:root{
  --bg:#070b13;
  --bg-soft:#0d1420;
  --panel:#111827;
  --panel-2:#172033;
  --ink:#f5f8ff;
  --muted:#96a3b6;
  --dark:#07110f;
  --line:rgba(148,163,184,.16);
  --mint:#00c9a7;
  --mint-2:#00aa8f;
  --gold:#ffd36a;
  --coral:#ff6b6b;
  --blue:#8ab4f8;
  --max:1180px;
  --font-body:'Roboto',system-ui,-apple-system,Segoe UI,sans-serif;
  --font-head:'Stack Sans Notch','Roboto',system-ui,-apple-system,Segoe UI,sans-serif;
}

:root[data-theme="light"]{
  --bg:#f3f6ec;
  --bg-soft:#e6efe6;
  --panel:#ffffff;
  --panel-2:#e2f4ea;
  --ink:#15211c;
  --muted:#5b6d63;
  --dark:#102019;
  --line:rgba(21,33,28,.16);
  --mint:#00a77f;
  --mint-2:#008d6c;
  --gold:#c68b00;
  --coral:#de574e;
  --blue:#067fa8;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--ink);
  background:
    radial-gradient(circle at 78% 10%,rgba(0,201,167,.12),transparent 30%),
    radial-gradient(circle at 18% 82%,rgba(255,107,107,.08),transparent 32%),
    linear-gradient(180deg,#070b13 0%,#0a101b 52%,#070b13 100%);
  line-height:1.55;
  overflow-x:hidden;
}

:root[data-theme="light"] body{
  background:
    linear-gradient(120deg,rgba(0,167,127,.12),transparent 32%),
    radial-gradient(circle at 82% 16%,rgba(198,139,0,.16),transparent 28%),
    radial-gradient(circle at 52% 90%,rgba(222,87,78,.11),transparent 30%),
    var(--bg);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(148,163,184,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(148,163,184,.028) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(#000,transparent 82%);
}

:root[data-theme="light"] body::before{
  background-image:
    linear-gradient(rgba(21,33,28,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(21,33,28,.045) 1px,transparent 1px);
}

a{color:inherit;text-decoration:none}
img{max-width:100%}
h1,h2,h3,p{margin-top:0}
h1,h2,h3,.brand{font-family:var(--font-head)}

.site-header{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  width:100%;
  max-width:none;
  margin:0;
  padding:18px max(24px,calc((100vw - var(--max)) / 2 + 24px));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  background:linear-gradient(180deg,rgba(7,11,19,.86) 0%,rgba(7,11,19,.62) 58%,rgba(7,11,19,0) 100%);
}

:root[data-theme="light"] .site-header{
  color:#eef8f2;
  background:linear-gradient(180deg,rgba(84,99,86,.82) 0%,rgba(108,123,103,.58) 55%,rgba(108,123,103,0) 100%);
  border-bottom:0;
}

.brand{display:inline-flex;align-items:center;font-weight:900;font-size:22px;letter-spacing:-.4px}
.brand img{width:52px;height:52px;margin-right:-3px}
.brand span,
.brand span span{color:#fff}
.nav{display:flex;gap:24px;color:var(--muted);font-weight:700;font-size:14px}
:root[data-theme="light"] .site-header .nav{color:rgba(255,255,255,.78)}
.nav a:hover{color:var(--ink)}
:root[data-theme="light"] .site-header .nav a:hover{color:#fff}
.menu-toggle{display:none}
.header-actions{display:flex;align-items:center;gap:10px}
.theme-toggle{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--ink);
  background:rgba(255,255,255,.06);
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.theme-toggle .mdi{font-size:20px;line-height:1}
.theme-toggle__moon{display:none}
:root[data-theme="light"] .theme-toggle__sun{display:none}
:root[data-theme="light"] .theme-toggle__moon{display:inline}
.header-link{
  border:1px solid var(--line);
  border-radius:999px;
  padding:11px 18px;
  font-weight:800;
  background:rgba(255,255,255,.06);
}
:root[data-theme="light"] .site-header .theme-toggle,
:root[data-theme="light"] .site-header .header-link{
  color:#fff;
  border-color:rgba(255,255,255,.26);
  background:rgba(255,255,255,.12);
}
.header-button{
  color:var(--ink);
  font:inherit;
  cursor:pointer;
}

.hero{
  position:relative;
  max-width:var(--max);
  margin:0 auto;
  padding:86px 24px 70px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:42px;
  align-items:start;
}

.hero__copy{max-width:680px}
.eyebrow,.section-kicker,.card-label{
  display:inline-flex;
  margin-bottom:18px;
  color:var(--mint);
  font-weight:900;
  letter-spacing:1.4px;
  text-transform:uppercase;
  font-size:12px;
}

h1{
  max-width:760px;
  font-size:clamp(48px,7vw,92px);
  line-height:.92;
  letter-spacing:-2px;
  margin-bottom:24px;
}
.hero-gradient{
  display:inline;
  background:linear-gradient(95deg,var(--mint) 0%,var(--blue) 48%,var(--gold) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.lead{
  color:var(--muted);
  font-size:clamp(18px,2.1vw,23px);
  max-width:660px;
  margin-bottom:28px;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 18px;
}
.hero-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 20px;
  border-radius:999px;
  font-weight:1000;
  border:1px solid var(--line);
}
.hero-cta--primary{
  color:var(--dark);
  background:linear-gradient(135deg,var(--mint),var(--mint-2));
  border-color:transparent;
  box-shadow:0 24px 56px -38px var(--mint);
}
.hero-cta--secondary{
  color:var(--ink);
  background:rgba(255,255,255,.06);
}
:root[data-theme="light"] .hero-cta--secondary{
  color:#13241b;
  background:rgba(255,255,255,.66);
  border-color:rgba(21,33,28,.16);
}

.trust-row{display:flex;flex-wrap:wrap;gap:10px}
.trust-row span{
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid var(--line);
  color:#d9eae0;
  font-size:13px;
  font-weight:800;
}
:root[data-theme="light"] .trust-row span{
  color:#425249;
  background:rgba(255,255,255,.52);
  border-color:rgba(21,33,28,.18);
}

.download-card{
  position:relative;
  scroll-margin-top:142px;
  width:100%;
  padding:24px;
  border:1px solid var(--line);
  border-radius:26px;
  color:var(--ink);
  background:rgba(17,24,39,.78);
  box-shadow:none;
}

:root[data-theme="light"] .download-card{
  color:#13241b;
  background:rgba(255,255,255,.78);
  border-color:rgba(21,33,28,.14);
}
.download-card h2{font-size:32px;line-height:1;margin-bottom:10px;color:var(--ink)}
.download-card p{color:var(--muted);margin-bottom:18px}
:root[data-theme="light"] .download-card h2{color:#13241b}
:root[data-theme="light"] .download-card p{color:#5b6d63}
:root[data-theme="light"] .download-btn small,
:root[data-theme="light"] .price-card span,
:root[data-theme="light"] .price-card small{color:#526258}
.download-actions{display:grid;gap:12px}

.download-btn{
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px;
  border-radius:18px;
  color:var(--dark);
  font-weight:900;
  transition:transform .2s ease,box-shadow .2s ease;
}
.download-btn:hover{transform:translateY(-2px)}
.download-btn small{display:block;color:rgba(20,33,28,.68);font-weight:800}
.download-btn__icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(255,255,255,.45);
  font-size:21px;
  line-height:1;
}
.download-btn--mobile{background:linear-gradient(135deg,var(--mint),var(--mint-2))}
.download-btn--tv{background:linear-gradient(135deg,#ffe29a,var(--gold))}
:root[data-theme="light"] .download-btn--mobile{background:linear-gradient(135deg,#62e0b4,#00a77f)}
:root[data-theme="light"] .download-btn--tv{background:linear-gradient(135deg,#ffe8a8,#d7a300)}
.fine-print{font-size:13px;margin:16px 0 0!important}

.download-trust{
  max-width:var(--max);
  margin:0 auto;
  padding:0 24px 28px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.download-trust article{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:18px;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(17,24,39,.72);
}
:root[data-theme="light"] .download-trust article{background:rgba(255,255,255,.68)}
.download-trust span{
  flex:none;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--mint);
  border:1px solid rgba(0,201,167,.4);
  background:rgba(0,201,167,.12);
  font-size:22px;
  line-height:1;
}
.download-trust b{
  display:block;
  color:var(--ink);
  font-family:var(--font-head);
  font-size:19px;
  line-height:1.05;
  margin-bottom:4px;
}
.download-trust p{
  margin:0;
  color:var(--muted);
  font-size:15px;
}

.product-demo{
  max-width:var(--max);
  margin:0 auto;
  padding:16px 24px 44px;
}
.product-demo .product-stage{margin-top:0}

.product-stage{
  grid-column:1 / -1;
  position:relative;
  min-height:560px;
  margin-top:20px;
}
.tv-shell{
  position:relative;
  width:min(820px,78vw);
  border-radius:24px;
  padding:12px;
  background:#111827;
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 50px 100px -50px #000;
}
.screen{
  position:relative;
  overflow:hidden;
  min-height:0;
  border-radius:16px;
  padding:0;
  background:#050810;
}
.frame-slide,
.phone-slide{
  display:none;
  min-height:0;
}
.frame-slide.is-active,
.phone-slide.is-active{display:block}
.frame-slide--image{line-height:0}
.frame-media{
  display:block;
  width:100%;
  height:auto;
  border-radius:16px;
}
.frame-nav{
  position:absolute;
  top:50%;
  z-index:4;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--ink);
  background:rgba(7,11,19,.82);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:34px;
  font-weight:900;
  line-height:1;
  padding:0;
  cursor:pointer;
  transform:translateY(-50%);
}
:root[data-theme="light"] .frame-nav,
:root[data-theme="light"] .phone-nav{
  color:#102019;
  background:rgba(255,255,255,.92);
  border-color:rgba(16,32,25,.18);
  box-shadow:0 18px 34px -22px rgba(16,32,25,.35);
}
.frame-nav .mdi,
.phone-nav .mdi{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  line-height:1;
}
.frame-nav--prev{left:-22px}
.frame-nav--next{right:-22px}
.phone-shell{
  position:absolute;
  right:24px;
  top:calc(50% - 45px);
  width:244px;
  border-radius:34px;
  border:8px solid #111827;
  padding:0;
  background:#050810;
  box-shadow:0 36px 80px -36px #000;
  transform:translateY(-50%);
}
.phone-nav{
  position:absolute;
  top:50%;
  z-index:4;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--ink);
  background:rgba(7,11,19,.82);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:28px;
  font-weight:900;
  line-height:1;
  padding:0;
  cursor:pointer;
  transform:translateY(-50%);
}
.phone-nav--prev{left:-24px}
.phone-nav--next{right:-24px}
.notch{display:none}
.phone-screen{
  aspect-ratio:1440 / 2927;
  overflow:hidden;
  border-radius:25px;
  padding:0;
  background:#070b13;
}
.phone-slide{min-height:0;height:100%}
.phone-screenshot{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}
.phone-screen strong{display:block;margin-bottom:14px}
.tabs{display:flex;gap:6px;margin-bottom:12px}
.tabs span{font-size:11px;font-weight:900;padding:6px 9px;border-radius:999px;background:#182234}
.tabs span:first-child{background:var(--mint);color:var(--dark)}
.now-card{padding:13px;border-radius:16px;background:#111827;border:1px solid rgba(148,163,184,.16);margin-bottom:12px}
.now-card--gold{background:rgba(255,211,106,.12);border-color:rgba(255,211,106,.28)}
.now-card small{display:block;color:var(--muted)}
.phone-screen ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.phone-screen li{padding:10px;border-radius:14px;background:#111827;color:#f5f8ff;font-size:13px;font-weight:800}

.features-showcase{padding-top:92px}
.features-head{text-align:center;max-width:860px;margin:0 auto 40px}
.features-head h2{font-size:clamp(42px,6vw,76px);line-height:1;letter-spacing:-1.8px;margin-bottom:18px}
.features-head p{font-size:20px;color:var(--muted)}
.feature-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-card{
  min-height:285px;
  border:1px solid var(--line);
  border-radius:26px;
  padding:24px;
  background:rgba(17,24,39,.72);
}
:root[data-theme="light"] .feature-card{background:rgba(255,255,255,.68)}
.feature-card--active{
  border-color:rgba(0,201,167,.55);
  background:linear-gradient(145deg,rgba(0,201,167,.13),rgba(17,24,39,.76));
}
.feature-icon{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  margin-bottom:34px;
  border-radius:16px;
  font-size:28px;
  font-weight:1000;
  line-height:1;
}
.feature-icon--mint{color:var(--mint);border:1px solid rgba(0,201,167,.45);background:rgba(0,201,167,.12)}
.feature-icon--gold{color:var(--gold);border:1px solid rgba(255,211,106,.42);background:rgba(255,211,106,.1)}
.feature-icon--coral{color:var(--coral);border:1px solid rgba(255,111,97,.42);background:rgba(255,111,97,.1)}
.feature-card h3{font-size:25px;line-height:1.05;margin-bottom:18px}
.feature-card p{color:var(--muted);font-size:17px;margin:0}
.feature-card b{color:var(--ink)}

.metrics{
  max-width:var(--max);
  margin:0 auto;
  padding:0 24px 70px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.metrics div{padding:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.metrics b{display:block;font-family:var(--font-head);font-size:26px;color:var(--gold)}
.metrics span{color:var(--muted);font-size:14px;font-weight:700}

.section{max-width:var(--max);margin:0 auto;padding:82px 24px}
.sync-section{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;scroll-margin-top:126px}
.sync-copy h2{font-size:clamp(42px,5.5vw,72px);line-height:1;letter-spacing:-1.8px;margin-bottom:24px}
.sync-copy p{font-size:20px;color:var(--muted)}
.sync-copy b{color:var(--ink)}
.sync-eyebrow{
  border:1px solid rgba(0,201,167,.32);
  border-radius:999px;
  padding:9px 16px;
  background:rgba(0,201,167,.08);
}
.sync-list{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:16px;color:var(--muted);font-size:18px}
.sync-list li{display:flex;align-items:flex-start;gap:14px}
.sync-check{
  flex:none;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:2px solid var(--mint);
  border-radius:999px;
  color:var(--mint);
  font-size:14px;
  font-weight:1000;
  line-height:1;
}
.sync-visual{
  min-height:280px;
  display:grid;
  grid-template-columns:140px 1fr 140px;
  align-items:center;
  gap:0;
}
.sync-device{
  min-height:170px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:18px;
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(17,24,39,.76);
}
:root[data-theme="light"] .sync-device{background:rgba(255,255,255,.68)}
.sync-device span{font-size:34px;line-height:1}
.sync-device b{color:var(--muted)}
.sync-beam{
  position:relative;
  height:110px;
  display:grid;
  place-items:center;
  color:var(--mint);
  font-weight:1000;
  letter-spacing:1px;
  text-transform:uppercase;
}
.sync-beam::before{
  content:"";
  position:absolute;
  left:-8px;
  right:-8px;
  top:50%;
  height:58px;
  transform:translateY(-50%);
  background:
    linear-gradient(90deg,transparent,rgba(0,201,167,.22),transparent),
    linear-gradient(90deg,transparent 8%,rgba(0,201,167,.34),transparent 92%);
  filter:blur(10px);
}
.sync-beam::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--mint),transparent);
  opacity:.5;
}
.sync-beam span{position:relative;z-index:1}
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px}
.section h2{font-size:clamp(32px,4.2vw,56px);line-height:1;letter-spacing:-1.4px}
.section p{color:var(--muted)}
.steps{display:grid;gap:12px}
.steps article,.platform,.faq article{
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(17,24,39,.72);
  padding:22px;
}
:root[data-theme="light"] .steps article,
:root[data-theme="light"] .platform,
:root[data-theme="light"] .faq article{
  background:rgba(255,255,255,.58);
}
.steps span{color:var(--gold);font-weight:900}
.steps b,.platform h3,.faq h3{display:block;font-family:var(--font-head);font-size:22px;margin:6px 0;color:var(--ink)}
.section-head{max-width:720px;margin-bottom:32px}
.platforms-section .section-head,
.comparison-section .section-head{max-width:880px}
.platforms-section .section-head h2,
.comparison-section .section-head h2{
  font-size:clamp(42px,5.5vw,72px);
  line-height:1;
  letter-spacing:-1.8px;
  margin-bottom:24px;
}
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.platforms-section{scroll-margin-top:126px}
.platform--accent{background:linear-gradient(145deg,rgba(0,201,167,.16),rgba(255,211,106,.08))}
.platform__mark{color:var(--gold);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:1px}
.comparison-section{padding-top:70px}
.comparison-table{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:24px;
  background:
    radial-gradient(42% 120% at 100% 0%,rgba(0,201,167,.12),transparent 70%),
    rgba(17,24,39,.72);
}
:root[data-theme="light"] .comparison-table{background:rgba(255,255,255,.68)}
.comparison-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  padding:18px 22px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:17px;
}
.comparison-row:last-child{border-bottom:0}
.comparison-row--head{
  color:var(--ink);
  font-family:var(--font-head);
  font-weight:900;
  font-size:22px;
  background:rgba(255,255,255,.035);
}
:root[data-theme="light"] .comparison-row--head{background:rgba(255,255,255,.54)}
.comparison-row b{
  color:var(--ink);
  font-weight:900;
}
.comparison-row b::before{
  content:"";
  display:inline-block;
  width:9px;
  height:9px;
  margin-right:10px;
  border-radius:999px;
  background:var(--mint);
  box-shadow:0 0 18px rgba(0,201,167,.72);
}
.pricing-section{padding-top:96px}
.pricing-head{text-align:center;max-width:880px;margin:0 auto 34px}
.pricing-head .section-kicker{justify-content:center}
.pricing-head h2{font-size:clamp(42px,6vw,78px);max-width:860px;margin:0 auto 18px}
.pricing-head p{font-size:clamp(18px,2vw,23px);max-width:850px;margin:0 auto;color:var(--muted)}
.pricing-head b{color:var(--ink)}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.price-plan{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:280px;
  padding:46px 24px 24px;
  border:1px solid var(--line);
  border-radius:26px;
  background:rgba(17,24,39,.72);
}
:root[data-theme="light"] .price-plan{background:rgba(255,255,255,.68)}
.price-plan h3{font-size:28px;margin-bottom:30px}
.price-plan .plan-caption{
  min-height:42px;
  max-width:260px;
  margin:-18px 0 24px;
  color:var(--muted);
  font-size:15px;
  text-align:center;
  font-weight:800;
}
.price-plan strong{font-family:var(--font-head);font-size:52px;line-height:1;color:var(--ink)}
.price-plan span{color:var(--muted);font-weight:900;font-size:18px;margin:10px 0 28px}
.price-plan a{
  width:100%;
  display:inline-flex;
  justify-content:center;
  border-radius:999px;
  padding:15px 18px;
  margin-top:auto;
  font-weight:900;
  color:var(--ink);
  background:rgba(255,255,255,.08);
  border:1px solid var(--line);
}
.price-plan--featured{
  border-color:rgba(0,201,167,.72);
  background:linear-gradient(145deg,rgba(0,201,167,.13),rgba(17,24,39,.76));
  box-shadow:0 34px 80px -54px var(--mint);
}
.price-plan--featured a{background:linear-gradient(135deg,var(--mint),var(--mint-2));color:var(--dark);border-color:transparent}
.price-plan--lifetime{border-color:rgba(255,211,106,.58)}
.price-plan--lifetime a{background:linear-gradient(135deg,#ffe29a,var(--gold));color:var(--dark);border-color:transparent}
.price-ribbon{
  position:absolute;
  top:-20px;
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap;
  border-radius:999px;
  padding:8px 18px;
  background:var(--mint);
  color:var(--dark);
  font-size:13px;
  font-weight:1000;
  letter-spacing:.8px;
  text-transform:uppercase;
  box-shadow:0 14px 34px -18px var(--mint);
}
.price-ribbon--gold{background:var(--gold)}
.price-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:42px}
.price-notes article{
  display:flex;
  gap:16px;
  align-items:flex-start;
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
  background:rgba(17,24,39,.72);
}
:root[data-theme="light"] .price-notes article{background:rgba(255,255,255,.68)}
.note-icon{
  flex:none;
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:16px;
  border:1px solid rgba(0,201,167,.45);
  color:var(--mint);
  background:rgba(0,201,167,.12);
  font-size:24px;
  font-weight:1000;
  line-height:1;
}
.price-notes b{display:block;color:var(--ink);font-family:var(--font-head);font-size:22px;line-height:1.1;margin-bottom:6px}
.price-notes p{margin:0;color:var(--muted);font-size:17px}
.trust-section{padding-top:72px}
.trust-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.trust-grid article{
  border:1px solid var(--line);
  border-radius:24px;
  padding:20px;
  background:rgba(17,24,39,.72);
}
:root[data-theme="light"] .trust-grid article{background:rgba(255,255,255,.68)}
.trust-grid span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  border-radius:16px;
  color:var(--mint);
  background:rgba(0,201,167,.12);
  border:1px solid rgba(0,201,167,.42);
  font-size:24px;
  line-height:1;
}
.trust-grid b{
  display:block;
  color:var(--ink);
  font-family:var(--font-head);
  font-size:21px;
  line-height:1.08;
  margin-bottom:8px;
}
.trust-grid p{
  margin:0;
  color:var(--muted);
  font-size:15px;
}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.faq-grid article h3{font-size:23px;line-height:1.08}
.faq-grid article p{font-size:16px}
.final-cta{
  max-width:var(--max);
  margin:22px auto 52px;
  padding:68px 28px;
  border:1px solid rgba(0,201,167,.28);
  border-radius:32px;
  text-align:center;
  background:
    radial-gradient(42% 80% at 0% 0%,rgba(0,201,167,.18),transparent 72%),
    radial-gradient(42% 80% at 100% 100%,rgba(255,111,97,.1),transparent 74%),
    rgba(17,24,39,.72);
}
:root[data-theme="light"] .final-cta{background:rgba(255,255,255,.68)}
.final-cta h2{font-size:clamp(34px,5vw,58px);line-height:1;margin-bottom:16px}
.final-cta p{color:var(--muted);font-size:20px;margin-bottom:30px}
.final-cta__actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.final-cta__actions .download-btn{min-width:240px;text-align:left}
.compliance-callout{
  max-width:calc(var(--max) - 160px);
  margin:0 auto 80px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(17,24,39,.72);
}
:root[data-theme="light"] .compliance-callout{background:rgba(255,255,255,.68)}
.compliance-callout p{margin:0;color:var(--muted);font-size:17px}
.compliance-callout b{color:var(--ink)}
.footer{
  width:100%;
  max-width:none;
  margin:0;
  padding:54px 24px 28px;
  color:var(--muted);
  border-top:1px solid var(--line);
  border-radius:0;
  background:
    radial-gradient(55% 120% at 0% 0%,rgba(0,201,167,.12),transparent 65%),
    radial-gradient(55% 120% at 100% 100%,rgba(255,211,106,.1),transparent 70%),
    rgba(17,24,39,.58);
}
:root[data-theme="light"] .footer{background:rgba(255,255,255,.68)}
.footer__main{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.4fr .7fr .8fr .9fr;gap:34px;align-items:start}
.footer__brand p{max-width:370px;font-size:17px;margin:16px 0 20px}
.footer__badges{display:flex;flex-wrap:wrap;gap:8px}
.footer__badges span{
  border:1px solid var(--line);
  border-radius:999px;
  padding:7px 10px;
  color:var(--ink);
  background:rgba(255,255,255,.06);
  font-size:12px;
  font-weight:900;
}
.footer h2{
  font-family:var(--font-head);
  color:var(--ink);
  font-size:18px;
  margin:0 0 14px;
}
.footer__links{display:flex;flex-direction:column;gap:10px}
.footer__links a,.footer__legal a{color:var(--muted);font-weight:800}
.footer__links a:hover,.footer__legal a:hover{color:var(--ink)}
.footer__download{
  border:1px solid var(--line);
  border-radius:22px;
  padding:18px;
  background:rgba(17,24,39,.72);
}
:root[data-theme="light"] .footer__download{
  color:#13241b;
  background:rgba(255,255,255,.78);
  border-color:rgba(21,33,28,.14);
}
.footer__download p{margin-bottom:14px}
.footer__download a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:16px;
  padding:11px 12px;
  margin-top:8px;
  color:var(--dark);
  background:linear-gradient(135deg,var(--mint),var(--mint-2));
  font-weight:1000;
}
.footer__download a:last-child{background:linear-gradient(135deg,#ffe29a,var(--gold))}
.footer__download a .mdi{font-size:20px;line-height:1}
.footer__legal{
  max-width:var(--max);
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin-top:42px;
  margin-left:auto;
  margin-right:auto;
  padding-top:22px;
  border-top:1px solid var(--line);
  font-size:13px;
}
.footer__legal p{margin:0}
.footer__legal div{display:flex;gap:16px;flex-wrap:wrap}
.footer > span{
  display:block;
  max-width:var(--max);
  margin:0 auto 8px;
  color:#fff;
  font-family:var(--font-head);
  font-size:22px;
  font-weight:900;
}

.page-main{max-width:var(--max);margin:0 auto;padding:72px 24px 90px}
.breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin:0 0 28px;
  color:var(--muted);
  font-family:var(--font-head);
  font-size:clamp(17px,2.2vw,24px);
  font-weight:850;
  letter-spacing:-.3px;
}
.breadcrumbs a{
  color:var(--mint);
  transition:color .2s ease;
}
.breadcrumbs a:hover{color:var(--ink)}
.breadcrumbs span{color:var(--muted)}
.breadcrumbs span:not(:last-child){opacity:.65}
.page-hero{display:grid;grid-template-columns:1fr 360px;gap:36px;align-items:start;margin-bottom:34px}
.page-hero h1{font-size:clamp(44px,6vw,76px);max-width:760px}
.page-card,.help-card,.account-panel{
  border:1px solid var(--line);
  border-radius:26px;
  background:rgba(17,24,39,.74);
  padding:24px;
}
:root[data-theme="light"] .page-card,
:root[data-theme="light"] .help-card,
:root[data-theme="light"] .account-panel{
  color:#13241b;
  background:rgba(255,255,255,.78);
  border-color:rgba(21,33,28,.14);
}
.page-card b{display:block;font-family:var(--font-head);font-size:28px;margin-bottom:8px}
.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.help-card{
  display:flex;
  flex-direction:column;
  min-height:245px;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.help-card:hover{
  transform:translateY(-3px);
  border-color:rgba(0,201,167,.5);
  background:linear-gradient(145deg,rgba(0,201,167,.1),rgba(17,24,39,.78));
}
.help-card h2{font-size:26px;line-height:1.05;margin-bottom:10px}
.help-card span{color:var(--gold);font-weight:900}
.help-card p{margin-bottom:24px}
.help-card > b{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:auto;
  color:var(--mint);
  font-family:var(--font-head);
  font-size:17px;
}
.help-card > b .mdi{font-size:19px;line-height:1}
.help-detail-hero{
  max-width:850px;
  margin-bottom:34px;
}
.help-detail-hero h1{
  font-size:clamp(46px,6.5vw,82px);
  line-height:.94;
  letter-spacing:-1.8px;
}
.help-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-bottom:14px;
}
.help-detail-card,
.guide-panel{
  border:1px solid var(--line);
  border-radius:26px;
  background:rgba(17,24,39,.74);
  padding:24px;
}
:root[data-theme="light"] .help-detail-card,
:root[data-theme="light"] .guide-panel{
  color:#13241b;
  background:rgba(255,255,255,.78);
  border-color:rgba(21,33,28,.14);
}
.help-detail-card .note-icon{margin-bottom:20px}
.help-detail-card h2,
.guide-panel h2{font-size:28px;line-height:1.05;margin-bottom:10px}
.help-detail-card p{margin:0;color:var(--muted);font-size:17px}
.guide-panel{margin-top:14px}
.guide-steps{
  list-style:none;
  margin:20px 0 0;
  padding:0;
  display:grid;
  gap:12px;
  counter-reset:guide-step;
}
.guide-steps li{
  counter-increment:guide-step;
  display:grid;
  grid-template-columns:58px 1fr;
  gap:16px;
  align-items:start;
  padding:18px;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(17,24,39,.72);
}
:root[data-theme="light"] .guide-steps li{
  color:#13241b;
  background:rgba(255,255,255,.72);
  border-color:rgba(21,33,28,.12);
}
.guide-steps li::before{
  content:counter(guide-step,decimal-leading-zero);
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  color:var(--dark);
  background:linear-gradient(135deg,var(--mint),var(--mint-2));
  font-family:var(--font-head);
  font-weight:1000;
}
.guide-steps b{font-family:var(--font-head);font-size:20px;color:var(--ink)}
.guide-steps b,
.guide-steps span{grid-column:2}
.guide-steps span{display:block;color:var(--muted);font-size:16px;margin-top:-10px}
.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.account-stack{display:grid;gap:18px}
.account-portal{min-height:62vh}
.account-loading{
  min-height:52vh;
  display:grid;
  place-items:center;
  align-content:center;
  gap:14px;
  text-align:center;
}
.account-loading__spinner{
  width:54px;
  height:54px;
  border-radius:999px;
  border:4px solid rgba(0,201,167,.18);
  border-top-color:var(--mint);
  animation:spin .9s linear infinite;
}
.account-loading h1{
  margin:8px 0 0;
  font-size:clamp(30px,4vw,44px);
}
.account-loading p{
  max-width:420px;
  margin:0;
  color:var(--muted);
  font-size:18px;
}
@keyframes spin{to{transform:rotate(360deg)}}
.account-portal h1{
  font-size:clamp(32px,3.5vw,42px);
  line-height:.94;
  letter-spacing:-1.8px;
}
.account-portal #auth-view .lead{
  max-width:none;
  margin-bottom:22px;
  font-size:clamp(16px,1.5vw,19px);
}
.account-hero{padding:0;margin-bottom:34px}
.account-title{
  margin:0 0 22px;
  font-size:clamp(42px,5vw,64px);
  line-height:.95;
  letter-spacing:-1.8px;
}
.account-email{
  color:var(--muted);
  font-size:20px;
  margin:0 0 34px;
}
.account-panel--narrow{
  max-width:480px;
  margin:0 auto;
  padding:26px;
  border-radius:16px;
  background:rgba(7,11,19,.84);
  box-shadow:0 36px 110px -70px #000;
}
:root[data-theme="light"] .account-panel--narrow{
  background:rgba(255,255,255,.84);
  border-color:rgba(21,33,28,.16);
  box-shadow:0 34px 90px -66px rgba(18,34,24,.46);
}
.account-panel--wide{grid-column:1 / -1}
.account-panel h2{font-size:28px;margin-bottom:22px}
.license-summary{font-family:var(--font-head);font-size:23px;font-weight:900;color:var(--ink);margin:0 0 24px}
.account-tabs{
  display:flex;
  gap:10px;
  margin:0 0 20px;
}
.tab-btn{
  flex:1;
  min-height:42px;
  border:2px solid rgba(58,71,91,.82);
  border-radius:999px;
  color:var(--muted);
  background:rgba(255,255,255,.045);
  font:inherit;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
}
.tab-btn.is-on{
  border-color:rgba(0,229,179,.75);
  color:#12e7bc;
  background:rgba(0,229,179,.08);
}
:root[data-theme="light"] .tab-btn{
  color:#58695f;
  border-color:rgba(21,33,28,.22);
  background:rgba(255,255,255,.64);
}
:root[data-theme="light"] .tab-btn.is-on{
  color:#00a87f;
  border-color:rgba(0,168,127,.52);
  background:rgba(0,168,127,.1);
}
.form{display:flex;flex-direction:column;gap:12px}
.form--inline{margin-top:18px}
.field{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:14px;font-weight:900}
.field-row{display:grid;gap:10px;margin-top:16px}
.field-row input,
.field input{
  width:100%;
  border:2px solid rgba(58,71,91,.82);
  border-radius:16px;
  padding:10px 12px;
  background:rgba(5,8,14,.58);
  color:var(--ink);
  font:inherit;
  font-size:16px;
}
:root[data-theme="light"] .field-row input,
:root[data-theme="light"] .field input{
  color:#13241b;
  border-color:rgba(21,33,28,.2);
  background:rgba(255,255,255,.9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 0 0 1px rgba(0,201,167,.08);
}
.field input:focus{outline:2px solid rgba(0,201,167,.42);outline-offset:1px;border-color:rgba(0,201,167,.6)}
:root[data-theme="light"] .field-row input:focus,
:root[data-theme="light"] .field input:focus{
  border-color:rgba(0,168,127,.55);
  outline-color:rgba(0,168,127,.22);
  background:#fff;
}
:root[data-theme="light"] .field-row input:-webkit-autofill,
:root[data-theme="light"] .field input:-webkit-autofill{
  -webkit-text-fill-color:#13241b;
  caret-color:#13241b;
  box-shadow:0 0 0 1000px #fff inset,0 0 0 2px rgba(0,168,127,.22);
  transition:background-color 9999s ease-in-out 0s;
}
.form__submit{justify-content:center;width:100%}
.form__error{color:var(--coral);font-size:14px;font-weight:800;margin:0}
.form__ok{color:var(--mint);font-size:14px;font-weight:900;margin:0}
.or{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px;margin:18px 0}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.account-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:4px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,var(--mint),var(--mint-2));
  color:var(--dark);
  min-height:44px;
  padding:9px 16px;
  font:inherit;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 22px 54px -34px var(--mint);
}
.account-button:disabled{opacity:.58;cursor:not-allowed}
.account-button--ghost{
  border:1px solid var(--line);
  color:var(--ink);
  background:rgba(255,255,255,.06);
}
:root[data-theme="light"] .account-button--ghost{
  color:#13241b;
  border-color:rgba(21,33,28,.18);
  background:rgba(255,255,255,.76);
  box-shadow:none;
}
.account-button--google{
  width:100%;
  border:2px solid #12e7bc;
  color:#12e7bc;
  background:rgba(255,255,255,.015);
  box-shadow:none;
}
:root[data-theme="light"] .account-button--google{
  color:#00a87f;
  border-color:#10d7af;
  background:rgba(255,255,255,.7);
}
.account-button--google:hover{background:rgba(0,201,167,.1)}
.ico--google{width:18px;height:18px;flex:none}
.panel__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.portal__hint{color:var(--muted);font-size:15px;margin:6px 0 0}
.device-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.device{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(16,24,36,.72);
  color:var(--ink);
  font-weight:850;
}
:root[data-theme="light"] .device{
  color:#13241b;
  border-color:rgba(21,33,28,.13);
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,250,244,.74));
  box-shadow:0 18px 42px -38px rgba(18,34,24,.42);
}
.device--empty{color:var(--muted);font-weight:800}
.device__meta{margin-left:auto;color:var(--muted);font-size:13px;font-weight:700}
:root[data-theme="light"] .device__meta{color:#647469}
.device__remove{
  border:1px solid rgba(255,111,97,.42);
  border-radius:999px;
  color:var(--coral);
  background:transparent;
  padding:7px 12px;
  font:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
.pay-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}
.pay-table th{text-align:left;color:var(--muted);font-weight:900;padding:10px;border-bottom:1px solid var(--line)}
.pay-table td{padding:12px 10px;border-bottom:1px solid var(--line)}
:root[data-theme="light"] .pay-table th,
:root[data-theme="light"] .pay-table td{border-bottom-color:rgba(21,33,28,.12)}
.status-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.status-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px;color:var(--muted)}
.status-list b{color:var(--ink)}

@media(max-width:900px){
  .site-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
  .menu-toggle{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border:1px solid var(--line);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    color:var(--ink);
  }
  .menu-toggle span,
  .menu-toggle span::before,
  .menu-toggle span::after{
    content:"";
    display:block;
    width:18px;
    height:2px;
    border-radius:2px;
    background:currentColor;
    position:relative;
  }
  .menu-toggle span::before{position:absolute;top:-6px}
  .menu-toggle span::after{position:absolute;top:6px}
  .nav{
    position:absolute;
    top:72px;
    left:18px;
    right:18px;
    display:none;
    flex-direction:column;
    gap:0;
    padding:10px;
    border:1px solid var(--line);
    border-radius:22px;
    background:rgba(7,11,19,.96);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  :root[data-theme="light"] .site-header .nav{
    color:#58695f;
    background:rgba(250,252,246,.97);
  }
  .nav-open .nav{display:flex}
  .nav a{padding:12px;border-bottom:1px solid var(--line)}
  .nav a:last-child{border-bottom:0}
  .brand{justify-self:start}
  .header-actions{justify-self:end}
  .theme-toggle{width:40px;height:40px}
  .hero{grid-template-columns:1fr;padding-top:54px}
  .download-card{max-width:520px}
  .product-stage{min-height:auto}
  .tv-shell{width:100%}
  .frame-nav--prev{left:10px}
  .frame-nav--next{right:10px}
  .phone-shell{position:relative;right:auto;top:auto;bottom:auto;margin:18px auto 0;transform:none}
  .phone-nav--prev{left:-16px}
  .phone-nav--next{right:-16px}
  .metrics,.platform-grid,.faq-grid{grid-template-columns:1fr 1fr}
  .feature-card-grid{grid-template-columns:1fr 1fr}
  .download-trust{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .split,.sync-section{grid-template-columns:1fr}
  .sync-visual{grid-template-columns:1fr;gap:14px}
  .sync-beam{height:80px}
  .sync-beam::before,.sync-beam::after{transform:translateY(-50%) rotate(90deg)}
  .comparison-row{grid-template-columns:1fr}
  .price-grid{grid-template-columns:1fr}
  .price-plan{min-height:auto}
  .price-notes{grid-template-columns:1fr}
  .page-hero,.account-layout,.help-detail-grid{grid-template-columns:1fr}
}

@media(max-width:900px){
  .site-header:has(#logout-btn:not([hidden])){
    grid-template-columns:auto minmax(0,1fr);
    row-gap:10px;
  }
  .site-header:has(#logout-btn:not([hidden])) .menu-toggle{
    grid-column:1;
    grid-row:1;
  }
  .site-header:has(#logout-btn:not([hidden])) .brand{
    grid-column:2;
    grid-row:1;
    min-width:0;
  }
  .site-header:has(#logout-btn:not([hidden])) .header-actions{
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    justify-content:flex-end;
    gap:8px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .site-header:has(#logout-btn:not([hidden])) .header-actions::-webkit-scrollbar{display:none}
  .site-header:has(#logout-btn:not([hidden])) .nav{top:124px}
  .site-header:has(#logout-btn:not([hidden])) .header-link{
    flex:0 0 auto;
    padding:9px 14px;
    font-size:15px;
  }
  .site-header:has(#logout-btn:not([hidden])) .header-button{
    max-width:118px;
    white-space:normal;
    line-height:1.05;
  }
}

@media(max-width:720px){
  .site-header{
    grid-template-columns:auto minmax(0,1fr);
    gap:10px;
    padding:14px 16px;
  }
  .brand{
    grid-column:2;
    grid-row:1;
    min-width:0;
    font-size:20px;
  }
  .brand img{
    width:42px;
    height:42px;
    margin-right:-2px;
  }
  .menu-toggle{
    grid-column:1;
    grid-row:1;
    width:42px;
    height:42px;
  }
  .header-actions{
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    justify-content:flex-end;
    gap:8px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .header-actions::-webkit-scrollbar{display:none}
  .header-link{
    flex:0 0 auto;
    padding:9px 14px;
    font-size:15px;
  }
  .header-button{
    max-width:118px;
    white-space:normal;
    line-height:1.05;
  }
  .theme-toggle{
    flex:0 0 auto;
    width:40px;
    height:40px;
  }
  .nav{top:116px}
}

@media(max-width:560px){
  .site-header{padding:14px 18px}
  .brand img{width:44px;height:44px}
  .brand{font-size:20px}
  .header-link{padding:9px 13px}
  .theme-toggle{display:none}
  .hero{padding:38px 18px 46px}
  .product-demo{padding:8px 18px 34px}
  h1{font-size:44px;letter-spacing:-1px}
  .hero-actions{width:100%}
  .hero-cta{flex:1 1 100%}
  .trust-row span{font-size:12px}
  .download-card{padding:18px}
  .phone-nav--prev{left:8px}
  .phone-nav--next{right:8px}
  .metrics,.platform-grid,.faq-grid,.download-trust,.trust-grid{grid-template-columns:1fr}
  .download-trust{padding:0 18px 12px}
  .comparison-row{padding:16px}
  .comparison-row--head{font-size:19px}
  .features-showcase{padding-top:64px}
  .features-head h2{font-size:40px}
  .features-head p{font-size:17px}
  .feature-card-grid{grid-template-columns:1fr}
  .feature-card{min-height:auto}
  .feature-icon{margin-bottom:24px}
  .section{padding:58px 18px}
  .sync-copy h2,
  .platforms-section .section-head h2,
  .comparison-section .section-head h2{font-size:40px}
  .sync-copy p,.sync-list{font-size:16px}
  .sync-device{min-height:130px}
  .pricing-section{padding-top:70px}
  .pricing-head h2{font-size:40px}
  .price-plan strong{font-size:46px}
  .price-notes article{padding:18px}
  .price-notes b{font-size:20px}
  .price-notes p{font-size:15px}
  .final-cta{margin:10px 18px 40px;padding:42px 18px}
  .final-cta p{font-size:17px}
  .final-cta__actions .download-btn{width:100%;min-width:0}
  .compliance-callout{margin:0 18px 56px;padding:20px}
  .compliance-callout p{font-size:15px}
  .page-main{padding:48px 18px 70px}
  .account-panel--narrow{padding:20px 14px;border-radius:14px}
  .account-portal #auth-view .lead{margin-bottom:20px}
  .account-tabs{gap:8px;margin-bottom:18px}
  .tab-btn{min-height:40px;font-size:14px}
  .field{font-size:14px}
  .field input{min-height:42px;border-radius:12px;padding:9px 12px;font-size:15px}
  .account-button{min-height:42px;font-size:15px}
  .or{margin:18px 0;font-size:14px}
  .ico--google{width:18px;height:18px}
  .help-grid{grid-template-columns:1fr}
  .help-card{min-height:auto}
  .help-detail-hero h1{font-size:42px}
  .guide-steps li{grid-template-columns:1fr;gap:10px;padding:16px}
  .guide-steps b,
  .guide-steps span{grid-column:1}
  .guide-steps span{margin-top:0}
  .footer{margin:0;padding:34px 18px 82px}
  .footer__main{grid-template-columns:1fr;gap:26px}
  .footer__download{margin-bottom:12px}
  .footer__download a{min-height:58px}
  .footer__legal{align-items:flex-start;flex-direction:column}
}