:root {
  --ink: #10131a;
  --muted: #68707f;
  --line: rgba(17, 29, 49, .1);
  --blue: #1874ff;
  --blue-dark: #075edb;
  --paper: #f7f8fb;
  --surface: rgba(255,255,255,.78);
  --shadow: 0 30px 90px rgba(27, 45, 80, .14);
}

* { box-sizing: border-box }
html { scroll-behavior: smooth; background: var(--paper) }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif; overflow-x: hidden }
a { color: inherit; text-decoration: none }
button, summary { font: inherit }
em { color: var(--blue); font-style: normal }

.site-nav { position: sticky; top: 16px; z-index: 20; max-width: 1180px; height: 68px; margin: 16px auto 0; padding: 0 14px 0 12px; border: 1px solid rgba(255,255,255,.85); border-radius: 23px; display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.72); box-shadow: 0 18px 52px rgba(25,41,72,.1); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px) }
.wordmark { display: inline-flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 800; letter-spacing: -.035em }
.wordmark img { width: 42px; height: 42px; border-radius: 12px; box-shadow: 0 8px 20px rgba(31,63,112,.16) }
.nav-links { display: flex; align-items: center; gap: 32px; color: #555e6d; font-size: 14px; font-weight: 650 }
.nav-links a:hover { color: var(--blue) }
.nav-cta { height: 42px; padding: 0 17px; border-radius: 13px; display: inline-flex; align-items: center; gap: 9px; background: var(--ink); color: #fff; font-size: 13px; font-weight: 750 }

.hero { max-width: 1240px; min-height: 790px; margin: 0 auto; padding: 90px 28px 70px; display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 30px }
.eyebrow { color: var(--blue); font-size: 11px; line-height: 1.4; font-weight: 850; letter-spacing: .17em }
.hero-copy h1, .section-heading h2, .showcase-copy h2, .security-copy h2, .final-cta h2 { margin: 20px 0 24px; font-size: clamp(54px, 6vw, 82px); line-height: .98; letter-spacing: -.068em; font-weight: 825 }
.hero-copy > p { max-width: 610px; margin: 0 0 32px; color: var(--muted); font-size: 19px; line-height: 1.65 }
.hero-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap }
.button { min-height: 56px; padding: 0 22px; border-radius: 17px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; font-size: 14px; font-weight: 790; transition: transform .2s, box-shadow .2s }
.button:hover { transform: translateY(-2px) }
.button.primary { color: #fff; background: linear-gradient(135deg, var(--blue), #6259ef); box-shadow: 0 16px 35px rgba(24,116,255,.25) }
.button.secondary { background: rgba(255,255,255,.8); border: 1px solid var(--line); box-shadow: 0 8px 25px rgba(24,37,61,.07) }
.trust-row { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 18px; color: #596272; font-size: 12px; font-weight: 650 }
.trust-row span { display: flex; align-items: center; gap: 6px }
.trust-row i { width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; background: rgba(28,184,100,.12); color: #13925a; font-style: normal; font-size: 10px }

.hero-stage { min-height: 660px; position: relative; display: grid; place-items: center }
.hero-glow { position: absolute; width: 580px; height: 580px; border-radius: 50%; background: radial-gradient(circle, rgba(51,133,255,.27), rgba(83,72,237,.1) 47%, transparent 70%); filter: blur(10px) }
.floating-chip { position: absolute; z-index: 5; min-width: 210px; padding: 14px 17px; border: 1px solid rgba(255,255,255,.92); border-radius: 18px; display: flex; align-items: center; gap: 11px; background: rgba(255,255,255,.86); box-shadow: 0 20px 50px rgba(28,46,81,.16); backdrop-filter: blur(20px) }
.floating-chip b { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: #e9f8ef; color: #15935c }
.floating-chip span { display: flex; flex-direction: column; gap: 3px }
.floating-chip strong { font-size: 12px }
.floating-chip small { color: var(--muted); font-size: 9px }
.chip-left { left: 0; top: 22% }
.chip-right { right: -8px; bottom: 24% }

.phone { position: relative; width: 292px; height: 600px; border-radius: 51px; background: linear-gradient(145deg,#3a3d46,#050609 48%,#383b43); padding: 7px; box-shadow: 0 45px 90px rgba(13,18,31,.28), inset 0 0 0 1px rgba(255,255,255,.3) }
.phone::before { content:""; position:absolute; left:-3px; top:124px; width:3px; height:75px; border-radius:2px; background:#25272d }
.phone-frame { width:100%; height:100%; border-radius:45px; overflow:hidden; position:relative; background:#f6f7fa; border:2px solid #090a0d }
.dynamic-island { position:absolute; z-index:4; width:90px; height:25px; border-radius:20px; background:#050505; left:50%; top:9px; transform:translateX(-50%) }
.phone-screen { height:100%; padding:15px 13px 0; background: linear-gradient(155deg,#fbfbfd 0%,#edf2f9 56%,#f8f8fa 100%); overflow:hidden }
.phone-status { height:29px; padding:0 8px; display:flex; align-items:center; justify-content:space-between; font-size:9px; font-weight:800 }
.screen-title { margin:11px 3px 13px; display:flex; align-items:center; justify-content:space-between }
.screen-title div { display:flex; flex-direction:column; gap:2px }
.screen-title small { color:var(--blue); font-size:7px; font-weight:850; letter-spacing:.15em }
.screen-title strong { font-size:24px; letter-spacing:-.05em }
.avatar,.round-action { width:34px; height:34px; border-radius:12px; display:grid; place-items:center; background:linear-gradient(145deg,#2984ff,#5c53e8); color:white; font-size:9px; font-weight:800; box-shadow:0 8px 18px rgba(28,109,239,.25) }
.round-action { border-radius:50%; font-size:18px }
.sync-pill { margin:0 2px 12px; padding:10px 12px; border-radius:14px; background:rgba(255,255,255,.84); border:1px solid rgba(255,255,255,.96); box-shadow:0 9px 22px rgba(32,49,77,.08); display:flex; align-items:center; gap:9px }
.sync-pill>span { width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:#e6f7ec; color:#15955d; font-weight:800 }
.sync-pill div { display:flex; flex-direction:column; gap:2px }
.sync-pill strong { font-size:9px }
.sync-pill small { color:var(--muted); font-size:7px }
.mini-gallery { display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:87px; grid-auto-flow:dense; gap:4px }
.mini-gallery .memory { min-width:0; border-radius:8px; background-image:url("/assets/marketing-og.png"); background-repeat:no-repeat; background-size:540% auto; position:relative; overflow:hidden }
.mini-gallery .memory:first-child { grid-column:span 2; grid-row:span 2 }
.memory-a { background-position:84% 18% !important }
.memory-b { background-position:98% 36% !important }
.memory-c { background-position:73% 58% !important }
.memory-d { background-position:94% 80% !important }
.memory-e { background-position:68% 92% !important }
.memory-f { background-position:100% 100% !important }
.memory span { display:none }
.tab-bar { position:absolute; left:12px; right:12px; bottom:9px; height:51px; border:1px solid rgba(255,255,255,.85); border-radius:18px; display:flex; align-items:center; justify-content:space-around; background:rgba(255,255,255,.87); box-shadow:0 10px 25px rgba(24,38,64,.11); backdrop-filter:blur(18px) }
.tab-bar span { display:flex; flex-direction:column; align-items:center; gap:2px; color:#808692; font-size:15px }
.tab-bar small { font-size:6px; font-weight:700 }
.tab-bar .active { color:var(--blue) }

.proof-strip { max-width:1150px; margin:0 auto 120px; padding:24px 34px; border:1px solid rgba(255,255,255,.9); border-radius:24px; background:rgba(255,255,255,.67); box-shadow:0 20px 55px rgba(26,42,72,.08); display:grid; grid-template-columns:repeat(4,1fr); backdrop-filter:blur(20px) }
.proof-strip>div { padding:8px 24px; border-right:1px solid var(--line); display:flex; flex-direction:column; align-items:center; gap:5px; text-align:center }
.proof-strip>div:last-child { border:0 }
.proof-strip strong { font-size:24px; color:var(--blue); letter-spacing:-.04em }
.proof-strip span { font-size:11px; color:var(--muted); font-weight:650 }

.section { max-width:1180px; margin:0 auto; padding:90px 28px }
.section-heading { max-width:700px }
.section-heading h2,.showcase-copy h2 { font-size:clamp(44px,5vw,66px); margin:17px 0 20px }
.section-heading>p,.showcase-copy>p { max-width:600px; color:var(--muted); font-size:17px; line-height:1.65 }
.feature-grid { margin-top:54px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px }
.feature-card { min-height:290px; padding:25px; border:1px solid rgba(255,255,255,.9); border-radius:27px; background:rgba(255,255,255,.74); box-shadow:0 18px 55px rgba(29,46,77,.08) }
.feature-icon { width:52px; height:52px; border-radius:16px; display:grid; place-items:center; margin-bottom:52px; font-size:22px; font-weight:800 }
.feature-card.blue .feature-icon { color:#1671ef; background:#e8f1ff }
.feature-card.orange .feature-icon { color:#ee7918; background:#fff0e1 }
.feature-card.violet .feature-icon { color:#7559dd; background:#f0ebff }
.feature-card.green .feature-icon { color:#15935d; background:#e7f7ee }
.feature-card h3 { margin:0 0 10px; font-size:19px; letter-spacing:-.035em }
.feature-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.65 }

.showcase-section,.collections-section { max-width:1180px; margin:110px auto; padding:70px 28px; display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:90px }
.showcase-copy ul { list-style:none; padding:0; margin:32px 0 0; display:flex; flex-direction:column; gap:20px }
.showcase-copy li { display:flex; gap:13px }
.showcase-copy li>span { width:25px; height:25px; border-radius:50%; flex:0 0 auto; display:grid; place-items:center; background:#e5f7ec; color:#11925a; font-size:11px; font-weight:900 }
.showcase-copy li div { display:flex; flex-direction:column; gap:4px }
.showcase-copy li strong { font-size:14px }
.showcase-copy li small { color:var(--muted); line-height:1.5 }
.phone-pair { min-height:650px; position:relative; border-radius:44px; background:radial-gradient(circle at 50% 45%,rgba(44,126,255,.22),transparent 64%) }
.phone-pair .phone { position:absolute; transform:scale(.86) }
.phone-pair .phone-gallery { left:8px; top:34px; transform:scale(.84) rotate(-5deg) }
.phone-pair .phone-backup { right:2px; top:0; transform:scale(.9) rotate(5deg) }
.backup-screen { text-align:center; padding-inline:17px }
.simple-nav { margin:11px 2px 24px; display:flex; justify-content:space-between; align-items:center; font-size:11px }
.backup-orb { width:83px; height:83px; border-radius:50%; margin:16px auto 18px; display:grid; place-items:center; background:radial-gradient(circle at 35% 30%,#68dca0,#14985f); box-shadow:0 20px 45px rgba(18,151,92,.24) }
.backup-orb span { width:52px; height:52px; border-radius:50%; display:grid; place-items:center; color:white; border:2px solid rgba(255,255,255,.65); font-size:25px }
.backup-screen h3 { margin:0 0 8px; font-size:19px; letter-spacing:-.04em }
.backup-screen>p { margin:0 auto 19px; max-width:210px; color:var(--muted); font-size:9px; line-height:1.5 }
.backup-card { padding:14px; border-radius:17px; text-align:left; background:white; border:1px solid var(--line); box-shadow:0 12px 30px rgba(29,47,79,.08) }
.backup-card>div:first-child { display:flex; align-items:center; gap:7px; font-size:9px }
.backup-card em { margin-left:auto; color:#14955c; font-size:7px; font-style:normal }
.pulse-dot { width:8px; height:8px; border-radius:50%; background:#21b66f }
.progress-track { height:6px; margin:12px 0 8px; border-radius:99px; background:#e7ebf0; overflow:hidden }
.progress-track i { display:block; width:100%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#1bb56e,#62d69c) }
.backup-card small { color:var(--muted); font-size:7px }
.stat-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:10px 0 }
.stat-grid div { padding:12px; border-radius:15px; background:rgba(255,255,255,.76); text-align:left; border:1px solid rgba(255,255,255,.9) }
.stat-grid span { display:block; font-size:15px; font-weight:850; letter-spacing:-.04em }
.stat-grid small { color:var(--muted); font-size:7px }
.rule-row { margin-top:8px; padding:11px; border-radius:14px; background:rgba(255,255,255,.75); display:flex; align-items:center; gap:9px; text-align:left; border:1px solid rgba(255,255,255,.9) }
.rule-row>span { width:29px; height:29px; border-radius:9px; display:grid; place-items:center; background:#eaf2ff; color:var(--blue) }
.rule-row div { display:flex; flex-direction:column; gap:2px }
.rule-row strong { font-size:8px }
.rule-row small { color:var(--muted); font-size:6px }
.rule-row i { margin-left:auto; color:#15945b; font-style:normal }

.collections-section { grid-template-columns:1.1fr 1fr }
.collection-stage { min-height:650px; position:relative; background:radial-gradient(circle at 48% 45%,rgba(255,153,61,.2),transparent 63%) }
.collection-stage .phone { transform:scale(.9) rotate(-4deg); position:absolute; left:15px; top:0 }
.people-screen h4 { margin:12px 3px 10px; font-size:10px }
.people-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px }
.people-row>div { text-align:center; display:flex; flex-direction:column; align-items:center; gap:3px }
.person { width:64px; height:64px; border-radius:50%; background-image:url("/assets/marketing-og.png"); background-size:430% auto; border:3px solid #fff; box-shadow:0 7px 18px rgba(30,45,71,.1) }
.person-a { background-position:83% 22% }
.person-b { background-position:97% 55% }
.person-c { background-position:78% 87% }
.people-row strong { font-size:8px }
.people-row small { color:var(--muted); font-size:6px }
.album-stack { display:flex; flex-direction:column; gap:8px }
.album-stack>div { display:grid; grid-template-columns:55px 1fr; grid-template-rows:1fr 1fr; column-gap:10px; padding:8px; border-radius:14px; background:rgba(255,255,255,.78) }
.album-cover { grid-row:span 2; width:55px; height:46px; border-radius:10px; background-image:url("/assets/marketing-og.png"); background-size:450% auto }
.album-stack strong { align-self:end; font-size:9px }
.album-stack small { color:var(--muted); font-size:7px }
.collection-card { width:235px; border-radius:27px; padding:7px 7px 14px; position:absolute; right:-5px; bottom:42px; background:rgba(255,255,255,.9); box-shadow:0 28px 70px rgba(35,46,68,.2); transform:rotate(5deg) }
.collection-photo { height:260px; border-radius:21px; background-image:url("/assets/marketing-og.png"); background-size:310% auto; background-position:93% 30% }
.collection-meta { padding:12px 9px 0; display:flex; align-items:center; gap:9px }
.collection-meta>span { color:#ef4e67; font-size:18px }
.collection-meta div { display:flex; flex-direction:column }
.collection-meta strong { font-size:9px }
.collection-meta small { color:var(--muted); font-size:7px }
.collection-meta i { margin-left:auto; font-style:normal }
.tag-cloud { display:flex; flex-wrap:wrap; gap:8px; margin-top:30px }
.tag-cloud span { padding:9px 13px; border-radius:99px; background:#fff; border:1px solid var(--line); color:#596272; font-size:11px; font-weight:700 }

.web-section { padding:130px 28px; background:linear-gradient(180deg,#edf4ff 0%,#f8f9fb 100%) }
.centered { max-width:720px; margin:0 auto; text-align:center }
.centered>p { margin-inline:auto }
.browser-mock { max-width:1120px; margin:60px auto 0; border:1px solid rgba(255,255,255,.9); border-radius:26px; overflow:hidden; background:#fff; box-shadow:0 45px 110px rgba(31,52,91,.18) }
.browser-top { height:48px; padding:0 17px; display:grid; grid-template-columns:1fr 3fr 1fr; align-items:center; background:#f2f3f6; border-bottom:1px solid #e3e5ea }
.traffic { display:flex; gap:6px }.traffic i { width:9px;height:9px;border-radius:50%;background:#ff6257}.traffic i:nth-child(2){background:#ffbd2f}.traffic i:nth-child(3){background:#28c840}
.address { justify-self:center; width:min(390px,100%); padding:7px 16px; border-radius:9px; background:white; color:#7a808b; text-align:center; font-size:9px }
.browser-top>span { justify-self:end; color:#7a808b }
.browser-app { display:grid; grid-template-columns:205px 1fr; min-height:540px; background:linear-gradient(145deg,#f8f9fb,#edf1f7) }
.browser-app aside { padding:22px 15px; background:rgba(255,255,255,.68); border-right:1px solid rgba(25,35,52,.08); display:flex; flex-direction:column }
.browser-brand { display:flex; align-items:center; gap:8px; padding:0 6px 22px; font-size:12px }.browser-brand img{width:29px;height:29px;border-radius:8px}
.browser-app nav { display:flex; flex-direction:column; gap:5px }.browser-app nav span{padding:10px 11px;border-radius:10px;color:#66707f;font-size:9px;font-weight:700}.browser-app nav span.active{background:#e8f1ff;color:var(--blue)}.browser-app nav small{padding:13px 11px 3px;color:#8a909b;font-size:6px;letter-spacing:.15em;font-weight:800}
.secure-note { margin-top:auto;padding:13px;border-radius:13px;background:#edf8f1;display:flex;flex-direction:column;gap:4px}.secure-note b{color:#19955e}.secure-note strong{font-size:8px}.secure-note small{font-size:6px;color:#68736c;line-height:1.4}
.browser-content { padding:34px }
.browser-content header { display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.browser-content header small{color:var(--blue);font-size:7px;font-weight:800;letter-spacing:.15em}.browser-content h3{margin:7px 0 4px;font-size:30px;letter-spacing:-.05em}.browser-content p{margin:0;color:var(--muted);font-size:8px}.search{width:170px;padding:11px 14px;border-radius:11px;background:#fff;color:#8a909a;font-size:8px}
.mini-gallery.compact { grid-template-columns:repeat(5,1fr);grid-auto-rows:128px;gap:5px}.mini-gallery.compact .memory:first-child{grid-column:span 2;grid-row:span 2}.mini-gallery.compact .memory{border-radius:9px}

.security-section { min-height:760px; padding:110px max(28px,calc((100vw - 1180px)/2)); display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;background:radial-gradient(circle at 20% 50%,#17376c 0%,#0d1b34 34%,#09101d 67%);color:#fff }
.security-visual { min-height:540px;position:relative;display:grid;place-items:center }
.vault-rings { width:260px;height:260px;border-radius:50%;border:1px solid rgba(90,158,255,.25);display:grid;place-items:center;position:relative;box-shadow:0 0 120px rgba(41,116,255,.2)}
.vault-rings:before,.vault-rings:after { content:"";position:absolute;border-radius:50%;border:1px solid rgba(90,158,255,.16)}.vault-rings:before{width:370px;height:370px}.vault-rings:after{width:480px;height:480px}
.vault-rings i { position:absolute;width:9px;height:9px;border-radius:50%;background:#58a3ff;box-shadow:0 0 22px #58a3ff}.vault-rings i:first-child{left:-60px}.vault-rings i:nth-child(2){right:-115px;top:40px}.vault-rings i:nth-child(3){bottom:-40px;right:30px}
.vault-rings span { width:120px;height:120px;border-radius:35px;display:grid;place-items:center;background:linear-gradient(145deg,#2686ff,#4c55df);font-size:49px;box-shadow:0 30px 80px rgba(24,112,255,.35)}
.encrypted-packet { position:absolute;padding:13px 17px;border:1px solid rgba(113,169,255,.2);border-radius:13px;background:rgba(19,45,85,.6);color:#74b3ff;font:700 8px/1.5 ui-monospace,monospace;letter-spacing:.1em;backdrop-filter:blur(12px)}.packet-one{left:0;top:105px;transform:rotate(-6deg)}.packet-two{right:18px;bottom:85px;transform:rotate(7deg)}
.security-copy .eyebrow { color:#78b8ff }.security-copy h2{font-size:clamp(44px,5vw,64px)}.security-copy h2 em{color:#75b7ff}.security-copy>p{color:#aab6c8;font-size:16px;line-height:1.7}
.security-list { margin-top:30px;display:flex;flex-direction:column;gap:18px}.security-list>div{display:flex;gap:13px}.security-list>div>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(70,141,242,.13);color:#78b8ff}.security-list p{margin:0;display:flex;flex-direction:column;gap:5px}.security-list strong{font-size:13px}.security-list small{color:#93a1b5;font-size:10px;line-height:1.5}

.steps-section,.pricing-section,.faq-section { max-width:1180px;margin:0 auto;padding:140px 28px }
.steps { margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps article{padding:28px;border:1px solid var(--line);border-radius:25px;background:#fff;position:relative}.steps article>span{position:absolute;right:22px;top:20px;color:#dce1e8;font-size:30px;font-weight:850}.step-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#e9f2ff;color:var(--blue);font-size:21px;margin-bottom:45px}.steps h3{margin:0 0 9px;font-size:18px}.steps p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.pricing-section { max-width:1100px }.pricing-grid{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center}.plan{padding:29px;border:1px solid var(--line);border-radius:27px;background:#fff;position:relative}.plan.recommended{padding-top:40px;border-color:rgba(24,116,255,.35);box-shadow:0 25px 70px rgba(28,102,214,.16);transform:translateY(-12px)}.plan-badge{position:absolute;top:0;left:26px;right:26px;transform:translateY(-50%);padding:7px;border-radius:99px;text-align:center;background:var(--blue);color:#fff;font-size:8px;font-weight:850;letter-spacing:.13em}.plan-name{font-size:13px;font-weight:800;color:var(--blue)}.plan-storage{display:block;margin:12px 0 8px;font-size:36px;letter-spacing:-.055em}.plan>p{min-height:39px;margin:0 0 22px;color:var(--muted);font-size:11px;line-height:1.5}.plan-price{display:flex;align-items:end;gap:5px}.plan-price strong{font-size:27px;letter-spacing:-.04em}.plan-price span,.plan>small{color:var(--muted);font-size:9px}.plan>small{display:block;margin-top:4px}.plan>a{height:46px;margin:22px 0; padding:0 14px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;background:#edf3ff;color:var(--blue);font-size:11px;font-weight:800}.recommended>a{background:var(--blue);color:#fff}.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;color:#596272;font-size:9px}

.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-heading h2{margin:16px 0 15px;font-size:50px;letter-spacing:-.06em}.faq-heading p{color:var(--muted)}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:750}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;color:var(--blue);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin:13px 40px 0 0;color:var(--muted);font-size:12px;line-height:1.65}

.final-cta { max-width:1180px;min-height:590px;margin:40px auto 70px;padding:70px 28px;border-radius:42px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 130%,#4c6ff5,#183a88 48%,#0d1d3e 82%);color:#fff}.final-cta img{width:86px;height:86px;border-radius:23px;margin-bottom:24px;box-shadow:0 20px 50px rgba(2,9,26,.3)}.final-cta .eyebrow{color:#9dc8ff}.final-cta h2{font-size:clamp(45px,6vw,70px);margin:16px 0}.final-cta h2 em{color:#9ac8ff}.final-cta>p{color:#b8c8e0;margin:0 0 28px}.button.light{background:#fff;color:#153366;box-shadow:0 15px 38px rgba(2,10,28,.25)}
footer{max-width:1180px;margin:0 auto;padding:30px 10px 45px;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:30px;color:var(--muted);font-size:10px}footer .wordmark{color:var(--ink);font-size:15px}footer .wordmark img{width:34px;height:34px}footer>div{display:flex;gap:17px;justify-content:center}footer a:hover{color:var(--blue)}

@media(max-width:1000px){
  .site-nav{margin-inline:16px}.hero{grid-template-columns:1fr; padding-top:70px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-stage{margin-top:-30px}.feature-grid{grid-template-columns:repeat(2,1fr)}.showcase-section,.collections-section{grid-template-columns:1fr;gap:40px}.showcase-copy{max-width:680px;margin:auto}.collections-section .showcase-copy{grid-row:1}.collection-stage,.phone-pair{max-width:620px;width:100%;margin:auto}.security-section{grid-template-columns:1fr;padding-block:90px}.security-visual{min-height:430px}.browser-app{grid-template-columns:170px 1fr}.mini-gallery.compact{grid-template-columns:repeat(4,1fr)}.pricing-grid{max-width:720px;margin-inline:auto;grid-template-columns:1fr}.plan.recommended{transform:none}.faq-section{grid-template-columns:1fr;gap:35px}footer{grid-template-columns:1fr 1fr;text-align:center}footer .wordmark{justify-content:center}
}
@media(max-width:680px){
  .site-nav{height:60px;top:8px;margin-top:8px}.site-nav .wordmark span,.nav-links{display:none}.site-nav .wordmark img{width:38px;height:38px}.hero{padding:65px 18px 45px}.hero-copy h1{font-size:50px}.hero-copy>p{font-size:16px}.hero-stage{min-height:610px;transform:scale(.9);margin-inline:-30px}.chip-left{left:10px}.chip-right{right:10px}.proof-strip{margin:0 14px 80px;grid-template-columns:1fr 1fr}.proof-strip>div:nth-child(2){border-right:0}.proof-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section,.steps-section,.pricing-section,.faq-section{padding:80px 18px}.section-heading h2,.showcase-copy h2{font-size:43px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:230px}.feature-icon{margin-bottom:30px}.showcase-section,.collections-section{margin:40px auto;padding:60px 18px}.phone-pair,.collection-stage{transform:scale(.82);margin-block:-60px;margin-inline:-30px;width:calc(100% + 60px)}.web-section{padding:90px 14px}.browser-app{grid-template-columns:1fr}.browser-app aside{display:none}.browser-content{padding:20px}.browser-content header{align-items:flex-start}.search{display:none}.mini-gallery.compact{grid-template-columns:repeat(3,1fr);grid-auto-rows:90px}.security-section{padding:80px 18px}.security-visual{transform:scale(.72);margin-block:-80px}.steps{grid-template-columns:1fr}.faq-heading h2{font-size:42px}.final-cta{margin:20px 12px 40px;border-radius:30px;min-height:520px;padding-inline:18px}footer{grid-template-columns:1fr}footer>div{flex-wrap:wrap}.collection-card{right:6px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}