:root{--bg-canvas:#1c1f24;--bg-surface:#292e34;--bg-surface-hover:#333a40;--text-primary:#e5e7eb;--text-muted:#bcc4c8;--accent-primary:#14b8a6;--accent-secondary:#8ee5c2;--border-subtle:#465057;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px #0004;--glow-accent:0 0 24px -4px #14b8a644;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.75 system-ui,"Segoe UI",Roboto,sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-secondary);text-underline-offset:5px}a:hover{color:#fff}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}h1,h2,h3{font-weight:800;letter-spacing:-.045em;line-height:1.12;text-wrap:balance}h1{font-size:clamp(2.6rem,6vw,5.5rem);margin:0 0 25px}h2{font-size:clamp(2rem,3.6vw,3.1rem);margin:0 0 24px}h3{font-size:1.35rem;margin:24px 0 12px}p{margin:0 0 22px}img{display:block;max-width:100%;object-fit:cover;border-radius:20px}figure{margin:0}figcaption{font-size:.85rem;color:var(--text-muted);margin-top:12px}ul,ol{padding-left:24px}li{margin-bottom:10px}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.reading{width:min(72ch,calc(100% - 48px));margin-inline:auto}.muted,.meta{color:var(--text-muted)}.meta{font-size:.85rem}.eyebrow{text-transform:uppercase;font-size:.76rem;letter-spacing:.2em;font-weight:800;color:var(--accent-secondary);margin-bottom:20px}.skip{position:absolute;left:16px;top:-100px;z-index:20;padding:10px 18px;background:var(--bg-canvas)}.skip:focus{top:8px}.site-header{position:relative;z-index:5;min-height:96px;display:flex;align-items:center;padding:16px 24px;gap:30px;border-bottom:1px solid #ffffff12;background:var(--bg-canvas);transition:background .4s}.home-header{background:transparent}.home-header.scrolled{background:var(--bg-canvas)}.brand{display:flex;align-items:center;gap:10px;color:var(--text-primary);text-decoration:none;font-size:1rem;font-weight:800;letter-spacing:-.04em;white-space:nowrap;margin-right:auto}.brand-mark{position:relative;display:inline-grid;place-items:center;width:31px;height:27px;border:2px solid var(--accent-primary);font-size:17px;color:var(--accent-secondary);line-height:1}.brand-mark:after{content:"";position:absolute;bottom:-7px;left:3px;width:5px;height:5px;border-radius:50%;background:var(--accent-primary);box-shadow:16px 0 var(--accent-primary)}.primary-nav{display:flex;align-items:center;gap:21px}.primary-nav a{color:var(--text-primary);font-size:.78rem;text-decoration:none;white-space:nowrap}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--accent-secondary)}.menu-toggle{display:none;border:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);width:44px;height:44px;font-size:28px;line-height:1}.hero{position:relative;isolation:isolate;min-height:100svh;margin-top:-96px;display:grid;place-items:center;padding:160px 24px 90px;text-align:center;background:#15191b}.hero-photo{position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:-3}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#101415b8,#10141588 45%,#1c1f24f2);z-index:-2}.hero:after,.garage-grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:64px 64px;pointer-events:none;z-index:-1}.hero-copy{max-width:900px}.hero h1{font-size:clamp(3rem,7vw,6.3rem)}.hero-copy>p:not(.eyebrow){max-width:58ch;margin:0 auto 32px;color:#d4d9d8;font-size:1.13rem}.hero-note{position:absolute;bottom:24px;left:0;width:100%;font-size:.73rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:15px 24px;border:1px solid var(--accent-primary);border-radius:0;background:transparent;color:var(--text-primary);font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;line-height:1.6;transition:transform .35s var(--ease-kinetic),box-shadow .35s,background .35s}.button:hover{color:#fff;background:#14b8a61a;transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.button.secondary{border-color:var(--border-subtle)}.section{padding:100px 0;border-bottom:1px solid #ffffff12}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.split.reverse .visual{order:-1}.visual img{width:100%;aspect-ratio:4/3}.visual.tall img{aspect-ratio:4/5}.section-number{display:block;color:var(--accent-secondary);font-size:.8rem;letter-spacing:.15em;margin-bottom:18px}.garage-grid{position:relative;isolation:isolate}.text-link{display:inline-block;font-weight:700;margin-top:8px}.rule-list{list-style:none;padding:0;margin:26px 0}.rule-list li{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--border-subtle);margin:0}.rule-icon{color:var(--accent-secondary);font-weight:800}.rule-list strong{display:block}.section-intro{max-width:70ch;margin-bottom:38px}.checklist{list-style:none;padding:0;counter-reset:steps}.checklist li{counter-increment:steps;display:grid;grid-template-columns:55px 1fr;gap:16px;border-top:1px solid var(--border-subtle);padding:24px 0;margin:0}.checklist li:before{content:counter(steps,decimal-leading-zero);color:var(--accent-secondary);font-weight:800;font-size:1.3rem}.checklist strong{display:block;margin-bottom:5px}.checklist p{margin:0}.faq-list{border-top:1px solid var(--border-subtle)}details{border-bottom:1px solid var(--border-subtle);padding:20px 0}summary{cursor:pointer;font-weight:700;padding-right:25px}details p{margin:16px 0 0;max-width:70ch;color:var(--text-muted)}.editorial-note{padding:65px 0}.editorial-note .reading{border-left:3px solid var(--accent-primary);padding-left:28px}.page-intro{padding:80px 0 55px}.page-intro h1{font-size:clamp(2.8rem,5.5vw,4.8rem);max-width:18ch}.page-intro .lead{max-width:65ch;font-size:1.2rem;color:var(--text-muted)}.article-section{padding:65px 0;border-top:1px solid #ffffff12}.article-section .split{align-items:start}.article-section h2{font-size:clamp(1.9rem,3vw,2.6rem)}.article-end{padding:60px 0}.table-scroll{overflow-x:auto;margin:28px 0;border:1px solid var(--border-subtle);border-radius:20px}table{border-collapse:collapse;width:100%;min-width:580px;font-size:.93rem}caption{text-align:left;padding:18px;font-weight:700;color:var(--accent-secondary)}th,td{text-align:left;padding:16px;vertical-align:top;border-top:1px solid var(--border-subtle)}th{background:var(--bg-surface)}.notice{padding:24px;border:1px solid var(--border-subtle);border-left:3px solid var(--accent-primary);border-radius:20px;margin:28px 0;background:var(--bg-surface)}.notice p:last-child{margin-bottom:0}.prose{padding-bottom:65px}.prose h2{font-size:1.8rem;margin-top:40px}.prose h3{margin-top:30px}.contact-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:start;padding-bottom:80px}label{display:block;font-weight:700;margin-bottom:8px}input,textarea{width:100%;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:20px;padding:14px 18px;margin-bottom:22px}textarea{min-height:170px;resize:vertical}.field-note{font-size:.86rem;color:var(--text-muted)}.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.output-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:28px}.output-panel h2{font-size:1.7rem}.message-output{min-height:250px;background:var(--bg-canvas);font-family:ui-monospace,monospace;font-size:.85rem;line-height:1.6}.status{min-height:1.8em;color:var(--accent-secondary);font-size:.9rem}.site-footer{border-top:1px solid var(--border-subtle);padding:45px 0 25px;background:#191c20}.footer-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-brand{font-size:1.1rem;font-weight:800;color:var(--text-primary)}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:.9rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:35px;font-size:.8rem;color:var(--text-muted)}.footer-top p{font-size:.85rem;color:var(--text-muted);margin:10px 0}.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)}[hidden]{display:none!important}
@media(min-width:1025px){.primary-nav{gap:22px}.site-header{padding-inline:28px}}
@media(min-width:769px) and (max-width:1024px){.site-header{gap:16px;padding-inline:20px}.primary-nav{gap:12px}.primary-nav a{font-size:.7rem}.brand{font-size:.85rem}.split{gap:36px}.contact-layout{gap:35px}}
@media(max-width:768px){.site-header{min-height:84px;padding:15px 22px}.brand{font-size:.98rem}.js .menu-toggle{display:block}.primary-nav{display:flex;flex-wrap:wrap;gap:14px}.js .primary-nav{display:none;position:absolute;left:16px;right:16px;top:76px;background:#292e34f5;border:1px solid var(--border-subtle);border-radius:20px;padding:20px;box-shadow:var(--shadow-elevation);backdrop-filter:var(--glass-backdrop)}.js .primary-nav.open{display:grid;grid-template-columns:1fr 1fr;animation:menuIn .25s var(--ease-kinetic)}.primary-nav a{font-size:.85rem;padding:8px 0}.site-header:not(:has(.menu-toggle)){flex-wrap:wrap}.hero{margin-top:-84px;padding-top:145px;min-height:90svh}.wrap{width:calc(100% - 44px)}.split{grid-template-columns:1fr;gap:32px}.split.reverse .visual{order:0}.section{padding:65px 0}.visual.tall img{aspect-ratio:4/3}.page-intro{padding:55px 0 35px}.article-section{padding:45px 0}.contact-layout{grid-template-columns:1fr;gap:35px}.hero-note{font-size:.65rem}.reading{width:calc(100% - 44px)}.footer-bottom{display:block}.footer-bottom span{display:block;margin:8px 0}}
@media(max-width:480px){body{font-size:16px}.brand{font-size:.83rem;gap:8px}.site-header{padding-inline:16px}.wrap,.reading{width:calc(100% - 36px)}h1{font-size:2.7rem}.hero h1{font-size:3.1rem}.button{padding:14px 18px;font-size:.7rem}.hero-copy>p:not(.eyebrow){font-size:1rem}.checklist li{grid-template-columns:36px 1fr;gap:12px}.output-panel{padding:20px}.footer-links{gap:14px}.page-intro h1{font-size:2.7rem}.hero-note{padding:0 18px}}
@keyframes menuIn{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{transform:none}}