:root{--ink:#0b1116;--ink-2:#121b22;--ink-3:#18242c;--paper:#edf2f3;--muted:#93a3ad;--steel:#86a9c5;--steel-bright:#bdd9e9;--signal:#f2c84b;--line:#b8d7eb33}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--paper);margin:0;font-family:Inter,Noto Sans TC,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--signal);outline-offset:3px}main{background:linear-gradient(#8aaccb09 1px, transparent 1px), linear-gradient(90deg, #8aaccb09 1px, transparent 1px), var(--ink);background-size:32px 32px;min-height:100vh}.nav-shell{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1500px,100% - 48px);height:92px;margin:auto;display:flex}.brand{grid-template-columns:178px auto;align-items:center;gap:16px;display:grid}.brand img{width:178px;height:auto;display:block}.brand span{color:var(--signal);letter-spacing:.2em;border-left:1px solid #ffffff3d;padding-left:16px;font-size:10px;font-weight:800;line-height:1.3}nav{color:#c7d1d6;align-items:center;gap:28px;font-size:12px;display:flex}nav a:hover{color:#fff}.nav-cta{border:1px solid var(--steel);color:#fff;padding:11px 16px}.hero-3d,.ten-second-story,.proof,.finished-proof,.pack-facts,.specs,.contact,footer{width:min(1500px,100% - 48px);margin:0 auto}.hero-3d{padding:82px 0 118px}.hero-intro{grid-template-columns:1.15fr .85fr;align-items:end;gap:clamp(46px,8vw,130px);margin-bottom:66px;display:grid}.eyebrow{color:var(--steel-bright);letter-spacing:.22em;margin:0 0 20px;font-size:10px;font-weight:900}.hero-intro h1,.section-heading h2,.finished-copy h2,.pack-facts h2,.specs h2,.contact h2{text-transform:uppercase;letter-spacing:-.035em;margin:0;font-family:Arial Narrow,Impact,Haettenschweiler,sans-serif;font-weight:800}.hero-intro h1{font-size:clamp(72px,8.6vw,136px);line-height:.84}.hero-intro h1 em{color:var(--signal);font-style:normal}.hero-intro-side{padding-bottom:7px}.hero-intro-side>p{color:#bac5ca;max-width:590px;margin:0 0 28px;font-size:clamp(18px,1.7vw,25px);line-height:1.5}.hero-proof{flex-wrap:wrap;gap:22px;margin-bottom:32px;display:flex}.hero-proof span{border-left:2px solid var(--steel);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding-left:12px;font-size:10px}.hero-proof b{color:#fff;text-transform:none;margin-bottom:4px;font-size:17px;display:block}.button{border:1px solid var(--line);letter-spacing:.05em;padding:14px 18px;font-size:12px;font-weight:900;display:inline-block}.button.primary{background:var(--signal);border-color:var(--signal);color:var(--ink)}.viewer-shell{border:1px solid var(--line);background:var(--ink-2);grid-template-columns:minmax(0,1.62fr) minmax(320px,.58fr);min-height:680px;display:grid;box-shadow:0 40px 120px #00000057}.viewer-loading{border:1px solid var(--line);background:var(--ink-2);min-height:680px;color:var(--steel-bright);letter-spacing:.16em;text-transform:uppercase;place-items:center;font-size:10px;font-weight:900;display:grid}.viewer-stage{background:#151c21;min-width:0;min-height:680px;position:relative;overflow:hidden}.viewer-canvas{position:absolute;inset:0}.viewer-canvas canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.viewer-canvas canvas:active{cursor:grabbing}.viewer-fallback{color:var(--muted);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.viewer-badge{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#cbd5da;letter-spacing:.13em;pointer-events:none;background:#0b1116b8;border:1px solid #ffffff29;align-items:center;gap:9px;padding:8px 10px;font-size:8px;font-weight:900;display:flex;position:absolute;top:20px;left:20px}.viewer-badge i{background:var(--signal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #f2c84b21}.viewer-dimensions{z-index:2;pointer-events:none;gap:4px;display:grid;position:absolute;bottom:22px;left:22px}.viewer-dimensions span{color:#fff;font-size:25px;font-weight:900}.viewer-dimensions b{color:var(--steel-bright);letter-spacing:.15em;font-size:9px}.pack-bom{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#0b1116c7;border:1px solid #ffffff29;min-width:160px;display:grid;position:absolute;top:74px;right:20px}.pack-bom span{color:#cbd4d9;letter-spacing:.1em;border-bottom:1px solid #ffffff1a;grid-template-columns:28px 1fr;gap:9px;padding:10px 12px;font-size:8px;display:grid}.pack-bom span:last-child{border-bottom:0}.pack-bom b{color:var(--signal)}.viewer-console{border-left:1px solid var(--line);background:linear-gradient(#16222a,#10181e);flex-direction:column;gap:30px;padding:clamp(28px,3.2vw,46px);display:flex}.viewer-copy>span,.control-label{color:var(--steel-bright);letter-spacing:.15em;font-size:8px;font-weight:900}.viewer-copy h2{text-transform:uppercase;margin:16px 0 14px;font-size:clamp(34px,3vw,50px);line-height:.92}.viewer-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.viewer-control-group{gap:11px;display:grid}.segmented{gap:5px;display:grid}.mode-selector{grid-template-columns:1fr}.layout-selector{grid-template-columns:repeat(3,1fr)}.segmented button{border:1px solid var(--line);color:#9babb3;cursor:pointer;background:0 0;min-width:0;padding:12px;font-size:10px;font-weight:800}.segmented button:hover{border-color:var(--steel);color:#fff}.segmented button[aria-pressed=true]{background:var(--signal);border-color:var(--signal);color:var(--ink)}.mode-selector button{text-align:left}.layout-selector button b{color:inherit;margin-bottom:3px;font-size:13px;display:block}.layout-selector button small{opacity:.74;white-space:nowrap;font-size:7px;display:block}.explode-control{color:var(--steel-bright);letter-spacing:.1em;text-transform:uppercase;grid-template-columns:1fr auto;gap:10px;font-size:9px;font-weight:900;display:grid}.explode-control strong{color:var(--signal)}.explode-control input{width:100%;accent-color:var(--signal);grid-column:1/-1}.viewer-note{color:#667985;margin:auto 0 0;font-size:9px;line-height:1.55}.ten-second-story{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.ten-second-story article{border-right:1px solid var(--line);background:#121b22a8;min-height:250px;padding:42px}.ten-second-story article:last-child{border-right:0}.ten-second-story span{color:var(--signal);font-size:10px;font-weight:900}.ten-second-story b{color:var(--steel-bright);letter-spacing:.16em;margin:28px 0 12px;font-size:9px;display:block}.ten-second-story h3{color:#fff;margin:0;font-size:25px}.ten-second-story p{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.6}.proof,.pack-facts,.specs,.contact{border-top:1px solid var(--line);padding:120px 0}.section-heading{grid-template-columns:1.1fr .65fr;align-items:end;gap:72px;display:grid}.section-heading h2,.finished-copy h2,.pack-facts h2,.specs h2,.contact h2{font-size:clamp(52px,5.7vw,92px);line-height:.89}.lede{color:#aebbc2;max-width:590px;margin:0;font-size:16px;line-height:1.72}.proof-gallery{grid-template-columns:1.18fr .82fr .82fr;gap:12px;margin-top:66px;display:grid}.proof-gallery article{background:var(--ink-2);border:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.proof-gallery img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.proof-gallery article:last-child img{object-fit:contain;background:#f0f2ef;padding:18px}.proof-gallery article>div{padding:26px}.proof-gallery span{color:var(--signal);letter-spacing:.14em;font-size:8px;font-weight:900}.proof-gallery h3{margin:18px 0 8px;font-size:21px}.proof-gallery p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.finished-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr .82fr;min-height:760px;display:grid}.finished-photo{min-height:720px;position:relative;overflow:hidden}.finished-photo img{object-fit:cover;width:100%;height:100%;display:block}.finished-photo:after{content:"";background:linear-gradient(90deg,transparent 68%,var(--ink));pointer-events:none;position:absolute;inset:0}.finished-photo>span{z-index:2;background:var(--signal);color:var(--ink);letter-spacing:.14em;padding:9px 11px;font-size:8px;font-weight:900;position:absolute;bottom:24px;left:24px}.finished-copy{align-self:center;padding:70px 0 70px 72px}.finished-copy .lede{margin-top:28px}.finished-copy ul{border-top:1px solid var(--line);margin:36px 0 0;padding:0;list-style:none}.finished-copy li{border-bottom:1px solid var(--line);grid-template-columns:36px 1fr;gap:4px 10px;padding:17px 0;display:grid}.finished-copy li span{color:var(--signal);grid-row:1/3;font-size:9px;font-weight:900}.finished-copy li b{font-size:13px}.finished-copy li em{color:var(--muted);font-size:11px;font-style:normal;line-height:1.55}.pack-facts{grid-template-columns:.66fr 1.34fr;gap:84px;display:grid}.pack-fact-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pack-fact-grid article{border:1px solid var(--line);background:var(--ink-2);flex-direction:column;min-height:300px;padding:25px;display:flex}.pack-fact-grid span{color:var(--muted);letter-spacing:.14em;font-size:8px;font-weight:900}.pack-fact-grid strong{color:#e39580;margin:24px 0 0;font-size:20px}.pack-fact-grid p{color:#8fa0a9;margin:auto 0 0;font-size:11px;line-height:1.65}.pack-fact-grid .recommended{background:#f2c84b0e;border-color:#f2c84b94}.pack-fact-grid .recommended strong{color:var(--signal)}.engineering-caveat{color:#6d7f89;grid-column:2;margin:-56px 0 0;font-size:9px;line-height:1.6}.specs{grid-template-columns:.72fr 1fr;gap:100px;display:grid}.section-heading.compact{display:block}.spec-table{border-top:1px solid var(--steel)}.spec-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.1fr;gap:24px;padding:16px 0;display:grid}.spec-row span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:11px}.spec-row strong{color:#fff;font-size:13px}.compliance-note{color:#75858f;grid-column:2;margin:-68px 0 0;font-size:10px;line-height:1.6}.contact{background:var(--steel);color:var(--ink);grid-template-columns:.85fr 1.15fr;gap:100px;padding-left:clamp(28px,4vw,64px);padding-right:clamp(28px,4vw,64px);display:grid}.contact .eyebrow,.contact .lede{color:#263d4d}.contact-email{color:var(--ink);border-bottom:2px solid var(--ink);align-items:center;gap:18px;margin-top:30px;padding-bottom:6px;font-size:18px;font-weight:900;display:inline-flex}.contact form{background:var(--ink);color:#fff;align-self:center;gap:18px;padding:42px;display:grid}.honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.field-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;gap:8px;font-size:9px;font-weight:800;display:grid}.contact input,.contact textarea{border:1px solid var(--line);color:#fff;resize:vertical;text-transform:none;letter-spacing:0;background:#0e171d;outline:none;width:100%;padding:13px 14px;font-size:14px}.contact input:focus,.contact textarea:focus{border-color:var(--signal)}.contact form .button{cursor:pointer;width:fit-content}.contact form .button:disabled{cursor:wait;opacity:.72}.form-status{color:var(--steel-bright);opacity:0;margin:0;font-size:10px;line-height:1.5;transition:opacity .2s}.form-status.show{opacity:1}.form-status a{color:#fff;text-decoration:underline}footer{min-height:160px;color:var(--muted);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:30px;font-size:9px;display:flex}footer .brand{grid-template-columns:150px auto}footer .brand img{width:150px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (width<=1050px){.nav-shell,.hero-3d,.ten-second-story,.proof,.finished-proof,.pack-facts,.specs,.contact,footer{width:calc(100% - 30px)}nav a:not(.nav-cta){display:none}.hero-intro,.section-heading,.pack-facts,.specs,.contact{grid-template-columns:1fr}.hero-intro-side{max-width:720px}.viewer-shell{grid-template-columns:1fr}.viewer-stage{min-height:620px}.viewer-console{border-left:0;border-top:1px solid var(--line)}.mode-selector{grid-template-columns:repeat(3,1fr)}.mode-selector button{text-align:center}.proof-gallery{grid-template-columns:1fr 1fr}.proof-main{grid-column:1/-1}.finished-proof{grid-template-columns:1fr}.finished-photo:after{background:linear-gradient(0deg,var(--ink),transparent 45%)}.finished-copy{padding:76px 0}.pack-fact-grid{margin-top:10px}.engineering-caveat,.compliance-note{grid-column:1;margin:0}.contact{gap:50px;padding-left:28px;padding-right:28px}}@media (width<=680px){.nav-shell,.hero-3d,.ten-second-story,.proof,.finished-proof,.pack-facts,.specs,.contact,footer{width:calc(100% - 26px)}.brand{grid-template-columns:130px;gap:0}.brand img{width:130px}.brand span{display:none}.nav-cta{padding:10px 12px}.hero-3d{padding:58px 0 90px}.hero-intro{margin-bottom:42px}.hero-intro h1{font-size:64px}.viewer-stage{min-height:510px}.viewer-badge{width:fit-content;font-size:7px;left:14px;right:14px}.viewer-dimensions{bottom:16px;left:16px}.pack-bom{min-width:140px;top:60px;right:14px}.viewer-console{padding:27px 20px}.mode-selector{grid-template-columns:1fr}.mode-selector button{text-align:left}.ten-second-story,.proof-gallery,.pack-fact-grid{grid-template-columns:1fr}.ten-second-story article{border-right:0;border-bottom:1px solid var(--line);min-height:220px}.ten-second-story article:last-child{border-bottom:0}.proof,.pack-facts,.specs,.contact{padding-top:88px;padding-bottom:88px}.proof-main{grid-column:auto}.finished-photo{min-height:560px}.pack-fact-grid article{min-height:240px}.field-pair{grid-template-columns:1fr}.contact form{padding:24px 18px}footer{padding:42px 0;display:grid}}