:root { --navy:#061538; --blue:#075cef; --cyan:#19d8e6; --ink:#091b48; --muted:#61708f; --line:#dbe5f3; --paper:#f6f9ff; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--white); font-family:Inter,system-ui,sans-serif; line-height:1.65; }
a { color:inherit; }
img { max-width:100%; display:block; }
.site-header { position:sticky; top:0; z-index:20; display:flex; justify-content:space-between; align-items:center; padding:14px max(5vw,24px); background:rgba(255,255,255,.88); border-bottom:1px solid rgba(10,39,95,.08); backdrop-filter:blur(18px); }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; font-weight:800; letter-spacing:-.03em; }
.brand img { flex:0 0 auto; width:48px; height:48px; aspect-ratio:1; object-fit:contain; border-radius:12px; box-shadow:0 8px 24px rgba(4,45,137,.2); }
.brand strong { color:var(--blue); }
nav { display:flex; gap:30px; }
nav a { color:#344261; font-size:.9rem; font-weight:600; text-decoration:none; }
nav a:hover { color:var(--blue); }
.hero { position:relative; min-height:760px; overflow:hidden; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:5vw; padding:90px max(7vw,28px); color:white; background:radial-gradient(circle at 75% 40%,#0965ef 0,transparent 29%),linear-gradient(135deg,#041332 0%,#062563 58%,#003cb6 100%); }
.hero::after { content:""; position:absolute; inset:auto -10% -38% 35%; height:70%; background:var(--cyan); opacity:.12; border-radius:50%; filter:blur(20px); transform:rotate(-12deg); }
.hero-glow { position:absolute; width:500px; height:500px; left:-220px; top:-180px; border:1px solid rgba(37,211,232,.2); border-radius:50%; box-shadow:0 0 0 80px rgba(37,211,232,.025),0 0 0 160px rgba(37,211,232,.02); }
.hero-copy,.hero-visual { position:relative; z-index:1; }
.eyebrow { margin:0 0 14px; color:#0870ef; font-size:.76rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.hero .eyebrow,.showcase .eyebrow { color:var(--cyan); }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:25px; max-width:850px; font-size:clamp(3.2rem,6.4vw,6.8rem); line-height:.98; letter-spacing:-.065em; }
h1 span { color:var(--cyan); }
.hero-lead { max-width:700px; color:#d7e6ff; font-size:clamp(1rem,1.45vw,1.25rem); }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin:35px 0 30px; }
.button { display:inline-flex; justify-content:center; padding:14px 22px; border-radius:12px; text-decoration:none; font-weight:700; }
.button-primary { background:linear-gradient(135deg,var(--cyan),#06a8ee); color:#04193d; box-shadow:0 15px 35px rgba(11,212,229,.22); }
.button-secondary { border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.08); color:white; }
.trust-row { display:flex; flex-wrap:wrap; gap:20px; color:#bcd0ee; font-size:.84rem; }
.hero-visual { min-height:560px; display:grid; place-items:center; }
.app-icon { width:min(360px,65vw); height:auto; aspect-ratio:1; object-fit:contain; border-radius:24%; box-shadow:0 45px 100px rgba(0,5,25,.52); transform:rotate(3deg); }
.icon-halo { position:absolute; width:480px; height:480px; border-radius:50%; background:rgba(30,220,235,.13); filter:blur(6px); }
.mini-card { position:absolute; padding:14px 18px; border:1px solid rgba(255,255,255,.2); border-radius:15px; background:rgba(5,20,60,.68); box-shadow:0 18px 50px rgba(0,0,0,.25); backdrop-filter:blur(15px); }
.mini-card strong,.mini-card span { display:block; }.mini-card strong { color:white; }.mini-card span { color:#9eb6dc; font-size:.75rem; }
.mini-card-left { left:0; bottom:17%; }.mini-card-right { right:0; top:18%; }
.section { padding:110px max(7vw,28px); }
.section-heading { max-width:760px; margin:0 auto 55px; text-align:center; }
.section-heading h2,.privacy-header h2 { margin-bottom:16px; font-size:clamp(2.2rem,4.8vw,4.4rem); line-height:1.05; letter-spacing:-.055em; }
.section-heading > p:last-child { color:var(--muted); font-size:1.08rem; }
.feature-grid { max-width:1200px; margin:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.feature-grid article { padding:34px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,#fff,#f4f8ff); box-shadow:0 15px 50px rgba(19,53,112,.06); }
.feature-number { display:grid; place-items:center; width:48px; height:48px; margin-bottom:55px; border-radius:14px; color:white; background:linear-gradient(135deg,var(--blue),#16b9df); font-weight:800; }
.feature-grid h3 { margin-bottom:10px; font-size:1.35rem; }.feature-grid p { margin:0; color:var(--muted); }
.showcase { overflow:hidden; color:white; background:linear-gradient(145deg,#031331,#062867 65%,#0649bc); }
.section-heading.light > p:last-child { color:#b9cceb; }
.iphone-gallery { max-width:1100px; margin:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:28px; align-items:center; }
figure { margin:0; }.iphone-gallery figure { transition:transform .25s ease; }.iphone-gallery figure:hover { transform:translateY(-8px); }
.iphone-gallery img { width:100%; height:auto; aspect-ratio:1242/2688; object-fit:contain; border-radius:22px; box-shadow:0 30px 70px rgba(0,0,0,.32); }.iphone-gallery .featured { transform:scale(1.045); }.iphone-gallery .featured:hover { transform:scale(1.045) translateY(-8px); }
figcaption { padding:18px 5px; text-align:center; color:#c4d7f5; font-weight:600; }
.tablet { background:var(--paper); }.tablet-gallery { max-width:1180px; margin:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); justify-content:center; gap:28px; }
.tablet-gallery figure { width:100%; overflow:hidden; border-radius:18px; background:#071b4c; box-shadow:0 20px 55px rgba(19,51,108,.14); }
.tablet-gallery img { width:100%; height:auto; aspect-ratio:2064/2752; object-fit:contain; border-radius:18px; }
.privacy-section { max-width:1400px; margin:auto; }
.privacy-header { display:flex; justify-content:space-between; align-items:end; gap:30px; padding-bottom:36px; border-bottom:1px solid var(--line); }.privacy-header h2 { max-width:900px; margin-bottom:0; }
.updated { flex:0 0 auto; color:var(--muted); font-size:.85rem; text-align:right; }.updated strong { color:var(--ink); }
.privacy-intro { margin:35px 0 20px; padding:25px 28px; border-left:4px solid var(--cyan); border-radius:0 14px 14px 0; background:#effbfe; font-weight:600; }
.privacy-content article { display:grid; grid-template-columns:55px 1fr; gap:25px; padding:35px 0; border-bottom:1px solid var(--line); }
.privacy-content article > span { color:#97a9c4; font-weight:800; font-size:.8rem; letter-spacing:.1em; }.privacy-content h3 { margin-bottom:12px; font-size:1.3rem; }.privacy-content p:last-child,.privacy-content ul:last-child { margin-bottom:0; }
.privacy-content p,.privacy-content li { color:#52617e; }.privacy-content a { color:#065dd8; overflow-wrap:anywhere; }
dl { margin:18px 0 0; }dl > div { display:grid; grid-template-columns:150px 1fr; padding:9px 0; }dt { color:#71809a; }dd { margin:0; font-weight:600; }
footer { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:25px; padding:34px max(5vw,24px); color:#a9bddc; background:#03102c; font-size:.84rem; }footer .brand { color:white; }footer .brand img { width:40px; height:40px; }footer p { margin:0; }footer p:last-child { text-align:right; }
@media (max-width:900px) { nav { display:none; }.hero { grid-template-columns:1fr; padding-top:80px; text-align:center; }.hero-copy { display:flex; flex-direction:column; align-items:center; }.hero-visual { min-height:470px; }.feature-grid { grid-template-columns:1fr; }.feature-number { margin-bottom:25px; }.tablet-gallery { grid-template-columns:1fr; max-width:620px; }.tablet-gallery figure:nth-child(n+2) { display:none; }.privacy-header { align-items:start; flex-direction:column; }.updated { text-align:left; }.iphone-gallery { gap:12px; }.iphone-gallery img { border-radius:14px; }footer { grid-template-columns:1fr; text-align:center; }footer .brand { justify-content:center; }footer p:last-child { text-align:center; } }
@media (max-width:600px) { .section { padding:80px 20px; }.hero { min-height:auto; padding:70px 20px; }.hero-actions { flex-direction:column; width:100%; }.button { width:100%; }.hero-visual { min-height:390px; }.app-icon { width:250px; }.mini-card { font-size:.8rem; }.mini-card-left { left:-5px; }.mini-card-right { right:-5px; }.iphone-gallery { width:230%; transform:translateX(-28%); }.iphone-gallery figure:not(.featured) { opacity:.6; }.privacy-content article { grid-template-columns:1fr; gap:8px; }.privacy-content article > span { color:var(--blue); }dl > div { grid-template-columns:1fr; gap:2px; }.trust-row { justify-content:center; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }* { transition:none!important; } }