:root{--bg-canvas:#15352c;--bg-surface:#21483c;--bg-surface-hover:#2a5547;--text-primary:#e0f2f1;--text-muted:#b8d4c9;--accent-primary:#ff6f59;--accent-secondary:#ffc0a7;--border-subtle:rgba(224,242,241,.22);--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:none;--glow-accent:none;--glass-backdrop:blur(20px) saturate(190%);--tour-progress:0}
*{box-sizing:border-box;overflow-wrap:anywhere;hyphens:auto}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:1rem/1.7 system-ui,sans-serif}a{color:var(--accent-secondary);text-underline-offset:.22em}a:hover{color:var(--text-primary)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}figcaption{font-size:.85rem;color:var(--text-muted);margin-top:.7rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.12;letter-spacing:-.045em;max-width:19ch;margin-bottom:1.4rem}h2{font-size:2rem;line-height:1.2;letter-spacing:-.025em}h3{font-size:1.5rem;line-height:1.3}h4,.eyebrow,.step-number,.label{font-family:ui-monospace,Consolas,monospace}h4{font-size:1rem}.eyebrow,.label{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:var(--accent-secondary)}p,li{max-width:72ch}small{font-size:.85rem}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:1rem;top:-10rem;z-index:20;background:var(--accent-primary);color:#15352c;padding:1rem}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}header{position:relative;z-index:5;padding:22px 0}.header-shell{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:16px 24px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--bg-surface)}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--text-primary);font-weight:750;text-decoration:none;font-size:.95rem;white-space:nowrap;hyphens:none}.brand-mark{width:22px;height:25px;display:inline-block;border:2px solid var(--accent-primary);border-radius:5px;transform:rotate(-8deg);flex-shrink:0}.brand-mark::after{content:"";display:block;width:7px;height:7px;border:1px solid var(--accent-primary);border-radius:50%;margin:7px auto}nav{display:flex;gap:16px;align-items:center}nav a{font-size:.85rem;text-decoration:none;color:var(--text-primary);white-space:nowrap}nav a[aria-current=page]{color:var(--accent-secondary);text-decoration:underline}.menu-toggle{display:none;border:1px solid var(--border-subtle);border-radius:50%;width:42px;height:42px;background:transparent;color:var(--text-primary);font-size:1.7rem;line-height:1}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;padding:64px 0 80px;position:relative;isolation:isolate}.hero::before{content:"";position:absolute;z-index:-1;inset:10% 18% 20% 0;background:radial-gradient(ellipse,rgba(255,111,89,.1),transparent 65%);animation:floatOrb 15s ease-in-out infinite alternate;pointer-events:none}.hero p{color:var(--text-muted);max-width:55ch}.media-frame{border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:var(--bg-surface);border:1px solid var(--border-subtle)}.hero .media-frame{aspect-ratio:1/1}.banner-frame{aspect-ratio:16/9}.thumbnail{width:96px;aspect-ratio:1;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;background:var(--accent-primary);color:#15352c;border:1px solid var(--accent-primary);border-radius:10px;box-shadow:4px 4px 0 #091e18;padding:12px 20px;font-weight:750;text-decoration:none;transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 #091e18;color:#15352c}.button.secondary{background:transparent;color:var(--text-primary);border-color:var(--border-subtle)}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-block:24px}.band{background:var(--bg-surface);padding:76px 0;clip-path:polygon(0 2%,100% 0,100% 98%,0 100%)}.section-pad{padding:64px 0}.intro{max-width:70ch;margin:0 auto 48px}.path{position:relative;padding-left:68px}.path::before{content:"";position:absolute;left:23px;top:22px;bottom:26px;width:1px;background:var(--accent-primary)}.path::after{content:"";position:absolute;left:21px;top:22px;height:calc((100% - 48px)*var(--tour-progress));width:5px;background:var(--accent-secondary);border-radius:5px;transition:height .5s}.step{position:relative;padding-bottom:32px;scroll-margin-top:24px}.step-number{position:absolute;left:-68px;top:22px;z-index:1;display:grid;place-items:center;width:47px;height:47px;border:1px solid var(--accent-primary);border-radius:50%;background:var(--bg-canvas);color:var(--accent-secondary);font-weight:700}.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:32px;transition:background .4s var(--ease-kinetic),transform .4s var(--ease-kinetic);min-width:0}.panel:hover{background:var(--bg-surface-hover)}.split{display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:center}.split.reverse{grid-template-columns:1fr 1.35fr}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.compact{display:flex;align-items:center;gap:20px}.note{border-left:3px solid var(--accent-primary);padding:12px 20px;background:rgba(21,53,44,.7);border-radius:0 12px 12px 0;margin-block:24px}.reading{max-width:72ch;margin-inline:auto}.page-intro{padding:44px 0 40px}.page-intro p{color:var(--text-muted)}.article-path{max-width:940px;margin-inline:auto}.article-path .panel p:last-child{margin-bottom:0}.article-path h2{font-size:1.7rem}.article-path .panel>p{max-width:72ch}.diagram{width:100%;height:auto;background:var(--bg-canvas);border-radius:20px;border:1px solid var(--border-subtle)}.diagram text{font:14px ui-monospace,Consolas,monospace;fill:var(--text-primary)}.diagram .room{fill:none;stroke:var(--text-muted);stroke-width:2}.diagram .ray{fill:none;stroke:var(--accent-primary);stroke-width:2;stroke-dasharray:6 5}.diagram .node{fill:var(--accent-primary)}.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:24px 0}.setting{border:1px solid var(--border-subtle);border-radius:12px;padding:14px}.setting strong{display:block;font-family:ui-monospace,Consolas,monospace;color:var(--accent-secondary)}.checklist{padding-left:24px}.checklist li{padding:5px 0}details{border-bottom:1px solid var(--border-subtle);padding:20px 0}summary{font-weight:650;cursor:pointer;color:var(--text-primary)}details p{margin:16px 0 0;color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}input,select,textarea{width:100%;min-width:0;color:var(--text-primary);background:var(--bg-canvas);border:1px solid var(--border-subtle);padding:12px 14px;border-radius:10px}textarea{min-height:170px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-muted)}.status{min-height:1.7em;color:var(--accent-secondary)}.muted{color:var(--text-muted)}.legal section{margin-block:32px}.legal h2{font-size:1.5rem}.site-footer{margin-top:64px;border-top:1px solid var(--border-subtle);padding:40px 0}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;max-width:650px}.site-footer p{color:var(--text-muted);font-size:.9rem;margin:20px 0 0}.site-footer a{font-size:.9rem}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease-kinetic),transform .8s var(--ease-kinetic)}.js .reveal-visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}@keyframes floatOrb{from{transform:translate(0,0) scale(.9)}to{transform:translate(30px,20px) scale(1.1)}}
@media(min-width:1025px){.step .split>.media-frame{max-height:320px}}
@media(min-width:769px) and (max-width:1024px){.header-shell{padding:15px 18px;gap:15px}nav{gap:10px}nav a{font-size:.73rem}.brand{font-size:.82rem}.hero{gap:28px}.panel{padding:26px}.split{gap:24px}}
@media(min-width:481px) and (max-width:768px){.hero{gap:28px}.wrap{width:calc(100% - 40px)}}
@media(max-width:768px){.header-shell{border-radius:26px;flex-wrap:wrap;padding:13px 18px}.js .menu-toggle{display:block}.js nav{display:none}.js nav.is-open{display:flex;animation:menuOpen .25s var(--ease-kinetic)}nav{width:100%;flex-direction:column;align-items:stretch;border-top:1px solid var(--border-subtle);padding-top:12px;gap:0}nav a{padding:9px 4px;font-size:1rem}.hero{grid-template-columns:1fr;padding:36px 0 48px}.hero .media-frame{aspect-ratio:4/3}.split,.split.reverse{grid-template-columns:1fr}.footer-top{flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.section-pad{padding:40px 0}.page-intro{padding-top:28px}.band{padding:54px 0}@keyframes menuOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:480px){.wrap{width:calc(100% - 28px)}header{padding:14px 0}.brand{font-size:.82rem}.header-shell{padding:12px 14px;gap:12px}.hero{gap:28px}h1{font-size:2.5rem}h2{font-size:1.75rem}.path{padding-left:43px}.path::before{left:14px}.path::after{left:12px}.step-number{left:-43px;width:29px;height:29px;font-size:.75rem}.panel{padding:22px 18px}.grid{grid-template-columns:1fr}.compact{align-items:flex-start;gap:14px}.thumbnail{width:68px}.actions{align-items:stretch}.actions .button{width:100%}.settings{grid-template-columns:1fr 1fr}.article-path h2{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}