:root{--navy:#07172b;--navy2:#0a2240;--blue:#155eef;--cyan:#36bffa;--ink:#101828;--muted:#667085;--line:#e4e7ec;--soft:#f5f7fa;--white:#fff;--good:#12b76a;--warn:#f79009;--danger:#f04438;--radius:18px;--shadow:0 12px 40px #07172b17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fcfcfd;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1280px,100% - 48px);margin-inline:auto}.section{padding:88px 0}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-size:.74rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;font-size:clamp(2.7rem,6vw,5.4rem);line-height:.97}h2{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.3rem);line-height:1.05}h3{letter-spacing:-.025em}.lede{color:var(--muted);max-width:720px;font-size:clamp(1.08rem,1.7vw,1.35rem)}.btn{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:.55rem;padding:.82rem 1.1rem;font-weight:750;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #07172b1a}.btn.primary{color:#fff;border-color:var(--blue);background:var(--blue)}.btn.dark{color:#fff;background:var(--navy);border-color:var(--navy)}.badge{color:#1849a9;background:#eef4ff;border-radius:999px;padding:.28rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.card{color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px;box-shadow:0 1px 2px #10182805}.grid{gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.metric strong{letter-spacing:-.04em;margin:.45rem 0;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.1;display:block}.metric small{color:var(--muted)}.metric .trend{color:var(--good);font-size:.78rem;font-weight:700}.dark-panel{background:linear-gradient(135deg, var(--navy), #103864);color:#fff;border-radius:28px;padding:clamp(28px,5vw,64px);position:relative;overflow:hidden}.dark-panel:after{content:"";background:var(--cyan);filter:blur(110px);opacity:.18;border-radius:50%;width:360px;height:360px;position:absolute;top:-160px;right:-100px}.dark-panel .lede{color:#c9d7ea}.dark-panel .card,.dark-panel .kpi,.dark-panel .floating{color:var(--ink)}.header{z-index:50;backdrop-filter:blur(18px);background:#fcfcfde6;border-bottom:1px solid #e4e7ecbf;align-items:center;height:74px;display:flex;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:22px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-weight:850;display:flex}.brand-mark{background:linear-gradient(135deg, var(--blue), var(--cyan));color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.nav{color:#344054;align-items:center;gap:17px;font-size:.87rem;display:flex}.nav a:hover{color:var(--blue)}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:.7rem .9rem;font-weight:750;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{border:1px solid var(--line);min-width:210px;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.mobile-menu nav a{color:var(--ink);border-radius:8px;padding:10px 12px;display:block}.mobile-menu nav a:hover{background:var(--soft);color:var(--blue)}.hero{align-items:center;min-height:calc(100vh - 74px);padding:70px 0 64px;display:flex}.hero-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;display:grid}.hero h1 span{color:var(--blue)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-visual{background:linear-gradient(145deg,#07172b,#0b2b53);border-radius:30px;min-height:540px;padding:32px;position:relative;overflow:hidden;box-shadow:0 35px 90px #07172b38}.tunnel{background:linear-gradient(115deg,#0000 15%,#36bffa2e 50%,#0000 82%),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 72px);border:1px solid #ffffff2e;border-radius:22px;height:100%;min-height:475px;position:relative}.road{background:linear-gradient(90deg,#192535,#303f52,#192535);border:1px solid #ffffff14;border-radius:120px 120px 20px 20px;position:absolute;inset:35% 8% 12%;transform:perspective(600px)rotateX(55deg)}.car{background:linear-gradient(150deg,#eaf5ff,#91a4b8);border-radius:45% 45% 22% 22%;width:38%;height:24%;position:absolute;bottom:18%;left:31%;box-shadow:0 22px 55px #0006}.car:before{content:"";background:#17324c;border-radius:60% 60% 14% 14%;position:absolute;inset:16% 18% 42%}.car:after{content:"";background:var(--cyan);height:8px;box-shadow:0 0 25px var(--cyan);border-radius:9px;position:absolute;bottom:16%;left:12%;right:12%}.floating{box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #ffffff80;border-radius:14px;min-width:165px;padding:14px 16px;position:absolute}.floating b{font-size:1.3rem;display:block}.floating small{color:var(--muted)}.float-a{top:24px;left:20px}.float-b{bottom:28px;right:20px}.thesis{letter-spacing:-.04em;max-width:1000px;font-size:clamp(1.7rem,3.5vw,3.25rem);line-height:1.13}.thesis em{color:var(--blue);font-style:normal}.scenario-strip{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.scenario-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.7rem 1rem;font-weight:700}.scenario-pill.active{color:#fff;background:var(--navy);border-color:var(--navy)}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 16px}th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--soft);font-size:.75rem}td strong{letter-spacing:-.02em}.input{width:100%;color:var(--ink);caret-color:var(--blue);background:#fff;border:1px solid #d0d5dd;border-radius:10px;padding:.72rem .8rem}.input::placeholder{color:#98a2b3}.input:focus{border-color:var(--blue);outline:3px solid #155eef21}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.field label{margin-bottom:6px;font-size:.82rem;font-weight:750;display:block}.field small{color:var(--muted)}.kpi-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.kpi{border:1px solid var(--line);background:#fff;border-radius:15px;padding:18px}.kpi span{color:var(--muted);font-size:.75rem;font-weight:700}.kpi b{letter-spacing:-.04em;margin-top:8px;font-size:1.3rem;display:block}.chart{width:100%;height:330px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:38px 0}.footer-inner{justify-content:space-between;gap:20px;display:flex}.alert{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;gap:10px;margin-top:10px;padding:12px 14px;font-size:.9rem;display:flex}.progress{background:#e9eef5;border-radius:99px;height:8px;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--blue), var(--cyan));border-radius:99px;height:100%;display:block}.sidebar-layout{grid-template-columns:250px 1fr;min-height:calc(100vh - 74px);display:grid}.sidebar{background:var(--navy);color:#d9e5f5;padding:28px 20px}.sidebar a{border-radius:9px;margin:3px 0;padding:10px 12px;font-size:.9rem;display:block}.sidebar a.active,.sidebar a:hover{color:#fff;background:#ffffff1a}.admin-main{min-width:0;padding:32px}.plan-grid{background:#eef1f5;border-radius:20px;grid-template-columns:repeat(4,1fr);grid-auto-rows:98px;gap:8px;padding:12px;display:grid}.zone{text-align:left;border:0;border-radius:11px;padding:10px;font-size:.75rem;font-weight:800;position:relative;overflow:hidden}.zone small{opacity:.72;font-weight:600;display:block}.zone[data-cat=access]{background:#bbdefb}.zone[data-cat=wash]{color:#fff;background:#2970ff}.zone[data-cat=express]{background:#a5f3fc}.zone[data-cat=premium]{background:#b8c8ff}.zone[data-cat=lounge]{background:#fff}.zone[data-cat=technical]{color:#fff;background:#98a2b3}.zone[data-cat=circulation]{background:#e4e7ec}.zone.selected{outline:4px solid #155eef47}.compare-col.recommended{border-color:var(--blue);box-shadow:0 18px 50px #155eef1f}.investor-slide{border-bottom:1px solid var(--line);align-items:center;min-height:78vh;padding:70px 0;display:flex}.table-wrap td,.table-wrap th{color:var(--ink)}.table-wrap th{color:#475467}.editable-table .input{text-align:right;min-width:120px;padding:.58rem .65rem}.editable-table .quantity-input{min-width:92px}.money-value,.money-cell{font-variant-numeric:tabular-nums;white-space:nowrap}.projection-table{min-width:1750px;font-size:.82rem}.projection-table th:first-child,.projection-table td:first-child{z-index:2;min-width:210px;box-shadow:1px 0 var(--line);background:#fff;font-weight:700;position:sticky;left:0}.projection-table thead th:first-child{background:var(--soft);z-index:3}.projection-table td:not(:first-child),.projection-table th:not(:first-child){text-align:right;min-width:122px}.projection-table tr.subtotal td{color:#1849a9;background:#eef4ff;font-weight:800}.projection-table tr.total td,.projection-table tr.total td:first-child{background:var(--navy);color:#fff;font-weight:850}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.summary-bar{background:var(--navy);color:#fff;border-radius:14px;flex-wrap:wrap;gap:24px;padding:16px 18px;display:flex}.summary-bar span{color:#c9d7ea;font-size:.78rem}.summary-bar strong{font-size:1.05rem;display:block}.premium-hero{color:#fff;background:radial-gradient(circle at 78% 20%,#36bffa38,#0000 30%),linear-gradient(135deg,#061326,#0a2e57);padding:86px 0 72px}.premium-hero h1{max-width:920px}.premium-hero .lede{color:#c9d7ea}.anchor-nav{z-index:35;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#fcfcfdf0;position:sticky;top:74px}.anchor-nav .container{gap:8px;padding-block:12px;display:flex;overflow-x:auto}.anchor-nav a{color:#344054;border-radius:999px;flex:none;padding:.55rem .82rem;font-size:.84rem;font-weight:750}.anchor-nav a:hover{color:var(--blue);background:#eef4ff}.premium-plan{background:#e9eef5;border-radius:22px;grid-template-columns:repeat(5,1fr);grid-auto-rows:108px;gap:8px;padding:12px;display:grid}.premium-zone{appearance:none;color:var(--ink);text-align:left;cursor:pointer;border:2px solid #0000;border-radius:13px;flex-direction:column;justify-content:space-between;padding:12px;font-size:.78rem;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.premium-zone:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1018281f}.premium-zone.selected{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb2e}.premium-zone small{opacity:.75;font-size:.7rem}.premium-zone[data-category=service]{background:#b8c8ff}.premium-zone[data-category=customer]{background:#d9f5ff}.premium-zone[data-category=office]{background:#fff}.premium-zone[data-category=technical]{color:#fff;background:#667085}.premium-zone[data-category=circulation]{background:#d0d5dd}.premium-area-detail{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.premium-area-detail h3{margin-bottom:6px}.premium-area-detail p{margin:7px 0}.service-package-section{margin-top:48px}.service-package-section>h2{max-width:760px}.service-package-grid{align-items:stretch;margin-top:30px}.service-package-card{border:1px solid #d0d5dd;padding:0;overflow:hidden}.service-package-card header{background:var(--navy);color:#fff;grid-template-columns:auto 1fr;align-items:center;gap:14px;min-height:150px;padding:22px;display:grid}.service-package-card header small{color:#c9d7ea;text-transform:uppercase;letter-spacing:.08em;font-weight:750;display:block}.service-package-card header h3{color:#fff;margin:4px 0 0;font-size:1.35rem}.service-package-number{background:var(--cyan);color:#073763;border-radius:50%;place-items:center;width:44px;height:44px;font-size:.82rem;font-weight:900;display:grid}.service-package-duration{width:max-content;color:var(--navy);background:#fff;border-radius:999px;grid-column:1/-1;padding:6px 10px;font-size:.78rem;font-weight:850}.service-package-body{color:var(--ink);padding:24px}.service-package-body p{min-height:72px;color:var(--muted)}.service-package-body ul{margin:14px 0 0;padding-left:1.25rem}.service-package-body li{margin:8px 0;padding-left:4px}.service-package-body li::marker{color:var(--blue)}.service-package-note{border-left:4px solid var(--blue);color:#344054;background:#eef4ff;border-radius:0 12px 12px 0;margin:22px 0 0;padding:16px 18px}.workshop-home-section{background:linear-gradient(#fcfcfd 0%,#eef2f6 100%)}.workshop-home-section .section-heading>div{max-width:780px}.workshop-showcase{background:var(--navy);border:1px solid #26384f;border-radius:24px;margin:32px 0 0;overflow:hidden;box-shadow:0 28px 70px #07172b33}.workshop-showcase img{aspect-ratio:1680/935;object-fit:cover;background:#101828;width:100%;height:auto;display:block}.workshop-showcase figcaption{color:#fff;background:linear-gradient(135deg,#07172b,#0b2b53);justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.workshop-showcase figcaption strong,.workshop-showcase figcaption span{display:block}.workshop-showcase figcaption>div>span{color:#c9d7ea;margin-top:2px;font-size:.86rem}.workshop-showcase figcaption>.badge{color:#1849a9;flex:none}.architecture-showcase{margin-bottom:38px}.technical-term{cursor:help;border-bottom:1px dotted;outline:none}.technical-tooltip{z-index:3000;color:#fff;text-align:left;text-transform:none;letter-spacing:normal;white-space:normal;overflow-wrap:anywhere;pointer-events:none;background:#101828;border:1px solid #344054;border-radius:9px;width:max-content;max-width:min(320px,100vw - 24px);max-height:calc(100vh - 24px);padding:10px 12px;font-size:.78rem;font-style:normal;font-weight:550;line-height:1.45;position:fixed;box-shadow:0 10px 26px #1018283d}.technical-tooltip[hidden]{display:none}.technical-tooltip:after{content:"";left:var(--tooltip-arrow-left,50%);background:#101828;width:10px;height:10px;position:absolute;transform:translate(-50%)rotate(45deg)}.technical-tooltip[data-placement=top]:after{border-bottom:1px solid #344054;border-right:1px solid #344054;bottom:-6px}.technical-tooltip[data-placement=bottom]:after{border-top:1px solid #344054;border-left:1px solid #344054;top:-6px}.technical-term:focus-visible{border-radius:3px;box-shadow:0 0 0 3px #155eef4d}.premium-service-card{border-top:4px solid var(--blue)}.premium-service-card .price{letter-spacing:-.04em;font-size:1.5rem;font-weight:850}.premium-kpi{color:#fff;background:#ffffff17;border:1px solid #ffffff24;border-radius:16px;padding:18px}.premium-kpi span{color:#c9d7ea;font-size:.77rem;font-weight:700}.premium-kpi strong{margin-top:6px;font-size:1.5rem;display:block}@media (width<=980px){.premium-plan{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.premium-plan{grid-template-columns:repeat(2,1fr)}.anchor-nav{top:74px}}@media (width<=980px){.brand>span:last-child,.nav{display:none}.mobile-menu{margin-left:auto;display:block}.hero-grid{grid-template-columns:1fr}.hero{padding-top:40px}.hero-visual{min-height:430px}.grid-4,.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-3,.sidebar-layout{grid-template-columns:1fr}.sidebar{display:none}.plan-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.container{width:min(100% - 30px,1280px)}.section{padding:60px 0}.hero-visual{min-height:370px;padding:16px}.tunnel{min-height:338px}.float-b{right:10px}.grid-4,.kpi-grid,.form-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}.admin-main{padding:20px 15px}.plan-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:2.8rem}.workshop-home-section .section-heading{flex-direction:column;align-items:flex-start}.workshop-showcase{border-radius:16px}.workshop-showcase figcaption{flex-direction:column;align-items:flex-start;padding:15px}}@media print{.header,.no-print,.sidebar{display:none!important}.section,.investor-slide{min-height:0;padding:24px 0}.card,.dark-panel{break-inside:avoid}.container{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
