:root{
  --blue:#116ffb;--blue-dark:#0b55c9;--ink:#111827;--muted:#667085;--line:#e7eaf0;
  --surface:#fff;--soft:#f7f9fc;--shadow:0 24px 70px rgba(17,24,39,.12);--radius:24px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,234,240,.8)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.02em}.brand-logo{width:38px;height:38px;border-radius:11px;object-fit:cover}
nav{display:flex;align-items:center;gap:6px}nav a{padding:10px 13px;border-radius:12px;color:#667085;font-size:14px;font-weight:600}nav a:hover,nav a.active{background:#f1f5fb;color:#111827}
.hero{overflow:hidden;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);border-bottom:1px solid var(--line)}.hero-grid{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:80px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:800;color:#5b6678}.dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}
h1{font-size:clamp(44px,6vw,72px);line-height:1.03;letter-spacing:-.055em;margin:18px 0 24px;max-width:680px}h1 span{color:var(--blue)}.lead{font-size:19px;color:#667085;max-width:610px;margin:0 0 30px}.buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #dfe4ec;border-radius:13px;font-weight:700;font-size:14px;background:#fff}.btn:hover{border-color:#bfc8d8}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(17,111,251,.22)}.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:#667085;font-size:13px}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row svg,.feature-icon svg,.mini-icon svg,.oauth-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-device-wrap{position:relative;display:flex;justify-content:center;min-height:550px;align-items:center}.glow{position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(17,111,251,.14);filter:blur(55px)}
.phone{position:relative;background:#101216;border:7px solid #101216;border-radius:36px;padding:7px;box-shadow:var(--shadow);width:286px;overflow:hidden}.phone-main{transform:rotate(2deg)}.phone-secondary{width:300px;transform:rotate(-2deg)}.phone-speaker{position:absolute;z-index:3;top:7px;left:50%;transform:translateX(-50%);width:68px;height:5px;border-radius:10px;background:#25272d}.app-screen{position:relative;background:#fafbfc;border-radius:27px;min-height:535px;overflow:hidden;padding:22px 14px 18px}.app-topbar{height:38px;display:flex;align-items:center;gap:9px;font-size:14px}.app-topbar strong{font-size:15px}.icon-circle{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eef2f7}.icon-circle svg,.top-actions svg,.search-pill svg,.note-icon svg,.fab svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.top-actions{margin-left:auto;display:flex;gap:8px;color:#6b7280}.search-pill{height:35px;border:1px solid #e4e8ef;background:#fff;border-radius:17px;display:flex;align-items:center;gap:7px;padding:0 11px;color:#8a94a5;font-size:11px;margin:10px 0 20px}.search-pill svg{width:14px}.preview-section-title{font-size:11px;font-weight:800;margin-bottom:9px}.note-card{display:flex;gap:9px;padding:11px;border:1px solid #e2e6ed;border-radius:13px;background:#fff;margin:8px 0;box-shadow:0 5px 14px rgba(16,24,40,.04)}.note-yellow{background:#fff5c9}.note-blue{background:#e9f3ff}.note-green{background:#e8f8ed}.note-icon{width:27px;height:27px;flex:0 0 27px;border-radius:8px;background:rgba(255,255,255,.72);display:grid;place-items:center}.note-icon svg{width:15px;height:15px}.note-card b{font-size:11px}.note-card p{font-size:9px;color:#697386;line-height:1.35;margin:3px 0 0}.pin{margin-left:auto;font-size:18px;color:var(--blue);line-height:1}.fab{position:absolute;right:15px;bottom:18px;width:46px;height:46px;border-radius:15px;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 12px 24px rgba(17,111,251,.3)}
.section{padding:92px 0}.section-heading{max-width:700px;margin-bottom:42px}.section-heading h2,.oauth-card h2,.data-card h2{font-size:clamp(30px,4vw,45px);line-height:1.1;letter-spacing:-.04em;margin:10px 0 14px}.section-heading p{color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(16,24,40,.08)}.feature-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#edf4ff;color:var(--blue);margin-bottom:22px}.feature-card h3{font-size:16px;margin:0 0 8px}.feature-card p{font-size:14px;color:var(--muted);margin:0}
.showcase{background:var(--soft)}.showcase-grid{display:grid;grid-template-columns:360px 1fr;align-items:center;gap:80px;max-width:900px;margin:auto}.editor-preview{background:#fff;padding-top:28px}.editor-title{font-size:22px;font-weight:800;padding:18px 10px 14px}.editor-line{height:8px;border-radius:5px;background:#dce2eb;margin:8px 10px;width:72%}.editor-line.wide{width:88%}.editor-line.medium{width:58%}.editor-toolbar{position:absolute;bottom:74px;left:10px;right:10px;height:42px;border:1px solid #e0e5ec;border-radius:13px;display:flex;align-items:center;justify-content:space-around;color:#4b5563;font-size:12px;font-weight:800;background:#fff}.editor-body{position:absolute;left:20px;right:20px;bottom:20px;color:#667085;font-size:11px}.showcase-copy{display:grid;gap:26px}.mini-point{display:grid;grid-template-columns:48px 1fr;gap:16px}.mini-icon{width:48px;height:48px;border-radius:15px;background:#fff;display:grid;place-items:center;color:var(--blue);box-shadow:0 8px 24px rgba(16,24,40,.07)}.mini-point b{display:block;margin-bottom:4px}.mini-point p{color:var(--muted);font-size:14px;margin:0}
.oauth{padding-top:30px}.oauth-card{display:grid;grid-template-columns:72px 1fr;gap:25px;padding:38px;border:1px solid #dbe5f5;border-radius:26px;background:linear-gradient(135deg,#f5f9ff,#fff)}.oauth-icon{width:62px;height:62px;border-radius:19px;background:#e7f0ff;color:var(--blue);display:grid;place-items:center}.oauth-icon svg{width:29px;height:29px}.oauth-card p{color:var(--muted);max-width:820px}.oauth-card code{background:#eef3f9;padding:3px 6px;border-radius:6px;font-size:.85em;word-break:break-all}.text-link{font-weight:800;color:var(--blue);font-size:14px}.compact{padding-top:45px}.data-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;padding:42px;border:1px solid var(--line);border-radius:26px}.data-links{display:grid;gap:10px}.data-links a{display:grid;grid-template-columns:30px 1fr 20px;gap:10px;align-items:center;padding:14px;border-radius:15px;background:#f8fafc}.data-links a:hover{background:#f1f5f9}.link-icon{width:26px;height:26px;border-radius:8px;background:#e9f2ff;color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:900}.data-links b{display:block;font-size:14px}.data-links small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
footer{border-top:1px solid var(--line);padding:28px 0;color:#7b8493;font-size:13px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{display:flex;align-items:center;gap:8px;font-weight:800;color:#273142}.footer-logo{width:26px;height:26px;border-radius:8px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;padding:65px 0}.hero-device-wrap{min-height:500px}.feature-grid{grid-template-columns:repeat(2,1fr)}.showcase-grid{grid-template-columns:1fr;justify-items:center;gap:50px}.showcase-copy{width:min(100%,650px)}.data-card{grid-template-columns:1fr;gap:30px}}
@media(max-width:650px){.wrap{width:min(100% - 28px,1160px)}.nav{height:68px}.brand{font-size:18px}.brand-logo{width:34px;height:34px}nav a{font-size:12px;padding:8px 6px}nav a:nth-child(3),nav a:nth-child(4){display:none}h1{font-size:45px}.lead{font-size:17px}.hero-grid{padding:50px 0}.phone{width:270px}.feature-grid{grid-template-columns:1fr}.section{padding:65px 0}.oauth-card,.data-card{padding:26px}.oauth-card{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}}


/* Legal pages */
.legal-content{max-width:900px;margin:0 auto;padding:56px 20px 80px}.legal-content h1{margin-bottom:28px}.legal-content h2{margin-top:32px}.legal-content p,.legal-content li{line-height:1.75}.legal-content ul{padding-left:24px}

/* Legal document typography — presentation only; source wording is unchanged. */
.legal-page { background: var(--bg, inherit); }
.legal-content { max-width: 860px; margin: 0 auto; padding: 56px 20px 88px; }
.legal-content h1 { margin: 0 0 38px; letter-spacing: -0.02em; }
.legal-body { max-width: 780px; }
.legal-body p { margin: 0 0 18px; line-height: 1.78; font-size: 1rem; }
.legal-body .legal-section { margin: 38px 0 14px; line-height: 1.35; }
.legal-body .legal-section:first-child { margin-top: 0; }
.legal-body .legal-label { margin-bottom: 8px; }
.legal-body ul { margin: 4px 0 22px; padding-left: 24px; }
.legal-body li { margin: 8px 0; line-height: 1.7; padding-left: 4px; }
.legal-body strong { font-weight: 700; }
@media (max-width: 640px) {
  .legal-content { padding: 38px 18px 64px; }
  .legal-content h1 { margin-bottom: 30px; }
  .legal-body p { font-size: .98rem; line-height: 1.75; }
  .legal-body .legal-section { margin-top: 30px; }
}