/* 跃港互联 5.0 —— 版式与配色基于 Hypertree 基底，主题色替换为湾流青 #17B8B8。
   生成自 hypertree.css，勿手工改色值；改主题色请改本文件 :root 的 --accent 系列。 */
:root{
  --bg:#0C0C0C;--bg-alt:#0F0F0F;--bg-card:#161616;--ink:#F5F5F5;--ink-dim:#C8C8C8;--ink-mute:#8A8A8A;
  --rule:#2A2A2A;--line:rgba(255,255,255,.09);--accent:#17B8B8;--accent-hover:#12A0A0;--accent-soft:rgba(23,184,184,.10);
  --color-bg:#0C0C0C;--color-accent:#17B8B8;--color-white:#F5F5F5;--color-muted:#8A8A8A;--color-surface:#161616;--color-border:#2A2A2A;
  --max-w:1240px;--gap:clamp(1.25rem,3vw,2.5rem);--pad-x:clamp(1.25rem,4vw,3rem);--pad-y:clamp(3rem,6vw,5.25rem);
  --font-display:'Bricolage Grotesque','PingFang SC','Microsoft YaHei','Helvetica Neue',system-ui,sans-serif;
  --font-body:'Inter','PingFang SC','Microsoft YaHei','Helvetica Neue',system-ui,-apple-system,sans-serif;
  --font-mono:'JetBrains Mono','IBM Plex Mono',ui-monospace,monospace;
  --ease:cubic-bezier(.16,1,.3,1);--transition:200ms cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,picture,svg,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:#000}
.hidden{display:none!important}.text-center{text-align:center}
/* ambient backdrop */
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(1200px 720px at 72% -12%,rgba(23,184,184,.11),transparent 60%),radial-gradient(900px 620px at -5% 105%,rgba(23,184,184,.06),transparent 55%)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.wrap{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--pad-x)}
/* reading progress (injected on article pages) */
#read-bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--accent);z-index:100;transition:width .1s linear}
/* ---------- NAV ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;transition:var(--transition)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:16px var(--pad-x);max-width:var(--max-w);margin-inline:auto;transition:var(--transition)}
.nav.scrolled{background:rgba(12,12,12,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav.scrolled .nav__inner{padding-top:11px;padding-bottom:11px}
.nav__logo{display:flex;align-items:center;gap:.5em;font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:-.02em;color:var(--ink);flex:none;text-indent:0;width:auto;height:auto;background:none;overflow:visible}
.nav__logo__mark{width:22px;height:22px;flex:none;color:var(--accent)}
.nav__logo small{font-size:.68rem;font-weight:600;letter-spacing:.08em;color:var(--ink-mute);display:block;line-height:1}
.nav__links{display:flex;gap:clamp(1rem,2vw,1.6rem);font-size:.9rem;color:var(--ink-mute)}
.nav__links a{transition:var(--transition);position:relative}
.nav__links a:hover,.nav__links a.is-active{color:var(--ink)}
.nav__right{display:flex;align-items:center;gap:1.1rem}
.nav__lang{font-size:.82rem;color:var(--ink-mute);white-space:nowrap}
.nav__lang a{transition:var(--transition)}.nav__lang a:hover,.nav__lang a.is-active{color:var(--accent)}
.nav__cta{display:inline-flex;align-items:center;gap:.4em;background:var(--accent);color:#000;font-weight:600;font-size:.88rem;padding:10px 18px;border-radius:100px;transition:var(--transition)}
.nav__cta:hover{transform:translateY(-2px)}
@media(max-width:860px){.nav__links{display:none}}
/* ---------- BUTTONS ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-body);font-weight:600;font-size:.95rem;line-height:1;padding:16px 28px;border-radius:100px;border:1px solid transparent;cursor:pointer;transition:transform .25s var(--ease),background var(--transition),color var(--transition),border-color var(--transition);will-change:transform}
.btn--primary,.btn--accent{background:var(--accent);color:#000}
.btn--primary:hover,.btn--accent:hover{background:var(--accent-hover);transform:translateY(-2px)}
.btn--primary:active{transform:translateY(0) scale(.99)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--rule);position:relative;overflow:hidden;z-index:0}
.btn--ghost::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--accent);transform:translateY(101%);transition:transform .38s var(--ease)}
.btn--ghost:hover{color:#000;border-color:var(--accent)}
.btn--ghost:hover::before{transform:translateY(0)}
/* ---------- HERO ---------- */
.hero{position:relative;padding:clamp(120px,17vh,190px) 0 clamp(60px,9vw,110px);overflow:hidden}
.hero--with-bg::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,12,12,.66),rgba(12,12,12,.94))}
.hero__inner{max-width:var(--max-w);margin-inline:auto;padding-inline:var(--pad-x);position:relative}
.hero__spot{position:absolute;width:620px;height:620px;border-radius:50%;pointer-events:none;left:0;top:0;background:radial-gradient(circle,rgba(23,184,184,.13),transparent 65%);transform:translate(-50%,-50%);opacity:0;transition:opacity .5s;z-index:0}
.eyebrow,.sec-head__eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.eyebrow::before,.sec-head__eyebrow::before{content:"";width:26px;height:1px;background:var(--accent)}
.hero__title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,7.2vw,6.6rem);line-height:.98;letter-spacing:-.03em;margin:1.4rem 0 0;max-width:20ch}
.hero .word{display:inline-block;will-change:transform}
.hero.reveal-on .word{animation:wordUp .9s var(--ease) both}
@keyframes wordUp{from{transform:translateY(105%);opacity:0}to{transform:translateY(0);opacity:1}}
.hero__sub{margin-top:1.5rem;max-width:56ch;font-size:clamp(1.02rem,1.4vw,1.2rem);color:var(--ink-dim)}
.hero__ctas{margin-top:2.2rem;display:flex;gap:.85rem;flex-wrap:wrap}
.hero__stats{margin-top:3.2rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);border-top:1px solid var(--line);padding-top:1.7rem}
.stat__num{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,3.2vw,2.7rem);line-height:1;letter-spacing:-.02em;color:var(--accent);display:block}
.stat__lab{margin-top:.5rem;font-size:.8rem;color:var(--ink-mute)}
@media(max-width:620px){.hero__stats{grid-template-columns:1fr 1fr;gap:1.4rem}}
/* AI/GEO answer box — keep prominent */
.quick-answer{margin-top:2.4rem;background:var(--bg-card);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:14px;padding:1.4rem 1.6rem;max-width:70ch}
.quick-answer__label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700}
.quick-answer__question{font-family:var(--font-display);font-weight:700;font-size:1.12rem;margin:.5rem 0 .5rem}
.quick-answer__body{color:var(--ink-dim);font-size:.98rem}
/* ---------- SECTIONS ---------- */
.section{padding:var(--pad-y) 0;position:relative}
.section--alt{background:var(--bg-alt)}
.section--tight{padding-block:clamp(2rem,4vw,3.5rem)}
.sec-head{max-width:64ch}
.sec-head h2,.section>.wrap>h2{margin-top:.8rem}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.08}
.section h2{font-size:clamp(1.8rem,4vw,3.2rem);letter-spacing:-.03em;line-height:1.04}
.section h3{font-size:clamp(1.2rem,2vw,1.6rem)}
.mt-sm{margin-top:.75rem}.mt-md{margin-top:1.4rem}.mt-lg{margin-top:2.4rem}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media(max-width:820px){.two-col{grid-template-columns:1fr;gap:2rem}}
.two-col__image,.section-image{border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.section-image img,.two-col__image img{width:100%;height:auto}
.crumb{display:flex;gap:.5rem;align-items:center;font-size:.82rem;color:var(--ink-mute);margin-bottom:1.2rem}
.crumb a:hover{color:var(--accent)}.crumb__sep{opacity:.5}
/* ---------- CHANNEL CARDS ---------- */
.channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(2rem,4vw,3.4rem)}
@media(max-width:900px){.channels-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.channels-grid{grid-template-columns:1fr}}
.channel-card{position:relative;background:var(--bg-card);border:1px solid var(--line);border-radius:18px;padding:28px 26px;overflow:hidden;transition:transform .4s var(--ease),border-color var(--transition);display:block}
.channel-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.channel-card:hover{transform:translateY(-8px);border-color:rgba(23,184,184,.4)}
.channel-card:hover::before{transform:scaleX(1)}
.channel-card__tag{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.channel-card__name{font-family:var(--font-display);font-weight:700;font-size:1.45rem;letter-spacing:-.02em;margin:.9rem 0 1rem;display:flex;align-items:center;gap:.4em;transition:transform var(--transition)}
.channel-card:hover .channel-card__name{transform:translateX(4px)}
.channel-card__formats{list-style:none;display:grid;gap:.55rem}
.channel-card__formats li{font-size:.92rem;color:var(--ink-dim);padding-left:20px;position:relative}
.channel-card__formats li::before{content:"\2013";position:absolute;left:0;color:var(--accent);font-weight:700}
/* ---------- FORMAT GRID ---------- */
.formats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:2rem}
.formats--2col{grid-template-columns:repeat(2,1fr)}
@media(max-width:860px){.formats,.formats--2col{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.formats,.formats--2col{grid-template-columns:1fr}}
.format{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:22px 22px;transition:transform .35s var(--ease),border-color var(--transition)}
.format:hover{transform:translateY(-5px);border-color:rgba(23,184,184,.4)}
.format__tag{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}
.format__name{font-family:var(--font-display);font-weight:700;font-size:1.15rem;margin:.6rem 0 .45rem}
.format__desc{font-size:.9rem;color:var(--ink-mute);line-height:1.55}
/* ---------- PRICING ---------- */
.pricing{margin-top:2rem;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pricing__header,.pricing__row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1rem;padding:16px 22px;align-items:center}
.pricing__header{background:var(--bg-card);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);font-weight:700}
.pricing__row{border-top:1px solid var(--line);transition:background var(--transition)}
.pricing__row:hover{background:var(--accent-soft)}
.pricing__row strong{font-weight:600}
.pricing__price{font-family:var(--font-display);font-weight:700;color:var(--accent);text-align:right;letter-spacing:-.01em}
.pricing__note{margin-top:1rem;font-size:.85rem;color:var(--ink-mute)}
@media(max-width:560px){.pricing__header{display:none}.pricing__row{grid-template-columns:1fr;gap:.35rem;text-align:left}.pricing__price{text-align:left}}
/* ---------- WHY ---------- */
.why{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:2.4rem}
@media(max-width:720px){.why{grid-template-columns:1fr}}
.why__card{background:var(--bg-card);border:1px solid var(--line);border-radius:16px;padding:26px;transition:transform .35s var(--ease),border-color var(--transition)}
.why__card:hover{transform:translateY(-4px);border-color:rgba(23,184,184,.35)}
.why__num{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:var(--accent)}
.why__title{font-family:var(--font-display);font-weight:700;font-size:1.2rem;margin:.7rem 0 .5rem}
.why__desc{color:var(--ink-mute);font-size:.94rem;line-height:1.6}
/* ---------- FAQ ---------- */
.faq{margin-top:2rem;display:grid;gap:.7rem}
.faq__item{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color var(--transition)}
.faq__item[open],.faq__item:hover{border-color:rgba(23,184,184,.35)}
.faq__q{cursor:pointer;list-style:none;padding:18px 22px;font-family:var(--font-display);font-weight:600;font-size:1.05rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq__q::-webkit-details-marker{display:none}
.faq__q::after{content:"+";color:var(--accent);font-size:1.3rem;font-weight:400;transition:transform var(--transition);flex:none}
.faq__item[open] .faq__q::after{transform:rotate(45deg)}
.faq__a{padding:0 22px 20px;color:var(--ink-dim);line-height:1.7}
.faq__a p+p{margin-top:.7rem}
.faq__a a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
/* ---------- XLINK (related channels) ---------- */
.xlink{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:2rem}
@media(max-width:860px){.xlink{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.xlink{grid-template-columns:1fr}}
.xlink a{display:block;background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:20px;transition:transform .35s var(--ease),border-color var(--transition)}
.xlink a:hover{transform:translateY(-5px);border-color:rgba(23,184,184,.4)}
.xlink .format__tag{display:block;margin-bottom:.5rem}
.xlink__name{font-family:var(--font-display);font-weight:700;font-size:1.05rem;display:block;transition:transform var(--transition)}
.xlink a:hover .xlink__name{transform:translateX(3px)}
.xlink__desc{font-size:.85rem;color:var(--ink-mute);margin-top:.35rem;display:block}
/* ---------- CLIENTS ---------- */
.clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:2.6rem}
@media(max-width:900px){.clients-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.clients-grid{grid-template-columns:repeat(3,1fr)}}
.logo-cell{aspect-ratio:2/1;background:var(--bg-card);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:14px 18px;transition:transform .3s var(--ease),border-color var(--transition)}
.logo-cell:hover{border-color:rgba(23,184,184,.5);transform:translateY(-3px)}
.logo-cell img{max-width:100%;max-height:72%;width:auto;object-fit:contain}
.client-box{background:var(--bg-card);border:1px solid var(--line);border-radius:16px;padding:26px}
/* ---------- CTA BAND ---------- */
.cta-band{padding:clamp(4rem,9vw,7.5rem) 0;text-align:center;position:relative}
.cta-band h2{font-size:clamp(2.2rem,6vw,4.6rem);letter-spacing:-.03em;line-height:1;max-width:18ch;margin-inline:auto}
.cta-band p{color:var(--ink-mute);margin:1.2rem auto 2rem;max-width:52ch}
.cta-band__btns{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap}
.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:55;background:rgba(12,12,12,.9);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:.7rem var(--pad-x);display:flex;gap:.6rem;justify-content:center}
/* ---------- FORMS ---------- */
.form{display:grid;gap:1rem;max-width:560px}
.form__row{display:grid;gap:.4rem}
.form__label{font-size:.85rem;color:var(--ink-dim);font-weight:500}
.form__input,.form__select,.form__textarea{width:100%;background:var(--bg-card);border:1px solid var(--rule);border-radius:10px;padding:13px 15px;color:var(--ink);font:inherit;font-size:.95rem;transition:border-color var(--transition)}
.form__input:focus,.form__select:focus,.form__textarea:focus{outline:none;border-color:var(--accent)}
.form__textarea{min-height:120px;resize:vertical}
.form__submit-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.form__fallback{font-size:.85rem;color:var(--ink-mute)}.form__fallback a{color:var(--accent)}
.form__status{font-size:.9rem}.form__status.is-success{color:var(--accent)}.form__status.is-error{color:#ff9b9b}
/* ---------- BULLETS / LEGAL ---------- */
.bullets{list-style:none;display:grid;gap:.7rem;margin-top:1rem}
.bullets li{padding-left:24px;position:relative;color:var(--ink-dim)}
.bullets li::before{content:"\2013";position:absolute;left:0;color:var(--accent);font-weight:700}
.legal{max-width:75ch}.legal h2{margin:2rem 0 .8rem}.legal p,.legal li{color:var(--ink-dim);margin-top:.6rem}.legal__updated{color:var(--ink-mute);font-size:.85rem}
/* ---------- FOOTER ---------- */
.footer{border-top:1px solid var(--line);padding:3rem 0 2.6rem;margin-top:2rem}
.footer__inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;font-size:.9rem;color:var(--ink-mute)}
.footer__links{display:flex;gap:1.3rem;flex-wrap:wrap}
.footer__links a:hover{color:var(--ink)}
/* ---------- WHATSAPP FLOAT ---------- */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:65;width:56px;height:56px;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 10px 30px rgba(23,184,184,.28);transition:transform .3s var(--ease)}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:28px;height:28px;fill:#000}
/* ---------- ARTICLE / BLOG PROSE (body.is-article) ---------- */
.is-article main .wrap,.is-article article{max-width:100%}
.is-article main p,.is-article main li{font-size:1.06rem;line-height:1.8;color:var(--ink-dim)}
.is-article main .sec-head p,.is-article main .hero__sub{color:var(--ink-dim)}
.is-article main h2{font-size:clamp(1.6rem,3.2vw,2.4rem);margin-top:2.4rem;margin-bottom:.9rem;letter-spacing:-.02em}
.is-article main h3{font-size:clamp(1.2rem,2vw,1.55rem);margin-top:1.8rem;margin-bottom:.6rem}
.is-article main .prose>p:first-of-type::first-letter,.is-article .lead::first-letter{font-family:var(--font-display);font-weight:800;float:left;font-size:3.4em;line-height:.72;padding:.05em .12em 0 0;color:var(--accent)}
.is-article blockquote{margin:2rem 0;padding:.4rem 0 .4rem 1.6rem;border-left:3px solid var(--accent);font-family:var(--font-display);font-weight:600;font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.is-article main ul:not(.bullets):not(.channel-card__formats):not(.faq),.is-article main ol{margin:1rem 0 1rem 1.2rem;display:grid;gap:.5rem}
.is-article main ul:not(.bullets) li,.is-article main ol li{color:var(--ink-dim);line-height:1.7}
.is-article table{width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:.95rem}
.is-article th,.is-article td{padding:12px 14px;border:1px solid var(--line);text-align:left}
.is-article th{background:var(--bg-card);color:var(--ink);font-weight:600}
.is-article td{color:var(--ink-dim)}
/* ---------- MARQUEE (injected on home) ---------- */
.marq{border-block:1px solid var(--line);padding:20px 0;overflow:hidden;white-space:nowrap;background:var(--bg-alt)}
.marq__row{display:inline-flex;animation:marq 30s linear infinite;will-change:transform}
.marq:hover .marq__row{animation-play-state:paused}
.marq__row span{font-family:var(--font-display);font-weight:700;font-size:clamp(1.3rem,2.8vw,2.2rem);padding:0 26px;text-transform:uppercase;letter-spacing:-.01em}
.marq__row span.o{-webkit-text-stroke:1px var(--accent);color:transparent}
.marq__row i{align-self:center;width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}
@keyframes marq{to{transform:translateX(-50%)}}
/* ---------- SCROLL REVEALS (added by JS) ---------- */
.js .reveal-el{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s var(--ease)}
.reveal-el.in{opacity:1;transform:none}
.js .reveal-stagger>*{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s var(--ease)}
.reveal-stagger.in>*{opacity:1;transform:none}
.reveal-stagger.in>*:nth-child(2){transition-delay:.06s}
.reveal-stagger.in>*:nth-child(3){transition-delay:.12s}
.reveal-stagger.in>*:nth-child(4){transition-delay:.18s}
.reveal-stagger.in>*:nth-child(5){transition-delay:.24s}
.reveal-stagger.in>*:nth-child(6){transition-delay:.3s}
/* hero entrance for inner pages (no word split) */
.hero__inner .eyebrow,.hero__inner .crumb{opacity:0;animation:fadeUp .7s ease .05s both}
.hero:not(.reveal-on) .hero__title{opacity:0;animation:fadeUp .8s var(--ease) .12s both}
.hero__sub{opacity:0;animation:fadeUp .8s ease .24s both}
.hero__ctas{opacity:0;animation:fadeUp .8s ease .34s both}
.hero__stats{opacity:0;animation:fadeUp .8s ease .44s both}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
/* ---------- MOTION SAFETY ---------- */
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}
.reveal-el,.reveal-stagger>*,.hero__title,.hero__sub,.hero__ctas,.hero__stats,.hero__inner .eyebrow,.hero__inner .crumb,.hero .word{opacity:1!important;transform:none!important}}
/* ===== v84.1 layout fixes: restore stacking + exact clients + clean FAQ ===== */
.format{display:flex;flex-direction:column;gap:.55rem}
.format__tag,.format__name,.format__desc{display:block}
.format__name{margin:0}
.channel-card{display:flex;flex-direction:column;gap:.7rem;min-height:230px}
.channel-card__tag{display:block}
.channel-card__name{margin:0}
.channel-card__formats{margin:0}
/* clients — match live exactly */
.clients-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;content-visibility:auto;contain-intrinsic-size:auto 500px}
@media(min-width:480px){.clients-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:768px){.clients-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1024px){.clients-grid{grid-template-columns:repeat(5,1fr)}}
.logo-cell{aspect-ratio:2/1;border-radius:8px;padding:1rem 1.25rem;min-height:70px;border-color:var(--rule)}
.logo-cell img{max-width:100%;max-height:88%;width:auto;height:auto;object-fit:contain;filter:none}
/* FAQ — clean bordered list like live + aligned indicator */
.faq{max-width:820px;display:block}
.faq__item{background:none;border:none;border-bottom:1px solid var(--rule);border-radius:0;padding:1.4rem 0}
.faq__item[open],.faq__item:hover{border-color:var(--rule)}
.faq__q{padding:0;font-size:1.12rem}
.faq__q::after{content:"+";color:var(--accent);font-size:1.4rem;font-weight:400;line-height:1;flex:none;transition:transform var(--transition)}
.faq__item[open] .faq__q::after{transform:rotate(45deg)}
.faq__a{padding:1rem 0 0;line-height:1.7}
/* ===== v85 fixes: restore text logo + center CTA trust/form ===== */
.nav__logo{font-family:var(--font-display);font-weight:800;font-size:1.2rem;letter-spacing:.15em;position:relative;padding-bottom:7px;color:var(--ink);background:none;text-indent:0;width:auto;height:auto;min-width:0;overflow:visible;display:inline-block;white-space:nowrap}
.nav__logo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.5px;background:var(--accent);opacity:.85;border-radius:2px}
.cta-band .cta-trust{max-width:none;text-align:center;margin-left:auto;margin-right:auto;opacity:.7}
.cta-band .form{margin-left:auto;margin-right:auto}
.cta-band .form__submit-row{justify-content:center}

/* v87: keep cta-band heading centered on article pages */
.is-article .cta-band h2{font-size:clamp(2.2rem,6vw,4.6rem);margin-top:0;margin-left:auto;margin-right:auto;line-height:1;text-align:center}
.is-article .cta-band p,.is-article .cta-band .cta-trust{text-align:center}
.why--7{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
#checklist p a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
/* ---------- BUDGET PLANNER (v85) ---------- */
.planner__box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1.25rem,3vw,2.5rem);margin-top:2.4rem;align-items:start}
@media(max-width:860px){.planner__box{grid-template-columns:1fr}}
.planner__ctl{position:sticky;top:96px;background:var(--bg-card);border:1px solid var(--line);border-radius:20px;padding:clamp(1.4rem,3vw,2rem);overflow:hidden}
.planner__ctl::before{content:"";position:absolute;inset:-40% -20% auto auto;width:320px;height:320px;background:radial-gradient(circle,rgba(23,184,184,.16),transparent 65%);pointer-events:none}
@media(max-width:860px){.planner__ctl{position:relative;top:0}}
.planner__lab{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);font-weight:700}
.planner__val{display:block;font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.05;margin:.4rem 0 1.1rem;color:var(--ink);font-variant-numeric:tabular-nums}
.planner__range{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:99px;background:linear-gradient(90deg,var(--accent) var(--p,48%),#2A2A2A var(--p,48%));outline:none;cursor:pointer}
.planner__range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--accent);border:4px solid #0C0C0C;box-shadow:0 0 0 2px var(--accent),0 0 24px rgba(23,184,184,.55);transition:transform .2s var(--ease)}
.planner__range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent);border:4px solid #0C0C0C;box-shadow:0 0 0 2px var(--accent),0 0 24px rgba(23,184,184,.55)}
.planner__range:active::-webkit-slider-thumb{transform:scale(1.15)}
.planner__range:focus-visible{box-shadow:0 0 0 3px rgba(23,184,184,.35)}
.planner__meta{margin:1rem 0 1.2rem;color:var(--ink-dim)}
.planner__count b{color:var(--accent);font-family:var(--font-display);font-size:1.3rem}
.planner__mix{border-top:1px solid var(--line);padding-top:1rem;margin-bottom:1.4rem}
.planner__mixlab{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700}
.planner__mixtxt{margin-top:.4rem;color:var(--ink-dim);min-height:3.2em}
.js .planner__mixtxt span{display:none}.js .planner__mixtxt span.on{display:inline;animation:plIn .45s var(--ease)}
.planner__mixtxt span+span::before{content:" / "}.js .planner__mixtxt span+span::before{content:none}
.planner__cta{width:100%;justify-content:center;text-align:center}
.ladder{list-style:none;display:grid;gap:10px;counter-reset:l}
.ladder__item a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:16px 20px;border-radius:14px;border:1px solid var(--line);background:var(--bg-card);transition:transform .45s var(--ease),border-color .3s,background .3s,opacity .3s}
.ladder__name{font-weight:600}
.ladder__price{font-family:var(--font-display);font-weight:700;color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}
.js .ladder__item a{opacity:.38;filter:saturate(0)}
.js .ladder__item.is-on a{opacity:1;filter:none;border-color:rgba(23,184,184,.35);background:linear-gradient(90deg,rgba(23,184,184,.09),var(--bg-card) 60%)}
.js .ladder__item.is-new a{animation:plPop .6s var(--ease)}
.ladder__item a:hover{transform:translateX(6px);border-color:var(--accent)}
.planner__note{margin-top:1.2rem;font-size:.85rem;color:var(--ink-mute)}
@keyframes plIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes plPop{0%{transform:scale(.97)}50%{transform:scale(1.02)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.js .ladder__item.is-new a,.js .planner__mixtxt span.on{animation:none}}
.nav__cta{white-space:nowrap}@media(max-width:480px){.nav__cta{padding:8px 13px;font-size:.8rem}.nav__lang{font-size:.78rem}.nav__logo{font-size:.95rem;letter-spacing:.14em}}
/* TVC production proof card (v90) */
.tvc-proof{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:0;margin-top:2.4rem;border-radius:20px;overflow:hidden;background:var(--bg-card);border:1px solid rgba(23,184,184,.18);transition:border-color .3s,transform .45s var(--ease)}
.tvc-proof:hover{border-color:var(--accent);transform:translateY(-4px)}
.tvc-proof img{width:100%;height:100%;object-fit:cover}
.tvc-proof__play{position:absolute;left:30%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 10px rgba(23,184,184,.18),0 0 40px rgba(23,184,184,.45);transition:transform .35s var(--ease)}
.tvc-proof__play::after{content:"";position:absolute;left:31px;top:24px;border-left:22px solid #0C0C0C;border-top:14px solid transparent;border-bottom:14px solid transparent}
.tvc-proof:hover .tvc-proof__play{transform:scale(1.1)}
.tvc-proof__body{padding:clamp(1.4rem,3vw,2.2rem);display:flex;flex-direction:column;justify-content:center;gap:.8rem;color:var(--ink-dim)}
.tvc-proof__cta{color:var(--accent);font-weight:700}
@media(max-width:820px){.tvc-proof{grid-template-columns:1fr}.tvc-proof__play{left:50%;top:28%}}

/* footer link hub (v90) */
.footer__hub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem 2rem;padding-bottom:2.2rem;margin-bottom:1.6rem;border-bottom:1px solid var(--line)}
@media(max-width:860px){.footer__hub{grid-template-columns:repeat(2,minmax(0,1fr))}}
.footer__h{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:.7rem}
.footer__col ul{list-style:none;display:grid;gap:.45rem}
.footer__col a{color:var(--ink-mute);font-size:.9rem;transition:color .2s}
.footer__col a:hover{color:var(--ink)}
/* FAQ hub toc (v91) */
.faq-toc ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}
.faq-toc a{display:inline-block;padding:.4rem .9rem;border:1px solid rgba(23,184,184,.25);border-radius:2rem;font-size:.82rem;color:var(--accent);transition:background .2s}
.faq-toc a:hover{background:var(--accent-soft)}
.faq__more{display:inline-block;margin-top:.9rem;color:var(--accent);font-size:.9rem;font-weight:600}
/* ---------- BOOKING CALENDAR (v91) ---------- */
.cal__lab{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);font-weight:700}
.cal__chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:.8rem 0 1.2rem}
.cal__chip{appearance:none;cursor:pointer;background:var(--bg-card);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:.7rem 1rem;font:600 .92rem var(--font-body);text-align:left;display:flex;flex-direction:column;gap:.15rem;transition:border-color .25s,transform .35s var(--ease),background .25s}
.cal__chip small{font-weight:500;color:var(--ink-mute);font-size:.75rem}
.cal__chip:hover{transform:translateY(-3px);border-color:rgba(23,184,184,.4)}
.cal__chip.is-peak::after{content:attr(data-peak);font-size:.6rem;letter-spacing:.14em;color:var(--accent);font-weight:800}
.cal__chip.is-on{background:var(--accent);color:#0C0C0C;border-color:var(--accent)}.cal__chip.is-on small,.cal__chip.is-on::after{color:#0C0C0C}
.cal__custom{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;text-transform:none;letter-spacing:0;font-size:.9rem}
.cal__custom input{background:var(--bg-card);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;font:inherit;color-scheme:dark}
.cal__head{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:1rem;margin:2rem 0 1rem;padding:1.4rem 1.6rem;border-radius:20px;background:var(--bg-card);border:1px solid var(--line)}
@media(max-width:720px){.cal__head{grid-template-columns:1fr 1fr}.cal__head>div:first-child{grid-column:1/-1}}
.cal__big{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,4.5vw,2.8rem);line-height:1.1;margin:.3rem 0}
.cal__sub{color:var(--accent);font-weight:600}
.cal__kpi{display:flex;flex-direction:column;justify-content:center}.cal__kpi b{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);color:var(--accent);line-height:1}.cal__kpi span{color:var(--ink-mute);font-size:.85rem;margin-top:.3rem}
.cal__peak{color:var(--accent);font-weight:600;margin-bottom:1rem}
.cal__track{position:relative;height:74px;margin:1.6rem 1.5rem 2rem 0}
.cal__axis{position:absolute;left:0;right:0;top:36px;height:2px;background:linear-gradient(90deg,#2A2A2A,var(--accent))}
.cal__dot{position:absolute;top:28px;width:18px;height:18px;margin-left:-9px;border-radius:50%;border:3px solid #0C0C0C;background:var(--accent);box-shadow:0 0 16px rgba(23,184,184,.5)}
.cal__dot em{position:absolute;top:24px;left:50%;transform:translateX(-50%);font:600 .7rem var(--font-body);color:var(--ink-mute);white-space:nowrap;font-style:normal}
.cal__dot.is-closed{background:#3a3a3a;box-shadow:none}.cal__dot.is-urgent{background:#FF5A4E;box-shadow:0 0 16px rgba(255,90,78,.6)}.cal__dot.is-soon{background:#FFC53D}
.cal__today,.cal__end{position:absolute;top:0;transform:translateX(-50%);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.cal__today i,.cal__end i{position:absolute;left:50%;top:16px;width:2px;height:40px;background:var(--ink)}.cal__end{color:var(--accent)}.cal__end i{background:var(--accent)}
.cal__list{list-style:none;display:grid;gap:8px}
.cal__row{display:grid;grid-template-columns:minmax(0,2fr) auto minmax(0,1fr) minmax(0,1.1fr);gap:1rem;align-items:center;padding:14px 18px;border-radius:14px;background:var(--bg-card);border:1px solid var(--line);animation:plIn .5s var(--ease) both}
.cal__row a{font-weight:600}.cal__row a:hover{color:var(--accent)}
.cal__lead{color:var(--ink-mute);font-size:.82rem;white-space:nowrap}
.cal__by{font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums}.cal__by small{display:block;font:600 .65rem var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}
.cal__st{justify-self:end;font-size:.78rem;font-weight:700;padding:.35rem .7rem;border-radius:99px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}
.cal__row.is-closed{opacity:.45}.cal__row.is-closed .cal__st{background:#222;color:var(--ink-mute)}
.cal__row.is-urgent .cal__st{background:rgba(255,90,78,.14);color:#FF7A70}.cal__row.is-soon .cal__st{background:rgba(255,197,61,.12);color:#FFC53D}
@media(max-width:720px){.cal__row{grid-template-columns:1fr auto}.cal__lead{display:none}.cal__by{grid-column:1}.cal__st{grid-row:1/3;grid-column:2}}
.cal__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.cal__table{margin-top:2rem;border:1px solid var(--line);border-radius:16px;padding:1rem 1.2rem;background:var(--bg-card)}
.cal__table summary{cursor:pointer;font-weight:700;color:var(--accent)}
.cal__th{font-size:1.2rem;margin:1rem 0}
.cal__scroll{overflow-x:auto}.cal__table table{border-collapse:collapse;font-size:.8rem;min-width:1100px}
.cal__table th,.cal__table td{padding:.55rem .6rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap}
.cal__table thead th{color:var(--ink-dim);font-weight:600;white-space:normal;min-width:90px}.cal__table small{color:var(--ink-mute)}

.byline{margin:.9rem 0 1rem;font-size:.85rem;color:var(--ink-mute)}.byline a{color:var(--accent)}

.byline{margin:.9rem 0 1rem;font-size:.85rem;color:var(--ink-mute)}.byline a{color:var(--accent)}

.cal__end{transform:translateX(-100%);white-space:nowrap;text-align:right}.cal__end i{left:auto;right:0}.cal__today{white-space:nowrap}
@media(max-width:600px){.cal__dot em{font-size:.62rem}.cal__track{margin-right:0}}