:root{
    --bg:#06070d;
    --bg-soft:#0d1018;
    --surface:rgba(12,15,24,.78);
    --surface-strong:rgba(16,20,31,.92);
    --card:rgba(255,255,255,.05);
    --line:rgba(255,255,255,.08);
    --text:#f5f7fb;
    --muted:#b5bfd3;
    --dim:#7d88a0;
    --cyan:#53e6ff;
    --magenta:#ff4fd8;
    --violet:#8b5cf6;
    --lime:#5cf1c4;
    --grad:linear-gradient(135deg,#53e6ff 0%,#8b5cf6 45%,#ff4fd8 100%);
    --shadow:0 28px 80px rgba(0,0,0,.45);
    --radius:28px;
    --max:1240px;
    --font:"Manrope",system-ui,sans-serif;
    --display:"Sora",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
    font-family:var(--font);
    background:
        radial-gradient(circle at 14% 10%,rgba(83,230,255,.12),transparent 24%),
        radial-gradient(circle at 88% 12%,rgba(255,79,216,.14),transparent 28%),
        radial-gradient(circle at 55% 115%,rgba(139,92,246,.2),transparent 34%),
        linear-gradient(180deg,#05060b 0%,#090b12 44%,#06070d 100%);
    color:var(--text);
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
}
body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
    background-size:74px 74px;
    mask-image:radial-gradient(circle at center,#000 0%,rgba(0,0,0,.9) 48%,transparent 88%);
    opacity:.45;
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{font:inherit}
section{position:relative;padding:0 24px;z-index:1}
.ambient{
    position:fixed;
    filter:blur(90px);
    opacity:.3;
    z-index:0;
    pointer-events:none;
    animation:floatGlow 16s ease-in-out infinite;
}
.ambient.a{top:110px;left:-40px;width:280px;height:280px;background:rgba(83,230,255,.34)}
.ambient.b{top:260px;right:-60px;width:320px;height:320px;background:rgba(255,79,216,.28);animation-delay:-5s}
.ambient.c{bottom:120px;left:32%;width:360px;height:360px;background:rgba(139,92,246,.2);animation-delay:-9s}
@keyframes floatGlow{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-22px,0) scale(1.05)}}
.container{width:min(100%,var(--max));margin:0 auto}
.eyebrow{
    display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;
    border:1px solid rgba(83,230,255,.22);background:rgba(83,230,255,.08);color:var(--cyan);
    text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:12px;
}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 18px currentColor}
.gradient-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.reveal{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:translateY(0) scale(1)}
.nav{
    position:fixed;inset:0 0 auto 0;height:82px;z-index:50;padding:0 24px;backdrop-filter:blur(18px);
    background:rgba(7,9,14,.58);border-bottom:1px solid rgba(255,255,255,.05);
    transition:background .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.nav.scrolled{background:rgba(7,9,14,.94);box-shadow:0 18px 44px rgba(0,0,0,.28);border-color:rgba(255,255,255,.08)}
.nav-shell{width:min(100%,var(--max));height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav-logo{font-family:var(--display);font-size:1.95rem;font-weight:800;letter-spacing:-.07em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav-menu{display:none;border:0;background:none;color:var(--text);font-size:1.5rem;cursor:pointer}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{color:var(--dim);font-weight:700;font-size:.95rem;transition:color .2s ease,transform .2s ease}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.lang-switch{position:relative}
.lang-toggle{
    min-height:42px;padding:0 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);color:var(--text);display:inline-flex;align-items:center;gap:10px;cursor:pointer;
}
.lang-toggle:hover{border-color:rgba(255,255,255,.16)}
.lang-toggle svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.lang-current{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:800}
.lang-caret{font-size:.72rem;color:var(--dim)}
.lang-menu{
    position:absolute;top:calc(100% + 10px);right:0;min-width:190px;padding:8px;display:none;flex-direction:column;gap:6px;
    border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(9,11,18,.96);box-shadow:0 22px 44px rgba(0,0,0,.28);backdrop-filter:blur(16px);
}
.lang-switch.open .lang-menu{display:flex}
.lang-btn{min-height:44px;width:100%;padding:0 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--muted);display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}
.lang-btn:hover{background:rgba(255,255,255,.04);color:var(--text);border-color:rgba(255,255,255,.08)}
.lang-btn.active{background:rgba(83,230,255,.12);color:var(--text);border-color:rgba(83,230,255,.22)}
.lang-flag{width:18px;height:12px;border-radius:3px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset;flex:0 0 auto}
.flag-es{background:linear-gradient(180deg,#c60b1e 0 28%,#ffc400 28% 72%,#c60b1e 72% 100%)}
.flag-us{background:repeating-linear-gradient(180deg,#b22234 0 8%,#fff 8% 16%)}
.flag-us::before{content:"";position:absolute;left:0;top:0;width:44%;height:54%;background:#3c3b6e}
.flag-br{background:#1f8f47}
.flag-br::before{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;background:#ffdf00;transform:translate(-50%,-50%) rotate(45deg)}
.flag-br::after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;background:#23428c;border-radius:999px;transform:translate(-50%,-50%)}
.button-primary,.button-secondary,.nav-cta,.button-ghost{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:16px;font-weight:800;
    transition:transform .2s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;
}
.button-primary,.nav-cta{background:var(--grad);color:#05060b;box-shadow:0 18px 36px rgba(255,79,216,.16)}
.button-secondary,.button-ghost{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text)}
.button-primary:hover,.button-secondary:hover,.nav-cta:hover,.button-ghost:hover{transform:translateY(-2px)}
.hero-home{min-height:100svh;display:flex;align-items:center;padding-top:110px;padding-bottom:54px}
.hero-grid,.page-hero-grid{width:min(100%,var(--max));margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:center}
.hero-copy h1,.page-hero-copy h1{font-family:var(--display);letter-spacing:-.08em;line-height:.92;margin:22px 0 16px}
.hero-copy h1{font-size:clamp(3.1rem,6vw,6rem);max-width:8.5ch}
.page-hero-copy h1{font-size:clamp(2.8rem,5.2vw,5rem);max-width:10.5ch}
.hero-copy p,.page-hero-copy p{color:var(--muted);font-size:1.04rem;max-width:58ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 18px}
.hero-proof{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.92rem}
.hero-proof .line{width:58px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.hero-kicker{margin-top:16px;display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:.9rem}
.hero-kicker strong{color:var(--text)}
.hero-visual,.page-hero-visual{position:relative}
.stage{
    position:relative;min-height:580px;padding:20px;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.09);
    background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),rgba(8,10,16,.9);box-shadow:var(--shadow);isolation:isolate;
}
.stage::before{content:"";position:absolute;inset:16px;border-radius:26px;border:1px solid rgba(255,255,255,.05);pointer-events:none}
.stage::after{
    content:"";position:absolute;inset:0;
    background:radial-gradient(circle at top left,rgba(83,230,255,.16),transparent 28%),radial-gradient(circle at 82% 14%,rgba(255,79,216,.18),transparent 24%),linear-gradient(180deg,transparent,rgba(0,0,0,.28));z-index:0;
}
.hero-main-media{position:absolute;inset:22px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(7,9,14,.96);z-index:1;box-shadow:0 24px 54px rgba(0,0,0,.34)}
.hero-main-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(7,9,14,.06),rgba(7,9,14,.18) 62%,rgba(7,9,14,.42)),
        radial-gradient(circle at 82% 18%,rgba(83,230,255,.14),transparent 22%);
    pointer-events:none;
    z-index:1;
}
.hero-main-media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02)}
.hero-main-media.home-shot img{object-position:58% center}
.hero-main-media.editorial-shot img{object-position:52% center}
.hero-main-media.contain img{object-fit:contain;padding:16px;background:rgba(7,9,14,.98)}
.stage-chip,.stage-badge{
    position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:18px;background:rgba(7,9,14,.72);
    border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);z-index:3;box-shadow:0 18px 40px rgba(0,0,0,.24);
}
.stage-chip strong,.stage-badge strong{display:block;font-size:.92rem}
.stage-chip span,.stage-badge span{display:block;color:var(--dim);font-size:.78rem}
.stage-dot{width:10px;height:10px;border-radius:999px;background:var(--cyan);box-shadow:0 0 18px currentColor}
.stage-badge .stage-dot{background:var(--magenta);color:var(--magenta)}
.badge-top{top:26px;right:24px}.badge-bottom{bottom:24px;right:24px}.chip-top{top:24px;left:24px}.chip-bottom{bottom:24px;left:24px}
.screen-label{
    position:absolute;top:50%;right:28px;transform:translateY(-50%);padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.06);z-index:3;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;
}
.mascot-float{position:absolute;right:-12px;bottom:10px;width:min(38%,240px);z-index:4;filter:drop-shadow(0 18px 40px rgba(0,0,0,.35));animation:mascotBob 7s ease-in-out infinite}
.mascot-float.left{right:auto;left:-10px}
@keyframes mascotBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.platform-strip{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px}
.platform-pill{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);color:var(--muted);position:relative;overflow:hidden}
.platform-pill::after{
    content:"";
    position:absolute;
    inset:-120% auto auto -30%;
    width:38%;
    height:260%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
    transform:rotate(20deg);
    animation:platformSweep 12s linear infinite;
}
@keyframes platformSweep{0%{transform:translateX(0) rotate(20deg)}100%{transform:translateX(360%) rotate(20deg)}}
.platform-pill img{width:auto;height:auto;max-width:92px;max-height:24px;object-fit:contain}
.home-intro,.home-journeys,.content-teaser,.integrations,.results,.contact,.page-section,.final-cta{margin-bottom:90px}
.section-head{max-width:760px;margin-bottom:30px}
.section-head h2{font-family:var(--display);font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;letter-spacing:-.06em;margin:18px 0 14px}
.section-head p{color:var(--muted);font-size:1.02rem}
.concept-grid,.journey-grid,.stat-grid,.use-grid,.mini-grid{display:grid;gap:18px}
.concept-grid,.journey-grid,.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.glass-card{
    position:relative;padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:0 20px 42px rgba(0,0,0,.18);overflow:hidden;
}
.glass-card::after{
    content:"";position:absolute;inset:-120% auto auto -30%;width:40%;height:260%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(20deg);transition:transform .8s ease;pointer-events:none;
}
.glass-card:hover::after{transform:translateX(320%) rotate(20deg)}
.icon-badge{
    width:52px;height:52px;border-radius:18px;display:grid;place-items:center;margin-bottom:18px;
    background:linear-gradient(135deg,rgba(83,230,255,.18),rgba(255,79,216,.16));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 24px rgba(255,255,255,.03),0 0 28px rgba(83,230,255,.08);
}
.icon-badge svg{width:24px;height:24px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.glass-card h3{font-family:var(--display);font-size:1.35rem;letter-spacing:-.04em;margin-bottom:10px}
.glass-card p,.glass-card li{color:var(--muted)}
.text-link{margin-top:16px;width:max-content;min-height:auto;padding:0;background:none;border:0;color:var(--cyan)}
.split-card{
    display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;padding:28px;border-radius:32px;
    border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02)),rgba(8,10,16,.88);box-shadow:var(--shadow);
}
.story-stack{display:grid;gap:22px}
.story-copy{display:grid;gap:14px}
.story-copy h3{
    font-family:var(--display);
    font-size:clamp(1.8rem,3vw,2.8rem);
    line-height:1;
    letter-spacing:-.05em;
}
.story-copy p{color:var(--muted);font-size:1.02rem}
.story-points{list-style:none;display:grid;gap:10px}
.story-points li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:var(--text);
}
.story-points li::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:999px;
    background:var(--cyan);
    box-shadow:0 0 16px var(--cyan);
    margin-top:8px;
    flex:0 0 auto;
}
.visual-caption{
    position:absolute;
    left:18px;
    top:18px;
    z-index:3;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(7,9,14,.72);
    backdrop-filter:blur(12px);
    font-size:.8rem;
    font-weight:800;
    letter-spacing:.04em;
}
.visual-box{position:relative;min-height:360px;border-radius:26px;overflow:hidden;background:radial-gradient(circle at top left,rgba(83,230,255,.12),transparent 28%),radial-gradient(circle at bottom right,rgba(255,79,216,.14),transparent 34%),rgba(6,8,13,.98);border:1px solid rgba(255,255,255,.09)}
.visual-box::before{content:"";position:absolute;inset:12px;border-radius:18px;border:1px solid rgba(255,255,255,.06);pointer-events:none;z-index:2}
.visual-box img{width:100%;height:100%;object-fit:cover}
.visual-box.contain img{object-fit:contain;padding:16px;background:rgba(8,10,16,.95)}
.visual-pills{position:absolute;left:18px;right:18px;bottom:18px;display:flex;flex-wrap:wrap;gap:10px;z-index:3}
.pill{padding:10px 12px;border-radius:999px;background:rgba(6,8,13,.76);border:1px solid rgba(255,255,255,.11);font-size:.8rem;font-weight:700;backdrop-filter:blur(10px)}
.integration-panel,.results-panel,.contact-shell,.cta-shell{
    padding:28px;border-radius:30px;border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));box-shadow:0 22px 44px rgba(0,0,0,.18);
}
.integration-panel h3,.results-panel h3,.contact-shell h3,.cta-shell h3{font-family:var(--display);font-size:1.6rem;letter-spacing:-.04em;margin-bottom:10px}
.integration-panel p,.results-panel p,.contact-shell p,.cta-shell p{color:var(--muted)}
.integration-panel{position:relative;overflow:hidden}
.integration-panel::after{
    content:"";
    position:absolute;
    inset:auto -8% -36% auto;
    width:340px;
    height:340px;
    border-radius:999px;
    background:radial-gradient(circle,rgba(255,79,216,.14),transparent 68%);
    pointer-events:none;
}
.logo-slider-shell{
    margin-top:22px;
    position:relative;
    overflow:hidden;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.07);
    background:
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015)),
        radial-gradient(circle at 18% 50%,rgba(83,230,255,.08),transparent 28%),
        radial-gradient(circle at 84% 40%,rgba(255,79,216,.08),transparent 26%);
    padding:18px 14px;
}
.logo-slider-shell::before,.logo-slider-shell::after{content:"";position:absolute;top:0;bottom:0;width:64px;z-index:2;pointer-events:none}
.logo-slider-shell::before{left:0;background:linear-gradient(90deg,rgba(9,11,18,.96) 0%,rgba(9,11,18,0) 100%)}
.logo-slider-shell::after{right:0;background:linear-gradient(270deg,rgba(9,11,18,.96) 0%,rgba(9,11,18,0) 100%)}
.logo-marquee{display:flex;width:max-content;animation:marquee 28s linear infinite}
.logo-slider-shell:hover .logo-marquee{animation-play-state:paused}
.logo-track{display:flex;align-items:center;gap:16px;padding:0 24px 0 18px}
.logo-item{
    min-width:238px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 18px;
    border-radius:20px;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.07);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.logo-wrap{
    width:130px;
    height:60px;
    display:grid;
    place-items:center;
    padding:10px 14px;
    border-radius:16px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
    flex:0 0 auto;
    overflow:hidden;
}
.logo-wrap.wide{width:156px}
.logo-wrap.compact{width:96px}
.logo-wrap img{width:auto;height:auto;max-width:100%;max-height:30px;object-fit:contain;object-position:center}
.logo-item strong{display:block;font-size:1.02rem;line-height:1.1}
@keyframes marquee{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.metric-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03)}
.metric-card strong{display:block;font-family:var(--display);font-size:1.15rem;line-height:1.1;margin-bottom:6px}
.metric-card span{color:var(--dim)}
.cta-shell{
    display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;
    background:radial-gradient(circle at top left,rgba(83,230,255,.16),transparent 24%),radial-gradient(circle at bottom right,rgba(255,79,216,.18),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
}
.cta-shell h2{font-family:var(--display);font-size:clamp(2rem,4vw,3.7rem);line-height:.98;letter-spacing:-.06em;margin:16px 0 14px;max-width:11ch}
.cta-media{position:relative;min-height:330px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:rgba(7,9,14,.92)}
.cta-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(7,9,14,.04),rgba(7,9,14,.16) 58%,rgba(7,9,14,.34));
    pointer-events:none;
}
.cta-media > img{width:100%;height:100%;object-fit:cover}
.cta-mascot{position:absolute;right:-8px;bottom:0;width:min(48%,240px);filter:drop-shadow(0 18px 40px rgba(0,0,0,.35))}
.contact-shell{
    display:block;
    max-width:860px;
    margin:0 auto;
}
.contact-form-shell h3{
    margin:18px 0 18px;
}
.contact-shell form{
    padding:18px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
}
.contact-form-inner{display:grid;gap:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;margin-bottom:8px;font-size:.86rem;font-weight:700}
input,select,textarea{
    width:100%;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(6,8,13,.75);color:var(--text);font:inherit;outline:none;
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
input:focus,select:focus,textarea:focus{border-color:rgba(83,230,255,.42);box-shadow:0 0 0 4px rgba(83,230,255,.08);transform:translateY(-1px)}
textarea{min-height:138px;resize:vertical}
.form-success{display:none;margin-top:18px;padding:18px;border-radius:18px;background:rgba(92,241,196,.08);border:1px solid rgba(92,241,196,.18)}
.form-success.show{display:block}
.footer{padding:0 24px 34px}
.footer-shell{width:min(100%,var(--max));margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--dim)}
.footer-brand{display:flex;flex-direction:column;gap:6px}
.footer-brand strong{font-family:var(--display);font-size:1.6rem;letter-spacing:-.06em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.footer-links{display:flex;flex-wrap:wrap;gap:18px}
.footer-links a:hover{color:var(--text)}
@media (max-width:1100px){
    .hero-grid,.page-hero-grid,.split-card,.cta-shell,.contact-shell{grid-template-columns:1fr}
    .stage{min-height:520px}
    .concept-grid,.journey-grid,.mini-grid,.stat-grid,.use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
    .nav-links{position:fixed;top:80px;left:18px;right:18px;display:none;flex-direction:column;align-items:flex-start;padding:18px;border-radius:22px;background:rgba(7,9,14,.94);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
    .nav-links.open{display:flex}.nav-menu{display:block}.hero-home{min-height:auto;padding-top:108px}
    .concept-grid,.journey-grid,.mini-grid,.stat-grid,.use-grid,.form-row{grid-template-columns:1fr 1fr}
    .screen-label{top:20px;right:20px;transform:none}
    .badge-top{top:18px;right:18px}.badge-bottom{bottom:18px;right:18px}.chip-top{top:18px;left:18px}.chip-bottom{bottom:18px;left:18px}
}
@media (max-width:640px){
    section,.nav,.footer{padding-left:18px;padding-right:18px}
    .hero-copy h1,.page-hero-copy h1{font-size:clamp(2.7rem,14vw,4.2rem)}
    .stage{min-height:420px;padding:12px}.hero-main-media{inset:12px}
    .mascot-float{width:170px;right:-18px}
    .concept-grid,.journey-grid,.mini-grid,.stat-grid,.use-grid,.form-row{grid-template-columns:1fr}
    .logo-slider-shell{padding:14px 10px}
    .logo-slider-shell::before,.logo-slider-shell::after{width:34px}
    .logo-track{gap:12px;padding:0 12px}
    .logo-item{min-width:190px;padding:14px 14px}
    .logo-wrap{width:112px;height:54px}
    .logo-wrap.wide{width:136px}
    .logo-wrap.compact{width:88px}
    .integration-panel,.results-panel,.contact-shell,.cta-shell,.glass-card,.split-card{padding:22px}
    .footer-shell{flex-direction:column;align-items:flex-start}
    .screen-label,.badge-top,.badge-bottom{display:none}
}