:root{
  --accent:#13ecf2;
  --accent-soft:#8cf9fc;
  --accent-deep:#078f98;
  --bg:#04070b;
  --bg-2:#071018;
  --panel:#0a121b;
  --panel-2:#0d1822;
  --white:#ffffff;
  --light:#f5f8fa;
  --text:#f4f8fb;
  --muted:#98a7b5;
  --dark:#101a22;
  --dark-muted:#5d6c78;
  --line:rgba(255,255,255,.10);
  --light-line:#dfe8ec;
  --shadow:0 32px 85px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter, sans-serif}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{display:block;max-width:100%}
.page{overflow:hidden;background:radial-gradient(circle at 82% 5%,rgba(19,236,242,.13),transparent 28%),var(--bg)}
.container{width:min(1240px,calc(100% - 42px));margin:auto}
.eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.eyebrow:before{content:"";width:28px;height:2px;background:var(--accent);box-shadow:0 0 16px var(--accent)}
.section-title{margin:15px 0 20px;font-family:"Space Grotesk", Inter, sans-serif;font-size:var(--tw-h2-size, clamp(1.8rem, 3.5vw, 2.8rem));line-height:1.12;letter-spacing:-.02em;font-weight:700}
.section-title span{color:var(--accent);text-shadow:0 0 35px rgba(19,236,242,.18)}
.section-copy{margin:0;color:var(--muted);font-size:16px;line-height:1.78}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 24px;border:1px solid var(--accent);border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#021014;font-size:13px;font-weight:800;letter-spacing:.02em;overflow:hidden;box-shadow:0 18px 46px rgba(19,236,242,.22);transition:.32s}
.btn:before{content:"";position:absolute;top:-150%;bottom:-150%;left:-42%;width:28%;background:rgba(255,255,255,.42);transform:rotate(25deg);transition:.6s}
.btn:hover{transform:translateY(-4px);box-shadow:0 25px 62px rgba(19,236,242,.31)}
.btn:hover:before{left:132%}
.btn.ghost{background:rgba(255,255,255,.035);color:#fff;border-color:rgba(255,255,255,.17);box-shadow:none}
.btn.ghost:hover{border-color:var(--accent);background:rgba(19,236,242,.07)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
.reveal.visible{opacity:1;transform:none}

/* HEADER */
.topbar{position:absolute;z-index:30;inset:0 0 auto;padding:24px 0}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.12em}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(19,236,242,.48);border-radius:13px;background:rgba(19,236,242,.08);color:var(--accent);box-shadow:inset 0 0 20px rgba(19,236,242,.07),0 0 24px rgba(19,236,242,.08)}
.nav{display:flex;align-items:center;gap:8px}
.nav a{padding:9px 11px;border-radius:8px;color:#aebac4;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nav a:hover{color:#fff;background:rgba(255,255,255,.055)}

/* HERO */
.hero{position:relative;min-height:940px;display:flex;align-items:center;padding:135px 0 90px;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:-5;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000 12%,transparent 94%)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:240px;z-index:-2;background:linear-gradient(to top,var(--bg),transparent)}
.hero-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:23px;padding:8px 13px;border:1px solid rgba(19,236,242,.38);border-radius:999px;background:rgba(19,236,242,.075);color:var(--accent-soft);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.hero-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent);animation:pulse 1.8s infinite}
.hero h1{max-width:760px;margin:0 0 22px;font-family:"Space Grotesk", Inter, sans-serif;font-size:var(--tw-h1-size, clamp(1.8rem, 3.8vw, 3.4rem));line-height:1.1;letter-spacing:-.02em;font-weight:700}
.hero h1 span{display:block;color:var(--accent);text-shadow:0 0 45px rgba(19,236,242,.24)}
.hero-sub{max-width:760px;margin:0 0 18px;color:#eef5f7;font-size:22px;line-height:1.35;font-weight:700}
.hero-copy{max-width:710px;margin:0 0 31px;color:#a3b0bc;font-size:16px;line-height:1.78}
.hero-actions{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  gap:12px;
}
.hero-actions > a{
  flex:0 1 auto;
  width:auto !important;
  max-width:100%;
}
.hero-actions a.pbx-nav-audit-btn,
.hero-actions a.pbx-cta-btn,
.hero-actions a.btn.ghost{
  height:48px !important;
  min-height:48px !important;
  padding:3px 3px 3px 18px !important;
  font-size:12px !important;
  gap:.65rem !important;
  white-space:nowrap !important;
}
.hero-actions .pbx-nav-audit-icon{
  width:40px !important;
  height:40px !important;
}
.hero-actions .pbx-nav-audit-icon svg{
  width:16px !important;
  height:16px !important;
}
.hero-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:42px}
.hero-card{position:relative;min-height:118px;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.062),rgba(255,255,255,.015));overflow:hidden}
.hero-card:after{content:"";position:absolute;left:0;bottom:0;width:65%;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}
.hero-card strong{display:block;margin-bottom:8px;color:#fff;font-family:"Space Grotesk",sans-serif;font-size:19px}
.hero-card span{color:#8f9fac;font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.07em}
.hero-visual{position:relative;min-height:710px}
.hero-glow{position:absolute;left:50%;top:45%;width:480px;height:480px;border-radius:50%;background:rgba(19,236,242,.15);filter:blur(90px);transform:translate(-50%,-50%)}
.hero-orbit{position:absolute;left:50%;top:47%;width:520px;height:520px;border:1px solid rgba(19,236,242,.28);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 75px rgba(19,236,242,.10),inset 0 0 65px rgba(19,236,242,.05);animation:spin 30s linear infinite}
.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%}
.hero-orbit:before{inset:42px;border:1px dashed rgba(255,255,255,.14);animation:spinBack 20s linear infinite}
.hero-orbit:after{inset:112px;border:1px solid rgba(255,255,255,.09)}
.hero-character-frame{position:absolute;inset:20px 15px 0;z-index:4;display:flex;align-items:flex-end;justify-content:center;border:1px solid rgba(255,255,255,.09);border-radius:32px;background:linear-gradient(180deg,rgba(19,236,242,.06),rgba(4,7,11,.07));overflow:hidden;box-shadow:var(--shadow)}
.hero-character-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,7,11,.78) 0%,transparent 42%);z-index:2}
.hero-character{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-data{position:absolute;z-index:8;width:180px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(5,11,17,.84);backdrop-filter:blur(13px);box-shadow:0 20px 48px rgba(0,0,0,.42)}
.hero-data b{display:block;margin-bottom:7px;color:var(--accent);font-family:"Space Grotesk",sans-serif;font-size:24px}
.hero-data small{color:#c3cdd5;font-size:9px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}
.data-1{left:-25px;top:105px}
.data-2{right:-22px;top:180px}
.data-3{right:18px;bottom:54px}

/* LIGHT INTRO */
.positioning{position:relative;padding:120px 0;background:var(--light);color:var(--dark)}
.positioning:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 18%,rgba(19,236,242,.10),transparent 25%),radial-gradient(circle at 88% 80%,rgba(19,90,120,.06),transparent 26%)}
.positioning-layout{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:75px;align-items:start}
.positioning-copy p{margin:0 0 17px;color:var(--dark-muted);font-size:16px;line-height:1.76}
.question-box{margin-top:28px;padding:24px;border:1px solid var(--light-line);border-radius:18px;background:#fff;box-shadow:0 20px 50px rgba(20,42,56,.08)}
.question-box h3{margin:0 0 10px;font-family:"Space Grotesk",sans-serif;font-size:25px}
.question-box p{margin:0;color:#62717d}
.pill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.pill-card{position:relative;min-height:190px;padding:24px;border:1px solid var(--light-line);border-radius:19px;background:#fff;box-shadow:0 18px 45px rgba(19,42,57,.07);transition:.35s;overflow:hidden}
.pill-card:hover{transform:translateY(-7px);box-shadow:0 28px 65px rgba(19,42,57,.12)}
.pill-card:before{content:"";position:absolute;right:-55px;top:-65px;width:150px;height:150px;border-radius:50%;background:rgba(19,236,242,.10)}
.pill-card .tag{display:block;margin-bottom:15px;color:var(--accent-deep);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.pill-card h3{margin:0 0 8px;font-family:"Space Grotesk",sans-serif;font-size:25px}
.pill-card p{margin:0;color:#64727e;font-size:13px;line-height:1.65}

/* CADRAGE */
.framing{padding:120px 0;background:var(--bg)}
.head-split{display:grid;grid-template-columns:1fr .78fr;gap:55px;align-items:end;margin-bottom:50px}
.head-split p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.framing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dark-card{position:relative;min-height:260px;padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.013));overflow:hidden;transition:.35s}
.dark-card:hover{transform:translateY(-8px);border-color:rgba(19,236,242,.36);box-shadow:0 25px 65px rgba(0,0,0,.35)}
.dark-card .mini{display:block;margin-bottom:26px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.dark-card h3{margin:0 0 10px;font-family:"Space Grotesk",sans-serif;font-size:25px}
.dark-card p{margin:0;color:#95a3af;font-size:13px;line-height:1.67}
.dark-card:after{content:"";position:absolute;left:0;bottom:0;width:58%;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}

/* DIAGNOSTIC */
.diagnostic{padding:120px 0;background:#fff;color:var(--dark)}
.diagnostic-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:42px}
.diagnostic-intro p{margin:0;color:#5f6d78;font-size:16px;line-height:1.76}
.data-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--light-line);border-radius:20px;background:#fff;box-shadow:0 25px 65px rgba(22,44,59,.09)}
.data-table th,.data-table td{padding:20px 22px;text-align:left;vertical-align:top;border-bottom:1px solid var(--light-line);font-size:13px;line-height:1.62}
.data-table th{background:#0a131b;color:#fff;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.data-table td:first-child{color:var(--accent-deep);font-weight:800}
.data-table tr:last-child td{border-bottom:0}
.data-table tbody tr:hover td{background:rgba(19,236,242,.035)}

/* LEVERS */
.levers{padding:125px 0;background:linear-gradient(180deg,#071018,#04070b)}
.levers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:50px}
.lever-card{position:relative;min-height:300px;padding:27px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(155deg,rgba(255,255,255,.058),rgba(255,255,255,.014));overflow:hidden;transition:.35s}
.lever-card:hover{transform:translateY(-9px);border-color:rgba(19,236,242,.4);box-shadow:0 28px 72px rgba(0,0,0,.38)}
.lever-no{display:block;color:rgba(255,255,255,.20);font-family:"Space Grotesk",sans-serif;font-size:35px}
.lever-icon{width:58px;height:58px;margin:27px 0 22px;display:grid;place-items:center;border:1px solid rgba(19,236,242,.34);border-radius:17px;background:rgba(19,236,242,.09);color:var(--accent);font-size:12px;font-weight:800}
.lever-card h3{margin:0 0 11px;font-family:"Space Grotesk",sans-serif;font-size:26px}
.lever-card p{margin:0;color:#98a6b1;font-size:13px;line-height:1.68}
.priority{margin-top:40px;padding:28px;border:1px solid rgba(19,236,242,.25);border-radius:19px;background:rgba(19,236,242,.055)}
.priority h3{margin:0 0 10px;color:var(--accent);font-family:"Space Grotesk",sans-serif;font-size:27px}
.priority p{margin:0;color:#b0bdc7;font-size:15px;line-height:1.72}

/* PAGES */
.pages-section{padding:120px 0;background:var(--light);color:var(--dark)}
.pages-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.pages-visual{position:relative;min-height:485px;border:1px solid var(--light-line);border-radius:28px;background:#fff;box-shadow:0 30px 78px rgba(23,43,58,.11);overflow:hidden}
.pages-screen{position:absolute;inset:24px;border-radius:22px;background:linear-gradient(150deg,#08121a,#03070b);overflow:hidden}
.pages-screen:before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:28px 28px}
.page-lines{position:absolute;inset:50px;display:grid;gap:15px;align-content:center}
.page-line{height:14px;border-radius:999px;background:linear-gradient(90deg,var(--accent),rgba(19,236,242,.08));box-shadow:0 0 18px rgba(19,236,242,.12)}
.page-line:nth-child(2){width:82%}.page-line:nth-child(3){width:67%}.page-line:nth-child(4){width:92%}.page-line:nth-child(5){width:54%}
.pages-copy p{margin:0 0 18px;color:#5f6e79;font-size:16px;line-height:1.76}
.bullet-list{display:grid;gap:11px;margin:26px 0 0;padding:0;list-style:none}
.bullet-list li{position:relative;padding:13px 15px 13px 46px;border:1px solid var(--light-line);border-radius:13px;background:#fff;color:#50606c;font-size:13px;line-height:1.5}
.bullet-list li:before{content:"";position:absolute;left:16px;top:50%;width:14px;height:14px;border:2px solid var(--accent-deep);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 12px rgba(19,236,242,.2)}

/* ARBITRAGE */
.arbitrage{padding:120px 0;background:var(--bg)}
.arbitrage .data-table{border-color:var(--line);background:#081018;box-shadow:none}
.arbitrage .data-table th{background:#0f1b24;color:var(--accent)}
.arbitrage .data-table td{color:#aab7c1;border-color:rgba(255,255,255,.08)}
.arbitrage .data-table td:first-child{color:#fff}
.arbitrage .data-table tbody tr:hover td{background:rgba(19,236,242,.035)}
.arbitrage-note{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}
.note-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
.note-card h3{margin:0 0 10px;color:var(--accent);font-family:"Space Grotesk",sans-serif;font-size:26px}
.note-card p{margin:0;color:#98a7b2;font-size:14px;line-height:1.72}

/* METHOD */
.method{padding:120px 0;background:#fff;color:var(--dark)}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}
.method-card{position:relative;min-height:245px;padding:27px;border:1px solid var(--light-line);border-radius:19px;background:#fff;box-shadow:0 18px 48px rgba(22,44,59,.07);overflow:hidden;transition:.35s}
.method-card:hover{transform:translateY(-7px);box-shadow:0 28px 66px rgba(22,44,59,.12)}
.method-no{width:55px;height:55px;margin-bottom:25px;display:grid;place-items:center;border:1px solid rgba(19,236,242,.38);border-radius:50%;background:rgba(19,236,242,.08);color:var(--accent-deep);font-family:"Space Grotesk",sans-serif;font-weight:800}
.method-card h3{margin:0 0 9px;font-family:"Space Grotesk",sans-serif;font-size:25px}
.method-card p{margin:0;color:#64727d;font-size:13px;line-height:1.65}

/* MARKET */
.market{padding:125px 0;background:linear-gradient(180deg,#071018,#04070b)}
.market-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.market-copy p{margin:0 0 18px;color:#9eacb7;font-size:16px;line-height:1.78}
.market-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.market-card{min-height:210px;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
.market-card .mini{display:block;margin-bottom:16px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.market-card h3{margin:0 0 9px;font-family:"Space Grotesk",sans-serif;font-size:24px}
.market-card p{margin:0;color:#93a1ad;font-size:13px;line-height:1.67}

/* COMMITMENTS */
.commitments{padding:120px 0;background:var(--light);color:var(--dark)}
.commitment-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}
.commitment-list{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.commitment-list li{position:relative;padding:15px 16px 15px 49px;border:1px solid var(--light-line);border-radius:13px;background:#fff;color:#53636f;font-size:13px;line-height:1.55}
.commitment-list li:before{content:"✓";position:absolute;left:17px;top:14px;width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:rgba(19,236,242,.12);color:var(--accent-deep);font-weight:900}
.commitment-promise{margin-top:22px;padding:25px;border:1px solid rgba(19,236,242,.35);border-radius:18px;background:rgba(19,236,242,.07)}
.commitment-promise h3{margin:0 0 9px;color:var(--accent-deep);font-family:"Space Grotesk",sans-serif;font-size:25px}
.commitment-promise p{margin:0;color:#53636f;font-size:14px;line-height:1.7}

/* KPI */
.kpis{padding:95px 0;background:var(--bg)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.kpi-card{position:relative;min-height:190px;padding:25px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);overflow:hidden}
.kpi-card .mini{display:block;margin-bottom:20px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.kpi-card h3{margin:0 0 9px;font-family:"Space Grotesk",sans-serif;font-size:29px}
.kpi-card p{margin:0;color:#91a0ac;font-size:13px;line-height:1.62}
.kpi-card:after{content:"";position:absolute;left:0;bottom:0;width:62%;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}

/* FAQ */
.faq{padding:120px 0;background:#fff;color:var(--dark)}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:44px}
.faq-item{padding:25px;border:1px solid var(--light-line);border-radius:18px;background:#fff;box-shadow:0 15px 40px rgba(22,44,59,.06)}
.faq-item h3{margin:0 0 10px;font-family:"Space Grotesk",sans-serif;font-size:21px}
.faq-item p{margin:0;color:#60707b;font-size:13px;line-height:1.7}

/* CTA */
.cta{padding:115px 0;background:radial-gradient(circle at 50% 100%,rgba(19,236,242,.17),transparent 48%),var(--bg)}
.cta-box{position:relative;max-width:1100px;margin:auto;padding:80px 46px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.014));text-align:center;overflow:hidden;box-shadow:0 42px 110px rgba(0,0,0,.46)}
.cta-box:before{content:"";position:absolute;left:-120px;top:-145px;width:360px;height:360px;border-radius:50%;background:rgba(19,236,242,.13);filter:blur(45px)}
.cta-content{position:relative;z-index:2}
.cta h2{max-width:880px;margin:14px auto 19px;font-family:"Space Grotesk", Inter, sans-serif;font-size:var(--tw-h2-size, clamp(1.8rem, 3.5vw, 2.8rem));line-height:1.12;letter-spacing:-.02em;font-weight:700}
.cta h2 span{color:var(--accent)}
.cta p{max-width:760px;margin:0 auto 30px;color:#9eacb7;font-size:16px;line-height:1.74}
.cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.footer{padding:27px 0;border-top:1px solid var(--line);color:#7f8e99;font-size:10px}
.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

@keyframes pulse{50%{opacity:.42;transform:scale(.76)}}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes spinBack{to{transform:rotate(-360deg)}}

@media(max-width:1100px){
  .hero-layout,.positioning-layout,.pages-layout,.market-layout,.commitment-layout{grid-template-columns:1fr}
  .hero{padding-top:145px}.hero-visual{min-height:690px}.hero-cards{grid-template-columns:repeat(2,1fr)}
  .head-split,.diagnostic-intro{grid-template-columns:1fr}.framing-grid{grid-template-columns:repeat(2,1fr)}
  .levers-grid,.method-grid{grid-template-columns:repeat(2,1fr)}
  .nav{display:none}.pill-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:780px){
  .container{width:min(100% - 28px,1240px)}
  .hero{min-height:auto;padding:125px 0 70px}
  .hero h1{font-size:var(--tw-h1-size, clamp(1.8rem, 3.8vw, 3.4rem));font-weight:700;line-height:1.1;letter-spacing:-.02em}
  .hero-sub{font-size:18px}
  .hero-actions{flex-direction:row;flex-wrap:wrap}
  .hero-actions > a{width:auto !important;flex:1 1 auto}
  .hero-cards,.pill-grid,.framing-grid,.levers-grid,.method-grid,.market-grid,.kpi-grid,.faq-grid{grid-template-columns:1fr}
  .hero-visual{min-height:560px;margin:0 -20px}.hero-character-frame{inset:20px 0 0}.hero-orbit{width:440px;height:440px}
  .hero-data{width:145px;padding:13px}.hero-data b{font-size:19px}.data-1{left:0}.data-2{right:0}.data-3{right:12px}
  .positioning,.framing,.diagnostic,.levers,.pages-section,.arbitrage,.method,.market,.commitments,.faq,.cta{padding:82px 0}
  .arbitrage-note{grid-template-columns:1fr}
  .data-table{display:block;overflow-x:auto;white-space:normal}
  .cta-box{padding:58px 20px}.cta-actions{flex-direction:column}
}
@media(max-width:500px){
  .hero-visual{min-height:480px}.hero-orbit{width:360px;height:360px}.hero-character{object-position:54% center}
  .hero-data{display:none}.section-title{font-size:var(--tw-h2-size, clamp(1.8rem, 3.5vw, 2.8rem));font-weight:700;line-height:1.12;letter-spacing:-.02em}.brand span:last-child{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Site integration: sticky navbar sits above page topbar */
.page > header.topbar { display: none; }
.page > footer.footer { display: none; }

/* === H1 uniforme 60px (hors accueil) === */
.hero h1 { font-size: 60px; }
@media (max-width: 760px) { .hero h1 { font-size: 34px; line-height: 1.12; } }