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

:root { --navy:#071a33; --ink:#10243f; --muted:#66758a; --blue:#2e73e8; --orange:#f28a3e; --line:#dbe4ef; --pale:#f4f7fb; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--white); font-family:Manrope,system-ui,sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.container { width:min(1120px,calc(100% - 48px)); margin:0 auto; }
.site-header { position:absolute; z-index:2; width:100%; color:var(--white); }
.header-inner { display:flex; align-items:center; justify-content:space-between; min-height:84px; }
.brand { display:inline-flex; align-items:center; gap:10px; font-size:18px; font-weight:800; letter-spacing:-.04em; text-decoration:none; }
.brand-logo { display:block; width:28px; height:28px; border-radius:8px; object-fit:cover; }
.brand-accent { color:#f89a4d; }
.brand-mark { display:inline-flex; align-items:flex-end; gap:3px; width:22px; height:20px; }
.brand-mark span { display:block; width:5px; border-radius:3px; background:var(--orange); }
.brand-mark span:nth-child(1){height:10px}.brand-mark span:nth-child(2){height:16px}.brand-mark span:nth-child(3){height:20px}
.nav-links { display:flex; align-items:center; gap:30px; font-size:13px; font-weight:700; }.language-picker { position:relative; }.language-trigger { display:inline-flex; align-items:center; gap:7px; border:0; padding:8px 0; color:var(--white); background:transparent; font:inherit; font-size:12px; cursor:pointer; }.language-trigger:hover,.language-trigger:focus-visible { color:#b9d4f7; }.language-globe { display:grid; place-items:center; width:17px; height:17px; border:1px solid currentColor; border-radius:50%; font-size:13px; line-height:1; }.language-menu { position:absolute; z-index:10; top:calc(100% + 13px); right:0; display:grid; grid-template-columns:1fr 1fr; gap:3px; width:300px; padding:14px; border:1px solid rgba(180,207,239,.3); border-radius:16px; background:rgba(7,26,51,.96); box-shadow:0 20px 55px rgba(0,0,0,.3); backdrop-filter:blur(18px); }.language-menu[hidden] { display:none; }.language-menu-title { grid-column:1 / -1; margin:2px 4px 8px; color:#9db7d5; font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }.language-menu button { display:flex; align-items:center; justify-content:space-between; min-height:38px; border:1px solid transparent; border-radius:9px; padding:7px 9px; color:#e8f1fb; background:transparent; font:inherit; font-size:12px; text-align:left; cursor:pointer; }.language-menu button:hover,.language-menu button:focus-visible,.language-menu button[aria-pressed="true"] { border-color:rgba(141,184,245,.35); background:rgba(76,132,211,.18); }.language-menu small { color:#8aa6c7; font-family:'DM Mono',monospace; font-size:9px; }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.nav-links a { text-decoration:none; opacity:.8; transition:opacity .2s; }.nav-links a:hover,.nav-links a:focus-visible { opacity:1; }
.nav-links .nav-cta { border:1px solid rgba(255,255,255,.35); border-radius:999px; padding:9px 17px; opacity:1; }
.hero { overflow:hidden; position:relative; color:var(--white); background:radial-gradient(circle at 76% 35%,#153d72 0,#0c2b52 29%,var(--navy) 66%); }
.hero:after { content:""; position:absolute; right:-12%; bottom:24%; width:60%; height:56%; border:1px solid rgba(82,150,231,.17); border-radius:50%; transform:rotate(-18deg); box-shadow:0 0 0 32px rgba(82,150,231,.025),0 0 0 64px rgba(82,150,231,.025); }
.hero-grid { display:grid; grid-template-columns:1.04fr .96fr; align-items:center; min-height:720px; padding-top:84px; }
.hero-copy { position:relative; z-index:1; padding:62px 0 76px; max-width:610px; }
.eyebrow { margin:0 0 16px; color:var(--blue); font-family:'DM Mono',monospace; font-size:11px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; }.hero .eyebrow { color:#8db8f5; }
.eyebrow-dot { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px rgba(242,138,62,.14); }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { letter-spacing:-.045em; line-height:1.12; }
h1 { max-width:650px; margin-bottom:22px; font-size:clamp(42px,5vw,68px); }.hero h1 span { color:#8db8f5; }
.hero-lede { max-width:520px; margin-bottom:16px; color:#fff; font-size:20px; line-height:1.45; }.hero-description { max-width:510px; margin-bottom:32px; color:#a9bdd7; font-size:15px; }
.button { display:inline-flex; align-items:center; gap:11px; border-radius:9px; padding:12px 20px; font-weight:800; text-decoration:none; }.button-primary { color:var(--white); background:var(--orange); box-shadow:0 10px 28px rgba(242,138,62,.22); transition:transform .2s,background .2s; }.button-primary:hover,.button-primary:focus-visible { background:#ff9d53; transform:translateY(-2px); }.button svg { width:22px; fill:currentColor; }.button small { display:block; font-size:9px; line-height:1; font-weight:500; opacity:.8; }.hero-note { margin:16px 0 0 4px; color:#7f9bbd; font-family:'DM Mono',monospace; font-size:10px; }
.hero-visual { position:relative; display:flex; align-items:center; justify-content:center; min-height:590px; }
.hero-app-image { display:block; width:min(300px,100%); max-height:430px; height:auto; border-radius:20px; object-fit:contain; filter:drop-shadow(0 22px 52px rgba(0,0,0,.28)); }
.section { padding:112px 0; }.section-heading { max-width:620px; }.section-heading h2 { margin-bottom:15px; font-size:clamp(32px,4vw,48px); }.section-heading>p:last-child { color:var(--muted); font-size:15px; }.features-section { background:var(--pale); }.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:42px; }.feature-card { min-height:178px; padding:26px; border:1px solid var(--line); border-radius:16px; background:var(--white); box-shadow:0 8px 24px rgba(18,47,80,.04); transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }.feature-card:hover { border-color:#b9cfee; box-shadow:0 12px 28px rgba(18,47,80,.08); transform:translateY(-2px); }.feature-card-wide { display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:18px; align-items:center; grid-column:span 3; min-height:132px; }.feature-icon { display:grid; place-items:center; width:38px; height:38px; margin-bottom:18px; border-radius:11px; color:var(--blue); background:#e8f1ff; font-size:19px; }.feature-card-wide .feature-icon { grid-row:span 2; margin-bottom:0; }.feature-card h3 { margin-bottom:7px; font-size:17px; }.feature-card p { margin:0; color:var(--muted); font-size:13px; }
.split-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; align-items:center; }.steps-list { display:flex; flex-direction:column; gap:0; }.step { display:grid; grid-template-columns:56px 1fr; gap:21px; padding:24px 0; border-bottom:1px solid var(--line); }.step:first-child { border-top:1px solid var(--line); }.step>span { color:var(--orange); font-family:'DM Mono',monospace; font-size:12px; }.step h3 { margin-bottom:7px; font-size:17px; }.step p { margin:0; color:var(--muted); font-size:13px; }.step-links { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:14px; }.step-links a { color:var(--blue); font-size:12px; font-weight:700; text-decoration:none; }.step-links a:hover { color:var(--orange); }.step-links span { margin-left:4px; color:var(--orange); }
.security-section { padding-top:0; }.security-panel { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; padding:60px 68px; border-radius:18px; color:#fff; background:var(--navy); }.security-heading .eyebrow { color:#8db8f5; }.security-heading h2 { font-size:38px; }.security-heading>p:last-child { color:#a9bdd7; font-size:14px; }.security-badge { display:grid; place-items:center; width:44px; height:44px; margin-bottom:22px; border-radius:12px; color:#ffc280; background:rgba(242,138,62,.16); font-size:22px; }.security-list { display:flex; flex-direction:column; gap:18px; justify-content:center; margin:0; padding:0; list-style:none; }.security-list li { position:relative; padding-left:30px; color:#dce8f6; font-size:14px; }.security-list li:before { content:'✓'; position:absolute; left:0; color:#6fe0ac; font-weight:800; }
.faq-section { background:var(--pale); }.narrow { max-width:820px; }.faq-list { margin-top:42px; border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { display:flex; justify-content:space-between; cursor:pointer; padding:21px 0; list-style:none; font-size:15px; font-weight:700; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary:after { content:'+'; color:var(--blue); font-size:21px; font-weight:400; }.faq-list details[open] summary:after { content:'−'; }.faq-list p { max-width:720px; margin:-6px 35px 22px 0; color:var(--muted); font-size:13px; }
.support-section { padding-bottom:100px; }.support-panel { display:grid; grid-template-columns:1fr 1fr; gap:100px; padding-top:10px; }.support-panel h2 { font-size:38px; }.support-panel p { color:var(--muted); font-size:14px; }.support-email { display:inline-block; margin:8px 0; color:var(--blue); font-family:'DM Mono',monospace; font-size:14px; font-weight:500; text-decoration:none; }.support-email span,.support-links span { margin-left:6px; color:var(--orange); }.todo-note { display:block; color:#9aa8b8; font-size:10px; }.support-links { align-self:end; display:flex; flex-direction:column; gap:12px; padding:20px 0 4px 32px; border-left:1px solid var(--line); }.support-links p { margin-bottom:2px; font-weight:800; color:var(--ink); }.support-links a { color:var(--ink); font-size:13px; text-decoration:none; }.support-links a:hover { color:var(--blue); }
.site-footer { padding:28px 0; color:#9eb2ca; background:var(--navy); }.footer-inner { display:flex; align-items:center; gap:25px; }.footer-inner .brand { flex:0 0 auto; color:#fff; }.footer-inner p { flex:1; margin:0; font-size:10px; text-align:center; }.copyright { color:#718ba9; font-family:'DM Mono',monospace; font-size:10px; white-space:nowrap; }
@media (max-width: 820px) { .container { width:min(100% - 36px,620px); }.nav-links a:not(.nav-cta) { display:none; }.hero-grid { grid-template-columns:1fr; min-height:0; padding-top:84px; }.hero-copy { padding:70px 0 25px; }.hero-visual { min-height:0; padding:25px 0 55px; }.feature-grid { grid-template-columns:repeat(2,1fr); }.feature-card-wide { grid-column:span 2; }.split-layout,.security-panel,.support-panel { grid-template-columns:1fr; gap:42px; }.security-panel { padding:42px 30px; }.support-links { padding:24px 0 0; border-top:1px solid var(--line); border-left:0; }.footer-inner { flex-wrap:wrap; justify-content:center; }.footer-inner p { order:3; flex-basis:100%; }.section { padding:78px 0; } }
@media (max-width: 480px) { .container { width:calc(100% - 32px); }.brand { font-size:16px; }.hero h1 { font-size:42px; }.hero-lede { font-size:18px; }.hero-visual { padding:18px 0 42px; }.hero-app-image { border-radius:14px; }.feature-grid { grid-template-columns:1fr; }.feature-card-wide { display:block; grid-column:auto; }.feature-card-wide .feature-icon { margin-bottom:18px; }.security-panel { padding:34px 24px; }.security-heading h2,.support-panel h2 { font-size:32px; }.footer-inner { justify-content:flex-start; }.footer-inner p { text-align:left; }.copyright { margin-left:auto; } }
:focus-visible { outline:3px solid #8db8f5; outline-offset:3px; }
.privacy-page { background:var(--white); }.privacy-page .site-header { position:relative !important; z-index:2; display:block; background:var(--navy); }.privacy-page .header-inner { min-height:76px; }.privacy-page .privacy-hero { position:relative; padding:86px 0 72px; color:var(--white); background:linear-gradient(135deg,var(--navy),#123b6e); }.privacy-page .privacy-hero h1 { max-width:none; margin-bottom:16px; font-size:clamp(42px,6vw,68px); }.privacy-page .privacy-hero .eyebrow { color:#8db8f5; }.privacy-page .privacy-hero>div>p:last-child { max-width:650px; margin:0; color:#b7c9df; font-size:17px; }.privacy-content { max-width:820px; padding-top:76px; padding-bottom:94px; }.privacy-content section { padding:25px 0; border-bottom:1px solid var(--line); }.privacy-content section:first-of-type { padding-top:0; }.privacy-content h2 { margin-bottom:12px; color:var(--ink); font-size:24px; }.privacy-content p { margin-bottom:12px; color:var(--muted); font-size:14px; line-height:1.8; }.privacy-content p:last-child { margin-bottom:0; }.privacy-intro { margin-bottom:26px; color:var(--ink)!important; font-size:17px!important; line-height:1.7!important; }.privacy-email { color:var(--blue); font-family:'DM Mono',monospace; text-decoration:none; }.privacy-email:hover { color:var(--orange); }.privacy-updated { margin-top:32px!important; color:#7f8ea2!important; font-family:'DM Mono',monospace; font-size:11px!important; }.privacy-page .site-footer { margin-top:0; }
@media (max-width: 820px) { .privacy-page .privacy-hero { padding:68px 0 56px; }.privacy-content { padding-top:54px; padding-bottom:72px; }.privacy-content section { padding:22px 0; } }
@media (max-width: 480px) { .privacy-page .privacy-hero { padding:54px 0 44px; }.privacy-page .privacy-hero h1 { font-size:42px; }.privacy-page .privacy-hero>div>p:last-child { font-size:15px; }.privacy-content p { font-size:13px; }.privacy-intro { font-size:16px!important; }.privacy-content h2 { font-size:21px; } }