:root{
  --primary:#0f766e;
  --primary-dark:#115e59;
  --primary-light:#2dd4bf;
  --secondary:#16a34a;
  --secondary-dark:#15803d;
  --secondary-light:#4ade80;
  --accent:#f59e0b;
  --accent-dark:#b45309;
  --accent-light:#fbbf24;
  --gray-50:#f8fafc;
  --gray-100:#f1f5f9;
  --gray-200:#e2e8f0;
  --gray-300:#cbd5e1;
  --gray-400:#94a3b8;
  --gray-500:#64748b;
  --gray-600:#475569;
  --gray-700:#334155;
  --gray-800:#1e293b;
  --gray-900:#0f172a;
  --text-primary:var(--gray-900);
  --text-secondary:var(--gray-600);
  --text-muted:var(--gray-500);
  --bg-primary:#fbfbf7;
  --bg-secondary:#f4f6f3;
  --bg-tertiary:#ecf0ee;
  --bg-card:rgba(255,255,255,.82);
  --gradient-primary:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);
  --gradient-accent:linear-gradient(135deg,var(--accent) 0%,var(--primary) 70%,var(--secondary) 100%);
  --gradient-dark:linear-gradient(135deg,#071223 0%,#061b1a 45%,#0b1730 100%);
  --shadow-sm:0 1px 2px 0 rgb(0 0 0 / .05);
  --shadow-md:0 6px 12px -6px rgb(0 0 0 / .18),0 2px 6px -2px rgb(0 0 0 / .10);
  --shadow-lg:0 18px 30px -18px rgb(0 0 0 / .25),0 8px 16px -10px rgb(0 0 0 / .16);
  --shadow-xl:0 28px 50px -30px rgb(0 0 0 / .28),0 14px 26px -16px rgb(0 0 0 / .18);
  --radius-sm:.375rem;
  --radius-md:.5rem;
  --radius-lg:.75rem;
  --radius-xl:1rem;
  --radius-2xl:1.5rem;
  --radius-full:9999px;
  --transition-fast:150ms cubic-bezier(.2,.8,.2,1);
  --transition-base:260ms cubic-bezier(.2,.8,.2,1);
  --transition-slow:420ms cubic-bezier(.2,.8,.2,1);
  --spacing-xs:.25rem;
  --spacing-sm:.5rem;
  --spacing-md:1rem;
  --spacing-lg:1.5rem;
  --spacing-xl:2rem;
  --spacing-2xl:3rem;
  --container-max:1200px;
}

@media (prefers-color-scheme: dark){
  :root{
    --text-primary:rgba(255,255,255,.92);
    --text-secondary:rgba(255,255,255,.72);
    --text-muted:rgba(255,255,255,.55);
    --bg-primary:#060c18;
    --bg-secondary:#071223;
    --bg-tertiary:#0b1b2e;
    --bg-card:rgba(7,18,35,.78);
  }
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html.nav-open,html.nav-open body{overflow:hidden}
body{
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  color:var(--text-primary);
  background-color:var(--bg-primary);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  position:relative;
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  inset:-40px;
  pointer-events:none;
  z-index:-1;
  opacity:.55;
  background-image:
    radial-gradient(900px 520px at 18% 8%, rgba(245,158,11,.20) 0%, transparent 56%),
    radial-gradient(740px 520px at 86% 82%, rgba(45,212,191,.22) 0%, transparent 58%),
    radial-gradient(520px 420px at 68% 18%, rgba(22,163,74,.18) 0%, transparent 60%),
    repeating-conic-gradient(from 45deg at 50% 50%, rgba(15,118,110,.13) 0 9deg, transparent 9deg 18deg);
  background-size:auto,auto,auto,180px 180px;
  background-position:0 0,0 0,0 0,0 0;
  filter:saturate(110%);
  animation:pattern-drift 38s linear infinite;
}

@media (prefers-color-scheme: dark){
  body::before{
    opacity:.42;
    background-image:
      radial-gradient(900px 520px at 18% 10%, rgba(245,158,11,.16) 0%, transparent 60%),
      radial-gradient(740px 520px at 86% 84%, rgba(45,212,191,.18) 0%, transparent 62%),
      radial-gradient(520px 420px at 68% 18%, rgba(22,163,74,.14) 0%, transparent 64%),
      repeating-conic-gradient(from 45deg at 50% 50%, rgba(255,255,255,.08) 0 9deg, transparent 9deg 18deg);
    filter:saturate(115%);
  }
}

@keyframes pattern-drift{
  0%{background-position:0 0,0 0,0 0,0 0}
  100%{background-position:120px 80px,-140px 110px,90px -120px,260px 190px}
}

h1,h2,h3,h4,h5,h6{
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Amiri","Noto Naskh Arabic",Arial,sans-serif;
  font-weight:800;
  line-height:1.15;
  margin-bottom:var(--spacing-md);
  color:var(--text-primary);
  letter-spacing:-.02em;
}

h1{font-size:2.5rem}
h2{font-size:2rem}
h3{font-size:1.75rem}
h4{font-size:1.5rem}
h5{font-size:1.25rem}
h6{font-size:1rem}

p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}
a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}
a:hover{color:var(--primary-dark)}

.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-md)}

.header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  background:var(--bg-card);
  backdrop-filter:saturate(170%) blur(18px);
  -webkit-backdrop-filter:saturate(170%) blur(18px);
  border-bottom:1px solid rgba(0,0,0,.08);
  transition:transform var(--transition-base),background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);
}

@media (prefers-color-scheme: dark){
  .header{border-bottom-color:rgba(255,255,255,.10)}
}

.header.scrolled{
  box-shadow:var(--shadow-md);
  background:rgba(255,255,255,.90);
}

@media (prefers-color-scheme: dark){
  .header.scrolled{background:rgba(7,18,35,.86)}
}

.header .container{display:flex;align-items:center;justify-content:space-between;height:72px}

.header-logo{
  font-size:1.35rem;
  font-weight:900;
  color:var(--text-primary);
  display:flex;
  align-items:center;
  gap:var(--spacing-sm);
  letter-spacing:-.02em;
}

.header-nav{display:flex;align-items:center;gap:var(--spacing-lg)}
.header-nav a{
  font-size:.95rem;
  font-weight:600;
  color:var(--text-secondary);
  padding:var(--spacing-sm) var(--spacing-md);
  border-radius:var(--radius-full);
  transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);
}
.header-nav a:hover,.header-nav a.active{
  color:var(--text-primary);
  background:rgba(15,118,110,.10);
  transform:translateY(-1px);
}

@media (prefers-color-scheme: dark){
  .header-nav a:hover,.header-nav a.active{background:rgba(45,212,191,.14)}
}

.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}

.header-btn{
  display:inline-flex;
  align-items:center;
  gap:var(--spacing-sm);
  padding:var(--spacing-sm) var(--spacing-md);
  background:var(--gradient-primary);
  color:#fff;
  font-size:.92rem;
  font-weight:800;
  border-radius:var(--radius-full);
  border:none;
  cursor:pointer;
  transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast);
  box-shadow:0 10px 22px -14px rgba(15,118,110,.65),0 10px 28px -20px rgba(22,163,74,.55);
}
.header-btn:hover{transform:translateY(-2px);filter:saturate(110%);box-shadow:var(--shadow-lg)}
.header-btn:active{transform:translateY(0)}

.header-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:var(--spacing-sm)}
.header-toggle svg{width:24px;height:24px;stroke:var(--text-secondary);transition:stroke var(--transition-fast)}
.header-toggle:hover svg{stroke:var(--text-primary)}

.hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  padding:calc(72px + var(--spacing-2xl)) 0 var(--spacing-2xl);
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(900px 520px at 10% 20%, rgba(245,158,11,.18) 0%, transparent 58%),
    radial-gradient(840px 520px at 90% 75%, rgba(45,212,191,.18) 0%, transparent 58%),
    linear-gradient(135deg, rgba(15,118,110,.08) 0%, rgba(22,163,74,.07) 60%, rgba(245,158,11,.06) 100%);
}

.hero::before{
  content:"";
  position:absolute;
  inset:-2px;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(15,118,110,.16) 1px, transparent 0),
    repeating-conic-gradient(from 45deg at 50% 50%, rgba(15,118,110,.10) 0 9deg, transparent 9deg 18deg);
  background-size:48px 48px,180px 180px;
  opacity:.45;
  mask-image:radial-gradient(circle at 50% 35%, #000 0%, #000 55%, transparent 76%);
  -webkit-mask-image:radial-gradient(circle at 50% 35%, #000 0%, #000 55%, transparent 76%);
  animation:hero-pattern 26s linear infinite;
}

@keyframes hero-pattern{
  0%{background-position:0 0,0 0}
  100%{background-position:160px 120px,220px 180px}
}

.hero-content{max-width:650px;z-index:1}

.hero-badge{
  display:inline-flex;
  align-items:center;
  gap:var(--spacing-sm);
  padding:var(--spacing-xs) var(--spacing-md);
  background:rgba(255,255,255,.72);
  border-radius:var(--radius-full);
  font-size:.85rem;
  font-weight:700;
  color:var(--text-secondary);
  margin-bottom:var(--spacing-lg);
  border:1px solid rgba(15,118,110,.14);
}

@media (prefers-color-scheme: dark){
  .hero-badge{background:rgba(7,18,35,.62);border-color:rgba(45,212,191,.16)}
}

.hero-badge .badge-dot{
  width:8px;
  height:8px;
  border-radius:var(--radius-full);
  background:var(--accent);
  box-shadow:0 0 0 0 rgba(245,158,11,.45);
  animation:pulse 2.2s ease-in-out infinite;
}

@keyframes pulse{
  0%{transform:scale(1);box-shadow:0 0 0 0 rgba(245,158,11,.45)}
  55%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(245,158,11,0)}
  100%{transform:scale(1);box-shadow:0 0 0 0 rgba(245,158,11,0)}
}

.hero-title{
  font-size:clamp(2.5rem,8vw,4.5rem);
  font-weight:900;
  line-height:1.05;
  margin-bottom:var(--spacing-lg);
}

.hero-title .gradient-text{
  background:var(--gradient-accent);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  background-size:220% auto;
  animation:gradient 6.5s ease infinite;
}

@keyframes gradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

.hero-description{
  font-size:1.2rem;
  color:var(--text-secondary);
  line-height:1.75;
  margin-bottom:var(--spacing-xl);
  max-width:560px;
}

.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}

.hero-btn{
  display:inline-flex;
  align-items:center;
  gap:var(--spacing-sm);
  padding:var(--spacing-md) var(--spacing-xl);
  font-size:1rem;
  font-weight:850;
  border-radius:var(--radius-full);
  border:1px solid transparent;
  cursor:pointer;
  transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),border-color var(--transition-base),filter var(--transition-base);
  text-decoration:none;
}

.hero-btn-primary{
  background:var(--gradient-primary);
  color:#fff;
  box-shadow:0 20px 40px -28px rgba(15,118,110,.80),0 18px 40px -30px rgba(245,158,11,.55);
}
.hero-btn-primary:hover{transform:translateY(-3px);filter:saturate(110%);box-shadow:var(--shadow-xl)}

.hero-btn-secondary{
  background:rgba(255,255,255,.68);
  color:var(--text-primary);
  border-color:rgba(15,118,110,.14);
}
.hero-btn-secondary:hover{transform:translateY(-3px);background:rgba(255,255,255,.84);border-color:rgba(15,118,110,.24)}

@media (prefers-color-scheme: dark){
  .hero-btn-secondary{background:rgba(7,18,35,.52);border-color:rgba(45,212,191,.16)}
  .hero-btn-secondary:hover{background:rgba(7,18,35,.68);border-color:rgba(45,212,191,.24)}
}

.hero-image{
  display:flex;
  justify-content:center;
  align-items:center;
  flex:1;
  padding:0 var(--spacing-lg);
  position:relative;
  z-index:1;
}
.hero-image svg{width:100%;max-width:560px;height:auto;animation:float 7s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}

.hero-decoration{
  position:absolute;
  width:320px;
  height:320px;
  border-radius:50%;
  background:var(--gradient-accent);
  filter:blur(90px);
  opacity:.22;
  animation:float 9s ease-in-out infinite reverse;
}
.hero-decoration:nth-child(1){top:-120px;left:-120px}
.hero-decoration:nth-child(2){bottom:-120px;right:-120px;animation-delay:-4.5s}

.features{
  padding:var(--spacing-2xl) 0;
  background:var(--bg-secondary);
  position:relative;
}

.features-section-title{
  font-size:clamp(1.9rem,4.8vw,2.6rem);
  font-weight:900;
  text-align:center;
  margin-bottom:var(--spacing-xl);
  letter-spacing:-.02em;
}

.features-description{
  text-align:center;
  font-size:1.12rem;
  color:var(--text-secondary);
  max-width:650px;
  margin:0 auto var(--spacing-2xl);
}

.features-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:var(--spacing-lg);
}

.feature-card{
  background:var(--bg-card);
  padding:var(--spacing-xl);
  border-radius:var(--radius-2xl);
  text-align:center;
  border:1px solid rgba(15,118,110,.12);
  box-shadow:0 1px 0 rgba(15,118,110,.05);
  transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base);
  position:relative;
  overflow:hidden;
}

.feature-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 1px 1px, rgba(15,118,110,.10) 1px, transparent 0);
  background-size:44px 44px;
  opacity:.22;
  transform:translateY(18px);
  transition:opacity var(--transition-base),transform var(--transition-base);
  pointer-events:none;
}

.feature-card:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow-xl);
  border-color:rgba(245,158,11,.30);
}
.feature-card:hover::before{opacity:.34;transform:translateY(0)}

.feature-icon{
  width:74px;
  height:74px;
  margin:0 auto var(--spacing-md);
  background:linear-gradient(135deg, rgba(15,118,110,.92) 0%, rgba(22,163,74,.92) 100%);
  border-radius:var(--radius-xl);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  box-shadow:0 14px 30px -22px rgba(15,118,110,.90),0 14px 30px -24px rgba(245,158,11,.60);
}

.feature-title{font-size:1.2rem;font-weight:850;margin-bottom:var(--spacing-sm);color:var(--text-primary)}
.feature-description{font-size:.96rem;color:var(--text-secondary);line-height:1.65}

.stats{
  padding:var(--spacing-2xl) 0;
  background:var(--gradient-dark);
  color:#fff;
  position:relative;
  overflow:hidden;
}

.stats::before{
  content:"";
  position:absolute;
  inset:-2px;
  opacity:.18;
  background-image:
    repeating-conic-gradient(from 45deg at 50% 50%, rgba(255,255,255,.14) 0 8deg, transparent 8deg 16deg);
  background-size:200px 200px;
  animation:hero-pattern 34s linear infinite;
  pointer-events:none;
}

.stats-container{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:var(--spacing-xl);
  text-align:center;
  position:relative;
}

.stat-item .stat-value{
  font-size:3rem;
  font-weight:950;
  line-height:1;
  margin-bottom:var(--spacing-sm);
  background:var(--gradient-accent);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.stat-item .stat-label{font-size:1rem;font-weight:700;opacity:.9}

.apps{padding:var(--spacing-2xl) 0}
.apps-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:var(--spacing-md);
}

.app-card{
  background:var(--bg-card);
  border-radius:var(--radius-xl);
  overflow:hidden;
  transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);
  border:1px solid rgba(15,118,110,.12);
}
.app-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(245,158,11,.28)}

.app-image{
  width:100%;
  height:150px;
  background:linear-gradient(135deg, rgba(15,118,110,.90) 0%, rgba(22,163,74,.90) 60%, rgba(245,158,11,.86) 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}
.app-info{padding:var(--spacing-md)}
.app-title{font-size:1rem;font-weight:850;margin-bottom:var(--spacing-xs);color:var(--text-primary)}
.app-rating{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.85rem;color:var(--accent)}
.app-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}
.app-tag{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);background:rgba(15,118,110,.08);border-radius:var(--radius-full);color:var(--text-muted)}

@media (prefers-color-scheme: dark){
  .app-tag{background:rgba(45,212,191,.12)}
}

.footer{
  background:var(--gradient-dark);
  padding:var(--spacing-2xl) 0 var(--spacing-lg);
  color:rgba(255,255,255,.80);
}
.footer-content{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:var(--spacing-xl);
  margin-bottom:var(--spacing-xl);
}
.footer-brand{max-width:320px}
.footer-brand h3{color:#fff;font-size:1.5rem;margin-bottom:var(--spacing-sm)}
.footer-brand p{color:rgba(255,255,255,.62);font-size:.98rem;line-height:1.7}
.footer-links h4,.footer-links h5{color:#fff;font-size:1rem;margin-bottom:var(--spacing-md)}
.footer-links ul{list-style:none;padding:0;margin:0}
.footer-links li{margin-bottom:var(--spacing-sm)}
.footer-links a{color:rgba(255,255,255,.72);font-size:.95rem;transition:color var(--transition-fast)}
.footer-links a:hover{color:#fff}
.footer-bottom{
  padding-top:var(--spacing-xl);
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--spacing-md);
}
.footer-text{font-size:.9rem;opacity:.7}
.footer-social{display:flex;gap:var(--spacing-md)}
.footer-social a{
  width:44px;
  height:44px;
  border-radius:var(--radius-full);
  background:rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  transition:transform var(--transition-fast),background var(--transition-fast),filter var(--transition-fast);
}
.footer-social a:hover{background:rgba(45,212,191,.26);transform:translateY(-3px);filter:saturate(115%)}

.gradient-text{
  background:var(--gradient-primary);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.text-gradient-accent{
  background:var(--gradient-accent);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.card-glass{
  background:var(--bg-card);
  backdrop-filter:saturate(170%) blur(18px);
  -webkit-backdrop-filter:saturate(170%) blur(18px);
  border:1px solid rgba(15,118,110,.12);
}
.shadow-glow{box-shadow:0 0 48px rgba(15,118,110,.18),0 0 96px rgba(245,158,11,.10)}

.reveal{opacity:0;transform:translateY(14px);transition:opacity 520ms cubic-bezier(.2,.8,.2,1),transform 520ms cubic-bezier(.2,.8,.2,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}

@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.animate-fadeInUp{animation:fadeInUp .65s ease-out}
.animate-fadeInUp-delay-1{animation:fadeInUp .65s ease-out .1s backwards}
.animate-fadeInUp-delay-2{animation:fadeInUp .65s ease-out .2s backwards}
.animate-fadeInUp-delay-3{animation:fadeInUp .65s ease-out .3s backwards}
.animate-fadeInUp-delay-4{animation:fadeInUp .65s ease-out .4s backwards}
.animate-fadeInUp-delay-5{animation:fadeInUp .65s ease-out .5s backwards}

@media (max-width:1024px){
  .hero-actions{justify-content:center}
  .footer-content{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:768px){
  .header-toggle{display:block}
  .header-nav{
    position:fixed;
    top:72px;
    left:0;
    right:0;
    background:var(--bg-card);
    backdrop-filter:saturate(170%) blur(18px);
    -webkit-backdrop-filter:saturate(170%) blur(18px);
    padding:var(--spacing-lg);
    flex-direction:column;
    align-items:flex-start;
    gap:var(--spacing-md);
    transform:translateX(100%);
    transition:transform var(--transition-base);
    border-bottom:1px solid rgba(0,0,0,.08);
  }
  .header-nav.open{transform:translateX(0);box-shadow:var(--shadow-lg)}
  @media (prefers-color-scheme: dark){.header-nav{border-bottom-color:rgba(255,255,255,.10)}}
  .header-nav a{width:100%;padding:var(--spacing-sm)}
  .hero{flex-direction:column;text-align:center;padding-top:calc(72px + var(--spacing-lg))}
  .hero-content{max-width:100%}
  .hero-description{margin-left:auto;margin-right:auto}
  .hero-actions{justify-content:center;flex-direction:column}
  .hero-image{padding:var(--spacing-md);max-width:420px;margin:0 auto}
  .hero-decoration{display:none}
  .features-grid{grid-template-columns:1fr}
  .stats-container{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}
  .apps-grid{grid-template-columns:repeat(2,1fr)}
  .footer-content{grid-template-columns:1fr;text-align:center}
  .footer-brand{margin:0 auto var(--spacing-xl)}
  .footer-bottom{justify-content:center;text-align:center}
  .footer-social{justify-content:center}
}

@media (max-width:480px){
  body{font-size:14px}
  h1{font-size:2rem}
  h2{font-size:1.75rem}
  h3{font-size:1.5rem}
  .hero-badge{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}
  .hero-title{font-size:2.25rem}
  .hero-description{font-size:1rem}
  .hero-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.95rem}
  .feature-card{padding:var(--spacing-md)}
  .feature-icon{width:62px;height:62px}
  .stat-item .stat-value{font-size:2.25rem}
  .app-image{height:128px}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

@media print{
  .header-toggle,.hero-image,.footer-social{display:none}
  .hero{min-height:auto;padding:0}
}