/* ============================================================
   TASKANT DESIGN SYSTEM — task-ant.app
   Premium, warm, conversion-focused design system
   British English throughout. No em dashes.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
  --ta-orange-50:#FFF7ED;--ta-orange-100:#FFEDD5;--ta-orange-200:#FED7AA;--ta-orange-300:#FDBA74;
  --ta-orange-400:#FB923C;--ta-orange-500:#F97316;--ta-orange-600:#EA580C;--ta-orange-700:#C2410C;
  --ta-amber-400:#FBBF24;--ta-amber-500:#F59E0B;
  --ta-navy-900:#0F172A;--ta-navy-800:#1E293B;--ta-navy-700:#334155;--ta-navy-600:#475569;
  --ta-slate-500:#64748B;--ta-slate-400:#94A3B8;--ta-slate-300:#CBD5E1;--ta-slate-200:#E2E8F0;
  --ta-slate-100:#F1F5F9;--ta-slate-50:#F8FAFC;--ta-white:#FFFFFF;
  --ta-success:#22C55E;--ta-info:#3B82F6;
  --ta-bg:var(--ta-slate-50);--ta-text:var(--ta-navy-800);--ta-text-muted:var(--ta-slate-500);
  --ta-accent:var(--ta-orange-500);
  --ta-grad-warm:linear-gradient(135deg,var(--ta-orange-500),var(--ta-amber-500));
  --ta-grad-hero:linear-gradient(160deg,#0F172A 0%,#1E293B 40%,#1a2744 100%);
  --ta-grad-glow:radial-gradient(ellipse at 50% 0%,rgba(249,115,22,0.12) 0%,transparent 70%);
  --ta-font-display:'Outfit',system-ui,sans-serif;
  --ta-font-body:'Source Sans 3',system-ui,sans-serif;
  --ta-radius-lg:0.875rem;--ta-radius-xl:1.25rem;--ta-radius-2xl:1.5rem;--ta-radius-full:9999px;
  --ta-shadow-card:0 1px 3px rgba(15,23,42,0.04),0 8px 24px rgba(15,23,42,0.06);
  --ta-shadow-card-hover:0 4px 12px rgba(15,23,42,0.06),0 16px 40px rgba(15,23,42,0.1);
  --ta-shadow-xl:0 20px 25px -5px rgba(15,23,42,0.1),0 8px 10px -6px rgba(15,23,42,0.05);
  --ta-shadow-2xl:0 25px 50px -12px rgba(15,23,42,0.2);
  --ta-shadow-glow:0 0 40px rgba(249,115,22,0.15);
  --ta-ease:cubic-bezier(0.4,0,0.2,1);--ta-dur:300ms;
  --ta-max-w:1200px;--ta-header-h:72px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--ta-font-body);font-size:1rem;line-height:1.6;color:var(--ta-text);background:var(--ta-bg);overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:none;background:none}
ul,ol{list-style:none}
::selection{background:var(--ta-orange-200);color:var(--ta-navy-900)}

h1,h2,h3,h4,h5,h6{font-family:var(--ta-font-display);font-weight:700;line-height:1.15;letter-spacing:-0.02em;color:var(--ta-navy-900)}
.t-display-xl{font-size:clamp(2.5rem,5vw + 1rem,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-0.03em}
.t-display{font-size:clamp(2rem,4vw + 0.5rem,3.75rem);font-weight:700;line-height:1.1}
.t-heading{font-size:clamp(1.5rem,3vw,2.25rem)}
.t-subheading{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:600}
.t-body-lg{font-size:1.125rem;line-height:1.75}
.t-label{font-family:var(--ta-font-display);font-size:0.75rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase}
.t-muted{color:var(--ta-text-muted)}.t-accent{color:var(--ta-accent)}.t-white{color:#fff}.t-center{text-align:center}.t-balance{text-wrap:balance}
.text-gradient{background:var(--ta-grad-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.container{width:100%;max-width:var(--ta-max-w);margin:0 auto;padding:0 1.5rem}
.section{padding:5rem 0}.section--lg{padding:8rem 0}
.section--dark{background:var(--ta-grad-hero);color:#fff}
.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:#fff}
.section--alt{background:#fff}.section--gradient{background:linear-gradient(180deg,var(--ta-slate-50),#fff)}
.grid{display:grid;gap:2rem}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.section{padding:4rem 0}.section--lg{padding:5rem 0}}
.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}
.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}

/* --- BUTTONS --- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--ta-font-display);font-weight:600;font-size:1rem;line-height:1;padding:.875rem 1.75rem;border-radius:var(--ta-radius-full);transition:all var(--ta-dur) var(--ta-ease);white-space:nowrap}
.btn--primary{background:var(--ta-grad-warm);color:#fff;box-shadow:0 2px 8px rgba(249,115,22,0.3)}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(249,115,22,0.35)}
.btn--secondary{background:#fff;color:var(--ta-navy-900);box-shadow:var(--ta-shadow-card);border:1px solid var(--ta-slate-200)}
.btn--secondary:hover{transform:translateY(-2px);box-shadow:var(--ta-shadow-card-hover);border-color:var(--ta-slate-300)}
.btn--ghost{background:rgba(255,255,255,0.08);color:#fff;border:1px solid rgba(255,255,255,0.15);backdrop-filter:blur(8px)}
.btn--ghost:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.25);transform:translateY(-1px)}
.btn--outline{background:transparent;color:var(--ta-accent);border:2px solid var(--ta-accent)}
.btn--outline:hover{background:var(--ta-accent);color:#fff;transform:translateY(-1px)}
.btn--lg{font-size:1.125rem;padding:1rem 2.25rem}.btn--sm{font-size:.875rem;padding:.625rem 1.25rem}
.btn svg{width:1.25em;height:1.25em}

/* --- CARDS --- */
.card{background:#fff;border-radius:var(--ta-radius-2xl);padding:2rem;box-shadow:var(--ta-shadow-card);border:1px solid rgba(226,232,240,0.6);transition:all var(--ta-dur) var(--ta-ease)}
.card:hover{box-shadow:var(--ta-shadow-card-hover);transform:translateY(-3px)}
.card--dark{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08)}
.card--dark:hover{background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.14)}
.card__icon{width:3rem;height:3rem;border-radius:var(--ta-radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:var(--ta-orange-50);color:var(--ta-accent);font-size:1.5rem}
.card--dark .card__icon{background:rgba(249,115,22,0.12)}
.card__title{font-family:var(--ta-font-display);font-weight:600;font-size:1.25rem;margin-bottom:.75rem}
.card__text{color:var(--ta-text-muted);line-height:1.7}.section--dark .card__text{color:var(--ta-slate-400)}

/* --- BADGES --- */
.badge{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--ta-font-display);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.375rem .875rem;border-radius:var(--ta-radius-full);line-height:1}
.badge--accent{background:var(--ta-orange-100);color:var(--ta-orange-700)}
.badge--dark{background:rgba(249,115,22,0.15);color:var(--ta-orange-300);border:1px solid rgba(249,115,22,0.2)}

/* --- SECTION LABEL --- */
.section-label{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem}
.section-label__dot{width:6px;height:6px;border-radius:50%;background:var(--ta-accent)}
.section-label__text{font-family:var(--ta-font-display);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ta-accent)}
.section--dark .section-label__text{color:var(--ta-orange-300)}
.section-header{max-width:640px;margin-bottom:3rem}
.section-header--center{text-align:center;margin-left:auto;margin-right:auto}
.section-header__title{margin-bottom:1rem}
.section-header__text{color:var(--ta-text-muted);font-size:1.125rem;line-height:1.7}
.section--dark .section-header__text{color:var(--ta-slate-400)}

/* --- PHONE MOCKUP --- */
.phone-mockup{width:280px;height:560px;border-radius:36px;background:var(--ta-navy-800);border:3px solid var(--ta-navy-700);box-shadow:var(--ta-shadow-2xl),0 0 60px rgba(249,115,22,0.08);position:relative;overflow:hidden;flex-shrink:0}
.phone-mockup__notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:28px;background:var(--ta-navy-800);border-radius:0 0 18px 18px;z-index:2}
.phone-mockup__screen{position:absolute;inset:3px;border-radius:33px;background:linear-gradient(180deg,#1a1a2e,#16213e);display:flex;flex-direction:column;padding:40px 16px 16px;overflow:hidden}
.mock-task{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,255,255,0.06);border-radius:12px;margin-bottom:8px;border:1px solid rgba(255,255,255,0.05)}
.mock-task__check{width:20px;height:20px;border-radius:50%;border:2px solid rgba(249,115,22,0.5);flex-shrink:0}
.mock-task__check--done{background:var(--ta-accent);border-color:var(--ta-accent);position:relative}
.mock-task__check--done::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;color:#fff}
.mock-task__text{font-size:12px;color:rgba(255,255,255,0.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.mock-task__badge{font-size:9px;padding:2px 6px;border-radius:6px;background:rgba(249,115,22,0.2);color:var(--ta-orange-300);white-space:nowrap;flex-shrink:0}
.mock-task__badge--green{background:rgba(34,197,94,0.2);color:#4ade80}
.mock-header{text-align:center;margin-bottom:16px}
.mock-header__title{font-family:var(--ta-font-display);font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}
.mock-header__subtitle{font-size:11px;color:rgba(255,255,255,0.4)}

/* --- STORE BADGES --- */
.store-badges{display:flex;gap:.75rem;flex-wrap:wrap}
.store-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--ta-navy-900);color:#fff;border-radius:var(--ta-radius-lg);font-family:var(--ta-font-display);transition:all var(--ta-dur) var(--ta-ease);border:1px solid rgba(255,255,255,0.08)}
.store-badge:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(15,23,42,0.08)}
.store-badge svg{width:20px;height:20px}
.store-badge__small{display:block;font-size:9px;font-weight:400;opacity:.7;line-height:1}
.store-badge__big{display:block;font-weight:600;font-size:14px;line-height:1.2}

/* --- PRICING CARDS --- */
.pricing-card{background:#fff;border-radius:var(--ta-radius-2xl);padding:2rem;box-shadow:var(--ta-shadow-card);border:1px solid var(--ta-slate-200);transition:all var(--ta-dur) var(--ta-ease);position:relative;overflow:hidden}
.pricing-card:hover{box-shadow:var(--ta-shadow-card-hover);transform:translateY(-3px)}
.pricing-card--featured{border-color:var(--ta-orange-300);box-shadow:var(--ta-shadow-xl),var(--ta-shadow-glow)}
.pricing-card--featured::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--ta-grad-warm)}
.pricing-card__name{font-family:var(--ta-font-display);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}
.pricing-card__desc{color:var(--ta-text-muted);font-size:.875rem;margin-bottom:1.5rem;line-height:1.6}
.pricing-card__price{font-family:var(--ta-font-display);font-size:2.25rem;font-weight:800;margin-bottom:.5rem}
.pricing-card__price span{font-size:1rem;font-weight:400;color:var(--ta-text-muted)}
.pricing-card__features{margin-bottom:2rem}
.pricing-card__features li{padding:.5rem 0;font-size:.9375rem;color:var(--ta-navy-600);display:flex;align-items:flex-start;gap:.5rem}
.pricing-card__features li::before{content:'✓';color:var(--ta-success);font-weight:700;flex-shrink:0;margin-top:1px}
.pricing-card__features li+li{border-top:1px solid var(--ta-slate-100)}

/* --- TASK TYPE CARDS --- */
.task-type-card{background:#fff;border-radius:var(--ta-radius-2xl);padding:2rem;box-shadow:var(--ta-shadow-card);border:1px solid rgba(226,232,240,0.6);transition:all var(--ta-dur) var(--ta-ease);position:relative;overflow:hidden}
.task-type-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--ta-grad-warm);opacity:0;transition:opacity var(--ta-dur)}
.task-type-card:hover{box-shadow:var(--ta-shadow-card-hover);transform:translateY(-3px)}
.task-type-card:hover::before{opacity:1}
.task-type-card__icon{width:3.5rem;height:3.5rem;border-radius:var(--ta-radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;background:var(--ta-orange-50);font-size:1.75rem}
.task-type-card__title{font-family:var(--ta-font-display);font-weight:700;font-size:1.25rem;margin-bottom:.5rem}
.task-type-card__desc{color:var(--ta-text-muted);font-size:.9375rem;line-height:1.7;margin-bottom:1.25rem}
.task-type-card__examples{display:flex;flex-direction:column;gap:.5rem}
.task-type-card__example{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--ta-slate-50);border-radius:var(--ta-radius-lg);font-size:.875rem;color:var(--ta-navy-700)}
.task-type-card__example-icon{font-size:1rem;flex-shrink:0}

/* --- AUDIENCE CARDS --- */
.audience-card{background:#fff;border-radius:var(--ta-radius-2xl);padding:2rem;box-shadow:var(--ta-shadow-card);border:1px solid rgba(226,232,240,0.6);transition:all var(--ta-dur) var(--ta-ease);text-align:center}
.audience-card:hover{box-shadow:var(--ta-shadow-card-hover);transform:translateY(-3px)}
.audience-card__emoji{font-size:3rem;margin-bottom:1rem;display:block}
.audience-card__title{font-family:var(--ta-font-display);font-weight:700;font-size:1.25rem;margin-bottom:.75rem}
.audience-card__text{color:var(--ta-text-muted);font-size:.9375rem;line-height:1.7}

/* --- CTA BLOCK --- */
.cta-block{background:var(--ta-grad-hero);color:#fff;position:relative;padding:6rem 0;overflow:hidden;text-align:center}
.cta-block::before{content:'';position:absolute;inset:0;background:var(--ta-grad-glow);pointer-events:none}
.cta-block .container{position:relative;z-index:1}
.cta-block__title{margin-bottom:1rem}
.cta-block__text{color:var(--ta-slate-300);font-size:1.125rem;line-height:1.7;max-width:560px;margin:0 auto 2rem}

/* --- HEADER --- */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--ta-header-h);display:flex;align-items:center;background:rgba(255,250,230,0.94);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(15,23,42,0.08);box-shadow:0 8px 30px rgba(15,23,42,0.06);transition:background var(--ta-dur),box-shadow var(--ta-dur)}
.site-header--scrolled{background:rgba(255,255,255,0.98);box-shadow:0 12px 34px rgba(15,23,42,0.08)}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.site-header__logo{display:flex;align-items:center;gap:.75rem}
.site-header__logo img{height:36px;width:auto}
.site-header__logo-text{font-family:var(--ta-font-display);font-weight:700;font-size:1.25rem;color:var(--ta-navy-800);letter-spacing:-0.01em}
.site-header__nav{display:flex;align-items:center;gap:1.5rem}
.site-header__nav a{font-family:var(--ta-font-display);font-size:.875rem;font-weight:500;color:var(--ta-navy-700);transition:color var(--ta-dur)}
.site-header__nav a:hover{color:var(--ta-orange-600)}
.site-header__cta{display:flex;align-items:center;gap:.75rem}
.mobile-nav-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;color:var(--ta-navy-800);font-size:1.5rem}
@media(max-width:1024px){.site-header__nav{display:none}.site-header__cta .btn--ghost{display:none}.mobile-nav-toggle{display:flex}}
.mobile-nav{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;background:rgba(255,250,230,0.98);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;opacity:0;pointer-events:none;transition:opacity .3s}
.mobile-nav.is-open{opacity:1;pointer-events:all}
.mobile-nav a{font-family:var(--ta-font-display);font-size:1.5rem;font-weight:600;color:var(--ta-navy-800);padding:.5rem;transition:color .2s}
.mobile-nav a:hover{color:var(--ta-orange-600)}
.mobile-nav__close{position:absolute;top:1.5rem;right:1.5rem;color:var(--ta-navy-800);font-size:2rem;cursor:pointer}

/* --- HERO --- */
.hero{background:var(--ta-grad-hero);color:#fff;position:relative;padding-top:calc(var(--ta-header-h) + 4rem);padding-bottom:5rem;overflow:hidden;min-height:100vh;display:flex;align-items:center}
.hero::before{content:'';position:absolute;inset:0;background:var(--ta-grad-glow);pointer-events:none}
.hero__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none}
.hero__orb--1{width:500px;height:500px;background:var(--ta-orange-500);top:-100px;right:-100px;animation:hero-float 8s ease-in-out infinite}
.hero__orb--2{width:400px;height:400px;background:var(--ta-amber-400);bottom:-80px;left:-80px;animation:hero-float 10s ease-in-out infinite reverse}
@keyframes hero-float{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-20px)}}
.hero .container{position:relative;z-index:1;display:flex;align-items:center;gap:4rem}
.hero__content{flex:1;max-width:600px}
.hero__title{margin-bottom:1.5rem}
.hero__subtitle{font-size:1.25rem;line-height:1.7;color:var(--ta-slate-300);margin-bottom:2rem;max-width:520px}
.hero__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}
.hero__visual{flex:1;display:flex;justify-content:center;position:relative}
.hero__trust{display:flex;align-items:center;gap:1rem;color:var(--ta-slate-400);font-size:.875rem;flex-wrap:wrap}
.hero__trust-item{display:flex;align-items:center;gap:.5rem}
.hero__trust-icon{color:var(--ta-orange-300);font-size:1rem}
@media(max-width:1024px){.hero{min-height:auto;padding-top:calc(var(--ta-header-h) + 3rem);padding-bottom:4rem}.hero .container{flex-direction:column;text-align:center}.hero__content{max-width:100%}.hero__subtitle{margin-left:auto;margin-right:auto}.hero__actions{justify-content:center}.hero__trust{justify-content:center}}
@media(max-width:640px){.hero__visual .phone-mockup{width:240px;height:480px}}

/* --- FOOTER --- */
.site-footer{background:var(--ta-navy-900);color:var(--ta-slate-400);padding:4rem 0 2rem;border-top:1px solid rgba(255,255,255,0.06)}
.site-footer__grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem;margin-bottom:3rem}
.site-footer__brand-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}
.site-footer__brand-logo img{height:32px}
.site-footer__brand-logo span{font-family:var(--ta-font-display);font-weight:700;font-size:1.125rem;color:#fff}
.site-footer__brand-text{font-size:.875rem;line-height:1.7;max-width:280px;margin-bottom:1.5rem}
.site-footer__col-title{font-family:var(--ta-font-display);font-weight:600;font-size:.875rem;color:#fff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}
.site-footer__links{display:flex;flex-direction:column;gap:.5rem}
.site-footer__links a{font-size:.875rem;color:var(--ta-slate-400);transition:color .2s}
.site-footer__links a:hover{color:#fff}
.site-footer__bottom{border-top:1px solid rgba(255,255,255,0.06);padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;flex-wrap:wrap;gap:1rem}
.site-footer__legal{display:flex;gap:1.5rem}
.site-footer__legal a{color:var(--ta-slate-400);transition:color .2s}
.site-footer__legal a:hover{color:#fff}
@media(max-width:768px){.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__brand{grid-column:1/-1}.site-footer__bottom{flex-direction:column;text-align:center}}

/* --- SCROLL REVEAL --- */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ta-ease),transform .7s var(--ta-ease)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}

@media(max-width:480px){.container{padding:0 1rem}.card,.task-type-card,.pricing-card,.audience-card{padding:1.5rem}}


/* --- APP SCREENSHOT --- */
.app-shot{position:relative;max-width:360px;background:rgba(255,255,255,0.14);padding:14px;border-radius:32px;box-shadow:0 28px 80px rgba(15,23,42,0.28), inset 0 1px 0 rgba(255,255,255,0.25);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.22)}
.app-shot img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 18px 45px rgba(15,23,42,0.22)}
.app-shot__caption{margin-top:12px;text-align:center;font-size:.875rem;color:var(--ta-slate-300)}

/* --- BETA / STORE BADGES --- */
.store-badge--disabled{opacity:.72;cursor:not-allowed;filter:saturate(.75);background:rgba(255,255,255,0.1)}
.store-badge--disabled .store-badge__big{opacity:.9}

/* --- LEGAL PAGES --- */
.legal-main{padding-top:calc(var(--ta-header-h) + 3rem);padding-bottom:4rem;background:linear-gradient(180deg,#fdfcf8 0%,#fff 40%,#f8fafc 100%);min-height:100vh}
.legal-shell{max-width:900px;margin:0 auto;background:#fff;border:1px solid rgba(226,232,240,0.8);box-shadow:var(--ta-shadow-card);border-radius:var(--ta-radius-2xl);padding:2.5rem}
.legal-shell h1{margin-bottom:1rem}
.legal-shell h2{margin-top:2rem;margin-bottom:.75rem;font-family:var(--ta-font-display);font-size:1.4rem}
.legal-shell p,.legal-shell li{color:var(--ta-navy-700);line-height:1.8;font-size:1rem}
.legal-shell ul{padding-left:1.2rem}
.legal-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;color:var(--ta-text-muted);font-size:.925rem}
@media(max-width:640px){.legal-shell{padding:1.5rem;border-radius:20px}.app-shot{max-width:300px;padding:10px;border-radius:26px}.app-shot img{border-radius:18px}}


/* --- DARK SURFACE READABILITY FIXES --- */
.hero h1,.hero h2,.hero h3,.hero h4,.hero h5,.hero h6,
.hero__title,
.hero .t-display-xl,
.hero .t-display,
.hero .t-heading,
.hero .t-subheading{color:#fff}

.card--dark .card__title,
.section--dark .card__title,
.section--dark .card h3,
.section--dark .card h4,
.section--dark .card h5{color:#fff}

.card--dark .card__text,
.section--dark .card__text{color:var(--ta-slate-300)}

.cta-block h1,.cta-block h2,.cta-block h3,.cta-block h4,.cta-block h5,.cta-block h6,
.cta-block__title{color:#fff}

.cta-block .badge--dark,
.hero .badge--dark{color:#fff;border-color:rgba(255,255,255,0.18);background:rgba(255,255,255,0.1)}

.section--dark .t-muted,
.cta-block .t-muted{color:var(--ta-slate-300)}