@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-display: "Chakra Petch", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg: #1b1b1b;--bg-elev: #232323;--bg-card: #2a2a2a;--bg-card-hi: #303030;--bg-menu: #383838;--text: #d4d4d4;--text-dim: #9a9a9a;--text-bright: #ffffff;--accent: #ffaf10;--accent-hi: #ffc34d;--accent-dim: rgba(255, 175, 16, .12);--outline: rgba(160, 160, 160, .18);--outline-strong: rgba(160, 160, 160, .32);--maxw: 1180px;--maxw-narrow: 760px;--radius: 10px;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:radial-gradient(1200px 600px at 50% -200px,rgba(255,175,16,.08),transparent 70%),var(--bg);min-height:100vh}html,body{overflow-x:hidden;overflow-x:clip}main{max-width:var(--maxw);margin:0 auto;padding:0 24px}h1,h2,h3,h4{color:var(--text-bright);line-height:1.15;font-weight:700;letter-spacing:-.018em}h1,h2{font-family:var(--font-display);letter-spacing:-.005em}header.site .brand span{font-family:var(--font-display);font-weight:700}h1{font-size:clamp(2.25rem,5.5vw,3.75rem);margin-bottom:1.25rem}h2{font-size:clamp(1.625rem,3.5vw,2.5rem);margin-bottom:.75rem}h3{font-size:1.25rem;margin-bottom:.5rem}h4{font-size:1.05rem;margin-bottom:.5rem}p{margin-bottom:1rem;color:var(--text)}p.lead{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--text-dim);max-width:60ch;line-height:1.55}.center-lead{margin:0 auto 1.5rem;text-align:center}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}ul{list-style:none;padding:0}ul.bullets li{position:relative;padding-left:1.25rem;margin-bottom:.4rem;color:var(--text)}ul.bullets li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--accent);border-radius:50%}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .1s ease,background .15s ease,box-shadow .15s ease;border:none;cursor:pointer;font-family:inherit}.btn-primary{background:#ffaf100f;color:var(--accent);border:1.5px solid var(--accent)}.btn-primary:hover{background:var(--accent-dim);color:var(--accent-hi);border-color:var(--accent-hi);text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 16px #ffaf101f}.btn-ghost{background:transparent;color:var(--text-bright);border:1px solid var(--outline-strong)}.btn-ghost:hover{background:var(--bg-elev);text-decoration:none}.btn-lg{padding:.95rem 1.75rem;font-size:1rem}section{padding:4.5rem 0}section+section{border-top:1px solid var(--outline)}section.hero{padding:6rem 0 5rem;text-align:center;border-bottom:1px solid var(--outline)}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:1.75rem}.segment-picker{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin:0 auto 2.75rem}.segment-btn{text-align:left;background:var(--bg-card);border:1px solid var(--outline);border-radius:var(--radius);padding:1.35rem 1.5rem;cursor:pointer;font-family:inherit;color:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.segment-btn .label{display:block;color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem}.segment-btn h3{margin-bottom:.3rem}.segment-btn p{color:var(--text-dim);font-size:.88rem;margin:0}.segment-btn:hover{border-color:var(--outline-strong);transform:translateY(-1px)}.segment-btn.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);background:var(--bg-card-hi)}.segment{display:none}.segment.active{display:block;animation:panel-in .25s ease}@media(max-width:560px){.segment-picker{grid-template-columns:1fr}}.scene{position:relative;max-width:860px;margin:2.5rem auto 0}.scene svg{width:100%;height:auto;display:block}.scene .scene-img{width:100%;height:auto;display:block;opacity:.92}.scene .ln{stroke:var(--outline-strong);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.scene .fill-card{fill:var(--bg-card)}.scene .fill-elev{fill:var(--bg-elev)}.scene .acc{fill:var(--accent)}@keyframes hotspot-pulse{0%,to{box-shadow:0 0 0 4px #ffaf102e}50%{box-shadow:0 0 0 9px #ffaf1012}}.hotspot-dot{position:absolute;transform:translate(-50%,-50%);padding:.22rem .7rem;border-radius:999px;background:var(--accent);color:#1b1b1b;font-weight:700;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-family:inherit;border:none;cursor:pointer;box-shadow:0 0 0 4px #ffaf102e;animation:hotspot-pulse 2.4s ease-out infinite}.hotspot-dot:hover,.hotspot-dot:focus,.hotspot-dot.lit{animation:none;box-shadow:0 0 0 6px #ffaf1047}@media(prefers-reduced-motion:reduce){.hotspot-dot{animation:none}}.scene-cards{position:relative;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;max-width:860px;margin:-38px auto 0;padding:64px 4px 14px;scrollbar-width:thin;scrollbar-color:var(--outline-strong) transparent}.scene-cards.flow-rail{margin-top:1.5rem;padding-top:4px}.flow-split{margin-top:2.5rem}.flow-list{list-style:none;position:relative;display:flex;gap:8px;width:fit-content;max-width:100%;margin:0 auto 1.75rem;padding:4px 4px 10px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--outline-strong) transparent}.flow-list li{flex:0 0 auto}.flow-item{display:flex;gap:.7rem;align-items:flex-start;min-width:195px;text-align:left;background:transparent;border:none;border-bottom:2px solid var(--outline);border-radius:8px 8px 0 0;padding:.6rem .85rem;cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease}.flow-item .n{font-size:1.5rem;font-weight:800;line-height:1.1;color:#ffaf1059;min-width:1.1em}.flow-item .t strong{display:block;color:var(--text);font-size:.95rem;margin-bottom:.1rem}.flow-item .t>span{font-size:.8rem;color:var(--text-dim)}.flow-item:hover{background:var(--bg-elev)}.flow-item.active{background:var(--bg-card);border-bottom-color:var(--accent)}.flow-item.active .n{color:var(--accent)}.flow-item.active .t strong{color:var(--text-bright)}.flow-stage{position:relative;min-height:460px}.flow-stage:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:440px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,175,16,.07) 0%,transparent 68%);pointer-events:none}.flow-panel{display:none}.flow-panel.active{display:block;animation:panel-in .25s ease}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.flow-panel.active{animation:none}}.flow-stage-img{display:flex;flex-direction:column;gap:.9rem;align-items:center;justify-content:center;height:280px;border:1px dashed var(--outline-strong);border-radius:8px;background:var(--bg-elev);color:var(--text-dim);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.flow-stage-pic{display:block;width:100%;height:400px;object-fit:contain;margin-bottom:1.25rem}.slot-sketch{width:150px;height:auto;stroke:#ffffff80;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.demo-slot{display:flex;flex-direction:column;align-items:center;gap:.45rem;margin-top:1rem;padding:.75rem;border:1px dashed var(--outline-strong);border-radius:8px;background:var(--bg-elev);color:var(--text-dim);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;text-align:center}.demo-slot .slot-sketch{width:104px}@media(max-width:860px){.flow-stage-pic{height:200px}}.flow-panel{position:relative}.flow-panel p{color:var(--text-dim);line-height:1.65;margin:0 auto;max-width:58ch;text-align:center}@media(max-width:860px){.flow-item{min-width:165px}.flow-stage{min-height:0}.flow-stage-img{height:200px}.flow-stage-pic{height:250px}.flow-stage:before{width:300px;height:260px}}.flow-path{display:flex;align-items:flex-start;gap:10px;max-width:1080px;margin:3rem auto 0}.flow-step{flex:1;min-width:0;position:relative}.flow-step.drop{margin-top:4.25rem}.flow-num{display:block;font-size:3.6rem;font-weight:800;line-height:1;color:#ffaf1029;margin-bottom:.35rem;user-select:none}.flow-step strong{display:block;color:var(--text-bright);font-size:1.02rem;margin-bottom:.35rem}.flow-step p{font-size:.86rem;color:var(--text-dim);line-height:1.55;margin:0}.flow-arrow{flex:0 0 58px;height:24px;margin-top:4.4rem;stroke:var(--accent);opacity:.32;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.flow-arrow line{stroke-dasharray:6 5}.flow-arrow.tilt-down{transform:rotate(16deg)}.flow-arrow.tilt-up{transform:rotate(-16deg)}@media(max-width:860px){.flow-path{flex-direction:column;align-items:center;text-align:center;gap:.75rem;max-width:420px}.flow-step.drop{margin-top:0}.flow-num{font-size:2.6rem}.flow-arrow{flex:none;margin:.25rem 0;transform:rotate(90deg)}.flow-arrow.tilt-down,.flow-arrow.tilt-up{transform:rotate(90deg)}}.scene-card{position:relative;flex:0 0 68%;scroll-snap-align:center;background:var(--bg-card);border:1px solid var(--outline);border-radius:10px;padding:1.25rem 1.4rem;transition:border-color .2s ease,box-shadow .2s ease}.scene-card-shot{position:absolute;top:-56px;right:18px;width:124px;height:124px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--outline-strong);border-radius:50%;background:var(--bg-elev);color:var(--text-dim);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;box-shadow:var(--shadow);z-index:2;overflow:hidden}.scene-card-shot img{width:100%;height:100%;object-fit:cover;display:block}.scene-card-shot.has-img{border:none;background:var(--bg-elev);box-shadow:var(--shadow)}.scene-card:has(.scene-card-shot) .scene-card-kicker,.scene-card:has(.scene-card-shot) strong{margin-right:138px}.flow-rail .scene-card-kicker,.flow-rail .scene-card strong{margin-right:0}.scene-card-kicker{display:inline-block;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem}.scene-card strong{display:block;color:var(--text-bright);font-size:1.05rem;margin-bottom:.35rem}.scene-card p{font-size:.9rem;color:var(--text-dim);line-height:1.55;margin:0}.scene-card .scene-card-note{margin-top:.6rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);opacity:.75}.scene-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.quickstart{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .9rem;width:fit-content;margin:1.75rem auto 0;padding:.55rem 1.4rem;border:1px solid var(--outline);border-radius:999px;background:var(--bg-elev);font-size:.85rem;color:var(--text-dim)}.qs-label{color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-right:.25rem}.qs-step{display:inline-flex;align-items:center;gap:.4rem;color:var(--text);white-space:nowrap}a.qs-step:hover{color:var(--text-bright);text-decoration:none}.qs-step svg{width:14px;height:14px;color:var(--accent);flex-shrink:0}.qs-arrow{color:var(--text-dim)}.qs-done{font-weight:600;color:var(--text-bright)}@media(max-width:700px){.quickstart{border-radius:14px;margin-top:1.25rem}.qs-arrow{display:none}}section.hero.hero-split{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center;text-align:left;padding:4.5rem 0 5rem}.hero-split h1{font-size:clamp(2rem,4.2vw,3.1rem)}section.hero.hero-split:before{content:"";position:absolute;inset:-1px -100vw 0;background:repeating-linear-gradient(0deg,rgba(160,160,160,.05) 0 1px,transparent 1px 56px),repeating-linear-gradient(90deg,rgba(160,160,160,.05) 0 1px,transparent 1px 56px);-webkit-mask-image:radial-gradient(720px 480px at 68% 40%,#000 20%,transparent 72%);mask-image:radial-gradient(720px 480px at 68% 40%,#000 20%,transparent 72%);pointer-events:none}.hero-split>*{position:relative}.uline{position:relative;white-space:nowrap}.uline svg{position:absolute;left:0;bottom:-.16em;width:100%;height:.3em;stroke:var(--accent);stroke-width:3.5;fill:none;stroke-linecap:round;opacity:.95}.hero-split .lead{margin-bottom:0}.hero-split .hero-actions{justify-content:flex-start}.hero-agents{margin:1.25rem 0 0;font-size:.95rem;color:var(--text-dim);max-width:54ch}.hero-agents strong{color:var(--text);font-weight:600}.hero-store{margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid var(--outline)}.hero-store-label{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.75rem}.hero-visual{display:flex;justify-content:center}.phone-shot{width:100%;max-width:320px;height:auto;border-radius:28px;border:1px solid var(--outline-strong);box-shadow:var(--shadow)}.phone-stack{position:relative;display:flex;justify-content:center;align-items:center;padding:1rem 0}.phone-stack .phone-front{position:relative;z-index:2;max-width:300px;transform:rotate(2.5deg);transition:transform .35s ease}.phone-stack .phone-back{position:absolute;z-index:1;max-width:230px;left:50%;transform:translate(-108%) rotate(-8deg) scale(.94);filter:brightness(.55) saturate(.85)}.phone-stack:hover .phone-front{transform:rotate(0) translateY(-4px)}.hero-glow{position:absolute;z-index:0;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(255,175,16,.14) 0%,transparent 65%);pointer-events:none}.audience-fork{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:3rem}a.fork-card{display:block;color:inherit;transition:border-color .15s ease,transform .15s ease}a.fork-card:hover{text-decoration:none;border-color:var(--accent);transform:translateY(-2px)}.fork-link{color:var(--accent);font-weight:600;font-size:.92rem}@media(max-width:760px){.audience-fork{grid-template-columns:1fr;margin-top:2rem}}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem 2.5rem;margin:3.5rem 0 0}.trust-strip>div{padding-left:1rem;border-left:2px solid var(--accent);display:flex;flex-direction:column;gap:.15rem}.trust-strip strong{color:var(--text-bright);font-size:.95rem}.trust-strip span{color:var(--text-dim);font-size:.82rem}.feature-card{position:relative}.feature-card.has-shot{padding-right:128px}.card-shot{position:absolute;top:-22px;right:-16px;width:110px;height:auto;border-radius:14px;border:1px solid var(--outline-strong);box-shadow:0 14px 30px #00000080;transform:rotate(5deg);z-index:3;transition:transform .25s ease}.feature-card:hover .card-shot{transform:rotate(2deg) translateY(-3px)}@media(max-width:640px){.feature-card.has-shot{padding-right:108px}.card-shot{width:92px;right:-8px;top:-16px}}.feature-card:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .2s ease}.feature-card:hover:after{opacity:1}.steps-flow{position:relative}.steps-flow .step{overflow:hidden}.step-ghost{position:absolute;top:.4rem;right:1rem;font-size:5rem;line-height:1;font-weight:800;letter-spacing:-.04em;color:#ffaf101a;pointer-events:none;user-select:none}.getapp{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:center}.getapp-visual{display:flex;justify-content:center}.getapp-visual .phone-shot{max-width:300px}.getapp-copy .store-badges{margin-top:1.5rem}.getapp-art{width:100%;max-width:520px;height:auto;opacity:.92}.cta-band.cta-solid{background:var(--accent);border-color:transparent}.cta-band.cta-solid h2{color:#161616}.cta-band.cta-solid p{color:#161616c7}.cta-band.cta-solid .btn-primary{background:#1b1b1b;color:var(--accent);border-color:#1b1b1b}.cta-band.cta-solid .btn-primary:hover{background:#000;color:var(--accent-hi);border-color:#000;box-shadow:none}.cta-band.cta-solid .btn-ghost{color:#1b1b1b;border-color:#16161673}.cta-band.cta-solid .btn-ghost:hover{background:#16161614}.cta-band.cta-solid .store-badge{background:#1b1b1b;border-color:#1b1b1b;color:#f4f4f4}.cta-band.cta-solid .store-badge:hover{background:#000;border-color:#000}.cta-band.cta-solid .store-badge-hint{color:#f4f4f4a6}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.phone-stack .phone-front{transition:none}}@media(max-width:860px){section.hero.hero-split{grid-template-columns:1fr;text-align:center;gap:2.5rem}section.hero.hero-split:before{-webkit-mask-image:radial-gradient(480px 420px at 50% 22%,#000 20%,transparent 72%);mask-image:radial-gradient(480px 420px at 50% 22%,#000 20%,transparent 72%)}.hero-split .lead,.hero-split .hero-agents{margin-left:auto;margin-right:auto}.hero-split .hero-actions,.hero-store .store-badges{justify-content:center}.phone-stack .phone-front{max-width:250px}.phone-stack .phone-back{max-width:170px;transform:translate(-88%) rotate(-8deg) scale(.9)}.trust-strip{grid-template-columns:1fr 1fr;margin-top:2rem}.getapp{grid-template-columns:1fr;text-align:center;gap:2.5rem}.getapp-visual{order:2}.getapp-visual .phone-shot{max-width:240px}.getapp-copy .lead{margin-left:auto;margin-right:auto}.getapp-copy .store-badges{justify-content:center}}@media(max-width:480px){.trust-strip{grid-template-columns:1fr}}.section-eyebrow{display:inline-block;color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem}.section-header{max-width:720px;margin-bottom:2.5rem}.section-header.center{margin-left:auto;margin-right:auto;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.feature-card{background:var(--bg-card);border:1px solid var(--outline);border-radius:var(--radius);padding:1.75rem;transition:border-color .15s ease,transform .15s ease}.feature-card:hover{border-color:var(--outline-strong);transform:translateY(-2px)}.feature-card h3{color:var(--text-bright);margin-bottom:.5rem}.feature-card p{color:var(--text-dim);margin-bottom:0}.feature-grid-mini{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.feature-grid-mini .feature-card{padding:1.1rem 1.2rem}.feature-grid-mini h3{font-size:.95rem;margin-bottom:.35rem}.feature-grid-mini p{font-size:.82rem;line-height:1.5}.feature-grid-mini.cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1000px){.feature-grid-mini,.feature-grid-mini.cols-3{grid-template-columns:1fr 1fr}}@media(max-width:520px){.feature-grid-mini{grid-template-columns:1fr}}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.step{background:var(--bg-card);border:1px solid var(--outline);border-radius:var(--radius);padding:1.75rem;position:relative}.step .step-num{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.step h3{color:var(--text-bright)}.step p{color:var(--text-dim);margin-bottom:0}.usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.usecase-card{background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-card-hi) 100%);border:1px solid var(--outline-strong);border-radius:var(--radius);padding:2rem}.usecase-card .label{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.usecase-card h3{margin-bottom:.75rem}.usecase-card p{color:var(--text-dim);margin-bottom:1rem}.faq{max-width:var(--maxw-narrow);margin:0 auto}.faq details{border-bottom:1px solid var(--outline);padding:1.25rem 0}.faq details:first-of-type{border-top:1px solid var(--outline)}.faq summary{font-weight:600;font-size:1.05rem;color:var(--text-bright);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:1.5rem;font-weight:300;transition:transform .15s ease;flex-shrink:0}.faq details[open] summary:after{content:"−"}.faq details>div{padding-top:.75rem;color:var(--text-dim)}.cta-band{text-align:center;background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-card-hi) 100%);border:1px solid var(--outline-strong);border-radius:var(--radius);padding:3rem 2rem;margin-top:2rem}.cta-band h2{margin-bottom:.5rem}.cta-band p{color:var(--text-dim);max-width:50ch;margin:0 auto 1.5rem}form.demo-form{display:grid;gap:1rem;background:var(--bg-card);border:1px solid var(--outline);border-radius:var(--radius);padding:2rem}form.demo-form .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){form.demo-form .row{grid-template-columns:1fr}}form.demo-form label{display:block;font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.4rem}form.demo-form label .req{color:var(--accent);margin-left:2px}form.demo-form input,form.demo-form select,form.demo-form textarea{width:100%;background:var(--bg);color:var(--text-bright);border:1px solid var(--outline-strong);border-radius:6px;padding:.7rem .85rem;font-size:.95rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}form.demo-form input:focus,form.demo-form select:focus,form.demo-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}form.demo-form textarea{resize:vertical;min-height:120px}form.demo-form .form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.form-note{font-size:.85rem;color:var(--text-dim);margin:0;line-height:1.6}.form-note strong{color:var(--text)}.copy-email{display:inline-block;background:var(--bg);color:var(--text-bright);border:1px solid var(--outline-strong);border-radius:6px;padding:.15rem .55rem;font-size:.82rem;font-family:inherit;cursor:pointer;transition:border-color .15s ease}.copy-email:hover{border-color:var(--accent)}.contact-block{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:start}@media(max-width:800px){.contact-block{grid-template-columns:1fr}}.contact-info{background:var(--bg-card);border:1px solid var(--outline);border-radius:var(--radius);padding:2rem}.contact-info h3{color:var(--text-bright);margin-bottom:1rem}.contact-info dl{display:grid;gap:1rem}.contact-info dt{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:.25rem}.contact-info dd{color:var(--text);margin:0}.contact-info a{color:var(--text-bright)}header.site{border-bottom:1px solid var(--outline);background:#121212d9;backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}header.site .inner{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}header.site .brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem;color:var(--text-bright);letter-spacing:-.02em}header.site .brand img{display:block;width:36px;height:36px;border-radius:50%}header.site .brand:hover{text-decoration:none}header.site nav{display:flex;gap:22px;align-items:center}header.site nav a{color:var(--text);font-size:.95rem}header.site nav a[aria-current=page]{color:var(--accent);font-weight:600}footer.site{border-top:1px solid var(--outline);margin-top:4rem;background:var(--bg-elev)}footer.site .inner{max-width:var(--maxw);margin:0 auto;padding:3rem 24px 2rem}footer.site .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2.5rem}@media(max-width:760px){footer.site .cols{grid-template-columns:1fr 1fr}}@media(max-width:480px){footer.site .cols{grid-template-columns:1fr}}footer.site .col-brand p{color:var(--text-dim);margin-top:.5rem;font-size:.9rem;max-width:32ch}footer.site h4{color:var(--text-bright);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}footer.site ul li{margin-bottom:.5rem}footer.site ul a{color:var(--text-dim);font-size:.9rem}footer.site ul a:hover{color:var(--text-bright)}footer.site .bottom{border-top:1px solid var(--outline);padding-top:1.25rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;font-size:.82rem;color:var(--text-dim)}footer.site .bottom a{color:var(--text-dim)}.store-badges{display:flex;gap:12px;flex-wrap:wrap}.store-badge{display:inline-flex;align-items:center;gap:.65rem;background:var(--bg-card);border:1px solid var(--outline-strong);border-radius:8px;padding:.55rem 1.1rem;color:var(--text-bright);transition:transform .1s ease,border-color .15s ease,background .15s ease}.store-badge:hover{text-decoration:none;background:var(--bg-card-hi);border-color:var(--accent);transform:translateY(-1px)}.store-badge svg{width:22px;height:22px;flex-shrink:0}.store-badge-text{display:flex;flex-direction:column;line-height:1.2;text-align:left}.store-badge-hint{font-size:.72rem;color:var(--text-dim)}.store-badge-store{font-size:1rem;font-weight:600}.store-badges-sm .store-badge{padding:.45rem .85rem;gap:.5rem}.store-badges-sm .store-badge svg{width:18px;height:18px}.store-badges-sm .store-badge-hint{font-size:.62rem}.store-badges-sm .store-badge-store{font-size:.88rem}.article-list{max-width:var(--maxw-narrow);margin:0 auto;display:grid;gap:20px}.article-card{display:block;background:var(--bg-card);border:1px solid var(--outline);border-radius:var(--radius);padding:1.75rem;color:inherit;transition:border-color .15s ease,transform .15s ease}.article-card:hover{text-decoration:none;border-color:var(--accent);transform:translateY(-2px)}.article-card h2{font-size:1.35rem;margin:.5rem 0}.article-card p{color:var(--text-dim);margin-bottom:.75rem}.article-meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.82rem;color:var(--text-dim)}.article-meta time{color:var(--text)}.article-tags{color:var(--accent);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;align-self:center}.article{max-width:var(--maxw-narrow);margin:0 auto;padding:3.5rem 0 4.5rem}.article-header{margin-bottom:2.5rem}.article-header h1{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:1rem}.article-body{line-height:1.75}.article-body h2{font-size:1.5rem;margin:2.25rem 0 .75rem}.article-body h3{margin-top:1.75rem}.article-body p{margin-bottom:1.1rem}.article-body ul,.article-body ol{margin:0 0 1.1rem 1.25rem;color:var(--text)}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin-bottom:.5rem}.article-body li::marker{color:var(--accent)}.article-body strong{color:var(--text-bright)}.article-body blockquote{border-left:3px solid var(--accent);padding:.25rem 0 .25rem 1.25rem;margin:1.5rem 0;color:var(--text-dim)}.article-body hr{border:none;border-top:1px solid var(--outline);margin:2.5rem 0 1.5rem}.article-body em{color:var(--text-dim)}.article-footer{margin-top:3rem}.muted{color:var(--text-dim)}.text-center{text-align:center}@media(max-width:640px){header.site .inner{flex-wrap:wrap;row-gap:4px;position:relative;padding-bottom:8px}header.site nav{width:100%;overflow-x:auto;gap:18px;padding:4px 2px 6px;scrollbar-width:none}header.site nav::-webkit-scrollbar{display:none}header.site nav a{white-space:nowrap;font-size:.9rem}header.site nav a.btn{position:absolute;top:10px;right:24px;padding:.5rem .9rem;font-size:.85rem}section{padding:3rem 0}section.hero{padding:4rem 0 3rem}}
