:root {
  --bg: #07100e;
  --panel: #0d1714;
  --panel-2: #111e1a;
  --text: #f4f4eb;
  --muted: #a9b6b0;
  --line: #263832;
  --lime: #c8f36a;
  --lime-dark: #9bd44d;
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(circle at 76% 7%, rgba(200,243,106,.1), transparent 29%), linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.018) 1px, transparent 1px); background-size: auto, 52px 52px, 52px 52px; }
a { color: inherit; }
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 1rem; top: 1rem; z-index: 30; padding: .7rem 1rem; background: var(--lime); color: var(--bg); }
.site-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; max-width: var(--max); margin: auto; padding: 1.1rem 1.5rem; border-bottom: 1px solid rgba(255,255,255,.07); background: rgba(7,16,14,.86); backdrop-filter: blur(18px); }
.brand { display: flex; align-items: center; gap: .65rem; color: var(--text); font-weight: 800; letter-spacing: -.025em; text-decoration: none; }
.brand-mark { display: grid; place-items: center; width: 2rem; height: 2rem; border: 1px solid var(--lime); border-radius: .5rem; color: var(--lime); font-family: ui-monospace, monospace; }
.site-nav { display: flex; align-items: center; gap: 1.7rem; }
.site-nav a, .site-footer a { color: var(--muted); font-size: .9rem; text-decoration: none; }
.site-nav a:hover, .site-footer a:hover { color: var(--text); }
.site-nav .nav-cta { padding: .65rem 1rem; border: 1px solid var(--line); border-radius: .45rem; color: var(--text); }
.menu-button { display: none; padding: .5rem .7rem; border: 1px solid var(--line); border-radius: .4rem; background: none; color: var(--text); }
.section, .site-footer { position: relative; max-width: var(--max); margin: auto; padding: 7rem 1.5rem; }
.section + .section { border-top: 1px solid rgba(255,255,255,.07); }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 850px; margin: 1.35rem 0 1.5rem; font-size: clamp(3.2rem, 6.1vw, 6rem); line-height: .99; letter-spacing: -.06em; }
h2 { margin: .9rem 0 1.2rem; font-size: clamp(2.2rem, 4vw, 4rem); line-height: 1.06; letter-spacing: -.047em; }
h3 { font-size: 1.24rem; line-height: 1.25; letter-spacing: -.02em; }
.eyebrow { display: flex; align-items: center; gap: .65rem; color: var(--lime); font: 700 .72rem ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .11em; text-transform: uppercase; }
.eyebrow span { width: 1.6rem; height: 1px; background: var(--lime); }
.hero-lead, .section-heading > p, .proof-intro > p, .contact-copy > p { max-width: 680px; color: var(--muted); font-size: 1.17rem; }
.chat-invite { margin:1.1rem 0 1.65rem; }.chat-invite button { padding:0; border:0; background:none; color:var(--lime); font:inherit; font-size:.9rem; font-weight:700; text-decoration:underline; text-underline-offset:.25rem; cursor:pointer; }.chat-invite button:focus-visible { outline:2px solid var(--lime); outline-offset:5px; }.chat-invite button:disabled { opacity:.65; cursor:wait; }.chat-invite p { margin:.35rem 0 0; color:var(--muted); font-size:.78rem; }.chat-invite a { color:var(--lime); }.chat-invite [data-chat-status]:empty { display:none; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; padding: .9rem 1.15rem; border: 1px solid var(--line); border-radius: .45rem; background: transparent; color: var(--text); font-family: inherit; font-size: .9rem; font-weight: 750; text-decoration: none; cursor: pointer; }
.button.primary { border-color: var(--lime); background: var(--lime); color: var(--bg); }
.button.primary:hover { background: #d8fa8f; }
.button.secondary:hover { border-color: #667971; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin: 2.1rem 0; }
.home-hero, .landing-hero { min-height: 760px; display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 5rem; }
.landing-hero h1 { font-size: clamp(3rem, 5.3vw, 5.2rem); }
.trust-list { display: flex; flex-wrap: wrap; gap: .5rem 1.1rem; margin: 1.8rem 0 0; padding: 0; list-style: none; color: #899891; font-size: .8rem; }
.trust-list li::before { content: "✓"; margin-right: .4rem; color: var(--lime); }
.price-note { display: inline-flex; padding: .45rem .75rem; border: 1px solid rgba(200,243,106,.25); border-radius: 2rem; background: rgba(200,243,106,.06); color: #d8e9b2; font-size: .8rem; }
.hero-offer { max-width: 650px; margin: 1.4rem 0; padding: 1rem 1.25rem; border: 1px solid rgba(200,243,106,.35); border-radius: .55rem; background: rgba(200,243,106,.06); }
.hero-offer > strong { color: var(--lime); font-size: 1.12rem; }
.hero-offer ul { display: flex; flex-wrap: wrap; gap: .25rem 1rem; margin: .55rem 0 0; padding: 0; list-style: none; color: #d5ded8; font-size: .82rem; }
.hero-offer li::before { content: "✓"; margin-right: .4rem; color: var(--lime); }
.hero-offer p { margin: .55rem 0 0; color: var(--muted); font-size: .78rem; }
.hero-device { position: relative; display: grid; place-items: center; min-height: 570px; }
.device { position: relative; width: 260px; height: 525px; padding: .52rem; border: 2px solid #5a6c63; border-radius: 3rem; background: #030705; box-shadow: 0 45px 100px rgba(0,0,0,.47), 0 0 0 8px rgba(255,255,255,.025); }
.device-speaker { position: absolute; top: .78rem; left: 50%; z-index: 2; width: 76px; height: 20px; transform: translateX(-50%); border-radius: 0 0 .9rem .9rem; background: #030705; }
.device-screen { height: 100%; overflow: hidden; border-radius: 2.38rem; background: linear-gradient(155deg,#1b2f25,#0b1511 65%); }
.device-status { display: flex; justify-content: space-between; padding: .8rem 1rem .55rem; color: #d5ddd9; font-size: .55rem; }
.device-appbar { display: flex; align-items: center; gap: .55rem; padding: .9rem 1rem; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid var(--line); color: #9eaba5; font: 700 .57rem ui-monospace, monospace; letter-spacing: .08em; }
.mini-logo { display: grid; place-items: center; width: 1.5rem; height: 1.5rem; border-radius: .35rem; background: var(--lime); color: var(--bg); font-weight: 900; }
.device-content { padding: 2.2rem 1.15rem; }
.screen-kicker { display: block; color: #91a098; font-size: .65rem; }
.device-content > strong { display: block; margin: .35rem 0 1.7rem; font-size: 1.4rem; letter-spacing: -.04em; }
.screen-chart { display: flex; align-items: end; gap: .35rem; height: 80px; margin-bottom: 1.8rem; padding: .75rem; border: 1px solid var(--line); border-radius: .55rem; background: rgba(0,0,0,.15); }
.screen-chart i { flex: 1; height: 28%; border-radius: .18rem .18rem 0 0; background: #43554c; }
.screen-chart i:nth-child(2) { height: 42%; }.screen-chart i:nth-child(3) { height: 58%; }.screen-chart i:nth-child(4) { height: 76%; }.screen-chart i:nth-child(5) { height: 92%; background: var(--lime); }
.screen-row { display: flex; justify-content: space-between; padding: .72rem 0; border-top: 1px solid var(--line); color: #9aa7a1; font-size: .63rem; }
.screen-row b { color: var(--lime); }
.device-tabbar { position: absolute; right: .55rem; bottom: .55rem; left: .55rem; display: flex; justify-content: space-around; padding: .8rem; border-top: 1px solid var(--line); background: #0b1511; color: #718078; }
.device-tabbar .active { color: var(--lime); }
.floating-note { position: absolute; width: 170px; padding: .8rem; border: 1px solid var(--line); border-radius: .5rem; background: rgba(15,27,22,.92); box-shadow: 0 20px 40px rgba(0,0,0,.32); }
.floating-note span { color: var(--lime); font: 700 .66rem ui-monospace,monospace; }.floating-note b,.floating-note small { display:block; }.floating-note b { margin:.4rem 0 .1rem; }.floating-note small { color:var(--muted); }.note-a { top: 100px; left: -20px; }.note-b { right: -20px; bottom: 105px; }
.section-heading { max-width: 790px; margin-bottom: 3.2rem; }
.route-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.route-card { position: relative; min-height: 330px; padding: 1.8rem; border: 1px solid var(--line); border-radius: .6rem; background: rgba(12,23,19,.75); text-decoration: none; transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.route-card:hover { transform: translateY(-5px); border-color: #5b773f; background: #111f19; }
.route-index { color: #77877f; font: 700 .68rem ui-monospace, monospace; }.route-arrow { float: right; color: var(--lime); }
.route-card h3 { margin: 4.8rem 0 .75rem; font-size: 1.45rem; }.route-card p { color: var(--muted); font-size: .91rem; }.route-card strong { position: absolute; bottom: 1.8rem; color: var(--lime); font-size: .75rem; }
.proof-section { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; }
.proof-stats { display: grid; gap: 1px; border: 1px solid var(--line); background: var(--line); }.proof-stats div { min-height: 155px; padding: 1.7rem; background: var(--panel); }.proof-stats strong,.proof-stats span { display:block; }.proof-stats strong { color:var(--lime); font-size:2.2rem; letter-spacing:-.04em; }.proof-stats span { max-width: 290px; color:var(--muted); font-size:.85rem; }
.offer-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }.offer-grid article { padding:2rem; border:1px solid var(--line); border-radius:.55rem; background:var(--panel); }.offer-grid article>span { color:#74847c; font:700 .7rem ui-monospace,monospace; }.offer-grid h3 { margin-top:3.5rem; }.offer-grid p { min-height:78px; color:var(--muted); }.offer-grid strong { color:var(--lime); }
.tension { display:grid; grid-template-columns:1fr 1fr; gap:6rem; }.tension>div>p { color:#c5cfca; font-size:1.18rem; }.audience-box { margin-top:2rem; padding:1.4rem; border-left:2px solid var(--lime); background:rgba(200,243,106,.045); }.audience-box span,.audience-box strong { display:block; }.audience-box span { margin-bottom:.5rem; color:var(--lime); font:700 .65rem ui-monospace,monospace; letter-spacing:.09em; text-transform:uppercase; }.audience-box strong { font-size:.95rem; }
.diagnostic-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.diagnostic-grid article { padding:1.65rem; border:1px solid var(--line); border-radius:.55rem; background:var(--panel); }.diagnostic-grid article>span { color:var(--lime); font:700 .7rem ui-monospace,monospace; }.diagnostic-grid h3 { margin:2.5rem 0 .75rem; }.diagnostic-grid p { margin:0; color:var(--muted); font-size:.93rem; }
.story { display:grid; grid-template-columns:1fr .8fr; gap:7rem; align-items:start; }.story-copy>h2 { max-width:680px; }.story-steps { margin-top:5rem; }.story-step { min-height:230px; padding:2rem 0 4rem 4.5rem; border-top:1px solid var(--line); opacity:.55; transition:opacity .25s ease; }.story-step.active { opacity:1; }.story-step>span { float:left; margin-left:-4.5rem; color:var(--lime); font:700 .72rem ui-monospace,monospace; }.story-step p { max-width:500px; color:var(--muted); }.sticky-device { position:sticky; top:8rem; display:grid; justify-items:center; }.sticky-device .device { transform:scale(.88); transform-origin:top center; }.device-caption { display:flex; justify-content:space-between; width:300px; margin-top:-45px; padding-top:1rem; border-top:1px solid var(--line); }.device-caption span { color:var(--lime); font:700 .67rem ui-monospace,monospace; }.device-caption strong { font-size:.8rem; }
.specialist { display:grid; grid-template-columns:1fr 1fr; gap:6rem; }.specialist ul { margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }.specialist li { padding:1.3rem 0; border-bottom:1px solid var(--line); }.specialist li::before { content:"↳"; margin-right:.7rem; color:var(--lime); }
.mini-offer { display:grid; grid-template-columns:1fr 1fr auto; gap:3rem; align-items:center; padding-top:4rem; padding-bottom:4rem; background:linear-gradient(110deg,rgba(200,243,106,.075),transparent 60%); }.mini-offer>div>span { color:var(--lime); font:700 .7rem ui-monospace,monospace; text-transform:uppercase; }.mini-offer h2 { margin:.4rem 0 0; font-size:2rem; }.mini-offer p { color:var(--muted); margin:0; }
.contact { display:grid; grid-template-columns:.82fr 1.18fr; gap:6rem; background:linear-gradient(130deg,rgba(200,243,106,.05),transparent 60%); }.availability { display:flex; align-items:center; gap:.6rem; margin-top:2rem; color:#cbd5d0; font-size:.85rem; }.availability i { width:.55rem; height:.55rem; border-radius:50%; background:var(--lime); box-shadow:0 0 12px var(--lime); }
.booking-button { margin-top:1rem; }.preview-notice { margin:0; color:var(--lime); font-size:.84rem; }
.ai-handoff { margin-top:2rem; padding:1.3rem; border:1px solid rgba(200,243,106,.3); border-radius:.55rem; background:rgba(200,243,106,.045); }.ai-handoff span { display:block; color:var(--text); font-weight:750; }.ai-handoff p { margin:.45rem 0 .7rem; color:var(--muted); font-size:.88rem; }.ai-handoff a,.ai-spec-link { color:var(--lime); font-size:.88rem; font-weight:700; }
.ai-hero { padding-top:8rem; padding-bottom:8rem; }.ai-hero h1 { max-width:900px; }.ai-hero .hero-lead { max-width:760px; }
.ai-flow-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.ai-flow-grid article { padding:1.6rem; border:1px solid var(--line); border-radius:.55rem; background:var(--panel); }.ai-flow-grid article>span,.ai-prompt-box>span { color:var(--lime); font:700 .7rem ui-monospace,monospace; letter-spacing:.08em; }.ai-flow-grid h3 { margin:3rem 0 .8rem; }.ai-flow-grid p { margin:0; color:var(--muted); font-size:.94rem; }
.ai-connect,.ai-example { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; }.ai-connect p,.ai-example p,.ai-final p { max-width:650px; color:var(--muted); }.endpoint { display:block; overflow-wrap:anywhere; margin:.75rem 0 1.6rem; padding:1rem; border:1px solid var(--line); border-radius:.45rem; background:var(--panel); color:var(--lime); font-size:.84rem; }.ai-spec-link { display:inline-block; margin:-.3rem 0 1.2rem; }.ai-note { margin-top:1rem; font-size:.83rem; }
.ai-prompt-box { padding:2rem; border:1px solid rgba(200,243,106,.3); border-radius:.65rem; background:linear-gradient(145deg,rgba(200,243,106,.075),var(--panel) 55%); }.ai-prompt-box p { margin:1.7rem 0; color:var(--text); font-size:1.16rem; }.copy-status { min-height:1.4rem; margin:.7rem 0 0!important; color:var(--lime)!important; font-size:.8rem!important; }
.ai-response { overflow:auto; overflow-wrap:anywhere; white-space:pre-wrap; margin:0; padding:1.8rem; border:1px solid var(--line); border-radius:.55rem; background:#08110e; color:#d8e9b2; font: .85rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; }.preview-demo { margin-top:2rem; }.preview-demo p { margin:.7rem 0; font-size:.82rem; }.ai-final { text-align:center; }.ai-final h2,.ai-final p { margin-right:auto; margin-left:auto; }.ai-final .eyebrow { justify-content:center; }
.contact-form { display:grid; gap:1.1rem; padding:2rem; border:1px solid var(--line); border-radius:.65rem; background:var(--panel); }.field-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }label { display:grid; gap:.4rem; color:#c7d0cc; font-size:.78rem; font-weight:700; }input,select,textarea { width:100%; padding:.82rem; border:1px solid #30423a; border-radius:.38rem; outline:none; background:#09110f; color:var(--text); font:inherit; }textarea { resize:vertical; }input:focus,select:focus,textarea:focus { border-color:var(--lime); box-shadow:0 0 0 3px rgba(200,243,106,.08); }.optional { color:#718079; font-weight:400; }.consent { display:flex; align-items:flex-start; gap:.65rem; color:#8f9d97; font-weight:400; }.consent input { width:auto; margin-top:.25rem; }.consent a { color:var(--lime); }.submit { font:750 .9rem inherit; }.hidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.legal { max-width:820px; min-height:75vh; }.legal h1 { font-size:clamp(3rem,5vw,5rem); }.legal h2 { margin-top:2.7rem; font-size:1.4rem; }.legal p { color:var(--muted); }.legal-date { margin-top:3rem; }
.site-footer { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:2rem; padding-top:2rem; padding-bottom:2rem; border-top:1px solid var(--line); color:#7f8d87; font-size:.76rem; }.site-footer p { margin:0; text-align:center; }.site-footer>div { display:flex; justify-content:flex-end; gap:1rem; }
.hero-person-link { display:inline-block; margin:.1rem 0 .4rem; color:var(--lime); font-size:.88rem; font-weight:750; text-underline-offset:.22rem; }
.personal-assurance { max-width:640px; color:#cbd5d0; font-size:.94rem; }
.about-home { display:grid; grid-template-columns:1.15fr .85fr; column-gap:5rem; }
.about-home-heading>p { max-width:650px; color:var(--muted); font-size:1.08rem; }
.about-home-heading .button { margin-top:1rem; }
.identity-card,.about-signature { display:flex; flex-direction:column; justify-content:space-between; min-height:365px; padding:2rem; border:1px solid rgba(200,243,106,.35); border-radius:.65rem; background:radial-gradient(circle at 80% 10%,rgba(200,243,106,.14),transparent 45%),var(--panel); }
.identity-monogram,.about-signature>span { color:var(--lime); font-size:clamp(7rem,15vw,13rem); font-weight:850; line-height:.9; letter-spacing:-.12em; }
.identity-card strong,.identity-card span,.identity-card a,.about-signature strong,.about-signature small { display:block; }
.identity-card strong,.about-signature strong { font-size:1.35rem; }
.identity-card div>span,.about-signature small { color:var(--muted); font-size:.88rem; }
.identity-card a { width:max-content; margin-top:.8rem; color:var(--lime); font-size:.84rem; font-weight:700; }
.career-timeline { position:relative; grid-column:1/-1; margin-top:4rem; padding-left:3.5rem; }
.career-timeline::before,.timeline-progress { position:absolute; top:0; bottom:0; left:1rem; width:2px; content:""; }
.career-timeline::before { background:var(--line); }
.timeline-progress { z-index:1; height:100%; background:var(--lime); transform-origin:top; }
.js .timeline-progress { transform:scaleY(0); }
.career-timeline ol { margin:0; padding:0; list-style:none; }
.timeline-entry { position:relative; display:grid; grid-template-columns:150px 1fr; gap:2rem; min-height:145px; padding:1.5rem 0 2rem; border-bottom:1px solid var(--line); }
.timeline-entry::before { position:absolute; top:1.8rem; left:-3rem; z-index:2; width:.95rem; height:.95rem; border:2px solid var(--lime); border-radius:50%; background:var(--bg); content:""; }
.timeline-entry:last-child { border-bottom:0; }
.timeline-date { color:var(--lime); font:750 .82rem ui-monospace,SFMono-Regular,Menlo,monospace; white-space:nowrap; }
.timeline-entry h3 { margin:0 0 .55rem; font-size:1.32rem; }
.timeline-entry p { max-width:690px; margin:0; color:var(--muted); }
.offer-grid { grid-template-columns:repeat(2,1fr); }
.service-card { display:flex; flex-direction:column; min-height:490px; padding:2rem; border:1px solid var(--line); border-radius:.65rem; background:var(--panel); }
.service-card-top { display:flex; justify-content:space-between; gap:1rem; align-items:start; }
.service-card-top>span { color:#8c9e95; font:700 .68rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.06em; text-transform:uppercase; }
.service-card-top>strong { color:var(--lime); font-size:1.35rem; white-space:nowrap; }
.service-card h3 { margin:2rem 0 .4rem; font-size:1.65rem; }
.service-card>p { color:var(--muted); }
.service-card dl { display:grid; gap:.85rem; margin:1rem 0 1.8rem; }
.service-card dl>div { display:grid; grid-template-columns:85px 1fr; gap:1rem; padding-top:.8rem; border-top:1px solid var(--line); }
.service-card dt { color:var(--lime); font:700 .67rem ui-monospace,SFMono-Regular,Menlo,monospace; text-transform:uppercase; }
.service-card dd { margin:0; color:#cad5ce; font-size:.88rem; }
.service-card>a { margin-top:auto; color:var(--lime); font-size:.86rem; font-weight:750; }
.offer-disclaimer,.package-note { margin:1.5rem 0 0; color:var(--muted); font-size:.85rem; }
.package-detail { background:linear-gradient(120deg,rgba(200,243,106,.055),transparent 60%); }
.package-detail h2 em { display:block; margin-top:.6rem; color:var(--lime); font-size:.55em; font-style:normal; }
.package-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.package-main,.package-side { padding:2rem; border:1px solid var(--line); border-radius:.6rem; background:var(--panel); }
.package-main h3 { margin:0 0 .5rem; }.package-main h3:not(:first-child) { margin-top:2rem; }
.package-main p,.package-side p { color:var(--muted); }
.package-main ul,.package-side ul { padding-left:1.1rem; color:#cbd7d0; }
.package-main li,.package-side li { margin:.45rem 0; }
.package-main li::marker,.package-side li::marker { color:var(--lime); }
.package-side { display:grid; gap:1.2rem; }.package-side>div:not(:first-child) { padding-top:1rem; border-top:1px solid var(--line); }
.package-side span { color:var(--lime); font:700 .69rem ui-monospace,SFMono-Regular,Menlo,monospace; text-transform:uppercase; }.package-side p,.package-side ul { margin:.5rem 0 0; }
.about-hero { display:grid; grid-template-columns:1.1fr .9fr; gap:5rem; align-items:center; min-height:680px; }.about-hero>div>p:not(.eyebrow) { max-width:680px; color:var(--muted); }
.about-signature { min-height:445px; }.about-signature>span { font-size:clamp(9rem,18vw,17rem); }
.about-story .career-timeline { max-width:960px; }
.about-capabilities ul { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:0; padding:0; list-style:none; }
.about-capabilities li { display:flex; flex-direction:column; justify-content:space-between; min-height:150px; padding:1.4rem; border:1px solid var(--line); border-radius:.5rem; background:var(--panel); font-size:1.07rem; font-weight:700; }
.about-capabilities li span { color:var(--lime); font:700 .7rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.about-availability { max-width:850px; text-align:center; }.about-availability .eyebrow { justify-content:center; }.about-availability p:not(.eyebrow) { color:var(--muted); }.about-availability .button { margin-top:1rem; }
.measurement-reopen { padding:0; border:0; background:none; color:inherit; font:inherit; cursor:pointer; }
.measurement-reopen:hover { color:var(--lime); }
.measurement-choice { position:fixed; right:1rem; bottom:1rem; left:1rem; z-index:100; display:flex; justify-content:space-between; align-items:center; gap:1.5rem; max-width:980px; margin:auto; padding:1rem 1.25rem; border:1px solid rgba(200,243,106,.4); border-radius:.65rem; background:#112019; box-shadow:0 18px 60px rgba(0,0,0,.5); }
.measurement-choice[hidden] { display:none; }
.measurement-choice p { max-width:650px; margin:0 0 .45rem; color:#d5ded8; font-size:.82rem; line-height:1.5; }
.measurement-explanation { display:grid; gap:.4rem; }
.measurement-explanation label { display:flex; align-items:baseline; gap:.45rem; color:#d5ded8; font-size:.82rem; line-height:1.4; cursor:pointer; }
.measurement-explanation input { accent-color:var(--lime); }
.measurement-choice strong { color:#fff; font-size:.95rem; }
.measurement-choice a { color:var(--lime); text-decoration:underline; }
.measurement-choice .measurement-actions { display:flex; flex:none; gap:.5rem; }
.measurement-choice button { min-height:42px; padding:.6rem .85rem; border:1px solid rgba(200,243,106,.45); border-radius:.35rem; background:transparent; color:#fff; font-family:inherit; font-size:.78rem; font-weight:700; cursor:pointer; }
.measurement-choice button[data-measurement-save] { background:var(--lime); color:#07100e; }
.measurement-choice button:focus-visible,.measurement-reopen:focus-visible { outline:2px solid var(--lime); outline-offset:3px; }
.breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; margin-bottom:3rem; color:var(--muted); font-size:.78rem; }
.breadcrumb a { color:var(--muted); text-decoration:none; }.breadcrumb a:hover { color:var(--lime); }
.guides-hero,.guide-hero { padding-top:4rem; padding-bottom:5rem; }
.guides-hero::after,.guide-hero::after { position:absolute; z-index:-1; top:5rem; right:2%; width:min(30vw,360px); aspect-ratio:1; border:1px solid rgba(200,243,106,.18); border-radius:50%; background:radial-gradient(circle,rgba(200,243,106,.09),transparent 65%); box-shadow:0 0 0 35px rgba(200,243,106,.018),0 0 0 85px rgba(200,243,106,.012); content:""; }
.guides-hero h1,.guide-hero h1 { max-width:1050px; font-size:clamp(3rem,6vw,5.9rem); }
.guides-hero .hero-lead,.guide-hero .hero-lead { max-width:780px; }
.guide-list-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }.guide-list-heading p:last-child { max-width:330px; color:var(--muted); }
.guide-controls { display:grid; grid-template-columns:minmax(240px,380px) minmax(0,1fr); gap:1.1rem 1.6rem; align-items:end; margin-bottom:1.4rem; padding:1.25rem; border:1px solid var(--line); border-radius:.55rem; background:var(--panel); }
.guide-controls[hidden],.guide-grid>[hidden],.guide-empty[hidden],.guide-reset[hidden] { display:none !important; }
.guide-search label,.guide-topics>span { display:block; margin-bottom:.5rem; color:var(--text); font-size:.86rem; font-weight:700; }
.guide-search input { width:100%; padding:.75rem .9rem; border:1px solid var(--line); border-radius:.45rem; background:#08110e; color:var(--text); font:inherit; font-size:1rem; }
.guide-search input::placeholder { color:#7f9088; }
.guide-search input:focus-visible { border-color:var(--lime); outline:2px solid var(--lime); outline-offset:2px; }
.guide-topics { display:flex; flex-wrap:wrap; gap:.5rem; }.guide-topics>span { flex-basis:100%; margin-bottom:0; }
.guide-topics button,.guide-reset { min-height:2.6rem; padding:.45rem .95rem; border:1px solid var(--line); border-radius:999px; background:transparent; color:var(--muted); font:inherit; font-size:.86rem; font-weight:700; cursor:pointer; }
.guide-topics button:hover { border-color:rgba(200,243,106,.6); color:var(--text); }
.guide-topics button[aria-pressed="true"] { border-color:var(--lime); background:var(--lime); color:var(--bg); }
.guide-topics button:focus-visible,.guide-reset:focus-visible { outline:2px solid var(--lime); outline-offset:2px; }
.guide-results-row { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.6rem 1rem; }
.guide-results { margin:0; color:var(--muted); font-size:.86rem; }
.guide-reset { border-radius:.45rem; color:var(--lime); }
.guide-empty { margin:0; padding:1.4rem; border:1px dashed var(--line); border-radius:.55rem; color:var(--muted); }.guide-empty a { color:var(--lime); }
.guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:0; padding:0; list-style:none; }
.guide-grid>li { display:flex; }
.guide-card { display:flex; flex-direction:column; width:100%; padding:1.5rem; border:1px solid var(--line); border-radius:.65rem; background:linear-gradient(140deg,rgba(200,243,106,.07),transparent 45%),var(--panel); text-decoration:none; transition:transform .2s ease,border-color .2s ease; }
.guide-card:hover { transform:translateY(-4px); border-color:rgba(200,243,106,.6); }
.guide-card:focus-visible { outline:2px solid var(--lime); outline-offset:3px; }
.guide-card>span,.guide-label { color:var(--lime); font:700 .72rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.09em; text-transform:uppercase; }
.guide-card h2 { margin:.9rem 0 .7rem; font-size:clamp(1.25rem,1.7vw,1.5rem); line-height:1.2; letter-spacing:-.025em; }
.guide-card p { margin:0; color:var(--muted); font-size:.93rem; line-height:1.55; }.guide-card strong { margin-top:auto; padding-top:1.2rem; color:var(--lime); font-size:.86rem; }
.guides-note { display:grid; grid-template-columns:1fr 1fr; gap:4rem; }.guides-note h2 { max-width:500px; }.guides-note p { max-width:560px; color:var(--muted); font-size:1.08rem; }.guides-note a,.guide-article a { color:var(--lime); text-decoration-thickness:1px; text-underline-offset:3px; }
.guide-hero-meta { display:flex; flex-wrap:wrap; gap:1rem 2rem; margin-top:2.5rem; color:#8f9f97; font:650 .73rem ui-monospace,SFMono-Regular,Menlo,monospace; text-transform:uppercase; letter-spacing:.04em; }
.guide-layout { display:grid; grid-template-columns:minmax(0,740px) minmax(220px,1fr); gap:5rem; align-items:start; padding-top:4rem; }
.guide-article { min-width:0; font-size:1.06rem; line-height:1.75; }.guide-article p,.guide-article li { color:#cbd6ce; }
.guide-answer { scroll-margin-top:6rem; padding:2rem 2.2rem; border:1px solid rgba(200,243,106,.4); border-left:4px solid var(--lime); border-radius:.4rem; background:linear-gradient(130deg,rgba(200,243,106,.09),rgba(200,243,106,.025)); }
.guide-answer p:last-child { margin:0; color:var(--text); font-size:1.25rem; line-height:1.55; }
.guide-section { scroll-margin-top:6rem; padding:3.2rem 0; border-bottom:1px solid var(--line); }.guide-section h2 { max-width:700px; font-size:clamp(2rem,3.2vw,3.2rem); }.guide-section p:last-child { margin-bottom:0; }
.guide-section code { padding:.08rem .3rem; border-radius:.2rem; background:var(--panel-2); color:#e5f5d2; font-size:.88em; }
.guide-steps { display:grid; gap:1rem; margin:1.7rem 0; padding:0; list-style:none; counter-reset:guide-step; }
.guide-steps li { position:relative; min-height:75px; padding:1rem 1.2rem 1rem 4.4rem; border:1px solid var(--line); border-radius:.4rem; background:var(--panel); counter-increment:guide-step; }
.guide-steps li::before { position:absolute; left:1.2rem; top:1.2rem; color:var(--lime); font:750 1.2rem ui-monospace,SFMono-Regular,Menlo,monospace; content:counter(guide-step,decimal-leading-zero); }
.guide-steps strong { color:var(--text); }.guide-decision,.guide-checklist { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin:1.8rem 0; }
.guide-decision>div,.guide-checklist>div { padding:1.4rem; border:1px solid var(--line); border-radius:.45rem; background:var(--panel); }
.guide-decision span,.guide-checklist strong { color:var(--lime); font-weight:750; }.guide-decision p,.guide-checklist p { margin:.7rem 0 0; font-size:.94rem; line-height:1.55; }
.guide-checklist { grid-template-columns:1fr; }.guide-checklist>div { padding:1.3rem 1.5rem; }
.guide-question { margin-top:1.7rem; }.guide-question h3 { margin-bottom:.55rem; color:var(--text); font-size:1.2rem; }.guide-question p { margin-bottom:0; }
.guide-sources ul { padding-left:1.2rem; }.guide-sources li { margin:.55rem 0; overflow-wrap:anywhere; }.guide-sources li::marker { color:var(--lime); }
.guide-figure { margin:2rem 0 2.3rem; border:1px solid var(--line); border-radius:.65rem; overflow:hidden; background:#0c1914; }
.guide-figure-scroll { overflow-x:auto; }
.guide-figure img { display:block; width:100%; height:auto; aspect-ratio:1200/620; object-fit:contain; }
.guide-figure figcaption { padding:.85rem 1.1rem 1rem; border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; line-height:1.5; }
.guide-figure figcaption span { display:block; color:#94a69a; font-size:.75rem; }
.guide-closing { margin:2rem 0 0; padding:1.35rem 1.55rem; border-left:3px solid var(--lime); background:rgba(200,243,106,.045); color:var(--text) !important; }
@media (max-width:700px) { .guide-figure img { width:680px; max-width:none; } }
.guide-aside { position:sticky; top:7rem; }.guide-aside nav,.guide-aside-cta { display:flex; flex-direction:column; gap:.8rem; padding:1.5rem; border:1px solid var(--line); border-radius:.45rem; background:var(--panel); }
.guide-aside nav strong,.guide-aside-cta span { margin-bottom:.25rem; color:var(--lime); font:700 .72rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.06em; text-transform:uppercase; }
.guide-aside nav a { color:var(--muted); font-size:.85rem; line-height:1.35; text-decoration:none; }.guide-aside nav a:hover { color:var(--lime); }
.guide-aside-cta { margin-top:1rem; }.guide-aside-cta p { margin:0; color:var(--muted); font-size:.9rem; }.guide-aside-cta a { color:var(--lime); font-weight:750; font-size:.86rem; text-decoration:none; }
.guide-next { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }.guide-next>div { padding:2rem; border:1px solid var(--line); border-radius:.55rem; background:var(--panel); }.guide-next h2 { font-size:clamp(1.8rem,2.7vw,2.9rem); }.guide-next p:not(.eyebrow),.related-guide>p:not(.eyebrow) { max-width:570px; color:var(--muted); }.guide-next .button { margin-top:.8rem; }
.guide-home-link { margin:2rem 0 0; color:var(--muted); }.guide-home-link a { color:var(--lime); font-weight:750; }
.related-guide { padding-top:5rem; padding-bottom:5rem; }.related-guide h2 { max-width:750px; }.related-guide .button { margin-top:1rem; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; }.js .timeline-progress { transform:scaleY(1); } }
@media (max-width: 940px) {
  .guide-layout { grid-template-columns:minmax(0,1fr); gap:2rem; }.guide-aside { position:static; display:grid; grid-template-columns:1fr 1fr; gap:1rem; }.guide-aside-cta { margin:0; }.guides-note { gap:2rem; }.guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.guide-controls { grid-template-columns:1fr; }
  .home-hero,.landing-hero,.proof-section,.tension,.specialist,.contact,.ai-connect,.ai-example,.about-home,.about-hero,.package-grid { grid-template-columns:1fr; gap:3rem; }.ai-flow-grid { grid-template-columns:1fr; }.ai-flow-grid h3 { margin-top:1.8rem; }
  .home-hero,.landing-hero { padding-top:4rem; }.hero-device { min-height:570px; }.route-grid { grid-template-columns:1fr 1fr; }.diagnostic-grid { grid-template-columns:1fr; }.offer-grid { grid-template-columns:1fr; }.offer-grid p { min-height:0; }.story { display:flex; flex-direction:column; gap:1rem; }.story-copy { order:1; }.story-steps { margin-top:2rem; }.sticky-device { order:0; position:sticky; top:5rem; z-index:4; display:flex; justify-content:center; align-items:center; gap:1rem; width:100%; height:320px; overflow:hidden; border:1px solid var(--line); border-radius:.55rem; background:rgba(7,16,14,.97); backdrop-filter:blur(16px); }.sticky-device .device { flex:none; transform:scale(.55); transform-origin:center; margin:-118px -58px; }.device-caption { display:block; width:140px; margin:0; }.device-caption strong { display:block; margin-top:.45rem; font-size:1.1rem; line-height:1.2; }.story-step { min-height:auto; }.mini-offer { grid-template-columns:1fr; }.site-nav { display:none; position:absolute; top:4.7rem; right:1rem; left:1rem; flex-direction:column; align-items:stretch; padding:1rem; border:1px solid var(--line); border-radius:.5rem; background:var(--panel); }.site-nav.open { display:flex; }.menu-button { display:block; }
  html:not(.js) .site-header { flex-wrap:wrap; }
  html:not(.js) .site-nav { display:flex; position:static; flex-basis:100%; margin-top:1rem; }
  html:not(.js) .menu-button { display:none; }
}
@media (max-width: 620px) {
  .guide-grid,.guide-next,.guides-note,.guide-decision,.guide-aside { grid-template-columns:1fr; }.guide-card { padding:1.25rem; }.guide-controls { padding:1rem; }.guide-list-heading { display:block; }.guide-hero,.guides-hero { padding-top:2rem; }.guide-hero::after,.guides-hero::after { top:7rem; width:230px; }.guide-hero h1,.guides-hero h1 { font-size:clamp(2.7rem,12vw,4rem); }.guide-layout { padding-top:2rem; }.guide-answer { padding:1.4rem; }.guide-answer p:last-child { font-size:1.1rem; }.guide-section { padding:2.5rem 0; }.guide-steps li { padding-left:3.6rem; }.guide-steps li::before { left:.9rem; }.guide-next>div { padding:1.4rem; }
  .measurement-choice { flex-direction:column; align-items:stretch; gap:1rem; }.measurement-choice .measurement-actions { justify-content:stretch; }.measurement-choice button { flex:1; }
  .section { padding:5rem 1.1rem; }h1 { font-size:2.75rem; }.landing-hero h1 { font-size:2.65rem; }.hero-actions { flex-direction:column; }.route-grid,.field-row { grid-template-columns:1fr; }.route-card { min-height:285px; }.hero-device { min-height:500px; }.device { width:225px; height:460px; }.device-content { padding-top:1.5rem; }.floating-note { width:140px; }.note-a { left:-5px; }.note-b { right:-5px; }.screen-chart { height:64px; }.sticky-device { height:300px; }.sticky-device .device { transform:scale(.6); margin:-92px -45px; }.device-caption { width:125px; }.contact-form { padding:1.25rem; }.site-footer { grid-template-columns:1fr; }.site-footer p { text-align:left; }.site-footer>div { justify-content:flex-start; flex-wrap:wrap; }.identity-card { min-height:300px; }.career-timeline { padding-left:2.4rem; }.career-timeline::before,.timeline-progress { left:.6rem; }.timeline-entry { grid-template-columns:1fr; gap:.5rem; min-height:0; padding:1.3rem 0 2rem; }.timeline-entry::before { left:-2.25rem; }.about-capabilities ul { grid-template-columns:1fr; }.service-card { min-height:0; padding:1.5rem; }.service-card dl>div { grid-template-columns:1fr; gap:.2rem; }.service-card-top { flex-wrap:wrap; }.about-signature { min-height:330px; }
}

/* Local homepage variants; existing offer and guide pages retain their layout. */
[data-home-variant] .home-career-origin { font-size: .95rem; }
[data-home-variant] .home-mobile-experience .career-timeline { margin-top: 2rem; }
[data-home-variant="short"] .section { padding-block: 4rem; }
[data-home-variant="short"] .home-hero { min-height: 650px; }
[data-home-variant="short"] .service-card { min-height: 0; }
[data-home-variant="short"] .route-card { min-height: 0; padding: 1.4rem; }
[data-home-variant="short"] .route-card h3 { margin-bottom: 1rem; }
.home-package-details { margin-bottom: 1.2rem; }
.home-package-details summary { min-height: 44px; display: list-item; align-content: center; cursor: pointer; color: var(--lime); font-size: .9rem; }
.home-package-details summary:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; }
[data-home-look="mobile"] { font-family: ui-sans-serif, system-ui, sans-serif; }
[data-home-look="mobile"]::before { background: none; }
[data-home-look="mobile"] h1, [data-home-look="mobile"] h2 { letter-spacing: -.035em; text-wrap: balance; }
[data-home-look="mobile"] .home-hero { gap: 3rem; }
[data-home-look="mobile"] .hero-device { min-height: 0; gap: 1rem; }
.home-device-stage { perspective: 1100px; padding: 1.3rem; border-radius: 3rem; background: #14231c; }
[data-home-look="mobile"] .device { transform: rotate(-4deg); box-shadow: 0 24px 42px #0006; }
[data-home-look="mobile"] .device-screen { background: #101d17; }
[data-home-look="mobile"] .screen-kicker { display: none; }
[data-home-look="mobile"] .screen-row { padding-block: 1.1rem; gap: .6rem; }
[data-home-look="mobile"] .screen-row b { text-align: right; }
.home-demo-controls { display: flex; gap: .3rem; max-width: 100%; padding: .3rem; border: 1px solid var(--line); border-radius: 2rem; }
.home-demo-controls button { min-height: 44px; padding: .6rem 1rem; border: 0; border-radius: 2rem; background: transparent; color: var(--text); font: inherit; font-size: .85rem; cursor: pointer; touch-action: manipulation; }
.home-demo-controls button[aria-pressed="true"] { background: var(--lime); color: var(--bg); }
.home-demo-controls button:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }
.home-demo-caption { margin: 0; color: var(--muted); font-size: .8rem; }
[data-home-look="mobile"] .button:active { scale: .98; }
[data-home-look="mobile"] .home-mobile-experience .identity-card { min-height: 230px; background: var(--panel); }
[data-home-look="mobile"] .home-mobile-experience .identity-monogram { font-size: 5rem; }
@media (max-width: 760px) {
  [data-home-variant="short"] .section { padding-block: 3rem; }
  [data-home-look="mobile"] .home-hero { gap: 2rem; }
  [data-home-look="mobile"] .device { width: 235px; height: 475px; }
  [data-home-look="mobile"] .home-device-stage { padding: .8rem; }
  [data-home-look="mobile"] input, [data-home-look="mobile"] select, [data-home-look="mobile"] textarea { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  [data-home-look="mobile"] .device { transform: none !important; }
  [data-home-look="mobile"] .button:active { scale: 1; }
}

/* Combined homepage: service explanations become native-scroll device slides. */
[data-home-variant="combined"] .home-hero { grid-template-columns: minmax(0, 1fr) minmax(0, .85fr); gap: 3rem; }
[data-home-variant="combined"] .home-hero h1 { font-size: clamp(2.8rem, 4.8vw, 4.8rem); }
[data-home-variant="combined"] .section { padding-block: 4rem; }
[data-home-variant="combined"] .service-card { min-height: 0; }
.home-carousel { min-width: 0; max-width: 100%; }
.home-carousel-track { position: relative; display: flex; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--lime) var(--panel); }
.home-carousel-track:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; }
.home-carousel-slide { flex: 0 0 100%; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: .9rem; padding: .6rem .8rem 1rem; scroll-snap-align: start; scroll-snap-stop: always; }
.home-carousel .device { width: min(100%, 300px); height: 550px; transform: none; box-shadow: 0 14px 24px #0006; }
.home-carousel .device-screen { display: flex; flex-direction: column; }
.home-carousel .device-status { flex: none; }
.home-carousel .device-appbar { flex: none; justify-content: center; padding: .6rem 1rem; font: inherit; font-size: .72rem; }
.home-carousel-content { flex: 1; min-height: 0; overflow: hidden; padding: 0; }
.home-demo-check { border-top: 1px solid var(--line); }
.home-demo-check summary { min-height: 44px; padding: .75rem 0; color: var(--text); font-size: .88rem; cursor: pointer; }
.home-demo-check p { color: var(--muted); font-size: .88rem; }
.home-demo-check summary:focus-visible, .home-carousel-link:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
.home-carousel-link { display: inline-block; min-height: 44px; align-content: center; margin-top: .8rem; color: var(--lime); font-weight: 700; font-size: .9rem; }
.home-carousel .home-android { border-radius: 1.8rem; }
.home-carousel .home-android .device-screen { border-radius: 1.25rem; }
.home-carousel .home-android .device-speaker { top: .8rem; width: 10px; height: 10px; border-radius: 50%; }
.home-carousel-nav { display: flex; align-items: center; justify-content: center; gap: 1.25rem; margin: .3rem 0 .8rem; }
.home-carousel-nav[hidden] { display: none; }
.home-carousel-nav button { min-width: 44px; min-height: 44px; border: 1px solid var(--line); border-radius: 50%; background: var(--panel); color: var(--text); font: inherit; cursor: pointer; }
.home-carousel-nav button:disabled { opacity: .4; cursor: default; }
.home-carousel-nav button:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
.home-carousel-nav span { font-variant-numeric: tabular-nums; color: var(--muted); font-size: .85rem; }
.home-carousel .home-demo-caption { text-align: center; }
.home-scale-proof strong { font-family: inherit; font-size: inherit; font-weight: 600; color: inherit; letter-spacing: inherit; }
.home-scale-proof { max-width: 60ch; }
.home-ai-contact { grid-column: 1 / -1; margin-top: .5rem; color: var(--muted); font-size: .85rem; }
.home-ai-contact summary { width: fit-content; min-height: 44px; align-content: center; cursor: pointer; }
.home-ai-contact p { max-width: 60ch; }
.home-ai-contact a { color: var(--lime); }
.home-ai-contact summary:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
.home-chat-launch { position: fixed; right: 1rem; bottom: 1rem; z-index: 25; max-width: 210px; padding: .65rem .9rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--panel); }
.home-chat-launch button { min-height: 44px; border: 0; background: transparent; color: var(--lime); font: inherit; font-weight: 700; cursor: pointer; }
.home-chat-launch button:focus-visible { outline: 2px solid var(--lime); outline-offset: 2px; }
.home-chat-launch p { margin: .25rem 0 0; font-size: .7rem; color: var(--muted); }
.home-chat-launch a { color: var(--text); }
.home-chat-launch [data-chat-status]:empty { display: none; }
.home-chat-launch button[aria-busy="true"], .chat-invite button[aria-busy="true"] { opacity: .75; cursor: wait; }
.home-chat-preview button { cursor: default; }
@media (max-width: 900px) {
  [data-home-variant="combined"] .home-hero { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .home-carousel { width: min(100%, 410px); justify-self: center; }
}
@media (max-width: 600px) {
  [data-home-variant="combined"] .section { padding-block: 3rem; }
  .home-carousel .device { height: 540px; }
  .home-chat-launch { right: .6rem; bottom: .6rem; max-width: 160px; padding: .3rem .6rem; }
  .home-chat-launch > p:not([data-chat-status]) { display: none; }
  [data-home-variant="combined"] .site-footer { padding-bottom: 6rem; }
}
@media (prefers-reduced-motion: reduce) {
  .home-carousel-track { scroll-behavior: auto; }
}

.home-carousel-track.is-dragging { scroll-snap-type: none; user-select: none; cursor: grabbing; }
@media (hover: hover) and (pointer: fine) { .home-carousel-track { cursor: grab; } .home-carousel-track a, .home-carousel-track summary { cursor: pointer; } }

/* Less competing emphasis: the primary hero action retains the brand accent. */
[data-home-variant="combined"] { --bg: #0d1317; --panel: #151e24; --panel-2: #1a252d; --line: #34434d; --muted: #b0bdc6; }
[data-home-variant="combined"] .site-header { background: #0d1317ed; }
[data-home-variant="combined"] .brand-mark { border-color: var(--line); color: var(--text); }
[data-home-variant="combined"] .eyebrow, [data-home-variant="combined"] .trust-list li::before { color: var(--muted); }
[data-home-variant="combined"] .eyebrow span { background: var(--muted); }
[data-home-variant="combined"] .home-carousel-track { scrollbar-color: #657680 var(--panel); }
[data-home-variant="combined"] .home-carousel-link, [data-home-variant="combined"] .home-chat-launch button { color: var(--text); }

/* The site explains the service; the phone contains only its example app. */
.home-carousel-heading, .home-carousel-service { width: min(100%, 300px); }
.home-carousel-heading { text-align: center; }
.home-carousel-heading h2 { margin: 0 0 .25rem; font-size: 1.05rem; line-height: 1.3; letter-spacing: -.015em; }
.home-carousel-heading p { margin: 0; color: var(--muted); font-size: .78rem; }
.home-carousel-service { text-align: center; }
.home-demo-context { border-bottom: 1px solid var(--line); }
.home-demo-context summary { min-height: 44px; align-content: center; padding-block: .6rem; font-size: .8rem; cursor: pointer; }
.home-demo-context[open] { text-align: left; }
.home-demo-context summary:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }
.home-demo-context p, .home-demo-context li { color: var(--muted); font-size: .85rem; }
.home-demo-context ul { margin: .7rem 0 1rem; padding-left: 1rem; }
.home-demo-context li { margin-bottom: .8rem; }
.home-demo-context li strong { color: var(--text); }
.home-demo-context li p { margin: .2rem 0 0; }
.home-carousel-service .home-carousel-link { margin-top: .2rem; font-size: .82rem; }
.home-carousel .device { border-color: #59656f; background: #11161c; }
.home-carousel .device-screen { background: #f1f2f5; }
.home-carousel .device-status { padding: .85rem 1rem .65rem; color: #273540; font-size: .62rem; }
.home-carousel .device-speaker { background: #11161c; }
.home-native-home-indicator { flex: none; width: 33%; height: 4px; margin: .45rem auto .55rem; border-radius: 4px; background: #26343c; opacity: .6; }
/* Each screen is constrained by the phone; long CMS text scrolls inside it. */
.home-native { --app-ink: #263540; --app-muted: #5b6973; --app-line: #d5dce1; --app-accent: #3b5b76; --app-soft: #e2e9f0; position: relative; display: flex; flex-direction: column; height: 100%; min-height: 0; color: var(--app-ink); font-size: .83rem; line-height: 1.45; cursor: default; }
.home-native [hidden] { display: none !important; }
.home-native-topbar { display: flex; align-items: center; justify-content: space-between; gap: .4rem; flex: none; padding: .25rem .85rem; border-bottom: 1px solid #e0e4e8; }
.home-native-brand { display: flex; align-items: center; gap: .4rem; min-width: 0; font-size: .7rem; font-weight: 600; }
.home-native-icon { display: inline-grid; place-items: center; flex: none; width: 1.65rem; height: 1.65rem; padding: .35rem; border-radius: .45rem; background: var(--app-soft); color: var(--app-accent); }
.home-native svg { display: block; width: 100%; height: auto; }
.home-native-body { position: relative; flex: 1; min-height: 0; overflow: hidden; }
.home-native-panel { position: absolute; inset: 0; height: 100%; min-height: 0; padding: .85rem; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #aab7c1 transparent; }
.home-native-heading { margin: 0 0 .65rem; font-size: 1.35rem; line-height: 1.15; font-weight: 650; letter-spacing: -.03em; overflow-wrap: anywhere; }
.home-native-section-label { margin: .8rem 0 .4rem; font-size: .74rem; font-weight: 600; }
.home-native-button, .home-native-notification { min-height: 44px; border: 0; font: inherit; cursor: pointer; }
.home-native-button { color: var(--app-accent); background: transparent; }
.home-native-button:disabled, .home-native-notification:disabled { cursor: default; }
.home-native-button:focus-visible, .home-native-notification:focus-visible { outline: 2px solid var(--app-accent); outline-offset: 3px; }
.home-native-button:active:not(:disabled), .home-native-notification:active:not(:disabled) { filter: brightness(.95); }
.home-native-about { flex: none; padding: .25rem .4rem; font-size: .7rem; }
.home-native-back { display: flex; align-items: center; gap: .5rem; margin: -.5rem 0 .45rem; padding: .25rem 0; font-size: .76rem; }
.home-native-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.home-native-review-card { padding: .75rem .85rem; border-radius: .95rem; background: #dce5ec; }
.home-native-review-card > span { display: block; color: #4b6071; font-size: .68rem; }
.home-native-review-card > strong { display: block; max-width: 11rem; margin: .3rem 0 .45rem; font-size: 1.1rem; line-height: 1.2; font-weight: 600; letter-spacing: -.025em; }
.home-native-review-card svg { width: 100%; height: 22px; color: #708c9f; }
.home-native-review-card circle { fill: #dce5ec; stroke: currentColor; stroke-width: 2; }
.home-native-questions { display: grid; gap: .4rem; }
.home-native-question { display: flex; align-items: center; justify-content: space-between; gap: .6rem; width: 100%; padding: .65rem .7rem; border: 1px solid #dee4e8; border-radius: .65rem; background: #fff; color: var(--app-ink); text-align: left; font-size: .76rem; line-height: 1.4; }
.home-native-question > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.home-native-question > span:last-child { flex: none; color: #768e9e; font-size: 1.2rem; }
.home-native-answer { margin: .65rem 0 1rem; color: #425562; font-size: .85rem; line-height: 1.6; overflow-wrap: anywhere; }
.home-native-limit { margin: .8rem 0; color: var(--app-muted); font-size: .73rem; line-height: 1.5; }
.home-native-process { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem; margin: 1rem 0 .3rem; padding: .65rem 0 0; border-top: 1px solid var(--app-line); list-style: none; }
.home-native-process li { min-width: 0; padding: .35rem; }
.home-native-process span { display: grid; place-items: center; width: 1.5rem; height: 1.5rem; margin-bottom: .4rem; border-radius: 50%; background: var(--app-soft); color: var(--app-accent); font-size: .58rem; }
.home-native-process b { display: block; font-size: .64rem; line-height: 1.4; font-weight: 550; overflow-wrap: anywhere; }
.home-demo-build .device-screen, .home-demo-stores .device-screen { background: #f8f7f3; }
.home-demo-build .home-native, .home-demo-stores .home-native { --app-accent: #596887; --app-soft: #e8e9f0; }
.home-native-plan-art { display: grid; place-items: center; min-height: 96px; margin: .35rem 0; border-radius: 1.2rem; background: radial-gradient(ellipse at 50% 35%, #e9e4d9 0, #f4f0e7 48%, transparent 72%); }
.home-native-mini-plan { width: 85%; padding: .7rem .8rem; border: 1px solid #e3ded5; border-radius: .7rem; background: #ffffffe6; transform: rotate(-3deg); box-shadow: 0 7px 12px #78695410; }
.home-native-mini-plan > span { font-size: .6rem; color: #7d7568; }
.home-native-mini-plan > strong { display: block; margin: .15rem 0 .4rem; font-size: .9rem; line-height: 1.15; font-weight: 550; }
.home-native-mini-plan > div { display: flex; justify-content: space-between; gap: .5rem; padding-top: .35rem; border-top: 1px solid #e7e3dc; color: #6e716e; font-size: .59rem; }
.home-native-issue { display: flex; align-items: center; gap: .6rem; width: 100%; padding: .85rem .7rem; border: 1px solid #dfd3c8; border-radius: .8rem; background: #f1eae3; color: #514b44; text-align: left; }
.home-native-issue > span:nth-child(2) { flex: 1; min-width: 0; }
.home-native-issue strong { display: block; font-size: .78rem; line-height: 1.35; font-weight: 600; }
.home-native-issue small { display: block; margin-top: .3rem; color: #706353; font-size: .67rem; }
.home-native-offline-mark { flex: none; color: #836e55; font-size: 1.2rem; }
.home-native-trace { display: flex; justify-content: space-between; align-items: center; gap: .25rem; padding: 1.15rem .1rem; font-size: .67rem; color: #6b7781; }
.home-native-trace i { font-style: normal; color: #8a9da9; }
.home-native-notification { position: absolute; z-index: 1; top: .3rem; right: .55rem; left: .55rem; display: block; padding: .8rem .9rem; border: 1px solid #d1d9e2; border-radius: 1.2rem; background: #e9edf3f5; color: #263540; text-align: left; box-shadow: 0 8px 20px #2635401f; backdrop-filter: blur(10px); }
.home-native-notification-meta { display: flex; align-items: center; gap: .4rem; margin-bottom: .35rem; font-size: .65rem; }
.home-native-notification-meta .home-native-icon { width: 1.4rem; height: 1.4rem; padding: .25rem; background: #4d6980; color: #fff; }
.home-native-notification-meta small { margin-left: auto; color: #566b7a; font-size: .62rem; }
.home-native-notification > strong { display: block; font-size: .82rem; font-weight: 650; }
.home-native-notification > span:last-child { display: block; margin-top: .1rem; font-size: .72rem; }
.home-native-push-feed { padding-top: 7.2rem; }
.home-native-push-feed .home-native-question { min-height: 48px; }
.home-native-store { padding: .5rem .85rem .7rem; }
.home-native-store-nav { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; color: var(--app-accent); font-size: .78rem; }
.home-native-store-nav > span:first-child { font-size: 1.5rem; line-height: 1; }
.home-native-store-nav > span:last-child { font-size: 1.1rem; }
.home-native-store-product { display: flex; align-items: center; gap: .55rem; }
.home-native-store-icon { display: grid; place-items: center; flex: none; width: 3.3rem; height: 3.3rem; padding: .65rem; border: 1px solid #dad9df; border-radius: .8rem; background: linear-gradient(145deg, #e2e3ed, #a7b5ca); color: #354a66; }
.home-native-store-product > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .2rem .35rem; flex: 1; min-width: 0; }
.home-native-store-product .home-native-heading { grid-column: 1; margin: 0; font-size: .9rem; letter-spacing: -.02em; }
.home-native-store-product p { grid-column: 1; margin: 0; color: var(--app-muted); font-size: .61rem; line-height: 1.35; }
.home-native-store-open { grid-column: 2; grid-row: 1 / 3; align-self: center; min-height: 44px; padding: .1rem .5rem; border-radius: 1.5rem; background: #e9eaf0; font-size: .57rem; font-weight: 700; letter-spacing: .01em; }
.home-native-store-meta { display: grid; grid-template-columns: 1fr 1fr; padding: .5rem 0; margin: .6rem 0 0; border-block: 1px solid #e1e1e3; text-align: center; }
.home-native-store-meta > div + div { border-left: 1px solid #e1e1e3; }
.home-native-store-meta dt { color: var(--app-muted); font-size: .57rem; }
.home-native-store-meta dd { margin: .1rem 0 0; font-size: .67rem; font-weight: 600; }
.home-native-store .home-native-section-label { margin: .55rem 0 .4rem; font-size: .78rem; }
.home-native-store-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; }
.home-native-store-shot { display: flex; flex-direction: column; overflow: hidden; min-width: 0; height: 144px; padding: .65rem .5rem 0; border: 1px solid #dfdcd4; border-radius: .65rem; background: #eae4d8; color: var(--app-ink); text-align: left; }
.home-native-store-shot > strong { display: block; margin: 0 0 .5rem; min-height: 1.8rem; font-size: .74rem; line-height: 1.15; letter-spacing: -.02em; font-weight: 600; }
.home-native-shot-ui { display: block; width: 100%; min-height: 100px; padding: .55rem .4rem; border: 2px solid #fdfdfb; border-radius: .55rem .55rem 0 0; background: #faf9f6; box-shadow: 0 2px 10px #7369581c; }
.home-native-shot-ui > span:first-child { display: block; font-size: .4rem; color: #5a6772; }
.home-native-shot-ui > b { display: block; margin: .35rem 0 .55rem; font-size: .6rem; line-height: 1.2; font-weight: 600; }
.home-native-shot-check { display: flex; align-items: center; gap: .2rem; margin-top: .35rem; font-size: .43rem; }
.home-native-shot-check i { font-style: normal; color: #6c7f91; }
.home-native-store-shot-review { background: #d9dfe9; border-color: #cdd6e2; }
.home-native-store-update { display: flex; align-items: center; justify-content: space-between; gap: .3rem; width: 100%; margin-top: .4rem; padding: .45rem 0 0; border-top: 1px solid #e1e1e3; text-align: left; }
.home-native-store-update strong { display: block; font-size: .74rem; font-weight: 650; }
.home-native-store-update small { display: block; margin-top: .15rem; font-size: .64rem; color: var(--app-muted); }
.home-demo-partner .device-screen { background: #e9eef0; }
.home-native-topic-header { max-height: 165px; overflow-y: auto; flex: none; padding: .7rem .85rem 0; }
.home-native-topic-header > p { margin: 0 0 .3rem; color: #536673; font-size: .76rem; font-weight: 600; }
.home-native-week { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem; margin: .45rem 0 .5rem; }
.home-native-week button { flex: 1; min-width: 0; display: grid; justify-items: center; gap: .1rem; min-height: 56px; padding: .4rem .2rem; border: 1px solid #d0d9df; border-radius: .65rem; color: #536673; font-size: .61rem; overflow-wrap: anywhere; }
.home-native-week button b { font-size: .83rem; font-weight: 600; }
.home-native-week button[aria-pressed="true"] { border-color: #567080; background: #567080; color: #fff; }
.home-demo-partner .home-native-detail .home-native-heading { font-size: 1.15rem; }
@media (max-width: 360px) {
  .home-carousel-slide { padding-inline: .3rem; }
  .home-native-panel, .home-native-topic-header { padding-inline: .7rem; }
  .home-native-brand { font-size: .65rem; }
  .home-native-store-product { gap: .45rem; }
  .home-native-store-icon { width: 2.9rem; height: 2.9rem; padding: .55rem; }
}
@media (prefers-reduced-motion: reduce) {
  .home-native-mini-plan { transform: none; }
}