/* ── Reset ────────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.6;background:#050507;color:#f2f2f5;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{text-decoration:none}

/* ── Tokens ───────────────────────────────────────────────────────────────── */
:root{
  --bg:#050507; --bg2:#0a0a0e;
  --card:linear-gradient(160deg,#131318 0%,#0b0b0f 100%);
  --border:rgba(255,255,255,0.07); --border-hover:rgba(232,56,79,0.4);
  --accent:#e8384f; --accent-soft:rgba(232,56,79,0.12);
  --t1:#f2f2f5; --t2:#9a9aa6; --t3:#55555f;
  --r:22px; --ease:cubic-bezier(.22,.61,.36,1);
}
.accent{color:var(--accent)}

/* ── Layout ───────────────────────────────────────────────────────────────── */
.container{max-width:1140px;margin:0 auto;padding:0 60px}
section{position:relative}
.section-head{text-align:center;max-width:640px;margin:0 auto 56px}
.section-title{font-size:clamp(2rem,3.6vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:18px 0 14px;text-wrap:balance;color:var(--t1)}
.section-sub{font-size:1.02rem;color:var(--t2);line-height:1.65}
.pill-label{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.16em;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(232,56,79,.25);padding:6px 16px;border-radius:999px;text-transform:uppercase}

/* ── Buttons ──────────────────────────────────────────────────────────────── */
.btn{display:inline-block;padding:13px 28px;border-radius:999px;font-size:.94rem;font-weight:700;cursor:pointer;transition:all .3s var(--ease);white-space:nowrap;border:none;font-family:inherit}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:#ff4d63;transform:translateY(-2px);box-shadow:0 10px 32px rgba(232,56,79,.4)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.16);color:var(--t1);background:rgba(255,255,255,.02)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
.btn-lg{padding:16px 36px;font-size:1rem}
.btn-glow{animation:glowPulse 3s ease-in-out infinite}
@keyframes glowPulse{0%,100%{box-shadow:0 0 0 0 rgba(232,56,79,.35)}50%{box-shadow:0 0 30px 6px rgba(232,56,79,.15)}}

/* ── Icon well ────────────────────────────────────────────────────────────── */
.icon-well{width:52px;height:52px;background:linear-gradient(160deg,rgba(232,56,79,.14),rgba(232,56,79,.05));border:1px solid rgba(232,56,79,.22);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;transition:all .3s var(--ease)}

/* ── Global animated background + boxed sections ──────────────────────────── */
.bg-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero,.ticker-strip,.site-footer{position:relative;z-index:1}
.benefits,.positioning,.solutions,.process,.faq,.contact{position:relative;z-index:1;background:transparent;padding:28px 0}
.section-box{background:linear-gradient(170deg,rgba(15,15,20,.88),rgba(7,7,10,.93));border:1px solid var(--border);border-radius:28px;padding:76px 64px;position:relative;overflow:hidden;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}

/* ── Reveal / stagger ─────────────────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.visible{opacity:1;transform:none}

/* ── Header ───────────────────────────────────────────────────────────────── */
.site-header{position:sticky;top:0;z-index:100;background:rgba(5,5,7,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);animation:headerIn .8s var(--ease) both}
@keyframes headerIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.header-inner{display:flex;align-items:center;gap:32px;height:70px}
.brand{display:flex;align-items:center;gap:10px;color:var(--t1);font-weight:800;font-size:.95rem;flex-shrink:0}
.brand-logo{width:32px;height:32px;object-fit:contain}
.brand-wordmark{height:38px;width:auto;display:block}
.brand-wordmark-lg{height:46px}
.nav{display:flex;align-items:center;gap:30px;margin:0 auto}
.nav a{color:var(--t2);font-size:.88rem;font-weight:600;transition:color .2s;position:relative}
.nav a::after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:1.5px;background:var(--accent);transition:width .3s var(--ease)}
.nav a:hover{color:var(--t1)}
.nav a:hover::after{width:100%}
.nav-cta{padding:10px 22px;font-size:.88rem;flex-shrink:0}
.nav-toggle{display:none;background:none;border:none;color:var(--t1);font-size:1.3rem;cursor:pointer;margin-left:auto}
.mobile-nav{display:none;flex-direction:column;padding:0 24px 16px;background:rgba(5,5,7,.98);border-bottom:1px solid var(--border)}
.mobile-nav.open{display:flex}
.mobile-nav-link{color:var(--t2);font-size:1rem;padding:12px 0;border-bottom:1px solid var(--border)}
.mobile-book-btn{margin-top:16px;text-align:center}

/* ── Hero ─────────────────────────────────────────────────────────────────── */
.hero{min-height:94vh;background:var(--bg);overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}
.hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(232,56,79,.05) 1px,transparent 1px);background-size:34px 34px;-webkit-mask:radial-gradient(ellipse 70% 60% at 50% 45%,black 30%,transparent 75%);mask:radial-gradient(ellipse 70% 60% at 50% 45%,black 30%,transparent 75%);pointer-events:none}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8}
.hero-glow{position:absolute;border-radius:50%;pointer-events:none;animation:glowDrift 9s ease-in-out infinite alternate}
.hero-glow-1{top:-10%;left:15%;width:700px;height:700px;background:radial-gradient(ellipse,rgba(232,56,79,.14) 0%,transparent 65%)}
.hero-glow-2{bottom:-20%;right:5%;width:600px;height:600px;background:radial-gradient(ellipse,rgba(120,20,40,.18) 0%,transparent 65%);animation-delay:-4s}
@keyframes glowDrift{from{opacity:.6;transform:translateY(0) scale(1)}to{opacity:1;transform:translateY(-18px) scale(1.05)}}
.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding-top:90px;padding-bottom:90px}
.hero h1{font-size:clamp(2.7rem,5.5vw,4.6rem);font-weight:800;line-height:1.06;letter-spacing:-.025em;color:var(--t1);margin:26px 0 22px;text-wrap:balance}
.hero-sub{font-size:1.08rem;color:var(--t2);line-height:1.7;max-width:560px;margin-bottom:38px}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:56px}
.hero-metrics{display:flex;align-items:center;justify-content:center}
.hero-metric{display:flex;flex-direction:column;gap:2px;padding:0 26px}
.hm-val{font-size:1.3rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}
.hm-label{font-size:.68rem;color:var(--t2);text-transform:uppercase;letter-spacing:.1em}
.hm-sep{width:1px;height:38px;background:var(--border)}
/* hero load sequence */
.hero-anim-1,.hero-anim-2,.hero-anim-3,.hero-anim-4,.hero-anim-5{opacity:0;animation:heroUp .8s var(--ease) forwards}
.hero-anim-1{animation-delay:.1s}.hero-anim-2{animation-delay:.25s}.hero-anim-3{animation-delay:.45s}.hero-anim-4{animation-delay:.6s}.hero-anim-5{animation-delay:.75s}
@keyframes heroUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
/* floating badges */
.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);color:var(--t3);font-size:1.1rem;animation:cueBounce 2s ease-in-out infinite;z-index:2}
@keyframes cueBounce{0%,100%{transform:translate(-50%,0);opacity:.5}50%{transform:translate(-50%,8px);opacity:1}}

/* ── Ticker ───────────────────────────────────────────────────────────────── */
.ticker-strip{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:26px 0;overflow:hidden}
.ticker-label{font-size:.66rem;font-weight:700;letter-spacing:.16em;color:var(--t3);text-transform:uppercase;text-align:center;margin-bottom:18px}
.ticker-track{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);mask:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%)}
.ticker-inner{display:flex;width:max-content;align-items:center;animation:marquee 30s linear infinite}
.ticker-inner:hover{animation-play-state:paused}
.ticker-item{font-size:.92rem;font-weight:700;color:var(--t2);padding:0 22px;white-space:nowrap;letter-spacing:.03em;transition:color .2s}
.ticker-item:hover{color:var(--accent)}
.ticker-dot{color:var(--accent);opacity:.45;font-size:.55rem}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── Benefits ─────────────────────────────────────────────────────────────── */
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.benefit-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:34px 26px;position:relative;overflow:hidden;transition:all .35s var(--ease)}
.benefit-card::before{content:'';position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.035),transparent);transition:left .6s var(--ease);pointer-events:none}
.benefit-card:hover{transform:translateY(-5px);border-color:var(--border-hover);box-shadow:0 18px 48px rgba(0,0,0,.5)}
.benefit-card:hover::before{left:120%}
.benefit-card:hover .icon-well{box-shadow:0 0 22px rgba(232,56,79,.3);border-color:rgba(232,56,79,.5)}
.benefit-card .icon-well{margin-bottom:20px}
.benefit-card h3{font-size:1.05rem;font-weight:800;margin-bottom:10px;color:var(--t1)}
.benefit-card p{font-size:.88rem;color:var(--t2);line-height:1.65}

/* ── Positioning / About ──────────────────────────────────────────────────── */
.pos-glow{position:absolute;top:-160px;right:-160px;width:640px;height:640px;background:radial-gradient(ellipse,rgba(232,56,79,.08) 0%,transparent 65%);pointer-events:none;animation:glowDrift 10s ease-in-out infinite alternate}
.pos-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:center;position:relative;z-index:1}
.pos-heading{font-size:clamp(1.9rem,3.2vw,2.7rem);font-weight:800;line-height:1.14;letter-spacing:-.02em;margin:18px 0 22px;color:var(--t1);text-wrap:balance}
.pos-body{font-size:.98rem;color:var(--t2);line-height:1.75;margin-bottom:14px}
.pos-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin-top:26px}
.pos-list li{font-size:.93rem;color:var(--t1);padding-left:22px;position:relative}
.pos-list li::before{content:'→';position:absolute;left:0;color:var(--accent)}
.pos-visual{display:flex;flex-direction:column;gap:22px}
/* live workflow animation card */
.pos-flow-card{background:#07070a;border:1px solid rgba(232,56,79,.22);border-radius:var(--r);padding:26px 28px;display:flex;flex-direction:column;box-shadow:0 24px 64px rgba(0,0,0,.55),inset 0 0 60px rgba(232,56,79,.03)}
.wf-title{font-size:.64rem;font-weight:800;letter-spacing:.18em;color:var(--accent);opacity:.75;margin-bottom:18px;display:flex;align-items:center;gap:8px}
.wf-title::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgba(232,56,79,.9);animation:statusPulse 1.6s ease-in-out infinite}
.wf-node{display:flex;align-items:center;gap:14px;background:linear-gradient(160deg,#141419,#0b0b0f);border:1px solid var(--border);border-radius:14px;padding:14px 18px;transition:border-color .3s}
.wf-node:hover{border-color:rgba(232,56,79,.3)}
.wf-node-active{border-color:rgba(232,56,79,.45);box-shadow:0 0 26px rgba(232,56,79,.14)}
.wf-icon{font-size:1.25rem;flex-shrink:0}
.wf-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.wf-label{font-size:.58rem;font-weight:800;letter-spacing:.16em;color:rgba(232,56,79,.6)}
.wf-name{font-size:.88rem;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-status{margin-left:auto;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(232,56,79,.9);animation:statusPulse 1.6s ease-in-out infinite;flex-shrink:0}
@keyframes statusPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
.wf-conn{height:30px;width:1.5px;background:rgba(232,56,79,.18);margin-left:42px;position:relative}
.wf-dot{position:absolute;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(232,56,79,.9);animation:wfSlide 2.7s ease-in-out infinite}
.wf-dot-2{animation-delay:.9s}
.wf-dot-3{animation-delay:1.8s}
@keyframes wfSlide{0%{top:-3px;opacity:0}15%{opacity:1}80%{opacity:1}100%{top:calc(100% - 4px);opacity:0}}
.pos-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pos-stat{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:3px;transition:border-color .3s}
.pos-stat:hover{border-color:var(--border-hover)}
.ps-val{font-size:1.7rem;font-weight:800;color:var(--accent);line-height:1;font-variant-numeric:tabular-nums}
.ps-val em{font-style:normal;font-size:.95rem;font-weight:700;color:rgba(232,56,79,.55);margin-left:2px}
.ps-lbl{font-size:.76rem;color:var(--t2)}

/* ── Solutions / folder slats (Aivora style) ──────────────────────────────── */
.folder-row{display:flex;gap:12px;height:520px}
.folder-card{flex:1;min-width:64px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);position:relative;overflow:hidden;cursor:pointer;transition:flex .65s var(--ease),border-color .4s,box-shadow .4s}
.folder-card:hover{border-color:var(--border-hover)}
.folder-card.active{flex:5;cursor:default;border-color:rgba(232,56,79,.35);box-shadow:0 20px 56px rgba(0,0,0,.55),0 0 0 1px rgba(232,56,79,.08)}
.folder-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),rgba(232,56,79,.15));transform:scaleX(0);transform-origin:left;transition:transform .5s .2s var(--ease)}
.folder-card.active::after{transform:scaleX(1)}
/* collapsed spine — vertical caps title */
.folder-tab{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:22px 0;gap:18px;opacity:1;transition:opacity .3s .25s var(--ease)}
.folder-card.active .folder-tab{opacity:0;transition:opacity .15s var(--ease);pointer-events:none}
.folder-num{font-size:.72rem;font-weight:800;color:var(--accent);opacity:.7;font-variant-numeric:tabular-nums}
.folder-spine{writing-mode:vertical-rl;transform:rotate(180deg);font-size:1.02rem;font-weight:800;color:var(--t2);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:color .3s;flex:1;display:flex;align-items:center}
.folder-card:hover .folder-spine{color:var(--t1)}
/* expanded panel — title top, desc, image bottom */
.folder-body{position:absolute;inset:0;display:flex;flex-direction:column;padding:30px 30px 0;opacity:0;transform:translateX(28px);transition:opacity .25s var(--ease),transform .25s var(--ease);pointer-events:none;min-width:320px}
.folder-card.active .folder-body{opacity:1;transform:none;pointer-events:auto;transition:opacity .5s .3s var(--ease),transform .5s .3s var(--ease)}
.fb-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.fb-head h3{font-size:1.35rem;font-weight:800;color:var(--t1);letter-spacing:.02em;line-height:1.15;text-wrap:balance}
.fb-arrow{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;transition:all .3s var(--ease)}
.fb-arrow:hover{background:#ff4d63;transform:translateX(3px);box-shadow:0 6px 22px rgba(232,56,79,.45)}
.folder-body p{font-size:.92rem;color:var(--t2);line-height:1.65;margin-bottom:22px;max-width:460px}
.fb-img-wrap{margin-top:auto;border-radius:16px 16px 0 0;overflow:hidden;border:1px solid rgba(232,56,79,.18);border-bottom:none;flex:1;min-height:0}
.fb-img{width:100%;height:100%;object-fit:cover;display:block}

/* ── Process ──────────────────────────────────────────────────────────────── */
.process-row{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;gap:0;align-items:stretch}
.process-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:34px 28px;position:relative;transition:all .35s var(--ease)}
.process-card:hover{transform:translateY(-5px);border-color:var(--border-hover);box-shadow:0 18px 48px rgba(0,0,0,.5)}
.process-card:hover .icon-well{transform:scale(1.08);box-shadow:0 0 22px rgba(232,56,79,.3)}
.proc-num{position:absolute;top:24px;right:26px;font-size:2rem;font-weight:800;color:var(--accent);opacity:.22;line-height:1;font-variant-numeric:tabular-nums}
.process-card .icon-well{margin-bottom:20px}
.process-card h3{font-size:1.05rem;font-weight:800;margin-bottom:10px;color:var(--t1)}
.process-card p{font-size:.88rem;color:var(--t2);line-height:1.65}
.proc-connector{position:relative;align-self:center;height:1.5px;background:linear-gradient(90deg,rgba(232,56,79,.5),rgba(232,56,79,.15))}
.proc-connector::after{content:'';position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(232,56,79,.8)}

/* ── FAQ ──────────────────────────────────────────────────────────────────── */
.faq-list{max-width:740px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:border-color .3s}
.faq-item.open{border-color:var(--border-hover)}
.faq-question{width:100%;background:none;border:none;text-align:left;padding:22px 26px;font-size:.98rem;font-weight:700;color:var(--t1);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:inherit;transition:color .2s}
.faq-question:hover{color:var(--accent)}
.faq-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:400;color:var(--t2);transition:all .35s var(--ease)}
.faq-item.open .faq-icon{transform:rotate(45deg);color:var(--accent);border-color:rgba(232,56,79,.4);background:var(--accent-soft)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.faq-item.open .faq-answer{max-height:240px}
.faq-answer p{font-size:.93rem;color:var(--t2);line-height:1.7;padding:0 26px 24px}

/* ── Contact (merged CTA + form, aurora background) ───────────────────────── */
.cta-aurora{position:absolute;inset:0;background:radial-gradient(ellipse 75% 65% at 25% 45%,rgba(140,20,40,.24) 0%,transparent 65%),radial-gradient(ellipse 60% 75% at 78% 30%,rgba(232,56,79,.12) 0%,transparent 60%),radial-gradient(ellipse 65% 55% at 55% 88%,rgba(232,56,79,.08) 0%,transparent 55%);animation:aurora 9s ease-in-out infinite alternate;pointer-events:none}
@keyframes aurora{0%{opacity:.6;transform:scale(1) translateY(0)}50%{opacity:1;transform:scale(1.04) translateY(-10px)}100%{opacity:.7;transform:scale(.98) translateY(6px)}}
.contact .container{position:relative;z-index:1}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:72px;align-items:start}
.contact-left{position:sticky;top:96px}
.contact-heading{font-size:clamp(2.1rem,3.6vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:18px 0 16px;color:var(--t1);text-wrap:balance}
.contact-desc{font-size:.98rem;color:var(--t2);line-height:1.7;margin-bottom:28px}
.contact-points{list-style:none;display:flex;flex-direction:column;gap:14px}
.contact-points li{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;color:var(--t2);line-height:1.55}
.cp-icon{color:var(--accent);font-weight:800;flex-shrink:0}
.contact-form{display:flex;flex-direction:column;gap:18px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:38px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-field{display:flex;flex-direction:column;gap:6px}
.form-field label{font-size:.8rem;font-weight:700;color:var(--t2)}
.form-field input,.form-field select,.form-field textarea{width:100%;padding:12px 16px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;font-size:.93rem;font-family:inherit;color:var(--t1);transition:all .2s;appearance:none;-webkit-appearance:none}
.form-field input::placeholder,.form-field textarea::placeholder{color:var(--t3)}
.form-field select option{background:#131318}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--accent);background:rgba(232,56,79,.04);box-shadow:0 0 0 3px rgba(232,56,79,.1)}
.form-field textarea{resize:vertical}
.submit-btn{align-self:flex-start;cursor:pointer}
.submit-btn:disabled{opacity:.55;cursor:default}
.form-confirmation{font-size:.95rem;color:#2dd4a0;font-weight:700;padding:14px 20px;background:rgba(45,212,160,.08);border:1px solid rgba(45,212,160,.25);border-radius:12px}

/* ── Footer ───────────────────────────────────────────────────────────────── */
.site-footer{padding:80px 0 36px;background:#030304;border-top:1px solid var(--border);position:relative;overflow:hidden}
.footer-glow{position:absolute;bottom:-300px;left:50%;transform:translateX(-50%);width:900px;height:500px;background:radial-gradient(ellipse,rgba(232,56,79,.07) 0%,transparent 65%);pointer-events:none;animation:glowDrift 10s ease-in-out infinite alternate}
.site-footer .container{position:relative;z-index:1}
.footer-top{display:flex;justify-content:space-between;gap:48px;padding-bottom:44px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.footer-about{max-width:400px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.footer-brand{display:flex;align-items:center;gap:10px;color:var(--t1);font-weight:800;font-size:.95rem}
.footer-desc{font-size:.9rem;color:var(--t2);line-height:1.7}
.footer-nav{display:flex;flex-direction:column;gap:14px}
.footer-nav a{font-size:.9rem;color:var(--t2);transition:color .2s}
.footer-nav a:hover{color:var(--accent)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:28px;flex-wrap:wrap}
.footer-links{display:flex;gap:20px}
.footer-links a{font-size:.8rem;color:var(--t3);transition:color .2s}
.footer-links a:hover{color:var(--t2)}
.footer-copy{font-size:.8rem;color:var(--t3)}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media(max-width:1024px){
  .container{padding:0 36px}
  .benefit-grid{grid-template-columns:repeat(2,1fr)}
  .folder-row{flex-direction:column;height:auto}
  .folder-card{flex:none;height:62px;min-width:0;transition:height .6s var(--ease),border-color .4s}
  .folder-card.active{flex:none;height:470px}
  .folder-tab{flex-direction:row;padding:0 22px;gap:16px;align-items:center}
  .folder-spine{writing-mode:horizontal-tb;transform:none;font-size:.95rem;display:block;flex:1;line-height:62px}
  .folder-body{min-width:0;padding:24px 22px 0}
  .pos-grid{grid-template-columns:1fr;gap:48px}
  .process-row{grid-template-columns:1fr;gap:20px}
  .proc-connector{display:none}
  .contact-grid{gap:44px}
}
@media(max-width:768px){
  .container{padding:0 24px}
  .nav,.nav-cta{display:none}
  .nav-toggle{display:block}
  .hero h1{font-size:2.5rem}
  .hero-metrics{flex-wrap:wrap;gap:14px}
  .hm-sep{display:none}
  .benefit-grid{grid-template-columns:1fr}
  .pos-stats{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr;gap:40px}
  .contact-left{position:static}
  .contact-form{padding:26px}
  .form-row{grid-template-columns:1fr}
  .footer-top{flex-direction:column}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .benefits,.positioning,.solutions,.process,.faq,.contact{padding:14px 0}
  .section-box{padding:52px 26px;border-radius:22px}
}
@media(max-width:480px){
  .hero-actions{flex-direction:column;width:100%}
  .hero-actions .btn{width:100%;text-align:center}
  .pos-stats{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .reveal,.hero-anim-1,.hero-anim-2,.hero-anim-3,.hero-anim-4,.hero-anim-5{opacity:1;transform:none}
}