:root {
  --indigo-900: #1a1040;
  --indigo-800: #241658;
  --indigo-700: #312070;
  --indigo-600: #4f46e5;
  --indigo-500: #6366f1;
  --indigo-400: #818cf8;
  --indigo-300: #a5b4fc;
  --indigo-200: #c7d2fe;
  --indigo-100: #e0e7ff;
  --indigo-50: #eef2ff;

  --grey-900: #111827;
  --grey-800: #1f2937;
  --grey-700: #374151;
  --grey-600: #4b5563;
  --grey-500: #6b7280;
  --grey-400: #9ca3af;
  --grey-300: #d1d5db;
  --grey-200: #e5e7eb;
  --grey-100: #f3f4f6;
  --grey-50: #f9fafb;

  --accent-orange: #f97316;
  --accent-orange-hover: #ea580c;
  --accent-green: #22c55e;

  --white: #ffffff;
  --black: #000000;

  --text-primary: var(--grey-900);
  --text-secondary: var(--grey-600);
  --text-light: var(--grey-400);
  --text-on-dark: var(--white);
  --text-on-dark-muted: rgba(255, 255, 255, 0.7);

  --bg-primary: var(--white);
  --bg-secondary: var(--grey-50);
  --bg-dark: var(--indigo-900);
  --bg-darker: #0e0a24;

  --cta-bg: var(--accent-orange);
  --cta-hover: var(--accent-orange-hover);
  --cta-text: var(--white);

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --fs-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);
  --fs-sm: clamp(0.8125rem, 0.75rem + 0.3vw, 0.9375rem);
  --fs-base: clamp(0.9375rem, 0.875rem + 0.3vw, 1.0625rem);
  --fs-lg: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
  --fs-xl: clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);
  --fs-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);
  --fs-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.75rem);
  --fs-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);
  --fs-5xl: clamp(2.75rem, 2rem + 3.75vw, 4.5rem);

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  --lh-tight: 1.15;
  --lh-snug: 1.3;
  --lh-normal: 1.6;
  --lh-relaxed: 1.75;

  --ls-tight: -0.03em;
  --ls-normal: -0.01em;
  --ls-wide: 0.05em;

  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;
  --space-6xl: 10rem;

  --container-xl: 1200px;
  --container-lg: 1024px;
  --container-2xl: 1400px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,.08);
  --shadow-lg: 0 8px 30px rgba(0,0,0,.1);
  --shadow-xl: 0 16px 50px rgba(0,0,0,.12);

  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  --header-height: 72px;
  --top-bar-height: 36px;
}

/* === RESET === */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-height)+var(--top-bar-height))}
body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}
button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--text-primary)}
h1{font-size:var(--fs-5xl);font-weight:var(--fw-extrabold)}
h2{font-size:var(--fs-4xl)}
h3{font-size:var(--fs-2xl)}
h4{font-size:var(--fs-xl)}
p{letter-spacing:var(--ls-normal)}

.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-lg)}
.container--narrow{max-width:var(--container-lg)}
.container--wide{max-width:var(--container-2xl)}

/* === TOP BAR === */
.top-bar{background:var(--indigo-900);color:rgba(255,255,255,.7);font-size:var(--fs-xs);padding:var(--space-xs) 0;height:var(--top-bar-height);display:flex;align-items:center}
.top-bar__inner{width:100%;max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-lg);display:flex;justify-content:space-between;align-items:center}
.top-bar__tagline{font-weight:var(--fw-medium)}
.top-bar__contact{display:flex;align-items:center;gap:var(--space-xl)}
.top-bar a{color:rgba(255,255,255,.7);transition:color var(--transition-fast)}
.top-bar a:hover{color:var(--white)}
@media(max-width:767px){.top-bar{display:none}}

/* === HEADER === */
.header{position:sticky;top:0;left:0;right:0;z-index:1000;height:var(--header-height);background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--grey-100);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-lg)}
.header__logo{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--indigo-900);letter-spacing:var(--ls-tight);z-index:1001}
.header__logo-icon{width:36px;height:36px;background:var(--indigo-600);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:var(--fw-extrabold);font-size:10px;line-height:1}
.header__logo-accent{color:var(--indigo-600)}

/* === NAV === */
.nav{display:flex;align-items:center;gap:var(--space-xl)}
.nav__list{display:flex;align-items:center;gap:var(--space-xs)}
.nav__item{position:relative}
.nav__link{display:flex;align-items:center;gap:4px;padding:var(--space-xs) var(--space-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--grey-700);border-radius:var(--radius-md);transition:all var(--transition-fast)}
.nav__link:hover,.nav__link--active{color:var(--indigo-600);background:var(--indigo-50)}
.nav__link svg{width:14px;height:14px;transition:transform var(--transition-fast)}
.nav__item:hover .nav__link svg{transform:rotate(180deg)}

.nav__dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:240px;background:var(--white);border:1px solid var(--grey-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xs);opacity:0;visibility:hidden;transition:all var(--transition-fast)}
.nav__item:hover .nav__dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav__dropdown-link{display:block;padding:var(--space-sm) var(--space-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--grey-700);border-radius:var(--radius-md);transition:all var(--transition-fast)}
.nav__dropdown-link:hover{color:var(--indigo-600);background:var(--indigo-50)}
.nav__dropdown-link span{display:block;font-size:var(--fs-xs);font-weight:var(--fw-regular);color:var(--grey-500);margin-top:2px}

.header__cta{display:none}
@media(min-width:1024px){.header__cta{display:inline-flex}}

/* === MOBILE NAV === */
.mobile-toggle{display:flex;flex-direction:column;gap:5px;width:28px;padding:4px 0;z-index:1001}
.mobile-toggle span{display:block;height:2px;background:var(--grey-800);border-radius:2px;transition:all var(--transition-base)}
.mobile-toggle--active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.mobile-toggle--active span:nth-child(2){opacity:0}
.mobile-toggle--active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
@media(min-width:1024px){.mobile-toggle{display:none}}

.mobile-nav{position:fixed;inset:0;background:var(--white);z-index:999;padding:calc(var(--header-height)+var(--space-xl)) var(--space-lg) var(--space-xl);overflow-y:auto;transform:translateX(100%);transition:transform var(--transition-slow)}
.mobile-nav--open{transform:translateX(0)}
.mobile-nav__list{display:flex;flex-direction:column;gap:var(--space-xs)}
.mobile-nav__link{display:block;padding:var(--space-md);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--grey-800);border-radius:var(--radius-md);transition:all var(--transition-fast)}
.mobile-nav__link:hover{background:var(--indigo-50);color:var(--indigo-600)}
.mobile-nav__sub{padding-left:var(--space-lg);max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}
.mobile-nav__sub--open{max-height:320px}
.mobile-nav__sub .mobile-nav__link{font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--grey-600)}
.mobile-nav__cta{margin-top:var(--space-xl)}
@media(min-width:1024px){.mobile-nav{display:none}}
@media(max-width:1023px){.nav{display:none}}

/* === BUTTONS === */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:14px 28px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--ls-normal);border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap;line-height:1}
.btn--primary{background:var(--cta-bg);color:var(--cta-text);box-shadow:0 4px 14px rgba(249,115,22,.35)}
.btn--primary:hover{background:var(--cta-hover);box-shadow:0 8px 24px rgba(249,115,22,.45);transform:translateY(-1px)}
.btn--secondary{background:var(--indigo-600);color:var(--white);box-shadow:0 4px 14px rgba(79,70,229,.25)}
.btn--secondary:hover{background:var(--indigo-700);box-shadow:0 8px 24px rgba(79,70,229,.35);transform:translateY(-1px)}
.btn--outline{background:transparent;color:var(--indigo-600);border:2px solid var(--indigo-200)}
.btn--outline:hover{background:var(--indigo-600);color:var(--white);border-color:var(--indigo-600)}
.btn--outline-white{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.3)}
.btn--outline-white:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}
.btn--white{background:var(--white);color:var(--indigo-900);font-weight:var(--fw-bold);box-shadow:0 10px 30px rgba(0,0,0,.15)}
.btn--white:hover{background:var(--grey-100);transform:translateY(-1px);box-shadow:0 14px 40px rgba(0,0,0,.2)}
.btn--ghost{background:transparent;color:var(--grey-700)}
.btn--ghost:hover{background:var(--grey-100)}
.btn--lg{padding:18px 36px;font-size:var(--fs-base);border-radius:var(--radius-xl)}
.btn--sm{padding:10px 20px;font-size:var(--fs-xs)}
.btn--full{width:100%}
.btn svg{width:18px;height:18px}

/* === SECTIONS === */
.section{padding:var(--space-5xl) 0}
.section--sm{padding:var(--space-4xl) 0}
.section--dark{background:var(--bg-dark);color:var(--text-on-dark)}
.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:var(--white)}
.section--dark p{color:var(--text-on-dark-muted)}
.section--grey{background:var(--bg-secondary)}
.section--gradient{background:linear-gradient(135deg,var(--indigo-900) 0%,var(--indigo-700) 100%);color:var(--text-on-dark)}
.section--gradient h1,.section--gradient h2,.section--gradient h3,.section--gradient h4{color:var(--white)}
.section--gradient p{color:var(--text-on-dark-muted)}

.section__header{text-align:center;max-width:720px;margin:0 auto var(--space-4xl)}
.section__label{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--indigo-500);margin-bottom:var(--space-md)}
.section--dark .section__label,.section--gradient .section__label{color:var(--indigo-300)}
.section__title{margin-bottom:var(--space-lg)}
.section__desc{font-size:var(--fs-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}
.section--dark .section__desc,.section--gradient .section__desc{color:var(--text-on-dark-muted)}

/* === HERO === */
.hero{position:relative;display:flex;align-items:center;padding:var(--space-5xl) 0;background:linear-gradient(135deg,#1a1040 0%,#312070 50%,var(--indigo-600) 100%);overflow:hidden}
.hero__bg{position:absolute;inset:0;opacity:.1}
.hero__bg::before{content:'';position:absolute;top:5rem;right:5rem;width:24rem;height:24rem;background:rgba(255,255,255,.2);border-radius:50%;filter:blur(80px)}
.hero__bg::after{content:'';position:absolute;bottom:2rem;left:2rem;width:18rem;height:18rem;background:rgba(129,140,248,.3);border-radius:50%;filter:blur(80px)}
.hero__content{position:relative;z-index:1;max-width:800px}
.hero__label{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);color:var(--indigo-300);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;margin-bottom:var(--space-xl)}
.hero__label-dot{width:6px;height:6px;background:var(--accent-green);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero__title{font-size:var(--fs-5xl);color:var(--white);margin-bottom:var(--space-xl);line-height:var(--lh-tight)}
.hero__title-highlight{color:var(--indigo-300)}
.hero__desc{font-size:var(--fs-xl);color:var(--text-on-dark-muted);line-height:var(--lh-normal);margin-bottom:var(--space-2xl);max-width:620px}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-4xl)}
.hero__proof{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xl);color:rgba(255,255,255,.6);font-size:var(--fs-sm)}
.hero__proof-item{display:flex;align-items:center;gap:var(--space-xs)}
.hero__proof-item svg{width:20px;height:20px;flex-shrink:0}
.hero__proof-number{font-weight:var(--fw-bold);color:var(--white)}

/* === PAGE HERO === */
.page-hero{padding:var(--space-5xl) 0 var(--space-4xl);background:linear-gradient(135deg,#1a1040 0%,#312070 50%,var(--indigo-600) 100%);position:relative;overflow:hidden}
.page-hero__bg{position:absolute;inset:0;opacity:.1;background:radial-gradient(ellipse 50% 50% at 60% 40%,var(--indigo-600),transparent)}
.page-hero__content{position:relative;z-index:1;max-width:720px}
.page-hero__label{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--indigo-300);margin-bottom:var(--space-md)}
.page-hero__title{font-size:var(--fs-4xl);color:var(--white);margin-bottom:var(--space-lg)}
.page-hero__desc{font-size:var(--fs-xl);color:var(--text-on-dark-muted);line-height:var(--lh-normal);margin-bottom:var(--space-2xl)}
.page-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}

/* === CARDS === */
.card{background:var(--white);border:1px solid var(--grey-100);border-radius:var(--radius-xl);padding:var(--space-2xl);transition:all .2s ease;box-shadow:var(--shadow-sm)}
.card:hover{border-color:var(--indigo-200);box-shadow:0 20px 40px rgba(0,0,0,.1);transform:translateY(-4px)}
.card--dark{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.card--dark:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
.card__icon{width:48px;height:48px;background:var(--indigo-50);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);color:var(--indigo-600)}
.card--dark .card__icon{background:rgba(99,102,241,.15);color:var(--indigo-400)}
.card__icon svg{width:24px;height:24px}
.card__title{font-size:var(--fs-xl);margin-bottom:var(--space-sm)}
.card__desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal);margin-bottom:var(--space-lg)}
.card--dark .card__desc{color:var(--text-on-dark-muted)}
.card__link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--indigo-500);transition:gap var(--transition-fast)}
.card__link:hover{gap:var(--space-sm)}
.card__link svg{width:16px;height:16px}

/* === GRIDS === */
.grid{display:grid;gap:var(--space-xl)}
.grid--2{grid-template-columns:1fr}
.grid--3{grid-template-columns:1fr}
.grid--4{grid-template-columns:1fr}
@media(min-width:640px){.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(2,1fr)}.grid--4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}}

/* === SPLIT === */
.split{display:grid;grid-template-columns:1fr;gap:var(--space-3xl);align-items:center}
@media(min-width:768px){.split{grid-template-columns:1fr 1fr;gap:var(--space-4xl)}}
.split--reverse .split__visual{order:-1}
@media(max-width:767px){.split--reverse .split__visual{order:0}}
.split__content{max-width:540px}
.split__label{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--indigo-500);margin-bottom:var(--space-md)}
.split__title{margin-bottom:var(--space-lg)}
.split__desc{font-size:var(--fs-lg);color:var(--text-secondary);margin-bottom:var(--space-xl)}
.split__visual{position:relative}

.visual-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,var(--indigo-100),var(--indigo-50));border-radius:var(--radius-lg);border:1px solid var(--indigo-200);display:flex;align-items:center;justify-content:center;overflow:hidden}
.visual-placeholder--dark{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(79,70,229,.05));border-color:rgba(255,255,255,.1)}
.visual-placeholder__inner{text-align:center;color:var(--indigo-400);font-size:var(--fs-sm);font-weight:var(--fw-medium)}

/* === FEATURE LIST === */
.feature-list{display:flex;flex-direction:column;gap:var(--space-md)}
.feature-list__item{display:flex;align-items:flex-start;gap:var(--space-md)}
.feature-list__icon{flex-shrink:0;width:24px;height:24px;background:var(--indigo-50);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}
.feature-list__icon svg{width:14px;height:14px;color:var(--indigo-600)}
.section--dark .feature-list__icon{background:rgba(99,102,241,.2)}
.section--dark .feature-list__icon svg{color:var(--indigo-300)}

/* === PROCESS === */
.process{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}
@media(min-width:768px){.process{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.process{grid-template-columns:repeat(4,1fr)}}
.process__number{font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);color:var(--indigo-100);line-height:1;margin-bottom:var(--space-md)}
.process__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--space-sm)}
.process__desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal)}

/* === STATS === */
.stats-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);padding:var(--space-2xl) 0}
@media(min-width:768px){.stats-bar{grid-template-columns:repeat(4,1fr)}}
.stat{text-align:center}
.stat__number{font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);color:var(--indigo-600);line-height:1}
.section--dark .stat__number,.section--gradient .stat__number{color:var(--white)}
.stat__label{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--space-xs)}
.section--dark .stat__label,.section--gradient .stat__label{color:var(--text-on-dark-muted)}

/* === CTA === */
.cta-section{text-align:center;padding:var(--space-5xl) 0}
.cta-section__title{margin-bottom:var(--space-lg)}
.cta-section__desc{font-size:var(--fs-lg);color:var(--text-on-dark-muted);max-width:600px;margin:0 auto var(--space-2xl)}
.cta-section__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}

/* === PARTNER LOGOS === */
.partner-bar{display:flex;justify-content:center;align-items:center;gap:var(--space-4xl);flex-wrap:wrap;padding:var(--space-2xl) 0}
.partner-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}
.partner-logo__icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-extrabold);font-size:var(--fs-sm);color:var(--white)}
.partner-logo__name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--grey-700)}
.partner-logo__role{font-size:var(--fs-xs);color:var(--grey-500)}

/* === TESTIMONIAL === */
.testimonial{background:var(--white);border:1px solid var(--grey-200);border-radius:var(--radius-xl);padding:var(--space-2xl)}
.testimonial__quote{font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--grey-700);margin-bottom:var(--space-xl);font-style:italic}
.testimonial__author{display:flex;align-items:center;gap:var(--space-md)}
.testimonial__avatar{width:48px;height:48px;border-radius:50%;background:var(--indigo-100);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);color:var(--indigo-600);font-size:var(--fs-sm)}
.testimonial__name{font-weight:var(--fw-semibold);font-size:var(--fs-sm)}
.testimonial__role{font-size:var(--fs-xs);color:var(--text-secondary)}

/* === FORMS === */
.form{display:flex;flex-direction:column;gap:var(--space-lg)}
.form__group{display:flex;flex-direction:column;gap:var(--space-xs)}
.form__row{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}
@media(min-width:640px){.form__row{grid-template-columns:1fr 1fr}}
.form__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--grey-700)}
.form__input,.form__select,.form__textarea{width:100%;padding:14px 16px;font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text-primary);background:var(--white);border:1.5px solid var(--grey-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}
.form__input:focus,.form__select:focus,.form__textarea:focus{border-color:var(--indigo-500);box-shadow:0 0 0 4px rgba(79,70,229,.1)}
.form__textarea{min-height:140px;resize:vertical}
.form__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.form__hint{font-size:var(--fs-xs);color:var(--grey-500)}

/* === ACCORDION === */
.accordion{display:flex;flex-direction:column;gap:var(--space-sm)}
.accordion__item{border:1px solid var(--grey-200);border-radius:var(--radius-lg);overflow:hidden}
.accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-lg) var(--space-xl);font-size:var(--fs-base);font-weight:var(--fw-semibold);text-align:left;color:var(--text-primary);background:var(--white);transition:background var(--transition-fast)}
.accordion__trigger:hover{background:var(--grey-50)}
.accordion__trigger svg{width:20px;height:20px;color:var(--grey-500);transition:transform var(--transition-base);flex-shrink:0}
.accordion__item--open .accordion__trigger svg{transform:rotate(180deg)}
.accordion__content{display:none;padding:0 var(--space-xl) var(--space-lg);font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed)}
.accordion__item--open .accordion__content{display:block}

/* === BADGE === */
.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-full);background:var(--indigo-50);color:var(--indigo-600)}
.badge--dark{background:rgba(99,102,241,.15);color:var(--indigo-300)}
.badge--green{background:rgba(34,197,94,.1);color:var(--accent-green)}

/* === BREADCRUMB === */
.breadcrumb{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--fs-xs);color:var(--grey-400);margin-bottom:var(--space-xl)}
.breadcrumb a{color:var(--grey-400)}
.breadcrumb a:hover{color:var(--white)}

/* === FOOTER === */
.footer{background:var(--bg-darker);color:var(--text-on-dark);padding:var(--space-5xl) 0 var(--space-xl)}
.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3xl);margin-bottom:var(--space-4xl)}
@media(min-width:640px){.footer__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer__brand-desc{font-size:var(--fs-sm);color:var(--text-on-dark-muted);margin-top:var(--space-lg);max-width:320px;line-height:var(--lh-relaxed)}
.footer__heading{font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--grey-400);margin-bottom:var(--space-lg)}
.footer__links{display:flex;flex-direction:column;gap:var(--space-sm)}
.footer__link{font-size:var(--fs-sm);color:var(--text-on-dark-muted);transition:color var(--transition-fast)}
.footer__link:hover{color:var(--white)}
.footer__divider{height:1px;background:rgba(255,255,255,.08);margin-bottom:var(--space-xl)}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-md);font-size:var(--fs-xs);color:var(--grey-500)}
.footer__legal-links{display:flex;gap:var(--space-lg)}
.footer__legal-links a{color:var(--grey-500)}
.footer__legal-links a:hover{color:var(--grey-300)}

/* === ANIMATIONS === */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.fade-in--visible{opacity:1;transform:translateY(0)}
.fade-in-delay-1{transition-delay:.1s}
.fade-in-delay-2{transition-delay:.2s}
.fade-in-delay-3{transition-delay:.3s}

/* === UTILITIES === */
.text-center{text-align:center}
.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mt-3xl{margin-top:var(--space-3xl)}
.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}

::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--grey-100)}
::-webkit-scrollbar-thumb{background:var(--grey-300);border-radius:4px}
::selection{background:var(--indigo-200);color:var(--indigo-900)}

@media print{.header,.mobile-nav,.footer,.top-bar{display:none}.hero{padding:var(--space-xl) 0}body{color:#000;background:#fff}}