/* Deliberately light marketing, independent of the app's theme.
   Shared Gabarito / Instrument Sans, ember, glacier and jade retain the brand. */
.site { --page:#fafbfc; --surface:#f1f4f7; --text:#101923; --secondary:#5b6875; --line:#dfe5eb; --blue-text:#195e8d; --green-text:#146441; --ease:cubic-bezier(.22,1,.36,1); margin:0; background:var(--page); color:var(--text); font:16px/1.55 var(--font); -webkit-font-smoothing:antialiased; }
html { scroll-behavior:smooth; scroll-padding-top:95px; }
.site *, .site *::before, .site *::after { box-sizing:border-box; }
.site a { color:inherit; text-decoration:none; }
.site button { font:inherit; cursor:pointer; }
.site h1,.site h2,.site h3,.site p { margin:0; }
.site h1,.site h2,.site h3 { font-family:var(--font-display); font-weight:600; letter-spacing:-.045em; line-height:1.04; }
.site h2 { font-size:clamp(42px,5.1vw,66px); }
.site h2 span { color:#778591; }
.site h3 { font-size:35px; }
.site :is(button,a,summary) { -webkit-tap-highlight-color:transparent; }
.site :is(a,button,summary):focus-visible { outline:3px solid var(--glacier-deep); outline-offset:5px; border-radius:6px; }
.site [hidden] { display:none !important; }
::selection { color:var(--ink); background:var(--frost); }
.icon-definitions { position:absolute; width:0; height:0; overflow:hidden; }
.icon { width:22px; height:22px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; }
.wrap { width:min(1160px,calc(100% - 80px)); margin-inline:auto; }
.section-space { padding-block:116px; }
.eyebrow { font-size:11px; font-weight:650; letter-spacing:.14em; line-height:1.5; }
.centered { text-align:center; }
.section-heading .eyebrow { margin-bottom:23px; color:var(--secondary); }
.section-heading > p:not(.eyebrow) { margin-top:24px; font-size:18px; color:var(--secondary); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:54px; padding:14px 25px; border:0; border-radius:100px; background:var(--ember); color:#17110e !important; font-size:14px; font-weight:650; line-height:1.25; transition:background .2s,box-shadow .2s,transform .2s; }
.button:hover { background:#ff6339; box-shadow:0 6px 18px #ff4f1f25; transform:translateY(-2px); }
.button:active { transform:translateY(0); }
.button .icon { width:19px; height:19px; }
.button-small { min-height:44px; padding:11px 19px; gap:12px; font-size:12px; }
.text-link { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; font-size:14px; font-weight:600; }
.text-link:hover { color:var(--blue-text); }
.text-link > span,.text-link > svg { transition:transform .2s; }
.text-link:hover > :last-child { transform:translate(2px,-1px); }
.actions { display:flex; align-items:center; justify-content:center; gap:28px; flex-wrap:wrap; }
.skip { position:fixed; top:-80px; left:16px; padding:12px 20px; background:white; z-index:100; }
.skip:focus { top:16px; }
.mobile-only { display:none; }
.site-header { position:sticky; top:0; z-index:20; background:#fafbfcec; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border-bottom:1px solid #10192309; }
.nav-wrap { width:min(1320px,calc(100% - 80px)); margin:auto; height:76px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.brand { display:inline-flex; align-items:center; gap:10px; font-family:var(--font-display); font-size:23px; font-weight:600; letter-spacing:-.045em; white-space:nowrap; }
.brand-mark { width:29px; height:29px; }
.brand-domain { color:var(--secondary); }
.site-nav { display:flex; gap:32px; align-items:center; font-size:12px; color:#44515e; }
.site-nav a { padding-block:14px; }
.site-nav a:hover { color:var(--text); }
/* The sculpted envelope is the signature. Everything around it stays quiet. */
.hero { padding-top:64px; overflow:clip; }
.hero-copy { position:relative; z-index:2; text-align:center; }
.hero-eyebrow { display:flex; align-items:center; justify-content:center; gap:9px; color:#586675; font-size:12px; letter-spacing:.025em; }
.hero-eyebrow .icon { width:17px; height:17px; }
.hero h1 { font-size:clamp(66px,7.6vw,106px); line-height:.99; margin-top:26px; font-weight:600; letter-spacing:-.06em; }
.hero h1 span { color:#728899; }
.hero-description { margin-top:26px !important; color:var(--secondary); font-size:19px; line-height:1.5; letter-spacing:-.018em; }
.hero-actions { margin-top:28px; }
.compatibility { margin-top:15px !important; font-size:11px; color:#63717d; }
.hero-stage { position:relative; width:min(1180px,100%); height:440px; margin:-8px auto 0; isolation:isolate; }
.stage-halo { position:absolute; width:78%; height:85%; left:11%; top:4%; background:radial-gradient(ellipse,#deeffc 0%,#eaf3fa60 42%,transparent 70%); z-index:-1; }
.hero-fallback,.hero-canvas { position:absolute; width:100%; height:100%; object-fit:contain; inset:0; }
.hero-canvas { opacity:0; transition:opacity .7s; }
.hero-stage.is-ready .hero-canvas { opacity:1; }
.hero-stage.is-ready .hero-fallback { opacity:0; }
/* The readable mail over the envelope (hero-mail.js). Each card moves by its
   transform alone, so the stream costs no layout; the static notes make way
   for it once it is running. */
.mail-stream { position:absolute; inset:0; z-index:3; pointer-events:none; overflow:hidden; }
.mail-card { position:absolute; left:0; top:0; box-sizing:border-box; padding:12px 14px 13px; border:1px solid #fff; border-radius:13px; background:#ffffffeb; box-shadow:0 14px 40px #234a6e14,0 2px 4px #234a6e08; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transform-origin:top left; opacity:0; will-change:transform,opacity; transition:transform 1.1s var(--ease),opacity .55s ease; }
.mail-card.is-in { transition:transform .9s var(--ease),opacity .45s ease; }
.mail-card.is-leaving { transition:transform 1.1s cubic-bezier(.5,0,.8,.4),opacity .5s ease .45s; }
.mail-card.is-gone { transition:transform .9s ease-in,opacity .5s ease; }
.mail-card-head { display:flex; align-items:center; gap:8px; }
.mail-card-avatar { width:24px; height:24px; border-radius:50%; display:grid; place-items:center; background:#ece6f1; color:#5c466b; font-size:11px; font-weight:600; flex-shrink:0; }
.mail-card.is-cold .mail-card-avatar { background:#e3eef7; color:#3d5a76; }
.mail-card-from { font-size:12.5px; font-weight:650; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mail-card-time { margin-left:auto; font-size:10px; color:var(--secondary); flex-shrink:0; }
.mail-card-subject { margin-top:7px; font-size:12.5px; font-weight:600; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mail-card-snippet { margin-top:3px; font-size:11.5px; line-height:1.45; color:var(--secondary); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.mail-card-verdict { position:absolute; right:12px; bottom:12px; display:inline-flex; align-items:center; gap:4px; padding:2px 7px 2px 5px; border-radius:6px; font-size:10.5px; font-weight:600; opacity:0; transform:scale(.8); transition:opacity .3s ease,transform .35s var(--ease); background:#d9f5e6; color:var(--green-text); }
.mail-card.is-cold .mail-card-verdict { background:#ddf2ff; color:#0b5e9e; }
.mail-card-verdict .icon { width:12px; height:12px; stroke-width:2.2; }
.mail-card.is-filed .mail-card-verdict,.mail-card.is-kept .mail-card-verdict { opacity:1; transform:scale(1); }
.mail-card.is-kept .mail-card-snippet { display:none; }
.hero-stage.has-stream .floating-note { display:none; }
.floating-note { position:absolute; display:flex; align-items:center; gap:13px; padding:18px 21px; border:1px solid #fff; border-radius:15px; background:#ffffffd9; box-shadow:0 12px 40px #234a6e0c,0 2px 4px #234a6e04; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); z-index:2; }
.note-cold { top:33%; left:7%; transform:rotate(-5deg); }
.note-kept { right:3%; top:56%; transform:rotate(5deg); }
.note-icon,.note-avatar { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:#e9f4fc; color:var(--blue-text); }
.note-avatar { color:#5c466b; background:#ece6f1; font-weight:600; }
.note-label { display:block; font-size:12px; font-weight:600; }
.note-result { display:flex; align-items:center; gap:6px; font-size:10px; color:var(--secondary); margin-top:4px; }
.note-result .icon { width:12px; height:12px; color:var(--green-text); }
.pause-icon { font-size:13px; font-weight:700; }
.promise-strip { display:flex; justify-content:center; gap:70px; padding-block:25px 39px; }
.promise-strip > span { display:flex; align-items:center; gap:10px; font-size:12px; color:var(--secondary); }
.promise-strip .icon { width:18px; height:18px; color:#718393; }
/* Three visual explanations, in one familiar vocabulary. */
.control .section-heading { margin-bottom:46px; }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.feature { min-height:510px; overflow:hidden; border-radius:22px; padding:34px 28px; background:#f0f3f6; position:relative; }
.feature .eyebrow { font-size:9px; color:#60717e; letter-spacing:.11em; margin-bottom:19px; }
.feature-copy > p:last-child { color:#5c6a77; font-size:13px; line-height:1.65; margin-top:18px; }
.feature-reasons { background:#eaf2f8; }
.reason-card { background:#fff; border:1px solid #fff; border-radius:14px; margin-top:35px; padding:20px 15px 12px; box-shadow:0 16px 24px -10px #31526e1c; transform:rotate(-3deg); }
.reason-card-top { display:flex; align-items:center; gap:10px; }
.score-orbit { display:flex; align-items:baseline; justify-content:center; padding-top:14px; font-size:17px; font-weight:600; line-height:1; letter-spacing:-.04em; width:47px; height:47px; flex-shrink:0; border-radius:50%; border:3px solid #cce7f8; border-top-color:#2e7fb7; border-right-color:#2e7fb7; border-bottom-color:#2e7fb7; color:var(--blue-text); }
.score-orbit > span { font-size:9px; }
.reason-card-top strong { display:block; font-size:10px; font-weight:600; }
.reason-card-top div > span { display:block; font-size:9px; color:#697a87; margin-top:3px; }
.small-mark { height:22px; width:22px; margin-left:auto; flex-shrink:0; }
.reason-card ul { list-style:none; margin:15px 0; padding:0; font-size:10px; color:#4c6070; }
.reason-card li { padding-block:7px; border-top:1px solid #eef2f6; }
.reason-card li > span { color:#3379a7; margin-right:8px; }
.reason-caption { font-size:9px; color:#61717d; }
.feature-safe { background:#f0f3f5; }
.folder-illustration { position:relative; width:212px; height:150px; margin:55px auto 0; transform:rotate(-9deg); perspective:800px; }
.folder-illustration::before { content:''; position:absolute; width:210px; height:133px; left:0; top:0; border-radius:15px; background:#95bcd7; box-shadow:0 24px 25px -15px #4a718b3b; }
.folder-illustration::after { content:''; width:86px; height:22px; border-radius:10px 14px 0 0; position:absolute; top:-14px; left:0; background:#95bcd7; z-index:-1; }
.folder-paper { position:absolute; width:175px; height:114px; left:20px; top:-12px; border-radius:8px; background:#fff; box-shadow:0 2px 6px #4e718a12; }
.paper-back { transform:rotate(8deg); top:-20px; background:#e7f1f8; }
.paper-front { padding:20px; }
.paper-front span { display:block; width:80%; height:4px; margin-bottom:8px; background:#e5ebf1; border-radius:4px; }
.paper-front span:nth-child(2) { width:60%; }
.folder-front { position:absolute; width:218px; height:120px; bottom:6px; left:-3px; background:linear-gradient(145deg,#d5e9f8,#b2cee3); border:1px solid #e5f2fa; border-radius:12px 12px 18px 18px; display:flex; align-items:center; justify-content:center; gap:10px; transform:rotateX(-18deg); color:#416d90; font-size:13px; box-shadow:0 -4px 10px #52789d0d; }
.folder-front b { font-size:10px; padding:2px 6px; border-radius:5px; background:#ffffff60; }
.safe-label { display:flex; align-items:center; justify-content:center; gap:6px; font-size:10px; color:#5d7380; margin-top:15px; }
.safe-label .icon { width:13px; height:13px; color:var(--green-text); }
.feature-choice { background:#edf3ef; }
.choice-demo { background:#fff; border-radius:14px; padding:19px; margin-top:33px; border:1px solid #fff; box-shadow:0 12px 28px -8px #294b3912; }
.choice-person { display:flex; align-items:center; gap:11px; }
.person-avatar { width:35px; height:35px; display:grid; place-items:center; border-radius:50%; background:#eee5da; color:#78624b; font-size:10px; }
.choice-person strong { display:block; font-size:11px; }
.choice-person div > span { display:block; font-size:10px; color:#64756c; margin-top:2px; }
.choice-actions { display:flex; gap:8px; margin-top:21px; }
.decision-button { min-height:44px; padding:10px 11px; border:1px solid #dce4df; border-radius:7px; background:#fff; font-size:10px !important; display:flex; align-items:center; gap:6px; color:#52665a; transition:background .2s,border-color .2s; }
.decision-button .icon { width:13px; height:13px; }
.decision-button.chosen { background:#e5f4e9; border-color:#c6dfcf; color:#235f3a; }
.decision-button[data-decision="cold"].chosen { background:#e7f3fc; color:#195e8d; border-color:#bbd9ee; }
.choice-status { font-size:10px; color:#536c5c; margin-top:14px !important; min-height:32px; }
.choice-demo .reason-caption { display:block; margin-top:8px; }
/* One licensed photograph gives the benefit a human scale. */
.quiet-moment { position:relative; min-height:640px; height:min(760px,70vw); color:white; background:#263e46; overflow:hidden; }
.quiet-moment picture,.quiet-moment picture img,.quiet-overlay { position:absolute; inset:0; width:100%; height:100%; }
.quiet-moment picture img { object-fit:cover; object-position:center 52%; }
.quiet-overlay { background:linear-gradient(90deg,#081b29b8 0%,#1024334d 60%,#0717230d 100%); }
.quiet-copy { position:relative; padding-top:130px; z-index:1; }
.quiet-copy .eyebrow { color:#e2edf4; margin-bottom:26px; font-size:10px; }
.quiet-copy h2 { font-size:clamp(64px,7.5vw,100px); letter-spacing:-.05em; }
.quiet-copy > p:not(.eyebrow) { margin-top:23px; font-size:17px; color:#eef3f7; }
.button-white { background:#fff; color:#16242c !important; margin-top:30px; }
.button-white:hover { background:#e5f0f6; box-shadow:none; }
.photo-credit { position:absolute; bottom:20px; right:28px; font-size:9px; color:white !important; padding:6px 9px; border-radius:6px; background:#09192180; }
.privacy-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:center; }
.privacy-visual { position:relative; height:350px; display:grid; place-items:center; background:radial-gradient(ellipse,#e2f1fb 0%,transparent 65%); }
.privacy-ring { position:absolute; border:1px solid #dce8f0; border-radius:50%; width:320px; height:320px; }
.ring-inner { width:230px; height:230px; border-color:#d7e3ed; }
.lock-object { width:118px; height:155px; transform:rotate(-10deg); filter:drop-shadow(10px 18px 15px #345d7b27); }
.lock-object svg { width:100%; height:100%; }
.privacy-visual-label { position:absolute; bottom:4px; display:flex; align-items:center; gap:6px; color:#617383; font-size:10px; }
.privacy-visual-label .icon { width:14px; height:14px; }
.privacy-copy h2 { font-size:clamp(36px,3.8vw,49px); }
.privacy-copy > p:not(.eyebrow) { font-size:14px; max-width:480px; line-height:1.8; margin-top:20px; }
.privacy-copy .text-link { margin-top:19px; }
.faq-section { border-top:1px solid var(--line); padding-top:90px; }
.faq-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; }
.faq-layout h2 { font-size:47px; }
.faq-layout .text-link { margin-top:21px; color:var(--secondary); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list details:first-child { border-top:1px solid var(--line); }
.faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:75px; list-style:none; font-size:14px; font-weight:550; cursor:pointer; padding:20px 0; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary .icon { width:18px; height:18px; color:#7e8c98; transition:transform .2s; }
.faq-list details[open] summary .icon { transform:rotate(45deg); }
.faq-list details p { color:var(--secondary); font-size:13px; padding:0 30px 24px 0; line-height:1.8; }
.faq-list p a { text-decoration:underline; text-underline-offset:3px; }
.get-started { background:radial-gradient(ellipse at 50% 55%,#e8f3fc,#f2f6fa 50%,#f1f4f7 80%); }
.closing-mark { width:56px; height:56px; filter:drop-shadow(0 12px 10px #142c4218); transform:rotate(-6deg); margin-bottom:26px; }
.get-started .eyebrow { color:#647787; margin-bottom:20px; font-size:10px; }
.get-started h2 { font-size:clamp(54px,6vw,78px); }
.start-description { font-size:16px; color:var(--secondary); margin-top:24px !important; }
.get-started .actions { margin-top:30px; }
.setup-note { margin-top:21px !important; font-size:11px; line-height:1.8; color:#657483; }
.setup-steps { display:flex; align-items:center; justify-content:center; gap:28px; margin-top:42px; }
.setup-steps > span { display:flex; align-items:center; gap:8px; font-size:11px; color:#536777; }
.setup-steps b { display:grid; place-items:center; width:21px; height:21px; border:1px solid #cdd9e3; border-radius:50%; font-size:9px; }
.site-footer { padding-block:40px 24px; }
.footer-top { display:flex; align-items:center; gap:25px; padding-bottom:30px; }
.footer-top > p { font-size:11px; color:#687988; }
.footer-top nav { display:flex; gap:24px; margin-left:auto; font-size:11px; color:#576773; }
.footer-top nav a:hover { text-decoration:underline; text-underline-offset:4px; }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:22px; border-top:1px solid var(--line); font-size:10px; color:#6b7985; }
/* All content stays visible without JS. Reveals are finite, never a gate. */
@keyframes soft-reveal { from { opacity:.2; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }
.revealing { animation:soft-reveal .8s var(--ease) both; }
@media (min-width:1000px) and (prefers-reduced-motion:no-preference) { .hero-copy { animation:soft-reveal 1s var(--ease) both; } }
@media (max-width:1100px) {
 .feature { padding-inline:22px; } .feature-copy h3 { font-size:30px; } .reason-card { padding-inline:12px; margin-inline:-7px; } .reason-card-top strong { font-size:9px; } .small-mark { display:none; }
 .note-cold { left:3%; } .note-kept { right:2%; }
 .privacy-layout,.faq-layout { gap:50px; } .footer-top { flex-wrap:wrap; } .footer-top > p { margin-left:auto; } .footer-top nav { width:100%; margin-left:0; }
}
@media (max-width:800px) {
 .wrap,.nav-wrap { width:calc(100% - 48px); } .nav-wrap { height:66px; gap:20px; } .site-nav { gap:20px; } .site-nav a:nth-child(2) { display:none; }
 .hero { padding-top:55px; } .hero h1 { font-size:80px; } .hero-description { font-size:17px; } .hero-stage { height:380px; margin-top:0; }
 .floating-note { padding:12px 14px; gap:10px; } .note-cold { top:18%; left:3%; } .note-kept { top:64%; right:4%; } .note-label { font-size:11px; } .note-result { font-size:9px; } .note-icon,.note-avatar { width:30px; height:30px; font-size:12px; }
 .promise-strip { gap:25px; padding-top:18px; } .promise-strip > span { font-size:10px; gap:7px; } .section-space { padding-block:85px; }
 .feature-grid { grid-template-columns:1fr; } .feature { min-height:310px; display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center; padding:35px; } .feature-copy h3 { font-size:35px; } .reason-card,.choice-demo { margin:0; } .reason-card-top strong { font-size:10px; } .folder-illustration { margin:20px auto 0; } .safe-label { position:absolute; bottom:28px; right:65px; }
 .quiet-moment { min-height:600px; } .quiet-copy { padding-top:110px; } .privacy-layout { grid-template-columns:.75fr 1fr; gap:30px; } .privacy-ring { width:240px; height:240px; } .ring-inner { width:180px; height:180px; } .privacy-copy h2 { font-size:35px; } .privacy-visual { height:300px; } .faq-layout { grid-template-columns:1fr; gap:30px; }
}
@media (max-width:560px) {
 html { scroll-padding-top:82px; } .wrap,.nav-wrap { width:calc(100% - 40px); } .nav-wrap { gap:10px; } .brand { font-size:21px; gap:8px; } .brand-mark { width:26px; height:26px; } .site-nav { display:none; } .button-small { font-size:11px; padding-inline:16px; }
 .hero { padding-top:42px; } .hero-eyebrow { font-size:10px; gap:6px; } .hero h1 { font-size:clamp(55px,13.7vw,76px); margin-top:23px; } .hero-description { font-size:15px; margin-top:22px !important; } .hero-actions { gap:12px; margin-top:24px; } .hero-actions .button { min-height:48px; padding:13px 18px; font-size:12px; gap:9px; } .hero-actions .text-link { font-size:11px; gap:6px; } .compatibility { font-size:9px; margin-top:13px !important; }
 .hero-stage { height:320px; margin-top:8px; } .mail-card { padding:9px 11px 10px; border-radius:10px; } .mail-card-from,.mail-card-subject { font-size:11px; } .mail-card-snippet { font-size:10px; } .mail-card-verdict { font-size:9.5px; right:9px; bottom:9px; } .hero-fallback,.hero-canvas { width:132%; max-width:none; left:-16%; } .floating-note { border-radius:10px; gap:8px; padding:10px 11px; } .note-cold { top:7%; left:4%; } .note-kept { right:4%; top:70%; } .note-label { font-size:9px; } .note-result { font-size:8px; margin-top:2px; } .note-icon,.note-avatar { height:25px; width:25px; border-radius:7px; } .note-icon .icon { height:17px; width:17px; }
 .promise-strip { gap:14px; justify-content:space-between; padding-block:16px 30px; } .promise-strip > span { flex-direction:column; gap:7px; text-align:center; font-size:8px; white-space:nowrap; } .promise-strip .icon { width:16px; height:16px; }
 .section-space { padding-block:64px; } .site h2 { font-size:42px; } .section-heading .eyebrow { font-size:9px; margin-bottom:18px; } .section-heading > p:not(.eyebrow) { font-size:15px; margin-top:19px; } .mobile-only { display:initial; }
 .control .section-heading { margin-bottom:30px; } .feature-grid { gap:15px; } .feature { display:block; min-height:460px; padding:30px; border-radius:18px; } .feature-copy h3 { font-size:35px; } .feature-copy > p:last-child { font-size:13px; } .reason-card,.choice-demo { margin:28px auto 0; max-width:310px; } .reason-card { padding:17px; } .small-mark { display:block; } .folder-illustration { margin-top:45px; } .safe-label { position:static; margin-top:12px; }
 .quiet-moment { min-height:560px; } .quiet-moment picture img { object-position:61% center; } .quiet-overlay { background:linear-gradient(90deg,#081b29c4,#10243340); } .quiet-copy { padding-top:95px; } .quiet-copy h2 { font-size:64px; } .quiet-copy .eyebrow { font-size:8px; } .quiet-copy > p:not(.eyebrow) { font-size:15px; } .photo-credit { font-size:8px; bottom:14px; right:14px; }
 .privacy-layout { display:flex; flex-direction:column; gap:44px; } .privacy-visual { height:260px; width:100%; } .privacy-ring { width:220px; height:220px; } .ring-inner { width:160px; height:160px; } .lock-object { width:90px; height:120px; } .privacy-copy h2 { font-size:36px; } .privacy-copy > p:not(.eyebrow) { font-size:14px; } .faq-layout { gap:26px; } .faq-list summary { font-size:13px; min-height:70px; }
 .get-started h2 { font-size:52px; } .start-description { font-size:13px; } .get-started .actions { gap:18px; } .get-started .button { font-size:13px; } .get-started .text-link { font-size:12px; } .setup-note { font-size:10px; } .setup-steps { gap:17px; margin-top:30px; } .setup-steps > span { flex-direction:column; gap:7px; font-size:9px; }
 .footer-top { gap:18px 12px; padding-bottom:25px; } .footer-top > p { font-size:9px; } .footer-top nav { gap:22px; font-size:10px; } .footer-bottom { font-size:8px; gap:12px; }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; } .site *,.site *::before,.site *::after { animation:none !important; transition:none !important; } .button:hover { transform:none; }
}
/* A quiet, readable price comparison; the Gmail demo remains the signature. */
.pricing { border-top:1px solid var(--line); background:#f1f4f7; }
.pricing-intro { text-align:center; margin-bottom:48px; }
.pricing-intro>p:last-child { margin-top:22px; color:var(--secondary); font-size:18px; line-height:1.6; }
.pricing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; max-width:860px; margin:auto; }
.price-card { padding:36px; border:1px solid #dfe5eb; background:#fff; border-radius:24px; }
.price-top { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.price-top h3 { font-size:26px; }
.price-top>span { font-size:12px; color:var(--secondary); }
.price-top .price-saving { color:#994018; background:#fff0e9; padding:6px 12px; border-radius:30px; font-weight:650; }
.site .price-number { margin:32px 0 16px; display:flex; align-items:baseline; gap:10px; }
.price-number strong { font-family:var(--font-display); font-size:76px; font-weight:550; letter-spacing:-.06em; line-height:1; }
.price-number>span { color:var(--secondary); }
.price-billing { font-size:14px; color:var(--secondary); min-height:44px; }
.price-card .button { width:100%; margin-top:24px; }
.price-card .price-button { color:var(--text); background:#eef2f5; }
.site .price-caption { margin-top:14px; text-align:center; font-size:12px; color:var(--secondary); }
.price-card-annual { border-color:#ffc5b1; box-shadow:0 12px 36px #10192305; }
.pricing-included { display:flex; justify-content:center; flex-wrap:wrap; gap:18px 28px; max-width:900px; margin:32px auto 0; font-size:13px; color:var(--secondary); }
.pricing-included span::before { content:'✓'; color:var(--green-text); margin-right:7px; font-weight:700; }
.site .pricing-note { margin-top:24px; text-align:center; color:var(--secondary); font-size:12px; line-height:1.8; }
.pricing-note a { text-decoration:underline; text-underline-offset:3px; }
.site-footer nav { flex-wrap:wrap; }
@media(max-width:640px) { .pricing-grid { grid-template-columns:1fr; } .price-card { padding:28px; } .price-number strong { font-size:66px; } .pricing-included { display:grid; justify-content:start; margin-left:12px; gap:12px; } }