@font-face{font-family:Roboto;src:url('../Roboto.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#1A433C;--paper:#fffefa;--muted:#60786f;--blue:#57BEDB;--cream:#FCF5CF}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.skip-link{position:fixed;top:12px;left:12px;z-index:99;transform:translateY(-160%);background:var(--ink);color:white;padding:12px 20px;border-radius:24px}.skip-link:focus{transform:none}
.nav-wrap{max-width:1320px;margin:auto;padding:0 54px;position:sticky;top:0;z-index:20;background:#fffefaed;backdrop-filter:blur(14px)}nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid #1a433c0a}nav a{text-decoration:none}nav .links{display:flex;align-items:center;gap:18px;font-size:14px}.btn{display:inline-block;white-space:nowrap;border-radius:999px;background:var(--ink);color:white;font-weight:600;font-size:14px;padding:16px 24px;text-decoration:none;transition:background .2s}.btn:hover{background:#28594f}.nav-pills a[aria-current=page]{color:var(--ink);font-weight:600}
.privacy-intro{max-width:1280px;min-height:calc(100svh - var(--privacy-nav-height,100px));margin:auto;text-align:center;padding:64px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;font-weight:500;margin:0 0 26px}.privacy-intro .privacy-intro-lock{display:flex;align-items:center;justify-content:center;align-self:center}.privacy-intro-lock svg{display:block}.eyebrow svg{width:18px;height:18px}.privacy-intro h1{font-size:clamp(56px,7.5vw,108px);line-height:1.04;font-weight:550;letter-spacing:-.055em;margin:0 0 30px}.privacy-intro h1 span{color:#667f73}.privacy-intro>p:last-of-type{font-size:21px;line-height:1.65;max-width:660px;margin:0 auto;color:var(--muted)}.intro-rule{flex:none;height:46px;width:1px;background:#1a433c38;margin:42px auto 0}
.privacy-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,6vw,96px);align-items:center;max-width:1320px;margin:0 auto;padding:0 54px 118px}.feature-copy{max-width:440px}.feature-copy .eyebrow{margin-bottom:22px;color:var(--muted);font-size:11px}.feature-copy h2{font-size:clamp(36px,4vw,55px);line-height:1.08;letter-spacing:-.045em;font-weight:550;margin:0 0 26px}.feature-copy>p:not(.eyebrow){font-size:19px;line-height:1.7;color:var(--muted);margin:0}.detail-note{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;margin-top:30px;padding-top:24px;border-top:1px solid #1a433c20}.detail-note svg{width:21px;height:21px;flex:none}
.feature-visual{position:relative;overflow:hidden;border-radius:32px;isolation:isolate;min-width:0;aspect-ratio:1.04}.model-host{position:absolute;inset:0}.model-host canvas{display:block;width:100%;height:100%}.model-loading{position:absolute;inset:0;display:grid;place-items:center;padding:40px;text-align:center;font-size:14px;color:var(--muted);font-weight:400}.model-host[data-ready=true] .model-loading{display:none}.visual-button{position:absolute;bottom:26px;left:26px;display:inline-flex;align-items:center;gap:9px;border:1px solid #1a433c20;border-radius:999px;padding:11px 15px;background:#fffefaab;color:var(--ink);backdrop-filter:blur(10px);font-size:12px;font-weight:500;transition:background .2s}.visual-button:hover{background:#fffefa}.visual-button svg{width:15px;height:15px}.visual-button:disabled{opacity:.4;cursor:wait}
.voice-section{grid-template-columns:1fr 1.2fr}.voice-section .feature-copy{padding-left:28px}.voice-visual{aspect-ratio:1.04;background:#e7e9df}.voice-visual video{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.voice-visual:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#081e1880);pointer-events:none;z-index:0}
.round-control{position:absolute;bottom:24px;right:24px;z-index:2;border:1px solid #ffffff60;background:#fffefaed;color:var(--ink);border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.round-control svg{width:18px;height:18px}.play-icon{fill:currentColor;stroke:none}.pause-icon{display:none;stroke-width:2.5}.is-playing .pause-icon{display:block}.is-playing .play-icon{display:none}
.rest-section{background:var(--ink);color:var(--paper);padding:92px 0}.rest-feature{padding-bottom:0}.rest-section .feature-copy .eyebrow{color:#a4c3b5}.rest-section .feature-copy h2{color:var(--cream)}.rest-section .feature-copy>p:not(.eyebrow){color:#d0dfd7}.rest-section .detail-note{border-color:#ffffff2b;color:#d0dfd7}.device-visual .visual-button{z-index:3;border-color:#ffffff30;color:#fffefa;background:#071b1766}.device-visual .visual-button:hover{background:#ffffff1c}.power-status{position:absolute;top:28px;left:28px;display:flex;align-items:center;gap:10px;font-size:13px;color:#e1ece5}.status-light{width:7px;height:7px;background:#57BEDB;border-radius:50%;box-shadow:0 0 14px #57BEDB;opacity:calc(.28 + var(--device-power)*.72)}.is-resting .status-light{background:#8da99a;box-shadow:none}.illustration-label{position:absolute;right:25px;bottom:35px;max-width:130px;text-align:right;color:#a2baad;font-size:10px;line-height:1.5}
.privacy-close{text-align:center;padding:112px 24px 96px}.privacy-close>svg{width:31px;height:31px;color:#708f7c;margin-bottom:24px}.privacy-close h2{font-size:clamp(34px,4vw,52px);font-weight:500;letter-spacing:-.045em;line-height:1.14;margin:0 0 22px}.privacy-close p{font-size:19px;color:var(--muted);margin:0 0 32px}.back-link{font-size:15px;text-decoration:none;display:inline-flex;gap:30px;align-items:center;padding-bottom:7px;border-bottom:1px solid #1a433c50}.back-link span{font-size:22px}
footer{max-width:1212px;margin:auto;padding:30px 0 42px;border-top:1px solid #1a433c20;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:12px;color:var(--muted)}footer img{display:block;width:120px;height:auto}footer a{text-decoration:none}footer a:last-child{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.nav-wrap{padding:0 32px}.privacy-feature{padding-left:32px;padding-right:32px;gap:42px}.feature-copy h2{font-size:43px}.feature-copy>p:not(.eyebrow){font-size:18px}.voice-section .feature-copy{padding:0}footer{margin:0 32px}.feature-visual{aspect-ratio:.96}}
@media(max-width:800px){.nav-wrap{padding:0 24px}nav{padding:20px 0}.privacy-intro{padding:65px 24px}.privacy-intro h1{font-size:56px}.privacy-intro>p:last-of-type{font-size:19px;max-width:540px}.privacy-feature{grid-template-columns:1fr;gap:34px;padding:0 24px 76px;max-width:640px}.feature-copy{max-width:520px}.feature-copy h2{font-size:43px}.feature-copy h2 br{display:none}.feature-visual{aspect-ratio:1.12}.voice-section .feature-copy{order:2}.voice-section .voice-visual{order:1}.detail-note{margin-top:22px;padding-top:20px}.rest-section{padding:60px 0}.rest-feature{padding-bottom:0}.privacy-close{padding:80px 24px 72px}footer{margin:0 24px;flex-wrap:wrap}footer span{display:none}}
@media(max-width:480px){.nav-wrap{padding:0 20px}nav{gap:12px}.privacy-intro{padding:52px 24px 48px}.privacy-intro h1{font-size:44px}.privacy-intro>p:last-of-type{font-size:17px;line-height:1.65}.privacy-intro .eyebrow{font-size:10px}.intro-rule{height:32px;margin-top:30px}.privacy-feature{padding-left:20px;padding-right:20px;gap:30px}.feature-visual{aspect-ratio:1;border-radius:24px}.feature-copy{padding:0 4px!important}.feature-copy h2{font-size:37px}.feature-copy .eyebrow{font-size:10px;margin-bottom:16px}.feature-copy>p:not(.eyebrow){font-size:17px}.detail-note{font-size:12px}.visual-button{bottom:20px;left:20px;font-size:11px;padding:10px 12px}.power-status{left:22px;top:22px}.device-visual .visual-button{bottom:36px}.illustration-label{left:0;right:0;bottom:12px;font-size:9px;max-width:none;text-align:center}.privacy-close h2{font-size:35px}.privacy-close p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Each scene owns the usable viewport until its scroll-driven reveal is complete. */
.privacy-scroll{position:relative}
.privacy-scroll .privacy-feature{width:100%;padding-bottom:0}
.privacy-scroll.is-pinned .scroll-stage{position:sticky;top:var(--scene-top);height:var(--scene-height);display:flex;align-items:center}
.rest-section.has-pinned-scene{padding:0}
#voice-scroll:not(.is-pinned){padding:48px 0}
@media(prefers-reduced-motion:reduce){.privacy-scroll{height:auto!important}.privacy-scroll.is-pinned .scroll-stage{position:static;height:auto}}

/* The voice note stays visible while a lock closes over its center. */
.voice-progress{width:min(100%,390px);height:80px;margin-top:30px;color:var(--ink)}
.voice-progress svg{display:block;width:100%;height:100%;overflow:visible}
.voice-wave-baseline{stroke:#1a433c16;stroke-width:1}
#voice-wave-bars rect{fill:var(--ink);stroke:none}
#voice-wave-tip{fill:var(--blue);stroke:none}
#voice-lock{stroke-width:2.6}
#voice-lock .voice-lock-halo{fill:#eaf0e9;stroke:none}
@media(max-width:800px){.voice-progress{height:64px;margin-top:20px}}

/* The camera photo stays in normal flow; clip the export's outer edge only.
   Its square image box keeps the clip aligned with the actual photo bounds. */
.privacy-feature.camera-section .camera-visual {
 aspect-ratio:1;
 max-height:none;
 background:#fff;
}
.camera-visual img {
 display:block;
 width:100%;
 height:auto;
 aspect-ratio:1;
 clip-path:inset(.25%);
}

/* Keep every part of the source 3:2 film visible, including its on-screen text. */
.privacy-feature.voice-section .voice-visual{aspect-ratio:3/2;max-height:none}
@media(min-width:961px){
 .privacy-feature.voice-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr)}
 .voice-section .feature-copy{padding-left:0}
}

/* The spotlight dims only the product tones, preserving the white background. */
.privacy-feature .device-visual{--device-power:1;aspect-ratio:1;max-height:none;background:#fff}
.device-light-filter{position:absolute;pointer-events:none}
.rest-device-photo{position:absolute;width:140%;height:140%;max-width:none;left:-20%;top:-20%;object-fit:contain;filter:grayscale(calc(1 - var(--device-power))) url(#device-light-level) contrast(var(--device-contrast,1))}
.device-spotlight{position:absolute;inset:0;pointer-events:none;background:conic-gradient(from 155deg at 45% -8%,transparent 0deg,#fffefa10 8deg,#fcf5cf50 23deg,#fffefa10 38deg,transparent 46deg);mask-image:linear-gradient(#000,transparent 85%);filter:blur(7px);opacity:var(--device-power)}