:root{--bg:#0B0F1A;--panel:#141A2B;--ink:#E8ECF2;--muted:#a1aabc;--accent:#7CFFB2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a,summary,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}.review{padding:10px 5%;font-size:11px;letter-spacing:.07em;background:#1c2435;color:#c8cfdb;text-align:center}header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid #ffffff20}.brand{font-size:24px;font-weight:700;letter-spacing:-1px}.brand span{display:block;font:9px monospace;letter-spacing:2px;margin-top:9px;color:var(--muted)}nav{display:flex;gap:36px;font-size:13px}nav a:last-child{color:var(--accent)}section{padding:100px 7%}.hero{padding-top:80px;position:relative;min-height:760px;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr}.hero-copy{position:relative;z-index:3}.eyebrow,.micro,.hero-bottom,.diagram-label{font:11px/1.7 monospace;letter-spacing:1.5px;color:var(--muted)}.eyebrow{color:var(--accent);margin:0 0 28px}h1{font-size:clamp(48px,5.4vw,80px);line-height:1.04;letter-spacing:-4px;margin:0 0 28px;font-weight:500}em{font-style:normal;color:var(--accent)}.intro{font-size:18px;line-height:1.65;color:#b7c0d0}.cta{display:inline-flex;justify-content:space-between;gap:40px;background:var(--accent);color:var(--bg);padding:18px 23px;border:0;border-radius:2px;font-weight:700;font-size:13px;cursor:pointer;margin:18px 0}.cta:hover{transform:translateY(-3px);transition:transform 120ms}.micro{font-size:9px;letter-spacing:.8px}.world{position:relative;perspective:800px;min-height:470px;transform-style:preserve-3d}.fog{position:absolute;inset:-50px;background:radial-gradient(ellipse,#7CFFB210,transparent 65%);transform:translate(calc(var(--mx,0px)*.2),calc(var(--my,0px)*.2))}.grid{position:absolute;inset:20px -40px;background-image:linear-gradient(#7CFFB213 1px,transparent 1px),linear-gradient(90deg,#7CFFB213 1px,transparent 1px);background-size:44px 44px;transform:rotateX(55deg) rotateZ(-24deg) translate(calc(var(--mx,0px)*.5),calc(var(--my,0px)*.5));border:1px solid #7CFFB220}.shield{position:absolute;width:270px;height:330px;left:50%;top:40%;margin:-145px 0 0 -135px;background:linear-gradient(130deg,#3a7c5a,#1a2538 28%,#080d18 60%,#7CFFB290);clip-path:polygon(50% 0,96% 17%,92% 67%,75% 87%,50% 100%,25% 87%,8% 67%,4% 17%);filter:drop-shadow(0 20px 12px #000);transform:rotateY(-20deg) rotateX(10deg) translate(var(--mx,0px),var(--my,0px));animation:assemble .8s steps(4,end) both}.shield-inner{position:absolute;inset:5px;background:linear-gradient(125deg,#263149,#0b101b 55%,#1a3d2e);clip-path:inherit;border-top:2px solid #a8ffd4}.shield span{position:absolute;inset:94px 0;text-align:center;font:16px/1.8 monospace;letter-spacing:5px}.shield b{color:var(--accent);font-size:28px}.scan{height:1px;background:var(--accent);position:absolute;top:10%;width:90%;box-shadow:0 0 15px #7CFFB266;animation:scan 2.6s steps(12) 1;pointer-events:none}.diagram-label{position:absolute;bottom:35px;left:10%;font-size:9px}.hero-bottom{position:absolute;bottom:25px;left:7%;right:7%;display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:22px;font-size:10px}.context{background:#101625;border-block:1px solid #ffffff12}h2{font-size:clamp(34px,4vw,56px);font-weight:500;letter-spacing:-2px;line-height:1.12;margin:0 0 30px}p{line-height:1.7;color:#adb7c8}.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.pills button{border:1px solid #465064;background:transparent;color:var(--ink);padding:13px 20px;cursor:pointer}.pills button.active{color:var(--accent);border-color:var(--accent);background:#7CFFB208}.answer{max-width:730px;min-height:60px}.section-head{max-width:700px}.workbench{display:grid;grid-template-columns:1fr 1.5fr;margin-top:48px;border:1px solid #ffffff20}.steps{background:#101623}.steps button{display:block;width:100%;padding:32px 25px;text-align:left;background:transparent;color:#8691a5;border:0;border-bottom:1px solid #ffffff15;cursor:pointer}.steps button[aria-selected=true]{color:var(--accent);background:#1a2233;border-left:3px solid var(--accent)}.steps span{font-size:20px;margin-left:12px}.steps small{display:block;font:10px monospace;letter-spacing:2px;margin:15px 0 0 32px}.stage{padding:30px;background:#0f1522}.site-plan{height:230px;position:relative;border:1px solid #8a93a64d;background:repeating-linear-gradient(0deg,transparent 0 23px,#ffffff07 24px)}.room{position:absolute;border:1px solid #8a93a659;font:9px monospace;color:#aeb7c5;display:grid;place-items:center}.r1{left:5%;top:15%;width:24%;height:65%}.r2{left:33%;top:15%;width:61%;height:35%}.r3{left:48%;top:57%;width:46%;height:25%}.point{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px #7CFFB218}.p1{left:16%;top:45%}.p2{left:60%;top:28%;display:none}.p3{left:70%;top:65%;display:none}.stage[data-phase='1'] .point,.stage[data-phase='2'] .point{display:block}.route{position:absolute;left:17%;top:47%;width:55%;height:25%;border-left:1px dashed var(--accent);border-bottom:1px dashed var(--accent);display:none}.stage[data-phase='2'] .route{display:block}h3{font-size:25px;font-weight:500;letter-spacing:-.6px}.text-link{color:var(--accent);font-size:13px}.evidence{background:#111725}.lead{max-width:700px}.proof-grid{margin:45px 0}details{border-block-start:1px solid #ffffff25;padding:22px 0}details:last-child{border-bottom:1px solid #ffffff25}summary{cursor:pointer;font-size:19px;display:flex;justify-content:space-between;gap:20px}summary span{font:11px monospace;color:var(--accent)}details p{max-width:700px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px}.coverage-art{position:relative;min-height:250px;background:repeating-linear-gradient(90deg,transparent 0 79px,#ffffff25 80px),repeating-linear-gradient(0deg,#0b0f1a 0 59px,#ffffff25 60px);border:1px solid #ffffff20;overflow:hidden}.coverage-overlay{position:absolute;inset:0;width:50%;background:repeating-radial-gradient(circle at 50% 50%,#7CFFB222 0 25px,#7CFFB266 26px 27px);border-right:2px solid var(--accent)}.coverage-art span{position:absolute;bottom:15px;left:15px;font:10px/1.7 monospace;background:#0b0f1a;padding:8px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p{max-width:440px}form{background:var(--panel);padding:28px}label{display:block;font-size:12px;color:#c2cad7;margin:0 0 20px}input,select{width:100%;padding:13px;margin-top:10px;border:1px solid #465064;background:#0b0f1a;color:var(--ink);border-radius:0}input[type=range]{accent-color:var(--accent);padding:0}output{float:right}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checklist{border-left:2px solid var(--accent);padding:10px 15px;margin:0 0 24px;font-size:12px;line-height:1.7;color:#c1c9d7}#result{color:var(--accent);font-size:13px}footer{border-top:1px solid #ffffff20;padding:35px 5%;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}.reveal.seen{animation:reveal .35s steps(4,end)}@keyframes reveal{from{clip-path:inset(12% 0 0);transform:translateY(15px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes scan{from{top:10%}to{top:85%}}@keyframes assemble{from{transform:rotateY(-70deg) rotateX(25deg) scale(.7)}to{transform:rotateY(-20deg) rotateX(10deg) scale(1)}}@media(max-width:700px){.review{font-size:9px;padding:9px 15px}header{height:90px;align-items:center}.brand{font-size:20px}.brand span{font-size:7px}nav{gap:15px;font-size:11px}nav a:first-child{display:none}section{padding:65px 6%}.hero{padding-top:44px;display:block;min-height:1000px}h1{font-size:49px;letter-spacing:-2.7px}.eyebrow{font-size:9px;letter-spacing:1px}.intro{font-size:16px}.world{min-height:350px;margin-top:30px}.shield{width:220px;height:270px;margin-left:-110px;margin-top:-110px}.shield span{inset:65px 0}.diagram-label{bottom:5px;font-size:8px}.grid{inset:0}.hero-bottom{font-size:8px;gap:15px;bottom:22px}.hero-bottom span{max-width:100px}h2{font-size:36px}.pills button{font-size:12px;padding:12px}.workbench,.comparison,.contact{grid-template-columns:1fr;gap:28px}.workbench{gap:0}.steps{display:flex}.steps button{padding:15px 8px;flex:1}.steps span{display:block;font-size:13px;margin:8px 0}.steps small{font-size:7px;margin:0;letter-spacing:.5px}.stage{padding:20px}.site-plan{height:190px}summary{font-size:16px}summary span{font-size:9px;max-width:100px}form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-direction:column}.micro{font-size:8px}.contact{gap:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.shield{transform:none}.grid{transform:rotateX(55deg) rotateZ(-24deg)}}
/* Revision 3: Space Grotesk headings per Section Brief; readable mobile type; existing provisional accent/motion retained. */
@font-face{font-family:"Space Grotesk";src:url(assets/fonts/SpaceGrotesk-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:"Space Grotesk";src:url(assets/fonts/SpaceGrotesk-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url(assets/fonts/Inter-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(assets/fonts/Inter-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:"Noto Sans TC";src:url(assets/fonts/NotoSansTC-VF.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:"Noto Sans TC";src:url(assets/fonts/NotoSansTC-VF.ttf) format("truetype");font-weight:700;font-display:swap}
body{font-family:Inter,"Noto Sans TC",sans-serif;font-size:16px}html[lang="zh-Hant"] body{font-family:"Noto Sans TC",Inter,sans-serif}h1,h2,h3{font-family:"Space Grotesk",Inter,"Noto Sans TC",sans-serif;font-weight:400}html[lang="zh-Hant"] h1,html[lang="zh-Hant"] h2,html[lang="zh-Hant"] h3{font-family:"Space Grotesk","Noto Sans TC",Inter,sans-serif}.review{font-size:13px;line-height:1.6}.brand span{font-family:Inter,"Noto Sans TC",sans-serif;font-size:12px;letter-spacing:1px}.eyebrow,.micro,.hero-bottom,.diagram-label,.steps small,.room,.coverage-art span,summary span{font-family:Inter,"Noto Sans TC",sans-serif;font-size:13px;line-height:1.6;letter-spacing:.5px;color:#bac4d5}.eyebrow,summary span{color:var(--accent)}nav{font-size:15px;gap:24px}nav a{display:inline-flex;align-items:center;min-height:44px}.cta,.text-link,label,.checklist,#result,footer{font-size:16px}input,select{font-size:16px;min-height:48px}input::placeholder{color:#aab6ca;opacity:1}.steps button{color:#b4bfd1}.steps small{margin-left:32px}.room{font-size:12px}.coverage-art span{font-size:12px}summary{min-height:44px;align-items:center}summary span{font-size:13px}input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}.language{border-bottom:1px solid #a1aabc}html[lang="zh-Hant"] h1,html[lang="zh-Hant"] h2{letter-spacing:0;line-height:1.25}
@media(max-width:700px){header{height:auto;min-height:120px;flex-wrap:wrap;gap:8px;padding:18px 0}.brand{font-size:23px}.brand span{font-size:12px}nav{width:100%;justify-content:space-between;gap:12px;font-size:14px}nav a:first-child{display:inline-flex}.review{font-size:12px;padding:12px 18px}.hero{min-height:0;padding-bottom:130px}.hero h1{font-size:44px;letter-spacing:-2px}.eyebrow,.micro,.diagram-label{font-size:12px}.hero-bottom{font-size:12px;gap:12px}.hero-bottom span{max-width:110px}.world{min-height:310px;margin-top:20px}.diagram-label{bottom:0;left:0}.pills button{font-size:15px;min-height:48px}.steps{display:block}.steps button{min-height:80px;padding:16px 18px}.steps span{display:inline;font-size:18px;margin-left:10px}.steps small{font-size:12px;margin:6px 0 0 29px;letter-spacing:.4px}.stage{padding:18px}.site-plan{height:210px}.room{font-size:11px}.r3{width:51%;left:44%}summary{font-size:17px;gap:16px}summary span{font-size:12px;max-width:120px}.coverage-art span{font-size:12px}form{padding:20px}.contact p{max-width:none}footer{font-size:14px}html[lang="zh-Hant"] h1{font-size:40px;letter-spacing:0}html[lang="zh-Hant"] h2{font-size:32px}}
.p1{left:30%;top:53%}.p2{left:40%;top:53%}.p3{left:40%;top:80%}