.home{--hgap: clamp(9px, 1.1vw, 14px);--hpad: clamp(var(--screw-safe, 32px), 2.6vw, 40px);--hradius: 16px;--paper-card: #ece6d7;--ink-card: #1a1813;--ink-soft: #5d5849;--hair: #cdc5b3;--hair-dash: #b9b09b;max-width:1340px;margin:0 auto;padding:var(--hgap) var(--hgap) clamp(34px,4vw,60px);display:flex;flex-direction:column;gap:var(--hgap);background:#0a0a0b;font-family:var(--font-mono)}.panel{position:relative;border-radius:var(--hradius);border:1px solid #1f1f19;background:var(--paper-card);color:var(--ink-card);padding:var(--hpad);isolation:isolate}.panel>*{position:relative;z-index:1}.panel.is-dark{background:#0c0c0e;color:var(--text);border-color:#2a2a22}.panel.is-dark:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background-repeat:no-repeat;--sc: rgba(255, 255, 255, .2);background-image:radial-gradient(circle at 15px 15px,var(--sc) 0 1.6px,transparent 2.2px),radial-gradient(circle at calc(100% - 15px) 15px,var(--sc) 0 1.6px,transparent 2.2px),radial-gradient(circle at 15px calc(100% - 15px),var(--sc) 0 1.6px,transparent 2.2px),radial-gradient(circle at calc(100% - 15px) calc(100% - 15px),var(--sc) 0 1.6px,transparent 2.2px)}.panel:not(.is-dark):not(.hero-panel){box-shadow:inset 0 0 0 1px #ffffff38,inset 0 1px #fff6}.panel:not(.is-dark):not(.hero-panel):before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='pp'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.5'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23pp)'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:overlay;opacity:.5}.panel:not(.is-dark):not(.hero-panel):after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background-repeat:no-repeat;background-image:url(/images/screw.png),url(/images/screw.png),url(/images/screw.png),url(/images/screw.png);background-position:13px 13px,calc(100% - 13px) 13px,13px calc(100% - 13px),calc(100% - 13px) calc(100% - 13px);background-size:16px 16px}@media(max-width:620px){.panel:not(.is-dark):not(.hero-panel){padding:max(var(--hpad),46px) max(var(--hpad),36px)}}.home .eyebrow{margin:0 0 12px;color:var(--orange);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.panel h2,.panel h3{margin:0;font-family:var(--font-display);color:inherit;text-transform:uppercase;letter-spacing:-.01em}.hero-panel{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);grid-template-rows:1fr auto;gap:clamp(18px,2.4vw,36px);align-items:center;overflow:hidden;min-height:clamp(440px,56vh,580px);padding:clamp(22px,2.6vw,38px) clamp(22px,2.8vw,44px);border-color:#6a5a1e;background:radial-gradient(120% 80% at 80% 0%,rgba(255,176,0,.07),transparent 46%),linear-gradient(180deg,#0c0c0e,#08080a)}.hero-panel:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(130% 110% at 64% 38%,#000 28%,transparent 82%);mask-image:radial-gradient(130% 110% at 64% 38%,#000 28%,transparent 82%)}.hero-panel>*{position:relative;z-index:1}.hero-l{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(13px,1.5vw,18px);padding-left:clamp(22px,2.2vw,38px)}.hero-l .hero-term{width:min(100%,332px)}.term-ctrl{margin-left:auto;color:var(--muted);font-size:11px;letter-spacing:2px}.hero-panel h1{margin:2px 0;font-family:var(--font-display);font-size:clamp(38px,4.2vw,56px);line-height:.95;letter-spacing:.01em;font-weight:700;text-transform:uppercase;color:var(--amber);text-shadow:0 0 22px rgba(255,176,0,.24),0 0 52px rgba(255,140,0,.14)}.hero-panel .hero-lede{max-width:360px;margin:0;color:var(--muted);font-family:var(--font-mono);font-size:14px;line-height:1.55}.hero-cta{text-transform:none;letter-spacing:0}.hero-cta b{font-weight:700;margin-left:5px}.hero-note{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-dim)}.hero-panel .coord-rail{position:absolute;top:clamp(78px,13vh,138px);bottom:clamp(40px,7vh,84px);left:clamp(10px,1.2vw,18px);color:#ffb0005c;letter-spacing:.1em;z-index:4}.hero-serial{position:absolute;top:14px;right:14px;z-index:3}.hero-product{grid-column:2;grid-row:1;position:relative;align-self:center;margin-left:clamp(-36px,-2.4vw,-12px);padding-right:clamp(8px,2vw,34px)}.hero-product .keyboard-figure{margin:0;background:transparent;border:0;box-shadow:none;overflow:visible}.hero-product img{width:100%;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 22px 26px rgba(0,0,0,.5))}.frame-corner{position:absolute;width:13px;height:13px;opacity:.92;z-index:3;pointer-events:none}.frame-corner.tl{left:0;top:0;border-left:1.5px solid var(--amber);border-top:1.5px solid var(--amber)}.frame-corner.tr{right:0;top:0;border-right:1.5px solid var(--amber);border-top:1.5px solid var(--amber)}.frame-corner.bl{left:0;bottom:0;border-left:1.5px solid var(--amber);border-bottom:1.5px solid var(--amber)}.frame-corner.br{right:0;bottom:0;border-right:1.5px solid var(--amber);border-bottom:1.5px solid var(--amber)}.cta-frame{position:relative;align-self:flex-start;padding:7px}.grid-cross{position:absolute;width:9px;height:9px;opacity:.4;z-index:1;pointer-events:none}.grid-cross:before,.grid-cross:after{content:"";position:absolute;background:var(--amber)}.grid-cross:before{left:4px;top:0;width:1px;height:9px}.grid-cross:after{left:0;top:4px;width:9px;height:1px}.gc1{left:18%;top:14px}.gc2{left:41%;top:14px}.gc3{right:9%;bottom:70px}.hero-strip{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:4px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber-soft)}.hero-strip,.hero-strip .spec-item{position:relative}.hero-strip .spec-item:not(:last-child):after{content:"·";position:absolute;right:-17px;color:#ffffff52}@media(max-width:900px){.hero-panel{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0}.hero-panel:before{-webkit-mask-image:none;mask-image:none;opacity:.5}.hero-panel .coord-rail{display:none}.hero-l{grid-column:1;grid-row:1;padding-left:0}.hero-l .hero-term{width:100%}.hero-product{grid-column:1;grid-row:2}.hero-strip{grid-row:3}}.op-panel{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);grid-template-rows:1fr auto;gap:clamp(20px,2.4vw,40px) clamp(24px,3vw,50px);align-items:start}.op-l{grid-column:1;grid-row:1}.op-verbs{margin:4px 0 16px;font-family:var(--font-display);font-size:clamp(46px,5vw,82px);font-weight:700;letter-spacing:.14em;color:var(--orange)}.op-l h3{font-size:clamp(17px,1.5vw,23px);margin-bottom:12px}.op-l p{margin:0;color:var(--ink-soft);font-size:13.5px;line-height:1.6}.op-mid{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) clamp(150px,15vw,200px);align-items:center;gap:clamp(16px,2vw,28px)}.op-shot{position:relative;margin:0;height:clamp(160px,18vw,230px);border:1px solid var(--hair);border-radius:6px;overflow:hidden;background:#111}.op-shot img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.op-callouts{display:flex;flex-direction:column;gap:clamp(16px,2vw,26px)}.op-callout{position:relative;margin:0;padding-left:30px;color:var(--ink-card);font-size:12px;line-height:1.45}.op-callout:before{content:"";position:absolute;left:-14px;top:7px;width:38px;height:1px;background:var(--orange)}.op-callout:after{content:"";position:absolute;left:22px;top:5px;width:5px;height:5px;border-radius:50%;background:var(--orange)}.op-stamp{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr);margin-top:8px;border-top:1px solid var(--hair)}.op-stamp div{display:flex;gap:14px;align-items:baseline;padding:16px 18px 0;border-right:1px dashed var(--hair-dash)}.op-stamp div:last-child{border-right:0}.op-stamp .k{color:var(--ink-soft);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}.op-stamp .v{color:var(--ink-card);font-weight:700;font-size:13px;margin-left:auto}.tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hgap)}.tri-card{display:flex;flex-direction:column;gap:14px}.tri-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tri-card h3{font-size:clamp(16px,1.4vw,21px);line-height:1.04}.tri-ico{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--ink-card);color:var(--ink-card);font-family:var(--font-mono);font-weight:700;font-size:13px}.tri-card>p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.55}.checks{margin:auto 0 0;padding:0;list-style:none;display:grid;gap:9px}.checks li{position:relative;padding-left:22px;font-size:13px;color:var(--ink-card)}.checks li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:700}.reasons{margin:0;padding:0;list-style:none;display:grid;gap:14px}.reasons li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start}.reasons .num{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--hair);color:var(--orange);font-size:11px;font-weight:700}.reasons strong{display:block;color:var(--ink-card);font-size:13.5px}.reasons span{color:var(--ink-soft);font-size:12.5px;line-height:1.4}.bench{margin:auto 0 0;display:flex;flex-direction:column;gap:10px}.bench img{width:100%;height:clamp(150px,14vw,190px);object-fit:cover;object-position:center 34%;border:1px solid var(--hair)}.bench figcaption{color:var(--orange);font-size:11px;letter-spacing:.08em;text-transform:uppercase}@media(max-width:900px){.op-panel{grid-template-columns:1fr}.op-l,.op-mid,.op-stamp{grid-column:1}.op-l{grid-row:1}.op-mid{grid-row:2}.op-stamp{grid-row:3}.op-mid,.op-stamp{grid-template-columns:1fr}.op-stamp div{border-right:0;border-bottom:1px dashed var(--hair-dash);padding:12px 0}.tri{grid-template-columns:1fr}}@media(max-width:620px){.op-l p,.op-callout,.op-stamp .v,.tri-card h3,.tri-card>p,.checks li,.reasons strong,.reasons span,.bench figcaption,.spec-row .v,.fd-mid p,.faq-panel summary,.faq-panel details p{overflow-wrap:break-word}.op-stamp .v,.spec-row .v{overflow-wrap:anywhere}.op-callout{padding-left:26px}.op-callout:before{left:0;width:20px}.op-callout:after{left:19px}.op-stamp div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.op-stamp .v{margin-left:0}}@media(max-width:360px){.panel:not(.is-dark):not(.hero-panel){padding:max(var(--hpad),44px) max(var(--hpad),34px)}}.spec-panel{display:flex;flex-direction:column;gap:clamp(18px,2vw,28px)}.spec-panel>h2{font-size:clamp(22px,2.4vw,34px)}.spec-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.86fr);gap:clamp(20px,2.6vw,46px);align-items:start}.spec-table{display:grid}.spec-row{display:grid;grid-template-columns:minmax(84px,.46fr) 1fr;gap:12px;padding:9px 0;border-bottom:1px dashed var(--hair-dash)}.spec-row:first-child{border-top:1px dashed var(--hair-dash)}.spec-row .k{color:var(--ink-soft);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.spec-row .v{color:var(--ink-card);font-size:12.5px}.spec-draw{align-self:center}.spec-draw svg{width:100%;height:auto}@media(max-width:1180px){.spec-body{grid-template-columns:1fr 1fr}.spec-draw{grid-column:1 / -1;max-width:470px;margin-top:8px}}@media(max-width:620px){.spec-body{grid-template-columns:1fr}}.fd-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(22px,3vw,50px);align-items:center}.fd-stamp{width:clamp(96px,10vw,134px);flex:none}.fd-stamp svg{width:100%;height:auto}.fd-mid h2{font-size:clamp(19px,2vw,29px);margin-bottom:10px;line-height:1.05}.fd-mid p{margin:0;color:var(--ink-soft);font-size:13.5px;line-height:1.6;max-width:520px}.fd-cta{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.fd-cta .button{white-space:nowrap;text-transform:none;letter-spacing:0}.fd-cta .button b{margin-left:5px;font-weight:700}@media(max-width:760px){.fd-panel{grid-template-columns:1fr;justify-items:start}.fd-cta{align-items:stretch;width:100%}}.faq-panel{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);gap:clamp(20px,3vw,48px);align-items:start}.faq-head h2{font-size:clamp(22px,2.4vw,36px)}.faq-panel .faq-list{display:grid}.faq-panel details{border-top:1px dashed var(--hair-dash)}.faq-panel details:last-child{border-bottom:1px dashed var(--hair-dash)}.faq-panel summary{cursor:pointer;list-style:none;padding:15px 0;color:var(--ink-card);font-family:var(--font-mono);font-weight:700;font-size:14px;display:flex;justify-content:space-between;gap:16px}.faq-panel summary::-webkit-details-marker{display:none}.faq-panel summary:after{content:"+";color:var(--orange);font-weight:700}.faq-panel details[open] summary:after{content:"−"}.faq-panel details p{margin:0 0 16px;color:var(--ink-soft);font-size:13px;line-height:1.6;max-width:640px}@media(max-width:760px){.faq-panel{grid-template-columns:1fr}}.kbd-shot{position:relative;height:clamp(168px,18vw,234px);border:1px solid var(--hair);border-radius:7px;background:radial-gradient(120% 120% at 50% -12%,#24241f,#0c0c0d 72%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:18px;overflow:hidden}.kbd-shot:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(80% 70% at 50% 118%,rgba(232,99,26,.12),transparent 60%)}.kcap-row{display:flex;gap:9px;position:relative;z-index:1}.kcap-row.ghost{opacity:.4;transform:translateY(2px) scale(.88);margin-bottom:1px}.kcap{display:grid;place-items:center;min-width:48px;height:48px;padding:0 6px;border-radius:8px;background:linear-gradient(180deg,#f1ecde,#e2dccb 55%,#d1c9b5);box-shadow:0 4px #ada690,0 7px 11px #00000075,inset 0 1px #fff9;color:#2c2820;font-family:var(--font-mono);font-weight:700;font-size:15px}.kcap.sm{min-width:42px;height:42px;font-size:13px}.kcap.space{min-width:clamp(118px,14vw,166px)}.kcap.orange{background:linear-gradient(180deg,#f4863a,#ea6a1f 55%,#d4571a);box-shadow:0 4px #a8430f,0 7px 11px #00000080,inset 0 1px #ffdcb480;color:#3a1c06;font-size:21px}.bench-crt{position:relative;height:clamp(150px,14vw,190px);border:1px solid var(--hair);border-radius:5px;background:radial-gradient(130% 110% at 50% 24%,#14140f,#070806 82%);overflow:hidden;padding:15px 17px}.bench-crt pre{margin:0;font-family:var(--font-mono);font-size:11px;line-height:1.62;color:var(--amber-soft);text-shadow:0 0 7px rgba(255,176,0,.42);white-space:pre}.bench-crt .gp{color:var(--amber)}.bench-crt:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 3px;opacity:.5}.home .panel.suit-panel{padding:max(var(--hpad),44px)}.suit-panel .suit-head{max-width:560px;margin-bottom:clamp(20px,2.4vw,30px)}.suit-panel h2{font-size:clamp(24px,3vw,34px)}.suit-panel .suit-lede{margin:10px 0 0;color:var(--ink-soft);font-size:15px;line-height:1.6}.suit-panel .product-tile{border-radius:8px;overflow:hidden;border:1px solid var(--hair);background:var(--paper-hot)}.suit-panel .product-tile p{color:var(--ink-card)}.suit-panel .product-tile small{color:var(--ink-soft)}.suit-panel .suit-disclaimer{margin:16px 0 0;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.03em;color:var(--ink-soft)}