:root{
--bg:#fff; --surface:#f7f6fb; --ink:#141318; --muted:#6e6c78;
--violet:#7b2ff7; --cyan:#00b4d8; --lilac:#c77dff;
--grad:linear-gradient(90deg,#00b4d8,#7b2ff7,#c77dff);
--serif:'Instrument Serif',Georgia,serif; --sans:'Inter',system-ui,sans-serif; --mono:'JetBrains Mono',monospace;
--ease:cubic-bezier(.2,.7,.2,1);
--fs-min:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;position:relative;z-index:2}
.kicker{font:500 var(--fs-min) var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--violet);margin-bottom:22px;display:inline-flex;align-items:center;gap:10px}
.kicker::before{content:"";width:18px;height:1px;background:currentColor}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;line-height:1.02}
h2{font-size:clamp(40px,5.2vw,68px)}
em{font-style:italic;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.lead{color:var(--muted);font-weight:300;font-size:17px;line-height:1.75;max-width:520px;margin-top:22px}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:99px;padding:15px 24px;font-size:var(--fs-min);font-weight:500;transition:transform .35s var(--ease),box-shadow .35s,background .35s}
.btn:hover{transform:translateY(-2px)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{box-shadow:0 18px 36px -14px rgba(123,47,247,.65)}
.btn-line{border:1px solid rgba(20,19,24,.16)}
.btn-line:hover{border-color:var(--ink)}
.btn .arr{transition:transform .35s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
section{position:relative}
/* ---------- reveal system ---------- */
.line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.line>span{display:inline-block;transform:translateY(110%);transition:transform 1.1s var(--ease)}
.in .line>span{transform:none}
.in .line:nth-child(2)>span{transition-delay:.1s}
.in .line:nth-child(3)>span{transition-delay:.2s}
.fade{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.in .fade,.fade.in{opacity:1;transform:none}
.d1{transition-delay:.25s!important}.d2{transition-delay:.4s!important}.d3{transition-delay:.55s!important}.d4{transition-delay:.7s!important}.d5{transition-delay:.85s!important}
/* ---------- particles canvas ---------- */
#field{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;pointer-events:none}
/* ---------- nav ---------- */
.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:28px;padding:10px 10px 10px 22px;border-radius:99px;background:rgba(255,255,255,.7);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(20,19,24,.07);box-shadow:0 10px 40px -20px rgba(20,19,24,.25);width:min(1080px,calc(100% - 32px))}
.nav img{height:26px;width:auto}
.nav ul{display:flex;gap:26px;list-style:none;margin-left:auto;font-size:var(--fs-min);color:#3a3942}
.nav ul a{position:relative}
.nav ul a::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:var(--ink);transition:right .35s var(--ease)}
.nav ul a:hover::after{right:0}
.nav .lang{font:500 var(--fs-min) var(--mono);color:var(--muted)}
.nav .btn{padding:11px 18px;font-size:var(--fs-min)}
/* ---------- aurora ---------- */
.aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.6;will-change:transform;animation:drift 24s ease-in-out infinite}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(70px,40px) scale(1.12)}}
/* ---------- hero ---------- */
.hero{min-height:100vh;display:flex;align-items:center;padding:140px 0 90px}
.hero h1{font-size:clamp(54px,8vw,112px);max-width:760px}
.hero .lead{font-size:18px}
.hero .ctas{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}
.trust{display:flex;align-items:center;gap:14px;margin-top:44px;font-size:var(--fs-min);color:var(--muted)}
.trust .av{display:flex}
.trust .av img{width:36px;height:36px;border-radius:50%;border:2px solid #fff;object-fit:cover;margin-left:-10px}
.trust .av img:first-child{margin-left:0}
.scrollhint{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font:500 var(--fs-min) var(--mono);letter-spacing:.2em;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:3}
.scrollhint i{width:1px;height:42px;background:linear-gradient(var(--violet),transparent);animation:hint 2.2s ease-in-out infinite;transform-origin:top}
@keyframes hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
/* ---------- silk veil (BMTH) ---------- */
.veil{height:250vh;margin-top:-100vh;margin-bottom:-100vh;pointer-events:none;z-index:40;position:relative}
.veil-pin{position:sticky;top:0;height:100vh;overflow:hidden}
.veil svg{position:absolute;inset:0;width:100%;height:100%}
.veil .mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity .4s}
.veil .mark img{height:40px;margin:0 auto 14px}
.veil .mark span{font:500 var(--fs-min) var(--mono);letter-spacing:.24em;color:#5b4d7a}
/* ---------- certs marquee ---------- */
.certs{padding:30px 0 10px;overflow:hidden}
.certs .lab{text-align:center;font:500 var(--fs-min) var(--mono);letter-spacing:.2em;color:var(--muted);margin-bottom:22px}
.track{display:flex;gap:16px;width:max-content;animation:marq 32s linear infinite}
.certs:hover .track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.pill{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:99px;background:rgba(255,255,255,.75);border:1px solid rgba(20,19,24,.07);font-size:var(--fs-min);font-weight:500;white-space:nowrap}
.pill small{font:500 var(--fs-min) var(--mono);letter-spacing:.14em;color:var(--violet)}
/* ---------- services bento ---------- */
.services{padding:110px 0 120px}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:56px;flex-wrap:wrap}
.link{font-size:var(--fs-min);font-weight:500;display:inline-flex;gap:8px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:3px}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.svc{position:relative;border-radius:24px;padding:32px;background:rgba(255,255,255,.72);border:1px solid rgba(20,19,24,.07);backdrop-filter:blur(10px);overflow:hidden;min-height:250px;display:flex;flex-direction:column;transition:transform .5s var(--ease),box-shadow .5s,border-color .5s;grid-column:span 2}
.svc::before{content:"";position:absolute;inset:0;background:radial-gradient(360px circle at var(--x,50%) var(--y,50%),rgba(123,47,247,.12),transparent 60%);opacity:0;transition:opacity .4s}
.svc:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(123,47,247,.4);border-color:rgba(123,47,247,.25)}
.svc:hover::before{opacity:1}
.svc.big{grid-column:span 4;background:linear-gradient(140deg,#16141d,#221a35);color:#fff;border:none;min-height:300px}
.svc.big::after{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(123,47,247,.55),transparent 65%);filter:blur(30px)}
.svc.big p{color:rgba(255,255,255,.65)}
.svc .ic{width:42px;height:42px;border-radius:13px;background:var(--grad);margin-bottom:auto;position:relative;z-index:1}
.svc h3{font-size:20px;font-weight:600;margin:26px 0 10px;position:relative;z-index:1}
.svc.big h3{font-family:var(--serif);font-weight:400;font-size:40px}
.svc p{font-size:var(--fs-min);line-height:1.65;color:var(--muted);font-weight:300;position:relative;z-index:1;max-width:460px}
.svc .more{margin-top:18px;font-size:var(--fs-min);font-weight:500;color:var(--violet);position:relative;z-index:1;display:inline-flex;gap:6px}
.svc.big .more{color:#d9c2ff}
.tag{position:absolute;top:26px;right:26px;font:500 var(--fs-min) var(--mono);letter-spacing:.14em;padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.12);color:#fff;z-index:1}
/* ---------- about ---------- */
.about{padding:120px 0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(247,244,253,.85) 18%,rgba(244,248,252,.85) 82%,rgba(255,255,255,0))}
.about .grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.vals{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px}
.val{padding:18px 18px 18px 0;border-top:1px solid rgba(20,19,24,.1)}
.val b{font-size:var(--fs-min);font-weight:600;display:block;margin-bottom:6px}
.val span{font-size:var(--fs-min);color:var(--muted);line-height:1.55}
.stats{display:grid;gap:16px}
.stat{border-radius:24px;padding:30px 32px;background:rgba(255,255,255,.8);border:1px solid rgba(20,19,24,.07);backdrop-filter:blur(10px);display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.stat b{font-family:var(--serif);font-weight:400;font-size:72px;line-height:1}
.stat span{font-size:var(--fs-min);color:var(--muted);max-width:180px;text-align:right}
/* ---------- process ---------- */
.process{padding:120px 0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:70px;position:relative}
.steps::before{content:"";position:absolute;top:22px;left:0;right:0;height:1px;background:rgba(20,19,24,.1)}
.steps .bar{position:absolute;top:22px;left:0;height:1px;width:100%;background:var(--grad);transform-origin:left;transform:scaleX(0);transition:transform 2.2s var(--ease)}
.in .steps .bar{transform:scaleX(1)}
.step .n{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid rgba(20,19,24,.12);display:grid;place-items:center;font:500 var(--fs-min) var(--mono);position:relative;z-index:1;margin-bottom:26px;transition:background .6s,color .6s,border-color .6s}
.in .step .n{background:var(--ink);color:#fff;border-color:var(--ink)}
.in .step:nth-child(3) .n{transition-delay:.5s}.in .step:nth-child(4) .n{transition-delay:1s}.in .step:nth-child(5) .n{transition-delay:1.5s}
.step h3{font-size:19px;font-weight:600;margin-bottom:10px}
.step p{font-size:var(--fs-min);color:var(--muted);line-height:1.65;font-weight:300}
/* ---------- work ---------- */
.work{padding:110px 0 160px}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.case{display:block}
.case .img{border-radius:22px;overflow:hidden;aspect-ratio:4/3.2;clip-path:inset(100% 0 0 0 round 22px);transition:clip-path 1.3s var(--ease)}
.in .case .img{clip-path:inset(0 0 0 0 round 22px)}
.in .case:nth-child(2) .img{transition-delay:.15s}.in .case:nth-child(3) .img{transition-delay:.3s}
.case img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform 1.6s var(--ease)}
.in .case img{transform:scale(1)}
.case:hover img{transform:scale(1.05)}
.case .tags{display:flex;gap:8px;margin:20px 0 12px}
.case .tags span{font:500 var(--fs-min) var(--mono);letter-spacing:.12em;padding:6px 10px;border-radius:99px;background:var(--surface);color:#4b4856}
.case h3{font-size:21px;font-weight:600;line-height:1.3;margin-bottom:8px}
.case p{font-size:var(--fs-min);color:var(--muted);line-height:1.6;font-weight:300}
.case .res{margin-top:14px;font-weight:600;font-size:var(--fs-min);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
/* ---------- testimonials (grain wave, Zubox) ---------- */
.testi{background:#121117;color:#fff;padding:150px 0 140px;margin-top:-1px;z-index:5}
.testi .wave{position:absolute;left:0;right:0;top:-119px;height:120px;width:100%;z-index:5}
.testi .grain,.cta .grain{position:absolute;inset:0;opacity:.12;mix-blend-mode:screen;pointer-events:none;background-image:url("data:image/svg+xml;utf8,")}
.testi .glow{position:absolute;width:900px;height:600px;left:50%;top:-80px;margin-left:-450px;background:radial-gradient(50% 50% at 50% 50%,rgba(123,47,247,.45),rgba(0,180,216,.12) 50%,transparent 72%);filter:blur(20px);animation:breathe 9s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.08);opacity:.8}}
.testi .kicker{color:var(--lilac)}
.testi em{background:linear-gradient(90deg,#7ee8fa,#c77dff,#ffd6a5);-webkit-background-clip:text;background-clip:text}
.quotes{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;margin-top:64px}
.q{border-radius:24px;padding:32px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(6px);display:flex;flex-direction:column;transition:transform .5s var(--ease),border-color .5s}
.q:hover{transform:translateY(-6px);border-color:rgba(199,125,255,.45)}
.q .metric{font-family:var(--serif);font-size:46px;line-height:1;margin-bottom:22px;background:linear-gradient(90deg,#7ee8fa,#c77dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.q blockquote{font-family:var(--serif);font-size:23px;line-height:1.35;flex:1}
.q:first-child blockquote{font-size:30px}
.q .who{margin-top:26px;font-size:var(--fs-min);color:rgba(255,255,255,.55)}
.q .who b{color:#fff;font-weight:500;display:block;font-size:var(--fs-min);margin-bottom:2px}
.stars{color:#ffd6a5;letter-spacing:3px;margin-bottom:18px;font-size:var(--fs-min)}
/* ---------- CTA (light wave back) ---------- */
.cta{padding:170px 0 150px;overflow:hidden}
.cta .wave{position:absolute;left:0;right:0;top:-1px;height:120px;width:100%;z-index:3}
.cta .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.cta h2{font-size:clamp(52px,7vw,96px)}
.checks{list-style:none;margin-top:30px;display:grid;gap:12px}
.checks li{display:flex;gap:12px;font-size:var(--fs-min);color:#3a3942}
.checks li::before{content:"";flex:0 0 20px;height:20px;border-radius:50%;background:var(--grad);-webkit-mask:url("data:image/svg+xml;utf8,") center/14px no-repeat,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude}
.cta .ctas{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}
.cta .note{margin-top:18px;font-size:var(--fs-min);color:var(--muted)}
.me{border-radius:28px;padding:30px;background:rgba(255,255,255,.75);border:1px solid rgba(20,19,24,.07);backdrop-filter:blur(14px);box-shadow:0 40px 80px -40px rgba(123,47,247,.45)}
.me .top{display:flex;gap:16px;align-items:center}
.me img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.me b{font-size:16px}
.me small{display:block;color:var(--muted);font-size:var(--fs-min);margin-top:2px}
.me blockquote{font-family:var(--serif);font-size:23px;line-height:1.35;margin:24px 0;padding-left:16px;border-left:2px solid var(--violet)}
.me .nums{display:flex;gap:30px}
.me .nums b{font-family:var(--serif);font-weight:400;font-size:40px;display:block}
.me .nums span{font-size:var(--fs-min);color:var(--muted)}
/* ---------- footer ---------- */
footer{background:#121117;color:rgba(255,255,255,.5);padding:90px 0 40px;position:relative;z-index:5}
.ft{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:56px;align-items:start}
.ft img{height:30px;margin-bottom:20px}
.ft p{font-size:var(--fs-min);line-height:1.7;max-width:320px}
.ft h4{font:500 var(--fs-min) var(--mono);letter-spacing:.2em;color:rgba(255,255,255,.3);margin-bottom:18px;text-transform:uppercase}
.ft ul{list-style:none;display:grid;gap:11px;font-size:var(--fs-min)}
.ft a:hover{color:#fff}
.fb{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.07);margin-top:60px;padding-top:28px;font-size:var(--fs-min)}
.fb ul{display:flex;gap:24px;list-style:none}
/* ---------- prototype label ---------- */
.proto{position:fixed;left:16px;bottom:16px;z-index:80;font:500 var(--fs-min) var(--mono);letter-spacing:.12em;background:var(--ink);color:#fff;padding:9px 13px;border-radius:99px;opacity:.85}
@media(max-width:900px){
.nav ul,.nav .lang{display:none}.nav{gap:12px}.nav .btn{margin-left:auto}
.bento{grid-template-columns:1fr}.svc,.svc.big{grid-column:auto}
.about .grid,.cta .grid,.ft{grid-template-columns:1fr}
.steps,.cases,.quotes{grid-template-columns:1fr}
.steps::before,.steps .bar{display:none}
.wrap{padding:0 20px}
.veil{display:none}
#field{opacity:.45}
}
@media (prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important}
.line>span,.fade{transform:none!important;opacity:1!important}
.case .img{clip-path:none!important}.veil{display:none}
}
/* =====================================================================
SHARED INNER-PAGE COMPONENTS (v2)
===================================================================== */
/* page hero (inner pages) */
.page-hero{padding:170px 0 90px;min-height:68vh;display:flex;align-items:center;overflow:hidden}
.page-hero h1{font-size:clamp(46px,6.4vw,92px);max-width:860px}
.page-hero .lead{font-size:18px}
.page-hero .ctas{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.page-hero .orb{position:absolute;right:-4%;top:50%;width:min(46vw,620px);aspect-ratio:1;transform:translateY(-50%);z-index:1;pointer-events:none}
.crumbs{font:500 var(--fs-min) var(--mono);letter-spacing:.12em;color:var(--muted);margin-bottom:26px;display:flex;gap:10px;flex-wrap:wrap}
.crumbs a:hover{color:var(--ink)}
/* generic section rhythm */
.sec{padding:120px 0}
.sec.tint{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(247,244,253,.85) 18%,rgba(244,248,252,.85) 82%,rgba(255,255,255,0))}
.sec .head{margin-bottom:56px}
/* dark section with grain-wave edges (use with .wave[data-edge]) */
.dark{background:#121117;color:#fff;z-index:5}
.dark .kicker{color:var(--lilac)}
.dark .lead{color:rgba(255,255,255,.62)}
.dark em{background:linear-gradient(90deg,#7ee8fa,#c77dff,#ffd6a5);-webkit-background-clip:text;background-clip:text}
.dark .glow{position:absolute;width:900px;height:600px;left:50%;top:-80px;margin-left:-450px;background:radial-gradient(50% 50% at 50% 50%,rgba(123,47,247,.45),rgba(0,180,216,.12) 50%,transparent 72%);filter:blur(20px);animation:breathe 9s ease-in-out infinite;pointer-events:none}
.dark .grain{position:absolute;inset:0;opacity:.12;mix-blend-mode:screen;pointer-events:none;background-image:url("data:image/svg+xml;utf8,")}
svg.edge{position:absolute;left:0;width:100%;height:120px;z-index:6;pointer-events:none}
svg.edge.top{top:-119px}
svg.edge.bottom{bottom:-119px;transform:scaleY(-1)}
/* glass card (generic) */
.gcard{position:relative;border-radius:24px;padding:30px;background:rgba(255,255,255,.75);border:1px solid rgba(20,19,24,.07);backdrop-filter:blur(10px);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s,border-color .5s}
.gcard::before{content:"";position:absolute;inset:0;background:radial-gradient(340px circle at var(--x,50%) var(--y,50%),rgba(123,47,247,.11),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.gcard:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(123,47,247,.4);border-color:rgba(123,47,247,.25)}
.gcard:hover::before{opacity:1}
.dark .gcard{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border-color:rgba(255,255,255,.09);color:#fff}
.dark .gcard p{color:rgba(255,255,255,.62)}
.gcard h3{font-size:19px;font-weight:600;margin-bottom:10px}
.gcard p{font-size:var(--fs-min);line-height:1.65;color:var(--muted);font-weight:300}
.gcard .ic{width:40px;height:40px;border-radius:12px;background:var(--grad);margin-bottom:22px}
.cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
/* chips / filters */
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{font:500 var(--fs-min) var(--sans);padding:9px 16px;border-radius:99px;border:1px solid rgba(20,19,24,.12);background:rgba(255,255,255,.7);cursor:pointer;transition:all .3s}
.chip:hover,.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.tagm{font:500 var(--fs-min) var(--mono);letter-spacing:.12em;padding:6px 10px;border-radius:99px;background:var(--surface);color:#4b4856;text-transform:uppercase}
/* FAQ */
.faq{max-width:860px}
.faq details{border-top:1px solid rgba(20,19,24,.1);padding:24px 0}
.faq details:last-child{border-bottom:1px solid rgba(20,19,24,.1)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:18px;font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:300 26px var(--sans);line-height:1;transition:transform .4s var(--ease);color:var(--violet)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:14px;color:var(--muted);line-height:1.75;font-weight:300}
/* prose (blog posts, legal) */
.prose{max-width:740px;font-size:18px;line-height:1.8;color:#2c2b33;font-weight:300}
.prose h2{font-size:clamp(30px,3.4vw,42px);margin:64px 0 18px;color:var(--ink)}
.prose h3{font-family:var(--sans);font-weight:600;font-size:21px;margin:40px 0 12px;color:var(--ink)}
.prose p{margin:0 0 22px}
.prose ul,.prose ol{margin:0 0 24px 22px}
.prose li{margin-bottom:10px}
.prose a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
.prose strong{font-weight:600;color:var(--ink)}
.prose blockquote{font-family:var(--serif);font-size:28px;line-height:1.35;margin:40px 0;padding-left:22px;border-left:2px solid var(--violet);color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;margin:28px 0;font-size:var(--fs-min)}
.prose th,.prose td{text-align:left;padding:12px 14px;border-bottom:1px solid rgba(20,19,24,.1)}
.prose th{font:500 var(--fs-min) var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.prose img{border-radius:18px;margin:30px 0}
/* reading progress + TOC */
.progress{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--grad);transform-origin:left;transform:scaleX(0);z-index:70}
.toc{position:sticky;top:110px;font-size:var(--fs-min);display:grid;gap:10px}
.toc a{color:var(--muted);padding-left:14px;border-left:1px solid rgba(20,19,24,.12);transition:all .3s}
.toc a.on,.toc a:hover{color:var(--ink);border-color:var(--violet)}
/* forms */
.field{display:grid;gap:8px;margin-bottom:18px}
.field label{font:500 var(--fs-min) var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.field input,.field textarea,.field select{font:400 16px var(--sans);padding:16px 18px;border-radius:16px;border:1px solid rgba(20,19,24,.12);background:rgba(255,255,255,.85);transition:border-color .3s,box-shadow .3s;color:var(--ink)}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 4px rgba(123,47,247,.12)}
/* split / media */
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.media{border-radius:26px;overflow:hidden;clip-path:inset(100% 0 0 0 round 26px);transition:clip-path 1.3s var(--ease)}
.in .media,.media.in{clip-path:inset(0 0 0 0 round 26px)}
.media img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 1.6s var(--ease)}
.in .media img{transform:none}
/* big number list / timeline */
.tl{position:relative;display:grid;gap:0}
.tl .row{display:grid;grid-template-columns:120px 1fr;gap:30px;padding:34px 0;border-top:1px solid rgba(20,19,24,.1)}
.tl .row b{font-family:var(--serif);font-weight:400;font-size:44px;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.tl .row h3{font-size:20px;font-weight:600;margin-bottom:8px}
.tl .row p{color:var(--muted);line-height:1.7;font-weight:300}
/* final CTA band (shared) */
.cta-band{padding:150px 0;text-align:center;overflow:hidden}
.cta-band h2{font-size:clamp(48px,6.4vw,88px);margin:0 auto;max-width:900px}
.cta-band .lead{margin:22px auto 0}
.cta-band .ctas{display:flex;gap:12px;justify-content:center;margin-top:36px;flex-wrap:wrap}
@media(max-width:900px){.cols-2,.cols-3,.cols-4,.split{grid-template-columns:1fr}.page-hero .orb{opacity:.35;width:90vw;right:-30%}.tl .row{grid-template-columns:1fr;gap:10px}.toc{display:none}}
/* ---- typography floor: 16px desktop / 14px mobile (Studio Ideago rule) ---- */
@media(max-width:900px){:root{--fs-min:14px}}
/* ---- shared fixes from page builds ---- */
.page-hero>.wrap{width:100%}
.dark{overflow-x:clip}
.aurora{-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
.hero .aurora{-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}
.media img,.case img{color:transparent}
.kicker{letter-spacing:.12em}
.testi,.hero,.services,.about,.work{overflow-x:clip}
/* =====================================================================
NEWSLETTER (3 variants: .nl-block end of post, .nl-hero blog index, .nl-compact footer)
Backend in 1.0: HubSpot Forms API, form "Blog newsletter" (see docs/WEBSITE-CHANGELOG)
===================================================================== */
.nl{position:relative}
.nl form{display:flex;align-items:center;gap:6px;padding:6px;border-radius:99px;background:#fff;border:1px solid rgba(20,19,24,.12);max-width:460px;transition:border-color .3s,box-shadow .3s}
.nl form:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px rgba(123,47,247,.12)}
.nl input[type=email]{flex:1;min-width:0;border:0;background:transparent;font:400 var(--fs-min) var(--sans);padding:10px 14px;color:var(--ink);outline:none}
.nl button{border:0;cursor:pointer;border-radius:99px;padding:11px 18px;background:var(--ink);color:#fff;font:500 var(--fs-min) var(--sans);white-space:nowrap;transition:background .3s}
.nl button:hover{background:var(--violet)}
.nl .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.nl .legal{margin-top:10px;font-size:var(--fs-min);color:var(--muted)}
.nl .legal a{text-decoration:underline;text-underline-offset:3px}
.nl .ok{display:none;font-size:18px;font-weight:500;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.nl.nl-done form{display:none}.nl.nl-done .ok{display:block}
.nl-block{border-radius:24px;padding:30px;background:var(--surface);border:1px solid rgba(20,19,24,.06);margin:48px 0}
.nl-block h3{font-family:var(--serif);font-weight:400;font-size:30px;margin-bottom:8px}
.nl-block p.sub{color:var(--muted);margin-bottom:18px;font-weight:300}
.nl-hero{margin-top:30px}
.nl-compact h4{margin-bottom:14px}
.nl-compact form{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.nl-compact input[type=email]{color:#fff}
.nl-compact input::placeholder{color:rgba(255,255,255,.4)}
.nl-compact button{background:transparent;color:#fff;padding:11px 14px}
.nl-compact button:hover{background:rgba(255,255,255,.08)}
.nl-compact .legal{color:rgba(255,255,255,.4)}
.ft{grid-template-columns:1.6fr 1fr 1fr 1.2fr}
.ft .contact-mini{margin-top:22px;display:grid;gap:8px;font-size:var(--fs-min)}
.ft .cookie-link{background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media(max-width:380px){.nl button .t{display:none}}
/* =====================================================================
CONSENT BANNER (replaces Cookie Notice — explicit consent, bilingual, equal-weight buttons)
===================================================================== */
.cc-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:560px;margin-left:auto;border-radius:24px;padding:24px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(20,19,24,.08);box-shadow:0 30px 70px -30px rgba(20,19,24,.45);transform:translateY(130%);transition:transform .7s var(--ease)}
.cc-banner.show{transform:none}
.cc-banner h4{font-family:var(--serif);font-weight:400;font-size:26px;margin-bottom:8px}
.cc-banner p{font-size:var(--fs-min);color:var(--muted);line-height:1.6}
.cc-banner p a{text-decoration:underline;text-underline-offset:3px}
.cc-banner .row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.cc-banner .row button{font:500 var(--fs-min) var(--sans);padding:12px 10px;border-radius:99px;cursor:pointer;border:1px solid var(--ink);background:#fff;color:var(--ink);transition:all .3s}
.cc-banner .row button:hover{background:var(--ink);color:#fff}
.cc-banner .cats{display:none;margin-top:16px;border-top:1px solid rgba(20,19,24,.08);padding-top:14px;gap:12px}
.cc-banner.open .cats{display:grid}
.cc-banner .cat{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:var(--fs-min)}
.cc-banner .cat small{display:block;color:var(--muted)}
.cc-banner .sw{appearance:none;width:44px;height:26px;border-radius:99px;background:rgba(20,19,24,.15);position:relative;cursor:pointer;transition:background .3s;flex:0 0 44px}
.cc-banner .sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .3s var(--ease)}
.cc-banner .sw:checked{background:var(--violet)}.cc-banner .sw:checked::after{transform:translateX(18px)}
.cc-banner .sw:disabled{opacity:.5;cursor:default}
@media(max-width:600px){.cc-banner .row{grid-template-columns:1fr}}
.ft h4{letter-spacing:.12em}
@media(max-width:900px){.ft{grid-template-columns:1fr 1fr}.ft>div:first-child,.ft .nl-compact{grid-column:1/-1}.nl form{max-width:100%}}
@media(max-width:480px){.ft{grid-template-columns:1fr}}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
html,body{overflow-x:clip}
.cookie-link{background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}
@media(max-width:900px){.fb{flex-direction:column;align-items:flex-start;gap:14px}.fb ul{flex-wrap:wrap;gap:12px 20px}}
/* ---- feedback 12 Oct: nav spacing, scroll hint, animated service icons ---- */
.nav ul{margin:0 auto;gap:34px}
.nav{gap:24px}
.hero{padding-bottom:150px}
.scrollhint{bottom:26px}
@media(max-height:760px){.scrollhint{display:none}}
/* soft icon container (replaces gradient squares) */
.gcard .ic,.svc .ic{background:none}
.sico{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:18px;background:rgba(123,47,247,.07);border:1px solid rgba(123,47,247,.16);color:var(--violet);position:relative;z-index:1;transition:transform .5s var(--ease),background .4s,border-color .4s}
.sico svg{width:30px;height:30px;overflow:visible;fill:none;stroke:url(#sicoGrad);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.svc:hover .sico,.gcard:hover .sico,a:hover>.sico{transform:translateY(-3px) rotate(-4deg);background:rgba(123,47,247,.12);border-color:rgba(123,47,247,.3)}
.dark .sico,.svc.big .sico{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.svc .sico{margin-bottom:auto}
.sico .dot{fill:url(#sicoGrad);stroke:none}
/* hubspot hub: orbiting nodes */
.sico .spin{transform-origin:12px 12px;animation:sicoSpin 14s linear infinite}
.sico .pulse{transform-box:fill-box;transform-origin:center;animation:sicoPulse 2.4s ease-in-out infinite}
.sico .pulse.p2{animation-delay:.8s}.sico .pulse.p3{animation-delay:1.6s}
/* ai spark */
.sico .spark{transform-origin:12px 12px;animation:sicoSpark 6s ease-in-out infinite}
.sico .orbit{transform-origin:12px 12px;animation:sicoSpin 4s linear infinite reverse}
/* seo scan */
.sico .scan{transform-origin:10.5px 10.5px;animation:sicoSpin 3.2s linear infinite}
.sico .twinkle{transform-box:fill-box;transform-origin:center;animation:sicoTwinkle 2.2s ease-in-out infinite}
/* chart draw */
.sico .draw{stroke-dasharray:30;stroke-dashoffset:30;animation:sicoDraw 3.2s var(--ease) infinite}
.sico .arrowhead{animation:sicoArrow 3.2s var(--ease) infinite}
/* web: typing lines + cursor */
.sico .type{stroke-dasharray:10;stroke-dashoffset:10;animation:sicoType 2.8s steps(10) infinite}
.sico .type.t2{animation-delay:.6s}
.sico .cursor{animation:sicoBlink 1s steps(1) infinite}
/* brand: pen writing */
.sico .pen{transform-origin:6px 18px;animation:sicoPen 2.6s ease-in-out infinite}
.sico .ink{stroke-dasharray:24;stroke-dashoffset:24;animation:sicoDraw 2.6s ease-in-out infinite}
/* crew: sequential agents */
.sico .agent{transform-box:fill-box;transform-origin:center;animation:sicoPulse 1.8s ease-in-out infinite}
.sico .agent.a2{animation-delay:.3s}.sico .agent.a3{animation-delay:.6s}
.sico .link{stroke-dasharray:3 3;animation:sicoFlow 1.2s linear infinite}
@keyframes sicoSpin{to{transform:rotate(360deg)}}
@keyframes sicoPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}
@keyframes sicoSpark{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(45deg) scale(.9)}}
@keyframes sicoTwinkle{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}
@keyframes sicoDraw{0%{stroke-dashoffset:30}55%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-30}}
@keyframes sicoArrow{0%,40%{opacity:0;transform:translate(-2px,2px)}55%,80%{opacity:1;transform:none}100%{opacity:0}}
@keyframes sicoType{0%{stroke-dashoffset:10}60%,100%{stroke-dashoffset:0}}
@keyframes sicoBlink{50%{opacity:0}}
@keyframes sicoPen{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(8px,-1px) rotate(-6deg)}}
@keyframes sicoFlow{to{stroke-dashoffset:-12}}
@media (prefers-reduced-motion:reduce){.sico *{animation:none!important;stroke-dashoffset:0!important}}
/* mobile menu */
.burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(20,19,24,.12);background:#fff;cursor:pointer;place-items:center;flex:0 0 44px}
.burger i,.burger i::before,.burger i::after{display:block;width:16px;height:1.5px;background:var(--ink);position:relative;transition:transform .35s var(--ease),background .2s;content:""}
.burger i::before{position:absolute;top:-5px}.burger i::after{position:absolute;top:5px}
.nav.open .burger i{background:transparent}.nav.open .burger i::before{transform:translateY(5px) rotate(45deg)}.nav.open .burger i::after{transform:translateY(-5px) rotate(-45deg)}
@media(max-width:900px){
.burger{display:grid}
.nav.open ul{display:flex!important;flex-direction:column;position:absolute;left:0;right:0;top:calc(100% + 10px);background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid rgba(20,19,24,.08);border-radius:24px;padding:22px 26px;gap:18px;font-size:20px;box-shadow:0 30px 60px -30px rgba(20,19,24,.35)}
.nav.open .lang{display:block!important;position:absolute;top:calc(100% + 10px);right:26px;margin-top:24px}
}
/* ---- nav v3 (feedback 12 Oct): links right-aligned near language, tap targets ≥48px with ≥8px spacing (Google/Lighthouse) ---- */
.nav{gap:0;padding:8px 8px 8px 22px}
.nav ul{margin:0 40px 0 auto;gap:8px}
.nav ul a{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border-radius:99px;transition:background .3s}
.nav ul a:hover{background:rgba(20,19,24,.05)}
.nav ul a::after{left:16px;right:calc(100% - 16px);bottom:10px}
.nav ul a:hover::after{right:16px}
.nav .lang{display:flex;align-items:center;gap:2px;margin-right:24px;font:500 var(--fs-min) var(--mono);color:var(--muted)}
.nav .lang a{display:inline-grid;place-items:center;min-width:48px;min-height:48px;border-radius:99px;transition:background .3s,color .3s}
.nav .lang a:hover{background:rgba(20,19,24,.05);color:var(--ink)}
.nav .lang a[aria-current]{color:var(--ink)}
.nav>.btn{min-height:48px}
.burger{width:48px;height:48px;flex:0 0 48px;margin-left:8px}
@media(max-width:900px){.nav{padding:8px 8px 8px 18px}.nav>.btn{margin-left:auto}.nav.open .lang{right:18px;margin-top:18px}}
.nav>a:first-child{display:inline-flex;align-items:center;min-height:48px;padding-right:8px}
@media(max-width:900px){.nav.open ul{margin:0;gap:4px}.nav.open ul a{font-size:20px;padding:0 4px}}
/* ---- WordPress context reset (Web 2.0) ---- */
body{margin:0;letter-spacing:normal;font-size:16px;line-height:1.5}
.nav ul,.ft ul,.fb ul{list-style:none;margin:0;padding:0}
.nav li,.ft li,.fb li{margin:0;padding:0}
button{text-transform:none;letter-spacing:normal}
h1,h2,h3,h4{margin:0}
p{margin:0}
a{text-decoration:none}
.prose p{margin:0 0 22px}.prose h2{margin:64px 0 18px}.prose h3{margin:40px 0 12px}
/* 2026-10-12 shared fixes: skip link, logo never squashed, footer contact wraps */
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:var(--fs-min);transition:top .2s}
.skip-link:focus{top:16px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nav>a:first-child{flex:0 0 auto}.nav img{flex:none;max-width:none;height:26px;width:auto;object-fit:contain}
.ft .contact-mini a,.ft .contact-mini span{overflow-wrap:anywhere;min-width:0}
@media(max-width:900px){.nav .lang{display:none}.nav.open .lang{display:flex!important}.nav>.btn{padding:0 16px}}
@media(max-width:360px){.nav>.btn .arr{display:none}}
.ft>*{min-width:0}
@media(max-width:480px){.ft{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-12 feedback round */
svg.edge{overflow:visible}
.admin-bar .nav{top:50px}
@media(max-width:782px){.admin-bar .nav{top:64px}}
.ft img{width:auto;height:30px;max-width:none;object-fit:contain}
.ft h4{color:rgba(199,125,255,.72)}
em{padding-bottom:.14em;padding-left:.02em}
.line{padding-bottom:.2em;margin-bottom:-.2em}
svg.wave{overflow:visible}
.nav ul{margin:0 40px 0 auto}/* WP reset layer had zeroed it: menu sits right, next to EN/ES */
/* logos without tagline (2026-10-12): nav = logo-IDEAGO-03 (white bg -> multiply), footer = Logo-BW (transparent, padded artwork) */
.nav img{height:28px;mix-blend-mode:multiply}
.veil .mark img{mix-blend-mode:multiply}
.ft img.ft-logo{height:64px;width:auto;margin:-16px 0 4px -13px}
@media(max-width:900px){.nav img{height:24px}}
.nav img{height:34px}@media(max-width:900px){.nav img{height:28px}}
/* transparent logo file (2026-10-12): no blend tricks needed */
.nav img,.veil .mark img{mix-blend-mode:normal}
.nav img{height:30px}@media(max-width:900px){.nav img{height:24px}}
/* newsletter forms (2026-10-12): legacy Customizer "Additional CSS" forces white bordered inputs and pill buttons with !important — neutralise inside .nl */
.nl form input[type=email]{flex:1!important;min-width:0!important;width:auto!important;height:auto!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:10px 14px!important;font:400 var(--fs-min) var(--sans)!important}
.nl form button[type=submit]{border:0!important;border-radius:99px!important;padding:11px 18px!important;font:500 var(--fs-min) var(--sans)!important;box-shadow:none!important;width:auto!important}
.nl:not(.nl-compact) form button[type=submit]{background:var(--ink)!important;color:#fff!important}
.nl:not(.nl-compact) form button[type=submit]:hover{background:var(--violet)!important}
/* footer variant: full-width dark pill, round gradient arrow button */
.ft .nl-compact form{width:100%;max-width:340px;padding:5px 5px 5px 4px;gap:4px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:99px}
.ft .nl-compact form input[type=email]{color:#fff!important}
.ft .nl-compact form input[type=email]::placeholder{color:rgba(255,255,255,.42)!important}
.ft .nl-compact form input[type=email]:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 40px #1b1a21 inset!important;caret-color:#fff}
.ft .nl-compact form button[type=submit]{flex:0 0 44px;width:44px!important;height:44px;padding:0!important;border-radius:50%!important;display:grid;place-items:center;background:var(--grad)!important;color:#fff!important;font-size:18px!important;line-height:1;transition:transform .3s var(--ease),filter .3s}
.ft .nl-compact form button[type=submit]:hover{transform:translateX(2px);filter:brightness(1.1)}
.ft .nl-compact form button .t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ft .nl-compact form:focus-within{border-color:rgba(199,125,255,.6);box-shadow:0 0 0 4px rgba(199,125,255,.12)}
/* process steps (2026-10-12): calm looping light travelling along the line; each step glows softly as it passes */
.steps::after{content:"";position:absolute;top:21px;left:0;width:140px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(0,180,216,.85),rgba(199,125,255,.95),transparent);filter:blur(1.5px);opacity:0;pointer-events:none;z-index:0}
.in .steps::after{animation:stepsTravel 8s linear 1.6s infinite}
@keyframes stepsTravel{0%{transform:translateX(-140px);opacity:0}8%{opacity:1}80%{opacity:1}92%,100%{transform:translateX(calc(var(--steps-w,1100px)));opacity:0}}
.step .n::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(199,125,255,.7);opacity:0;pointer-events:none}
.in .step .n::after{animation:stepGlow 8s ease-out infinite}
.in .steps>.step:nth-child(2) .n::after{animation-delay:2.1s}
.in .steps>.step:nth-child(3) .n::after{animation-delay:3.8s}
.in .steps>.step:nth-child(4) .n::after{animation-delay:5.5s}
.in .steps>.step:nth-child(5) .n::after{animation-delay:7.2s}
@keyframes stepGlow{0%{opacity:.9;transform:scale(1);box-shadow:0 0 0 0 rgba(199,125,255,.35)}22%{opacity:0;transform:scale(1.7);box-shadow:0 0 18px 4px rgba(199,125,255,0)}100%{opacity:0;transform:scale(1.7)}}
.in .step .n{animation:stepTint 8s ease-in-out infinite}
.in .steps>.step:nth-child(2) .n{animation-delay:2.1s}.in .steps>.step:nth-child(3) .n{animation-delay:3.8s}.in .steps>.step:nth-child(4) .n{animation-delay:5.5s}.in .steps>.step:nth-child(5) .n{animation-delay:7.2s}
@keyframes stepTint{0%,14%,100%{background:var(--ink);box-shadow:none}4%{background:#2a2140;box-shadow:0 0 0 6px rgba(199,125,255,.10),0 8px 24px -8px rgba(123,47,247,.55)}}
@media(max-width:900px){.steps::after{display:none}}
@media (prefers-reduced-motion:reduce){.in .steps::after,.in .step .n,.in .step .n::after{animation:none!important}}
/* logos (2026-10-12 r2): header a touch smaller; footer = same mark, white type, same visual size */
.nav img{height:27px}@media(max-width:900px){.nav img{height:22px}}
.ft img.ft-logo{height:28px;width:auto;margin:0 0 22px 0}
.case .tags{flex-wrap:wrap}.case .tags span{white-space:nowrap}
.nav img{height:23px}@media(max-width:900px){.nav img{height:19px}}
.nav img{height:20px}@media(max-width:900px){.nav img{height:16px}}.ft img.ft-logo{height:24px}
/* inner-hero orb (2026-10-12): sit next to the headline, not against the screen edge */
@media(min-width:901px){body .page-hero .orb{right:max(2%,calc((100vw - 1200px)/2 - 160px))}}