:root{--navy:#04121f;--panel:#0b2534;--line:#285266;--cyan:#19e6d2;--gold:#ffd052;--white:#f5fbff;--muted:#aabec8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 52% 25%,#0b3341,transparent 43%),var(--navy);color:var(--white);font-family:"Space Grotesk",sans-serif}a{color:var(--cyan)}button{font:inherit}.demo-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding:18px 5vw;border-bottom:1px solid #ffffff20}.demo-nav img{display:block;width:220px;height:auto}.demo-nav>div{display:flex;align-items:center;gap:25px}.demo-nav a{text-decoration:none;font-size:.82rem;font-weight:700}.nav-contact{color:#04222a;background:var(--cyan);padding:13px 16px}.demo-intro{text-align:center;max-width:940px;margin:0 auto;padding:75px 25px 55px}.kicker,.panel-label{color:var(--cyan);font-size:.68rem;font-weight:700;letter-spacing:.16em}.demo-intro h1,.presenter-notes h2{font-family:"Syne",sans-serif;font-size:clamp(3rem,5.5vw,6rem);letter-spacing:-.055em;line-height:.98;margin:20px 0}.demo-intro>p:last-child{font-size:1.08rem;line-height:1.65;color:#bfced5;max-width:790px;margin:0 auto}.walkthrough{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr) minmax(0,1fr);gap:18px;align-items:stretch;padding:0 5vw}.panel{min-width:0;border:1px solid var(--line);background:linear-gradient(150deg,#0b2635,#071925);padding:clamp(20px,2vw,30px);min-height:610px}.panel h2{font:700 clamp(1.5rem,2vw,2.2rem)/1.12 "Syne",sans-serif;letter-spacing:-.03em;margin:19px 0 15px}.panel-intro{color:var(--muted);line-height:1.5;font-size:.9rem;min-height:70px}.zone-graphic{height:230px;display:grid;place-items:center;position:relative;overflow:hidden;margin:25px 0 24px;background:radial-gradient(circle,#0e4b5280 0,transparent 63%)}.zone-ring{width:205px;height:205px;border:1px solid #19e6d29a;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 29px #19e6d20b,0 0 0 58px #19e6d20a,inset 0 0 35px #19e6d21c}.zone-ring:before{content:"";position:absolute;width:110px;height:110px;border:1px solid #ffd05299;border-radius:50%}.zone-ring span{font-size:.58rem;color:var(--gold);letter-spacing:.16em;font-weight:700}.zone-device{position:absolute;left:11%;top:50%;transform:translate(-50%,-50%);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#09202d;box-shadow:0 0 0 8px #ffd05221;transition:left .5s ease}.is-inside .zone-device{left:50%}.rule-facts{margin:0}.rule-facts>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:12px 0;font-size:.82rem}.rule-facts dt{color:#8babb8}.rule-facts dd{margin:0;text-align:right;font-weight:700}.device-panel{display:flex;flex-direction:column;align-items:center}.device-panel .panel-label{align-self:flex-start}.phone{width:min(100%,258px);min-height:486px;border:8px solid #111923;border-radius:36px;background:radial-gradient(circle at 50% 0,#196473,#082738 42%,#061523);box-shadow:0 0 0 1px #678394,0 20px 35px #0007;position:relative;padding:22px 15px 38px;margin:12px auto 0}.phone:before{content:"";position:absolute;width:58px;height:13px;background:#111923;top:-1px;left:50%;transform:translateX(-50%);border-radius:0 0 13px 13px}.phone-top{display:flex;justify-content:space-between;font-size:.65rem;font-weight:700}.phone-brand{font:700 .88rem "Syne",sans-serif;letter-spacing:.07em;text-align:center;margin:37px 0 17px}.phone-brand span{display:block;font:500 .47rem "Space Grotesk",sans-serif;color:var(--cyan);letter-spacing:.23em;margin-top:6px}.phone-state{text-align:center;border:1px solid #25dac48c;padding:8px 5px;color:var(--cyan);font-size:.68rem;font-weight:700}.phone-apps{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 8px;justify-items:center;margin:40px 0 30px}.app-tile{text-align:center;color:#dae7eb;transition:opacity .25s,filter .25s}.app-icon{display:grid;place-items:center;width:43px;height:43px;margin:0 auto 7px;border-radius:13px;font-weight:700;font-size:1.3rem}.app-a{background:#3b65d4}.app-b{background:#b8529c}.app-c{background:#d28637}.app-approved{background:#23826b}.app-tile small{font-size:.6rem}.is-inside .selected-app{opacity:.19;filter:grayscale(1)}.phone-policy{text-align:center;background:#102d3d;border:1px solid #457386;padding:9px;color:#d5e4e8;font-size:.67rem}.is-inside .phone-policy{border-color:var(--gold);color:var(--gold)}.phone-home{position:absolute;width:75px;height:3px;border-radius:3px;background:#dce8ec;bottom:14px;left:50%;transform:translateX(-50%)}.device-note{text-align:center;color:#8da7b4;font-size:.7rem;line-height:1.35;max-width:270px;margin:13px 0 0}.evidence{display:flex;flex-direction:column}.evidence ol{list-style:none;padding:0;margin:14px 0 auto}.evidence li{border-left:2px solid var(--cyan);padding:2px 0 20px 18px;margin-left:6px;position:relative}.evidence li:before{content:"";position:absolute;left:-5px;top:0;width:8px;height:8px;border-radius:50%;background:var(--cyan)}.evidence li span{display:block;color:var(--cyan);font-size:.58rem;letter-spacing:.12em;font-weight:700}.evidence li strong{display:block;margin:6px 0 3px;font-size:.85rem}.evidence li p{margin:0;color:#adc2cb;line-height:1.35;font-size:.76rem}.evidence-status{border-top:1px solid var(--line);padding-top:15px}.evidence-status span{display:block;color:var(--gold);font-size:.56rem;letter-spacing:.14em}.evidence-status strong{display:block;margin-top:7px;font-size:.85rem}.demo-controls{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:22px;background:#041725f2;border-top:1px solid #327183;padding:18px 5vw;backdrop-filter:blur(14px)}.controls-copy span{display:block;color:var(--cyan);font-size:.57rem;font-weight:700;letter-spacing:.16em}.controls-copy strong{display:block;font-size:.88rem;margin-top:5px}.controls-actions{display:flex;gap:8px;flex-wrap:wrap}.controls-actions button{border:1px solid #4c7b8d;background:#0c2e3d;color:var(--white);padding:12px 15px;font-size:.75rem;font-weight:700;cursor:pointer}.controls-actions button:first-child{background:var(--cyan);border-color:var(--cyan);color:#04252d}.controls-actions button:disabled{opacity:.4;cursor:not-allowed}.controls-actions button:not(:disabled):hover,.controls-actions button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.presenter-notes{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:110px 7vw;background:#071d2b}.presenter-notes h2{font-size:clamp(2rem,3.5vw,3.8rem);line-height:1.05}.presenter-notes p{color:#b9cbd3;line-height:1.65}.next-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px}.next-links a{font-size:.85rem;font-weight:700;text-underline-offset:4px}footer{display:flex;justify-content:space-between;gap:25px;padding:35px 5vw;border-top:1px solid var(--line);color:#879faa;font-size:.75rem}footer a{color:var(--cyan);text-decoration:none}.no-script{padding:15px;text-align:center;background:#33260b;color:#fff}@media(max-width:1100px){.walkthrough{grid-template-columns:1fr 1fr}.evidence{grid-column:1/-1;min-height:0}.evidence ol{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:700px){.demo-nav{flex-wrap:wrap}.demo-nav img{width:175px}.demo-nav>div{width:100%;justify-content:space-between}.demo-intro{padding:58px 22px 38px}.demo-intro h1{font-size:3.3rem}.walkthrough{grid-template-columns:1fr;padding:0 5vw}.panel{min-height:0}.evidence{grid-column:auto}.evidence ol{display:block}.device-panel{order:2}.evidence{order:3}.demo-controls{position:static;flex-direction:column;align-items:stretch}.controls-actions{display:grid;grid-template-columns:1fr 1fr}.controls-actions button:first-child{grid-column:1/-1}.presenter-notes{grid-template-columns:1fr;padding:75px 6vw}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.is-inside .selected-app small{text-decoration:line-through}
@media(max-width:700px){.demo-controls{position:sticky;bottom:0;gap:8px;padding:10px 5vw}.controls-copy span{display:none}.controls-copy strong{font-size:.73rem}.controls-actions{display:flex;width:100%;gap:8px}.controls-actions button{flex:1;padding:10px}.controls-actions button:first-child{grid-column:auto}.controls-actions button:last-child{flex:0 0 auto}.controls-actions button:disabled{display:none}}

.conversation-scenario{margin:0;padding:95px 5vw 100px;background:radial-gradient(circle at 50% 42%,#0c3942 0,transparent 50%),#061a27;scroll-margin-top:20px}
.conversation-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:5vw;max-width:1500px;margin:0 auto 35px}
.conversation-heading h2{font:700 clamp(2.6rem,4.4vw,5.2rem)/1.04 "Syne",sans-serif;letter-spacing:-.055em;margin:17px 0 0}
.conversation-heading>p{color:#bbccd4;font-size:1rem;line-height:1.65;margin:0 0 5px}
.conversation-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1500px;margin:auto}
.flow-card{min-width:0;min-height:264px;border:1px solid #386175;background:linear-gradient(155deg,#103348,#09212e);padding:23px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.flow-card+.flow-card:before{content:"→";position:absolute;top:47%;left:-1px;transform:translate(-50%,-50%);z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cyan);color:#052633;font-weight:700}
.flow-step{color:var(--cyan);font-size:.62rem;letter-spacing:.14em;font-weight:700}
.flow-card>span:nth-child(2){display:grid;place-items:center;width:72px;height:72px;border:1px solid #4d7f8e;border-radius:50%;font:700 1.55rem "Syne",sans-serif;color:#e2f9fc;margin:22px 0 18px}
.conversation-card .conversation-icon{color:var(--gold)!important;font-size:2.4rem!important}
.flow-card strong{font:700 1.06rem/1.2 "Syne",sans-serif}
.flow-card p{font-size:.83rem;line-height:1.5;color:#adc3cc;margin:9px 0 0}
.boundary-card,.outcome-card{border-color:#466878}
.boundary-card .boundary-icon{color:var(--gold)!important;font-size:2.5rem!important}
.outcome-card .outcome-icon{font-size:1.2rem!important;letter-spacing:.05em}
.is-conversation-blocked .request-card{border-color:#e7a85a}
.is-conversation-blocked .request-icon{color:#ffbd73!important;border-color:#d9954f!important;box-shadow:0 0 0 8px #ffba6912}
.is-conversation-blocked .boundary-card{border-color:var(--gold);background:linear-gradient(155deg,#32452e,#102a2b);box-shadow:inset 0 0 32px #ffd05210}
.is-conversation-blocked .boundary-card strong{color:var(--gold)}
.is-conversation-blocked .outcome-card{border-color:#19e6d27d}
.is-conversation-blocked .outcome-icon{position:relative;opacity:.5}
.is-conversation-blocked .outcome-icon:after{content:"";position:absolute;width:82px;height:2px;background:var(--gold);transform:rotate(-39deg)}
.conversation-action{display:flex;align-items:center;gap:20px;max-width:1500px;margin:24px auto 0}
.conversation-action button{border:1px solid var(--cyan);background:var(--cyan);color:#06252d;padding:15px 20px;cursor:pointer;font-weight:700;font-size:.82rem}
.conversation-action button:disabled{opacity:.45;cursor:not-allowed}
.conversation-action button:not(:disabled):hover,.conversation-action button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.conversation-action p{margin:0;color:#d4e4e8;font-size:.85rem}
.conversation-caveat{max-width:1500px;margin:25px auto 0;padding:18px 0 0;border-top:1px solid #2a5364;color:#a9c0ca;font-size:.78rem;line-height:1.5}
@media(max-width:1000px){.conversation-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-heading{grid-template-columns:1fr}}
@media(max-width:700px){.conversation-scenario{padding:70px 5vw}.conversation-heading h2{font-size:2.7rem}.conversation-flow{grid-template-columns:1fr}.flow-card{min-height:215px}.flow-card+.flow-card:before{top:-1px;left:50%;transform:translate(-50%,-50%) rotate(90deg)}.conversation-action{align-items:stretch;flex-direction:column;gap:10px}.conversation-action button{width:100%}}

/* Walkthrough selector and dedicated microphone/watch journeys. */
.conversation-scenario{padding-top:20px}
.demo-chooser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 5vw 100px;max-width:1600px;margin:auto}
.chooser-card{display:flex;flex-direction:column;min-height:430px;padding:28px;background:linear-gradient(145deg,#0f3443,#071d2b);border:1px solid #396377;color:var(--white);text-decoration:none;transition:transform .2s,border-color .2s}
.chooser-card:hover,.chooser-card:focus-visible{transform:translateY(-5px);border-color:var(--cyan);outline:none}
.chooser-card>span{font-size:.65rem;letter-spacing:.14em;color:var(--cyan);font-weight:700}
.chooser-visual{height:165px;display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0;background:radial-gradient(circle,#16606855,transparent 65%)}
.chooser-visual i,.chooser-visual b{display:grid;place-items:center;font-style:normal;width:90px;height:90px;border-radius:50%;border:1px solid var(--cyan);color:var(--cyan);font-size:2rem}
.chooser-zone b{width:38px;height:38px;background:var(--gold);border:0;color:#12313a;font-size:1rem;margin-left:-55px}
.chooser-microphone b{width:42px;height:42px;color:var(--gold);border-color:var(--gold);margin-left:-42px;margin-top:50px}
.chooser-watch b{width:70px;height:70px;border:6px solid #aec7ce;border-radius:25px}
.chooser-card h2{font:700 1.8rem/1.08 "Syne",sans-serif;letter-spacing:-.04em;margin:10px 0}
.chooser-card p{font-size:.87rem;line-height:1.55;color:#bad0d7;margin:0 0 20px}
.chooser-card strong{font-size:.8rem;color:var(--cyan);margin-top:auto}
.flow-card{overflow:visible}
.conversation-action{flex-wrap:wrap}
.conversation-action button:nth-child(2){background:#133746;color:var(--gold);border-color:var(--gold)}
.is-meeting-approved .request-card,.is-meeting-approved .boundary-card,.is-meeting-approved .outcome-card{border-color:var(--cyan)}
.is-meeting-approved .boundary-card{background:linear-gradient(155deg,#134a49,#102a35)}
.is-meeting-approved .boundary-card strong,.is-meeting-approved .outcome-icon{color:var(--cyan)!important}
.analytics-note{max-width:1500px;margin:28px auto 0;padding:20px 23px;background:#0b3040;border-left:3px solid var(--cyan);line-height:1.55;color:#c4d8de;font-size:.86rem}
.analytics-note strong{display:block;color:var(--cyan);font-size:.66rem;letter-spacing:.16em;margin-bottom:6px}
.microphone-evidence{max-width:1500px;margin:32px auto 0;border:1px solid #2d5969;padding:22px 26px;background:#092333}
.microphone-evidence>span,.watch-evidence>span{color:var(--gold);font-size:.65rem;font-weight:700;letter-spacing:.14em}
.microphone-evidence ol,.watch-evidence ol{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:16px 0 0;counter-reset:events}
.microphone-evidence li,.watch-evidence li{counter-increment:events;flex:1 1 190px;min-width:0;border-top:1px solid #3c6374;padding:12px 4px;color:#c4d6dc;font-size:.82rem;line-height:1.45}
.microphone-evidence li:before,.watch-evidence li:before{content:counter(events,decimal-leading-zero);display:block;color:var(--cyan);font-weight:700;font-size:.7rem;margin-bottom:6px}
.watch-demo{padding:0 5vw 105px;max-width:1600px;margin:auto}
.watch-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.watch-flow-card{min-width:0;min-height:500px;padding:27px;background:linear-gradient(155deg,#0f3443,#071d2b);border:1px solid #396377}
.watch-flow-card>span{font-size:.65rem;letter-spacing:.15em;color:var(--cyan);font-weight:700}
.watch-flow-card h2{font:700 1.65rem/1.15 "Syne",sans-serif;letter-spacing:-.035em;margin:24px 0 12px}
.watch-flow-card p{color:#b8cdd5;font-size:.88rem;line-height:1.6}
.watch-phone{height:230px;width:150px;border:8px solid #151e27;border-radius:26px;background:linear-gradient(#155669,#092233);margin:30px auto 20px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;box-shadow:0 0 0 1px #7694a0,0 20px 30px #0005}
.watch-phone b{font-size:.65rem;color:var(--cyan);letter-spacing:.12em}.watch-phone i{font-style:normal;font-size:2.5rem;color:var(--gold)}.watch-phone small{font-size:.5rem;text-align:center}
.service-symbol{height:230px;display:grid;place-items:center;margin:30px auto 20px;color:var(--cyan);font-size:8rem;text-shadow:0 0 45px #19e6d266}
.watch-illustration{height:230px;display:grid;place-items:center;margin:30px auto 20px}
.watch-illustration>div{width:200px;height:200px;border:16px solid #adbdc4;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:radial-gradient(circle,#144454,#091a26);box-shadow:0 0 0 3px #2f5563,0 20px 35px #0006;text-align:center}
.watch-illustration small{color:var(--cyan);font-size:.56rem;letter-spacing:.14em}.watch-illustration strong{color:var(--gold);font:700 1rem/1.2 "Syne",sans-serif;max-width:140px}
.watch-pending .watch-card{border-color:#d7ac5c}.watch-enforced .watch-card{border-color:var(--cyan)}.watch-enforced .watch-illustration strong{color:var(--cyan)}.watch-unsupported .watch-card{border-color:#ed9c6e}.watch-unsupported .watch-illustration strong{color:#ed9c6e}
.watch-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.watch-actions button{background:#103443;border:1px solid #4b7b89;color:var(--white);font:700 .78rem "Space Grotesk",sans-serif;padding:13px 16px;cursor:pointer}.watch-actions button:first-child{background:var(--cyan);border-color:var(--cyan);color:#082831}.watch-actions button:disabled{opacity:.4;cursor:not-allowed}.watch-actions button:not(:disabled):hover,.watch-actions button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.watch-live-status{margin:17px 0 28px;color:#d1e5e8;font-size:.89rem}.watch-evidence{border:1px solid #2d5969;background:#092333;padding:23px 26px}
@media(max-width:1050px){.demo-chooser{grid-template-columns:1fr 1fr}.watch-flow{grid-template-columns:1fr}.watch-flow-card{min-height:0}.watch-flow-card h2{margin-top:16px}}
@media(max-width:700px){.demo-chooser{grid-template-columns:1fr;padding-bottom:75px}.chooser-card{min-height:360px}.conversation-scenario{padding-top:30px}.conversation-action{display:grid;grid-template-columns:1fr}.conversation-action p{grid-column:1}.watch-actions{display:grid;grid-template-columns:1fr 1fr}.watch-actions button{padding:12px}.watch-evidence li,.microphone-evidence li{flex-basis:100%}}

.demo-toolbar{position:sticky;top:0;z-index:12;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 5vw;background:#071c2af0;border-bottom:1px solid #3c6472;backdrop-filter:blur(14px)}
.toolbar-back{color:var(--gold);font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap}.toolbar-back:hover,.toolbar-back:focus-visible{text-decoration:underline;text-underline-offset:4px}
.voice-controls{display:flex;align-items:center;gap:8px}.voice-controls button{border:1px solid #56808f;background:#133746;color:var(--white);font:700 .72rem "Space Grotesk",sans-serif;padding:9px 12px;cursor:pointer}.voice-controls button:first-child{border-color:var(--cyan);color:var(--cyan)}.voice-controls button:disabled{opacity:.4;cursor:not-allowed}.voice-controls button:not(:disabled):hover,.voice-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.voice-controls span{font-size:.68rem;color:#b5cbd2;min-width:100px}
.haptic-option{display:flex;align-items:center;gap:10px;max-width:1500px;margin:16px auto 0;color:#e2edf0;font-size:.83rem;cursor:pointer}.haptic-option input{width:18px;height:18px;accent-color:var(--cyan)}.haptic-status{max-width:1500px;margin:7px auto 0;color:#acc5ce;font-size:.77rem}
.mic-coverage{max-width:1500px;margin:26px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mic-coverage h3{grid-column:1/-1;font:700 1.45rem/1.2 "Syne",sans-serif;margin:0 0 4px}.mic-coverage>div{border:1px solid #3d6876;background:#0d2b39;padding:19px;display:flex;flex-direction:column;gap:8px}.mic-coverage strong{font-size:.86rem;color:var(--cyan)}.mic-coverage span{font-size:.77rem;line-height:1.45;color:#c2d5dc}
@media(max-width:700px){.demo-toolbar{align-items:flex-start;flex-direction:column;gap:7px;padding:7px 5vw}.voice-controls{width:100%}.voice-controls button{padding:8px 10px}.voice-controls span{min-width:0;margin-left:auto;text-align:right}.mic-coverage{grid-template-columns:1fr}}