/* ============================================
   COSA STUDIOS — DESIGN SYSTEM & SITE STYLES
   Version 1.0 — May 2026
   ============================================ */

:root {
  /* ---- PRIMARY: AMBER/GOLD ---- */
  --cosa-amber-50:#FFFCF5;--cosa-amber-100:#FFF4D9;--cosa-amber-200:#FFE6A8;
  --cosa-amber-300:#FFD46E;--cosa-amber-400:#FFC03A;--cosa-amber-500:#E8A308;
  --cosa-amber-600:#CC8A06;--cosa-amber-700:#A36C0A;--cosa-amber-800:#7A5210;
  --cosa-amber-900:#513712;

  /* ---- SECONDARY: TEAL ---- */
  --cosa-teal-50:#F0FBFB;--cosa-teal-100:#D2F3F3;--cosa-teal-200:#A5E4E6;
  --cosa-teal-300:#6DCDD2;--cosa-teal-400:#3EB3B8;--cosa-teal-500:#26919A;
  --cosa-teal-600:#20767E;--cosa-teal-700:#1D5E65;--cosa-teal-800:#1B4B50;
  --cosa-teal-900:#183C40;

  /* ---- ACCENT: CORAL ---- */
  --cosa-coral-50:#FFF5F3;--cosa-coral-100:#FFE4DE;--cosa-coral-200:#FFC8BC;
  --cosa-coral-300:#FFA28E;--cosa-coral-400:#FF7A5C;--cosa-coral-500:#E85A3A;
  --cosa-coral-600:#CC4428;--cosa-coral-700:#A33520;--cosa-coral-800:#7A2C1E;
  --cosa-coral-900:#51221A;

  /* ---- NEUTRALS: WARM SLATE ---- */
  --cosa-neutral-0:#FFFFFF;--cosa-neutral-50:#FAF9F7;--cosa-neutral-100:#F2F1EE;
  --cosa-neutral-150:#E9E8E4;--cosa-neutral-200:#DDDBD6;--cosa-neutral-300:#C5C2BB;
  --cosa-neutral-400:#A19D96;--cosa-neutral-500:#7D7972;--cosa-neutral-600:#5E5A54;
  --cosa-neutral-700:#45423D;--cosa-neutral-800:#302E2A;--cosa-neutral-850:#262420;
  --cosa-neutral-900:#1D1C19;--cosa-neutral-950:#141310;

  /* ---- SEMANTIC ---- */
  --cosa-success-500:#34A853;--cosa-error-500:#E84A3A;

  /* ---- TYPOGRAPHY ---- */
  --font-display:'Sora',system-ui,sans-serif;
  --font-body:'DM Sans',system-ui,sans-serif;
  --font-mono:'JetBrains Mono','SF Mono',monospace;

  /* ---- TYPE SCALE ---- */
  --text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;
  --text-xl:1.25rem;--text-2xl:1.563rem;--text-3xl:1.953rem;--text-4xl:2.441rem;
  --text-5xl:3.052rem;--text-6xl:3.815rem;--text-7xl:4.768rem;

  /* ---- SPACING ---- */
  --space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;
  --space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;
  --space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;

  /* ---- RADIUS ---- */
  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;
  --radius-2xl:24px;--radius-full:9999px;

  /* ---- SHADOWS ---- */
  --shadow-sm:0 1px 2px rgba(0,0,0,0.06);
  --shadow-md:0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg:0 8px 24px rgba(0,0,0,0.10);
  --shadow-xl:0 16px 48px rgba(0,0,0,0.14);
  --shadow-glow-amber:0 0 32px rgba(232,163,8,0.20);

  /* ---- MOTION ---- */
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --ease-in-out:cubic-bezier(0.65,0,0.35,1);
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
  --dur-fast:150ms;--dur-norm:250ms;--dur-slow:400ms;--dur-slower:600ms;
}

/* ---- RESET ---- */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;}
body{font-family:var(--font-body);color:var(--cosa-neutral-900);line-height:1.6;background:var(--cosa-neutral-0);overflow-x:hidden;}

/* Grain overlay */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:0.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ---- REVEAL ANIMATION ---- */
.reveal{opacity:0;transform:translateY(32px);transition:opacity var(--dur-slower) var(--ease-out),transform var(--dur-slower) var(--ease-out);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:100ms;}
.reveal-delay-2{transition-delay:200ms;}
.reveal-delay-3{transition-delay:300ms;}
.reveal-delay-4{transition-delay:400ms;}

@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}

/* ============================================
   NAVIGATION
   ============================================ */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 var(--space-8);height:72px;display:flex;align-items:center;justify-content:space-between;transition:all var(--dur-slow) var(--ease-out);}
.nav--scrolled{background:rgba(255,255,255,0.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,0.06);box-shadow:var(--shadow-sm);}
.nav--light{color:var(--cosa-neutral-900);}
.nav--light .nav__cta{background:var(--cosa-amber-500);color:var(--cosa-neutral-950);}
.nav--dark{color:white;}
.nav--dark.nav--scrolled{background:rgba(20,19,16,0.92);border-bottom-color:rgba(255,255,255,0.06);}
.nav__brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit;}
.nav__logo{width:36px;height:36px;background:linear-gradient(135deg,var(--cosa-amber-500),var(--cosa-amber-600));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:var(--text-base);color:var(--cosa-neutral-950);}
.nav__wordmark{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-0.03em;}
.nav__links{display:flex;align-items:center;gap:var(--space-8);}
.nav__link{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;text-decoration:none;color:inherit;opacity:0.7;transition:opacity var(--dur-fast) var(--ease-out);}
.nav__link:hover,.nav__link--active{opacity:1;}
.nav__cta{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;background:var(--cosa-amber-500);color:var(--cosa-neutral-950);border:none;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-norm) var(--ease-out);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);}
.nav__cta:hover{background:var(--cosa-amber-400);box-shadow:var(--shadow-glow-amber);transform:translateY(-1px);}

/* Mobile nav toggle */
.nav__mobile-toggle{display:none;background:none;border:none;color:inherit;font-size:var(--text-xl);cursor:pointer;padding:var(--space-2);}

/* ============================================
   PAGE HERO (inner pages)
   ============================================ */
.page-hero{padding:calc(72px + var(--space-20)) var(--space-8) var(--space-16);background:var(--cosa-neutral-950);color:white;position:relative;overflow:hidden;}
.page-hero__bg{position:absolute;inset:0;overflow:hidden;}
.page-hero__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.10;}
.page-hero__orb--amber{width:400px;height:400px;background:var(--cosa-amber-500);top:-20%;right:-5%;}
.page-hero__orb--teal{width:300px;height:300px;background:var(--cosa-teal-500);bottom:-20%;left:-5%;}
.page-hero__inner{max-width:1200px;margin:0 auto;position:relative;z-index:1;}
.page-hero__eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--cosa-amber-400);margin-bottom:var(--space-4);letter-spacing:0.04em;}
.page-hero__title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,var(--text-5xl));font-weight:800;letter-spacing:-0.04em;line-height:1.05;margin-bottom:var(--space-4);}
.page-hero__desc{font-size:var(--text-xl);color:rgba(255,255,255,0.55);max-width:600px;line-height:1.6;}

/* ============================================
   PAGE CONTENT (inner pages)
   ============================================ */
.page-content{max-width:800px;margin:0 auto;padding:var(--space-20) var(--space-8);}
.page-content--wide{max-width:1200px;}
.page-content h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:-0.03em;line-height:1.15;margin:var(--space-12) 0 var(--space-4);}
.page-content h2:first-child{margin-top:0;}
.page-content h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:-0.02em;margin:var(--space-8) 0 var(--space-3);}
.page-content p{color:var(--cosa-neutral-600);line-height:1.8;margin-bottom:var(--space-4);font-size:var(--text-base);}
.page-content ul,.page-content ol{color:var(--cosa-neutral-600);margin:0 0 var(--space-4) var(--space-6);line-height:1.8;}
.page-content li{margin-bottom:var(--space-2);}
.page-content a{color:var(--cosa-amber-600);text-decoration:underline;text-underline-offset:3px;transition:color var(--dur-fast);}
.page-content a:hover{color:var(--cosa-amber-500);}
.page-content strong{color:var(--cosa-neutral-800);font-weight:600;}
.page-content hr{border:none;border-top:1px solid var(--cosa-neutral-150);margin:var(--space-12) 0;}

/* ============================================
   BUTTONS (global)
   ============================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);letter-spacing:-0.01em;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);cursor:pointer;transition:all var(--dur-norm) var(--ease-out);text-decoration:none;white-space:nowrap;}
.btn--primary{background:var(--cosa-amber-500);color:var(--cosa-neutral-950);box-shadow:var(--shadow-sm);}
.btn--primary:hover{background:var(--cosa-amber-400);box-shadow:var(--shadow-glow-amber);transform:translateY(-1px);}
.btn--secondary{background:var(--cosa-neutral-100);color:var(--cosa-neutral-700);border:1px solid var(--cosa-neutral-200);}
.btn--secondary:hover{background:var(--cosa-neutral-150);border-color:var(--cosa-neutral-300);transform:translateY(-1px);}
.btn--lg{font-size:var(--text-base);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);}

/* ============================================
   FORMS
   ============================================ */
.form-group{margin-bottom:var(--space-5);}
.form-label{display:block;font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--cosa-neutral-700);margin-bottom:var(--space-2);}
.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);background:var(--cosa-neutral-0);border:1px solid var(--cosa-neutral-200);border-radius:var(--radius-md);color:var(--cosa-neutral-900);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:all var(--dur-norm) var(--ease-out);}
.form-input::placeholder,.form-textarea::placeholder{color:var(--cosa-neutral-400);}
.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--cosa-amber-500);box-shadow:0 0 0 3px rgba(232,163,8,0.12);}
.form-textarea{min-height:160px;resize:vertical;line-height:1.6;}
.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237D7972' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;}
.form-hint{font-size:var(--text-xs);color:var(--cosa-neutral-400);margin-top:var(--space-1);}
.form-error{font-size:var(--text-sm);color:var(--cosa-error-500);margin-top:var(--space-2);}

/* ============================================
   ALERTS / MESSAGES
   ============================================ */
.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-6);line-height:1.5;}
.alert--success{background:rgba(52,168,83,0.08);border:1px solid rgba(52,168,83,0.2);color:#2A8A44;}
.alert--error{background:rgba(232,74,58,0.08);border:1px solid rgba(232,74,58,0.2);color:#CC3928;}
.alert--info{background:rgba(38,145,154,0.08);border:1px solid rgba(38,145,154,0.2);color:#20767E;}

/* ============================================
   CARDS (reusable)
   ============================================ */
.card{background:white;border:1px solid var(--cosa-neutral-150);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--dur-norm) var(--ease-out);}
.card:hover{border-color:var(--cosa-neutral-200);box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.card--flat:hover{transform:none;box-shadow:var(--shadow-md);}

/* ============================================
   BLOG
   ============================================ */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-6);}
.blog-card{background:white;border:1px solid var(--cosa-neutral-150);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--dur-norm) var(--ease-out);text-decoration:none;color:inherit;display:block;}
.blog-card:hover{border-color:var(--cosa-neutral-200);box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.blog-card__image{height:200px;background:linear-gradient(135deg,var(--cosa-amber-800),var(--cosa-teal-800));position:relative;}
.blog-card__tag{position:absolute;top:var(--space-4);left:var(--space-4);font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:rgba(0,0,0,0.5);color:white;backdrop-filter:blur(8px);}
.blog-card__body{padding:var(--space-6);}
.blog-card__date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--cosa-neutral-400);margin-bottom:var(--space-2);}
.blog-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:-0.01em;margin-bottom:var(--space-2);color:var(--cosa-neutral-900);}
.blog-card__excerpt{font-size:var(--text-sm);color:var(--cosa-neutral-500);line-height:1.6;}

/* ============================================
   ABOUT PAGE
   ============================================ */
.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin:var(--space-8) 0;}
.about-stat{text-align:center;padding:var(--space-8) var(--space-6);background:var(--cosa-neutral-50);border-radius:var(--radius-xl);}
.about-stat__value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;color:var(--cosa-amber-600);letter-spacing:-0.03em;}
.about-stat__label{font-size:var(--text-sm);color:var(--cosa-neutral-500);margin-top:var(--space-2);}
.about-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin:var(--space-8) 0;}
.about-value{padding:var(--space-6);border-left:3px solid var(--cosa-amber-500);background:var(--cosa-neutral-50);border-radius:0 var(--radius-lg) var(--radius-lg) 0;}
.about-value__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);}
.about-value__desc{font-size:var(--text-sm);color:var(--cosa-neutral-500);line-height:1.6;}

/* ============================================
   CONTACT PAGE
   ============================================ */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);margin-top:var(--space-8);}
.contact-info{display:flex;flex-direction:column;gap:var(--space-6);}
.contact-info__item{display:flex;gap:var(--space-4);}
.contact-info__icon{width:48px;height:48px;border-radius:var(--radius-lg);background:rgba(232,163,8,0.08);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0;}
.contact-info__text h4{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1);}
.contact-info__text p{font-size:var(--text-sm);color:var(--cosa-neutral-500);}

/* ============================================
   HOMEPAGE-SPECIFIC SECTIONS
   ============================================ */

/* Hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--cosa-neutral-950);color:white;overflow:hidden;padding:100px var(--space-8) var(--space-16);}
.hero__bg{position:absolute;inset:0;overflow:hidden;}
.hero__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.12;animation:float 20s ease-in-out infinite;}
.hero__orb--amber{width:600px;height:600px;background:var(--cosa-amber-500);top:-10%;right:-5%;animation-delay:0s;}
.hero__orb--teal{width:500px;height:500px;background:var(--cosa-teal-500);bottom:-15%;left:-8%;animation-delay:-7s;}
.hero__orb--coral{width:300px;height:300px;background:var(--cosa-coral-500);top:40%;right:30%;animation-delay:-14s;opacity:0.06;}
@keyframes float{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(30px,-20px) scale(1.05);}66%{transform:translate(-20px,15px) scale(0.95);}}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black,transparent);}

.hero__split{position:relative;z-index:1;max-width:1400px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1.3fr;gap:var(--space-10);align-items:center;padding:0 var(--space-6);}

.hero__content{max-width:540px;margin:0 auto;}
.hero__eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--cosa-amber-400);margin-bottom:var(--space-6);letter-spacing:0.04em;opacity:0;animation:fadeUp 0.8s var(--ease-out) 0.2s forwards;}
.hero__title{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4rem);font-weight:800;letter-spacing:-0.045em;line-height:1.04;margin-bottom:var(--space-6);opacity:0;animation:fadeUp 0.8s var(--ease-out) 0.4s forwards;}
.hero__title em{font-style:normal;color:var(--cosa-amber-400);}
.hero__subtitle{font-size:var(--text-lg);color:rgba(255,255,255,0.6);line-height:1.6;max-width:480px;margin-bottom:var(--space-10);opacity:0;animation:fadeUp 0.8s var(--ease-out) 0.6s forwards;}
.hero__actions{display:flex;gap:var(--space-4);flex-wrap:wrap;opacity:0;animation:fadeUp 0.8s var(--ease-out) 0.8s forwards;}
.hero__btn{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--dur-norm) var(--ease-out);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);border:none;}
.hero__btn--primary{background:var(--cosa-amber-500);color:var(--cosa-neutral-950);}
.hero__btn--primary:hover{background:var(--cosa-amber-400);box-shadow:var(--shadow-glow-amber);transform:translateY(-2px);}
.hero__btn--secondary{background:rgba(255,255,255,0.06);color:white;border:1px solid rgba(255,255,255,0.12);}
.hero__btn--secondary:hover{background:rgba(255,255,255,0.10);border-color:rgba(255,255,255,0.20);transform:translateY(-2px);}
.hero__scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:rgba(255,255,255,0.3);font-family:var(--font-mono);font-size:var(--text-xs);opacity:0;animation:fadeUp 0.8s var(--ease-out) 1.2s forwards;z-index:1;}
.hero__scroll-line{width:1px;height:32px;background:linear-gradient(to bottom,rgba(255,255,255,0.3),transparent);animation:scrollPulse 2s ease-in-out infinite;}
@keyframes scrollPulse{0%,100%{opacity:0.3;transform:scaleY(1);}50%{opacity:0.8;transform:scaleY(1.2);}}

/* ---- MOCK BUILDER DASHBOARD (single SVG) ---- */
.hero__mock{opacity:0;animation:fadeUp 1s var(--ease-out) 0.6s forwards;width:100%;max-width:720px;justify-self:center;filter:drop-shadow(0 32px 80px rgba(0,0,0,0.4));}
.hero__mock svg{display:block;width:100%;height:auto;border-radius:12px;}

/* Sections */
.section{padding:var(--space-32) var(--space-8);}
.section--dark{background:var(--cosa-neutral-950);color:white;}
.section--alt{background:var(--cosa-neutral-50);}
.section__inner{max-width:1200px;margin:0 auto;}
.section__eyebrow{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:0.12em;color:var(--cosa-amber-600);margin-bottom:var(--space-3);}
.section--dark .section__eyebrow{color:var(--cosa-amber-400);}
.section__heading{font-family:var(--font-display);font-size:clamp(2rem,4vw,var(--text-5xl));font-weight:700;letter-spacing:-0.035em;line-height:1.08;margin-bottom:var(--space-4);}
.section__desc{font-size:var(--text-xl);color:var(--cosa-neutral-500);line-height:1.6;max-width:600px;margin-bottom:var(--space-16);}
.section--dark .section__desc{color:rgba(255,255,255,0.55);}

/* Pillars */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);}
.pillar{padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--cosa-neutral-150);background:white;transition:all var(--dur-norm) var(--ease-out);}
.pillar:hover{border-color:var(--cosa-neutral-200);box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.pillar__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);margin-bottom:var(--space-5);}
.pillar__icon--amber{background:rgba(232,163,8,0.1);color:var(--cosa-amber-600);}
.pillar__icon--teal{background:rgba(38,145,154,0.1);color:var(--cosa-teal-600);}
.pillar__icon--coral{background:rgba(232,90,58,0.1);color:var(--cosa-coral-600);}
.pillar__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:-0.02em;margin-bottom:var(--space-3);}
.pillar__desc{font-size:var(--text-sm);color:var(--cosa-neutral-500);line-height:1.6;}
.pillar__tag{display:inline-block;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-top:var(--space-4);}
.pillar__tag--amber{background:rgba(232,163,8,0.1);color:var(--cosa-amber-700);}
.pillar__tag--teal{background:rgba(38,145,154,0.1);color:var(--cosa-teal-700);}
.pillar__tag--coral{background:rgba(232,90,58,0.1);color:var(--cosa-coral-700);}

/* AI Demo */
.ai-demo{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;}
.ai-demo__visual{background:var(--cosa-neutral-900);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid rgba(255,255,255,0.06);position:relative;overflow:hidden;}
.ai-demo__visual::before{content:'';position:absolute;top:-40%;right:-30%;width:300px;height:300px;background:radial-gradient(circle,var(--cosa-amber-500),transparent 70%);opacity:0.08;pointer-events:none;}
.ai-chat{display:flex;flex-direction:column;gap:var(--space-4);}
.ai-chat__msg{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.6;max-width:90%;}
.ai-chat__msg--user{background:rgba(232,163,8,0.12);color:var(--cosa-amber-200);align-self:flex-end;border-bottom-right-radius:var(--radius-sm);}
.ai-chat__msg--ai{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.8);border-bottom-left-radius:var(--radius-sm);}
.ai-chat__msg--ai code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--cosa-teal-300);background:rgba(38,145,154,0.1);padding:1px 6px;border-radius:var(--radius-sm);}
.ai-chat__label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--space-1);}
.ai-chat__label--user{color:var(--cosa-amber-400);text-align:right;}
.ai-chat__label--ai{color:var(--cosa-teal-400);}
.ai-features{display:flex;flex-direction:column;gap:var(--space-6);}
.ai-feature{display:flex;gap:var(--space-4);}
.ai-feature__bullet{width:8px;height:8px;border-radius:50%;background:var(--cosa-amber-500);margin-top:8px;flex-shrink:0;}
.ai-feature__text h4{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1);}
.ai-feature__text p{font-size:var(--text-sm);color:var(--cosa-neutral-500);line-height:1.5;}

/* Engines */
.engines{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);}
.engine{padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);transition:all var(--dur-norm) var(--ease-out);cursor:default;position:relative;overflow:hidden;}
.engine:hover{border-color:rgba(255,255,255,0.12);background:rgba(255,255,255,0.04);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.4);}
.engine__icon{font-size:var(--text-3xl);margin-bottom:var(--space-4);display:block;}
.engine__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2);}
.engine__desc{font-size:var(--text-xs);color:rgba(255,255,255,0.45);line-height:1.5;}
.engine__example{font-family:var(--font-mono);font-size:10px;color:var(--cosa-amber-400);margin-top:var(--space-4);opacity:0.7;}

/* Audiences */
.audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);}
.audience{padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--cosa-neutral-150);background:white;position:relative;}
.audience__number{font-family:var(--font-display);font-size:var(--text-7xl);font-weight:800;color:var(--cosa-neutral-100);position:absolute;top:var(--space-4);right:var(--space-6);line-height:1;}
.audience__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2);letter-spacing:-0.02em;position:relative;}
.audience__who{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--cosa-amber-600);margin-bottom:var(--space-4);}
.audience__desc{font-size:var(--text-sm);color:var(--cosa-neutral-500);line-height:1.6;position:relative;}

/* Flagship */
.flagship{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-12);align-items:center;}
.flagship__visual{aspect-ratio:16/10;border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--cosa-amber-800),var(--cosa-neutral-900),var(--cosa-teal-800));position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.06);}
.flagship__visual-label{position:absolute;bottom:var(--space-6);left:var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);color:rgba(255,255,255,0.4);letter-spacing:0.08em;text-transform:uppercase;}
.flagship__visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:32px 32px;}
.flagship__visual-badge{position:absolute;top:var(--space-6);right:var(--space-6);background:var(--cosa-amber-500);color:var(--cosa-neutral-950);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);}
.flagship__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-8);}
.flagship__stat{padding:var(--space-4);background:var(--cosa-neutral-50);border-radius:var(--radius-lg);}
.flagship__stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--cosa-amber-600);}
.flagship__stat-label{font-size:var(--text-xs);color:var(--cosa-neutral-500);margin-top:var(--space-1);}

/* Economics */
.econ-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);}
.econ-card{text-align:center;padding:var(--space-8) var(--space-6);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);}
.econ-card__value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;color:var(--cosa-amber-400);letter-spacing:-0.03em;}
.econ-card__label{font-size:var(--text-sm);color:rgba(255,255,255,0.5);margin-top:var(--space-2);}
.econ-card__detail{font-family:var(--font-mono);font-size:10px;color:rgba(255,255,255,0.3);margin-top:var(--space-3);}

/* Waitlist CTA */
.cta{text-align:center;padding:var(--space-32) var(--space-8);}
.cta__heading{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,var(--text-6xl));font-weight:800;letter-spacing:-0.04em;line-height:1.05;margin-bottom:var(--space-4);}
.cta__heading em{font-style:normal;color:var(--cosa-amber-600);}
.cta__desc{font-size:var(--text-xl);color:var(--cosa-neutral-500);max-width:520px;margin:0 auto var(--space-10);line-height:1.5;}
.waitlist-form{display:flex;gap:var(--space-3);max-width:480px;margin:0 auto;justify-content:center;}
.waitlist-form__input{flex:1;padding:var(--space-4) var(--space-5);background:var(--cosa-neutral-50);border:1px solid var(--cosa-neutral-200);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--cosa-neutral-900);outline:none;transition:all var(--dur-norm) var(--ease-out);min-width:0;}
.waitlist-form__input::placeholder{color:var(--cosa-neutral-400);}
.waitlist-form__input:focus{border-color:var(--cosa-amber-500);box-shadow:0 0 0 3px rgba(232,163,8,0.12);}
.waitlist-form__btn{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;background:var(--cosa-amber-500);color:var(--cosa-neutral-950);border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--dur-norm) var(--ease-out);white-space:nowrap;}
.waitlist-form__btn:hover{background:var(--cosa-amber-400);box-shadow:var(--shadow-glow-amber);transform:translateY(-1px);}
.cta__note{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--cosa-neutral-400);margin-top:var(--space-4);}

/* ============================================
   FOOTER
   ============================================ */
.footer{background:var(--cosa-neutral-950);color:rgba(255,255,255,0.5);padding:var(--space-20) var(--space-8) var(--space-10);}
.footer__inner{max-width:1200px;margin:0 auto;}
.footer__top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-16);}
.footer__brand{display:flex;flex-direction:column;gap:var(--space-4);}
.footer__brand-logo{display:flex;align-items:center;gap:var(--space-3);}
.footer__brand-logo-mark{width:32px;height:32px;background:linear-gradient(135deg,var(--cosa-amber-500),var(--cosa-amber-600));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);color:var(--cosa-neutral-950);}
.footer__brand-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:white;}
.footer__brand-desc{font-size:var(--text-sm);line-height:1.6;max-width:280px;}
.footer__col-title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:rgba(255,255,255,0.3);margin-bottom:var(--space-4);}
.footer__col-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);}
.footer__col-links a{font-size:var(--text-sm);color:rgba(255,255,255,0.5);text-decoration:none;transition:color var(--dur-fast) var(--ease-out);}
.footer__col-links a:hover{color:var(--cosa-amber-400);}
.footer__bottom{padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,0.06);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);}
.footer__legacy{font-family:var(--font-display);font-style:italic;color:rgba(255,255,255,0.3);}

/* ============================================
   RESPONSIVE
   ============================================ */
@media(max-width:1024px){
  .hero__split{grid-template-columns:1fr;gap:var(--space-8);justify-items:center;text-align:center;}
  .hero__content{justify-self:center;}
  .hero__actions{justify-content:center;}
  .hero__mock{max-width:600px;}
  .pillars,.audiences{grid-template-columns:1fr 1fr;}
  .engines{grid-template-columns:repeat(3,1fr);}
  .ai-demo,.flagship,.contact-grid{grid-template-columns:1fr;}
  .econ-grid{grid-template-columns:repeat(2,1fr);}
  .footer__top{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .section{padding:var(--space-20) var(--space-5);}
  .pillars,.audiences,.econ-grid{grid-template-columns:1fr;}
  .engines{grid-template-columns:repeat(2,1fr);}
  .nav__links{display:none;}
  .nav__mobile-toggle{display:block;}
  .waitlist-form{flex-direction:column;}
  .hero{padding:100px var(--space-5) var(--space-12);}
  .hero__actions{flex-direction:column;align-items:center;}
  .hero__mock{display:none;}
  .flagship__stats{grid-template-columns:1fr;}
  .footer__top{grid-template-columns:1fr;}
  .page-content{padding:var(--space-12) var(--space-5);}
  .blog-grid{grid-template-columns:1fr;}
  .about-grid{grid-template-columns:1fr 1fr;}
}