@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap');

:root { --ink:#0b1f36; --blue:#2878ff; --paper:#f7f9fc; --line:#dce3ed; --muted:#637187; --soft:#eaf2ff; --mono:"DM Mono", ui-monospace, monospace; --sans:"Manrope", -apple-system, BlinkMacSystemFont, sans-serif; --display:"Newsreader", Georgia, serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.site-header, footer { width:min(1180px, calc(100% - 48px)); margin:auto; display:flex; align-items:center; justify-content:space-between; }
.site-header { height:82px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:9px; font-weight:800; letter-spacing:-.055em; font-size:20px; }
.brand img { display:block; }
nav { display:flex; gap:28px; align-items:center; font-size:13px; font-weight:600; }
nav a:not(.nav-cta) { color:#43526a; }
.nav-cta { padding:10px 15px; border:1px solid #bdc9d9; border-radius:7px; }
.hero { width:min(1180px, calc(100% - 48px)); margin:0 auto; display:grid; grid-template-columns:1fr 1.06fr; min-height:680px; align-items:center; gap:70px; }
.eyebrow,.section-kicker { color:var(--blue); text-transform:uppercase; font:500 11px/1 var(--mono); letter-spacing:.08em; }
.eyebrow { display:flex; align-items:center; gap:8px; }
.eyebrow span { width:7px; height:7px; border-radius:50%; background:var(--blue); }
h1,h2 { font-family:var(--display); letter-spacing:-.065em; font-weight:500; }
h1 { font-size:clamp(56px,6.5vw,90px); line-height:.91; margin:21px 0 28px; }
.lede { max-width:435px; color:#4a5a70; font-size:18px; line-height:1.65; }
.actions { display:flex; align-items:center; gap:25px; margin-top:36px; }
.button { display:inline-flex; align-items:center; gap:18px; padding:15px 18px; border-radius:8px; font-size:14px; font-weight:700; transition:transform .2s, background .2s; }
.button:hover { transform:translateY(-2px); }
.button.primary { background:var(--ink); color:white; box-shadow:0 10px 24px #0b1f3624; }
.button.primary span { color:#8fb7ff; font-size:20px; line-height:12px; }
.text-link { font-size:14px; font-weight:700; }
.text-link span { color:var(--blue); margin-left:5px; }
.platforms,.fine-print { color:#768397; font:400 11px/1.5 var(--mono); margin-top:21px; }
.product-frame { position:relative; height:440px; background:linear-gradient(145deg,#edf4ff,#f9fbff 65%); border:1px solid #d8e5f7; border-radius:20px; box-shadow:inset 0 1px #fff, 0 30px 70px #0d3b7c16; overflow:hidden; }
.menu-bar { height:37px; display:flex; justify-content:space-between; align-items:center; padding:0 16px; color:#758399; background:#f8fbffb8; border-bottom:1px solid #dfe8f3; font:500 10px var(--mono); }
.traffic { display:flex; gap:5px; }.traffic i { width:7px; height:7px; border-radius:50%; background:#cad4e1; }.traffic i:first-child{background:#fd8d86}.traffic i:nth-child(2){background:#ffd172}.traffic i:last-child{background:#8edda0}.shortcut{color:#9ba9bb}
.note-window { position:absolute; left:20%; top:91px; width:62%; min-height:280px; background:#fff; border:1px solid #d3deeb; border-radius:11px; box-shadow:0 23px 44px #143d7230; padding:17px 18px 13px; }
.note-topline,.note-footer { display:flex; justify-content:space-between; align-items:center; }.note-topline button{border:0;background:none;color:#8593a6;font-size:16px;letter-spacing:1px}.app-badge{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.finder-face{display:grid;place-items:center;background:#5793f9;color:#fff;width:20px;height:20px;border-radius:5px;font-size:12px}.rule{height:1px;background:#edf0f4;margin:15px 0}.note-label{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#7d8ba0}.note-body{font-size:14px;line-height:1.9;color:#24374e;margin:14px 0 25px}.note-footer{border-top:1px solid #edf0f4;padding-top:10px;color:#8491a4;font:10px var(--mono)}.save-dot{display:inline-block;background:#36bd75;width:6px;height:6px;border-radius:50%;margin-right:4px}
.context-card { position:absolute; display:grid; grid-template-columns:28px 1fr; column-gap:8px; align-items:center; width:186px; padding:10px; background:#ffffffd9; border:1px solid #d9e3f1; border-radius:9px; box-shadow:0 14px 25px #163c6c13; font-size:10px; font-weight:800; }.context-card em{grid-column:2;color:#8593a7;font-size:9px;font-style:normal;font-weight:500}.card-one{left:5%;top:56px}.card-two{right:5%;bottom:33px}.small-icon{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:6px;font-size:12px}.mail-icon{background:#e7f1ff;color:#2878ff}.calendar-icon{background:#fff1ef;color:#e3584e;font:700 9px var(--mono)}
.principle { padding:132px max(24px,calc((100% - 910px)/2)); background:#fff; text-align:center; }.principle h2,.privacy h2,.availability h2 { font-size:clamp(40px,5vw,64px); line-height:.98; margin:19px 0 21px; }.principle>p:not(.section-kicker){max-width:580px;margin:0 auto;color:#536278;line-height:1.7;font-size:16px}.steps{margin-top:77px;display:grid;grid-template-columns:repeat(3,1fr);text-align:left;border-top:1px solid var(--line)}.steps article{padding:22px 28px 0;border-right:1px solid var(--line)}.steps article:first-child{padding-left:0}.steps article:last-child{border:0}.steps span{color:var(--blue);font:500 11px var(--mono)}.steps h3{font-size:16px;letter-spacing:-.04em;margin:18px 0 10px}.steps p{color:#637187;font-size:13px;line-height:1.7;margin:0}
.privacy { padding:120px max(24px,calc((100% - 1050px)/2)); background:var(--ink); color:#f7f9fc; display:grid;grid-template-columns:150px 1fr 240px;gap:65px;align-items:start}.privacy .section-kicker{color:#73a7ff}.privacy h2{margin-top:16px}.privacy>div>p:not(.section-kicker){max-width:480px;color:#b9c6d9;line-height:1.75;font-size:15px}.privacy-mark{width:128px;height:128px;display:grid;place-items:center;border:1px solid #2a405b;border-radius:50%}.privacy-facts{border-top:1px solid #31465f}.privacy-facts div{padding:15px 0;border-bottom:1px solid #31465f}.privacy-facts b{display:block;font-size:13px}.privacy-facts span{display:block;color:#9dafc5;font-size:11px;line-height:1.55;margin-top:4px}
.availability { padding:137px 24px 140px; text-align:center; }.availability h2{margin:18px 0}.availability>p:not(.section-kicker):not(.fine-print){max-width:400px;margin:0 auto 28px;color:#5c6b80;font-size:15px;line-height:1.7}.availability .fine-print{margin:15px auto 0}footer{height:94px;border-top:1px solid var(--line);font-size:11px;color:#718096}footer .brand{font-size:16px;color:var(--ink)}footer a:last-child{text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.site-header,footer{width:calc(100% - 32px)}nav a:not(.nav-cta){display:none}.hero{width:calc(100% - 32px);grid-template-columns:1fr;gap:40px;padding:68px 0;min-height:0}.product-frame{height:370px}.note-window{left:12%;width:76%;top:75px}.card-one{left:2%;top:46px}.card-two{right:2%;bottom:21px}.principle{padding:90px 24px}.steps{grid-template-columns:1fr;margin-top:48px}.steps article,.steps article:first-child{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.steps article:last-child{border-bottom:0}.privacy{padding:84px 24px;grid-template-columns:1fr;gap:35px}.privacy-mark{width:100px;height:100px}.actions{flex-wrap:wrap}.site-header{height:70px}footer{height:auto;padding:26px 0;gap:15px;flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}