@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/syne-latin-700-normal-AF3Rs61n.woff2) format("woff2")}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/syne-latin-800-normal-EehdNYzx.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-800-normal-BYj_oED-.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/jetbrains-mono-latin-800-normal-D2mQHRMK.woff2) format("woff2")}:root{--bg: #e6e6e8;--surface: #ffffff;--card-bg: #ffffff;--text-primary: #000000;--text-secondary: #4a4a52;--text-muted: #5c5c66;--accent: #ff0033;--grid-line: rgba(0, 0, 0, .06);--grid-size: 40px;--accent-deep: #cc0029;--accent-hover: #a80021;--border: #d1d1d6;--border-dashed: #ff0033;--font-heading: "Syne", -apple-system, sans-serif;--font-sub: "Space Grotesk", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;line-height:1.5;overflow-x:hidden;width:100%;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}html.grid-canvas-active,html.grid-canvas-active body{background-image:none}html.grid-canvas-active body{background-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:16px 14px;width:100%;overflow-x:hidden}.header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--accent-deep);padding-bottom:12px;margin-bottom:24px;flex-wrap:wrap;gap:10px}.brand-link{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer;max-width:100%}.brand-title{font-family:var(--font-heading);font-size:clamp(1.05rem,4vw,2.1rem);font-weight:800;letter-spacing:-.03em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap}.brand-title:before{content:"“";color:var(--accent-deep)}.brand-title:after{content:"”";color:var(--accent-deep)}.zip-tag{background:var(--accent-deep);color:#fff;font-family:var(--font-mono);font-size:clamp(.65rem,2.5vw,.72rem);font-weight:800;padding:4px 8px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.nav-links{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}.nav-item{font-family:var(--font-sub);font-size:clamp(.7rem,2.3vw,.85rem);font-weight:800;color:var(--text-primary);text-decoration:none;text-transform:uppercase;cursor:pointer;background:none;border:none;transition:color .2s ease;white-space:nowrap}.nav-item:hover{color:var(--accent-deep)}.nav-item--hot{background:var(--accent-deep);color:#fff;padding:4px 8px;font-family:var(--font-mono);letter-spacing:.05em}.nav-links .nav-item--hot:hover,.nav-links .nav-item--hot.is-active{background:var(--text-primary);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-mono);font-size:clamp(.7rem,2.3vw,.82rem);font-weight:800;text-transform:uppercase;padding:8px 14px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;text-decoration:none;transition:all .2s ease;max-width:100%;box-sizing:border-box;white-space:nowrap}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-accent{background:var(--accent-deep);color:#fff;border-color:var(--accent-deep)}.btn-accent:hover{background:var(--accent-hover);color:#fff;box-shadow:0 0 20px #ff00334d}.hero{margin-bottom:20px}.eyebrow{font-family:var(--font-mono);font-size:clamp(.7rem,2.2vw,.8rem);font-weight:800;color:var(--text-primary);letter-spacing:.04em;text-transform:uppercase;word-break:break-word}.eyebrow-accent{color:var(--accent-deep);text-decoration:none;font-weight:800}.eyebrow-accent:hover{text-decoration:underline}.hero-h1{font-family:var(--font-heading);font-size:clamp(1.8rem,6.5vw,4.2rem);font-weight:800;line-height:1.02;letter-spacing:-.03em;text-transform:uppercase;margin:12px 0 16px;text-wrap:balance;word-break:break-word}.hero-h1 span{color:var(--accent-deep)}.hero-lead{font-size:clamp(.95rem,3vw,1.15rem);color:var(--text-secondary);max-width:680px;margin-bottom:20px;line-height:1.5}.section-block{border-top:1px solid var(--border);padding-top:20px;margin-bottom:36px}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;flex-wrap:wrap;gap:10px}.section-title{font-family:var(--font-heading);font-size:clamp(1.5rem,4.5vw,2.6rem);font-weight:800;text-transform:uppercase;letter-spacing:-.03em}.section-title:before{content:"“";color:var(--accent-deep)}.section-title:after{content:"”";color:var(--accent-deep)}.grid-2{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 700px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2>:last-child:nth-child(odd){grid-column:1 / -1}}.onboard-layout{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 900px){.onboard-layout{grid-template-columns:1fr 300px;gap:24px}}.card{background:var(--card-bg);border:1px solid var(--border);padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;transition:transform .2s ease,border-color .2s ease;max-width:100%}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card-num{font-family:var(--font-mono);font-size:.78rem;font-weight:800;color:var(--accent-deep)}.card-title{font-family:var(--font-heading);font-size:clamp(1.1rem,3vw,1.4rem);font-weight:800;text-transform:uppercase;margin:4px 0 8px;word-break:break-word}.card-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.onboard-box{background:var(--surface);border:1px dashed var(--accent);padding:20px;max-width:100%}.chip-group{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-sub);font-size:clamp(.72rem,2.2vw,.82rem);font-weight:700;padding:6px 10px;cursor:pointer;transition:all .2s ease}.chip-btn.active{background:var(--accent-deep);color:#fff;border-color:var(--accent-deep)}.form-label{font-family:var(--font-mono);font-size:.7rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;display:block;margin-bottom:4px}.form-input,.form-textarea{width:100%;background:var(--bg);border:1px solid var(--border);padding:10px;font-family:var(--font-body);font-size:.88rem;color:var(--text-primary);outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--accent-deep)}.form-input:focus-visible,.form-textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.toast{position:fixed;bottom:16px;right:16px;left:16px;max-width:400px;margin-left:auto;background:var(--accent-deep);color:#fff;font-family:var(--font-mono);font-size:.8rem;font-weight:800;padding:12px 18px;box-shadow:0 10px 30px #0000004d;z-index:9999;display:flex;align-items:center;gap:10px}.footer{border-top:2px solid var(--accent);padding-top:24px;margin-top:24px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.footer-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}@media (min-width: 700px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}.footer-col{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.footer-heading{font-family:var(--font-sub);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-primary)}.footer-note{font-family:var(--font-body);font-size:.8rem;line-height:1.55;color:var(--text-secondary);max-width:32ch}.footer-link{color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease}.footer-link:hover{color:var(--accent)}.footer-sisters{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border);padding-top:20px;margin-bottom:24px}.sister-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 700px){.sister-grid{grid-template-columns:repeat(2,1fr)}}.sister-card{background:var(--surface);border:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}.sister-name{font-family:var(--font-sub);font-size:.85rem;font-weight:800;color:var(--text-primary)}.sister-blurb{font-family:var(--font-body);font-size:.8rem;line-height:1.55;color:var(--text-secondary);flex:1}.sister-link{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:800;color:var(--accent-deep);text-decoration:none}.sister-link:hover{color:var(--accent-hover);text-decoration:underline}.footer-heading-sub{margin-top:8px}.footer-base{border-top:1px solid var(--border);padding-top:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}@media (max-width: 640px){.header{flex-direction:column;align-items:flex-start;gap:8px}.nav-links{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-left:0!important;gap:4px}.nav-item{display:flex;align-items:center;justify-content:center;min-height:40px;font-size:.7rem;padding:4px 6px;text-align:center}.nav-links .btn-accent{grid-column:1 / -1;order:1;padding:6px 8px;font-size:.68rem}.hero{margin-bottom:16px}.section-block{padding-top:16px;margin-bottom:28px}}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent-deep);color:#fff;font-family:var(--font-mono);font-size:.8rem;font-weight:800;padding:10px 16px;z-index:10000;text-decoration:none}.skip-link:focus{left:8px;top:8px}:where(a,button,input,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:2px}.brand-link{flex-direction:column;align-items:flex-start;gap:4px}.nav-item.is-active{color:var(--accent-deep)}.nav-cta{text-decoration:none}.eyebrow.accent{color:var(--accent-deep)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}.hero-actions.centred{justify-content:center}.grid-3{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 700px){.grid-3{grid-template-columns:repeat(3,1fr)}}.plain-card{border-left:3px solid var(--accent);padding:4px 0 4px 16px}.landing-shot-link{display:block;margin:20px 0;border:1px solid var(--border);transition:border-color .2s ease}.landing-shot-link:hover,.landing-shot-link:focus-visible{border-color:var(--accent)}.landing-shot-link .demo-shot{display:block;width:100%;height:auto}.landing-actions{margin:16px 0 28px}.plain-title{font-family:var(--font-heading);font-size:clamp(1.05rem,2.8vw,1.3rem);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:8px}.prose-card .plain-title{margin-top:22px}.prose-card .plain-title:first-child{margin-top:0}.plain-body{font-size:.95rem;line-height:1.65;color:var(--text-secondary);margin-bottom:10px}.plain-body.small{font-size:.85rem}.plain-body a{color:var(--accent-deep);text-decoration:underline}.prose-card{padding:28px;display:block}.prose-card:hover{transform:none;border-color:var(--border)}.legal-prose{max-width:68ch}.legal-list{margin:0 0 12px 20px;font-size:.95rem;line-height:1.7;color:var(--text-secondary)}.legal-list li{margin-bottom:4px}.card-btn{width:100%;justify-content:center;text-decoration:none}.card-meta{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.card-link{font-family:var(--font-mono);font-size:.75rem;font-weight:800;color:var(--accent-deep);text-decoration:none;display:inline-flex;align-items:center;gap:5px;text-transform:uppercase}.card-link:hover{text-decoration:underline}.back-btn{width:fit-content;text-decoration:none;margin-bottom:20px}.cta-block{text-align:center;border:1px solid var(--accent);background:var(--surface);padding:36px 24px}.cta-title{font-family:var(--font-heading);font-size:clamp(1.4rem,4vw,2rem);font-weight:800;text-transform:uppercase;letter-spacing:-.03em;margin-bottom:10px}.cta-body{font-size:.95rem;color:var(--text-secondary);max-width:52ch;margin:0 auto 20px;line-height:1.6}.tick-list{list-style:none;display:flex;flex-direction:column;gap:12px}.tick-list li{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;line-height:1.55;color:var(--text-secondary)}.tick-list li svg{flex-shrink:0;margin-top:3px}.tick-list.compact{gap:8px;margin-top:12px}.tick-list.compact li{font-size:.85rem}.section-intro-note{font-size:.9rem;color:var(--text-secondary);line-height:1.6;max-width:62ch;margin-bottom:18px}.section-intro-note a{color:var(--accent-deep);text-decoration:underline;font-weight:600}.section-intro-note.after-grid{margin:18px 0 0}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{border:1px solid var(--border);background:var(--surface);padding:14px 16px}.faq-item[open]{border-color:var(--accent)}.faq-q{font-family:var(--font-sub);font-size:.95rem;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}.faq-q:after{content:"+";color:var(--accent-deep);font-family:var(--font-mono);font-weight:800;flex-shrink:0}.faq-item[open] .faq-q:after{content:"-"}.faq-q::-webkit-details-marker{display:none}.faq-a{font-size:.9rem;line-height:1.65;color:var(--text-secondary);margin-top:10px}.service-bought{font-family:var(--font-mono);font-size:.72rem;font-weight:700;line-height:1.5;color:var(--accent-deep);margin-top:10px}.lane-list{list-style:none;margin-top:14px;border-top:1px solid var(--border)}.lane-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.lane-list li:last-child{border-bottom:none;padding-bottom:0}.lane-list a{font-weight:700;font-size:.95rem;color:var(--text-primary);text-decoration:none}.lane-list a:hover{color:var(--accent-deep);text-decoration:underline}.lane-price{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--accent-deep);text-align:right;white-space:nowrap}.addon-list{list-style:none;border-top:1px solid var(--border)}.addon-list li{display:flex;justify-content:space-between;gap:16px;padding:12px 4px;border-bottom:1px solid var(--border);font-size:.92rem;color:var(--text-secondary)}.addon-price{font-family:var(--font-mono);font-weight:800;color:var(--accent-deep);white-space:nowrap}.onboard-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:12px}.onboard-step{font-family:var(--font-mono);font-size:.75rem;font-weight:800;color:var(--accent-deep);text-transform:uppercase}.onboard-bars{display:flex;gap:6px}.onboard-bar{width:30px;height:4px;background:var(--border)}.onboard-bar.is-done{background:var(--accent)}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-step{display:flex;flex-direction:column;gap:20px}.form-fieldset{border:none}.form-row{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 560px){.form-row{grid-template-columns:1fr 1fr}}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.form-textarea{resize:vertical;min-height:96px;line-height:1.5}.req{color:var(--accent-deep);font-weight:700}.form-privacy{font-size:.78rem;line-height:1.55;color:var(--text-muted)}.form-privacy a{color:var(--accent-deep)}.form-error{display:flex;align-items:flex-start;gap:8px;margin-top:16px;padding:12px 14px;border:1px solid var(--accent);background:#ff00330f;color:var(--text-primary);font-size:.85rem;line-height:1.5}.form-error svg{flex-shrink:0;margin-top:2px;color:var(--accent)}.form-success{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0}.form-success-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;text-transform:uppercase}.form-success-body{font-size:.95rem;line-height:1.6;color:var(--text-secondary)}.contact-card{background:var(--surface)}.contact-list{display:flex;flex-direction:column;gap:14px;margin-top:16px}.contact-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;font-weight:800;word-break:break-word}.contact-link:hover{color:var(--accent-deep)}.contact-note{font-size:.78rem;color:var(--text-secondary);margin-top:20px;border-top:1px solid var(--border);padding-top:12px;line-height:1.5}.notfound{padding:40px 0 60px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.plan-card--feature{border-color:var(--accent-deep)}.plan-summary{margin-top:4px}.plan-highlight{font-family:var(--font-mono);font-size:.78rem;font-weight:700;line-height:1.5;color:var(--text-primary);border-top:1px solid var(--border);padding-top:12px;margin-top:4px}.footer-note.small{font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);max-width:none}.signpost-card{display:block;padding:24px;border-left:4px solid var(--accent);max-width:68ch}.signpost-card:hover{transform:none;border-color:var(--border);border-left-color:var(--accent)}.signpost-card .plain-body{margin-top:12px;margin-bottom:12px}.signpost-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.8rem;font-weight:800;color:var(--accent-deep);text-decoration:none}.signpost-link:hover{color:var(--accent-hover);text-decoration:underline}.demo-links{list-style:none;margin:8px 0 0;padding:0}.demo-links .signpost-link{min-height:44px}.platform-card{display:block;padding:28px;border-left:4px solid var(--accent);max-width:72ch}.platform-card:hover{transform:none;border-color:var(--border);border-left-color:var(--accent)}.platform-card .zip-tag{display:inline-block;margin-bottom:14px}.platform-card .plain-lead{font-weight:600;margin-bottom:14px}.platform-card .platform-addon{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.hero-showcase{margin-bottom:16px}.hero-h1-tight{font-size:clamp(1.45rem,3vw,2.2rem);margin:8px 0}.hero-showcase .hero-lead{max-width:78ch;margin-bottom:0}.demo-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:36px}@media (min-width: 560px){.demo-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.demo-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (min-width: 1100px){.demo-grid{grid-template-columns:repeat(4,1fr)}}.demo-tile{background:var(--card-bg);border:1px solid var(--border);display:flex;flex-direction:column;max-width:100%;transition:border-color .2s ease}.demo-tile:hover,.demo-tile:focus-within{border-color:var(--accent)}.demo-shot-btn{position:relative;display:block;width:100%;aspect-ratio:900 / 576;padding:0;margin:0;border:0;border-bottom:1px solid var(--border);background:var(--bg);cursor:pointer;overflow:hidden;line-height:0}.demo-shot-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.demo-shot-btn>picture{display:block;height:100%}.demo-shot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.demo-pan{position:absolute;top:0;right:0;bottom:0;left:0;display:none;overflow:hidden;opacity:0;transition:opacity .3s ease}.demo-pan-shot{display:block;width:100%;height:auto}@media (hover: hover) and (pointer: fine){.demo-pan{display:block}.demo-shot-btn.is-panning:hover .demo-pan,.demo-shot-btn.is-panning:focus-visible .demo-pan{opacity:1}.demo-shot-btn.is-panning:hover .demo-pan-shot,.demo-shot-btn.is-panning:focus-visible .demo-pan-shot{animation:demo-pan var(--pan-duration, 4s) linear .4s infinite alternate both}}@keyframes demo-pan{0%{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--pan-distance, 0px)))}}.demo-shot-cue{position:absolute;right:0;bottom:0;display:inline-flex;align-items:center;background:var(--accent-deep);color:#fff;font-family:var(--font-mono);font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1;padding:8px 10px;transform:translateY(100%);transition:transform .2s ease}.demo-shot-btn:hover .demo-shot-cue,.demo-shot-btn:focus-visible .demo-shot-cue{transform:translateY(0)}@media (hover: none){.demo-shot-cue{transform:translateY(0)}}.demo-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px}.demo-foot-text{min-width:0;display:flex;flex-direction:column;gap:2px}.demo-name{font-family:var(--font-heading);font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1.15;margin:0;word-break:break-word}.demo-name a{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--border);text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.demo-name a:hover,.demo-name a:focus-visible{color:var(--accent-deep);text-decoration-color:var(--accent)}.demo-trade{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.demo-open{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);color:var(--text-primary);background:var(--surface);transition:border-color .2s ease,color .2s ease}.demo-open:hover,.demo-open:focus-visible{border-color:var(--accent);color:var(--accent-deep)}.viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:12px}.viewer{background:var(--surface);border:1px solid var(--accent);width:100%;max-width:1400px;height:calc(100dvh - 24px);display:flex;flex-direction:column;min-height:0}.viewer:focus{outline:none}.viewer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.viewer-head-text{min-width:0;flex:1 1 320px}.viewer-title{font-family:var(--font-heading);font-size:clamp(1.2rem,4vw,1.8rem);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;margin:8px 0 6px;word-break:break-word}.viewer-idea{font-size:.88rem;color:var(--text-secondary);line-height:1.5;max-width:62ch}.viewer-head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.viewer-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;transition:border-color .2s ease,color .2s ease}.viewer-close:hover{border-color:var(--accent);color:var(--accent)}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.viewer-pages,.viewer-device{display:flex;gap:6px;flex-wrap:wrap}.viewer-page{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;padding:6px 9px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease,color .2s ease}.viewer-page:hover{border-color:var(--accent);color:var(--accent-deep)}.viewer-page.is-active{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}.viewer-bar-note{font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.viewer-stage{flex:1 1 auto;min-height:0;display:flex;background:var(--bg);padding:14px}.viewer-frame{flex:1 1 auto;display:grid;margin:0 auto;width:100%;max-width:1280px;border:1px solid var(--border);background:#fff;overflow:hidden}.viewer-stage-mobile .viewer-frame{max-width:390px}.viewer-frame>picture,.viewer-live{grid-area:1 / 1}.viewer-live{display:block;width:100%;height:100%;border:0}.viewer-placeholder{display:block;width:100%;height:auto;filter:blur(6px);opacity:.6;position:relative;z-index:1}.viewer-frame:not(.is-loaded) .viewer-live{opacity:0}.viewer-frame.is-loaded .viewer-live{opacity:1;transition:opacity .25s ease}.viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid var(--border)}.viewer-step{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:4px 0;font-family:var(--font-sub);font-size:.8rem;font-weight:800;text-transform:uppercase;color:var(--text-primary);cursor:pointer;min-width:0;text-align:left}.viewer-step:hover{color:var(--accent-deep)}.viewer-count{font-family:var(--font-mono);font-size:.72rem;font-weight:800;color:var(--text-muted);flex-shrink:0}@media (max-width: 700px){.viewer-idea{display:none}.viewer-head{padding:12px 14px}.viewer-title{margin-bottom:0}}@media (max-width: 560px){.viewer-backdrop,.viewer-stage{padding:0}.viewer-frame{border:0}.viewer{max-height:100dvh;height:100dvh;border:0}.viewer-head-actions{width:100%;justify-content:space-between}.viewer-step{font-size:.72rem}}@media (prefers-reduced-motion: reduce){.demo-shot-cue,.demo-pan{transition:none}.demo-pan{display:none}.demo-shot-cue{transform:translateY(0)}}.grid-catalogue{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 560px){.grid-catalogue{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.grid-catalogue{grid-template-columns:repeat(3,1fr)}}.catalogue-card .card-num{color:var(--accent-deep)}.service-covers{font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:14px}.catalogue-detail{scroll-margin-top:24px}.catalogue-detail .card-num{color:var(--accent-deep);display:block;margin-bottom:6px}.service-covers a{color:inherit;text-decoration:none;border-bottom:1px solid var(--border)}.service-covers a:hover{color:var(--accent-deep)}.project-card .project-shot{display:block;width:calc(100% + 40px);height:auto;margin:-20px -20px 14px;border-bottom:1px solid var(--border)}.project-shot-link{display:block}.project-shot-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-card{border-width:1px}.brand-card .card-btn{align-self:flex-start}.brand-card--code{border-color:#9e0;box-shadow:inset 0 4px #9e0}.brand-card--code .plain-title{color:#3a7300}.brand-card--code .card-btn{background:#9e0;border-color:#3a7300;color:#0a0b0e}.brand-card--code .card-btn:hover{background:#8d0;color:#0a0b0e}.brand-card--personal{background:#0a0b0d;border-color:#30343b;box-shadow:inset 0 4px #f03}.brand-card--personal .plain-title{color:#f4f4f5}.brand-card--personal .plain-body{color:#a1a1aa}.brand-card--personal .card-btn{background:transparent;border-color:#444951;color:#f4f4f5}.brand-card--personal .card-btn:hover{background:#f03;border-color:#f03;color:#fff}.links-list{display:flex;flex-direction:column;gap:10px;max-width:640px}.links-row{flex-direction:row;align-items:center;gap:12px;padding:14px 16px;min-height:56px;color:var(--text-primary);text-decoration:none}.links-row svg{flex:none;color:var(--accent-deep)}.links-text{display:flex;flex-direction:column;gap:2px;min-width:0}.links-label{font-family:var(--font-sub);font-weight:700;font-size:1rem;line-height:1.3}.links-url{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);overflow-wrap:anywhere}
