:root{--bg-canvas:#13261d;--bg-surface:#20392c;--bg-surface-hover:#294735;--text-primary:#efe6d2;--text-muted:#c5c8b6;--accent-primary:#b8923a;--accent-secondary:#dfc47d;--border-subtle:#49604c;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px #b8923a55;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-secondary);text-underline-offset:.25em}a:hover{text-decoration-thickness:2px}img{display:block;width:100%;height:100%;object-fit:cover}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button,.button{transition:transform .35s var(--ease-kinetic),box-shadow .35s,background .35s}button:hover,.button:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 64px));margin:0 auto}.skip{position:absolute;left:24px;top:-100px;padding:10px;background:var(--text-primary);color:var(--bg-canvas);z-index:20}.skip:focus{top:12px}.site-header{position:relative;z-index:10;margin:22px 24px 0;padding:15px 24px;border:1px solid var(--border-subtle);border-radius:60px;background:var(--bg-surface);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-size:21px;font-weight:750;white-space:nowrap}.brand-mark{color:var(--accent-secondary);font-size:26px}.site-nav{display:flex;gap:25px;align-items:center}.site-nav a{font-size:14px;text-decoration:none;color:var(--text-primary)}.site-nav a[aria-current=page]{color:var(--accent-secondary);text-decoration:underline}.menu-toggle{display:none;border:0;background:var(--accent-primary);color:var(--bg-canvas);border-radius:50%;width:42px;height:42px;font-size:29px;line-height:1}.eyebrow,.label,.step-number,small,h3{font-family:ui-monospace,Consolas,monospace}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;color:var(--accent-secondary);margin:0 0 22px}h1,h2,h3{line-height:1.12;overflow-wrap:anywhere}h1{font-size:clamp(2.6rem,5.6vw,5.2rem);letter-spacing:-.055em;font-weight:650;margin:0 0 28px;max-width:17ch}h2{font-size:clamp(1.9rem,3.4vw,3.2rem);letter-spacing:-.035em;font-weight:600;margin:0 0 25px}h3{font-size:1.05rem;font-weight:600;line-height:1.5;margin:0 0 12px}p{margin:0 0 22px}.lead{font-size:clamp(1.15rem,1.8vw,1.4rem);color:var(--text-muted);line-height:1.6}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;background:var(--accent-primary);color:var(--bg-canvas);border:0;border-radius:50px;font-weight:750;text-decoration:none;line-height:1.4}.button.secondary,button.secondary{background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:50px;padding:12px 22px}.hero{padding:85px 0 70px}.hero-grid,.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-scene{position:relative;min-height:510px;background:radial-gradient(ellipse at 45% 40%,#49614470,transparent 65%);isolation:isolate}.hero-scene:before{content:"";position:absolute;inset:12%;border:1px solid var(--border-subtle);transform:rotate(-10deg);z-index:-1}.hero-scene:after{content:"";position:absolute;inset:20%;background:radial-gradient(ellipse,#b8923a33,transparent 70%);animation:ambient 12s ease-in-out infinite;z-index:-1}.hero-object{position:absolute;width:57%;aspect-ratio:1;border:1px solid #71826755;box-shadow:var(--shadow-elevation);background:var(--bg-surface)}.hero-object img{object-fit:cover}.hero-object.puck{top:0;left:0;transform:rotate(-8deg)}.hero-object.wrist{top:23%;right:0;transform:rotate(7deg);z-index:2}.hero-object.controller{bottom:0;left:8%;transform:rotate(-3deg);z-index:3}.scene-caption{position:absolute;right:0;bottom:-28px;font:11px ui-monospace,monospace;color:var(--text-muted);max-width:40%;text-align:right}.section{padding:90px 0;border-top:1px solid var(--border-subtle)}.split.reverse .visual{order:2}.split.reverse .copy{order:1}.visual{margin:0;min-width:0}.image-frame{aspect-ratio:4/3;background:var(--bg-surface);overflow:clip}.image-frame.banner{aspect-ratio:16/9}.image-frame.square{aspect-ratio:1}.visual figcaption{font:12px/1.6 ui-monospace,monospace;color:var(--text-muted);margin-top:14px}.copy p:last-child{margin-bottom:0}.brass{background:var(--accent-primary);color:var(--bg-canvas);border:0}.brass .eyebrow,.brass .lead,.brass a{color:var(--bg-canvas)}.brass .button{background:var(--bg-canvas);color:var(--text-primary)}.flow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid currentColor;border-bottom:1px solid currentColor;margin:35px 0 0}.flow div{padding:25px 20px;border-right:1px solid currentColor}.flow div:last-child{border:0}.flow span{display:block;font:12px ui-monospace,monospace;margin-bottom:10px}.flow strong{font-size:1.15rem}.principles{margin:30px 0}.principle{display:grid;grid-template-columns:40px 1fr;gap:18px;border-top:1px solid var(--border-subtle);padding:24px 0}.principle:last-child{border-bottom:1px solid var(--border-subtle)}.principle p{margin:0;color:var(--text-muted)}.symbol{color:var(--accent-secondary);font:26px ui-monospace,monospace}.article-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 40px}.article-link{display:block;padding:25px 0;border-top:1px solid var(--border-subtle);text-decoration:none;transition:padding .3s var(--ease-kinetic),background .3s}.article-link:hover{padding-left:12px;background:var(--bg-surface)}.article-link span{display:block;font-size:14px;color:var(--text-muted);margin-top:8px}.article-head{padding:78px 0 65px}.article-head h1{max-width:21ch;font-size:clamp(2.6rem,5vw,4.5rem)}.article-head .lead{max-width:65ch}.meta{font:12px/1.6 ui-monospace,monospace;color:var(--text-muted)}.prose{max-width:70ch;margin:0 auto}.prose h2{font-size:2rem;margin-top:50px}.prose h3{margin-top:28px}.prose ul,.prose ol{padding-left:24px}.prose li{margin-bottom:13px}.reading-section{padding:55px 0 75px;border-top:1px solid var(--border-subtle)}.sequence{counter-reset:sequence;list-style:none;padding:0!important}.sequence li{counter-increment:sequence;position:relative;padding:20px 0 20px 55px;border-top:1px solid var(--border-subtle)}.sequence li:before{content:"0" counter(sequence);position:absolute;left:0;color:var(--accent-secondary);font:16px ui-monospace,monospace}.table-scroll{overflow-x:auto;margin:30px 0}table{width:100%;border-collapse:collapse;min-width:580px;text-align:left;font-size:15px}th,td{padding:16px;border:1px solid var(--border-subtle);vertical-align:top}th{background:var(--bg-surface);font-family:ui-monospace,monospace}details{border-top:1px solid var(--border-subtle);padding:22px 0}details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;font-weight:650;line-height:1.5}details p{margin:18px 0 0;color:var(--text-muted)}.note{border-left:3px solid var(--accent-primary);padding:8px 0 8px 24px;margin:30px 0;color:var(--text-muted)}.contact-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:65px}.field{display:grid;gap:8px;margin-bottom:22px}label{font:13px ui-monospace,monospace}input,textarea,select{width:100%;min-width:0;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);border-radius:0;padding:13px}textarea{min-height:170px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.preview{white-space:pre-wrap;overflow-wrap:anywhere;min-height:220px;background:var(--bg-surface);padding:24px;font:14px/1.7 ui-monospace,monospace}.status{min-height:1.75em;color:var(--accent-secondary);font-size:14px}.site-footer{border-top:1px solid var(--border-subtle);padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer-grid h2{font:13px ui-monospace,monospace;letter-spacing:.04em;margin:0 0 15px}.footer-grid a{display:block;font-size:14px;margin-bottom:7px}.footer-grid p{font-size:14px;color:var(--text-muted)}.company{border-top:1px solid var(--border-subtle);margin-top:30px;padding-top:22px;font-size:13px;color:var(--text-muted)}.company p{margin:0 0 7px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;margin-top:24px}.footer-bottom a{color:var(--text-primary)}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js .reveal.reveal-visible{opacity:1;transform:translateY(0)}@keyframes ambient{0%,100%{transform:scale(.85);opacity:.55}50%{transform:scale(1.25);opacity:1}}
@media(min-width:1025px){.split{gap:85px}.hero-grid{grid-template-columns:1.05fr .95fr}}
@media(min-width:769px) and (max-width:1024px){.site-nav{gap:14px}.site-header{padding:14px 20px}.brand{font-size:18px}.hero-grid,.split{gap:35px}.hero-scene{min-height:400px}.footer-grid{gap:25px}}
@media(max-width:768px){.wrap{width:calc(100% - 40px)}.site-header{margin:14px 16px 0;padding:10px 16px;flex-wrap:wrap;gap:12px}.brand{font-size:19px}.site-nav{width:100%;flex-direction:column;align-items:stretch;gap:0}.site-nav a{padding:12px 6px;border-top:1px solid var(--border-subtle)}.js .menu-toggle{display:block}.js .site-nav{display:none;position:absolute;top:calc(100% + 9px);left:0;right:0;width:auto;padding:15px 22px;background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation)}.js .site-nav.open{display:flex;animation:dropdown .25s var(--ease-kinetic)}.hero{padding:55px 0 65px}.hero-grid,.split,.contact-layout{grid-template-columns:1fr;gap:40px}.hero-scene{min-height:440px;width:min(100%,500px);margin:0 auto}.section{padding:60px 0}.split.reverse .visual,.split.reverse .copy{order:initial}.flow{grid-template-columns:repeat(2,1fr)}.flow div:nth-child(2){border-right:0}.flow div:nth-child(-n+2){border-bottom:1px solid currentColor}.article-head{padding:55px 0 40px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>section:first-child{grid-column:1/-1}.reading-section{padding:40px 0 55px}}
@media(min-width:481px) and (max-width:768px){.hero-scene{min-height:490px}.image-frame{aspect-ratio:16/9}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}h1{font-size:2.8rem}.hero-scene{min-height:350px}.hero-object{width:59%}.scene-caption{font-size:10px}.footer-grid{grid-template-columns:1fr}.footer-grid>section:first-child{grid-column:auto}.flow div{padding:20px 12px}.article-links{grid-template-columns:1fr}.actions .button,.actions button{width:100%}.brand{font-size:17px}.article-head h1{font-size:2.5rem}}
@keyframes dropdown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}button:hover,.button:hover{transform:none}}