:root{--paper:#f6f3ed;--paper-2:#ece8e0;--ink:#15161d;--muted:#676970;--line:#d8d3ca;--violet:#6664ef;--violet-dark:#4447c8;--green:#2eb984;--red:#ef5555;--orange:#ef9f3e;--blue:#258ed8;--night:#11121d;--max:1240px;--font-text:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-family:var(--font-text);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}button{font:inherit}.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--ink);color:white;padding:.7rem 1rem;border-radius:99px}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:40;background:rgba(246,243,237,.82);border-bottom:1px solid rgba(21,22,29,.08);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font:700 1.05rem var(--font-display);letter-spacing:-.015em}.brand img{width:38px;height:38px}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{text-decoration:none;font-size:.91rem;color:#4e5057}.nav-links a:hover{color:var(--violet)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 18px!important;border:1px solid var(--ink);border-radius:10px;text-decoration:none!important;font-weight:700;color:var(--ink)!important;box-shadow:3px 3px 0 var(--ink);transition:.2s transform,.2s box-shadow}.nav-cta:hover,.button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.menu-button{display:none;border:1px solid var(--ink);border-radius:8px;background:transparent;padding:8px 12px}
.hero{min-height:780px;display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center;padding:72px 0 94px}.kicker{display:flex;align-items:center;gap:10px;margin:0;color:var(--violet-dark);font-size:.73rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.kicker>span{display:inline-block;width:28px;height:2px;background:currentColor}.hero h1,.section h2,.legal h1{font:800 clamp(3.8rem,7vw,6.7rem)/.96 var(--font-display);letter-spacing:-.045em;margin:25px 0 30px}.hero h1 em{font-style:normal;color:var(--violet)}.lede{max-width:630px;color:#55575e;font-size:1.18rem}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:35px}.button{padding:14px 20px!important;background:var(--violet);border-color:var(--violet-dark);color:white!important;box-shadow:4px 4px 0 var(--violet-dark)}.availability{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.82rem;line-height:1.25}.availability i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(46,185,132,.13)}.availability strong,.availability span{display:block}.proof-row{display:flex;gap:18px;margin-top:38px;padding-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:.77rem;font-weight:600}.proof-row span+span:before{content:'•';margin-right:18px;color:var(--violet)}
.hero-stage{position:relative;min-height:640px;overflow:hidden;border:1px solid rgba(21,22,29,.1);border-radius:40px;background:#e8e1d5;box-shadow:0 35px 90px rgba(38,34,32,.16)}.stage-photo,.scene-photo,.collage-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage-photo{filter:saturate(.88)}.device-frame{background:linear-gradient(145deg,#0a0b0e,#33343a 50%,#08090b);box-shadow:0 32px 70px rgba(24,22,29,.32),inset 0 0 0 1px rgba(255,255,255,.14)}.device-frame img{width:100%;height:100%;object-fit:cover}.phone{position:absolute;left:50%;bottom:-100px;width:310px;height:672px;padding:8px;transform:translateX(-50%) rotate(-4deg);border-radius:54px}.phone img{border-radius:46px}.phone:before{content:"";position:absolute;z-index:2;left:50%;top:15px;width:82px;height:19px;transform:translateX(-50%);border-radius:20px;background:#050507}.float-card{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.55);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 18px 45px rgba(32,29,36,.15);backdrop-filter:blur(18px)}.float-card div{display:flex;flex-direction:column}.float-card strong{font:700 .82rem var(--font-display)}.float-card small{color:var(--muted);font-size:.68rem}.card-top{right:20px;top:64px}.card-bottom{left:18px;bottom:40px}.dot{width:10px;height:10px;border-radius:50%}.dot.green{background:var(--green);box-shadow:0 0 0 5px rgba(46,185,132,.14)}.arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ffe7e4;color:var(--red);font-weight:700}
.promise-strip{overflow:hidden;margin-inline:-6px;padding:19px 0;background:var(--violet);color:white;transform:rotate(-1deg)}.promise-strip>div{display:flex;justify-content:center;gap:28px;white-space:nowrap;font:700 clamp(.95rem,2vw,1.28rem) var(--font-display);letter-spacing:-.01em}.promise-strip i{color:#a6f0dd;font-style:normal}
.section{padding:125px 0}.section-intro{max-width:800px}.section h2{font-size:clamp(3.15rem,6vw,5.5rem)}.section-intro>p:last-child{max-width:650px;color:var(--muted);font-size:1.12rem}.split-intro{display:grid;grid-template-columns:1.12fr .88fr;max-width:none;gap:80px;align-items:end}.split-intro>p{padding-bottom:28px}.ipad-scene{position:relative;min-height:680px;margin-top:70px;overflow:hidden;border:1px solid var(--line);border-radius:38px;background:#eee9df;box-shadow:0 30px 80px rgba(41,37,35,.12)}.scene-photo{filter:saturate(.7)}.ipad{position:absolute;left:50%;bottom:-54px;width:min(1000px,84%);aspect-ratio:4/3;padding:12px;transform:translateX(-50%) rotate(-1.5deg);border-radius:36px}.ipad img{border-radius:25px}.gesture-key{position:absolute;inset:22px 24px auto;display:flex;justify-content:space-between;gap:8px}.gesture-key span{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid currentColor;border-radius:99px;background:rgba(255,255,255,.82);box-shadow:0 8px 25px rgba(25,24,29,.08);backdrop-filter:blur(12px);font-weight:700}.gesture-key small{font-size:.69rem}.gesture-key .delete{color:#d84f4b}.gesture-key .favorite{color:#b67114}.gesture-key .keep{color:#168460}.gesture-key .move{color:#2776b8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:42px}.steps article{padding-top:22px;border-top:1px solid var(--line)}.steps b{color:var(--violet);font-size:.72rem}.steps h3{margin:15px 0 8px;font:700 1.28rem var(--font-display);letter-spacing:-.02em}.steps p{margin:0;color:var(--muted)}
.features{background:var(--paper-2)}.feature-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,520px);gap:20px;margin-top:70px}.feature{position:relative;overflow:hidden;border:1px solid rgba(21,22,29,.09);border-radius:34px;background:#f9f7f2}.feature-smart{grid-row:1/3;background:linear-gradient(150deg,#171827,#24243d)}.feature-copy{position:relative;z-index:3;padding:38px}.feature-copy>span{color:var(--violet);font-size:.69rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.feature-smart .feature-copy>span{color:#a5a8ff}.feature-copy h3{max-width:560px;margin:16px 0 12px;font:700 clamp(1.65rem,2.5vw,2.8rem)/1.08 var(--font-display);letter-spacing:-.035em}.feature-copy p{max-width:520px;margin:0;color:var(--muted)}.feature-smart .feature-copy h3{color:white}.feature-smart .feature-copy p{color:#b9bbc8}.phone-small{position:absolute;left:50%;bottom:-310px;width:320px;height:694px;padding:7px;transform:translateX(-50%) rotate(-3deg);border-radius:50px}.phone-small img{border-radius:43px}.feature-safe .phone-small,.feature-progress .phone-small{right:-23px;left:auto;bottom:-210px;width:230px;height:498px;transform:rotate(4deg);border-radius:38px}.feature-safe .phone-small img,.feature-progress .phone-small img{border-radius:32px}.feature-safe{background:linear-gradient(145deg,#fff8f6,#f5e4df)}.feature-progress{background:linear-gradient(145deg,#f4f5ff,#e9e8f8)}
.devices{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:center}.devices-copy h2{font-size:clamp(3.1rem,5vw,5rem)}.devices-copy>p:not(.kicker){color:var(--muted);font-size:1.08rem}.device-facts{display:grid;gap:10px;margin-top:30px}.device-facts span{display:flex;align-items:center;gap:12px;color:var(--muted)}.device-facts b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#ececff;color:var(--violet-dark)}.device-collage{position:relative;min-height:600px;overflow:hidden;border:1px solid var(--line);border-radius:38px;background:#e7dfd3}.collage-photo{filter:saturate(.8)}.ipad-mini{position:absolute;right:-95px;bottom:46px;width:670px;aspect-ratio:4/3;padding:8px;transform:rotate(5deg);border-radius:28px}.ipad-mini img{border-radius:21px}.phone-mini{position:absolute;left:24px;bottom:-105px;width:215px;height:466px;padding:6px;transform:rotate(-5deg);border-radius:38px}.phone-mini img{border-radius:32px}
.privacy{padding-bottom:80px}.privacy-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center;padding:85px;border-radius:42px;background:var(--night);color:white;overflow:hidden}.privacy-mark{position:relative;aspect-ratio:1;display:grid;place-items:center}.privacy-mark img{position:relative;z-index:2;width:45%;filter:drop-shadow(0 12px 35px rgba(80,228,219,.22))}.orbit{position:absolute;border:1px solid rgba(154,160,255,.26);border-radius:50%}.orbit.one{inset:13%}.orbit.two{inset:1%;border-style:dashed}.privacy-copy h2{font-size:clamp(2.8rem,4.7vw,4.6rem)}.privacy-copy>p:not(.kicker){max-width:620px;color:#b9bbc8;font-size:1.08rem}.kicker.light{color:#a4a8ff}.privacy-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:30px 0}.privacy-points span{color:#dcdee9;font-size:.86rem}.privacy-points i{margin-right:7px;color:#69e2b7;font-style:normal}.text-link{display:inline-flex;gap:34px;margin-top:24px;padding-bottom:5px;border-bottom:1px solid currentColor;color:var(--violet-dark);font-weight:700;text-decoration:none}.text-link.light{color:#b9bcff}
.final{text-align:center;padding-bottom:145px}.final-logo{width:72px;margin:0 auto 25px}.kicker.centered{justify-content:center}.final h2{max-width:950px;margin-inline:auto}.final>p:not(.kicker){color:var(--muted);font-size:1.1rem}.button.dark{margin-top:24px;background:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 #8d90ff}.footer{padding:48px 0;border-top:1px solid var(--line)}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.footer p{color:var(--muted);font-size:.78rem}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{color:var(--muted);font-size:.86rem;text-decoration:none}.footer-links a:hover{color:var(--violet)}
.legal{width:min(820px,calc(100% - 48px));margin-inline:auto;padding:100px 0 130px}.legal .updated,.legal .eyebrow{color:var(--violet);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.legal h1{font-size:clamp(3.3rem,6vw,5rem)}.legal .intro{color:#55575e;font-size:1.22rem}.legal h2{margin:45px 0 10px;font:700 1.55rem var(--font-display);letter-spacing:-.015em}.legal p,.legal li{color:var(--muted)}.legal a{color:var(--violet-dark)}.support>.button{margin-bottom:55px}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:0 0 60px}.support-card{padding:26px;border:1px solid var(--line);border-radius:20px;background:white}.support-card>span{color:var(--violet);font-size:.7rem;font-weight:700}.support-card h2{margin:25px 0 8px;font-size:1.2rem}.legal details{padding:18px 0;border-bottom:1px solid var(--line)}.legal summary{cursor:pointer;font-weight:700}.support-note{margin-top:48px;padding:24px;border:1px solid var(--line);border-radius:18px;background:white}.not-found{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.not-found img{width:150px}.not-found h1{font:800 clamp(3rem,8vw,6rem) var(--font-display);letter-spacing:-.04em}.not-found p{color:var(--muted)}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:90px}.hero-stage{width:min(700px,100%);margin:auto}.split-intro,.devices{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr;grid-template-rows:760px 500px 500px}.feature-smart{grid-row:auto}.devices-copy{max-width:700px}.device-collage{min-height:650px}.privacy-card{grid-template-columns:1fr}.privacy-mark{max-width:360px;margin:auto}.privacy-copy{text-align:center}.privacy-copy .kicker{justify-content:center}.privacy-copy>p:not(.kicker){margin-inline:auto}}
@media(max-width:720px){.shell{width:min(var(--max),calc(100% - 30px))}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;padding:25px;background:var(--paper);border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.menu-button{display:block}.hero{gap:30px;padding-top:65px}.hero h1{font-size:clamp(3rem,14vw,5rem)}.hero-actions{align-items:flex-start}.hero-stage{min-height:590px}.phone{width:285px;height:618px}.float-card{max-width:220px}.card-top{right:8px}.card-bottom{left:8px}.proof-row{gap:10px;flex-wrap:wrap}.proof-row span+span:before{margin-right:10px}.section{padding:90px 0}.section h2{font-size:clamp(3rem,13vw,4.7rem)}.split-intro{gap:10px}.ipad-scene{min-height:500px;margin-top:40px}.ipad{width:94%}.gesture-key{display:grid;grid-template-columns:1fr 1fr;inset:16px auto auto 16px}.steps{grid-template-columns:1fr}.feature-grid{grid-template-rows:690px 470px 470px}.feature-copy{padding:28px}.phone-small{bottom:-300px}.devices{gap:45px}.device-collage{min-height:520px}.ipad-mini{width:560px}.phone-mini{width:180px;height:390px}.privacy-card{padding:65px 28px;gap:30px}.privacy-points{grid-template-columns:1fr;text-align:left}.footer-grid{flex-direction:column}.support-grid{grid-template-columns:1fr}.promise-strip>div{justify-content:flex-start}}
@media(max-width:430px){.hero-actions{flex-direction:column}.hero-stage{min-height:530px}.phone{width:250px;height:542px}.float-card{display:none}.ipad-scene{min-height:410px}.gesture-key span{padding:6px 9px}.gesture-key small{font-size:.6rem}.feature-grid{grid-template-rows:650px 440px 440px}.feature-safe .phone-small,.feature-progress .phone-small{right:-38px}.device-collage{min-height:470px}.ipad-mini{right:-180px}.phone-mini{left:10px}.privacy-card{border-radius:28px}.hero h1{font-size:12vw}}
.device-frame{position:relative;height:auto!important;padding:0!important;overflow:visible;background:transparent!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 30px 38px rgba(24,22,29,.28))}
.phone,.phone-small,.phone-mini{aspect-ratio:899/1749}
.phone:before{display:none}
.phone:after,.phone-small:after,.phone-mini:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:url('/assets/generated/device-phone-overlay.png') center/100% 100% no-repeat}
.phone>img,.phone-small>img,.phone-mini>img{position:absolute;z-index:1;left:11%;top:4.8%;width:78%!important;height:90.8%!important;object-fit:cover;border-radius:7%/3.2%!important}
.ipad,.ipad-mini{aspect-ratio:4/3}
.ipad:after,.ipad-mini:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:url('/assets/generated/device-tablet-overlay.png') center/100% 100% no-repeat}
.ipad>img,.ipad-mini>img{position:absolute;z-index:1;left:8.35%;top:7.6%;width:83.3%!important;height:84.6%!important;object-fit:cover;border-radius:2.2%/3%!important}
.legal ul,.legal ol{padding-left:1.35rem}.legal li+li{margin-top:.55rem}.legal-callout{margin:2rem 0;padding:clamp(1.1rem,3vw,1.6rem);border:1px solid var(--line);border-radius:1.25rem;background:#fff;box-shadow:0 16px 40px rgba(33,31,37,.06)}.legal-callout>strong{color:var(--ink);font-size:1.08rem}.legal-callout ul:last-child,.legal-callout p:last-child{margin-bottom:0}.legal-emphasis{color:var(--ink)!important;font-size:.92rem;font-weight:650;letter-spacing:.01em}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav-cta,.button{transition:none}}
