@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--paper:#f4f1eb;--ink:#201f1e;--soft:#cbc6bd;--charcoal:#302f2e;--deep:#191817;--red:#e94b3c;--red-dark:#be342a;--green:#69ce91;--line:rgba(32,31,30,.16);--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5}button,a{font:inherit}a{color:inherit}.skip-link{position:fixed;z-index:100;top:10px;left:10px;transform:translateY(-150%);padding:12px 18px;background:#fff;border-radius:10px}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:4px}.site-header{position:relative;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1440px;height:88px;margin:auto;padding:0 5vw;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;width:max-content;text-decoration:none;font-family:var(--display);font-weight:800;letter-spacing:-.03em}.brand-lens{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--charcoal)}.brand-lens span{width:10px;height:10px;border:3px solid var(--red);border-radius:50%}.site-nav{display:flex;gap:34px}.site-nav a,.nav-cta{font-size:.82rem;font-weight:600;text-decoration:none}.site-nav a{color:#625f59}.site-nav a:hover{color:var(--ink)}.nav-cta{justify-self:end;padding:11px 16px;border:1px solid var(--line);border-radius:999px;transition:background .2s,color .2s}.nav-cta:hover{background:var(--ink);color:#fff}.menu-button{display:none;border:0;background:transparent}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);min-height:720px;max-width:1440px;margin:auto;padding:86px 5vw 70px;overflow:hidden}.hero-copy{align-self:center;position:relative;z-index:2}.hero h1{max-width:730px;margin:0;font-family:var(--display);font-size:clamp(3.7rem,6vw,6rem);line-height:.95;letter-spacing:-.04em}.hero h1 span{color:#77736c;font-weight:600}.hero-copy>p{max-width:570px;margin:31px 0 0;color:#615e58;font-size:1.15rem;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.primary-button{display:inline-flex;align-items:center;gap:18px;min-height:56px;padding:0 24px;border-radius:999px;background:var(--red);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 14px 34px rgba(190,52,42,.25);transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s}.primary-button:hover{transform:translateY(-3px);background:var(--red-dark)}.primary-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.text-link{font-weight:700;text-underline-offset:5px}.trust-line{display:flex;gap:28px;margin-top:30px;color:#706d67;font-size:.78rem;font-weight:600}.trust-line span{display:flex;align-items:center;gap:8px}.trust-line i{width:8px;height:8px;border-radius:50%;background:var(--green)}.hero-stage{position:relative;display:grid;align-items:center;justify-items:center;min-height:560px}.orbit{position:absolute;border:1px solid rgba(32,31,30,.12);border-radius:50%}.orbit-one{width:620px;height:620px}.orbit-two{width:430px;height:430px}.recorder-window{position:relative;z-index:2;width:min(100%,550px);overflow:hidden;border-radius:24px;background:var(--charcoal);color:#f8f7f4;box-shadow:20px 36px 80px rgba(34,31,27,.23);transform:rotate(-1.6deg)}.window-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:50px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.67rem;color:#bbb7b0}.live-status{display:flex;align-items:center;gap:7px}.live-status i{width:7px;height:7px;background:var(--green);border-radius:50%}.window-controls{display:flex;justify-self:end;gap:7px}.window-controls i{width:8px;height:8px;border:1px solid #85817b;border-radius:50%}.recorder-body{display:grid;grid-template-columns:1fr 145px;align-items:center;min-height:350px;padding:28px}.camera-well{display:grid;justify-items:center;gap:15px}.camera-preview{position:relative;width:255px;height:255px;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 50% 38%,#77726b,#242220 68%);box-shadow:0 18px 32px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.12)}.portrait{position:absolute;inset:0}.portrait .head{position:absolute;top:55px;left:91px;width:74px;height:88px;border-radius:45% 45% 42% 42%;background:#c9b7a8}.portrait .head:before{content:"";position:absolute;top:-10px;left:-3px;width:80px;height:42px;border-radius:50% 55% 25% 25%;background:#282522}.portrait .body{position:absolute;left:52px;bottom:-48px;width:155px;height:145px;border-radius:48% 48% 20px 20px;background:#e8e2d9}.frame-corner{position:absolute;width:22px;height:22px;border-color:rgba(255,255,255,.56)}.corner-a{top:34px;left:40px;border-top:1px solid;border-left:1px solid}.corner-b{right:40px;bottom:34px;border-right:1px solid;border-bottom:1px solid}.camera-well p{display:grid;margin:0;text-align:center}.camera-well p strong{font-size:.75rem}.camera-well p span{color:#aaa59e;font-size:.58rem}.control-rail{display:grid;gap:12px}.control{display:grid;grid-template-columns:1fr 52px;align-items:center;gap:10px}.control>span{font-size:.66rem;font-weight:700;text-align:right}.control button{display:grid;width:52px;height:52px;place-items:center;border:0;border-radius:50%;background:#f8f7f4;color:var(--red)}.control button svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.5}.control.active button{background:var(--red);color:#fff;box-shadow:0 9px 20px rgba(0,0,0,.3)}.control.active button i{width:15px;height:15px;border-radius:50%;background:#fff}.quality-strip{display:flex;align-items:center;gap:22px;padding:15px 22px;border-top:1px solid rgba(255,255,255,.1);color:#aaa69f;font-size:.62rem}.quality-strip strong{margin-left:auto;color:#fff}.floating-cam{position:absolute;z-index:4;right:-5px;bottom:38px;width:136px;height:136px;padding:7px;border-radius:50%;background:var(--deep);box-shadow:12px 20px 42px rgba(32,31,30,.25)}.mini-portrait{position:relative;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#817c75}.mini-portrait span:before{content:"";position:absolute;top:25px;left:42px;width:40px;height:51px;border-radius:45%;background:#c9b7a8}.mini-portrait span:after{content:"";position:absolute;bottom:-25px;left:20px;width:85px;height:75px;border-radius:50% 50% 0 0;background:#eee9e1}.cam-ring{position:absolute;inset:2px;border:2px solid var(--red);border-radius:50%}.resize-grip{position:absolute;right:4px;bottom:14px;width:18px;height:18px;border-radius:50%;background:#fff}.stage-note{position:absolute;z-index:3;right:-15px;top:75px;display:flex;align-items:flex-start;gap:12px;color:#716d66;font-size:.72rem}.stage-note p{margin:0}.note-line{width:48px;height:30px;border-top:1px solid #89857d;transform:rotate(-20deg)}.promise-strip{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;padding:42px max(5vw,calc((100vw - 1296px)/2));background:var(--red);color:#fff}.promise-strip p{max-width:560px;margin:0;font-family:var(--display);font-size:1.45rem;line-height:1.4}.promise-strip>div{display:flex;justify-content:flex-end;align-items:center;gap:14px;font-size:.78rem;font-weight:600}.promise-strip>div span{opacity:.56}.workflow{padding:120px max(5vw,calc((100vw - 1296px)/2))}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:74px}.section-heading h2,.feature-intro h2,.privacy h2,.final-cta h2{max-width:760px;margin:0;font-family:var(--display);font-size:clamp(2.5rem,4.7vw,4.8rem);line-height:1.03;letter-spacing:-.04em}.section-heading p,.feature-intro p{max-width:440px;margin:0;color:#6b6761;line-height:1.7}.journey{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(500px,1.28fr);gap:7vw}.journey-step{border-top:1px solid var(--line)}.journey-step button{display:grid;grid-template-columns:80px 1fr;width:100%;padding:24px 0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.journey-step button span{color:#8a857d;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.journey-step button strong{font-family:var(--display);font-size:1.18rem}.journey-step p{max-height:0;margin:0 0 0 80px;overflow:hidden;color:#6a665f;opacity:0;transition:opacity .35s}.journey-step.is-active p{max-height:150px;padding-bottom:30px;opacity:1}.journey-step.is-active button strong{color:var(--red)}.journey-visual{align-self:start;position:sticky;top:30px}.journey-screen{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:16px;background:#ded9d0;box-shadow:12px 22px 55px rgba(48,44,39,.18)}.screen-toolbar{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;background:#2e2c2a;color:#aaa59e}.screen-toolbar i{width:6px;height:6px;border-radius:50%;background:#77736d}.screen-toolbar span{margin-left:auto;font-size:.55rem}.screen-content{position:absolute;inset:36px 0 0;display:grid;grid-template-columns:1fr .65fr;align-items:center;padding:8%;background:#eeebe5}.slide-copy span{display:block;width:55px;height:5px;margin-bottom:25px;background:var(--red)}.slide-copy strong{font-family:var(--display);font-size:clamp(1.5rem,3vw,3.3rem);line-height:1}.slide-copy p{width:70%;height:6px;margin:20px 0 0;background:#c6c0b6}.slide-copy p+p{width:50%;margin-top:9px}.screen-shape{width:75%;aspect-ratio:1;justify-self:end;border:24px solid var(--charcoal);border-radius:50%;box-shadow:inset 0 0 0 18px var(--red)}.screen-webcam{position:absolute;right:5%;bottom:7%;display:grid;width:20%;aspect-ratio:1;place-items:center;padding:6px;border-radius:50%;background:#1d1c1b}.screen-webcam div{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 35%,#b9a89a 0 18%,#5c5853 19% 39%,#ded8ce 40% 63%,#7b766e 64%)}.cursor-dot{position:absolute;left:44%;top:55%;width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:var(--red);box-shadow:0 6px 14px rgba(0,0,0,.28);transition:all .5s cubic-bezier(.2,.8,.2,1)}.journey[data-active="2"] .cursor-dot{left:73%;top:73%}.journey[data-active="3"] .cursor-dot{left:86%;top:17%}.journey-caption{display:flex;justify-content:space-between;padding-top:16px;color:#76726c;font-size:.72rem}.journey-caption strong{color:var(--ink)}.feature-field{display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;padding:120px max(5vw,calc((100vw - 1296px)/2));background:var(--charcoal);color:#f7f5f1}.feature-intro{position:sticky;top:70px;align-self:start}.feature-intro p{margin-top:28px;color:#b9b4ac}.feature-lines article{display:grid;grid-template-columns:58px 1fr auto;gap:26px;align-items:start;padding:34px 0;border-top:1px solid rgba(255,255,255,.16)}.feature-lines article:last-child{border-bottom:1px solid rgba(255,255,255,.16)}.feature-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#f3f0ea;color:var(--red)}.feature-mark svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.5}.feature-lines h3{margin:2px 0 8px;font-family:var(--display);font-size:1.35rem}.feature-lines p{max-width:560px;margin:0;color:#b8b3ab;font-size:.9rem}.feature-meta{padding-top:8px;color:#8e8982;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.privacy{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8vw;padding:130px max(5vw,calc((100vw - 1296px)/2))}.privacy-disc{position:relative;width:min(100%,480px);aspect-ratio:1;border-radius:50%;background:var(--deep);box-shadow:24px 38px 70px rgba(32,30,27,.2)}.disc-rings{position:absolute;inset:7%;border:1px solid #45413d;border-radius:50%}.disc-rings:before,.disc-rings:after{content:"";position:absolute;border:1px solid #45413d;border-radius:50%}.disc-rings:before{inset:12%}.disc-rings:after{inset:28%}.disc-center{position:absolute;inset:37%;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff}.disc-center svg{width:42%;fill:none;stroke:currentColor;stroke-width:1.5}.disc-label{position:absolute;right:-52px;top:48%;padding:8px 13px;border-radius:999px;background:var(--paper);font-size:.63rem;font-weight:800;letter-spacing:.12em}.privacy h2{font-size:clamp(2.4rem,4vw,4.3rem)}.privacy-copy>p{max-width:630px;margin:30px 0;color:#625f59;font-size:1.04rem;line-height:1.75}.privacy ul{display:grid;gap:12px;padding:0;margin:30px 0 0;list-style:none;font-weight:600}.privacy li{display:flex;align-items:center;gap:11px}.privacy li span{width:8px;height:8px;border-radius:50%;background:var(--green)}.final-cta{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin:0 max(3vw,calc((100vw - 1380px)/2));padding:90px 6vw;border-radius:28px 28px 0 0;background:var(--red);color:#fff}.final-cta p{max-width:470px;margin:22px 0 0;color:#ffe2dd}.cta-control{display:flex;align-items:center;justify-content:flex-end;gap:22px;font-weight:700}.cta-control a{display:grid;width:88px;height:88px;place-items:center;border-radius:50%;background:#fff;color:var(--red);transition:transform .25s}.cta-control a:hover{transform:scale(1.06)}.cta-control a i{position:absolute;width:19px;height:19px;border-radius:50%;background:var(--red);opacity:0}.cta-control svg{width:30px;fill:none;stroke:currentColor;stroke-width:1.7}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:48px max(5vw,calc((100vw - 1296px)/2));background:var(--deep);color:#f6f3ed}footer p{color:#9f9a92;font-size:.75rem}footer>div{display:flex;justify-self:end;gap:24px}footer>div a{color:#c0bbb3;font-size:.75rem;text-decoration:none}
@keyframes recorder-arrive{from{transform:translateY(24px) rotate(-1.6deg);filter:blur(6px);opacity:.3}to{transform:translateY(0) rotate(-1.6deg);filter:blur(0);opacity:1}}.recorder-window{animation:recorder-arrive .9s cubic-bezier(.16,1,.3,1) both}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.recorder-window{animation:none}.primary-button,.cta-control a{transition:none}}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.site-nav{display:none}.nav-cta{margin-right:12px}.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{max-width:760px}.hero-stage{margin-top:45px}.promise-strip,.feature-field,.privacy{grid-template-columns:1fr}.promise-strip>div{justify-content:flex-start;flex-wrap:wrap}.journey{grid-template-columns:1fr}.journey-visual{position:relative;top:auto;grid-row:1;margin-bottom:20px}.feature-intro{position:relative;top:auto}.privacy-disc{width:min(75vw,440px);justify-self:center}.final-cta{grid-template-columns:1fr}.cta-control{justify-content:flex-start}footer{grid-template-columns:1fr 1fr}footer p{display:none}}
@media(max-width:640px){.site-header{height:72px;padding:0 20px}.nav-cta{display:none}.menu-button{display:grid;gap:6px;width:44px;height:44px;place-content:center}.menu-button span{display:block;width:20px;height:1px;background:var(--ink)}.site-header.menu-open{position:absolute;inset:0 0 auto;grid-template-columns:1fr auto;height:auto;padding-bottom:20px;background:var(--paper)}.site-header.menu-open .site-nav{grid-column:1/-1;display:grid;gap:0;width:100%;padding-top:18px}.site-header.menu-open .site-nav a{padding:14px 0;border-top:1px solid var(--line)}.hero{grid-template-columns:1fr;min-height:auto;padding:62px 20px 60px}.hero h1{font-size:clamp(3.1rem,15vw,4.6rem)}.hero-copy>p{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column}.trust-line{flex-direction:column;gap:8px}.hero-stage{min-height:410px;margin:45px -35px 0}.recorder-window{width:390px;transform:scale(.82) rotate(-1.6deg)}.orbit-one{width:440px;height:440px}.orbit-two{width:330px;height:330px}.floating-cam{right:20px;bottom:20px;width:108px;height:108px}.stage-note{display:none}.promise-strip{grid-template-columns:1fr;padding:34px 20px}.promise-strip>div{display:grid;grid-template-columns:auto 1fr}.workflow,.feature-field,.privacy{padding:88px 20px}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:50px}.journey{display:flex;flex-direction:column}.journey-visual{order:-1}.journey-step button{grid-template-columns:68px 1fr}.journey-step p{margin-left:68px}.feature-lines article{grid-template-columns:48px 1fr;gap:18px}.feature-meta{grid-column:2}.privacy-disc{width:84vw}.disc-label{right:-12px}.final-cta{margin:0;padding:70px 24px;border-radius:22px 22px 0 0}.cta-control{justify-content:space-between}.cta-control a{width:72px;height:72px}footer{grid-template-columns:1fr;padding:42px 20px;gap:24px}footer>div{justify-self:start;flex-wrap:wrap}}