:root{
  --bg:#fbf8f3; --ink:#0f1a17; --muted:#5b6470;
  --brand:#0b6b4f; --brand-2:#e08a3c; --accent:#c94a3a;
  --card:#ffffff; --line:#e8e2d6; --dark:#0d1f1a; --soft:#f2ede2; --cream:#fff6e6;
  --radius:20px; --shadow:0 10px 40px rgba(15,26,23,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{font-family:'Be Vietnam Pro',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(1200px,92%);margin:0 auto}
.playfair{font-family:'Playfair Display',serif;font-weight:700}
em{font-style:italic;color:var(--brand-2)}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:rgba(251,248,243,.8);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line);transition:.3s}
.nav.scrolled{background:rgba(251,248,243,.95);box-shadow:0 4px 20px rgba(0,0,0,.05)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
.brand img{width:40px;height:40px;object-fit:contain}
.nav__links{display:flex;gap:24px;font-weight:500;font-size:15px}
.nav__links a{position:relative;padding:4px 0}
.nav__links a::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:.3s}
.nav__links a:hover{color:var(--brand)}
.nav__links a:hover::after{transform:scaleX(1)}
.nav__burger{display:none;background:none;border:0;width:40px;height:40px;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}
.nav__burger span{display:block;height:2px;background:var(--ink);transition:.2s}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:999px;font-weight:600;border:1px solid transparent;transition:.25s;cursor:pointer;font-family:inherit;font-size:15px}
.btn--lg{padding:15px 26px;font-size:16px}
.btn--primary{background:var(--brand);color:#fff;box-shadow:0 8px 20px rgba(11,107,79,.25)}
.btn--primary:hover{transform:translateY(-2px);background:#095940;box-shadow:0 12px 26px rgba(11,107,79,.35)}
.btn--ghost{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:#fff}

/* COMMON */
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:700;color:var(--brand);margin:0 0 14px}
.eyebrow--light{color:#ffcf99}
.grad{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(16px,1.6vw,19px);color:var(--muted);margin:0 0 24px}
.muted{color:var(--muted);margin:0}

/* SECTION */
.section{padding:100px 0;position:relative}
.section--dark{background:var(--dark);color:#efe7d5}
.section--dark .muted, .section--dark .eyebrow{color:#c8bea8}
.section--dark .eyebrow{color:#ffcf99}
.section--soft{background:var(--soft)}
.section--cream{background:var(--cream)}
.section__head{max-width:780px;margin:0 auto 56px;text-align:center}
.section__head h2{font-size:clamp(28px,3.6vw,44px);margin:8px 0 14px;line-height:1.15}

/* HERO */
.hero{position:relative;overflow:hidden;padding:100px 0 140px;min-height:calc(100vh - 70px)}
.hero__sky{position:absolute;inset:0;background:
  radial-gradient(1400px 700px at 80% -10%, rgba(224,138,60,.22), transparent 60%),
  radial-gradient(1000px 500px at -10% 20%, rgba(11,107,79,.20), transparent 60%),
  linear-gradient(180deg,#eaf4f8 0%, #fbf8f3 60%, #f5efe2 100%);
  z-index:-2}
.hero__clouds{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.cloud{position:absolute;background:rgba(255,255,255,.75);border-radius:100px;filter:blur(2px)}
.cloud::before,.cloud::after{content:'';position:absolute;background:inherit;border-radius:100px}
.c1{width:200px;height:50px;top:12%;left:-220px;animation:drift 60s linear infinite}
.c1::before{width:120px;height:80px;top:-30px;left:30px}
.c1::after{width:80px;height:60px;top:-20px;left:120px}
.c2{width:150px;height:40px;top:22%;left:-180px;animation:drift 90s linear infinite;animation-delay:-30s;opacity:.6}
.c2::before{width:90px;height:60px;top:-24px;left:20px}
.c3{width:250px;height:60px;top:8%;left:-280px;animation:drift 120s linear infinite;animation-delay:-60s;opacity:.5}
.c3::before{width:140px;height:90px;top:-40px;left:40px}
.c3::after{width:100px;height:70px;top:-24px;left:150px}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(calc(100vw + 300px))}}

.hero__pines{position:absolute;bottom:0;left:0;right:0;height:180px;background:
  linear-gradient(to top, rgba(11,107,79,.15), transparent),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 180' preserveAspectRatio='none'><path fill='%230b6b4f' opacity='.35' d='M0 180 L60 90 L100 130 L150 60 L200 120 L260 40 L310 110 L360 70 L420 130 L480 50 L540 120 L600 30 L660 110 L720 60 L780 130 L840 40 L900 120 L960 70 L1020 130 L1080 50 L1140 110 L1200 80 L1200 180 Z'/></svg>") repeat-x bottom / 1200px 180px;
  z-index:-1}

.hero__inner{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;position:relative}
.hero h1{font-size:clamp(38px,5.6vw,72px);line-height:1.02;margin:0 0 22px;letter-spacing:-.02em}
.hero h1 .line{display:block;overflow:hidden}
.hero h1 .line{animation:riseIn .9s cubic-bezier(.2,.7,.2,1) both}
.hero h1 .line:nth-child(1){animation-delay:.05s}
.hero h1 .line:nth-child(2){animation-delay:.2s}
.hero h1 .line:nth-child(3){animation-delay:.35s}
.hero h1 .line:nth-child(4){animation-delay:.5s}
@keyframes riseIn{from{transform:translateY(80%);opacity:0}to{transform:translateY(0);opacity:1}}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.hero__logos{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hero__logos>span{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.15em}
.hero__plats{display:flex;gap:8px;flex-wrap:wrap}
.plat{background:#fff;border:1px solid var(--line);padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.plat--hot{background:linear-gradient(90deg,#ff5c8a,#ff8a3d);color:#fff;border:0;animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}

/* Phone art */
.hero__art{position:relative;display:flex;justify-content:center;align-items:center;min-height:520px}
.hero__phone{width:280px;height:560px;border-radius:44px;background:linear-gradient(160deg,#1a2b26,#0d1f1a);padding:12px;box-shadow:0 30px 80px rgba(15,26,23,.35), inset 0 0 0 2px rgba(255,255,255,.05);animation:float 6s ease-in-out infinite;position:relative;z-index:2}
.hero__phone::before{content:'';position:absolute;top:20px;left:50%;transform:translateX(-50%);width:100px;height:24px;background:#000;border-radius:20px;z-index:3}
.phone__screen{width:100%;height:100%;border-radius:34px;background:linear-gradient(180deg,#c94a3a,#e08a3c 60%,#0b6b4f);overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end}
.phone__vid{position:absolute;inset:0;background:
  radial-gradient(circle at 30% 30%, rgba(255,255,255,.2), transparent 40%),
  linear-gradient(160deg,#2b4a3f 0%,#0d1f1a 100%);
  opacity:.9}
.phone__vid::after{content:'▶';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:60px;opacity:.85;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}
.phone__meta{position:relative;padding:16px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}
.phone__meta b{display:block;font-size:14px;margin-bottom:4px}
.phone__meta span{display:block;font-size:11px;opacity:.85;margin-bottom:8px}
.phone__stats{display:flex;gap:10px;font-size:11px;font-weight:600}

@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(-2deg)}}

.hero__badge{position:absolute;background:#fff;padding:10px 16px;border-radius:14px;font-weight:700;font-size:14px;box-shadow:var(--shadow);border:1px solid var(--line);z-index:3;animation:float 5s ease-in-out infinite}
.b1{top:8%;left:-10%;color:var(--brand);animation-delay:-1s}
.b2{top:35%;right:-8%;color:var(--brand-2);animation-delay:-2s}
.b3{bottom:8%;left:-4%;color:var(--accent);animation-delay:-3s}

/* STATS */
.stats{padding:40px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stat b{font-family:'Playfair Display',serif;font-size:clamp(36px,4vw,52px);color:var(--brand);display:block;font-weight:700;line-height:1}
.stat span{color:var(--muted);font-size:14px}

/* MISSION */
.mission__grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.mission__img{aspect-ratio:4/5;border-radius:var(--radius);background:
  linear-gradient(160deg, rgba(11,107,79,.4), rgba(224,138,60,.3)),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 500'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23b5d0c0'/><stop offset='1' stop-color='%234a7a63'/></linearGradient></defs><rect fill='url(%23g)' width='400' height='500'/><path fill='%230b6b4f' opacity='.5' d='M0 400 L50 300 L100 350 L160 250 L220 340 L280 240 L340 320 L400 260 L400 500 L0 500 Z'/><path fill='%230d1f1a' opacity='.6' d='M0 450 L60 380 L120 420 L180 340 L240 400 L300 330 L360 390 L400 360 L400 500 L0 500 Z'/></svg>") center/cover;
  box-shadow:var(--shadow)}
.mission__text h2{font-size:clamp(28px,3.4vw,42px);margin:0 0 18px;line-height:1.15}

/* VALUES */
.values{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.value{background:#fff;border-radius:var(--radius);padding:26px;border:1px solid var(--line);transition:.3s;position:relative;overflow:hidden}
.value::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--brand),var(--brand-2));transform:scaleX(0);transform-origin:left;transition:.4s}
.value:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.value:hover::before{transform:scaleX(1)}
.value b{font-family:'Playfair Display',serif;font-size:36px;color:var(--brand-2);display:block;margin-bottom:10px;line-height:1}
.value h3{font-size:16px;margin:0 0 8px}
.value p{margin:0;color:var(--muted);font-size:14px}
@media(max-width:1000px){.values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.values{grid-template-columns:1fr}}

/* GRID */
.grid{display:grid;gap:22px}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:960px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid--3,.grid--4{grid-template-columns:1fr}}

/* CARDS */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px;transition:.3s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.card__icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#fff2df,#ffe1c2);margin-bottom:18px;transition:.4s}
.card:hover .card__icon{transform:rotate(-8deg) scale(1.08)}
.card h3{margin:0 0 8px;font-size:19px}
.card p{margin:0;color:var(--muted);font-size:15px}

/* CHANNELS */
.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.chan{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:22px;transition:.3s;backdrop-filter:blur(6px)}
.chan:hover{background:rgba(255,255,255,.1);transform:translateY(-4px);border-color:var(--brand-2)}
.chan__ava{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#e08a3c,#c94a3a);margin-bottom:14px;position:relative;overflow:hidden}
.chan__ava::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),transparent 50%)}
.chan h3{margin:0 0 4px;font-size:16px}
.chan span{color:#c8bea8;font-size:13px;display:block;margin-bottom:12px}
.chan__stats{font-size:13px;color:#efe7d5}
.chan__stats b{color:#ffcf99}
@media(max-width:960px){.channels{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.channels{grid-template-columns:1fr}}

/* PILLS */
.pill{background:#fff;border-radius:var(--radius);padding:28px;border:1px solid var(--line);transition:.3s;position:relative}
.pill:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.pill b{font-family:'Playfair Display',serif;font-size:44px;background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin-bottom:12px;line-height:1}
.pill h3{font-size:17px;margin:0 0 8px}
.pill p{color:var(--muted);margin:0;font-size:14px}

/* VIRAL */
.viral{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.viral__card{background:#fff;border-radius:var(--radius);overflow:hidden;transition:.3s;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.viral__card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.viral__thumb{aspect-ratio:9/12;background:linear-gradient(160deg,#0d1f1a,#0b6b4f);position:relative;overflow:hidden}
.viral__card:nth-child(2n) .viral__thumb{background:linear-gradient(160deg,#c94a3a,#e08a3c)}
.viral__card:nth-child(3n) .viral__thumb{background:linear-gradient(160deg,#2b4a7a,#5c9cd8)}
.viral__thumb::before{content:'▶';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:56px;opacity:.85;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));transition:.4s}
.viral__card:hover .viral__thumb::before{transform:translate(-50%,-50%) scale(1.15)}
.viral__view{position:absolute;top:14px;right:14px;background:rgba(0,0,0,.6);color:#fff;padding:6px 12px;border-radius:999px;font-weight:700;font-size:13px;backdrop-filter:blur(4px)}
.viral__card h3{margin:16px 20px 20px;font-size:15px;line-height:1.4}
@media(max-width:960px){.viral{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.viral{grid-template-columns:1fr}}

/* CTA */
.cta{background:
  radial-gradient(600px 400px at 10% 10%, rgba(224,138,60,.3), transparent 60%),
  linear-gradient(135deg,#0b6b4f,#0d1f1a);
  color:#fff}
.cta h2{font-size:clamp(28px,3.4vw,42px);margin:0 0 14px;line-height:1.15}
.cta p{color:#dff1e8;margin:0 0 22px}
.cta__inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media(max-width:900px){.cta__inner{grid-template-columns:1fr}}
.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.contact-list a{border-bottom:1px dashed rgba(255,255,255,.4)}
.form{background:#fff;color:var(--ink);border-radius:var(--radius);padding:30px;display:grid;gap:14px;box-shadow:var(--shadow)}
.form label{display:grid;gap:6px;font-size:14px;font-weight:600}
.form input,.form textarea{font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fbf8f3;outline:none;transition:.2s;font-family:inherit}
.form input:focus,.form textarea:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px rgba(11,107,79,.15)}
.form__ok{color:var(--brand);font-weight:600;margin:0}

/* FOOTER */
.footer{background:#0a1512;color:#c7bfaa;padding:50px 0 30px}
.footer__inner{display:grid;grid-template-columns:1.2fr 2fr;gap:40px;align-items:start}
.footer img{width:48px;margin-bottom:14px}
.footer p{margin:0;font-size:14px;line-height:1.7}
.footer__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.footer__cols b{display:block;color:#fff;margin-bottom:12px;font-size:14px}
.footer__cols a{display:block;padding:5px 0;font-size:14px;transition:.2s}
.footer__cols a:hover{color:#fff;padding-left:4px}

/* REVEAL ANIMATION */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

/* RESPONSIVE */
@media(max-width:960px){
  .hero__inner,.mission__grid{grid-template-columns:1fr;gap:40px}
  .hero__art{min-height:480px;margin-top:20px}
  .stats__inner{grid-template-columns:repeat(2,1fr)}
  .footer__inner{grid-template-columns:1fr}
}
@media(max-width:820px){
  .nav__links{position:fixed;inset:70px 0 auto 0;background:#fff;flex-direction:column;padding:20px;border-bottom:1px solid var(--line);display:none;gap:18px}
  .nav__burger{display:flex}
  body.menu-open .nav__links{display:flex}
  .nav .btn--primary{display:none}
  .section{padding:70px 0}
  .hero{padding:60px 0 100px}
}
@media(max-width:520px){
  .footer__cols{grid-template-columns:1fr}
  .hero__phone{width:230px;height:460px}
  .b1,.b2,.b3{font-size:12px;padding:8px 12px}
}

/* MARQUEE */
.marquee{background:var(--dark);color:#efe7d5;overflow:hidden;padding:14px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.marquee__track{display:flex;gap:40px;white-space:nowrap;animation:marq 30s linear infinite;font-family:'Playfair Display',serif;font-weight:700;font-size:20px;letter-spacing:.08em}
.marquee__track span{color:#ffcf99}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* PARTNERS */
.partners{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.partner{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px 24px;text-align:center;transition:.3s;position:relative;overflow:hidden}
.partner::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,107,79,.06),rgba(224,138,60,.08));opacity:0;transition:.3s}
.partner:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.partner:hover::before{opacity:1}
.partner b{position:relative;font-family:'Playfair Display',serif;font-size:64px;line-height:1;background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent;display:block}
.partner sup{font-size:32px;color:var(--brand-2)}
.partner span{position:relative;color:var(--muted);font-size:15px;font-weight:500;margin-top:8px;display:block}
@media(max-width:700px){.partners{grid-template-columns:1fr}}

/* TEAM */
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.member{text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 20px;transition:.3s}
.member:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.member__ava{width:110px;height:110px;border-radius:50%;margin:0 auto 18px;background:linear-gradient(135deg,var(--c1,#0b6b4f),var(--c2,#e08a3c));position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.member__ava::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 55%)}
.member h3{margin:0 0 4px;font-size:18px}
.member span{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
@media(max-width:820px){.team{grid-template-columns:repeat(2,1fr)}}

/* PRICING PLANS */
.plans{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:stretch}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;display:flex;flex-direction:column;transition:.3s;position:relative}
.plan:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.plan h3{margin:0 0 14px;font-size:17px;font-weight:700}
.plan__price{margin:0 0 18px;display:flex;align-items:baseline;gap:6px}
.plan__price b{font-family:'Playfair Display',serif;font-size:30px;line-height:1;color:var(--ink)}
.plan__price span{color:var(--muted);font-size:13px}
.plan ul{list-style:none;padding:0;margin:0 0 22px;flex:1;display:grid;gap:8px}
.plan ul li{font-size:14px;color:var(--muted);padding-left:22px;position:relative}
.plan ul li::before{content:'✓';position:absolute;left:0;top:0;color:var(--brand);font-weight:700}
.plan .btn{width:100%}
.plan--featured{background:linear-gradient(180deg,#0b6b4f,#0d1f1a);color:#fff;border:0;transform:scale(1.04);box-shadow:0 20px 50px rgba(11,107,79,.35)}
.plan--featured:hover{transform:scale(1.04) translateY(-6px)}
.plan--featured h3{color:#fff}
.plan--featured .plan__price b{color:#ffcf99}
.plan--featured .plan__price span{color:#c8bea8}
.plan--featured ul li{color:#efe7d5}
.plan--featured ul li::before{color:#ffcf99}
.plan__tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#ff5c8a,#ff8a3d);color:#fff;padding:5px 14px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.1em;box-shadow:0 6px 16px rgba(255,90,138,.35)}
@media(max-width:1100px){.plans{grid-template-columns:repeat(3,1fr)}.plan--featured{transform:none}.plan--featured:hover{transform:translateY(-6px)}}
@media(max-width:700px){.plans{grid-template-columns:1fr}}
.note{text-align:center;color:var(--muted);font-size:13px;margin-top:26px;font-style:italic}
.note--light{color:#c8bea8}

/* BUILD */
.build{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.build__col{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;transition:.3s}
.build__col:hover{box-shadow:var(--shadow)}
.build__head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.build__head h3{margin:0;font-size:22px;font-family:'Playfair Display',serif}
.build__head span{color:var(--brand);font-weight:700;font-size:16px}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:18px;counter-reset:s}
.steps li{padding-left:44px;position:relative;counter-increment:s}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;font-family:'Playfair Display',serif}
.steps b{display:block;margin-bottom:4px;font-size:15px}
.steps p{margin:0;color:var(--muted);font-size:14px}
@media(max-width:820px){.build{grid-template-columns:1fr}}

/* PERFORMANCE TABLE */
.perf{max-width:720px;margin:0 auto;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:8px;backdrop-filter:blur(6px)}
.perf table{width:100%;border-collapse:collapse}
.perf th,.perf td{padding:16px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}
.perf tbody tr:last-child td{border-bottom:0}
.perf th{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#ffcf99;font-weight:700}
.perf td{color:#efe7d5;font-size:15px}
.perf td b{color:#ffcf99;font-weight:700}
.perf tbody tr{transition:.2s}
.perf tbody tr:hover{background:rgba(255,255,255,.05)}

/* FORM SELECT */
.form select{font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fbf8f3;outline:none;transition:.2s;font-family:inherit;cursor:pointer}
.form select:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px rgba(11,107,79,.15)}

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

/* REAL FIGMA IMAGE LAYERS */
.phone__vid{background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.45)),url('assets/figma/raw/network-phone.jpg');background-size:cover;background-position:center;animation:phonePan 12s ease-in-out infinite alternate}
@keyframes phonePan{from{background-position:center top}to{background-position:center bottom}}

.visual-rail{padding:26px 0;background:#0d1f1a;overflow:hidden;border-top:1px solid rgba(255,255,255,.08)}
.visual-rail__track{display:flex;gap:18px;width:max-content;animation:imageMarquee 42s linear infinite;padding-left:18px}
.visual-rail__track:hover{animation-play-state:paused}
.visual-rail__track img{width:360px;aspect-ratio:16/9;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 50px rgba(0,0,0,.35);filter:saturate(1.05) contrast(1.02);transition:.35s}
.visual-rail__track img:hover{transform:translateY(-8px) scale(1.02);filter:saturate(1.18) contrast(1.05)}
@keyframes imageMarquee{from{transform:translateX(0)}to{transform:translateX(-45%)}}

.mission__photo{background:none!important;aspect-ratio:16/10;overflow:hidden;position:relative;transform-style:preserve-3d}
.mission__photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s;border-radius:var(--radius)}
.mission__photo:hover img{transform:scale(1.06);filter:saturate(1.12)}
.mission__photo::after{content:'';position:absolute;inset:0;border-radius:var(--radius);background:linear-gradient(135deg,rgba(11,107,79,.25),rgba(224,138,60,.08));pointer-events:none}

.partner--photo{padding:0;overflow:hidden;text-align:left;min-height:310px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}
.partner--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1);z-index:0}
.partner--photo::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.12) 60%,rgba(0,0,0,.05));z-index:1}
.partner--photo:hover img{transform:scale(1.08)}
.partner--photo b,.partner--photo span{z-index:2;padding-left:24px;padding-right:24px;color:#fff;background:none;-webkit-background-clip:initial;background-clip:initial}
.partner--photo b{font-size:54px;color:#ffcf99;margin-top:auto}
.partner--photo span{color:#f4ead6;padding-bottom:24px}

.gallery-section{background:linear-gradient(180deg,#fbf8f3,#f2ede2)}
.portfolio-gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:220px;gap:18px}
.gallery-card{position:relative;margin:0;border-radius:var(--radius);overflow:hidden;background:#111;box-shadow:var(--shadow);isolation:isolate;transform-style:preserve-3d;transition:transform .35s, box-shadow .35s}
.gallery-card.big{grid-row:span 2}
.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(1.05)}
.gallery-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.05) 62%);z-index:1}
.gallery-card figcaption{position:absolute;left:18px;right:18px;bottom:16px;color:#fff;z-index:2;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.gallery-card:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg);box-shadow:0 24px 70px rgba(15,26,23,.22)}
.gallery-card:hover img{transform:scale(1.08);filter:saturate(1.18) contrast(1.05)}
@media(max-width:900px){.portfolio-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.gallery-card.big{grid-row:span 1;grid-column:span 2}}
@media(max-width:560px){.portfolio-gallery{grid-template-columns:1fr;grid-auto-rows:220px}.gallery-card.big{grid-column:auto}.visual-rail__track img{width:280px}}

.viral__thumb{background:#0d1f1a}
.viral__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;z-index:0}
.viral__card:hover .viral__thumb img{transform:scale(1.08);filter:saturate(1.15)}
.viral__thumb::before{z-index:2}
.viral__view{z-index:3}
.viral__card:nth-child(n) .viral__thumb{background-image:none}

/* EXTRA DELIGHT */
.hero__art::before{content:'';position:absolute;width:460px;height:460px;border-radius:50%;background:conic-gradient(from 180deg,rgba(11,107,79,.2),rgba(224,138,60,.28),rgba(201,74,58,.16),rgba(11,107,79,.2));filter:blur(8px);animation:spinSoft 18s linear infinite;z-index:0}
@keyframes spinSoft{to{transform:rotate(360deg)}}
.card,.plan,.member,.chan,.pill,.gallery-card{will-change:transform}
.card:hover,.plan:hover,.member:hover,.chan:hover,.pill:hover{transform:translateY(-8px) perspective(900px) rotateX(2deg)}

/* CARD WITH PHOTO */
.card--photo{padding:0;overflow:hidden;display:flex;flex-direction:column}
.card__thumb{aspect-ratio:16/10;overflow:hidden;position:relative}
.card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}
.card--photo:hover .card__thumb img{transform:scale(1.08);filter:saturate(1.12)}
.card--photo h3{margin:22px 24px 8px}
.card--photo p{margin:0 24px 26px;color:var(--muted);font-size:15px}

/* VALUE WITH PHOTO */
.value--photo{padding:0;overflow:hidden;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;isolation:isolate}
.value--photo::before{background:none}
.value--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s}
.value--photo::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.1) 65%);z-index:-1}
.value--photo:hover img{transform:scale(1.08)}
.value--photo b{color:#ffcf99;padding:0 22px}
.value--photo h3{color:#fff;padding:0 22px}
.value--photo p{color:#f4ead6;padding:0 22px 22px;font-size:14px}

/* MEMBER AVA REAL IMG */
.member__ava{background:none;overflow:hidden}
.member__ava img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}
.member__ava::after{content:none}
.member:hover .member__ava img{transform:scale(1.12);filter:saturate(1.1)}