:root { color-scheme:dark;--bg:#08090a;--panel:#111315;--white:#f4f3ef;--muted:#a2a4a4;--faint:#818584;--line:#282b2c;--accent:#e7d8ba;--cream:#eee9df;--ink:#232724;--ease:cubic-bezier(.22,1,.36,1);font-family:Inter,"Inter Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility }
* { box-sizing:border-box }
html { scroll-behavior:smooth;scroll-padding-top:100px }
body { margin:0;background:var(--bg);color:var(--white) }
button,input,textarea { font:inherit }
button,a,input,summary { -webkit-tap-highlight-color:transparent }
button,a { touch-action:manipulation }
button { cursor:pointer }
a { color:inherit;text-decoration:none }
button:disabled { cursor:default }
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible { outline:2px solid var(--accent);outline-offset:6px }
button { color:inherit }
::selection { background:var(--accent);color:var(--ink) }
h1,h2,h3,p,figure { margin:0 }
h1,h2,h3 { font-weight:480 }
svg { flex-shrink:0 }
.icon { display:block;width:22px;height:22px }
.container { width:min(1240px,calc(100% - 112px));margin-inline:auto }
.eyebrow { font-size:11px;letter-spacing:.15em;text-transform:uppercase;line-height:1.6;font-weight:550;color:var(--muted) }
.section-number { display:inline-block;color:var(--accent);margin-right:13px }
.button { min-height:54px;padding:16px 22px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid transparent;border-radius:8px;line-height:1.3;font-size:14px;font-weight:570;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s }
.button .icon { width:19px;height:19px }
.button-primary { background:var(--accent);color:#242724;box-shadow:inset 0 1px 0 #fff3 }
.button-primary:hover { background:#f1e4ca;transform:translateY(-1px) }
.button-secondary { background:transparent;border-color:#454848;color:var(--white) }
.button-secondary:hover { border-color:#898d89;background:#ffffff05 }
.text-link { font-size:14px;display:inline-flex;align-items:center;gap:10px }
.text-link:hover { text-decoration:underline;text-underline-offset:5px }
.skip { position:fixed;top:10px;left:16px;z-index:60;padding:12px 18px;background:var(--cream);color:var(--ink);transform:translateY(-160%) }
.skip:focus { transform:none }
.site-header { height:92px;position:relative;z-index:20 }
.nav-inner { height:100%;display:flex;align-items:center;gap:35px;border-bottom:1px solid #ffffff0a }
.brand { display:inline-flex;align-items:center;gap:17px;flex-shrink:0 }
.wordmark { font-size:25px;letter-spacing:.27em;line-height:1;font-weight:460 }
.brand-credit { border-left:1px solid #494b48;padding-left:17px;color:#a3a5a0;font-size:11px;line-height:1.45 }
.brand-credit b { font-weight:550;letter-spacing:.02em;color:#d4d5d0 }
.site-nav { display:flex;align-items:center;gap:29px;margin-left:auto;font-size:12px;color:#aeb1ae }
.site-nav>a:hover { color:var(--white) }
.header-cta { min-height:42px;font-size:12px;padding:11px 17px;gap:14px }
.language-link { font-size:11px;letter-spacing:.02em;border-left:1px solid var(--line);padding-left:23px;color:var(--muted) }
.nav-toggle { display:none;border:1px solid var(--line);border-radius:6px;background:transparent;width:44px;height:44px;align-items:center;justify-content:center }
.hero { position:relative;padding:32px 0 30px;isolation:isolate }
.hero::before { content:"";position:absolute;inset:-90px 0 0 35%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 47%,#c0b1880b 0,transparent 62%) }
.hero-grid { display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:52px;align-items:center }
.hero-copy { padding-bottom:35px }
.hero .eyebrow { margin-bottom:29px;letter-spacing:.125em;font-size:11px }
.hero h1 { font-size:clamp(56px,5.35vw,79px);line-height:1.055;letter-spacing:-.055em;font-weight:470 }
.hero h1>span { display:block }
.headline-accent { color:var(--accent) }
.hero .lead { max-width:500px;margin-top:28px;font-size:17px;line-height:1.7;color:#b9bcb9;letter-spacing:-.015em }
.lead strong { font-weight:520;color:#e4e5df }
.hero-actions { display:flex;align-items:center;gap:13px;margin-top:31px }
.hero-note { display:flex;align-items:center;gap:8px;color:#929894;font-size:11px;margin-top:19px }
.hero-note .icon { width:14px;height:14px;color:#bcbca8 }
.hero-bottom { margin-top:8px;padding:25px 0 25px;border-top:1px solid #ffffff10;display:flex;justify-content:space-between;align-items:center;color:#858a87;font-size:11px;letter-spacing:.01em }
.hero-bottom strong { font-weight:450;color:#c6cbc5 }
.scroll-cue { display:flex;align-items:center;gap:10px }
.scroll-cue .icon { width:14px;height:14px;transform:rotate(90deg) }
.product-stage { position:relative;height:748px;width:470px;max-width:100%;isolation:isolate }
.device-shadow { position:absolute;bottom:37px;left:50%;transform:translateX(-50%);width:min(80%,342px);height:26px;border-radius:50%;background:#000;filter:blur(13px);opacity:.8;z-index:-1 }
.phone { position:absolute;top:0;left:83px;width:330px;height:690px;padding:5px;border:1px solid #636664;border-radius:47px;background:linear-gradient(125deg,#757672,#272b2b 23%,#171b1b 66%,#4b4f4b);box-shadow:inset 0 0 0 1px #d7d3c329,0 35px 70px -22px #000c,0 0 0 1px #0b0c0c }
.phone::before,.phone::after { content:"";position:absolute;width:3px;border-radius:3px;background:linear-gradient(90deg,#252a29,#777b76);z-index:-1 }
.phone::before { left:-4px;top:119px;height:56px }
.phone::after { right:-4px;top:163px;height:63px }
.phone-screen { height:100%;border-radius:41px;position:relative;border:1px solid #ffffff08;background:linear-gradient(165deg,#171a1b 0,#0f1113 26%,#0a0c0e 65%,#101313);overflow:hidden }
.status-bar { position:absolute;top:17px;left:24px;right:23px;display:flex;align-items:center;justify-content:space-between;color:#c1c5c3;font-size:10px;font-weight:550;letter-spacing:.02em }
.status-symbols { display:flex;align-items:center;gap:6px }
.cell-signal { display:flex;align-items:flex-end;gap:2px;height:9px }
.cell-signal i { width:2px;background:#c1c5c3;border-radius:1px }
.cell-signal i:nth-child(1) { height:3px }
.cell-signal i:nth-child(2) { height:5px }
.cell-signal i:nth-child(3) { height:7px }
.cell-signal i:nth-child(4) { height:9px }
.battery { width:17px;height:8px;border:1px solid #aab1ad;border-radius:2px;padding:1px }
.battery:after { display:block;content:"";background:#c1c5c3;width:11px;height:4px;border-radius:1px }
.notch { position:absolute;top:10px;left:50%;transform:translateX(-50%);width:83px;height:22px;border-radius:20px;background:#050708;box-shadow:inset 0 1px 1px #000 }
.notch:after { content:"";position:absolute;right:10px;top:8px;width:6px;height:6px;border-radius:50%;background:#16272e;box-shadow:inset 1px 1px 2px #040505 }
.phone-header { position:absolute;top:53px;left:20px;right:20px;padding-bottom:18px;border-bottom:1px solid #ffffff0b;display:flex;align-items:center;gap:10px }
.carl-ring { display:block;flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1.5px solid #e9dfcb;background:radial-gradient(ellipse at 20% 0,#bdb08a1a,transparent 70%);box-shadow:inset 1px 0 3px #fff6,-1px 1px 8px #ead4a618 }
.phone-name { font-size:17px;line-height:1.3;letter-spacing:-.03em;font-weight:510 }
.phone-subtitle { font-size:10px;color:#949b97;margin-top:2px }
.practice-chip { margin-left:auto;border:1px solid #ffffff0e;background:#ffffff05;border-radius:20px;padding:6px 8px;font-size:9px;white-space:nowrap;color:#bcc2bb }
.practice-chip:before { content:"";display:inline-block;background:#87a68b;border-radius:50%;width:4px;height:4px;margin-right:5px;vertical-align:middle }
.scenario-label { position:absolute;top:126px;left:20px;right:20px;color:#a8aea8;font-size:10px;letter-spacing:.08em;text-transform:uppercase;display:flex;gap:7px;align-items:center }
.scenario-label .icon { width:13px;height:13px }
.voice-state { position:absolute;top:155px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;color:#969f99;font-size:10px }
.voice-state .state-count { font-size:9px;color:#929b94;font-variant-numeric:tabular-nums }
.speech-wave { position:absolute;top:175px;left:20px;right:20px;height:29px;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden }
.speech-wave i { height:3px;width:2px;background:#bfb9a6;border-radius:2px;opacity:.65;transform-origin:center }
.conversation { position:absolute;top:210px;left:20px;right:20px }
.speaker-label { font-size:9px;line-height:1.4;letter-spacing:.065em;color:#a4aaa5;margin-bottom:8px;text-transform:uppercase }
.customer-message { border:1px solid #ffffff0b;background:linear-gradient(125deg,#232828,#1c2122);padding:14px 14px 16px;border-radius:15px 15px 15px 4px;min-height:105px }
.customer-message p { font-size:18px;line-height:1.4;letter-spacing:-.025em;color:#f2f2ed }
.seller-message { margin-top:23px;padding:0 4px 0 15px;border-left:1px solid #5e6259 }
.seller-message p { font-size:17px;line-height:1.45;letter-spacing:-.025em;color:#d6d9d1 }
.phrase { display:inline }
.phone-baseline { position:absolute;bottom:59px;left:20px;right:20px;display:flex;align-items:center;justify-content:center;gap:8px;color:#8b938e;font-size:10px }
.phone-baseline .icon { width:15px;height:15px }
.home-line { position:absolute;bottom:11px;left:50%;transform:translateX(-50%);width:96px;height:3px;border-radius:4px;background:#d7dad3 }
.feedback-card { position:absolute;z-index:3;left:21px;top:458px;width:416px;padding:21px 24px 19px;border:1px solid #f8f3e0;border-radius:17px;background:linear-gradient(120deg,#f3eee3,#e9e2d5);color:#333a33;box-shadow:0 22px 40px -18px #000b,0 1px 2px #0003;will-change:opacity,transform }
.feedback-label { display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#727464;font-weight:600;margin-bottom:9px }
.feedback-label .icon { width:14px;height:14px;color:#7e7e66 }
.feedback-card h3 { font-size:25px;line-height:1.13;font-weight:520;letter-spacing:-.04em;color:#232923;margin-bottom:8px }
.feedback-observation { font-size:14px;line-height:1.5;max-width:325px;color:#62665b }
.feedback-next { border-top:1px solid #5e5c491d;margin-top:13px;padding-top:10px;display:flex;align-items:flex-start;gap:10px }
.feedback-next>.icon { width:16px;height:16px;margin-top:2px;color:#85836e }
.feedback-next strong { display:block;font-weight:590;font-size:11px;margin-bottom:4px;color:#3e453c }
.feedback-next p { font-size:12px;line-height:1.5;color:#63685e }
.demo-controls { position:absolute;top:703px;left:83px;right:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.035em;color:#969d96 }
.motion-toggle { display:inline-flex;align-items:center;justify-content:center;gap:8px;width:40px;height:40px;border:1px solid #3a403b;background:#101411;border-radius:50%;color:#b6beb4;transition:background .2s }
.motion-toggle:hover { background:#252b24 }
.motion-toggle .icon { width:15px;height:15px }
.motion-toggle .state-icon { display:none }
.motion-toggle[data-control-state="playing"] .icon-pause,.motion-toggle[data-control-state="paused"] .icon-play,.motion-toggle[data-control-state="finished"] .icon-replay { display:block }
.stage-static .motion-toggle { display:none }
.demo-progress { height:1px;background:#373d36;flex:1;max-width:42px;overflow:hidden }
.demo-progress span { display:block;width:100%;height:100%;background:#c1b69c;transform:scaleX(0);transform-origin:left }
.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 }
.section { padding:111px 0 }
.section-head { max-width:720px }
.section-head .eyebrow { margin-bottom:21px }
.section-head h2 { font-size:clamp(37px,3.65vw,53px);letter-spacing:-.046em;line-height:1.12;font-weight:470;text-wrap:balance }
.section-head .intro { margin-top:22px;color:var(--muted);font-size:17px;line-height:1.75;max-width:615px;letter-spacing:-.012em }
.benefits { padding-top:85px }
.benefit-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:56px }
.benefit { border-top:1px solid var(--line);padding-top:27px }
.benefit-icon { width:40px;height:40px;display:flex;align-items:center;color:var(--accent);margin-bottom:28px }
.benefit-icon .icon { width:28px;height:28px;stroke-width:1.15 }
.benefit h3 { font-size:22px;line-height:1.3;letter-spacing:-.03em;margin-bottom:13px;font-weight:500 }
.benefit p { font-size:14px;line-height:1.85;color:#a1a7a1;max-width:335px }
.audio-section { border-top:1px solid var(--line) }
.split-heading { display:flex;gap:65px;align-items:flex-end;justify-content:space-between }
.split-heading .section-head { max-width:650px }
.section-aside { max-width:300px;font-size:14px;color:var(--muted);line-height:1.8;padding-bottom:4px }
.audio-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:46px }
.audio-card { position:relative;padding:29px 30px 25px;background:#111416;border:1px solid #2a302c;border-radius:12px;display:flex;flex-direction:column;min-width:0;transition:border-color .2s,background .2s }
.audio-card:hover { border-color:#4a5147 }
.audio-card[data-playing="true"] { border-color:#a79e82;background:#161a19 }
.audio-meta { display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#aaa995 }
.audio-quote { font-size:23px;line-height:1.4;letter-spacing:-.025em;max-width:485px;flex:1;color:#e5e7df;font-weight:440 }
.audio-card-footer { display:flex;align-items:center;gap:12px;margin-top:28px }
.audio-play { display:flex;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid #555d4f;border-radius:50%;background:transparent;color:var(--accent);flex-shrink:0 }
.audio-play:hover { background:#ffffff08;border-color:#c7bda0 }
.audio-play .icon { width:17px;height:17px }
.audio-play .icon-pause { display:none }
.audio-card[data-playing="true"] .audio-play .icon-play { display:none }
.audio-card[data-playing="true"] .audio-play .icon-pause { display:block }
.audio-play-label { font-size:12px;color:#c7cdc3 }
.audio-location { font-size:10px;color:#949e94;margin-top:4px }
.audio-time { margin-left:auto;color:#aab1a5;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap }
.audio-seek { width:100%;height:16px;margin:15px 0 0;accent-color:#c5b999;cursor:pointer;appearance:none;background:transparent;display:block }
.audio-seek::-webkit-slider-runnable-track { height:2px;border-radius:2px;background:linear-gradient(to right,#c5b999 var(--progress,0%),#343c34 var(--progress,0%)) }
.audio-seek::-moz-range-track { height:2px;background:#343c34 }
.audio-seek::-moz-range-progress { background:#c5b999;height:2px }
.audio-seek::-webkit-slider-thumb { appearance:none;width:8px;height:8px;border-radius:50%;margin-top:-3px;background:#cec4ab;opacity:0;transition:opacity .15s }
.audio-seek:hover::-webkit-slider-thumb,.audio-seek:focus::-webkit-slider-thumb { opacity:1 }
.audio-seek:disabled { cursor:default;opacity:.6 }
.audio-error { font-size:12px;line-height:1.6;color:#ebc5aa;margin-top:12px }
.audio-error a { text-decoration:underline;text-underline-offset:3px }
.audio-source-note { font-size:11px;line-height:1.7;color:#949d93;margin-top:20px }
.process-section { padding:16px 0 72px }
.process-panel { color:var(--ink);background:var(--cream);border-radius:20px;padding:68px 64px 36px;display:grid;grid-template-columns:1fr 1fr;column-gap:86px }
.process-panel .eyebrow { color:#686f61 }
.process-panel .section-number { color:#757159 }
.process-panel .section-head h2 { font-size:49px }
.process-panel .intro { color:#6d7467;font-size:15px }
.process-steps { list-style:none;margin:0;padding:0 }
.process-step { display:grid;grid-template-columns:24px 1fr;gap:17px;padding:22px 0;border-bottom:1px solid #353c2626 }
.process-step:first-child { padding-top:0 }
.process-step:last-child { border:0 }
.step-number { font-size:11px;font-variant-numeric:tabular-nums;color:#878d79;padding-top:5px }
.process-step h3 { font-size:21px;line-height:1.3;letter-spacing:-.028em;color:#2a3128;font-weight:550;margin-bottom:8px }
.process-step p { font-size:13px;line-height:1.8;color:#68705f }
.process-bottom { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:35px;padding-top:28px;border-top:1px solid #353c2633 }
.process-bottom h3 { font-size:18px;letter-spacing:-.025em;margin-bottom:7px }
.process-bottom p { font-size:12px;line-height:1.8;color:#747968 }
.device-icons { display:flex;gap:12px;color:#667059;align-items:center;flex-shrink:0 }
.device-icons .icon { width:31px;height:31px;stroke-width:1.1 }
.device-icons span { width:1px;height:25px;background:#354a3330;margin:0 4px }
.custom-section { padding-top:68px }
.custom-grid { display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start }
.custom-detail { padding-top:5px }
.custom-note { font-size:13px;line-height:1.8;color:#a4aca1;margin-top:24px;max-width:400px }
.scenario-list { list-style:none;padding:0;margin:0;border-top:1px solid var(--line) }
.scenario-list li { padding:19px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);color:#d5dccf;font-size:18px;letter-spacing:-.025em }
.scenario-list .icon { width:15px;height:15px;color:#9ea78f }
.partner-section { padding-top:10px }
.partner-panel { padding:57px 56px;border:1px solid #41493c;border-radius:17px;background:linear-gradient(135deg,#171c1733,#0b0e0b 65%);display:grid;grid-template-columns:1fr .85fr;gap:90px }
.partner-panel .section-head h2 { font-size:43px }
.partner-panel .intro { font-size:15px }
.partner-offer { border-left:1px solid #353d2e;padding-left:40px;align-self:center }
.offer-label { font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:17px }
.partner-offer h3 { font-size:24px;line-height:1.3;letter-spacing:-.035em;margin-bottom:16px }
.partner-offer p { font-size:13px;line-height:1.8;color:#a7b09f }
.partner-offer .terms { color:#d0d7c9;font-size:12px;margin-top:18px;line-height:1.75 }
.partner-offer .button { margin-top:25px;white-space:normal;text-align:left;gap:13px }
.partner-limit { font-size:10px!important;margin-top:13px;color:#98a58d!important }
.faq-section { padding-top:10px;border-bottom:1px solid var(--line) }
.faq-grid { display:grid;grid-template-columns:.8fr 1.2fr;gap:100px }
.faq-list { border-top:1px solid var(--line) }
.faq-list details { border-bottom:1px solid var(--line) }
.faq-list summary { font-size:15px;line-height:1.5;list-style:none;cursor:pointer;padding:23px 35px 23px 0;position:relative;color:#d9dfd3 }
.faq-list summary::-webkit-details-marker { display:none }
.faq-list summary:after { content:"+";position:absolute;right:1px;top:22px;font-size:21px;color:#a8b39b;font-weight:350 }
.faq-list details[open] summary:after { content:"−" }
.faq-list details p { padding:0 40px 23px 0;font-size:13px;line-height:1.85;color:#a0ad94 }
.closing-section { text-align:center;padding:110px 0 105px;background:radial-gradient(ellipse at 50% 95%,#97a17908,transparent 65%) }
.closing-section .eyebrow { margin-bottom:24px }
.closing-section h2 { font-size:clamp(36px,4.35vw,62px);line-height:1.13;letter-spacing:-.047em;max-width:820px;margin:auto;text-wrap:balance }
.closing-section h2 span { color:var(--accent) }
.closing-section p:not(.eyebrow) { font-size:15px;line-height:1.8;color:var(--muted);max-width:520px;margin:25px auto 29px }
.site-footer { padding:43px 0 27px;border-top:1px solid var(--line) }
.footer-top { display:flex;justify-content:space-between;gap:40px;align-items:flex-start }
.footer-brand .wordmark { font-size:26px }
.footer-brand p { color:#929e89;font-size:11px;line-height:1.9;margin-top:16px }
.footer-contact { color:#a4af9c;font-size:12px;line-height:1.9 }
.footer-contact a { color:#d3dbc9 }
.footer-links { display:flex;gap:23px;font-size:11px;line-height:1.9;color:#a4af9c;flex-wrap:wrap;justify-content:flex-end }
.footer-links a:hover { text-decoration:underline;text-underline-offset:3px }
.footer-bottom { display:flex;gap:40px;justify-content:space-between;align-items:flex-end;margin-top:34px;padding-top:23px;border-top:1px solid #ffffff0b;font-size:9px;color:#8e9a85;line-height:1.8 }
.funding { max-width:640px }
.footer-bottom>span { white-space:nowrap }
.noscript-note { font-size:12px;padding:15px;text-align:center;background:#1b2217;color:#c9d1bf }
@media (min-width:1600px) {
  .hero { padding-top:69px }
  .hero-grid { gap:80px }
  .hero .lead { max-width:530px }
  .hero h1 { font-size:81px }
}
@media (max-width:1199px) {
  .container { width:calc(100% - 72px) }
  .hero-grid { grid-template-columns:minmax(0,1fr) 425px;gap:20px }
  .hero h1 { font-size:64px }
  .product-stage { width:425px }
  .phone { left:65px }
  .feedback-card { left:1px;width:409px }
  .demo-controls { left:65px;right:30px }
  .site-nav { gap:22px }
  .nav-inner { gap:20px }
  .language-link { padding-left:17px }
  .hero .lead { font-size:16px }
  .process-panel { padding:55px 42px 32px;gap:55px }
  .process-panel .section-head h2 { font-size:43px }
  .custom-grid { gap:65px }
  .partner-panel { gap:48px;padding:45px }
  .partner-offer { padding-left:30px }
  .faq-grid { gap:65px }
  .benefit-grid { gap:30px }
  .hero-actions .button { font-size:12px;padding:15px 17px;gap:14px }
  .brand-credit { display:none }
}
@media (max-width:980px) {
  .container { width:calc(100% - 56px) }
  .hero-grid { grid-template-columns:minmax(0,1fr) 375px;gap:15px }
  .hero h1 { font-size:54px }
  .hero .eyebrow { font-size:9px }
  .product-stage { width:375px }
  .phone { left:28px }
  .feedback-card { left:0;width:367px;padding:23px 21px }
  .demo-controls { left:28px;right:17px }
  .hero .lead { font-size:15px;line-height:1.75 }
  .hero-actions { flex-wrap:wrap;gap:10px }
  .hero-actions .button { font-size:12px;min-height:46px }
  .site-nav { font-size:11px;gap:18px }
  .header-cta { font-size:11px;padding:11px 13px }
  .hero-note { font-size:10px }
  .hero-note .icon { flex-shrink:0 }
  .hero-bottom { font-size:10px }
  .process-panel { column-gap:36px }
  .process-panel .section-head h2 { font-size:38px }
  .section { padding:83px 0 }
  .process-section { padding:0 0 45px }
  .benefit h3 { font-size:19px }
  .audio-quote { font-size:21px }
  .audio-card { padding:24px }
  .partner-panel { gap:30px;padding:35px }
  .partner-panel .section-head h2 { font-size:35px }
  .partner-offer h3 { font-size:21px }
  .partner-offer { padding-left:25px }
  .faq-grid { gap:50px }
  .custom-grid { gap:55px }
  .footer-top { flex-wrap:wrap }
  .footer-links { margin-left:auto }
  .footer-bottom { gap:25px }
  .site-nav .nav-optional { display:none }
}
@media (max-width:760px) {
  html { scroll-padding-top:84px }
  .container { width:calc(100% - 40px) }
  .site-header { height:78px }
  .wordmark { font-size:23px }
  .brand-credit { display:block;font-size:10px }
  .nav-inner { gap:15px }
  .nav-toggle { display:flex;margin-left:auto }
  .language-link { display:none }
  .site-nav { position:absolute;top:68px;left:20px;right:20px;display:none;align-items:stretch;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:10px;background:#101410;box-shadow:0 20px 70px #000a;font-size:14px;gap:0 }
  .site-nav.is-open { display:flex }
  .site-nav>a { padding:15px 0 }
  .site-nav .nav-optional { display:block }
  .site-nav .button { margin-top:12px }
  .hero { padding:47px 0 0 }
  .hero-grid { grid-template-columns:minmax(0,1fr);gap:35px }
  .hero-copy { padding-bottom:0 }
  .hero .eyebrow { font-size:9px;margin-bottom:23px;letter-spacing:.1em }
  .hero h1 { font-size:clamp(48px,8.4vw,67px);line-height:1.055;letter-spacing:-.054em }
  .hero .lead { font-size:15px;line-height:1.75;max-width:490px;margin-top:23px }
  .hero-actions { margin-top:27px;gap:11px;flex-wrap:nowrap }
  .hero-actions .button { font-size:12px;min-height:50px;padding:14px 17px;gap:13px }
  .hero-note { font-size:10px;margin-top:16px }
  .product-stage { width:390px;justify-self:center;height:752px }
  .phone { left:0;right:0;margin-inline:auto;width:330px;height:704px }
  .feedback-card { left:calc(max(0px,(100% - 330px)/2) + 15px);right:calc(max(0px,(100% - 330px)/2) + 15px);width:auto;top:457px;padding:19px 19px 18px;border-radius:14px }
  .feedback-card h3 { font-size:23px }
  .feedback-observation { font-size:13px }
  .feedback-next { margin-top:12px;padding-top:10px;gap:7px }
  .feedback-next p { font-size:11.5px }
  .demo-controls { left:calc(max(0px,(100% - 330px)/2) + 3px);right:calc(max(0px,(100% - 330px)/2) + 3px);top:710px }
  .hero-bottom { margin-top:0;line-height:1.7;padding:22px 0;gap:20px;font-size:10px }
  .hero-bottom .scroll-cue { white-space:nowrap }
  .section { padding:70px 0 }
  .section-head h2 { font-size:39px }
  .section-head .eyebrow { margin-bottom:17px;font-size:10px }
  .section-head .intro { font-size:15px;line-height:1.8;margin-top:20px }
  .benefit-grid { grid-template-columns:1fr;gap:30px;margin-top:35px }
  .benefit { display:grid;grid-template-columns:34px 1fr;gap:0 17px;padding-top:25px }
  .benefit-icon { grid-row:1/3;margin:0;height:30px }
  .benefit-icon .icon { width:25px;height:25px }
  .benefit h3 { font-size:22px }
  .benefit p { font-size:14px;max-width:none }
  .split-heading { display:block }
  .section-aside { max-width:480px;font-size:14px;margin-top:22px }
  .audio-grid { grid-template-columns:1fr;margin-top:31px;gap:15px }
  .audio-card { padding:25px }
  .audio-quote { font-size:23px }
  .audio-meta { font-size:9px;margin-bottom:21px }
  .audio-card-footer { margin-top:24px }
  .audio-source-note { font-size:10px }
  .process-section { padding:0 0 30px }
  .process-panel { padding:38px 26px 28px;grid-template-columns:1fr;border-radius:15px;row-gap:35px }
  .process-panel .section-head h2 { font-size:38px }
  .process-panel .section-head .intro { font-size:14px }
  .process-bottom { margin-top:0;align-items:flex-start;padding-top:24px;gap:16px }
  .process-bottom h3 { font-size:18px;line-height:1.4 }
  .process-bottom p { font-size:12px }
  .device-icons { gap:6px;padding-top:4px }
  .device-icons .icon { width:24px;height:24px }
  .device-icons span { display:none }
  .custom-grid { grid-template-columns:1fr;gap:32px }
  .custom-note { max-width:none }
  .scenario-list li { font-size:19px;padding:18px 0 }
  .partner-section { padding-top:0 }
  .partner-panel { grid-template-columns:1fr;gap:30px;padding:31px 26px;border-radius:14px }
  .partner-panel .section-head h2 { font-size:35px }
  .partner-offer { border-left:0;border-top:1px solid #414937;padding:29px 0 0 }
  .partner-offer h3 { font-size:24px }
  .partner-offer p { font-size:13px }
  .partner-offer .button { font-size:13px }
  .faq-section { padding-top:0 }
  .faq-grid { grid-template-columns:1fr;gap:30px }
  .faq-list summary { font-size:15px;padding:22px 32px 22px 0 }
  .faq-list details p { font-size:13px;padding-right:25px }
  .closing-section { padding:76px 0 }
  .closing-section h2 { font-size:40px }
  .closing-section p:not(.eyebrow) { font-size:14px }
  .footer-top { gap:25px }
  .footer-contact { margin-left:auto;font-size:11px }
  .footer-links { flex-basis:100%;margin-left:0;justify-content:flex-start;font-size:10px;gap:18px }
  .footer-brand .wordmark { font-size:23px }
  .footer-brand p { font-size:10px }
  .footer-bottom { flex-direction:column;gap:18px;align-items:flex-start;font-size:9px }
}
@media (max-width:389px) {
  .container { width:calc(100% - 32px) }
  .hero h1 { font-size:clamp(42px,12.3vw,48px) }
  .hero .eyebrow { font-size:8.2px;letter-spacing:.075em }
  .hero .lead { font-size:14px }
  .hero-actions .button { padding:14px 12px;gap:9px;font-size:11px }
  .hero-actions { gap:8px }
  .hero-actions .icon { width:16px;height:16px }
  .product-stage { width:100%;height:800px }
  .phone { left:0;right:0;margin:auto;width:min(330px,100%);height:754px }
  .feedback-card { left:20px;right:20px;top:478px;padding:18px 17px }
  .conversation { left:17px;right:17px }
  .customer-message p { font-size:17px }
  .seller-message p { font-size:16px }
  .seller-message { margin-top:21px;padding-left:12px }
  .feedback-card h3 { font-size:22px }
  .feedback-observation { font-size:13px }
  .feedback-next p { font-size:12px }
  .feedback-next { gap:7px }
  .demo-controls { top:762px;left:12px;right:12px;font-size:8px }
  .hero-bottom { font-size:9px }
  .hero-bottom .scroll-cue { gap:4px }
  .section-head h2 { font-size:35px }
  .audio-card { padding:23px 21px }
  .audio-quote { font-size:21px }
  .process-panel { padding:33px 22px 25px }
  .process-panel .section-head h2 { font-size:34px }
  .partner-panel { padding:30px 23px }
  .partner-panel .section-head h2 { font-size:32px }
  .closing-section h2 { font-size:36px }
  .hero-note { font-size:9px }
  .brand-credit { font-size:9px }
  .phone-header { left:17px;right:17px }
  .phone-subtitle { font-size:9px }
  .practice-chip { font-size:8px;padding:6px }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto }
  *,*::before,*::after { animation:none!important;transition:none!important }
  .motion-toggle { display:none }
  .button-primary:hover { transform:none }
  .feedback-card { will-change:auto }
}
@media print {
  body { background:#fff;color:#111 }
  .site-header,.hero-actions,.hero-note,.hero-bottom,.audio-seek,.audio-play,.motion-toggle,.closing-section .button,.site-footer,.contact-dialog { display:none }
  .container { width:100% }
  .section { padding:30px 0;break-inside:avoid }
  .hero { padding-top:15px }
  .hero h1,.headline-accent { color:#111 }
  .hero-grid { grid-template-columns:1fr 350px }
  .hero-copy { padding-bottom:0 }
  .hero .lead { color:#333 }
  .section-head h2,.benefit h3,.audio-quote { color:#111 }
  .product-stage { width:350px }
  .phone { left:10px }
  .feedback-card { left:0;width:350px }
  .hero-grid { gap:15px }
  .section-head .intro,.benefit p,.section-aside,.audio-location { color:#555 }
  .audio-card { background:#f8f8f4 }
  .process-panel { background:#eee9df }
  .custom-note,.partner-offer p,.faq-list details p { color:#555 }
  .scenario-list li,.partner-offer .terms,.faq-list summary { color:#222 }
  .partner-panel { background:#f8f8f4 }
  .site-footer { color:#222 }
  .feedback-card { opacity:1!important;transform:none!important }
  .phrase { opacity:1!important }
}
.audio-card { padding: 0; overflow: hidden; border-radius: 16px; }
.audio-card-body { display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 27px 30px 24px; }
.audio-photo, .practice-photo { margin: 0; position: relative; background: #171b1c; isolation: isolate; }
.audio-photo { aspect-ratio: 1280 / 854; overflow: hidden; border-bottom: 1px solid var(--line); }
.audio-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.audio-meta { margin-bottom: 16px; }
.audio-card-footer { margin-top: 24px; }
.audio-card[data-playing="true"] .audio-photo { border-bottom-color: #a79e82; }
.photo-fallback { position: absolute; inset: 0; display: grid; align-content: center; gap: 10px; padding: 30px; text-align: center; font-size: 13px; line-height: 1.6; color: var(--muted); background: #171b1c; }
.photo-fallback[hidden] { display: none; }
.photo-fallback a { color: var(--accent); text-underline-offset: 4px; }
.is-photo-unavailable img { visibility: hidden; }
.process-panel { padding-bottom: 60px; }
.practice-life { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.95fr); align-items: center; gap: clamp(44px,7vw,112px); padding-block: 100px 34px; }
.practice-life-copy { padding-left: 36px; max-width: 535px; }
.practice-life-copy h3 { color: var(--white); font-size: clamp(34px,3.65vw,52px); line-height: 1.13; font-weight: 460; letter-spacing: -.045em; text-wrap: balance; }
.practice-life-copy p { max-width: 370px; margin-top: 25px; font-size: 16px; line-height: 1.85; color: var(--muted); }
.practice-life-copy .device-icons { justify-content: flex-start; margin-top: 33px; color: var(--accent); }
.practice-photo { width: min(100%,440px); justify-self: center; aspect-ratio: 3/4; overflow: hidden; border-radius: 18px; border: 1px solid #303437; }
.practice-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
@media (max-width: 980px) {
  .audio-card-body { padding: 23px 24px 21px; }
  .practice-life { gap: 45px; padding-block: 76px 12px; }
  .practice-life-copy { padding-left: 0; }
  .practice-life-copy p { font-size: 15px; }
}
@media (max-width: 760px) {
  .audio-grid { gap: 25px; }
  .audio-card-body { padding: 24px; }
  .audio-photo { aspect-ratio: 1280/854; }
  .audio-quote { font-size: 22px; }
  .process-panel { padding-bottom: 36px; }
  .practice-life { grid-template-columns: minmax(0,1fr); gap: 32px; padding-block: 62px 6px; }
  .practice-life-copy { max-width: 520px; }
  .practice-life-copy h3 { max-width: 460px; font-size: clamp(34px,6vw,43px); }
  .practice-life-copy p { margin-top: 18px; font-size: 15px; }
  .practice-life-copy .device-icons { margin-top: 23px; }
  .practice-photo { width: min(100%,440px); justify-self: start; border-radius: 14px; }
}
@media (max-width: 389px) {
  .audio-card-body { padding: 22px 20px; }
  .audio-quote { font-size: 20px; }
  .practice-life-copy h3 { font-size: 34px; }
}
@media print {
  .audio-photo, .practice-photo { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .practice-life { padding-block: 30px; }
  .practice-life-copy h3 { color: #111; }
  .photo-fallback { display: none; }
}