/* ContactNest website styles — premium dark redesign.
   Scoped to the ContactNest section. */
:root {
  --bg: #080d19;
  --bg-2: #0c1322;
  --surface: #111827;
  --surface-2: #151d2f;
  --surface-3: #1a2338;
  --text: #f7f8ff;
  --muted: #aab4c8;
  --muted-2: #7d8aa4;
  --line: rgba(156, 174, 216, .17);
  --accent: #6d7cff;
  --accent-2: #8d55ff;
  --blue: #2f5bea;
  --cyan: #49d7ff;
  --green: #40d69d;
  --pink: #ff4c8b;
  --amber: #ffb347;
  --radius: 24px;
  --shadow: 0 28px 80px rgba(0,0,0,.38);
}

* { 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; background: var(--bg); color: var(--text); line-height: 1.65; }
img { max-width: 100%; display: block; }
a { color: #b7c4ff; text-decoration: none; font-weight: 650; overflow-wrap: break-word; }
a:hover { color: #fff; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; background: rgba(109,124,255,.12); border: 1px solid rgba(109,124,255,.16); padding: 1px 5px; border-radius: 6px; }

.wide { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }
.wrap { width: min(980px, calc(100% - 36px)); margin: 0 auto; padding: 38px 0 70px; }
.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; }
.skip { position: absolute; left: -9999px; top: 0; z-index: 200; background: #fff; color: #111; padding: 10px 14px; }
.skip:focus { left: 0; }

.site-header { position: sticky; top: 0; z-index: 100; background: rgba(8,13,25,.88); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.header-inner { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: #fff; font-size: 1.12rem; font-weight: 850; letter-spacing: -.02em; }
.brand img { width: 42px; height: 42px; border-radius: 12px; box-shadow: 0 8px 28px rgba(47,91,234,.28); }
.site-nav { display: flex; align-items: center; gap: 12px; }
.site-nav a { color: #aeb9cf; padding: 9px 10px; border-radius: 10px; font-size: .92rem; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: #fff; background: rgba(109,124,255,.1); }
.nav-cta { color: #fff; padding: 11px 20px; border-radius: 999px; background: linear-gradient(135deg, #6e77ff, #743df0); box-shadow: 0 10px 30px rgba(101,76,255,.35); }

.hero-premium { position: relative; overflow: hidden; min-height: 710px; display: grid; align-items: center; background: radial-gradient(circle at 75% 20%, rgba(47,91,234,.25), transparent 34%), radial-gradient(circle at 93% 80%, rgba(110,62,238,.28), transparent 30%), linear-gradient(180deg, #08101f 0%, #0a1020 64%, #0c1430 100%); border-bottom: 1px solid var(--line); }
.hero-premium::after { content: ""; position: absolute; left: -8%; right: -8%; bottom: -180px; height: 350px; border-radius: 50% 50% 0 0; background: linear-gradient(105deg, rgba(27,72,255,.45), rgba(82,53,201,.22)); filter: blur(2px); transform: rotate(-3deg); }
.glow { position: absolute; border-radius: 50%; filter: blur(80px); pointer-events: none; }
.glow-one { width: 340px; height: 340px; background: rgba(45,96,255,.16); left: 32%; top: 14%; }
.glow-two { width: 300px; height: 300px; background: rgba(128,51,255,.15); right: -4%; bottom: 5%; }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 34px; padding: 58px 0 70px; }
.kicker, .section-tag { margin: 0 0 14px; color: #9eb2ff; letter-spacing: .19em; font-size: .76rem; font-weight: 850; }
.hero-copy h1 { margin: 0; max-width: 720px; font-size: clamp(3rem, 5.2vw, 5.9rem); line-height: .98; letter-spacing: -.055em; }
.hero-copy h1 span { background: linear-gradient(110deg, #8192ff, #9967ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-lead { max-width: 650px; color: #bec8da; font-size: 1.15rem; line-height: 1.55; margin: 24px 0 0; }
.hero-mini-features { display: flex; flex-wrap: wrap; gap: 18px 26px; margin-top: 28px; }
.hero-mini-features div { display: grid; justify-items: center; gap: 7px; color: #dce3f2; text-align: center; font-size: .78rem; line-height: 1.15; }
.mini-icon { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 50%; color: #c7d2ff; background: rgba(91,105,220,.15); border: 1px solid rgba(132,148,255,.14); box-shadow: inset 0 0 18px rgba(71,82,219,.18); font-size: 1.15rem; }
.hero-cta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 30px; }
.store-primary { display: inline-flex; align-items: center; gap: 14px; min-width: 235px; padding: 12px 22px; border-radius: 16px; color: #fff; background: linear-gradient(120deg, #2e78ff, #6046ff); box-shadow: 0 14px 32px rgba(52,84,255,.32); }
.store-primary strong, .store-primary small { display: block; }
.store-primary strong { font-size: 1rem; }
.store-primary small { margin-top: 2px; font-size: .72rem; color: #dbe5ff; font-weight: 600; }
.play-mark { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(135deg, #2bd37f, #ffd447 46%, #ff5656 68%, #4a73ff); color: #fff; font-size: .75rem; }
.text-cta { color: #cad4ff; }
.hero-note { margin: 15px 0 0; font-size: .78rem; color: #7f8eaa; }

.hero-phones { position: relative; min-height: 610px; }
.phone-frame { position: absolute; overflow: hidden; padding: 8px; border-radius: 42px; background: linear-gradient(145deg, #a6adbd 0%, #3f4653 11%, #080b10 20%, #222a35 82%, #858c98 100%); box-shadow: 0 36px 70px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.22); }
.phone-frame::after { content: ""; position: absolute; inset: 8px; border-radius: 34px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); pointer-events: none; }
.phone-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 34px; }
.phone-speaker { position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); top: 13px; width: 72px; height: 18px; border-radius: 999px; background: #05070a; opacity: .95; }
.phone-front { width: 300px; height: 638px; left: 1%; top: 0; transform: rotate(-2deg); z-index: 3; }
.phone-back { width: 280px; height: 600px; right: 0; top: 24px; transform: rotate(5deg); z-index: 2; }

.feature-strip { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; padding: 18px 0 28px; }
.feature-strip article { min-height: 175px; padding: 18px 13px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(180deg, rgba(24,34,55,.94), rgba(12,20,34,.92)); box-shadow: 0 16px 40px rgba(0,0,0,.18); text-align: center; }
.feature-strip h3 { margin: 10px 0 7px; font-size: .9rem; }
.feature-strip p { margin: 0; color: #8f9db7; font-size: .76rem; line-height: 1.45; }
.bubble { width: 48px; height: 48px; display: grid; place-items: center; margin: 0 auto; border-radius: 50%; font-size: 1.25rem; color: #fff; box-shadow: 0 0 28px rgba(106,111,255,.22); }
.purple { background: linear-gradient(145deg,#9b4bd6,#652b9c); }.blue { background: linear-gradient(145deg,#2f94ff,#1568cb); }.green { background: linear-gradient(145deg,#51d896,#238c61); }.pink { background: linear-gradient(145deg,#ff4c8b,#bb2b62); }.amber { background: linear-gradient(145deg,#ffb347,#a8641f); }.teal { background: linear-gradient(145deg,#32c9b2,#17786c); }

.showcase { position: relative; overflow: hidden; padding: 78px 0; border-top: 1px solid rgba(255,255,255,.04); }
.showcase::before { content:""; position:absolute; width:420px; height:420px; border-radius:50%; filter:blur(100px); opacity:.22; pointer-events:none; }
.groups-showcase::before { background:#1652ff; left:-180px; bottom:-120px; }
.calling-showcase::before { background:#4d27e9; right:-150px; bottom:-120px; }
.customization-showcase::before { background:#9b32d5; left:-170px; top:10%; }
.showcase-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 76px; align-items: center; position: relative; z-index: 2; }
.showcase-copy h2, .trust-card h2, .pricing-shell h2, .download-zone h2 { margin: 0 0 14px; font-size: clamp(2rem, 4vw, 3.35rem); line-height: 1.05; letter-spacing: -.04em; }
.showcase-copy > p:not(.section-tag) { color:#aeb9ce; max-width: 650px; font-size: 1.03rem; }
.section-tag { display:flex; align-items:center; gap:10px; }
.tag-icon { width: 34px; height: 34px; display:grid; place-items:center; border-radius:10px; background:rgba(80,103,255,.15); color:#9caeff; letter-spacing:0; }
.magenta { color:#d9a4ff; }.magenta .tag-icon { background:rgba(197,68,255,.16); color:#e29cff; }
.green-tag { color:#7ef0bd; }.green-tag .tag-icon { background:rgba(48,213,148,.14); color:#62e4ad; }
.amber-tag { color:#ffc76c; }.amber-tag .tag-icon { background:rgba(255,179,71,.14); color:#ffc56d; }
.check-list { list-style:none; padding:0; margin:24px 0 0; display:grid; gap:10px; }
.check-list li { position:relative; padding-left:32px; color:#c6cede; }
.check-list li::before { content:"✓"; position:absolute; left:0; top:.05em; width:22px; height:22px; display:grid; place-items:center; border-radius:50%; background:#aebdff; color:#1a2450; font-weight:900; font-size:.8rem; }
.check-list.compact { gap:8px; }
.mock-phone-wrap { display:grid; place-items:center; }
.mock-phone { width: 310px; min-height: 610px; border-radius: 42px; padding: 26px 18px 20px; color:#f3f5fb; background:#0e121b; border:7px solid #303744; box-shadow: var(--shadow); transform: rotate(-5deg); }
.mock-status { display:flex; justify-content:space-between; color:#d9deea; font-size:.72rem; margin-bottom:18px; }
.mock-title { display:flex; justify-content:space-between; align-items:center; font-size:1.35rem; margin-bottom:18px; }
.mock-search { padding:12px 14px; border-radius:22px; background:#242934; color:#aeb5c4; font-size:.83rem; }
.mock-action { padding:18px 4px; color:#acbaff; font-weight:800; border-bottom:1px solid #353b47; }
.group-row { display:flex; align-items:center; gap:14px; padding:15px 2px; }
.group-row i { width:44px; height:44px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; font-style:normal; letter-spacing:-5px; color:#fff; font-size:.65rem; }.g1{background:#3996e5}.g2{background:#814bcc}.g3{background:#dd4e8a}.g4{background:#ff8650}.g5{background:#5ab767}
.group-row span { display:grid; gap:1px; }.group-row small { color:#8f98aa; font-size:.72rem; }
.mock-bottom { margin:18px -10px -6px; padding:15px 4px 0; border-top:1px solid #2c3240; font-size:.67rem; color:#9ca7b9; text-align:center; }

.call-visuals { min-height: 660px; position: relative; }
.call-history-phone { position:absolute; left:0; top:20px; transform: rotate(4deg); z-index:2; min-height: 610px; }
.call-tabs { display:flex; gap:6px; overflow:hidden; margin:12px 0; }.call-tabs span,.call-tabs b { padding:7px 10px; border:1px solid #3c4351; border-radius:10px; font-size:.65rem; white-space:nowrap; }.call-tabs b { background:#4f5b7c; }
.call-row { display:grid; grid-template-columns: 42px 1fr 24px; gap:12px; align-items:center; padding:14px 2px; }.call-row i { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; background:#6155c7; font-style:normal; font-size:.72rem; }.call-row span{display:grid;gap:2px}.call-row small{color:#8995aa;font-size:.68rem}.call-row em{font-style:normal}.call-row.missed b{color:#ff9fa7}.call-row.missed small{color:#d88990}
.compact-call { width: 245px; height: 520px; right:0; bottom:0; z-index:3; transform: rotate(4deg); }

.settings-visual { min-height: 640px; position: relative; }
.settings-phone { position:absolute; width:300px; height:640px; left:8%; top:0; transform:rotate(-3deg); }
.floating-note { position:absolute; z-index:5; display:flex; align-items:center; gap:10px; padding:11px 16px; border-radius:999px; background:rgba(20,29,48,.95); border:1px solid var(--line); box-shadow:0 12px 30px rgba(0,0,0,.35); font-size:.82rem; font-weight:750; }.note-protect{right:0;top:180px;color:#ff9bbd}.note-ringtone{left:0;bottom:95px;color:#c994ff}

.trust-zone { padding: 32px 0 72px; }
.trust-grid { display:grid; grid-template-columns: 1fr 1fr; gap:20px; }
.trust-card { min-height: 360px; padding:34px; border-radius:24px; border:1px solid var(--line); background:linear-gradient(150deg, rgba(18,27,45,.97), rgba(10,17,29,.96)); box-shadow:0 18px 50px rgba(0,0,0,.18); }
.trust-card h2 { font-size:2rem; }.trust-card > p:not(.section-tag) { color:#aeb9ce; }.trust-card a { display:inline-block; margin-top:20px; }
.benefit-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:26px; }.benefit-grid div{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start}.benefit-grid div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(91,108,255,.14);color:#9daeff}.benefit-grid p{margin:0}.benefit-grid b,.benefit-grid small{display:block}.benefit-grid small{margin-top:3px;color:#8491a8;line-height:1.35}

.pricing-zone { padding: 66px 0; background:linear-gradient(180deg,#0a1020,#0c1222); border-block:1px solid var(--line); }
.pricing-shell { display:grid; grid-template-columns:1fr .78fr; gap:62px; align-items:center; }.pricing-shell>div>p:not(.section-tag){color:#aeb9ce;max-width:620px}.premium-price-card{padding:30px;border:1px solid rgba(130,145,255,.3);border-radius:24px;background:linear-gradient(145deg,rgba(45,57,108,.72),rgba(26,23,67,.82));box-shadow:0 24px 60px rgba(0,0,0,.28)}.premium-price-card>span,.premium-price-card>small{display:block;color:#b7c2da}.premium-price-card strong{display:block;font-size:3.6rem;line-height:1;margin:8px 0;background:linear-gradient(110deg,#fff,#bdc8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.premium-price-card ul{columns:2;gap:22px;margin:22px 0 0;padding-left:19px;color:#ccd4e4}.premium-price-card li{margin:7px 0}

.download-zone { padding:54px 0; background:radial-gradient(circle at 50% 0,rgba(65,86,255,.14),transparent 45%),#080d19; }.download-inner{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.download-inner img{border-radius:18px;box-shadow:0 12px 34px rgba(40,75,230,.28)}.download-zone h2{font-size:2rem;margin-bottom:4px}.download-zone p{margin:0;color:#8794ab}.disabled{opacity:.82;cursor:default}

/* Download QR card. Mirrors the PROMOTE launch-QR flow in ContactNest's palette. */
.download-actions { display:grid; justify-items:end; gap:18px; }
.qr-card { width:230px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; padding:16px; border:1px solid rgba(130,146,255,.35); border-radius:24px; background:linear-gradient(180deg, rgba(24,34,55,.95), rgba(12,20,34,.95)); box-shadow:0 18px 38px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.05); transition:transform .18s ease, border-color .18s ease; }
.qr-card:hover { transform:translateY(-2px); border-color:rgba(147,197,253,.75); }
/* QR codes keep a white quiet zone so phones can scan them. */
.qr-plate { width:155px; aspect-ratio:1/1; display:grid; place-items:center; padding:10px; border-radius:18px; background:#fff; border:1px solid rgba(255,255,255,.9); box-shadow:0 10px 26px rgba(0,0,0,.35); }
.qr-plate img { width:100%; height:auto; object-fit:contain; }
.qr-card strong { font-size:.95rem; color:#fff; }
.qr-card small { color:var(--muted); font-size:.78rem; line-height:1.35; }

.site-footer { border-top:1px solid var(--line); background:#070b14; }.footer-inner{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:24px 0;color:#7e8ba2}.footer-brand{display:flex;align-items:center;gap:10px;color:#fff}.footer-brand img{border-radius:9px}.footer-brand strong,.footer-brand small{display:block}.footer-brand small{color:#7f8da3;font-size:.73rem;margin-top:2px}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:#919db2;font-size:.84rem}.copyright{font-size:.72rem;color:#65728a}

/* Legal/support pages reuse the same dark system without the landing layouts. */
.card { background: linear-gradient(180deg, rgba(19,27,44,.96), rgba(13,20,34,.96)); border:1px solid var(--line); border-radius:var(--radius); padding:34px 30px; box-shadow:0 18px 55px rgba(0,0,0,.18); }
.card + .card { margin-top:22px; }
h1,h2,h3 { color:#f6f8ff; letter-spacing:-.025em; }
h1 { margin-top:0; font-size:2.2rem; } h2{margin:30px 0 10px;font-size:1.32rem} h3{margin:22px 0 8px;font-size:1.04rem} p{margin:0 0 14px}.muted{color:var(--muted)}.small{font-size:.92rem}.eyebrow{display:block;color:#9eafff;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:850;margin-bottom:8px}.lead{color:#c4cde0;font-size:1.05rem}.callout{margin:20px 0;padding:17px 18px;border-radius:14px;border:1px solid rgba(109,124,255,.22);border-left:4px solid var(--accent);background:rgba(109,124,255,.08)}ul,ol{padding-left:22px}.facts{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.facts li{position:relative;padding-left:28px;color:#aeb8cb}.facts li::before{content:"✓";position:absolute;left:0;color:#9fb0ff;font-weight:900}.features{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.features li,.topics a{background:rgba(109,124,255,.07);border:1px solid rgba(126,142,220,.16);border-radius:14px;padding:17px}.feature-icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#6476ff,#5641df);display:grid;place-items:center;margin-bottom:10px}.feature-icon svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:2}.features strong,.features span{display:block}.features span{color:#9eaac0;font-size:.92rem}.pricing{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.price-box{padding:25px;border-radius:18px;background:linear-gradient(145deg,#5368f2,#3b2f95);color:#fff}.price{font-size:2.8rem;font-weight:900;line-height:1;margin:0}.price small{display:block;font-size:.9rem;margin-top:8px}.tiers dd{color:#9facbf;margin:2px 0 12px}.topics{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.topics li{margin:0}.topics a{display:block}.contact dt{font-weight:800;margin-top:10px}.contact dd{margin:2px 0 0;color:#a8b3c7}.linkrow,.hero-actions,.pills,.store-row{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px}.btn,.store-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:12px;border:1px solid rgba(130,146,255,.35)}.btn-primary{background:linear-gradient(135deg,#6173ff,#5036d4);color:#fff}.btn-ghost{background:rgba(109,124,255,.06);color:#bdc8ff}.store-btn{background:#f7f8ff;color:#0d1220}.store-btn svg{width:22px;height:22px;margin-right:9px}.store-btn span,.store-btn small{display:block}.store-btn small{font-size:.72rem;opacity:.7}.pills li{padding:7px 12px;border-radius:999px;background:rgba(109,124,255,.08);border:1px solid rgba(126,142,220,.15);color:#b9c5df;font-size:.85rem}

@media (max-width: 1050px){.feature-strip{grid-template-columns:repeat(4,1fr)}.hero-grid{grid-template-columns:1fr 1fr}.hero-phones{transform:scale(.86);transform-origin:center}.showcase-grid{gap:42px}.call-visuals{transform:scale(.9);transform-origin:center}.site-nav{gap:4px}.nav-cta{display:none}}
@media (max-width: 820px){.wide{width:min(100% - 28px,720px)}.header-inner{min-height:66px}.site-nav a:not(.nav-apps){display:none}.site-nav .nav-apps{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.hero-premium{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-top:46px}.hero-copy{text-align:center}.hero-copy h1{font-size:clamp(2.8rem,11vw,4.5rem)}.hero-lead{margin-inline:auto}.hero-mini-features,.hero-cta-row{justify-content:center}.hero-phones{min-height:540px;max-width:560px;width:100%;margin:0 auto;transform:scale(.86)}.feature-strip{grid-template-columns:repeat(2,1fr)}.showcase{padding:58px 0}.showcase-grid{grid-template-columns:1fr}.reverse-mobile .showcase-copy{order:2}.reverse-mobile .call-visuals{order:1}.showcase-copy{text-align:left;max-width:620px;margin:auto}.mock-phone-wrap,.settings-visual,.call-visuals{min-height:590px}.trust-grid,.pricing-shell{grid-template-columns:1fr}.pricing-shell{gap:24px}.download-inner{grid-template-columns:auto 1fr}.download-actions{grid-column:1/-1;justify-items:start}.footer-inner{flex-direction:column;align-items:flex-start}.facts,.features,.pricing,.topics{grid-template-columns:1fr}.card{padding:26px 20px}.wrap{width:min(100% - 28px,720px)}}
@media (max-width: 520px){.wide{width:min(100% - 22px,480px)}.brand img{width:38px;height:38px}.hero-premium::after{bottom:-235px}.hero-mini-features{gap:14px}.hero-mini-features div{font-size:.7rem}.hero-phones{min-height:430px;transform:none}.phone-front{width:210px;height:446px;left:2%;top:10px}.phone-back{width:198px;height:424px;right:2%;top:30px}.phone-frame{padding:6px;border-radius:30px}.phone-frame img,.phone-frame::after{border-radius:24px}.phone-frame::after{inset:6px}.phone-speaker{width:52px;height:13px;top:10px}.feature-strip{grid-template-columns:1fr 1fr}.feature-strip article{min-height:155px}.mock-phone{width:280px;min-height:560px;transform:none}.call-visuals{min-height:610px;transform:none}.call-history-phone{width:260px;left:0}.compact-call{width:185px;height:395px;right:-3px;bottom:8px}.settings-visual{min-height:535px}.settings-phone{width:235px;height:500px;left:calc(50% - 117px)}.floating-note{font-size:.72rem}.note-protect{right:-4px;top:150px}.note-ringtone{left:-4px;bottom:70px}.trust-card{padding:26px 20px}.benefit-grid{grid-template-columns:1fr}.premium-price-card ul{columns:1}.download-inner{grid-template-columns:1fr;text-align:center;justify-items:center}.download-actions{justify-items:center}.footer-inner{align-items:center;text-align:center}.footer-links{justify-content:center}}

@media (max-width: 360px){.header-inner{gap:8px}.brand{gap:8px;font-size:1rem}.site-nav .nav-apps{padding:9px 6px;font-size:.8rem}}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.qr-card{transition:none}.qr-card:hover{transform:none}}