@layer foundation, interface, polish;
@layer foundation {
/* ═══════════════════════════════════════════════
   TIMEBACK — Design System V9
   Positionnement large SASU : IA + Assistance + Automatisation
   Mobile-first, accessibilité, dark/light, 5 palettes
═══════════════════════════════════════════════ */

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;max-width:100%;overflow-x:clip}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;font-size:1rem;line-height:1.6;max-width:100%;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video,svg{max-width:100%;display:block}
button,input,select,textarea{font-family:inherit;font-size:inherit}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{line-height:1.15;font-weight:700}
button{cursor:pointer;background:none;border:none}
[hidden]{display:none}

/* ── PALETTE TOKENS ── */
:root{
  --accent:#00c896;--accent2:#00a87d;--accent-glow:rgba(0,200,150,.18);
  --warn:#f59e0b;--ok:#22c55e;--danger:#ef4444;--purple:#a855f7;
}
[data-palette=blue]{--accent:#3b9eff;--accent2:#2281e0;--accent-glow:rgba(59,158,255,.18);}
[data-palette=sun]{--accent:#f59e0b;--accent2:#d97706;--accent-glow:rgba(245,158,11,.18);}
[data-palette=violet]{--accent:#a855f7;--accent2:#9333ea;--accent-glow:rgba(168,85,247,.18);}
[data-palette=mono]{--accent:#e5e5e5;--accent2:#ccc;--accent-glow:rgba(229,229,229,.14);}

/* ── DARK THEME (default) ── */
[data-theme=dark]{
  --bg:#07110f;--bg2:#0d1c18;--bg3:#122018;--bg4:#172924;
  --surface:rgba(13,28,24,.8);
  --tx:#e8f5f1;--ts:rgba(232,245,241,.65);--tm:rgba(232,245,241,.38);
  --line:rgba(232,245,241,.09);--line-c:rgba(0,200,150,.22);
  --nav-bg:rgba(7,17,15,.92);
  --card-bg:#0d1c18;--card-border:rgba(232,245,241,.09);
  --input-bg:#122018;--input-border:rgba(232,245,241,.12);
  color-scheme:dark;
}
/* ── LIGHT THEME ── */
[data-theme=light]{
  --bg:#f0f7f5;--bg2:#ffffff;--bg3:#e4f0ec;--bg4:#d5e8e2;
  --surface:rgba(255,255,255,.9);
  --tx:#0a1f1a;--ts:rgba(10,31,26,.65);--tm:rgba(10,31,26,.42);
  --line:rgba(10,31,26,.10);--line-c:rgba(0,168,125,.25);
  --nav-bg:rgba(240,247,245,.94);
  --card-bg:#ffffff;--card-border:rgba(10,31,26,.09);
  --input-bg:#f0f7f5;--input-border:rgba(10,31,26,.15);
  color-scheme:light;
}
[data-palette=blue][data-theme=light]{--accent:#2271d4;--accent2:#1860b0;--accent-glow:rgba(34,113,212,.14);}
[data-palette=sun][data-theme=light]{--accent:#c47a00;--accent2:#a86800;--accent-glow:rgba(196,122,0,.14);}
[data-palette=violet][data-theme=light]{--accent:#7c3aed;--accent2:#6d28d9;--accent-glow:rgba(124,58,237,.14);}
[data-palette=mono][data-theme=light]{--accent:#222;--accent2:#333;--accent-glow:rgba(34,34,34,.10);}

body{background:var(--bg);color:var(--tx);}

/* ── TYPOGRAPHY ── */
.kicker{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:.5rem}
.section-title{font-size:clamp(1.6rem,3.5vw,2.5rem);letter-spacing:-.025em;color:var(--tx);margin-bottom:.75rem}
.section-lead{font-size:1rem;color:var(--ts);max-width:52ch;line-height:1.7}
.brand-t{color:var(--accent)}

/* ── LAYOUT ── */
.wrap{width:100%;max-width:1120px;margin:0 auto;padding-left:max(1rem,calc(env(safe-area-inset-left) + .75rem));padding-right:max(1rem,calc(env(safe-area-inset-right) + .75rem))}
.section{padding-block:4.5rem}
.section-alt{background:var(--bg2)}

/* ── PROGRESS BAR ── */
#progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--warn));z-index:1000;width:0;transition:width .05s linear;pointer-events:none}

/* ── SKIP LINK ── */
.skip-link{position:absolute;top:-100%;left:1rem;background:var(--accent);color:#000;padding:.5rem 1rem;border-radius:0 0 8px 8px;font-weight:700;z-index:2000;transition:top .2s}
.skip-link:focus{top:0}

/* ════════════════════
   HEADER / NAV
════════════════════ */
#header{position:fixed;top:max(2px,env(safe-area-inset-top));inset-inline:0;z-index:900;transition:background .3s,box-shadow .3s}
#header.scrolled{background:var(--nav-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--line)}
.nav-inner{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem max(1rem,calc(env(safe-area-inset-right) + .75rem)) .75rem max(1rem,calc(env(safe-area-inset-left) + .75rem));max-width:1120px;margin:0 auto}
.brand{display:flex;align-items:center;gap:.55rem;font-size:1.2rem;font-weight:800;letter-spacing:-.04em;text-decoration:none;color:var(--tx);flex-shrink:0}
.brand-mark{width:28px;height:28px;border-radius:7px;background:var(--accent-glow);border:1px solid var(--line-c);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}
.brand-mark span{width:10px;height:10px;border-radius:50%;border:2px solid var(--accent);position:relative}
.brand-mark span::before{content:'';position:absolute;top:50%;left:50%;width:1px;height:5px;background:var(--accent);transform:translate(-50%,-100%) rotate(0deg);transform-origin:bottom center}
.brand-mark span::after{content:'';position:absolute;top:50%;left:50%;width:1px;height:4px;background:var(--accent);transform:translate(0,-50%) rotate(90deg);transform-origin:left center}

.navlinks{display:flex;align-items:center;gap:.15rem;flex:1;justify-content:center}
.navlinks a{font-size:.83rem;font-weight:500;color:var(--ts);padding:.4rem .65rem;border-radius:6px;transition:color .2s,background .2s;white-space:nowrap;position:relative}
.navlinks a:hover,.navlinks a.active{color:var(--tx);background:var(--accent-glow)}
.navlinks a.active::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:16px;height:2px;background:var(--accent);border-radius:1px}

.nav-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
/* Lang dropdown */
.lang{position:relative}
#langBtn{display:flex;align-items:center;gap:.3rem;background:var(--bg3);border:1px solid var(--line);border-radius:7px;padding:.35rem .6rem;font-size:.82rem;color:var(--ts);transition:all .2s}
#langBtn:hover{border-color:var(--line-c);color:var(--tx)}
#langMenu{display:none;position:absolute;top:calc(100% + .4rem);right:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:.35rem;min-width:140px;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:100}
.lang.open #langMenu{display:block}
#langMenu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .65rem;border-radius:6px;font-size:.82rem;color:var(--ts);transition:all .18s;text-align:left}
#langMenu button:hover{background:var(--accent-glow);color:var(--tx)}
/* Theme toggle */
#theme{width:36px;height:18px;border-radius:999px;background:var(--bg3);border:1px solid var(--line);position:relative;transition:all .25s;flex-shrink:0}
#theme i{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--accent);transition:transform .25s;font-style:normal}
[data-theme=light] #theme i{transform:translateX(18px)}
#theme span{position:absolute;font-size:7px;top:50%;transform:translateY(-50%);pointer-events:none;line-height:1}
#theme span:first-child{left:3px}
#theme span:last-child{right:2px}
/* Palette */
.palette-control{position:relative}
.palette-btn{display:flex;align-items:center;gap:.3rem;background:var(--bg3);border:1px solid var(--line);border-radius:7px;padding:.35rem .55rem;transition:all .2s}
.palette-btn:hover{border-color:var(--line-c)}
.palette-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);display:block}
.palette-menu{display:none;position:absolute;top:calc(100% + .4rem);right:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:100}
.palette-control.open .palette-menu{display:flex;flex-direction:column;gap:.35rem;min-width:160px}
.palette-menu button{display:flex;align-items:center;gap:.6rem;padding:.4rem .65rem;border-radius:6px;font-size:.82rem;color:var(--ts);transition:all .18s;text-align:left}
.palette-menu button:hover,.palette-menu button.active{background:var(--accent-glow);color:var(--tx)}
.palette-menu em{margin-left:auto;font-style:normal;font-size:.75rem;color:var(--accent);display:none}
.palette-menu button.active em{display:block}
.swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.sw-blue{background:#3b9eff}.sw-green{background:#00c896}.sw-sun{background:#f59e0b}.sw-violet{background:#a855f7}.sw-mono{background:#aaa}

/* NAV CTA button */
.nav-cta{background:var(--accent);color:#000;padding:.46rem 1rem;border-radius:7px;font-weight:700;font-size:.8rem;white-space:nowrap;transition:all .2s;border:none}
.nav-cta:hover{filter:brightness(1.1);box-shadow:0 0 14px var(--accent-glow)}
/* Hamburger */
#menu{display:none;flex-direction:column;gap:4px;padding:5px;flex-shrink:0}
#menu span{display:block;width:19px;height:1.5px;background:var(--tx);border-radius:2px;transition:all .25s}

/* ════════════════════
   HERO
════════════════════ */
.hero{min-height:100svh;display:flex;align-items:center;padding-top:64px;position:relative;overflow:hidden}
.hero-mesh{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-mesh i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;will-change:transform}
.hero-mesh i:nth-child(1){width:500px;height:500px;background:var(--accent);top:-10%;right:-8%;opacity:.12}
.hero-mesh i:nth-child(2){width:380px;height:380px;background:var(--warn);bottom:-8%;left:-5%;opacity:.08}
.hero-mesh i:nth-child(3){width:280px;height:280px;background:var(--accent);top:40%;left:40%;opacity:.06}
.hero-inner{position:relative;z-index:1;padding:3rem 0 2.5rem;width:100%}
.hero-eye{display:inline-flex;max-width:100%;white-space:normal;overflow-wrap:anywhere;align-items:center;gap:.5rem;background:var(--accent-glow);border:1px solid var(--line-c);color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .85rem;border-radius:999px;margin-bottom:1.5rem}
.hero-eye::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 5px transparent}}
.hero-h1{font-size:clamp(2.4rem,7vw,5.5rem);letter-spacing:-.04em;line-height:.96;margin-bottom:1.5rem;font-weight:800}
.hero-h1 em{font-style:normal;color:var(--accent)}
.hero-lead{font-size:clamp(.95rem,1.5vw,1.1rem);color:var(--ts);max-width:46ch;line-height:1.75;margin-bottom:2rem}
.hero-principles{display:flex;gap:1.5rem;margin-bottom:2.25rem;flex-wrap:wrap}
.hero-principle{display:flex;align-items:flex-start;gap:.5rem;font-size:.83rem;color:var(--ts)}
.hero-principle::before{content:'✓';color:var(--accent);font-weight:700;flex-shrink:0;margin-top:.05rem}
.hero-btns{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}
/* Audience quick links */
.audience-chips{display:flex;gap:.5rem;margin-top:2rem;flex-wrap:wrap}
.audience-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--line-c);color:var(--ts);transition:all .2s}
.audience-chip:hover{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}
.audience-chip-label{font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:var(--accent);color:#000;padding:.1rem .4rem;border-radius:3px}
/* Hero demo card */
.hero-demo{display:block;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:1.25rem;max-width:380px;width:100%}
.hero-demo-top{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin-bottom:.75rem}
.demo-flow{display:flex;flex-direction:column;gap:.5rem}
.demo-step{display:flex;align-items:center;gap:.65rem;background:var(--bg3);border-radius:8px;padding:.6rem .8rem;font-size:.8rem}
.demo-step-dot{width:22px;height:22px;border-radius:50%;background:var(--accent-glow);border:1px solid var(--line-c);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--accent);flex-shrink:0}
.demo-step.after .demo-step-dot{background:var(--accent);color:#000;border-color:var(--accent)}
.demo-arrow{text-align:center;font-size:.75rem;color:var(--tm);padding:.1rem 0}
.demo-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:700;background:var(--accent);color:#000;padding:.2rem .55rem;border-radius:4px;margin-top:.5rem}
.demo-note{font-size:.72rem;color:var(--tm);margin-top:.75rem;line-height:1.5}
/* Stats strip */
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.5rem;gap:1rem}
.hero-stat-n{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:var(--accent);line-height:1}
.hero-stat-l{font-size:.72rem;color:var(--tm);margin-top:.2rem;line-height:1.4}

/* ════════════════════
   BUTTONS
════════════════════ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1.5rem;border-radius:8px;font-weight:700;font-size:.88rem;border:none;transition:all .2s;white-space:nowrap;cursor:pointer;text-decoration:none;font-family:inherit;letter-spacing:.01em}
.btn-primary{background:var(--accent);color:#000}
.btn-primary:hover{filter:brightness(1.08);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}
.btn-outline{background:transparent;border:1.5px solid var(--line);color:var(--ts)}
.btn-outline:hover{border-color:var(--line-c);color:var(--accent);background:var(--accent-glow)}
.btn-ghost{background:transparent;color:var(--ts);padding:.72rem 1rem}
.btn-ghost:hover{color:var(--tx)}
.btn-sm{padding:.5rem 1rem;font-size:.8rem}
.btn-calendar{background:var(--accent);color:#000}
.btn-calendar:hover{filter:brightness(1.08);box-shadow:0 0 20px var(--accent-glow)}

/* ════════════════════
   SECTIONS COMMUNES
════════════════════ */
.section-header{margin-bottom:2.5rem}
.section-header .section-lead{margin-top:.5rem}

/* Universes grid */
.universes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}
.universe-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.4rem;transition:all .22s;position:relative;overflow:hidden}
.universe-card::before{content:'';position:absolute;inset:0;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),var(--accent-glow),transparent 55%);opacity:0;transition:opacity .25s}
.universe-card:hover{border-color:var(--line-c);transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.15)}
.universe-card:hover::before{opacity:1}
.universe-tag{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:#000;padding:.18rem .5rem;border-radius:4px;display:inline-block;margin-bottom:.75rem}
.universe-title{font-size:1.05rem;font-weight:700;margin-bottom:.4rem}
.universe-desc{font-size:.83rem;color:var(--ts);line-height:1.65}
.universe-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:.85rem;font-size:.8rem;font-weight:600;color:var(--accent)}

/* Frictions grid */
.frictions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:2rem}
.fr-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.25rem;transition:border-color .2s;position:relative;overflow:hidden}
.fr-card::after{content:'';position:absolute;inset:0;background:radial-gradient(200px circle at var(--mx,50%) var(--my,50%),var(--accent-glow),transparent 55%);opacity:0;transition:opacity .25s}
.fr-card:hover{border-color:var(--line-c)}
.fr-card:hover::after{opacity:1}
.fr-card small{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:.35rem}
.fr-card i{font-style:normal;font-size:1.3rem;display:block;margin-bottom:.5rem}
.fr-card h3{font-size:.92rem;font-weight:700;margin-bottom:.35rem}
.fr-card p{font-size:.82rem;color:var(--ts);line-height:1.6;margin-bottom:.5rem}
.fr-card span{font-size:.75rem;font-weight:600;color:var(--accent)}

/* Method steps */
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-top:2rem;position:relative}
.steps-grid::before{content:'';position:absolute;top:1.4rem;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent,var(--line-c) 20%,var(--line-c) 80%,transparent);pointer-events:none}
.step{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.25rem;position:relative;z-index:1}
.step small{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--accent);margin-bottom:1rem}
.step small::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 0 3px var(--accent-glow)}
.step h3{font-size:.95rem;font-weight:700;margin-bottom:.35rem}
.step p{font-size:.82rem;color:var(--ts);line-height:1.6}

/* Method quote */
.method-quote{margin:2.5rem 0;padding:1.5rem;background:var(--bg3);border-left:3px solid var(--accent);border-radius:0 10px 10px 0}
.method-quote p{font-size:1rem;font-style:italic;color:var(--tx);line-height:1.65;margin-bottom:.5rem}
.method-quote small{font-size:.78rem;color:var(--tm)}

/* Solutions */
.solutions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:2rem}
.sol-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.25rem;transition:all .22s;position:relative;overflow:hidden}
.sol-card::after{content:'';position:absolute;inset:0;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),var(--accent-glow),transparent 55%);opacity:0;transition:opacity .25s}
.sol-card:hover{border-color:var(--line-c);transform:translateY(-2px)}
.sol-card:hover::after{opacity:1}
.sol-icon{font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--accent-glow);border:1px solid var(--line-c);color:var(--accent);padding:.25rem .6rem;border-radius:5px;display:inline-block;margin-bottom:.75rem;position:relative;z-index:1}
.sol-card h3{font-size:.96rem;font-weight:700;margin-bottom:.35rem;position:relative;z-index:1}
.sol-card p{font-size:.82rem;color:var(--ts);line-height:1.6;margin-bottom:.7rem;position:relative;z-index:1}
.sol-card ul{display:flex;flex-direction:column;gap:.3rem;position:relative;z-index:1}
.sol-card li{font-size:.77rem;color:var(--tm);display:flex;align-items:center;gap:.4rem}
.sol-card li::before{content:'→';color:var(--accent);font-size:.7rem;flex-shrink:0}

/* Cases */
.case-tabs{display:flex;gap:.4rem;margin-bottom:1.25rem;flex-wrap:wrap}
.case-tabs button{padding:.45rem .9rem;border-radius:999px;font-size:.8rem;font-weight:600;border:1.5px solid var(--line);color:var(--ts);transition:all .2s}
.case-tabs button:hover{border-color:var(--line-c);color:var(--tx)}
.case-tabs button.active{background:var(--accent);color:#000;border-color:var(--accent)}
.case-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.case-col h4{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.65rem}
.case-col p{font-size:.88rem;color:var(--ts);line-height:1.7;margin-bottom:.75rem}
#caseSector{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tm);background:var(--bg3);border:1px solid var(--line);padding:.2rem .55rem;border-radius:4px;display:inline-block;margin-bottom:.75rem}
.case-result-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ok);margin-bottom:.5rem;display:block}

/* ROI */
.roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;margin-top:2rem}
.roi-inputs{display:flex;flex-direction:column;gap:1rem}
.roi-field label{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:600;color:var(--ts);margin-bottom:.4rem}
.roi-field label output{font-weight:700;color:var(--accent)}
.roi-field input[type=range]{width:100%;accent-color:var(--accent);height:4px;border-radius:2px;border:none;outline:none;cursor:pointer}
.roi-select{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:7px;padding:.6rem .8rem;color:var(--tx);outline:none;transition:border-color .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(180,200,190,.5)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center}
.roi-select:focus{border-color:var(--line-c)}
.roi-results{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}
.roi-result-item small{display:block;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tm);margin-bottom:.25rem}
.roi-result-item strong{font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:var(--accent);display:block}
.roi-note{font-size:.75rem;color:var(--tm);line-height:1.55;padding:.75rem;background:var(--bg3);border-radius:7px}

/* TimeBack Score / Diagnostic */
.diagnostic-wrapper{background:var(--card-bg);border:1px solid var(--line-c);border-radius:16px;padding:1.75rem;max-width:680px;margin:2rem auto 0}
#diagProgress{height:3px;background:var(--line);border-radius:2px;margin-bottom:1.5rem;overflow:hidden}
#diagProgress::before{content:'';display:block;height:100%;background:var(--accent);border-radius:2px;transition:width .35s ease;width:var(--prog,0%)}
#diagCount{font-size:.72rem;color:var(--tm);text-align:right;margin-bottom:.75rem}
#diagStepTitle{font-size:1rem;font-weight:700;margin-bottom:1.25rem}
.diag-options{display:flex;flex-direction:column;gap:.5rem}
.diag-opt{display:flex;align-items:center;gap:.65rem;padding:.7rem 1rem;background:var(--bg3);border:1.5px solid var(--line);border-radius:8px;cursor:pointer;transition:all .2s;font-size:.87rem}
.diag-opt:hover{border-color:var(--line-c);color:var(--accent)}
.diag-opt input{accent-color:var(--accent);flex-shrink:0}
.diag-opt.selected{border-color:var(--accent);background:var(--accent-glow);color:var(--accent)}
.diag-multi{display:flex;flex-direction:column;gap:.45rem}
.diag-check{display:flex;align-items:center;gap:.65rem;padding:.6rem .9rem;background:var(--bg3);border:1.5px solid var(--line);border-radius:8px;cursor:pointer;transition:all .2s;font-size:.84rem}
.diag-check:hover{border-color:var(--line-c)}
.diag-check.checked{border-color:var(--accent);background:var(--accent-glow)}
.diag-check input{accent-color:var(--accent);flex-shrink:0}
.diag-signal{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}
.signal-card{background:var(--bg3);border:1.5px solid var(--line);border-radius:8px;padding:.65rem .85rem;cursor:pointer;transition:all .2s}
.signal-card.active{border-color:var(--accent);background:var(--accent-glow)}
.signal-card p{font-size:.82rem;font-weight:600;margin-bottom:.2rem}
.signal-card small{font-size:.73rem;color:var(--tm)}
#diagActions{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;gap:.75rem;flex-wrap:wrap}
/* Result ring */
.result-ring-wrap{display:flex;justify-content:center;margin-bottom:1.5rem}
#resultRing{width:110px;height:110px}
.ring-bg{fill:none;stroke:var(--line);stroke-width:8}
.ring-fg{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease;transform:rotate(-90deg);transform-origin:55px 55px}
.ring-text{font-size:1.4rem;font-weight:800;fill:var(--tx);dominant-baseline:middle;text-anchor:middle}
.ring-label{font-size:.55rem;fill:var(--tm);dominant-baseline:middle;text-anchor:middle}
.result-headline{font-size:1.1rem;font-weight:700;text-align:center;margin-bottom:.5rem}
.result-priority{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;padding:.28rem .65rem;border-radius:999px}
.priority-high{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.25)}
.priority-med{background:rgba(245,158,11,.12);color:#f59e0b;border:1px solid rgba(245,158,11,.25)}
.priority-low{background:rgba(34,197,94,.12);color:#22c55e;border:1px solid rgba(34,197,94,.25)}
.result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin:1.25rem 0}
.result-metric small{font-size:.7rem;color:var(--tm);display:block;margin-bottom:.2rem}
.result-metric strong{font-size:1.2rem;font-weight:800;color:var(--accent)}
.result-method{font-size:.83rem;color:var(--ts);line-height:1.65;padding:.85rem;background:var(--bg3);border-radius:8px;margin-bottom:1rem}
.result-recommendations{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}
.result-rec{display:flex;align-items:flex-start;gap:.5rem;font-size:.83rem;color:var(--ts)}
.result-rec::before{content:'→';color:var(--accent);flex-shrink:0;margin-top:.05rem}
.result-sector-hint{font-size:.8rem;color:var(--ts);background:var(--accent-glow);border:1px solid var(--line-c);border-radius:7px;padding:.65rem .85rem;margin-bottom:1rem}
.score-individuals-link{text-align:center;margin-top:.75rem}
.score-individuals-link a{font-size:.82rem;color:var(--accent);border-bottom:1px solid var(--line-c)}

/* Offers */
.offers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:2rem}
.offer{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.25rem;transition:all .22s}
.offer:hover{border-color:var(--line-c);transform:translateY(-1px)}
.offer.featured{border-color:var(--line-c);background:var(--bg3)}
.offer small{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:.5rem}
.offer h3{font-size:.95rem;font-weight:700;margin-bottom:.5rem}
.offer h3 b{color:var(--accent)}
.offer p{font-size:.82rem;color:var(--ts);line-height:1.6;margin-bottom:.6rem}
.offer span{font-size:.77rem;color:var(--tm)}

/* Tech logos */
.tech-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.tech-tag{background:var(--bg3);border:1px solid var(--line);border-radius:6px;padding:.3rem .7rem;font-size:.76rem;color:var(--tm);font-weight:500;transition:all .2s}
.tech-tag:hover{border-color:var(--line-c);color:var(--tx)}

/* About */
.about-grid{display:grid;grid-template-columns:280px 1fr;gap:3rem;align-items:start;margin-top:2rem}
.about-photo{border-radius:14px;overflow:hidden;border:1px solid var(--card-border);position:sticky;top:80px}
.about-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;display:block}
.about-content p{font-size:.93rem;color:var(--ts);line-height:1.85;margin-bottom:1rem}
.about-mission{margin-top:1.5rem;padding:1rem 1.25rem;background:var(--bg3);border-left:3px solid var(--accent);border-radius:0 9px 9px 0}
.about-mission small{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:.35rem}
.about-mission p{font-size:.88rem;font-style:italic;color:var(--tx);line-height:1.6;margin:0}
/* SASU badge */
.sasu-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;background:var(--accent-glow);border:1px solid var(--line-c);color:var(--accent);padding:.28rem .7rem;border-radius:999px;margin-bottom:1rem}

/* FAQ */
.faq-list{max-width:720px;margin:2rem auto 0;display:flex;flex-direction:column;gap:.6rem}
details{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;overflow:hidden;transition:border-color .2s}
details:hover{border-color:var(--line-c)}
details[open]{border-color:var(--line-c)}
summary{padding:1rem 1.2rem;font-size:.9rem;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--tx);user-select:none}
summary::after{content:'＋';color:var(--accent);font-size:1rem;flex-shrink:0;transition:transform .25s}
details[open] summary::after{content:'－'}
summary::-webkit-details-marker{display:none}
.faq-answer{padding:0 1.2rem 1rem;font-size:.87rem;color:var(--ts);line-height:1.75}
.faq-answer p{margin-bottom:.5rem}

/* Contact route clarity */
.form-intro{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.form-intro h3{font-size:1.05rem;margin-bottom:.35rem}
.form-intro p{font-size:.85rem;color:var(--ts);line-height:1.6}
.booking-reassurance{font-size:.72rem;color:var(--tm);padding:0 1.2rem 1.1rem;line-height:1.5}
#bookingHome:empty{display:none}
#modalBookingMount:empty{display:none}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-top:2rem}
.form-group{margin-bottom:1rem}
.form-group label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tm);margin-bottom:.35rem}
.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:8px;padding:.65rem .85rem;color:var(--tx);outline:none;transition:border-color .2s,box-shadow .2s;appearance:none;resize:vertical}
.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(180,200,190,.5)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-color:var(--input-bg);cursor:pointer}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--line-c);box-shadow:0 0 0 3px var(--accent-glow)}
.form-group textarea{min-height:90px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
#businessFields{display:flex;flex-direction:column;gap:1rem}
#sectorField{}
#diagAttached{background:var(--bg3);border:1px solid var(--line-c);border-radius:8px;padding:.75rem 1rem;font-size:.8rem;color:var(--ts);margin-bottom:1rem}
.form-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:.75rem}
#formStatus{font-size:.82rem;margin-top:.65rem;min-height:1.2em}
#formStatus.ok{color:var(--ok)}
#formStatus.error{color:var(--danger)}
/* Calendar box */
.cal-wrapper{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden}
.cal-head{padding:.9rem 1.2rem;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.65rem}
.cal-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);flex-shrink:0}
.cal-head-text h4{font-size:.88rem;font-weight:700}
.cal-head-text small{font-size:.73rem;color:var(--tm)}
/* Booking qualifier */
.booking-intro-copy{font-size:.85rem;color:var(--ts);line-height:1.65;margin-bottom:1.25rem;padding:1rem 1.2rem}
.booking-fields{padding:0 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.85rem}
.booking-field label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tm);margin-bottom:.32rem}
.booking-field select,.booking-field input,.booking-field textarea{width:100%;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:7px;padding:.58rem .78rem;color:var(--tx);outline:none;transition:border-color .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(180,200,190,.5)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-color:var(--input-bg)}
.booking-field select:focus,.booking-field input:focus,.booking-field textarea:focus{border-color:var(--line-c);box-shadow:0 0 0 3px var(--accent-glow)}
.booking-field textarea{resize:vertical;min-height:70px;background-image:none}
#bookingError{font-size:.79rem;color:var(--danger);min-height:1em;padding:0 1.2rem}
.booking-actions{padding:.75rem 1.2rem 1.2rem;display:flex;gap:.6rem;flex-wrap:wrap}
#calFrame iframe{width:100%;min-height:520px;border:none;display:block}
/* Contact info */
.contact-info{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.5rem}
.contact-info-item{display:flex;align-items:center;gap:.65rem}
.contact-info-icon{width:32px;height:32px;border-radius:8px;background:var(--accent-glow);border:1px solid var(--line-c);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}
.contact-info-text strong{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tm);margin-bottom:1px}
.contact-info-text span{font-size:.85rem;color:var(--ts)}
/* Privacy note */
.form-privacy{font-size:.74rem;color:var(--tm);line-height:1.55;margin-top:.75rem}

/* Final CTA */
.final-cta{text-align:center;padding:6rem 0;position:relative;overflow:hidden}
.final-cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:300px;background:radial-gradient(ellipse,var(--accent-glow),transparent 65%);pointer-events:none}
.final-cta h2{font-size:clamp(1.6rem,3.5vw,2.6rem);letter-spacing:-.03em;margin-bottom:.65rem;position:relative}
.final-cta p{font-size:1rem;color:var(--ts);max-width:44ch;margin:0 auto 1.75rem;position:relative}

/* Footer */
footer{background:var(--bg2);border-top:1px solid var(--line);padding-block:2.5rem}
.foot-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;align-items:start;margin-bottom:2rem}
.foot-brand{font-size:1.15rem;font-weight:800;letter-spacing:-.04em;margin-bottom:.6rem}
.foot-tagline{font-size:.82rem;color:var(--tm);line-height:1.55;max-width:22ch}
.foot-col h5{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tm);margin-bottom:.75rem}
.foot-col a{display:block;font-size:.83rem;color:var(--ts);padding:.2rem 0;transition:color .2s}
.foot-col a:hover{color:var(--accent)}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.76rem;color:var(--tm)}
.foot-legal{display:flex;gap:1.25rem}
.foot-legal a{color:var(--tm);transition:color .2s}
.foot-legal a:hover{color:var(--accent)}

/* Modal */
#modal{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:800;padding:1rem;opacity:0;pointer-events:none;transition:opacity .25s;backdrop-filter:blur(4px)}
#modal.open{opacity:1;pointer-events:all}
.modal-inner{background:var(--bg2);border:1px solid var(--card-border);border-radius:16px;width:100%;max-width:520px;max-height:90svh;overflow-y:auto;animation:modalIn .25s ease both}
@keyframes modalIn{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
.modal-head{display:flex;align-items:center;gap:.75rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg2);z-index:1}
.modal-kicker{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);flex:1}
[data-close]{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--tm);transition:all .2s}
[data-close]:hover{background:var(--bg3);color:var(--tx)}

/* Toast */
#toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(12px);background:var(--card-bg);border:1px solid var(--line-c);border-radius:999px;padding:.55rem 1.25rem;font-size:.83rem;color:var(--accent);font-weight:600;z-index:1000;opacity:0;transition:all .25s;pointer-events:none;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.25)}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* Mobile floating CTA */
#mobileContactCta{position:fixed;bottom:1.25rem;inset-inline:1rem;z-index:700;display:none;transition:opacity .3s,transform .3s}
#mobileContactCta.is-hidden{opacity:0;transform:translateY(8px);pointer-events:none}
#mobileContactCta.is-dormant{opacity:0;pointer-events:none}

/* Reveal */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease;transition-delay:var(--delay,0ms)}
.reveal.in{opacity:1;transform:translateY(0)}

/* ════════════════════
   RESPONSIVE — MOBILE
════════════════════ */
@media(max-width:900px){
  .navlinks{display:none;position:absolute;top:54px;left:0;right:0;flex-direction:column;background:var(--nav-bg);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:.5rem .75rem;gap:.15rem;z-index:899}
  .navlinks.open{display:flex}
  .navlinks a{display:block;padding:.65rem .75rem;border-radius:7px;font-size:.9rem}
  .navlinks a.active::after{display:none}
  #menu{display:flex}
  .hero-stats{grid-template-columns:repeat(3,1fr)}
  .universes-grid{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr}
  .about-photo{position:static}
  .about-photo img{aspect-ratio:1/1}
  .contact-grid{grid-template-columns:1fr}
  .roi-grid{grid-template-columns:1fr}
  .case-panel{grid-template-columns:1fr}
  .foot-inner{grid-template-columns:1fr 1fr}
  #mobileContactCta{display:flex}
  .steps-grid::before{display:none}
  .form-row{grid-template-columns:1fr}
}
@media(max-width:600px){
  .hero-h1{font-size:clamp(2rem,10vw,3.2rem)}
  .hero-stats{grid-template-columns:1fr}
  .hero-stat-n{font-size:1.3rem}
  .hero-btns{flex-direction:column;align-items:stretch}
  .hero-btns .btn{text-align:center}
  .audience-chips{gap:.4rem}
  .case-tabs button{font-size:.74rem;padding:.38rem .7rem}
  .foot-inner{grid-template-columns:1fr}
  .diag-signal{grid-template-columns:1fr}
  .result-metrics{grid-template-columns:1fr}
  .solutions-grid,.frictions-grid{grid-template-columns:1fr}
}
/* RTL */
[dir=rtl] .brand{flex-direction:row-reverse}
[dir=rtl] .hero-principles,[dir=rtl] .hero-btns{flex-direction:row-reverse}
[dir=rtl] summary::after{margin-left:0;margin-right:auto}
[dir=rtl] .method-quote{border-left:none;border-right:3px solid var(--accent);border-radius:10px 0 0 10px}
[dir=rtl] .step small::before{display:none}

/* V10 — robust mobile header, safe areas and full-screen booking */
section[id]{scroll-margin-top:82px}
@media(max-width:900px){
  .nav-cta{display:none}
  #langBtn,.palette-btn,#menu{min-height:40px}
  #menu{min-width:40px;align-items:center;justify-content:center}
  .navlinks{top:100%;left:0;right:0}
  .hero-demo{display:none}
  .contact-grid>.booking-column{order:-1}
  .contact-grid{gap:2rem}
}
@media(max-width:600px){
  .section{padding-block:3.25rem}
  .hero{min-height:auto;padding-top:78px}
  .hero-inner{padding-top:2rem;padding-bottom:2rem}
  .hero-eye{display:flex;width:100%;border-radius:12px;font-size:.66rem;line-height:1.35;letter-spacing:.07em;padding:.5rem .7rem;margin-bottom:1.15rem}
  .hero-h1{font-size:clamp(2rem,11vw,3rem);line-height:.98;margin-bottom:1rem}
  .hero-lead{font-size:.95rem;line-height:1.65;margin-bottom:1.35rem}
  .hero-principles{display:grid;grid-template-columns:1fr;gap:.55rem;margin-bottom:1.5rem}
  .hero-btns{gap:.65rem}
  .audience-chips{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:1.25rem}
  .audience-chip{min-width:0;justify-content:center;padding:.48rem .55rem;text-align:center}
  .audience-chip:nth-child(3){grid-column:1/-1}
  .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-top:1.5rem;padding-top:1rem}
  .hero-stats>div{min-width:0;text-align:center;padding:.45rem .25rem;border-radius:8px;background:var(--bg3)}
  .hero-stat-n{font-size:.96rem;overflow-wrap:anywhere}
  .hero-stat-l{font-size:.62rem;line-height:1.3}
  .universes-grid{gap:.75rem}
  .universe-card{padding:1.1rem}
  .contact-info{margin-bottom:1rem}
  .form-group input,.form-group select,.form-group textarea,.booking-field select,.booking-field input,.booking-field textarea{font-size:16px;min-height:46px}
  .booking-field textarea,.form-group textarea{min-height:96px}
  #mobileContactCta{inset-inline:auto;bottom:calc(.75rem + env(safe-area-inset-bottom));left:calc(.75rem + env(safe-area-inset-left));right:calc(.75rem + env(safe-area-inset-right))}
  #modal{padding:0;align-items:stretch}
  .modal-inner{border-radius:0;max-width:none;width:100%;height:100dvh;max-height:none;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom)}
  .modal-head{padding-top:calc(.85rem + env(safe-area-inset-top));min-height:58px}
  #modal .cal-wrapper{border:0;border-radius:0}
  #modal .modal-inner.calendar-active{display:flex;flex-direction:column;overflow:hidden}
  #modal .modal-inner.calendar-active .modal-head{flex:0 0 auto}
  #modal .modal-inner.calendar-active #modalBookingMount{display:flex;flex:1;min-height:0}
  #modal .modal-inner.calendar-active #bookingModule{display:flex;flex:1;min-height:0;flex-direction:column;width:100%}
  #modal .modal-inner.calendar-active .cal-head{display:none}
  #modal .modal-inner.calendar-active #calFrame{display:flex;flex:1;min-height:0}
  #modal .modal-inner.calendar-active #calFrame iframe{height:100%;min-height:0}
}
@media(max-width:430px){
  .brand{font-size:1.05rem}
  .brand-mark{width:26px;height:26px}
  .palette-control{display:none}
  .nav-right{gap:.35rem}
  #langBtn{padding:.35rem .48rem}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}
  .reveal{opacity:1;transform:none}
}

/* ═══════════════════════════════════════════════
   TIMEBACK V11 — BRAND SYSTEM / CLARITY / FUTURE
═══════════════════════════════════════════════ */
:root,[data-palette=brand]{
  --accent:#19e0d7;
  --accent2:#00aebe;
  --accent-glow:rgba(25,224,215,.16);
  --warn:#ff7a45;
}
[data-theme=dark]{
  --bg:#040910;
  --bg2:#07101a;
  --bg3:#0b1723;
  --bg4:#102231;
  --surface:rgba(7,16,26,.84);
  --tx:#f2fbff;
  --ts:rgba(230,246,250,.72);
  --tm:rgba(212,236,241,.46);
  --line:rgba(121,225,229,.10);
  --line-c:rgba(25,224,215,.28);
  --nav-bg:rgba(4,9,16,.92);
  --card-bg:#08131e;
  --card-border:rgba(116,224,228,.11);
  --input-bg:#0b1723;
  --input-border:rgba(140,226,230,.16);
}
[data-theme=light]{
  --bg:#f4fafb;
  --bg2:#ffffff;
  --bg3:#eaf5f6;
  --bg4:#dceef0;
  --surface:rgba(255,255,255,.92);
  --tx:#061a22;
  --ts:rgba(6,26,34,.70);
  --tm:rgba(6,26,34,.48);
  --line:rgba(6,26,34,.10);
  --line-c:rgba(0,145,155,.25);
  --nav-bg:rgba(244,250,251,.94);
  --card-bg:#ffffff;
  --card-border:rgba(6,26,34,.09);
  --input-bg:#f4fafb;
  --input-border:rgba(6,26,34,.15);
  --accent:#009aa2;
  --accent2:#007f8b;
  --accent-glow:rgba(0,154,162,.12);
}
body{
  background:
    radial-gradient(900px 450px at 70% -10%,rgba(25,224,215,.08),transparent 65%),
    var(--bg);
}
.brand-logo{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(25,224,215,.22));flex:0 0 auto}
.nav-cta{background:linear-gradient(135deg,var(--accent),#66fff6);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;color:#021014}
.nav-cta:hover{box-shadow:0 0 26px rgba(25,224,215,.22)}
.palette-control{display:none}

/* Hero V11 */
.hero{min-height:min(860px,100svh);padding-top:72px;overflow:clip}
.hero-grid-bg{position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(25,224,215,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(25,224,215,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 88%)}
.hero-v11{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding-top:clamp(3rem,8vh,6rem);padding-bottom:2rem}
.hero-copy{min-width:0}
.hero-eye{margin-bottom:1.2rem;border-radius:999px;padding:.48rem .8rem;font-size:.68rem;letter-spacing:.11em}
.hero-h1{font-size:clamp(3rem,6.4vw,5.7rem);line-height:.94;letter-spacing:-.055em;max-width:10.5ch;margin-bottom:1.25rem}
.hero-h1 em{font-style:normal;background:linear-gradient(90deg,var(--accent),#9cfff8 65%,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(25,224,215,.08)}
.hero-lead{max-width:57ch;font-size:clamp(1rem,1.45vw,1.12rem);line-height:1.7;margin-bottom:1.55rem}
.hero-audience-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:.9rem}
.hero-audience-actions .btn{min-height:48px}
.hero-secondary-actions{display:flex;align-items:center;gap:1.15rem;flex-wrap:wrap;margin-bottom:1.2rem}
.text-cta{font-size:.84rem;color:var(--ts);display:inline-flex;align-items:center;gap:.4rem;padding:.3rem 0;border-bottom:1px solid transparent;transition:.2s}
.text-cta:hover{color:var(--accent);border-color:var(--line-c)}
.text-cta b{color:var(--accent);font-size:.95rem}
.hero-proof-mini{display:flex;flex-wrap:wrap;gap:.45rem 1rem;color:var(--tm);font-size:.72rem}
.hero-proof-mini span span{color:var(--ts)}
.hero-proof-mini>span{white-space:nowrap}

.hero-brand-visual{position:relative;min-height:520px;display:grid;place-items:center;isolation:isolate}
.hero-logo-shell{width:min(390px,82%);aspect-ratio:1;border-radius:50%;position:relative;z-index:3;filter:drop-shadow(0 0 35px rgba(25,224,215,.14))}
.hero-logo-shell::before{content:'';position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle,rgba(25,224,215,.11),transparent 67%);filter:blur(10px)}
.hero-logo-shell img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2}
.brand-orbit{position:absolute;border:1px solid rgba(25,224,215,.14);border-radius:50%;z-index:1}
.orbit-one{width:78%;aspect-ratio:1}
.orbit-two{width:98%;aspect-ratio:1;border-style:dashed;opacity:.5;animation:orbitSpin 34s linear infinite}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
.orbit-chip{position:absolute;z-index:4;padding:.34rem .58rem;border:1px solid var(--line-c);border-radius:999px;background:rgba(5,14,22,.85);backdrop-filter:blur(12px);font-size:.61rem;font-weight:800;letter-spacing:.09em;color:var(--accent);box-shadow:0 0 18px rgba(25,224,215,.08)}
.orbit-ai{top:10%;left:14%}.orbit-auto{top:28%;right:-1%}.orbit-it{bottom:17%;right:4%}.orbit-sec{bottom:10%;left:13%}
[data-theme=light] .orbit-chip{background:rgba(255,255,255,.9)}

.trust-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;padding-top:1.1rem;padding-bottom:1.4rem;border-top:1px solid var(--line)}
.trust-strip>span{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.7rem;color:var(--accent);text-align:center;min-width:0}
.trust-strip b{font-weight:600;color:var(--ts)}

/* Audience portals */
.universe-card{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--card-bg),rgba(8,19,30,.72));border-color:var(--card-border)}
.universe-card::after{content:'';position:absolute;inset:auto -20% -55% auto;width:170px;height:170px;background:radial-gradient(circle,var(--accent-glow),transparent 65%);pointer-events:none}
.universe-card:hover{transform:translateY(-3px);border-color:var(--line-c);box-shadow:0 18px 45px rgba(0,0,0,.12)}
.universe-link{position:relative;z-index:2}
.audience-route{margin-top:1.4rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:1.35rem 1.5rem;border:1px solid var(--line-c);border-radius:18px;background:linear-gradient(135deg,var(--accent-glow),transparent 62%),var(--card-bg);box-shadow:0 18px 50px rgba(0,0,0,.12)}
.audience-route[hidden]{display:none}
.audience-route h3{font-size:1.25rem;margin-bottom:.35rem}
.audience-route p{font-size:.88rem;color:var(--ts);line-height:1.65;max-width:68ch}
.audience-route ul{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}
.audience-route li{font-size:.72rem;color:var(--ts);background:var(--bg3);border:1px solid var(--line);border-radius:999px;padding:.28rem .55rem}
.audience-route-actions{display:flex;flex-direction:column;gap:.55rem;min-width:190px}

/* Quick help */
.quick-help-section{padding:0 0 1.2rem;background:var(--bg)}
.quick-help-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;border:1px solid rgba(255,122,69,.25);background:linear-gradient(115deg,rgba(255,122,69,.07),transparent 50%),var(--card-bg);border-radius:18px;padding:1.15rem 1.3rem}
.quick-help-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,122,69,.1);border:1px solid rgba(255,122,69,.25);font-size:1.2rem}
.quick-help-card h2{font-size:1.05rem;margin-bottom:.2rem}
.quick-help-card p{font-size:.82rem;color:var(--ts)}
.quick-help-card .kicker{color:var(--warn);margin-bottom:.2rem}
.quick-help-btn{border-color:rgba(255,122,69,.35)}

/* Human principle merged into method */
.human-principle{margin-top:1.4rem;display:grid;grid-template-columns:auto 1.4fr 1fr;gap:1.25rem;align-items:center;padding:1.3rem 1.45rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--accent-glow),transparent 58%),var(--card-bg)}
.human-principle-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-c);color:var(--accent);font-size:1.7rem;box-shadow:0 0 26px var(--accent-glow)}
.human-principle h3{font-size:1.12rem;margin-bottom:.3rem}
.human-principle p{font-size:.84rem;color:var(--ts);line-height:1.55}
.human-principle-points{display:flex;flex-direction:column;gap:.45rem}
.human-principle-points span{font-size:.66rem;color:var(--accent);letter-spacing:.05em;display:grid;grid-template-columns:24px 1fr;gap:.35rem}
.human-principle-points b{font-size:.78rem;letter-spacing:0;color:var(--ts)}

/* Care */
.care-section{padding-top:1rem}
.care-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;gap:2rem;padding:2rem;border:1px solid var(--line-c);border-radius:24px;background:linear-gradient(135deg,rgba(25,224,215,.12),transparent 45%),linear-gradient(315deg,rgba(0,174,190,.08),transparent 40%),var(--bg2);box-shadow:0 24px 80px rgba(0,0,0,.16)}
.care-card::before{content:'';position:absolute;width:340px;height:340px;border:1px solid rgba(25,224,215,.11);border-radius:50%;right:-120px;top:-170px;box-shadow:0 0 0 44px rgba(25,224,215,.025),0 0 0 88px rgba(25,224,215,.015)}
.care-copy{position:relative;z-index:2}
.care-copy h2{font-size:clamp(1.65rem,3vw,2.35rem);letter-spacing:-.03em;line-height:1.05;margin-bottom:.7rem;max-width:16ch}
.care-copy p{font-size:.92rem;color:var(--ts);line-height:1.7;max-width:58ch;margin-bottom:1.2rem}
.care-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.care-grid>div{display:flex;flex-direction:column;padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(4,9,16,.38)}
[data-theme=light] .care-grid>div{background:rgba(255,255,255,.6)}
.care-grid span{font-size:.6rem;color:var(--accent);font-weight:800;letter-spacing:.1em;margin-bottom:.45rem}
.care-grid b{font-size:.9rem;margin-bottom:.15rem}.care-grid small{font-size:.72rem;color:var(--tm);line-height:1.45}

/* Technology compact */
.tech-compact{padding-top:1.4rem;padding-bottom:2.5rem}
.tech-details{border-radius:18px;background:var(--card-bg)}
.tech-details>summary{padding:1.4rem 1.5rem;align-items:flex-start}
.tech-details>summary::after{display:none}
.tech-details>summary .section-title{font-size:clamp(1.25rem,2.5vw,1.75rem);margin-bottom:.35rem}
.tech-details>summary .section-lead{font-size:.86rem;max-width:64ch}
.tech-open{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-c);color:var(--accent);font-size:1.35rem;transition:transform .2s;background:var(--accent-glow);flex:0 0 auto}
.tech-details[open] .tech-open{transform:rotate(45deg)}
.tech-details-body{padding:0 1.5rem 1.4rem;border-top:1px solid var(--line)}
.tech-disclaimer{font-size:.74rem;color:var(--tm);padding-top:1rem}

/* Founder without fabricated portrait */
.founder-v11{display:grid;grid-template-columns:minmax(260px,.8fr) 1.45fr;gap:2.2rem;align-items:stretch;padding:1.4rem;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,var(--accent-glow),transparent 48%),var(--card-bg)}
.founder-identity{min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 50% 28%,rgba(25,224,215,.18),transparent 36%),linear-gradient(180deg,#07131f,var(--bg3));position:relative;overflow:hidden}
[data-theme=light] .founder-identity{background:radial-gradient(circle at 50% 28%,rgba(0,154,162,.13),transparent 36%),var(--bg3)}
.founder-monogram{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:132px;height:132px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-c);box-shadow:0 0 50px var(--accent-glow),inset 0 0 34px var(--accent-glow)}
.founder-monogram::before,.founder-monogram::after{content:'';position:absolute;border-radius:50%;border:1px dashed rgba(25,224,215,.14)}
.founder-monogram::before{inset:-15px}.founder-monogram::after{inset:-31px}
.founder-monogram span{font-size:2.1rem;font-weight:800;letter-spacing:-.06em;color:var(--accent)}
.founder-identity h2{font-size:1.5rem;margin-bottom:.15rem}.founder-role{font-size:.82rem;color:var(--ts);margin-bottom:.6rem}
.founder-story{display:flex;flex-direction:column;justify-content:center;padding:1rem 1.2rem}
.founder-story blockquote{font-size:clamp(1.15rem,2.3vw,1.65rem);line-height:1.35;letter-spacing:-.02em;color:var(--tx);margin-bottom:1.2rem;max-width:27ch}
.founder-story>p{font-size:.9rem;color:var(--ts);line-height:1.75;margin-bottom:.85rem}

/* Contact V11 */
.hp-field{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.privacy-consent{display:flex;align-items:flex-start;gap:.55rem;font-size:.75rem;color:var(--ts);line-height:1.5;margin:.7rem 0 .25rem}
.privacy-consent input{margin-top:.18rem;accent-color:var(--accent);flex:0 0 auto}
.privacy-consent a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.form-privacy{border-left:2px solid var(--line-c);padding-left:.7rem}
#formStatus.success-panel{padding:.75rem .9rem;border:1px solid rgba(34,197,94,.3);background:rgba(34,197,94,.07);border-radius:9px;color:var(--ok)}

/* Mobile action bar */
.mobile-action-bar{gap:.5rem;padding:.45rem;background:rgba(4,9,16,.88);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(16px);box-shadow:0 12px 35px rgba(0,0,0,.3)}
.mobile-action-bar .btn{flex:1;min-width:0;white-space:nowrap;padding:.68rem .55rem;font-size:.78rem}

/* Print just the diagnostic result as a clean PDF via browser print */
@media print{
  body.print-diagnostic *{visibility:hidden}
  body.print-diagnostic #diagnostic,body.print-diagnostic #diagnostic *{visibility:visible}
  body.print-diagnostic #diagnostic{position:absolute;inset:0;width:100%;padding:20mm;background:#fff;color:#111}
  body.print-diagnostic #diagResult{display:block;background:#fff;color:#111;border:0;box-shadow:none}
  body.print-diagnostic #diagResult .btn,body.print-diagnostic .score-individuals-link,body.print-diagnostic #diagStage{display:none}
  body.print-diagnostic #diagResult *{color:#111;text-shadow:none}
  body.print-diagnostic .ring-fg{stroke:#00aebe}.body{background:#fff}
}

@media(max-width:980px){
  .hero-v11{grid-template-columns:1fr;gap:1rem;padding-top:3.3rem}
  .hero-brand-visual{display:none}
  .trust-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .audience-route{grid-template-columns:1fr}
  .audience-route-actions{flex-direction:row;min-width:0}
  .human-principle{grid-template-columns:auto 1fr}.human-principle-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}
  .care-card{grid-template-columns:1fr}.care-copy h2{max-width:22ch}
  .founder-v11{grid-template-columns:1fr}.founder-identity{min-height:280px}
}

@media(max-width:600px){
  .hero{padding-top:72px;min-height:auto}
  .hero-v11{padding-top:2rem;padding-bottom:1rem}
  .hero-eye{font-size:.61rem;letter-spacing:.075em;line-height:1.35;padding:.47rem .62rem;margin-bottom:1rem}
  .hero-h1{font-size:clamp(2.35rem,12.2vw,3.2rem);max-width:none;line-height:.97;margin-bottom:1rem}
  .hero-lead{font-size:.95rem;line-height:1.58;margin-bottom:1.2rem}
  .hero-audience-actions{display:grid;grid-template-columns:1fr;gap:.55rem}
  .hero-audience-actions .btn{width:100%;min-height:50px}
  .hero-secondary-actions{justify-content:space-between;gap:.65rem;margin-bottom:1rem}
  .hero-proof-mini{display:grid;grid-template-columns:1fr;gap:.3rem}
  .trust-strip{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:.55rem;padding-top:.85rem;padding-bottom:1rem;scrollbar-width:none}
  .trust-strip::-webkit-scrollbar{display:none}
  .trust-strip>span{min-width:max-content;justify-content:flex-start;scroll-snap-align:start;background:var(--bg3);padding:.38rem .62rem;border-radius:999px;border:1px solid var(--line);font-size:.66rem}
  .quick-help-card{grid-template-columns:auto 1fr;align-items:start}.quick-help-btn{grid-column:1/-1;width:100%}
  .audience-route{padding:1.1rem;border-radius:14px;gap:1rem}.audience-route-actions{display:grid;grid-template-columns:1fr}.audience-route-actions .btn{width:100%}
  .human-principle{grid-template-columns:1fr;padding:1.1rem}.human-principle-mark{width:44px;height:44px}.human-principle-points{grid-column:auto;grid-template-columns:1fr;gap:.35rem}
  .care-card{padding:1.2rem;border-radius:18px;gap:1.2rem}.care-grid{grid-template-columns:1fr 1fr;gap:.55rem}.care-grid>div{padding:.8rem}.care-copy h2{font-size:1.6rem}
  .tech-details>summary{padding:1.1rem}.tech-details-body{padding:0 1.1rem 1.1rem}
  .founder-v11{padding:.8rem;border-radius:18px;gap:1rem}.founder-identity{min-height:250px;padding:1rem}.founder-monogram{width:112px;height:112px}.founder-story{padding:.65rem}.founder-story blockquote{font-size:1.2rem}
  #mobileContactCta{display:flex}
  .mobile-action-bar{bottom:calc(.55rem + env(safe-area-inset-bottom));left:calc(.55rem + env(safe-area-inset-left));right:calc(.55rem + env(safe-area-inset-right));inset-inline:auto}
  .section-title{overflow-wrap:anywhere}
  .nav-inner{min-width:0}.nav-right{min-width:0}.brand{min-width:0}.brand-logo{width:30px;height:30px}
}

@media(max-width:390px){
  .brand span:last-child{font-size:.98rem}
  #theme{display:none}
  .nav-inner{gap:.45rem}.nav-right{gap:.25rem}
  .hero-h1{font-size:clamp(2.15rem,12.2vw,2.8rem)}
  .care-grid{grid-template-columns:1fr}
  .mobile-action-bar .btn{font-size:.72rem;padding:.65rem .4rem}
}

/* Legal pages V11 */
.legalTop{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.legalNav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.legalActions{display:flex;align-items:center;gap:.55rem}.legalBack{font-size:.82rem;color:var(--ts)}.legalBack:hover{color:var(--accent)}
.legalPage{padding:clamp(3.5rem,8vw,6rem) 0}.legal{width:min(820px,calc(100% - 2rem));margin:0 auto}.legal h1{font-size:clamp(2.1rem,6vw,3.7rem);letter-spacing:-.045em;margin:.4rem 0 1rem}.legal h2{font-size:1.08rem;margin:2rem 0 .55rem}.legal p{color:var(--ts);font-size:.9rem;line-height:1.75}.legal .notice{margin:1.25rem 0;padding:.85rem 1rem;border:1px solid rgba(255,122,69,.25);border-radius:12px;background:rgba(255,122,69,.06);color:var(--ts)}
.legalMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0}.legalMeta>div{padding:.8rem .9rem;border:1px solid var(--line);border-radius:12px;background:var(--card-bg)}.legalMeta small{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tm);margin-bottom:.2rem}.legalMeta strong{font-size:.82rem;color:var(--tx);font-weight:650}.textLink{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.legalFooter{padding:1.2rem 0;border-top:1px solid var(--line);color:var(--tm);font-size:.75rem}.legalFooter a{color:var(--accent)}
@media(max-width:600px){.legalNav{min-height:62px}.legalActions{gap:.35rem}.legalBack{font-size:.72rem}.legalMeta{grid-template-columns:1fr}.legalPage{padding-top:2.5rem}.legalActions #theme{display:flex}}
/* V11 hero layout correction: the trust strip belongs below the hero content, not beside it. */
.hero{flex-direction:column;justify-content:center}
.hero-v11{width:100%;flex:1}
.trust-strip{width:100%}
/* V11 final polish: circular brand assets stay circular on every background. */
.hero-logo-shell{overflow:hidden;border-radius:50%}
.hero-logo-shell img{border-radius:50%;display:block}
.brand-logo{border-radius:50%;object-fit:cover}

/* ═══════════════════════════════════════════════
   TIMEBACK V11.1 FINAL — CONVERSION & ACCESSIBILITY
═══════════════════════════════════════════════ */
::selection{background:rgba(25,224,215,.28);color:var(--tx)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{box-shadow:0 0 0 4px var(--accent-glow)}

/* Diagnostic actions / lead capture */
.diagnostic-result-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.1rem;justify-content:center}
.diagnostic-email-card{margin-top:1rem;padding:1.15rem;border:1px solid var(--line-c);border-radius:18px;background:linear-gradient(135deg,var(--accent-glow),transparent 62%),var(--card-bg);box-shadow:0 18px 50px rgba(0,0,0,.12)}
.diagnostic-email-card[hidden]{display:none}
.diagnostic-email-card h4{font-size:1.02rem;margin:.2rem 0 .25rem}
.diagnostic-email-card p{font-size:.78rem;color:var(--ts);line-height:1.55}
.diagnostic-email-fields{display:grid;grid-template-columns:.8fr 1.2fr;gap:.65rem;margin-top:.85rem}
.diagnostic-email-fields label{display:flex;flex-direction:column;gap:.35rem;font-size:.72rem;color:var(--ts)}
.diagnostic-email-fields input{width:100%;min-height:44px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;color:var(--tx);padding:.65rem .75rem;font:inherit}
.diagnostic-consent{margin-top:.75rem}
.diagnostic-email-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.75rem}
#diagnosticEmailStatus{min-height:1.25rem;margin-top:.6rem;font-size:.76rem;color:var(--ts)}
#diagnosticEmailStatus.error{color:var(--danger)}
#diagnosticEmailStatus.success-panel{padding:.65rem .75rem;border:1px solid rgba(34,197,94,.28);background:rgba(34,197,94,.07);border-radius:9px;color:var(--ok)}

/* Contact success + clearer inputs */
#contactForm input,#contactForm select,#contactForm textarea,#bookingQualifier input,#bookingQualifier select,#bookingQualifier textarea{transition:border-color .18s,box-shadow .18s,background .18s}
#contactForm input:focus,#contactForm select:focus,#contactForm textarea:focus,#bookingQualifier input:focus,#bookingQualifier select:focus,#bookingQualifier textarea:focus{border-color:var(--line-c);box-shadow:0 0 0 3px var(--accent-glow)}
#formStatus.error{color:var(--danger);font-size:.78rem;margin-top:.55rem}

/* Premium subtle depth, without reducing readability */
.universe-card,.sol-card,.fr-card,.offer,.care-card,.founder-v11,.diagnostic-wrapper{box-shadow:0 22px 70px rgba(0,0,0,.08)}
[data-theme=dark] .universe-card,[data-theme=dark] .sol-card,[data-theme=dark] .fr-card,[data-theme=dark] .offer{background-image:linear-gradient(145deg,rgba(25,224,215,.035),transparent 40%)}

/* More explicit hierarchy for private-user urgent help */
.quick-help-card{position:relative;overflow:hidden}
.quick-help-card::after{content:'';position:absolute;inset:auto -90px -110px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,69,.12),transparent 70%);pointer-events:none}
.quick-help-card>*{position:relative;z-index:1}

/* Correct diagnostic print output */
@media print{
  body.print-diagnostic{background:#fff}
  body.print-diagnostic .diagnostic-email-card,body.print-diagnostic .diagnostic-result-actions{display:none}
}

@media(max-width:600px){
  .diagnostic-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
  .diagnostic-result-actions .btn{width:100%;min-height:46px;padding:.65rem .45rem;font-size:.76rem}
  .diagnostic-email-card{padding:.95rem;border-radius:14px}
  .diagnostic-email-fields{grid-template-columns:1fr}
  .diagnostic-email-actions{display:grid;grid-template-columns:1fr}
  .diagnostic-email-actions .btn{width:100%}
  #contactForm input,#contactForm select,#contactForm textarea,#bookingQualifier input,#bookingQualifier select,#bookingQualifier textarea,.diagnostic-email-fields input{font-size:16px}
}

@media(max-width:380px){
  .diagnostic-result-actions{grid-template-columns:1fr}
}
@media(max-width:600px){
  .hero-proof-mini{display:none}
}

[dir=rtl] .trust-strip{direction:rtl}
[dir=rtl] .hero-proof-mini{direction:rtl}

/* ═══════════════════════════════════════════════════════════
   ✦ TIMEBACK V12 — PREMIUM ANIMATED LAYER
   Sombre profond · dégradés animés · glassmorphism · néon cyan
   Surcharge esthétique appliquée au-dessus du système V11
═══════════════════════════════════════════════════════════ */

/* ── PALETTE APPROFONDIE ── */
[data-theme=dark]{
  --bg:#040910;--bg2:#070f18;--bg3:#0b1622;--bg4:#122031;
  --tx:#eaf4f7;--ts:rgba(234,244,247,.66);--tm:rgba(234,244,247,.40);
  --line:rgba(120,200,220,.10);--line-c:rgba(0,229,200,.26);
  --nav-bg:rgba(4,9,16,.72);
  --card-bg:rgba(11,22,34,.66);--card-border:rgba(120,200,220,.12);
  --input-bg:rgba(7,15,24,.85);--input-border:rgba(120,200,220,.16);
  --accent:#00e5c8;--accent2:#00b89f;--accent-glow:rgba(0,229,200,.22);
  --neon:#22ffe0;--gold:#ffb347;
}
[data-theme=dark][data-palette=brand]{
  --accent:#00e5c8;--accent2:#00b89f;--accent-glow:rgba(0,229,200,.22);
}

/* ── FOND ANIMÉ GLOBAL ── */
body{position:relative;background:var(--bg)}
body::before{
  content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(ellipse 80% 60% at 15% -5%, rgba(0,229,200,.10), transparent 55%),
    radial-gradient(ellipse 70% 55% at 90% 8%, rgba(80,120,255,.08), transparent 55%),
    radial-gradient(ellipse 90% 65% at 50% 105%, rgba(0,200,180,.07), transparent 60%),
    var(--bg);
}
body::after{
  content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.5;
  background:
    radial-gradient(circle at 20% 30%, rgba(0,229,200,.06), transparent 25%),
    radial-gradient(circle at 80% 70%, rgba(90,130,255,.05), transparent 25%);
  animation:bgDrift 24s ease-in-out infinite alternate;
}
@keyframes bgDrift{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-2%,1.5%,0) scale(1.04)}
  100%{transform:translate3d(1.5%,-1%,0) scale(1.02)}
}
[data-theme=light] body::before{
  background:
    radial-gradient(ellipse 80% 60% at 15% -5%, rgba(0,168,140,.10), transparent 55%),
    radial-gradient(ellipse 70% 55% at 90% 8%, rgba(80,120,255,.06), transparent 55%),
    var(--bg);
}
[data-theme=light] body::after{display:none}

/* Grain subtil pour texture premium */
.hero::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.4;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
}

/* ── HEADER GLASS ── */
#header.scrolled{
  background:var(--nav-bg);
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
  box-shadow:0 1px 0 rgba(120,200,220,.08),0 8px 32px -12px rgba(0,0,0,.6);
}
.nav-cta{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  position:relative;overflow:hidden;box-shadow:0 4px 16px -4px var(--accent-glow)
}
.nav-cta::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);
  transform:translateX(-120%);transition:transform .6s
}
.nav-cta:hover::after{transform:translateX(120%)}

/* ── HERO PREMIUM ── */
.hero{min-height:100svh}
.hero-grid-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:
    linear-gradient(rgba(0,229,200,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,229,200,.05) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%);
  animation:gridPulse 8s ease-in-out infinite
}
@keyframes gridPulse{0%,100%{opacity:.35}50%{opacity:.6}}
.hero-mesh i:nth-child(1){
  width:560px;height:560px;background:radial-gradient(circle,var(--accent),transparent 65%);
  top:-12%;right:-6%;opacity:.16;animation:meshFloat1 18s ease-in-out infinite
}
.hero-mesh i:nth-child(2){
  width:440px;height:440px;background:radial-gradient(circle,#5a82ff,transparent 65%);
  bottom:-10%;left:-6%;opacity:.12;animation:meshFloat2 22s ease-in-out infinite
}
.hero-mesh i:nth-child(3){
  width:340px;height:340px;background:radial-gradient(circle,var(--neon),transparent 65%);
  top:35%;left:42%;opacity:.08;animation:meshFloat3 20s ease-in-out infinite
}
@keyframes meshFloat1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-6%,4%) scale(1.12)}}
@keyframes meshFloat2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(5%,-5%) scale(1.08)}}
@keyframes meshFloat3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-4%,-6%) scale(1.15)}}

.hero-eye{
  background:linear-gradient(135deg,rgba(0,229,200,.14),rgba(0,229,200,.05));
  border:1px solid var(--line-c);backdrop-filter:blur(8px);
  box-shadow:0 2px 12px -4px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.06)
}
.hero-h1{letter-spacing:-.045em}
.hero-h1 em{
  background:linear-gradient(120deg,var(--neon) 0%,var(--accent) 45%,#4fd8ff 100%);
  background-size:200% auto;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:shimmerText 6s linear infinite;
  filter:drop-shadow(0 2px 20px rgba(0,229,200,.28))
}
@keyframes shimmerText{to{background-position:200% center}}

/* Boutons hero premium */
.btn-primary{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  position:relative;overflow:hidden;
  box-shadow:0 8px 24px -8px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.18);
  border:1px solid rgba(0,229,200,.3)
}
.btn-primary::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);
  transform:translateX(-130%);transition:transform .7s
}
.btn-primary:hover::after{transform:translateX(130%)}
.btn-primary:hover{box-shadow:0 12px 32px -6px var(--accent-glow),0 0 0 1px var(--accent),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-outline{backdrop-filter:blur(8px);background:rgba(11,22,34,.4)}
.btn-outline:hover{background:rgba(0,229,200,.08);box-shadow:0 0 0 1px var(--line-c),0 4px 16px -6px var(--accent-glow)}

/* ── VISUEL LOGO ORBITAL PREMIUM ── */
.hero-brand-visual{position:relative;display:grid;place-items:center;min-height:420px}
.hero-logo-shell{
  position:relative;z-index:2;width:min(78%,420px);aspect-ratio:1;
  display:grid;place-items:center;
  filter:drop-shadow(0 20px 60px rgba(0,229,200,.25))
}
.hero-logo-shell::before{
  content:'';position:absolute;inset:-8%;border-radius:50%;
  background:radial-gradient(circle,rgba(0,229,200,.16),transparent 62%);
  animation:haloPulse 4s ease-in-out infinite
}
@keyframes haloPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.hero-logo-shell img{width:100%;height:auto;position:relative;z-index:1;animation:logoBob 6s ease-in-out infinite}
@keyframes logoBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.brand-orbit{
  position:absolute;border-radius:50%;border:1px solid rgba(0,229,200,.12);
  top:50%;left:50%;translate:-50% -50%;pointer-events:none
}
.brand-orbit.orbit-one{width:88%;aspect-ratio:1;animation:spin 26s linear infinite}
.brand-orbit.orbit-two{width:104%;aspect-ratio:1;border-style:dashed;border-color:rgba(0,229,200,.08);animation:spin 40s linear infinite reverse}
.brand-orbit.orbit-one::before,.brand-orbit.orbit-two::before{
  content:'';position:absolute;width:7px;height:7px;border-radius:50%;
  background:var(--accent);top:-3.5px;left:50%;translate:-50% 0;
  box-shadow:0 0 12px 2px var(--accent-glow)
}
@keyframes spin{to{transform:rotate(360deg)}}
.orbit-chip{
  position:absolute;z-index:3;font-family:inherit;font-size:.62rem;font-weight:700;
  letter-spacing:.1em;padding:.3rem .65rem;border-radius:999px;
  background:rgba(11,22,34,.82);border:1px solid var(--line-c);color:var(--accent);
  backdrop-filter:blur(10px);white-space:nowrap;
  box-shadow:0 4px 16px -6px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);
  animation:chipFloat 5s ease-in-out infinite
}
.orbit-chip.orbit-ai{top:8%;left:6%;animation-delay:0s}
.orbit-chip.orbit-auto{top:20%;right:0%;animation-delay:.8s}
.orbit-chip.orbit-it{bottom:22%;left:-2%;animation-delay:1.6s}
.orbit-chip.orbit-sec{bottom:6%;right:8%;animation-delay:2.4s}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ── TRUST STRIP GLASS ── */
.trust-strip{
  display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;
  margin-top:2.5rem;padding:1rem 1.5rem;border-radius:14px;
  background:linear-gradient(135deg,rgba(11,22,34,.5),rgba(11,22,34,.25));
  border:1px solid var(--card-border);backdrop-filter:blur(12px);
  font-size:.8rem;color:var(--ts);
  box-shadow:0 8px 32px -16px rgba(0,0,0,.6)
}
.trust-strip b{color:var(--tx);font-weight:600}
.trust-strip span{display:inline-flex;align-items:center;gap:.35rem}

/* ── CARTES GLASSMORPHISM ── */
.universe-card,.fr-card,.sol-card,.offer,.case-panel,.roi-results,
.diagnostic-wrapper,details,.quick-help-card,.care-card,.founder-v11,
.cal-wrapper,.human-principle{
  background:linear-gradient(150deg,rgba(11,22,34,.62),rgba(7,15,24,.42));
  border:1px solid var(--card-border);
  backdrop-filter:blur(14px) saturate(120%);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  box-shadow:0 12px 40px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.04)
}
[data-theme=light] .universe-card,[data-theme=light] .fr-card,
[data-theme=light] .sol-card,[data-theme=light] .offer,
[data-theme=light] .case-panel,[data-theme=light] .roi-results,
[data-theme=light] .diagnostic-wrapper,[data-theme=light] details,
[data-theme=light] .quick-help-card,[data-theme=light] .care-card,
[data-theme=light] .founder-v11,[data-theme=light] .cal-wrapper,
[data-theme=light] .human-principle{
  background:rgba(255,255,255,.86);
  box-shadow:0 12px 40px -22px rgba(0,60,50,.25)
}

.universe-card{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.universe-card::after{
  content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,var(--accent),transparent 40%,transparent 60%,var(--accent));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity .35s;pointer-events:none
}
.universe-card:hover{transform:translateY(-4px)}
.universe-card:hover::after{opacity:.6}
.universe-tag{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 2px 10px -3px var(--accent-glow)
}

/* Icônes solutions premium */
.sol-icon{
  background:linear-gradient(135deg,rgba(0,229,200,.16),rgba(0,229,200,.04));
  border:1px solid var(--line-c);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)
}

/* ── MÉTHODE : LIGNE ANIMÉE ── */
.steps-grid::before{
  background:linear-gradient(90deg,transparent,var(--accent) 20%,var(--accent) 80%,transparent);
  opacity:.3;animation:lineGlow 4s ease-in-out infinite
}
@keyframes lineGlow{0%,100%{opacity:.2}50%{opacity:.5}}
.step small::before{box-shadow:0 0 0 4px var(--accent-glow),0 0 12px var(--accent)}

/* ── QUOTE PREMIUM ── */
.method-quote{
  background:linear-gradient(135deg,rgba(0,229,200,.06),transparent);
  border-left:3px solid var(--accent);
  box-shadow:inset 0 0 40px -20px var(--accent-glow)
}
.method-quote::before{
  content:'"';position:absolute;font-size:4rem;color:var(--accent);opacity:.15;
  top:-.5rem;left:.5rem;font-family:Georgia,serif;line-height:1
}
.method-quote{position:relative}

/* ── DIAGNOSTIC RING GLOW ── */
.ring-fg{filter:drop-shadow(0 0 8px var(--accent-glow))}
#resultScore{fill:var(--accent)}

/* ── CARE SECTION ── */
.care-card{position:relative;overflow:hidden}
.care-card::before{
  content:'';position:absolute;top:-40%;right:-10%;width:50%;height:180%;
  background:radial-gradient(ellipse,var(--accent-glow),transparent 65%);
  pointer-events:none;opacity:.5
}

/* ── FOOTER ── */
footer{
  background:linear-gradient(180deg,transparent,rgba(4,9,16,.6));
  border-top:1px solid var(--line);position:relative
}
footer::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.4
}

/* ── MODAL PREMIUM ── */
#modal{backdrop-filter:blur(8px)}
.modal-inner{
  background:linear-gradient(150deg,rgba(11,22,34,.95),rgba(7,15,24,.9));
  border:1px solid var(--line-c);
  box-shadow:0 24px 80px -24px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06)
}

/* ── INPUTS PREMIUM ── */
.form-group input,.form-group select,.form-group textarea,
.booking-field select,.booking-field input,.booking-field textarea,
.roi-select{
  background:var(--input-bg);border:1px solid var(--input-border);
  backdrop-filter:blur(8px);transition:border-color .25s,box-shadow .25s,background .25s
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus,
.booking-field select:focus,.booking-field input:focus,.booking-field textarea:focus{
  border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow),0 0 20px -8px var(--accent-glow)
}

/* ── CTA FLOTTANT MOBILE GLASS ── */
.mobile-action-bar{
  background:linear-gradient(135deg,rgba(11,22,34,.85),rgba(7,15,24,.8));
  backdrop-filter:blur(18px) saturate(140%);
  border:1px solid var(--line-c);border-radius:14px;padding:.6rem;
  box-shadow:0 12px 40px -12px rgba(0,0,0,.7)
}

/* ── TOAST PREMIUM ── */
#toast{
  background:linear-gradient(135deg,rgba(11,22,34,.95),rgba(7,15,24,.92));
  border:1px solid var(--line-c);backdrop-filter:blur(12px);
  box-shadow:0 8px 32px -12px rgba(0,0,0,.7),0 0 20px -8px var(--accent-glow)
}

/* ── SCROLLBAR PREMIUM ── */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent2),var(--accent));border-radius:999px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:var(--accent)}

/* ── PROGRESS BAR GLOW ── */
#progress{background:linear-gradient(90deg,var(--accent),var(--neon),var(--gold));box-shadow:0 0 12px var(--accent-glow)}

/* ── SECTION TITLES GRADIENT ACCENT ── */
.section-title{position:relative}
.kicker{
  display:inline-flex;align-items:center;gap:.4rem
}
.kicker::before{
  content:'';width:18px;height:1px;background:var(--accent);display:inline-block;
  box-shadow:0 0 6px var(--accent)
}

/* ── REVEAL PREMIUM (plus fluide) ── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--delay,0ms)}
.reveal.in{opacity:1;transform:translateY(0)}

/* ── LOGO NAV GLOW ── */
.brand-logo{filter:drop-shadow(0 0 8px rgba(0,229,200,.4));transition:filter .3s}
.brand:hover .brand-logo{filter:drop-shadow(0 0 14px rgba(0,229,200,.7))}

/* ── AUDIENCE ROUTE PREMIUM ── */
.audience-route{
  background:linear-gradient(135deg,rgba(0,229,200,.08),rgba(11,22,34,.5));
  border:1px solid var(--line-c);backdrop-filter:blur(14px);
  box-shadow:0 16px 48px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05)
}

/* Mobile refinements */
@media(max-width:900px){
  .hero-brand-visual{display:none}
  body::after{animation:none}
  .hero-grid-bg{background-size:40px 40px}
}
@media(prefers-reduced-motion:reduce){
  body::after,.hero-grid-bg,.hero-mesh i,.hero-h1 em,.hero-logo-shell img,
  .hero-logo-shell::before,.brand-orbit,.orbit-chip,.steps-grid::before{animation:none}
}

/* ── FOUNDER PHOTO PREMIUM ── */
.founder-photo{
  width:120px;height:120px;border-radius:20px;overflow:hidden;flex-shrink:0;
  border:1px solid var(--line-c);position:relative;
  box-shadow:0 12px 32px -12px rgba(0,0,0,.6),0 0 24px -8px var(--accent-glow)
}
.founder-photo::after{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(135deg,transparent 60%,rgba(0,229,200,.15));pointer-events:none
}
.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
@media(max-width:600px){.founder-photo{width:88px;height:88px;border-radius:16px}}


/* ============================================================
   TIMEBACK V13 — FINAL PREMIUM LAYER
   Futuriste, sobre, accessible et orienté conversion.
   ============================================================ */
:root{--v13-glow:0 0 40px color-mix(in srgb,var(--accent) 18%,transparent);--v13-radius:22px}

/* Persona context */
.audience-dock{position:sticky;top:74px;z-index:35;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.13)}
.audience-dock[hidden]{display:none}.audience-dock-inner{display:flex;align-items:center;gap:.8rem;padding:.55rem 0}.audience-dock-label{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--tm);white-space:nowrap}.audience-dock-buttons{display:flex;gap:.35rem;flex:1;overflow:auto;scrollbar-width:none}.audience-dock-buttons::-webkit-scrollbar{display:none}.audience-dock-buttons button{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);background:var(--panel);color:var(--tm);border-radius:999px;padding:.45rem .7rem;font:inherit;font-size:.72rem;white-space:nowrap;cursor:pointer;transition:.2s}.audience-dock-buttons button.active{color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 0 22px color-mix(in srgb,var(--accent) 15%,transparent)}.audience-dock-reset{border:0;background:transparent;color:var(--tm);font:inherit;font-size:.7rem;text-decoration:underline;cursor:pointer;white-space:nowrap}.persona-hero-note{margin-top:.8rem;padding:.7rem .85rem;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);border-radius:0 12px 12px 0;color:var(--tm);font-size:.85rem;max-width:650px}.persona-hero-note strong{color:var(--text)}
body[data-audience-mode="particulier"] [data-audience-section="entreprise"],body[data-audience-mode="formation"] [data-audience-section="entreprise"],body[data-audience-mode="partenaire"] [data-audience-section="entreprise"]{display:none}body[data-audience-mode="entreprise"] [data-audience-section="particulier"],body[data-audience-mode="formation"] [data-audience-section="particulier"],body[data-audience-mode="partenaire"] [data-audience-section="particulier"]{display:none}

/* TimeBack Assist */
.assist-section{position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 3%,var(--bg)),var(--bg))}.assist-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%)}.assist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;position:relative}.assist-choice{min-height:118px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 90%,transparent),color-mix(in srgb,var(--accent) 3%,var(--panel)));color:var(--text);padding:1rem;text-align:left;cursor:pointer;transition:transform .22s,border-color .22s,box-shadow .22s}.assist-choice span{display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:12px;color:var(--accent);font-size:1.1rem;margin-bottom:.75rem}.assist-choice b{display:block;font-size:.9rem;line-height:1.25}.assist-choice:hover,.assist-choice.selected{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 65%,var(--line));box-shadow:var(--v13-glow)}.assist-result{margin-top:1rem;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:var(--v13-radius);background:color-mix(in srgb,var(--panel) 92%,transparent);padding:1.2rem;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;box-shadow:var(--v13-glow)}.assist-result[hidden]{display:none}.assist-result-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#041015;font-weight:900}.assist-result h3{margin:.15rem 0 .3rem;font-size:1.2rem}.assist-result p{margin:0;color:var(--tm);font-size:.86rem}.assist-result-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}

/* Score interpretation */
.score-reading{margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 94%,transparent)}.score-reading[hidden]{display:none}.score-reading-head h4{margin:.2rem 0 .8rem}.score-reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.score-reading-grid>div{padding:.8rem;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}.score-reading-grid small{display:block;color:var(--tm);margin-bottom:.25rem}.score-reading-grid strong{font-size:.9rem;color:var(--text)}

/* Premium success state */
.form-success-card{margin-top:1rem;padding:1.25rem;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel));box-shadow:var(--v13-glow);text-align:center}.form-success-card[hidden]{display:none}.form-success-mark{width:54px;height:54px;margin:0 auto .7rem;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#031015;font-size:1.35rem;font-weight:900}.form-success-card h3{margin:.25rem 0 .45rem}.form-success-card p{color:var(--tm);max-width:520px;margin:0 auto}.form-success-actions{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:.9rem}

/* Calm the spectacle after the hero: premium > demo */
.section:not(.hero) [data-spotlight]{transition:transform .2s,border-color .2s,box-shadow .2s}.section:not(.hero) [data-spotlight]:hover{transform:translateY(-2px)}

/* Better tap targets + form consistency */
input,select,textarea,button{touch-action:manipulation}.contact-form input,.contact-form select,.contact-form textarea,#contactForm input,#contactForm select,#contactForm textarea{min-height:46px}.hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

/* Language/SEO localized pages load without layout flash */
html[data-initial-lang="ar"] body{direction:rtl}

@media (max-width:900px){
  .audience-dock{top:66px}.assist-grid{grid-template-columns:repeat(2,1fr)}.assist-result{grid-template-columns:auto 1fr}.assist-result-actions{grid-column:1/-1;justify-content:stretch}.assist-result-actions .btn{flex:1}.score-reading-grid{grid-template-columns:1fr}.hero-brand-visual .brand-orbit{animation-duration:40s}.section:not(.hero){--fx-opacity:.65}
}
@media (max-width:600px){
  .audience-dock-inner{padding:.42rem 0}.audience-dock-label{display:none}.audience-dock-reset{font-size:.65rem}.audience-dock-buttons button{padding:.42rem .62rem}.assist-grid{grid-template-columns:1fr 1fr;gap:.55rem}.assist-choice{min-height:105px;padding:.78rem}.assist-choice b{font-size:.8rem}.assist-result{padding:1rem}.persona-hero-note{font-size:.78rem}.form-success-actions{flex-direction:column}.form-success-actions .btn{width:100%}
  .hero-mesh{opacity:.3}.hero-brand-visual .orbit-chip{animation:none}.hero-brand-visual .brand-orbit{animation:none}.hero-grid-bg{opacity:.45}.section:not(.hero) *{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media (prefers-reduced-motion:reduce){.brand-orbit,.orbit-chip,.hero-mesh i{animation:none}.assist-choice,.audience-dock-buttons button{transition:none}}

/* TIMEBACK V13.1 — Publication polish layer
   Final UX/accessibility/interaction pass. Loaded after styles.css + v13.css. */

:root{
  --panel:var(--card-bg);
  --text:var(--tx);
  --tb-cyan:#00e5c8;
  --tb-cyan-soft:rgba(0,229,200,.14);
  --tb-cyan-faint:rgba(0,229,200,.055);
  --tb-cyan-line:rgba(0,229,200,.28);
  --tb-shadow:0 24px 70px rgba(0,0,0,.22);
}

/* ========== Interaction language: only real controls should look clickable ========== */
a,button,summary,[role="button"]{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible,[role="button"]:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--accent);outline-offset:3px;
}
button:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}

.btn,.nav-cta,.text-cta,.universe-link,.assist-choice,.case-tabs button,.audience-dock-buttons button,
#langBtn,#theme,#menu,[data-close]{position:relative;isolation:isolate}
.btn,.nav-cta{min-height:44px}
.btn:active,.nav-cta:active,.assist-choice:active,.case-tabs button:active{transform:translateY(1px) scale(.99)}

/* Static information cards no longer mimic buttons. */
.sol-card,.offer,.fr-card{cursor:default}
.sol-card:hover,.offer:hover,.fr-card:hover{transform:none}

/* Actual route cards clearly behave like controls. */
.universe-card[data-card-action]{cursor:pointer}
.universe-card[data-card-action]:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-color:var(--accent)}
.universe-card[data-card-action] .universe-link::after{content:'→';display:inline-block;margin-inline-start:.2rem;transition:transform .2s ease}
.universe-card[data-card-action]:hover .universe-link::after,.universe-card[data-card-action]:focus-visible .universe-link::after{transform:translateX(4px)}
[dir=rtl] .universe-card[data-card-action] .universe-link::after{content:'←'}
[dir=rtl] .universe-card[data-card-action]:hover .universe-link::after,[dir=rtl] .universe-card[data-card-action]:focus-visible .universe-link::after{transform:translateX(-4px)}

/* ========== Header / brand ========== */
#header{padding-top:2px}
#header.scrolled{box-shadow:0 1px 0 var(--line),0 12px 45px rgba(0,0,0,.14)}
.nav-inner{min-height:66px}
.brand{gap:.62rem;letter-spacing:-.035em}
.brand-logo{
  width:38px;height:38px;padding:3px;border-radius:13px;
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.12),transparent 32%),rgba(0,229,200,.045);
  border:1px solid rgba(0,229,200,.24);
  box-shadow:0 0 0 4px rgba(0,229,200,.035),0 0 24px rgba(0,229,200,.13);
}
.brand span{font-size:1.08rem;font-weight:820}
.navlinks a{position:relative;padding:.42rem .18rem;color:var(--ts);transition:color .2s ease}
.navlinks a::before{content:'';position:absolute;inset:auto 0 -.3rem;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:scaleX(0);transition:transform .25s ease}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:var(--tx)}
.navlinks a:hover::before,.navlinks a[aria-current="page"]::before{transform:scaleX(1)}

#langBtn,#theme{
  border:1px solid var(--line);background:rgba(7,17,15,.45);backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
#langBtn:hover,#theme:hover{border-color:var(--line-c);background:var(--accent-glow)}

/* Futuristic HUD menu — recognizable without looking like a generic 3-line icon. */
#menu{
  width:46px;height:46px;min-width:46px;min-height:46px;padding:0;
  align-items:center;justify-content:center;gap:3px;border:1px solid rgba(0,229,200,.27);
  border-radius:15px;background:
    radial-gradient(circle at 50% 50%,rgba(0,229,200,.09),transparent 58%),
    rgba(5,15,22,.72);backdrop-filter:blur(14px);overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 3px rgba(0,229,200,.025),0 0 24px rgba(0,229,200,.07);
  transition:border-color .25s,box-shadow .25s,background .25s,transform .25s;
}
#menu::before{
  content:'';position:absolute;width:30px;height:30px;border-radius:10px;
  border:1px solid rgba(0,229,200,.12);transform:rotate(45deg);transition:.35s cubic-bezier(.2,.8,.2,1);
}
#menu::after{
  content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent);
  box-shadow:0 -15px 0 -1px rgba(0,229,200,.65),0 15px 0 -1px rgba(0,229,200,.65),0 0 11px var(--accent-glow);
  opacity:.85;transition:.3s;
}
#menu span{position:absolute;left:50%;height:1.5px;background:linear-gradient(90deg,transparent 0,var(--accent) 18%,#b9fff6 50%,var(--accent) 82%,transparent 100%);border-radius:2px;box-shadow:0 0 8px rgba(0,229,200,.45);transform-origin:center;transition:.28s cubic-bezier(.2,.8,.2,1);z-index:2}
#menu span:nth-child(1){width:20px;transform:translate(-50%,-7px)}
#menu span:nth-child(2){width:14px;transform:translate(-50%,0)}
#menu span:nth-child(3){width:20px;transform:translate(-50%,7px)}
#menu:hover{border-color:rgba(0,229,200,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 3px rgba(0,229,200,.045),0 0 30px rgba(0,229,200,.16)}
#menu[aria-expanded="true"]{background:rgba(0,229,200,.08);border-color:rgba(0,229,200,.58)}
#menu[aria-expanded="true"]::before{transform:rotate(135deg) scale(.88);border-color:rgba(0,229,200,.23)}
#menu[aria-expanded="true"]::after{opacity:0;transform:scale(0)}
#menu[aria-expanded="true"] span:nth-child(1){width:20px;transform:translate(-50%,0) rotate(45deg)}
#menu[aria-expanded="true"] span:nth-child(2){opacity:0;transform:translate(-50%,0) scaleX(0)}
#menu[aria-expanded="true"] span:nth-child(3){width:20px;transform:translate(-50%,0) rotate(-45deg)}

/* ========== Hero: cleaner futurism ========== */
.hero{isolation:isolate}
.hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 68%,var(--bg2));z-index:1}
.hero-v11{z-index:3}
.hero-eye{border-color:rgba(0,229,200,.26);background:linear-gradient(90deg,rgba(0,229,200,.09),rgba(0,229,200,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.hero-h1{max-width:12ch;text-wrap:balance}
.hero-lead{max-width:58ch}
.hero-audience-actions .btn{min-width:190px}
.hero-proof-mini{margin-top:.15rem}
.hero-brand-visual{min-height:500px}
.hero-brand-visual::before{
  content:'';position:absolute;width:min(470px,92%);aspect-ratio:1;border-radius:50%;
  background:repeating-conic-gradient(from 0deg,rgba(0,229,200,.16) 0 1deg,transparent 1deg 10deg);
  -webkit-mask:radial-gradient(circle,transparent 64%,#000 64.5% 66%,transparent 66.5%);
  mask:radial-gradient(circle,transparent 64%,#000 64.5% 66%,transparent 66.5%);
  opacity:.34;animation:tbHudSpin 50s linear infinite;z-index:0;
}
.hero-brand-visual::after{
  content:'';position:absolute;width:min(360px,72%);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(0,229,200,.12),rgba(0,229,200,.025) 48%,transparent 70%);
  filter:blur(12px);z-index:0;
}
.hero-logo-shell{border:1px solid rgba(0,229,200,.12);box-shadow:0 0 0 10px rgba(0,229,200,.018),0 0 90px rgba(0,229,200,.09)}
.hero-logo-shell::after{content:'';position:absolute;inset:2%;border-radius:50%;border:1px solid rgba(255,255,255,.045);pointer-events:none}
.orbit-chip{backdrop-filter:blur(10px);box-shadow:0 6px 25px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)}
@keyframes tbHudSpin{to{transform:rotate(360deg)}}

/* ========== Cards / sections ========== */
.section-header .section-title{text-wrap:balance}
.universe-card{border-radius:18px;padding:1.5rem}
.universe-card[data-card-action]{background:linear-gradient(150deg,rgba(0,229,200,.045),transparent 38%),var(--card-bg)}
.universe-card[data-card-action]::before{opacity:.35}
.universe-card[data-card-action]:hover{box-shadow:0 20px 55px rgba(0,0,0,.18),0 0 0 1px rgba(0,229,200,.13)}
.universe-link{min-height:40px;align-items:center;padding:.25rem 0;text-decoration:none}

.audience-route{border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.025)}
.audience-route-actions .btn{width:100%}

.assist-choice{position:relative;overflow:hidden;min-height:128px;background:linear-gradient(150deg,rgba(0,229,200,.045),transparent 50%),var(--card-bg)}
.assist-choice::after{content:'';position:absolute;right:-35px;bottom:-55px;width:100px;height:100px;border:1px solid rgba(0,229,200,.1);border-radius:50%;transition:.25s}
.assist-choice:hover::after,.assist-choice.selected::after{transform:scale(1.25);border-color:rgba(0,229,200,.24)}
.assist-choice.selected{background:linear-gradient(150deg,rgba(0,229,200,.09),transparent 58%),var(--card-bg)}

.case-tabs{padding:.35rem;border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.08);width:max-content;max-width:100%}
.case-tabs button{min-height:40px}
.case-tabs button.active{box-shadow:0 6px 20px rgba(0,229,200,.13)}

summary{cursor:pointer;min-height:48px;display:flex;align-items:center}
summary:hover{color:var(--accent)}

/* ========== Contact / booking clarity ========== */
.contact-grid{align-items:start}
.contact-info-item{border-bottom:1px solid var(--line);padding-block:.65rem}
.contact-info-item:last-child{border-bottom:0}
.booking-card,.contact-form-card{box-shadow:0 24px 70px rgba(0,0,0,.12)}
.form-success-card{background:linear-gradient(145deg,rgba(0,229,200,.08),rgba(0,229,200,.025)),var(--card-bg)}

/* ========== Modal ========== */
#modal{background:rgba(1,6,10,.78);backdrop-filter:blur(12px)}
.modal-inner{border-radius:24px;border-color:rgba(0,229,200,.22);box-shadow:0 28px 100px rgba(0,0,0,.46),0 0 50px rgba(0,229,200,.05);overflow:hidden}
.modal-head{background:color-mix(in srgb,var(--bg2) 92%,transparent);backdrop-filter:blur(16px)}
[data-close]{width:36px;height:36px;border:1px solid var(--line);border-radius:12px}

/* ========== Active path dock ========== */
.audience-dock{top:calc(max(2px,env(safe-area-inset-top)) + 66px)}
.audience-dock-buttons button{min-height:38px;background:var(--card-bg);color:var(--tm)}
.audience-dock-buttons button.active{color:var(--tx);background:linear-gradient(135deg,rgba(0,229,200,.11),rgba(0,229,200,.025)),var(--card-bg)}

/* ========== Mobile navigation drawer ========== */
@media(max-width:900px){
  #header{z-index:950}
  .nav-inner{min-height:64px;padding-block:.58rem}
  .brand span{font-size:1.02rem}
  .brand-logo{width:36px;height:36px}
  .navlinks{
    top:calc(100% + 8px);left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));
    border:1px solid rgba(0,229,200,.18);border-radius:22px;padding:.7rem;gap:.25rem;
    background:linear-gradient(145deg,rgba(0,229,200,.035),transparent 36%),rgba(5,13,20,.96);
    box-shadow:0 26px 80px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter:blur(24px);
    transform-origin:top right;
  }
  .navlinks.open{animation:tbMenuIn .22s cubic-bezier(.2,.8,.2,1) both}
  .navlinks a{min-height:48px;display:flex;align-items:center;padding:.7rem .9rem;border:1px solid transparent;border-radius:13px;font-weight:650;color:var(--ts)}
  .navlinks a::before{position:static;width:6px;height:6px;border-radius:50%;background:rgba(0,229,200,.35);transform:none;margin-inline-end:.65rem;flex:0 0 auto}
  .navlinks a:hover,.navlinks a:focus-visible,.navlinks a[aria-current="page"]{background:rgba(0,229,200,.07);border-color:rgba(0,229,200,.12);color:var(--tx)}
  .navlinks a[aria-current="page"]::before{background:var(--accent);box-shadow:0 0 10px rgba(0,229,200,.55)}
  body.tb-menu-open::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);z-index:880;pointer-events:none}
  .hero-brand-visual{min-height:370px}
  .hero-brand-visual::before{width:min(380px,96%)}
  .hero-logo-shell{width:min(300px,74%)}
  .orbit-chip{font-size:.58rem}
}
@keyframes tbMenuIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:680px){
  .section{padding-block:3.4rem}
  .hero-v11{padding-top:1.65rem;gap:1.2rem}
  .hero-copy{text-align:left}
  [dir=rtl] .hero-copy{text-align:right}
  .hero-eye{font-size:.62rem;letter-spacing:.08em}
  .hero-h1{font-size:clamp(2.15rem,11.6vw,3.18rem);line-height:.96;max-width:10.5ch;margin-bottom:1rem}
  .hero-lead{font-size:.96rem;line-height:1.62;margin-bottom:1.25rem}
  .hero-audience-actions{display:grid;grid-template-columns:1fr;gap:.62rem}
  .hero-audience-actions .btn{width:100%;min-width:0}
  .hero-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
  .hero-secondary-actions .text-cta{min-height:46px;justify-content:center;border:1px solid var(--line);border-radius:12px;padding:.65rem .5rem;background:rgba(255,255,255,.012);font-size:.78rem}
  .hero-proof-mini{display:none}
  .hero-brand-visual{min-height:315px;margin-top:.3rem}
  .hero-logo-shell{width:min(245px,66vw)}
  .brand-orbit.orbit-one{width:78%}.brand-orbit.orbit-two{width:91%}
  .orbit-chip{font-size:.52rem;padding:.25rem .42rem}
  .trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;padding-top:.8rem;padding-bottom:.8rem}
  .trust-strip span{min-width:0;font-size:.64rem;white-space:normal}
  .trust-strip span:last-child{grid-column:1/-1}
  .audience-route{grid-template-columns:1fr;gap:1rem;padding:1.15rem}
  .audience-route-actions{min-width:0;display:grid;grid-template-columns:1fr}
  .assist-grid{grid-template-columns:1fr 1fr;gap:.65rem}
  .assist-choice{min-height:116px;padding:.85rem}
  .assist-choice b{font-size:.82rem}
  .assist-result{grid-template-columns:1fr;text-align:left}
  [dir=rtl] .assist-result{text-align:right}
  .assist-result-actions{justify-content:stretch;display:grid;grid-template-columns:1fr}
  .assist-result-actions .btn{width:100%}
  .case-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding:.28rem}
  .case-tabs::-webkit-scrollbar{display:none}.case-tabs button{flex:0 0 auto}
  .audience-dock{top:calc(max(2px,env(safe-area-inset-top)) + 64px)}
  .audience-dock-inner{padding:.4rem 0}
  .audience-dock-label{display:none}
  .audience-dock-reset{font-size:.64rem}
}

@media(max-width:420px){
  .brand span{font-size:.98rem}
  #langBtn{min-width:42px;padding-inline:.45rem}
  #theme{width:42px;min-width:42px}
  #menu{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:14px}
  .hero-secondary-actions{grid-template-columns:1fr}
  .hero-brand-visual{min-height:285px}
  .hero-logo-shell{width:min(222px,64vw)}
  .orbit-chip{display:none}
  .assist-grid{grid-template-columns:1fr}
  .assist-choice{min-height:88px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:.75rem;text-align:left}
  [dir=rtl] .assist-choice{text-align:right}
  .assist-choice span{margin:0}
}

/* Light theme stays premium without excessive glow. */
[data-theme=light] #menu{background:rgba(255,255,255,.78)}
[data-theme=light] .navlinks{background:rgba(247,252,251,.97)}
[data-theme=light] body.tb-menu-open::before{background:rgba(12,31,28,.14)}

/* Respect user/device performance preferences. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto;animation-duration:.001ms;animation-iteration-count:1;transition-duration:.001ms}
}
@media(max-width:680px){
  .hero-brand-visual::before,.brand-orbit,.hero-logo-shell img{animation:none}
  .hero-mesh i{filter:blur(70px);opacity:.16}
  .universe-card,.assist-choice,.care-card,.diagnostic-wrapper{backdrop-filter:none}
}


/* ── HERO SYSTEM VISUAL V13.2 ────────────────────────────────────────── */
.hero-system-visual{
  position:relative;
  display:block;
  width:min(100%,860px);
  min-height:780px;
  margin-inline:auto;
  isolation:isolate;
}
.hero-system-visual::before{
  content:'';position:absolute;inset:7% 9%;border-radius:50%;
  background:radial-gradient(circle,rgba(0,229,200,.14),rgba(0,229,200,.04) 48%,transparent 72%);
  filter:blur(10px);opacity:.95;z-index:0;animation:tbPulse 7s ease-in-out infinite;
}
.hero-system-visual::after{
  content:'';position:absolute;inset:4% 2% auto 2%;height:82%;pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%, rgba(0,229,200,.08), transparent 42%),
    linear-gradient(rgba(0,229,200,.065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,200,.045) 1px, transparent 1px);
  background-size:auto,52px 52px,52px 52px;
  opacity:.38;mask:radial-gradient(circle at center, #000 25%, transparent 86%);z-index:0;
}
.system-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(410px,53vw);aspect-ratio:1;z-index:4;display:grid;place-items:center}
.system-hub-glow,.system-logo-shell{border-radius:50%}
.system-hub-glow{position:absolute;inset:4%;background:radial-gradient(circle,rgba(0,229,200,.12),rgba(0,10,18,.06) 50%,transparent 72%);filter:blur(6px);animation:tbPulse 6s ease-in-out infinite}
.system-logo-shell{position:relative;width:78%;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle at 50% 44%, rgba(5,18,34,.96), rgba(2,8,16,.99) 70%);border:1px solid rgba(0,229,200,.22);box-shadow:0 0 0 2px rgba(0,229,200,.08),0 0 0 14px rgba(0,229,200,.028),0 0 90px rgba(0,229,200,.12), inset 0 0 90px rgba(0,0,0,.78);overflow:hidden}
.system-logo-shell::before{content:'';position:absolute;inset:-7%;border-radius:50%;background:conic-gradient(from 20deg, transparent 0 18%, rgba(255,168,94,.8) 22%, rgba(255,168,94,.15) 29%, transparent 37% 63%, rgba(0,229,200,.35) 67%, transparent 72% 100%);filter:blur(14px);opacity:.8;animation:tbSpin 18s linear infinite}
.system-logo-shell::after{content:'';position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 42px rgba(0,229,200,.1)}
.system-logo-shell img{width:82%;height:auto;position:relative;z-index:2;filter:drop-shadow(0 0 18px rgba(0,229,200,.26));animation:tbFloat 6s ease-in-out infinite}
.system-rings{position:absolute;inset:0;z-index:1;pointer-events:none}
.system-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(0,229,200,.14)}
.ring-core{width:48%;aspect-ratio:1;border-color:rgba(0,229,200,.42);box-shadow:0 0 26px rgba(0,229,200,.2), inset 0 0 26px rgba(0,229,200,.12)}
.ring-dashed{width:68%;aspect-ratio:1;border-style:dashed;opacity:.75;animation:tbSpin 22s linear infinite}
.ring-outer{width:86%;aspect-ratio:1;opacity:.55;animation:tbSpinReverse 34s linear infinite}
.ring-scan{width:76%;aspect-ratio:1;border-color:transparent;background:conic-gradient(from 0deg, transparent 0 34%, rgba(0,229,200,.02) 40%, rgba(0,229,200,.42) 47%, rgba(255,167,77,.75) 53%, rgba(0,229,200,.16) 59%, transparent 66% 100%);-webkit-mask:radial-gradient(circle, transparent 61%, #000 63%, #000 68%, transparent 70%);mask:radial-gradient(circle, transparent 61%, #000 63%, #000 68%, transparent 70%);filter:blur(.2px);animation:tbSpin 10s linear infinite}
.system-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px rgba(0,229,200,.08), 0 0 22px rgba(0,229,200,.85);animation:tbBlink 2.8s ease-in-out infinite}
.dot-top{left:50%;top:11%;transform:translateX(-50%)}
.dot-left{left:18%;top:53%;animation-delay:.4s}
.dot-right{right:15%;top:48%;animation-delay:.9s}
.dot-bottom{left:50%;bottom:10%;transform:translateX(-50%);animation-delay:1.3s}
.system-node-layer{position:absolute;inset:0;z-index:6}
.system-node{
  position:absolute;display:flex;align-items:center;gap:.85rem;min-width:244px;max-width:278px;padding:.82rem .96rem;border-radius:24px;
  border:1px solid rgba(0,229,200,.28);background:linear-gradient(135deg,rgba(6,16,28,.88),rgba(5,14,22,.72));
  box-shadow:0 16px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035), 0 0 24px rgba(0,229,200,.08);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:visible;animation:tbFloatCard 7s ease-in-out infinite var(--delay,0s)
}
.system-node::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 28%,transparent 72%,rgba(0,229,200,.08));opacity:.6;pointer-events:none}
.system-node::after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);top:50%;margin-top:-4px;box-shadow:0 0 0 6px rgba(0,229,200,.07),0 0 16px rgba(0,229,200,.66)}
.node-icon{flex:0 0 58px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(0,229,200,.38);box-shadow:inset 0 0 18px rgba(0,229,200,.12),0 0 24px rgba(0,229,200,.14);color:var(--accent-2);font-weight:900;font-size:.9rem;letter-spacing:.08em;background:radial-gradient(circle at 35% 30%, rgba(0,229,200,.18), rgba(2,12,20,.8) 70%)}
.node-copy{display:grid;gap:.2rem}
.node-copy b{font-size:1rem;line-height:1.1;color:#e9fffb;font-weight:800;letter-spacing:.01em}
.node-copy small{font-size:.82rem;line-height:1.35;color:rgba(224,247,244,.78)}
.node-link{position:absolute;top:50%;height:1px;background:linear-gradient(90deg, rgba(0,229,200,.72), rgba(0,229,200,.2) 56%, transparent);transform-origin:left center;opacity:.95}
.node-ai,.node-training{transform:translateX(-50%)}
.node-consult{top:10%;left:12%;--delay:.2s}.node-ai{top:0;left:50%;--delay:0s}.node-auto{top:12%;right:2%;--delay:.4s}.node-audit{top:31%;left:2%;--delay:.9s}.node-it{top:32%;right:0;--delay:1.2s}.node-remote{top:52%;left:0;--delay:1.8s}.node-sec{top:52%;right:1%;--delay:1.5s}.node-voice{top:71%;left:4%;--delay:2.2s}.node-opti{top:70%;right:2%;--delay:2.6s}.node-match{bottom:4%;left:12%;--delay:3s}.node-training{bottom:0;left:50%;--delay:3.4s}.node-org{bottom:5%;right:11%;--delay:3.8s}
.node-consult .node-link,.node-audit .node-link,.node-remote .node-link,.node-voice .node-link,.node-match .node-link{left:100%}
.node-auto .node-link,.node-it .node-link,.node-sec .node-link,.node-opti .node-link,.node-org .node-link{right:100%;background:linear-gradient(90deg, transparent, rgba(0,229,200,.2) 44%, rgba(0,229,200,.72));transform-origin:right center}
.node-ai .node-link,.node-training .node-link{left:50%;transform:translateX(-50%);width:1px;height:74px;background:linear-gradient(180deg, rgba(0,229,200,.72), rgba(0,229,200,.18), transparent)}
.node-consult .node-link{width:158px;transform:rotate(18deg)}
.node-audit .node-link{width:164px;transform:rotate(14deg)}
.node-remote .node-link{width:150px;transform:rotate(8deg)}
.node-voice .node-link{width:148px;transform:rotate(-10deg)}
.node-match .node-link{width:132px;transform:rotate(-22deg)}
.node-auto .node-link{width:168px;transform:rotate(164deg)}
.node-it .node-link{width:163px;transform:rotate(168deg)}
.node-sec .node-link{width:156px;transform:rotate(176deg)}
.node-opti .node-link{width:147px;transform:rotate(188deg)}
.node-org .node-link{width:126px;transform:rotate(202deg)}
.node-ai .node-link{top:100%;margin-top:8px}.node-training .node-link{bottom:100%;top:auto;margin-bottom:10px;background:linear-gradient(180deg, transparent, rgba(0,229,200,.18), rgba(0,229,200,.72))}
.node-consult::after,.node-audit::after,.node-remote::after,.node-voice::after,.node-match::after{right:-4px}
.node-auto::after,.node-it::after,.node-sec::after,.node-opti::after,.node-org::after{left:-4px}
.node-ai::after,.node-training::after{left:50%;margin-left:-4px}
.system-side-note{position:absolute;top:14%;display:grid;gap:.45rem;z-index:2;color:rgba(161,248,239,.68);font-size:.9rem;letter-spacing:.16em;text-transform:uppercase}
.system-side-note span{display:block;line-height:1.2}
.system-side-note::after{content:'';width:34px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);box-shadow:0 0 10px rgba(0,229,200,.8)}
.side-note-left{left:0;text-align:left}.side-note-right{right:0;text-align:right}.side-note-right::after{justify-self:end;background:linear-gradient(90deg,transparent,var(--accent))}
@keyframes tbSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes tbSpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes tbPulse{0%,100%{opacity:.74;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}
@keyframes tbBlink{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}
@keyframes tbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes tbFloatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.node-ai{animation-name:tbFloatCardTop}.node-training{animation-name:tbFloatCardBottom}
@keyframes tbFloatCardTop{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
@keyframes tbFloatCardBottom{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
.hero-system-visual .system-node:hover{transform:translateY(-3px) scale(1.02)}
.hero-system-visual .node-ai:hover{transform:translateX(-50%) translateY(-3px) scale(1.02)}
.hero-system-visual .node-training:hover{transform:translateX(-50%) translateY(-3px) scale(1.02)}
[data-theme=light] .hero-system-visual::before{background:radial-gradient(circle,rgba(0,136,124,.12),rgba(0,136,124,.04) 44%,transparent 72%)}
[data-theme=light] .system-node{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(243,251,251,.78));box-shadow:0 16px 40px rgba(16,38,44,.08), inset 0 1px 0 rgba(255,255,255,.9)}
[data-theme=light] .node-copy b{color:#10242b}[data-theme=light] .node-copy small{color:#36545b}
@media(max-width:1320px){
  .hero-system-visual{width:min(100%,790px);min-height:720px}
  .system-hub{width:min(360px,48vw)}
  .system-node{min-width:220px;max-width:250px;padding:.75rem .88rem}
  .node-copy b{font-size:.95rem}.node-copy small{font-size:.78rem}
  .side-note-left{left:1%}.side-note-right{right:1%}
}
@media(max-width:1100px){
  .hero-system-visual{display:grid;grid-template-columns:1fr;gap:1rem;min-height:auto;width:100%;max-width:620px;padding-top:.35rem}
  .hero-system-visual::after{inset:2% 6% auto 6%;height:46%}
  .system-rings{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(520px,100%);height:420px;inset:auto}
  .system-hub{position:relative;left:auto;top:auto;transform:none;width:min(340px,70vw);margin:0 auto}
  .system-node-layer{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.4rem}
  .system-node{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;min-width:0;max-width:none;width:100%}
  .system-node::after{display:none}.node-link{display:none}
  .system-side-note{display:none}
}
@media(max-width:980px){.hero-brand-visual.hero-system-visual{display:grid}}
@media(max-width:600px){
  .hero-system-visual{max-width:100%;padding-inline:.2rem}
  .system-rings{height:345px}.system-hub{width:min(280px,76vw)}
  .system-node-layer{grid-template-columns:1fr;gap:.68rem}
  .system-node{padding:.72rem .82rem;border-radius:20px}
  .node-icon{width:50px;height:50px;flex-basis:50px;font-size:.8rem}
  .node-copy b{font-size:.9rem}.node-copy small{font-size:.74rem}
}
@media(prefers-reduced-motion:reduce){
  .hero-system-visual::before,.system-hub-glow,.system-logo-shell::before,.system-logo-shell img,.system-ring,.system-node,.system-dot{animation:none}
}

/* TIMEBACK V14 — Ultra Polish / publication pass */

:root{
  --v14-radius:14px;
  --v14-radius-lg:24px;
  --v14-border:rgba(0,229,200,.18);
  --v14-glow:0 0 0 1px rgba(0,229,200,.07),0 18px 55px -28px rgba(0,229,200,.38);
}

html{scroll-padding-top:78px}
body{overflow-x:clip;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,a,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a,summary{touch-action:manipulation}
:where(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 5px rgba(0,229,200,.09)}

/* ───────────────────────── HEADER / NAV ───────────────────────── */
#header{border-bottom-color:rgba(0,229,200,.08);box-shadow:0 10px 40px rgba(0,0,0,.12)}
.brand{gap:.62rem}
.brand-logo{width:36px;height:36px;filter:drop-shadow(0 0 11px rgba(0,229,200,.42))}
.brand>span{letter-spacing:-.025em}
.navlinks{gap:.08rem}
.navlinks a{font-weight:650;letter-spacing:-.01em}
.navlinks a[aria-current="page"],.navlinks a.active{color:var(--accent)}
.nav-right{gap:.42rem}
#langBtn,#theme{border-radius:12px;border:1px solid rgba(0,229,200,.11);background:rgba(6,16,26,.54)}
[data-theme=light] #langBtn,[data-theme=light] #theme{background:rgba(255,255,255,.72)}

/* Futuristic HUD hamburger */
#menu{
  width:48px;height:48px;min-width:48px;min-height:48px;padding:0;
  border-radius:13px;clip-path:polygon(13% 0,87% 0,100% 13%,100% 87%,87% 100%,13% 100%,0 87%,0 13%);
  border:1px solid rgba(0,229,200,.28);background:linear-gradient(145deg,rgba(9,23,35,.96),rgba(4,12,20,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(0,229,200,.035),0 8px 28px rgba(0,0,0,.25),0 0 24px rgba(0,229,200,.08);
  position:relative;overflow:hidden
}
#menu::before{content:'';position:absolute;inset:7px;border:1px solid rgba(0,229,200,.16);border-radius:50%;transform:none;animation:v14Radar 5s linear infinite}
#menu::after{content:'';position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(0,229,200,.9);transform:translate(-50%,-50%);opacity:.34;transition:.25s}
#menu span{height:1.5px;left:50%;background:linear-gradient(90deg,transparent,var(--accent) 20%,#d8fffb 50%,var(--accent) 80%,transparent);box-shadow:0 0 8px rgba(0,229,200,.54)}
#menu span:nth-child(1){width:21px;transform:translate(-50%,-7px)}
#menu span:nth-child(2){width:14px;transform:translate(-50%,0)}
#menu span:nth-child(3){width:21px;transform:translate(-50%,7px)}
#menu:hover{border-color:rgba(0,229,200,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 3px rgba(0,229,200,.045),0 0 34px rgba(0,229,200,.17)}
#menu[aria-expanded="true"]{background:linear-gradient(145deg,rgba(0,229,200,.12),rgba(5,18,28,.96))}
#menu[aria-expanded="true"]::before{animation:v14Radar 2s linear infinite;border-color:rgba(0,229,200,.35)}
#menu[aria-expanded="true"]::after{opacity:.7}
#menu[aria-expanded="true"] span:nth-child(1){width:21px;transform:translate(-50%,0) rotate(45deg)}
#menu[aria-expanded="true"] span:nth-child(2){opacity:0;transform:translate(-50%,0) scaleX(0)}
#menu[aria-expanded="true"] span:nth-child(3){width:21px;transform:translate(-50%,0) rotate(-45deg)}
@keyframes v14Radar{to{transform:rotate(360deg)}}

/* ───────────────────────── BUTTON SYSTEM ───────────────────────── */
.btn,.nav-cta,.text-cta,.universe-link,.assist-choice,.case-tabs button,.audience-dock-buttons button,#langBtn,#theme,[data-close]{
  transition:transform .18s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease,filter .22s ease
}
.btn,.nav-cta{
  border-radius:12px;min-height:48px;font-weight:800;letter-spacing:-.01em;position:relative;overflow:hidden
}
.btn-primary,.nav-cta{background:linear-gradient(135deg,#13e7d1 0%,#00cdbc 100%);color:#00110f;border:1px solid rgba(177,255,247,.48);box-shadow:0 10px 30px -16px rgba(0,229,200,.78),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-primary::before,.nav-cta::before{content:'';position:absolute;inset:-60% auto -60% -36%;width:34%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transition:transform .58s ease;pointer-events:none}
.btn-primary:hover::before,.nav-cta:hover::before{transform:translateX(440%) skewX(-20deg)}
.btn-primary:hover,.nav-cta:hover{transform:translateY(-2px);filter:brightness(1.045);box-shadow:0 14px 34px -13px rgba(0,229,200,.8),0 0 0 1px rgba(0,229,200,.25),inset 0 1px 0 rgba(255,255,255,.62)}
.btn-outline{border:1px solid rgba(0,229,200,.17);background:linear-gradient(145deg,rgba(8,20,31,.58),rgba(5,13,22,.36));color:var(--tx);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.btn-outline:hover{transform:translateY(-2px);border-color:rgba(0,229,200,.44);background:rgba(0,229,200,.07);box-shadow:0 13px 30px -20px rgba(0,229,200,.5),inset 0 1px 0 rgba(255,255,255,.04)}
.btn-ghost:hover{background:rgba(0,229,200,.05);color:var(--accent)}
.text-cta{min-height:40px;padding:.38rem .15rem;font-weight:720;text-decoration:none;border-bottom:0}
.text-cta b{transition:transform .2s ease}.text-cta:hover b{transform:translate(3px,-1px)}
.universe-link{font-weight:800}.universe-link::after{content:' ↗';display:inline-block;transition:transform .2s ease}.universe-link:hover::after{transform:translate(3px,-2px)}
button:disabled{cursor:not-allowed;opacity:.5;transform:none}
.v14-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.25);transform:scale(0);animation:v14Ripple .55s ease-out;pointer-events:none;z-index:20}
@keyframes v14Ripple{to{transform:scale(4);opacity:0}}

/* ───────────────────────── HERO ───────────────────────── */
.hero{min-height:min(930px,100svh)}
.hero .wrap.hero-v11{max-width:1480px;grid-template-columns:minmax(430px,.76fr) minmax(680px,1.24fr);gap:clamp(1rem,2.6vw,3rem);padding-inline:max(1.2rem,calc(env(safe-area-inset-left) + 1rem))}
.hero-copy{max-width:620px}
.hero-eye{border-color:rgba(0,229,200,.28);background:rgba(0,229,200,.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 32px rgba(0,229,200,.04)}
.hero-h1{letter-spacing:-.052em;text-wrap:balance}
.hero-h1 em{filter:drop-shadow(0 0 18px rgba(0,229,200,.14))}
.hero-lead{max-width:61ch;color:rgba(228,242,242,.76);font-size:1rem;line-height:1.7}
[data-theme=light] .hero-lead{color:var(--ts)}
.hero-proof-mini span{border-radius:999px;padding:.27rem .55rem;background:rgba(0,229,200,.035);border:1px solid rgba(0,229,200,.07)}

/* ── Futuristic capability system, based on the approved visual ── */
.hero-system-visual{width:100%;max-width:850px;min-height:760px;margin-inline:auto;perspective:1000px}
.hero-system-visual::before{inset:8% 11%;filter:blur(16px);opacity:.85}
.hero-system-visual::after{opacity:.28;background-size:auto,46px 46px,46px 46px}
.system-icon-sprite{pointer-events:none}
.system-hub{width:min(410px,46%);transition:transform .2s ease-out;will-change:transform}
.system-logo-shell{width:84%;box-shadow:0 0 0 1px rgba(0,229,200,.19),0 0 0 9px rgba(0,229,200,.025),0 0 80px rgba(0,229,200,.11),inset 0 0 85px rgba(0,0,0,.82)}
.system-logo-shell img{width:88%}
.ring-core{width:46%}.ring-dashed{width:64%}.ring-outer{width:82%}.ring-scan{width:72%}
.system-node{min-width:214px;max-width:246px;padding:.68rem .75rem;border-radius:19px;gap:.64rem;background:linear-gradient(135deg,rgba(4,16,27,.92),rgba(4,12,21,.73));border-color:rgba(0,229,200,.22);box-shadow:0 13px 34px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.03),0 0 20px rgba(0,229,200,.045);animation-duration:8.5s}
.system-node.is-active{border-color:rgba(0,229,200,.62);background:linear-gradient(135deg,rgba(0,229,200,.115),rgba(4,15,24,.9));box-shadow:0 17px 40px rgba(0,0,0,.32),0 0 28px rgba(0,229,200,.16),inset 0 1px 0 rgba(255,255,255,.055)}
.system-node.is-active .node-icon{box-shadow:inset 0 0 20px rgba(0,229,200,.17),0 0 28px rgba(0,229,200,.25);border-color:rgba(0,229,200,.68)}
.system-node.is-active .node-link{filter:brightness(1.5);opacity:1}
.node-icon{width:47px;height:47px;flex-basis:47px;color:#6affef}
.node-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.node-copy b{font-size:.91rem;line-height:1.15}.node-copy small{font-size:.69rem;line-height:1.25}
.system-node::after{width:6px;height:6px;margin-top:-3px}
.system-side-note{font-size:.64rem;letter-spacing:.18em;opacity:.72}
.system-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--accent);opacity:.28;box-shadow:0 0 9px rgba(0,229,200,.75);z-index:1;animation:v14Twinkle var(--dur,3s) ease-in-out infinite var(--delay,0s)}
@keyframes v14Twinkle{0%,100%{opacity:.12;transform:scale(.7)}50%{opacity:.65;transform:scale(1.35)}}

/* More balanced node positions for desktop */
.node-consult{top:8%;left:8%}.node-ai{top:0}.node-auto{top:10%;right:0}
.node-audit{top:28%;left:0}.node-it{top:29%;right:0}
.node-remote{top:49%;left:-1%}.node-sec{top:49%;right:0}
.node-voice{top:68%;left:2%}.node-opti{top:67%;right:1%}
.node-match{bottom:3%;left:10%}.node-training{bottom:-1%}.node-org{bottom:4%;right:9%}

/* ───────────────────────── CARD / SECTION POLISH ───────────────────────── */
.section{scroll-margin-top:78px}
.section-header{margin-bottom:clamp(1.7rem,4vw,2.8rem)}
.section-title{letter-spacing:-.045em;text-wrap:balance}
.section-lead{line-height:1.72;max-width:72ch}
.universe-card,.sol-card,.fr-card,.offer,.quick-help-card,.care-card,.diagnostic-wrapper,.contact-card,.contact-form-card{
  border-color:rgba(0,229,200,.105);box-shadow:0 20px 56px -34px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.025)
}
.universe-card[data-card-action="true"]{cursor:pointer}
.universe-card[data-card-action="true"]:hover{border-color:rgba(0,229,200,.31);transform:translateY(-4px);box-shadow:0 24px 58px -30px rgba(0,229,200,.18),inset 0 1px 0 rgba(255,255,255,.035)}
.case-tabs button, .audience-dock-buttons button{cursor:pointer}
.case-tabs button[aria-selected="true"],.audience-dock-buttons button.active{box-shadow:0 0 0 1px rgba(0,229,200,.12),0 8px 24px -18px rgba(0,229,200,.52)}
details summary{cursor:pointer;min-height:48px;display:flex;align-items:center}

/* ───────────────────────── ABOUT V14 ───────────────────────── */
.about-v14{overflow:clip;position:relative}
.about-v14::before{content:'';position:absolute;width:560px;height:560px;border-radius:50%;right:-180px;top:8%;background:radial-gradient(circle,rgba(0,229,200,.08),transparent 68%);filter:blur(15px);pointer-events:none}
.founder-v14{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,4.8rem);align-items:center;padding:clamp(1rem,2vw,1.35rem);border:1px solid rgba(0,229,200,.12);border-radius:28px;background:linear-gradient(135deg,rgba(0,229,200,.035),transparent 34%),rgba(6,16,26,.44);box-shadow:0 24px 80px -44px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.025);position:relative}
.founder-portrait-panel{position:relative;min-height:560px;border-radius:22px;overflow:hidden;background:#06111b;border:1px solid rgba(0,229,200,.13);box-shadow:0 22px 60px -32px rgba(0,0,0,.75)}
.founder-photo-v14{position:absolute;inset:0;overflow:hidden}
.founder-photo-v14::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 43%,rgba(2,8,14,.18) 63%,rgba(2,8,14,.94) 100%),linear-gradient(90deg,rgba(0,229,200,.035),transparent 30%);pointer-events:none}
.founder-photo-v14 img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block;transform:scale(1.01);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease}
.founder-v14:hover .founder-photo-v14 img{transform:scale(1.035);filter:saturate(1.04)}
.founder-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 47%,rgba(0,229,200,.13) 50%,transparent 53%);background-size:100% 220%;opacity:.35;animation:v14FounderScan 8s ease-in-out infinite}
@keyframes v14FounderScan{0%,100%{background-position:0 -40%}50%{background-position:0 130%}}
.founder-signature-card{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:auto 1fr;column-gap:.75rem;row-gap:.15rem;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(0,229,200,.19);background:rgba(3,12,20,.74);backdrop-filter:blur(14px);box-shadow:0 14px 38px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)}
.founder-signature-card small{grid-row:1/3;align-self:center;color:var(--accent);font-size:.59rem;letter-spacing:.15em;font-weight:900;writing-mode:vertical-rl;transform:rotate(180deg)}
.founder-signature-card strong{font-size:1.17rem;color:#f2fffd}.founder-signature-card span{font-size:.75rem;color:rgba(225,244,241,.72)}
.founder-content-v14{padding:clamp(.4rem,2vw,1.4rem) clamp(.3rem,1.5vw,1rem)}
.about-title-v14{font-size:clamp(2rem,3.8vw,3.2rem);max-width:18ch;margin:.7rem 0 1.25rem}
.founder-content-v14 blockquote{font-size:clamp(1.08rem,1.8vw,1.38rem);line-height:1.5;color:var(--tx);padding-left:1rem;border-left:2px solid var(--accent);margin:0 0 1.2rem;max-width:42ch}
[dir=rtl] .founder-content-v14 blockquote{padding-left:0;padding-right:1rem;border-left:0;border-right:2px solid var(--accent)}
.founder-content-v14>p{font-size:.94rem;color:var(--ts);line-height:1.78;margin-bottom:.85rem;max-width:66ch}
.founder-values-v14{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.35rem 0}
.founder-values-v14>div{padding:.85rem;border:1px solid rgba(0,229,200,.11);border-radius:14px;background:rgba(0,229,200,.027);display:grid;gap:.22rem;min-width:0}
.founder-values-v14 span{font-size:.58rem;color:var(--accent);font-weight:900;letter-spacing:.12em}.founder-values-v14 b{font-size:.88rem}.founder-values-v14 small{font-size:.72rem;color:var(--ts);line-height:1.45}
.about-mission-v14{margin-top:.5rem;border-radius:14px}
.about-actions-v14{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}
[data-theme=light] .founder-v14{background:linear-gradient(135deg,rgba(0,154,162,.05),transparent 35%),rgba(255,255,255,.58)}

/* ───────────────────────── MOBILE / TABLET ───────────────────────── */
@media(max-width:1240px){
  .hero .wrap.hero-v11{max-width:1180px;grid-template-columns:minmax(390px,.82fr) minmax(570px,1.18fr);gap:1rem}
  .hero-system-visual{max-width:690px;min-height:690px}
  .system-node{min-width:190px;max-width:220px;padding:.6rem .66rem}
  .node-icon{width:42px;height:42px;flex-basis:42px}.node-icon svg{width:19px;height:19px}
  .node-copy b{font-size:.82rem}.node-copy small{font-size:.62rem}
  .system-side-note{display:none}
}

@media(max-width:1050px){
  .hero{min-height:auto;padding-bottom:2rem}
  .hero .wrap.hero-v11{grid-template-columns:1fr;max-width:760px;gap:1.5rem;padding-top:2rem}
  .hero-copy{max-width:none}
  .hero-system-visual{max-width:720px;min-height:auto;padding-top:.4rem}
  .system-rings{height:390px;width:min(510px,88%);top:0}
  .system-hub{width:min(330px,62vw);margin:0 auto 1rem}
  .system-node-layer{grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem;margin-top:.2rem}
  .system-node{min-height:74px;min-width:0;max-width:none;padding:.65rem;gap:.55rem;border-radius:16px}
  .node-copy b{font-size:.78rem}.node-copy small{font-size:.61rem}.node-icon{width:38px;height:38px;flex-basis:38px}
  .founder-v14{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:1.6rem}.founder-portrait-panel{min-height:500px}
}

@media(max-width:820px){
  .nav-cta{display:none}
  .hero .wrap.hero-v11{padding-top:1.3rem}
  .hero-h1{font-size:clamp(3rem,10.5vw,5.2rem);line-height:.96}
  .hero-audience-actions{grid-template-columns:1fr 1fr}
  .hero-system-visual{max-width:640px}
  .system-node-layer{grid-template-columns:repeat(2,minmax(0,1fr))}
  .founder-v14{grid-template-columns:1fr;padding:.9rem}.founder-portrait-panel{min-height:620px}.founder-content-v14{padding:1rem .5rem 1.2rem}
}

@media(max-width:600px){
  html{scroll-padding-top:70px}
  body{font-size:16px}
  .wrap{padding-left:max(1rem,calc(env(safe-area-inset-left) + .85rem));padding-right:max(1rem,calc(env(safe-area-inset-right) + .85rem))}
  .section{padding-top:4.2rem;padding-bottom:4.2rem}
  .section-header{margin-bottom:1.6rem}
  .section-title{font-size:clamp(1.95rem,9.8vw,2.65rem);line-height:1.04;letter-spacing:-.045em}
  .section-lead{font-size:.98rem;line-height:1.68}
  #header .nav-inner{min-height:62px;padding-inline:max(.85rem,env(safe-area-inset-left))}
  .brand-logo{width:34px;height:34px}.brand>span{font-size:1rem}
  #langBtn,#theme{min-width:42px;min-height:42px}
  #menu{width:44px;height:44px;min-width:44px;min-height:44px}
  .navlinks{top:calc(100% + 7px);left:.65rem;right:.65rem;border:1px solid rgba(0,229,200,.13);border-radius:18px;padding:.55rem;background:rgba(3,12,21,.965);box-shadow:0 22px 60px rgba(0,0,0,.45)}
  .navlinks a{font-size:.94rem;min-height:50px;border-radius:12px}

  .hero{padding-top:70px}
  .hero .wrap.hero-v11{padding-top:1.25rem;gap:1.2rem}
  .hero-eye{max-width:100%;width:max-content;font-size:.59rem;letter-spacing:.075em;padding:.48rem .6rem;margin-bottom:1rem;white-space:normal}
  .hero-h1{font-size:clamp(2.55rem,13vw,3.55rem);line-height:.96;margin-bottom:1rem;max-width:100%}
  .hero-lead{font-size:1rem;line-height:1.62;margin-bottom:1.1rem}
  .hero-audience-actions{display:grid;grid-template-columns:1fr;gap:.55rem}
  .hero-audience-actions .btn{width:100%;min-height:52px}
  .hero-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
  .hero-secondary-actions .text-cta{min-height:48px;border:1px solid rgba(0,229,200,.1);border-radius:12px;background:rgba(0,229,200,.025);padding:.62rem .5rem;justify-content:center;font-size:.74rem;text-align:center}
  .hero-proof-mini{display:flex;flex-wrap:wrap;gap:.35rem}.hero-proof-mini span{font-size:.66rem}

  .hero-system-visual{max-width:100%;padding-top:.2rem}
  .system-rings{height:300px;width:min(360px,95%)}
  .system-hub{width:min(250px,72vw);margin-bottom:.75rem}
  .system-logo-shell{width:88%}
  .system-node-layer{grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}
  .system-node{min-height:65px;padding:.55rem .58rem;border-radius:14px;gap:.42rem;animation:none}
  .system-node .node-copy small{display:none}.node-copy b{font-size:.72rem;line-height:1.2}.node-icon{width:34px;height:34px;flex-basis:34px}.node-icon svg{width:17px;height:17px}
  .system-node.node-audit,.system-node.node-voice,.system-node.node-match,.system-node.node-org{display:none}
  .system-particle{display:none}

  .btn,.nav-cta{min-height:50px;padding:.75rem 1rem;font-size:.88rem}
  input,select,textarea{font-size:16px;line-height:1.45}
  textarea{min-height:124px}
  .universe-card,.sol-card,.fr-card,.offer,.quick-help-card,.care-card,.diagnostic-wrapper{border-radius:18px}
  .case-tabs{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:.25rem}.case-tabs button{scroll-snap-align:start;min-height:44px;white-space:nowrap}

  .founder-v14{padding:.65rem;border-radius:22px;gap:.9rem}
  .founder-portrait-panel{min-height:500px;border-radius:18px}
  .founder-photo-v14 img{object-position:center 18%}
  .founder-signature-card{left:12px;right:12px;bottom:12px;padding:.75rem .8rem;border-radius:14px}
  .founder-signature-card strong{font-size:1.05rem}.founder-signature-card span{font-size:.69rem}
  .founder-content-v14{padding:1rem .45rem 1.15rem}
  .about-title-v14{font-size:clamp(2rem,10vw,2.55rem);margin:.65rem 0 1rem}
  .founder-content-v14 blockquote{font-size:1.03rem;line-height:1.55}
  .founder-content-v14>p{font-size:.94rem;line-height:1.72}
  .founder-values-v14{grid-template-columns:1fr;gap:.5rem}.founder-values-v14>div{grid-template-columns:auto 1fr;column-gap:.7rem;align-items:start;padding:.75rem}.founder-values-v14 span{grid-row:1/3;align-self:center}.founder-values-v14 small{font-size:.75rem}
  .about-actions-v14{display:grid;grid-template-columns:1fr}.about-actions-v14 .btn{width:100%}
}

@media(max-width:390px){
  .brand>span{display:none}
  .nav-right{gap:.3rem}
  #langBtn,#theme{min-width:40px;width:40px;padding:0}
  #menu{width:42px;height:42px;min-width:42px;min-height:42px}
  .hero-h1{font-size:clamp(2.32rem,13vw,3.05rem)}
  .hero-secondary-actions{grid-template-columns:1fr}
  .system-rings{height:270px}.system-hub{width:min(222px,70vw)}
  .system-node-layer{gap:.4rem}.system-node{min-height:61px;padding:.48rem}.node-copy b{font-size:.67rem}.node-icon{width:31px;height:31px;flex-basis:31px}.node-icon svg{width:15px;height:15px}
  .founder-portrait-panel{min-height:455px}
}

[dir=rtl] .system-node{direction:rtl}
[dir=rtl] .about-actions-v14,[dir=rtl] .founder-values-v14{direction:rtl}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto}
  .system-particle,.system-node,.system-ring,.system-logo-shell::before,.system-logo-shell img,.founder-scan,#menu::before{animation:none}
  .founder-photo-v14 img{transition:none}
}

/* Header compaction once the visitor scrolls */
#header .nav-inner{transition:min-height .22s ease,padding .22s ease}
#header.v14-compact{background:rgba(3,11,19,.91);box-shadow:0 12px 34px rgba(0,0,0,.26);border-bottom-color:rgba(0,229,200,.12)}
#header.v14-compact .brand-logo{filter:drop-shadow(0 0 8px rgba(0,229,200,.35))}
[data-theme=light] #header.v14-compact{background:rgba(250,253,253,.92)}
@media(max-width:600px){#header.v14-compact .nav-inner{min-height:58px}}

/* V14 final refinements */
.system-side-note{display:none}
@media(max-width:600px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .mobile-action-bar{transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
  body.v14-hero-visible .mobile-action-bar{transform:translateY(calc(125% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}
}

/* ───────────────────────── DIAGNOSTIC V14 — rebuild missing V13 layout ───────────────────────── */
#diagStageContent>h3{font-size:clamp(1.12rem,2.1vw,1.42rem);line-height:1.25;letter-spacing:-.025em;margin:0 0 .4rem;color:var(--tx)}
#diagStageContent>p{font-size:.88rem;line-height:1.65;color:var(--ts);margin:0 0 1rem;max-width:62ch}
.diag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0 1.1rem}
.choice{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:.72rem;width:100%;min-height:76px;padding:.72rem .8rem;text-align:left;border:1px solid rgba(0,229,200,.105);border-radius:13px;background:rgba(0,229,200,.022);color:var(--tx);cursor:pointer;transition:.2s ease;min-width:0}
.choice:hover,.choice:focus-visible{border-color:rgba(0,229,200,.35);background:rgba(0,229,200,.055);transform:translateY(-1px)}
.choice.selected{border-color:rgba(0,229,200,.6);background:linear-gradient(135deg,rgba(0,229,200,.1),rgba(0,229,200,.035));box-shadow:0 10px 26px -18px rgba(0,229,200,.6)}
.choice i{width:38px;height:38px;border:1px solid rgba(0,229,200,.17);border-radius:11px;display:grid;place-items:center;color:var(--accent);font-style:normal;font-size:.64rem;font-weight:900;letter-spacing:.06em;background:rgba(0,229,200,.035)}
.choice span{display:block;min-width:0}.choice strong,.choice small{display:block;white-space:normal;overflow-wrap:anywhere}.choice strong{font-size:.84rem;line-height:1.25;margin-bottom:.14rem}.choice small{font-size:.68rem;line-height:1.38;color:var(--tm)}
.diag-field{margin:1rem 0}.diag-field label{display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-size:.78rem;color:var(--ts);font-weight:700;margin-bottom:.5rem}.diag-field output{color:var(--accent);font-weight:900}
.diag-select{width:100%;min-height:46px;border:1px solid rgba(0,229,200,.13);border-radius:11px;background:var(--input-bg);color:var(--tx);padding:.65rem .8rem;font:inherit;outline:none}.diag-select:focus{border-color:var(--accent)}
.diag-field input[type=range]{width:100%;height:5px;border:0;appearance:none;background:var(--line);border-radius:999px;outline:none}.diag-field input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid #06221f;box-shadow:0 0 0 4px rgba(0,229,200,.08),0 0 15px rgba(0,229,200,.4)}
.chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.chip-choice{min-height:50px;padding:.65rem .75rem;border:1px solid rgba(0,229,200,.11);border-radius:11px;background:rgba(0,229,200,.022);color:var(--tx);text-align:left;cursor:pointer;transition:.2s ease;white-space:normal}.chip-choice strong{display:block;font-size:.78rem;line-height:1.35}.chip-choice:hover,.chip-choice.selected{border-color:rgba(0,229,200,.47);background:rgba(0,229,200,.08);color:var(--accent)}
.diag-hint{font-size:.7rem;color:var(--tm);margin-top:.65rem}
.signal-list{display:grid;gap:.75rem;margin-top:.9rem}.signal{border:1px solid rgba(0,229,200,.1);border-radius:13px;padding:.8rem;background:rgba(0,229,200,.018)}.signal>strong{display:block;font-size:.82rem;line-height:1.45;margin-bottom:.65rem}.signal-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem}.signal-options button{min-height:42px;padding:.5rem .42rem;border:1px solid rgba(0,229,200,.1);border-radius:9px;background:rgba(255,255,255,.012);color:var(--ts);font-size:.7rem;font-weight:720;cursor:pointer;white-space:normal;line-height:1.25}.signal-options button:hover,.signal-options button.selected{border-color:rgba(0,229,200,.45);background:rgba(0,229,200,.08);color:var(--accent)}
#diagActions{align-items:center}.diagnostic-wrapper #diagPrev{visibility:hidden;opacity:0;pointer-events:none}.diagnostic-wrapper #diagPrev.visible{visibility:visible;opacity:1;pointer-events:auto}
.recommendation{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:.7rem;align-items:start;padding:.8rem;border:1px solid rgba(0,229,200,.1);border-radius:12px;background:rgba(0,229,200,.02)}.recommendation>b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(0,229,200,.07);color:var(--accent);font-size:.62rem}.recommendation strong{display:block;font-size:.82rem;margin-bottom:.18rem}.recommendation p{font-size:.72rem;line-height:1.5;color:var(--ts);margin:0}.recommendation em{font-style:normal;font-size:.62rem;padding:.25rem .42rem;border-radius:999px;border:1px solid rgba(0,229,200,.12);color:var(--tm);white-space:nowrap}
[dir=rtl] .choice,[dir=rtl] .chip-choice{text-align:right}
@media(max-width:600px){
  .diagnostic-wrapper{padding:1rem;border-radius:18px;margin-top:1.25rem}
  #diagStageContent>h3{font-size:1.17rem;line-height:1.3}#diagStageContent>p{font-size:.9rem;line-height:1.6}
  .diag-grid{grid-template-columns:1fr;gap:.48rem;margin:.8rem 0 1rem}
  .choice{grid-template-columns:40px minmax(0,1fr);min-height:70px;padding:.65rem;border-radius:12px}.choice i{width:36px;height:36px}.choice strong{font-size:.84rem}.choice small{font-size:.7rem}
  .chip-grid{grid-template-columns:1fr}.chip-choice{min-height:48px}
  .signal-options{grid-template-columns:1fr}.signal-options button{min-height:44px;text-align:center}
  #diagActions{display:grid;grid-template-columns:auto 1fr;gap:.55rem}#diagActions .btn{width:100%}.diagnostic-wrapper #diagPrev{width:50px;padding:0}
  .recommendation{grid-template-columns:32px minmax(0,1fr)}.recommendation em{grid-column:2;justify-self:start;margin-top:.2rem}
}

/* Hero vertical rhythm: keep the full proposition visible on a standard laptop screen. */
@media(min-width:1051px){
  .hero{justify-content:flex-start}
  .hero .wrap.hero-v11{grid-template-columns:minmax(500px,.9fr) minmax(660px,1.1fr);padding-top:3rem}
  .hero>.trust-strip{margin-top:.8rem}
}
#diagCount{direction:ltr;unicode-bidi:isolate}
[dir=rtl] #diagCount{text-align:left}

/* TIMEBACK V15 — Final publication polish */

:root{
  --v15-cyan:#14e7d3;
  --v15-cyan-soft:rgba(20,231,211,.10);
  --v15-ink:#03101a;
}

/* ---------- Visual rhythm / typography ---------- */
@media(min-width:1101px){
  .hero-h1{font-size:clamp(4.5rem,5.65vw,5.95rem);line-height:.94;max-width:8.35ch}
  .hero .wrap.hero-v11{grid-template-columns:minmax(420px,.82fr) minmax(650px,1.18fr);gap:clamp(1rem,2.1vw,2.4rem)}
  .hero-system-visual{max-width:805px;min-height:700px}
  .system-hub{width:min(380px,45%)}
  .hero-proof-mini{display:none}
}

.section-title{text-wrap:balance}
.section-lead{max-width:66ch}

/* ---------- Hero: staged system instead of all lights at once ---------- */
.system-node{opacity:.42;filter:saturate(.78) brightness(.82);transition:opacity .45s ease,filter .45s ease,transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.system-node.phase-active{opacity:.84;filter:saturate(1) brightness(.98)}
.system-node.is-active{opacity:1;filter:saturate(1.08) brightness(1.08)}
.system-node.persona-relevant{opacity:.94;filter:saturate(1.05) brightness(1.02);border-color:rgba(20,231,211,.42)}
.system-node.persona-relevant:not(.phase-active):not(.is-active){box-shadow:0 12px 32px rgba(0,0,0,.28),0 0 22px rgba(20,231,211,.08)}

.system-phase-v15{
  position:absolute;left:50%;bottom:4.5%;transform:translateX(-50%);z-index:7;
  width:min(245px,74%);display:grid;justify-items:center;gap:.06rem;padding:.46rem .72rem .52rem;
  border:1px solid rgba(20,231,211,.16);border-radius:999px;
  background:linear-gradient(180deg,rgba(4,17,28,.78),rgba(2,9,16,.88));
  box-shadow:0 8px 28px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035),0 0 24px rgba(20,231,211,.05);
  backdrop-filter:blur(10px)
}
.system-phase-v15 small{font-size:.48rem;font-weight:850;letter-spacing:.16em;color:rgba(125,250,238,.62)}
.system-phase-v15 strong{font-size:.74rem;letter-spacing:.11em;color:#ddfffb;text-transform:uppercase}
.system-phase-v15 span{font-size:.58rem;color:rgba(224,246,244,.62)}

/* Mobile capability disclosure is intentionally absent from desktop. */
.capabilities-toggle-v15{display:none}

/* ---------- CTA hierarchy ---------- */
.hero-audience-actions .audience-entry{position:relative}
body[data-audience-mode="entreprise"] .audience-entry[data-audience-select="entreprise"],
body[data-audience-mode="particulier"] .audience-entry[data-audience-select="particulier"]{
  border-color:rgba(20,231,211,.62);box-shadow:0 0 0 3px rgba(20,231,211,.055),0 14px 34px -20px rgba(20,231,211,.65)
}
body[data-audience-mode="entreprise"] .audience-entry[data-audience-select="entreprise"]::after,
body[data-audience-mode="particulier"] .audience-entry[data-audience-select="particulier"]::after{
  content:'✓';margin-left:.25rem;font-weight:950
}

/* Clear clickability without making static cards look like buttons. */
.universe-card[data-card-action="true"],.assist-choice{cursor:pointer}
.universe-card[data-card-action="true"]:hover{transform:translateY(-4px);border-color:rgba(20,231,211,.34)}
.universe-card[data-card-action="true"]:active,.assist-choice:active{transform:translateY(-1px) scale(.995)}

/* ---------- TimeBack Score: action plan ---------- */
.score-plan-v15{margin:1rem 0 1.2rem;padding:1rem;border:1px solid rgba(20,231,211,.13);border-radius:18px;background:linear-gradient(145deg,rgba(20,231,211,.045),rgba(5,14,23,.52));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.score-plan-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.score-plan-head h4{margin:0;font-size:1rem;line-height:1.25;color:var(--tx)}
.score-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.score-plan-grid article{position:relative;min-height:96px;padding:.76rem;border:1px solid rgba(20,231,211,.09);border-radius:13px;background:rgba(3,12,20,.42);overflow:hidden}
.score-plan-grid article::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);opacity:.7}
.score-plan-grid article[data-lane="frame"]::before{background:#7deee2}
.score-plan-grid article[data-lane="structure"]::before{background:#ffb56d}
.score-plan-grid small{display:block;margin-bottom:.42rem;font-size:.56rem;letter-spacing:.11em;font-weight:900;color:var(--accent)}
.score-plan-grid article[data-lane="structure"] small{color:#ffb56d}
.score-plan-grid strong{display:block;font-size:.83rem;line-height:1.38;color:rgba(235,249,248,.9)}
[data-theme=light] .score-plan-grid article{background:rgba(255,255,255,.72)}
[data-theme=light] .score-plan-grid strong{color:var(--tx)}

/* ---------- About: stronger human story ---------- */
.about-origin-v15{margin:1.1rem 0 1rem;padding:.9rem 1rem;border-left:2px solid var(--accent);border-radius:0 13px 13px 0;background:linear-gradient(90deg,rgba(20,231,211,.055),transparent)}
.about-origin-v15 small{display:block;margin-bottom:.3rem;font-size:.58rem;font-weight:900;letter-spacing:.14em;color:var(--accent)}
.about-origin-v15 p{margin:0;color:rgba(225,241,240,.76);font-size:.91rem;line-height:1.65}
[data-theme=light] .about-origin-v15 p{color:var(--ts)}
.founder-values-v14>div{position:relative;overflow:hidden}
.founder-values-v14>div::after{content:'';position:absolute;inset:auto -30% 0 -30%;height:1px;background:linear-gradient(90deg,transparent,rgba(20,231,211,.25),transparent)}

/* ---------- Mobile: less noise, more clarity ---------- */
@media(max-width:900px){
  .trust-strip{display:none}
  .hero-proof-mini{display:flex}
  .system-node{opacity:1;filter:none}
  .system-phase-v15{bottom:3.5%;width:min(230px,78%)}
  .system-node.v15-secondary{display:none}
  .hero-system-visual.capabilities-expanded .system-node.v15-secondary{display:flex}
  .capabilities-toggle-v15{
    display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;min-height:46px;margin:.1rem 0 .25rem;padding:.6rem .8rem;
    border:1px solid rgba(20,231,211,.14);border-radius:13px;background:rgba(20,231,211,.035);color:rgba(225,247,244,.78);
    font:inherit;font-size:.76rem;font-weight:800;cursor:pointer
  }
  .capabilities-toggle-v15::after{content:'+';font-size:1rem;color:var(--accent);transition:transform .2s ease}
  .hero-system-visual.capabilities-expanded .capabilities-toggle-v15::after{transform:rotate(45deg)}
  .hero-system-visual::after{opacity:.18}
}

@media(max-width:600px){
  html{scroll-padding-top:68px}
  .section{padding-top:clamp(3.7rem,12vw,4.7rem);padding-bottom:clamp(3.7rem,12vw,4.7rem)}
  .hero{padding-bottom:2.2rem}
  .hero .wrap.hero-v11{padding-inline:max(1rem,env(safe-area-inset-left))}
  .hero-eye{width:100%;justify-content:flex-start;text-align:left}
  [dir="rtl"] .hero-eye{text-align:right;justify-content:flex-end}
  .hero-h1{font-size:clamp(2.42rem,12.2vw,3.35rem);line-height:.975;letter-spacing:-.048em}
  .hero-lead{font-size:.96rem;line-height:1.62;max-width:38ch}
  .hero-secondary-actions{grid-template-columns:1fr}
  .hero-secondary-actions .text-cta{font-size:.78rem;min-height:48px}
  .hero-proof-mini{gap:.32rem}.hero-proof-mini span{font-size:.64rem;padding:.25rem .48rem}

  .hero-system-visual{margin-top:.35rem}
  .system-rings{height:280px}
  .system-hub{width:min(232px,69vw)}
  .system-phase-v15{bottom:2.5%;padding:.38rem .56rem .42rem;width:min(206px,76%)}
  .system-phase-v15 small{display:none}.system-phase-v15 strong{font-size:.64rem}.system-phase-v15 span{font-size:.52rem}
  .system-node-layer{grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}
  .system-node{min-height:68px;padding:.57rem}
  .system-node .node-copy small{display:none}
  .node-copy b{font-size:.73rem;overflow-wrap:anywhere}
  .node-icon{width:35px;height:35px;flex-basis:35px}
  .capabilities-toggle-v15{margin-top:.15rem;font-size:.74rem}

  .score-plan-head{display:block}.score-plan-head h4{margin-top:.35rem;font-size:.92rem}
  .score-plan-grid{grid-template-columns:1fr}
  .score-plan-grid article{min-height:auto;padding:.7rem .76rem}

  .founder-v14{gap:.7rem}
  .founder-portrait-panel{min-height:460px}
  .founder-content-v14{padding-top:1.2rem}
  .about-title-v14{font-size:clamp(2rem,9.6vw,2.55rem);line-height:1.02}
  .about-origin-v15{margin:.95rem 0;padding:.8rem .85rem}
  .about-origin-v15 p{font-size:.89rem;line-height:1.65}
  .founder-values-v14>div{padding:.78rem}

  /* Ensure nothing can create the clipped-right-column problem seen in older versions. */
  .wrap,.hero-v11,.hero-copy,.hero-system-visual,.diagnostic-wrapper,.contact-grid,.founder-v14{min-width:0;max-width:100%}
  .section-title,.section-lead,.hero-lead,.node-copy,.founder-content-v14,p,h1,h2,h3,h4{overflow-wrap:break-word}
}

@media(max-width:390px){
  .hero-h1{font-size:clamp(2.28rem,12vw,3rem)}
  .system-hub{width:min(216px,68vw)}
  .system-rings{height:255px}
  .node-copy b{font-size:.68rem}
  .system-node{min-height:64px}
  .founder-portrait-panel{min-height:430px}
}

@media(max-width:340px){
  .hero-h1{font-size:2.18rem}
  .system-node-layer{grid-template-columns:1fr}
  .system-node{min-height:58px}
  .system-hub{width:min(202px,67vw)}
}

/* Motion discipline */
@media(prefers-reduced-motion:reduce){
  .system-node,.system-phase-v15,.capabilities-toggle-v15,.universe-card{transition:none}
}

/* ══════════════════════════════════════════════════════════
   TIMEBACK V16 — Complete design refresh
   • Electric blue palette (matches new logo)
   • Orbital hero animation (12 nodes around logo)
   • Typography uniformization + mobile polish
   • Premium Calendly modal
   • Light mode contrast fixes
══════════════════════════════════════════════════════════ */

/* ─── COLOUR TOKENS — Electric Blue (logo match) ─── */
:root {
  --accent:    #1a7cf8;
  --accent2:   #0d6ad4;
  --accent-glow: rgba(26,124,248,.16);
  --v16-blue:  #1a7cf8;
  --v16-blue2: #0d6ad4;
  --v16-blue3: #4da6ff;
  --v16-glow:  rgba(26,124,248,.22);
  --v16-glow2: rgba(26,124,248,.10);
  --v16-border:rgba(26,124,248,.22);
  --v16-line:  rgba(26,124,248,.32);
}

/* Dark theme overrides — all turquoise → electric blue */
[data-theme=dark] {
  --bg:  #040910;
  --bg2: #060c16;
  --bg3: #0a1525;
  --bg4: #0e1e36;
  --surface: rgba(6,12,22,.82);
  --tx:  #e8f0fc;
  --ts:  rgba(232,240,252,.68);
  --tm:  rgba(232,240,252,.40);
  --line: rgba(232,240,252,.09);
  --line-c: rgba(26,124,248,.25);
  --nav-bg: rgba(4,9,16,.93);
  --card-bg: #060c16;
  --card-border: rgba(232,240,252,.09);
  --input-bg: #0a1525;
  --input-border: rgba(232,240,252,.13);
}

/* Light theme — high-contrast blue for readability */
[data-theme=light] {
  --bg:  #f4f7fc;
  --bg2: #ffffff;
  --bg3: #eaeffa;
  --bg4: #dce5f5;
  --surface: rgba(255,255,255,.92);
  --tx:  #081228;
  --ts:  rgba(8,18,40,.68);
  --tm:  rgba(8,18,40,.44);
  --line: rgba(8,18,40,.10);
  --line-c: rgba(13,106,212,.28);
  --nav-bg: rgba(244,247,252,.95);
  --card-bg: #ffffff;
  --card-border: rgba(8,18,40,.09);
  --input-bg: #f4f7fc;
  --input-border: rgba(8,18,40,.15);
  --accent:  #0d55b8;
  --accent2: #0943a0;
  --accent-glow: rgba(13,85,184,.12);
}

/* V14/V15 cyan/turquoise overrides → blue */
[data-theme=dark] {
  --v14-border: rgba(26,124,248,.22);
  --v14-glow:   0 0 0 1px rgba(26,124,248,.07),0 18px 55px -28px rgba(26,124,248,.40);
  --v15-cyan:   #1a7cf8;
  --v15-cyan-soft: rgba(26,124,248,.10);
  --tb-cyan:    #1a7cf8;
  --tb-cyan-soft: rgba(26,124,248,.14);
  --tb-cyan-faint: rgba(26,124,248,.055);
  --tb-cyan-line: rgba(26,124,248,.28);
}
[data-theme=light] {
  --v14-border: rgba(13,85,184,.22);
  --v14-glow:   0 0 0 1px rgba(13,85,184,.07),0 18px 55px -28px rgba(13,85,184,.32);
  --v15-cyan:   #0d55b8;
  --v15-cyan-soft: rgba(13,85,184,.10);
  --tb-cyan:    #0d55b8;
  --tb-cyan-soft: rgba(13,85,184,.14);
  --tb-cyan-faint: rgba(13,85,184,.05);
  --tb-cyan-line: rgba(13,85,184,.28);
}

/* ─── HEADER — brand logo drop-shadow → blue ─── */
.brand-logo {
  filter: drop-shadow(0 0 12px rgba(26,124,248,.52));
  width: 38px;
  height: 38px;
  object-fit: cover;
  border-radius: 8px;
}
.brand-t { color: var(--accent); }

/* Nav active underline */
.navlinks a.active::after {
  background: var(--accent);
}

/* ─── PRIMARY BUTTONS — blue gradient ─── */
.btn-primary, .nav-cta {
  background: linear-gradient(135deg, #2e90ff 0%, #0d6ad4 100%);
  color: #fff;
  border: 1px solid rgba(100,180,255,.45);
  box-shadow: 0 10px 30px -16px rgba(26,124,248,.70),
              inset 0 1px 0 rgba(255,255,255,.38);
}
.btn-primary:hover, .nav-cta:hover {
  filter: brightness(1.08);
  box-shadow: 0 14px 36px -12px rgba(26,124,248,.78),
              0 0 0 1px rgba(26,124,248,.28),
              inset 0 1px 0 rgba(255,255,255,.5);
}
[data-theme=light] .btn-primary, [data-theme=light] .nav-cta {
  background: linear-gradient(135deg, #1a7cf8 0%, #0d55b8 100%);
  color: #fff;
  box-shadow: 0 8px 24px -12px rgba(13,85,184,.58),
              inset 0 1px 0 rgba(255,255,255,.25);
}

/* Outline buttons */
.btn-outline {
  border: 1px solid rgba(26,124,248,.22);
  background: linear-gradient(145deg, rgba(8,18,40,.55), rgba(4,10,24,.38));
  color: var(--tx);
}
.btn-outline:hover {
  border-color: rgba(26,124,248,.52);
  background: rgba(26,124,248,.08);
}
[data-theme=light] .btn-outline {
  border: 1px solid rgba(13,85,184,.20);
  background: rgba(13,85,184,.04);
  color: var(--tx);
}
[data-theme=light] .btn-outline:hover {
  border-color: rgba(13,85,184,.48);
  background: rgba(13,85,184,.09);
}

/* Calendar/booking button */
.btn-calendar {
  background: linear-gradient(135deg, #2e90ff 0%, #0d6ad4 100%);
  color: #fff;
  border: 1px solid rgba(100,180,255,.4);
  box-shadow: 0 8px 24px -14px rgba(26,124,248,.70);
}
[data-theme=light] .btn-calendar {
  background: linear-gradient(135deg, #1a7cf8 0%, #0d55b8 100%);
}

/* ─── HERO EYE ─── */
.hero-eye {
  border-color: rgba(26,124,248,.32);
  background: rgba(26,124,248,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 24px rgba(26,124,248,.04);
}
.hero-eye::before { background: var(--accent); }

/* ─── HERO H1 italic glow ─── */
.hero-h1 em { filter: drop-shadow(0 0 18px rgba(26,124,248,.18)); }

/* ─── UNIVERSE CARDS — fix vertical line bug ─── */
/* The ::before spotlight should never appear as a fixed line */
.universe-card::before {
  background: radial-gradient(320px circle at var(--mx,50%) var(--my,50%),
    rgba(26,124,248,.12), transparent 55%);
  opacity: 0; /* hidden until hover sets it via JS */
}
.universe-card:hover::before { opacity: 1; }
/* Remove any spurious ::after lines from universe cards */
.universe-card::after { display: none; }

/* Tag badges */
.universe-tag {
  background: var(--accent);
  color: #fff;
  font-size: .62rem;
  letter-spacing: .09em;
}
[data-theme=light] .universe-tag {
  background: var(--accent);
  color: #fff;
}
.universe-card[data-card-action="true"]:hover {
  border-color: rgba(26,124,248,.38);
}

/* ─── AUDIENCE DOCK — clean pill states ─── */
.audience-dock-buttons button {
  border: 1px solid rgba(26,124,248,.15);
  color: var(--tm);
}
.audience-dock-buttons button.active {
  color: var(--tx);
  border-color: rgba(26,124,248,.50);
  background: linear-gradient(135deg, rgba(26,124,248,.13), rgba(26,124,248,.04)), var(--card-bg);
  box-shadow: 0 0 0 1px rgba(26,124,248,.15),
              0 6px 18px -14px rgba(26,124,248,.50);
}
/* Remove accidental vertical bar on hover — the issue was outline pseudo-element */
.audience-dock-buttons button::before,
.audience-dock-buttons button::after { display: none; }

/* ─── SECTION HEADERS ─── */
.kicker { color: var(--accent); }

/* ─── SYSTEM VISUAL — hub glow → blue ─── */
.system-logo-shell {
  box-shadow: 0 0 0 1px rgba(26,124,248,.22),
              0 0 0 10px rgba(26,124,248,.03),
              0 0 90px rgba(26,124,248,.15),
              inset 0 0 90px rgba(0,0,0,.80);
}
.system-hub-glow {
  background: radial-gradient(circle at 50% 50%,
    rgba(26,124,248,.18) 0%, transparent 70%);
}

/* Rings → blue */
.system-ring {
  border-color: rgba(26,124,248,.18);
}
.ring-scan {
  border-color: transparent;
  border-top-color: rgba(26,124,248,.52);
  box-shadow: 0 0 18px rgba(26,124,248,.18);
}
.ring-core {
  border-color: rgba(26,124,248,.28);
  box-shadow: 0 0 24px rgba(26,124,248,.10);
}
.system-dot {
  background: rgba(26,124,248,.85);
  box-shadow: 0 0 8px rgba(26,124,248,.6);
}

/* Phase label → blue border */
.system-phase-v15 {
  border-color: rgba(26,124,248,.18);
  box-shadow: 0 8px 28px rgba(0,0,0,.28),
              inset 0 1px 0 rgba(255,255,255,.04),
              0 0 24px rgba(26,124,248,.06);
}
.system-phase-v15 small { color: rgba(160,200,255,.65); }
.system-phase-v15 strong { color: #d8e8ff; }

/* Node cards → blue accents */
.system-node {
  border-color: rgba(26,124,248,.20);
  background: linear-gradient(135deg,rgba(4,12,28,.92),rgba(2,8,18,.76));
  box-shadow: 0 12px 32px rgba(0,0,0,.28),
              inset 0 1px 0 rgba(255,255,255,.03),
              0 0 18px rgba(26,124,248,.04);
}
.system-node.is-active {
  border-color: rgba(26,124,248,.65);
  background: linear-gradient(135deg,rgba(26,124,248,.12),rgba(4,14,28,.90));
  box-shadow: 0 16px 38px rgba(0,0,0,.32),
              0 0 26px rgba(26,124,248,.20),
              inset 0 1px 0 rgba(255,255,255,.055);
}
.system-node.persona-relevant {
  border-color: rgba(26,124,248,.42);
}
.node-icon {
  color: #7ab8ff;
}
.node-icon svg {
  stroke: currentColor;
}
.system-node.is-active .node-icon {
  box-shadow: inset 0 0 18px rgba(26,124,248,.18),
              0 0 26px rgba(26,124,248,.28);
  border-color: rgba(26,124,248,.70);
}

/* Node link connectors → blue */
.node-link {
  background: linear-gradient(to bottom, rgba(26,124,248,.40), transparent);
}

/* ─── HAMBURGER / MENU BUTTON → blue ─── */
#menu {
  border-color: rgba(26,124,248,.32);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05),
              0 0 0 1px rgba(26,124,248,.04),
              0 8px 26px rgba(0,0,0,.28),
              0 0 22px rgba(26,124,248,.09);
}
#menu::before {
  border-color: rgba(26,124,248,.18);
}
#menu::after {
  background: var(--accent);
  box-shadow: 0 0 12px rgba(26,124,248,.9);
}
#menu span {
  background: linear-gradient(90deg, transparent, var(--accent) 20%, #a8d4ff 50%,
    var(--accent) 80%, transparent);
  box-shadow: 0 0 7px rgba(26,124,248,.52);
}
#menu:hover {
  border-color: rgba(26,124,248,.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07),
              0 0 0 3px rgba(26,124,248,.05),
              0 0 32px rgba(26,124,248,.18);
}

/* ─── DIAGNOSTIC / SCORE ─── */
.score-plan-v15 {
  border-color: rgba(26,124,248,.14);
  background: linear-gradient(145deg,rgba(26,124,248,.04),rgba(4,10,22,.55));
}
.score-plan-grid article::before { background: var(--accent); }
.score-plan-grid small { color: var(--accent); }

/* ─── ABOUT SECTION ─── */
.about-origin-v15 {
  border-left-color: var(--accent);
  background: linear-gradient(90deg,rgba(26,124,248,.06),transparent);
}
.about-origin-v15 small { color: var(--accent); }
.founder-content-v14 blockquote {
  border-left-color: var(--accent);
}

/* ─── PERSONA NOTE ─── */
.persona-hero-note {
  border-left-color: var(--accent);
  background: rgba(26,124,248,.07);
}

/* ─── PROGRESS BAR ─── */
#progress {
  background: linear-gradient(90deg, var(--accent), #4da6ff);
}

/* ─── HERO PROOF MINI BADGES ─── */
.hero-proof-mini span {
  background: rgba(26,124,248,.04);
  border-color: rgba(26,124,248,.09);
}

/* ─── SOLUTION CARDS ─── */
.sol-card li::before { color: var(--accent); }
.result-rec::before  { color: var(--accent); }
.step small::before  {
  background: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-glow), 0 0 12px var(--accent);
}

/* ─── FOOTER ─── */
.brand-t { color: var(--accent); }
footer::before {
  background: radial-gradient(ellipse, rgba(26,124,248,.07), transparent 65%);
}

/* ═══════════════════════════════════════════════════════════
   ORBITAL HERO ANIMATION — 12 nodes in an orbit layout
═══════════════════════════════════════════════════════════ */

/* Hero system visual — keep base layout (display:block, position:relative)
   Do NOT override display or system-hub positioning — v13-polish handles centering */
.hero-system-visual {
  position: relative;
}

/* system-hub stays position:absolute (from v13-polish) — do not override */

/* ── Orbit rings — more dramatic ── */
@keyframes v16Rotate { to { transform: rotate(360deg); } }
@keyframes v16RotateRev { to { transform: rotate(-360deg); } }
@keyframes v16Pulse {
  0%, 100% { opacity: .55; transform: scale(1); }
  50%       { opacity: 1;   transform: scale(1.04); }
}
@keyframes v16NodeFloat {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-6px); }
}
@keyframes v16GlowPulse {
  0%, 100% { box-shadow: 0 0 22px rgba(26,124,248,.08), 0 12px 32px rgba(0,0,0,.28); }
  50%       { box-shadow: 0 0 38px rgba(26,124,248,.22), 0 16px 40px rgba(0,0,0,.32); }
}

/* Scan ring animation — blue sweep */
.ring-scan {
  animation: v16Rotate 4.5s linear infinite;
}
.ring-dashed {
  animation: v16RotateRev 18s linear infinite;
  border-style: dashed;
  border-color: rgba(26,124,248,.12);
}
.ring-outer {
  animation: v16Pulse 5s ease-in-out infinite;
}

/* ── Node layer: 12-position orbital grid ── */
/* Keep current grid for desktop but enhance it visually */
/* Nodes stagger their float animations */
.system-node { animation: v16NodeFloat 6s ease-in-out infinite; }
.system-node:nth-child(2)  { animation-delay: -.5s; }
.system-node:nth-child(3)  { animation-delay: -1s; }
.system-node:nth-child(4)  { animation-delay: -1.5s; }
.system-node:nth-child(5)  { animation-delay: -2s; }
.system-node:nth-child(6)  { animation-delay: -2.5s; }
.system-node:nth-child(7)  { animation-delay: -3s; }
.system-node:nth-child(8)  { animation-delay: -3.5s; }
.system-node:nth-child(9)  { animation-delay: -4s; }
.system-node:nth-child(10) { animation-delay: -4.5s; }
.system-node:nth-child(11) { animation-delay: -5s; }
.system-node:nth-child(12) { animation-delay: -5.5s; }

/* Phase-active nodes glow blue instead of staying dim */
.system-node.phase-active {
  opacity: .88;
  filter: saturate(1.1) brightness(1.02);
  border-color: rgba(26,124,248,.42);
  animation: v16GlowPulse 2.4s ease-in-out infinite, v16NodeFloat 6s ease-in-out infinite;
}
.system-node.is-active {
  opacity: 1;
  filter: saturate(1.12) brightness(1.10);
}
.system-node.persona-relevant:not(.phase-active):not(.is-active) {
  box-shadow: 0 12px 32px rgba(0,0,0,.28), 0 0 22px rgba(26,124,248,.10);
}

/* Hub logo pulse glow */
.system-hub-glow {
  animation: v16Pulse 3s ease-in-out infinite;
}
.system-logo-shell {
  animation: v16GlowPulse 4s ease-in-out infinite;
  display: grid;
  place-items: center;
  overflow: hidden;
}

/* Logo image — remplit entièrement le cercle hub, aucune marge, aucun rognage */
.system-logo-shell img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
  display: block;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 0 18px rgba(26,124,248,.45)) drop-shadow(0 0 6px rgba(26,124,248,.65));
  animation: tbFloat 6s ease-in-out infinite;
}

/* ─── Connector lines — visible lines from hub ─── */
.node-link {
  display: block;
  position: absolute;
  width: 2px;
  height: 40px;
  background: linear-gradient(to bottom,
    rgba(26,124,248,.6), rgba(26,124,248,.0));
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  opacity: .5;
}
.system-node .node-link {
  height: 30px;
}
.system-node.is-active .node-link {
  opacity: 1;
  background: linear-gradient(to bottom,
    rgba(26,124,248,.9), rgba(26,124,248,.0));
  filter: drop-shadow(0 0 4px rgba(26,124,248,.5));
}

/* ═══════════════════════════════════════════════════════════
   PREMIUM CALENDLY MODAL
═══════════════════════════════════════════════════════════ */

/* Modal overlay */
#modal {
  background: rgba(2,6,16,.88);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* Modal inner panel */
.modal-inner {
  background: linear-gradient(160deg, #070e1f 0%, #040810 100%);
  border: 1px solid rgba(26,124,248,.18);
  border-radius: 24px;
  box-shadow: 0 24px 80px rgba(0,0,0,.60),
              0 0 0 1px rgba(26,124,248,.05),
              inset 0 1px 0 rgba(255,255,255,.04),
              0 0 60px rgba(26,124,248,.07);
}

/* Modal header — with logo stripe */
.modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.4rem;
  border-bottom: 1px solid rgba(26,124,248,.10);
  background: linear-gradient(90deg,
    rgba(26,124,248,.07) 0%, transparent 50%);
  border-radius: 24px 24px 0 0;
}

/* Brand group: logo + title side by side */
.modal-head-brand {
  display: flex;
  align-items: center;
  gap: .75rem;
  flex: 1;
  min-width: 0;
}

/* Logo in modal */
.modal-logo-v16 {
  width: 38px;
  height: 38px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
  filter: drop-shadow(0 0 8px rgba(26,124,248,.50));
}

/* Modal kicker text */
.modal-kicker {
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .16em;
  color: rgba(160,200,255,.75);
  text-transform: uppercase;
}
.modal-head-info {
  flex: 1;
}
.modal-head-title {
  font-size: .92rem;
  font-weight: 800;
  color: #e8f0fc;
  margin: 0;
  line-height: 1.2;
}
.modal-head-sub {
  font-size: .68rem;
  color: rgba(160,200,255,.58);
  margin-top: .1rem;
}

/* Close button (both original selector and v16 class) */
.modal-close-v16,
[data-close] {
  color: rgba(160,200,255,.52);
  border: 1px solid rgba(26,124,248,.12);
  border-radius: 8px;
  background: rgba(26,124,248,.05);
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
  transition: all .2s ease;
  flex-shrink: 0;
}
.modal-close-v16:hover,
.modal-inner [data-close]:hover {
  color: var(--accent);
  border-color: rgba(26,124,248,.35);
  background: rgba(26,124,248,.10);
}

/* Cal wrapper */
.cal-wrapper {
  border: 1px solid rgba(26,124,248,.14);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(6,14,32,.65), rgba(3,8,18,.80));
  overflow: hidden;
}

/* Cal head */
.cal-head {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: 1rem 1.2rem .9rem;
  border-bottom: 1px solid rgba(26,124,248,.10);
  background: linear-gradient(90deg, rgba(26,124,248,.07), transparent 60%);
}
.cal-dot {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(26,124,248,.25), rgba(13,106,212,.15));
  border: 1.5px solid rgba(26,124,248,.40);
  box-shadow: 0 0 14px rgba(26,124,248,.22), inset 0 0 10px rgba(26,124,248,.12);
  position: relative;
  flex-shrink: 0;
}
.cal-dot::after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 8px; height: 8px;
  border-radius: 50%;
  background: rgba(26,124,248,.90);
  box-shadow: 0 0 8px rgba(26,124,248,.80);
}
.cal-head-text h4 {
  font-size: .91rem;
  font-weight: 800;
  color: #e8f0fc;
  margin: 0 0 .06rem;
}
.cal-head-text small {
  font-size: .62rem;
  color: rgba(160,200,255,.55);
  letter-spacing: .10em;
  text-transform: uppercase;
  font-weight: 700;
}
[data-theme=light] .cal-head-text h4 { color: var(--tx); }
[data-theme=light] .cal-head-text small { color: var(--accent); }

/* Booking form fields */
.booking-intro-copy {
  font-size: .88rem;
  color: var(--ts);
  line-height: 1.6;
  padding: .9rem 1.1rem .5rem;
}
.booking-field label {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .06em;
  color: rgba(160,200,255,.70);
  text-transform: uppercase;
  margin-bottom: .3rem;
  display: block;
}
[data-theme=light] .booking-field label { color: var(--accent); }
.booking-field select, .booking-field textarea {
  border-color: rgba(26,124,248,.16);
  background: rgba(4,12,30,.55);
  color: var(--tx);
  border-radius: 10px;
  font-size: .86rem;
}
.booking-field select:focus, .booking-field textarea:focus {
  border-color: rgba(26,124,248,.45);
  box-shadow: 0 0 0 3px rgba(26,124,248,.08);
  outline: none;
}
[data-theme=light] .booking-field select,
[data-theme=light] .booking-field textarea {
  background: #fff;
  border-color: rgba(13,85,184,.18);
  color: var(--tx);
}
.booking-reassurance {
  font-size: .72rem;
  color: rgba(160,200,255,.50);
  text-align: center;
}
[data-theme=light] .booking-reassurance { color: var(--tm); }

/* Modal booking mount area */
#modalBookingMount .cal-wrapper {
  border-radius: 0;
  border: none;
  background: transparent;
}
#modalBookingMount .cal-head {
  background: rgba(26,124,248,.05);
  border-radius: 0;
}

/* ═══════════════════════════════════════════════════════════
   TYPOGRAPHY UNIFORMIZATION
═══════════════════════════════════════════════════════════ */

/* Base font size consistency */
body { font-size: 1rem; }

/* Section titles — uniform scale */
.section-title {
  font-size: clamp(1.65rem, 3.2vw, 2.4rem);
  letter-spacing: -.025em;
  line-height: 1.18;
}
.section-lead {
  font-size: clamp(.94rem, 1.2vw, 1.02rem);
  line-height: 1.72;
}
.kicker {
  font-size: .68rem;
  letter-spacing: .14em;
}

/* Hero copy hierarchy */
.hero-h1 {
  font-size: clamp(1.95rem, 2.9vw, 3.6rem);
  line-height: 1.04;
}
.hero-lead {
  font-size: clamp(.93rem, 1.1vw, 1.03rem);
  line-height: 1.7;
}
.hero-eye {
  font-size: .66rem;
  letter-spacing: .12em;
}

/* Card copy uniformity */
.universe-title { font-size: 1.25rem; }
.universe-desc  { font-size: .91rem; line-height: 1.62; }
.node-copy b    { font-size: .87rem; }
.node-copy small{ font-size: .66rem; }

/* Step numbers */
.step-num { font-size: 1rem; }

/* Sol card */
.sol-card h3 { font-size: 1rem; }
.sol-card li  { font-size: .88rem; }

/* Contact section */
.contact-booking-title { font-size: 1.1rem; }

/* Foot */
.foot-brand { font-size: 1.1rem; }
footer h5   { font-size: .76rem; letter-spacing: .08em; }
footer a    { font-size: .84rem; }
.foot-tagline { font-size: .84rem; }

/* Brand → nav gap — extra breathing room between logo area and first link */
.brand {
  margin-right: clamp(1.2rem, 3vw, 2.8rem);
}

/* Nav links — generous breathing room */
.navlinks {
  gap: clamp(1.4rem, 2.4vw, 2.8rem);
}
.navlinks a {
  font-size: .88rem;
  font-weight: 600;
  padding: .46rem clamp(.8rem, 1.1vw, 1.1rem);
  letter-spacing: .014em;
}
.nav-cta {
  font-size: .86rem;
  padding: .5rem 1.1rem;
}

/* ═══════════════════════════════════════════════════════════
   MOBILE POLISH — 390px and below
═══════════════════════════════════════════════════════════ */

@media (max-width: 900px) {
  /* Hero */
  .hero-h1 { font-size: clamp(2.0rem, 8vw, 2.8rem); letter-spacing: -.04em; }
  .hero-lead { font-size: .95rem; line-height: 1.65; max-width: 38ch; }

  /* Section titles */
  .section-title { font-size: clamp(1.5rem, 7vw, 2rem); }
  .section-lead  { font-size: .92rem; }

  /* Universe cards */
  .universe-title { font-size: 1.1rem; }
  .universe-desc  { font-size: .88rem; }

  /* Audience dock */
  .audience-dock-buttons button {
    font-size: .74rem;
    padding: .42rem .72rem;
    min-height: 40px;
  }

  /* Node text */
  .node-copy b     { font-size: .76rem; }
  .node-copy small { font-size: .63rem; }
}

@media (max-width: 600px) {
  /* Base */
  html { font-size: 15px; }

  /* Hero */
  .hero-h1 {
    font-size: clamp(1.85rem, 9.5vw, 2.5rem);
    letter-spacing: -.042em;
    line-height: 1.05;
  }
  .hero-lead { font-size: .93rem; line-height: 1.62; }
  .hero-eye  { font-size: .62rem; letter-spacing: .10em; }

  /* Section */
  .section-title { font-size: clamp(1.4rem, 9vw, 1.85rem); }
  .section-lead  { font-size: .90rem; line-height: 1.65; }
  .kicker        { font-size: .64rem; }

  /* Buttons */
  .btn { font-size: .86rem; min-height: 46px; }
  .nav-cta { font-size: .80rem; padding: .48rem .88rem; }

  /* System nodes */
  .system-node { min-height: 64px; padding: .52rem .62rem; }
  .node-copy b { font-size: .72rem; line-height: 1.2; }
  .node-icon   { width: 34px; height: 34px; flex-basis: 34px; }

  /* Phase label */
  .system-phase-v15 strong { font-size: .62rem; }
  .system-phase-v15 span   { font-size: .52rem; }

  /* Universe cards */
  .universe-title { font-size: 1rem; }
  .universe-desc  { font-size: .86rem; }
  .universe-card  { padding: 1.2rem; }

  /* Footer */
  footer h5   { font-size: .74rem; }
  footer a    { font-size: .82rem; }

  /* Modal */
  .modal-inner {
    border-radius: 18px 18px 0 0;
    max-height: 92svh;
    overflow-y: auto;
  }
  .cal-head-text h4 { font-size: .86rem; }
  .booking-field label  { font-size: .70rem; }
  .booking-field select,
  .booking-field textarea { font-size: .88rem; } /* prevents iOS zoom */
}

@media (max-width: 390px) {
  html { font-size: 14px; }
  .hero-h1 { font-size: clamp(1.75rem, 11vw, 2.2rem); }
  .section-title { font-size: clamp(1.3rem, 10vw, 1.7rem); }
}

/* ─── Light mode: stronger text contrast ─── */
[data-theme=light] .hero-h1  { color: #081228; }
[data-theme=light] .hero-lead { color: rgba(8,18,40,.70); }
[data-theme=light] .section-title { color: #081228; }
[data-theme=light] .section-lead  { color: rgba(8,18,40,.68); }
[data-theme=light] .universe-title { color: #081228; }
[data-theme=light] .universe-desc  { color: rgba(8,18,40,.68); }
[data-theme=light] .node-copy b    { color: #0a1530; }
[data-theme=light] .node-copy small{ color: rgba(8,18,40,.60); }
[data-theme=light] .system-node {
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(240,248,255,.85));
  border-color: rgba(13,85,184,.18);
  box-shadow: 0 6px 20px rgba(0,0,0,.07), 0 0 0 1px rgba(13,85,184,.10);
}
[data-theme=light] .system-node.is-active {
  background: linear-gradient(135deg, rgba(13,85,184,.10), rgba(240,248,255,.90));
  border-color: rgba(13,85,184,.42);
  box-shadow: 0 8px 24px rgba(0,0,0,.10), 0 0 18px rgba(13,85,184,.12);
}
[data-theme=light] .node-icon { color: #0d55b8; }
[data-theme=light] .system-phase-v15 {
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(240,248,255,.88));
  border-color: rgba(13,85,184,.18);
  box-shadow: 0 4px 18px rgba(0,0,0,.08);
}
[data-theme=light] .system-phase-v15 small { color: #0d55b8; }
[data-theme=light] .system-phase-v15 strong { color: #081228; }
[data-theme=light] .system-phase-v15 span   { color: rgba(8,18,40,.58); }
[data-theme=light] .cal-wrapper {
  background: linear-gradient(145deg, rgba(244,247,252,.95), rgba(255,255,255,.90));
  border-color: rgba(13,85,184,.14);
}
[data-theme=light] .cal-head {
  background: linear-gradient(90deg, rgba(13,85,184,.06), transparent 60%);
  border-bottom-color: rgba(13,85,184,.10);
}
[data-theme=light] #modal {
  background: rgba(8,18,40,.72);
}
[data-theme=light] .modal-inner {
  background: linear-gradient(160deg, #f4f7fc 0%, #ffffff 100%);
  border-color: rgba(13,85,184,.15);
  box-shadow: 0 20px 60px rgba(0,0,0,.18),
              0 0 0 1px rgba(13,85,184,.05);
}
[data-theme=light] .modal-head {
  background: linear-gradient(90deg, rgba(13,85,184,.06), transparent 50%);
  border-bottom-color: rgba(13,85,184,.10);
}
[data-theme=light] .modal-kicker { color: var(--accent); }
[data-theme=light] .modal-head-title { color: var(--tx); }
[data-theme=light] .modal-head-sub   { color: var(--ts); }
[data-theme=light] [data-close] {
  color: var(--tm);
  border-color: rgba(13,85,184,.15);
  background: rgba(13,85,184,.04);
}
[data-theme=light] [data-close]:hover {
  color: var(--accent);
  border-color: rgba(13,85,184,.35);
  background: rgba(13,85,184,.09);
}
[data-theme=light] .booking-reassurance { color: var(--tm); }

/* ─── Reduced motion ─── */
@media (prefers-reduced-motion: reduce) {
  .system-node,
  .system-logo-shell,
  .system-hub-glow,
  .ring-scan,
  .ring-dashed,
  .ring-outer {
    animation: none;
  }
}


/* ══════════════════════════════════════════════════════════
   CLOCK ORBIT LAYOUT — v16.1
   12 nodes aux heures de l'horloge, sans chevauchement
   Rayon calibré pour garantir la séparation des boîtes
══════════════════════════════════════════════════════════ */

/* ── Espacement nav-right : respiration avant langue ── */
.nav-right {
  gap: clamp(0.55rem, 1vw, 0.9rem);
}
/* Sépare la section lang/theme du bouton CTA */
.nav-right .lang {
  margin-left: clamp(0.4rem, 0.7vw, 0.65rem);
}

/* ── Logo nav v18 ── */
.brand-logo {
  border-radius: 50%;
  object-fit: cover;
  filter: drop-shadow(0 0 10px rgba(26,124,248,.55));
}

/* ── Rayon d'orbite — assez grand pour éviter les chevauchements ── */
.hero-system-visual {
  --orbit-r: clamp(200px, 24vw, 268px);
  overflow: visible;
}

/* ── Couche des nodes : overlay absolu ── */
.system-node-layer {
  position: absolute;
  inset: 0;
  display: block;
  width: auto;
  height: auto;
  pointer-events: none;
  z-index: 2;
}

/* Hub reste visible au-dessus des nodes */
.system-hub { z-index: 5; }

/* ── Nodes : compacts et fixes ── */
.system-node {
  position: absolute;
  left: 50%;
  top: 50%;
  /* Largeur max réduite pour garantir la séparation à 30° */
  width: clamp(88px, 10vw, 108px);
  max-width: 108px;
  /* Hauteur fixe — empêche le gonflement par le texte */
  min-height: 0;
  max-height: 54px;
  overflow: hidden;
  pointer-events: auto;
  animation: none;
  /* Padding réduit */
  padding: 0.38rem 0.48rem;
  gap: 0.3rem;
}

/* Texte compact */
.system-node .node-copy {
  overflow: hidden;
}
.system-node .node-copy b {
  font-size: .72rem;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.system-node .node-copy small {
  font-size: .60rem;
  line-height: 1.1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Icône réduite */
.system-node .node-icon {
  width: 28px;
  height: 28px;
  flex-basis: 28px;
  flex-shrink: 0;
}
.system-node .node-icon svg {
  width: 14px;
  height: 14px;
}

/* Pulses conservés (box-shadow uniquement, sans transform) */
.system-node.phase-active {
  animation: v16GlowPulse 2.4s ease-in-out infinite;
}
.system-node.is-active {
  animation: v16GlowPulse 1.8s ease-in-out infinite;
  max-height: 54px;
}

/* Ligne directionnelle masquée */
.system-node .node-link { display: none; }

/* ── 12 positions (0° = 12h, sens horaire) ── */
.system-node:nth-child(1)  { --a:   0deg; } /* 12h — Conseil            */
.system-node:nth-child(2)  { --a:  30deg; } /* 1h  — IA                 */
.system-node:nth-child(3)  { --a:  60deg; } /* 2h  — Automatisation     */
.system-node:nth-child(4)  { --a:  90deg; } /* 3h  — Audit              */
.system-node:nth-child(5)  { --a: 120deg; } /* 4h  — Assist. info       */
.system-node:nth-child(6)  { --a: 150deg; } /* 5h  — Support            */
.system-node:nth-child(7)  { --a: 180deg; } /* 6h  — Sécurité           */
.system-node:nth-child(8)  { --a: 210deg; } /* 7h  — Agent vocal        */
.system-node:nth-child(9)  { --a: 240deg; } /* 8h  — Optimisation       */
.system-node:nth-child(10) { --a: 270deg; } /* 9h  — Mise en relation   */
.system-node:nth-child(11) { --a: 300deg; } /* 10h — Formation          */
.system-node:nth-child(12) { --a: 330deg; } /* 11h — Organisation       */

/* ── Transform polaire : x = sin(a)×r, y = −cos(a)×r ── */
.system-node:nth-child(1),
.system-node:nth-child(2),
.system-node:nth-child(3),
.system-node:nth-child(4),
.system-node:nth-child(5),
.system-node:nth-child(6),
.system-node:nth-child(7),
.system-node:nth-child(8),
.system-node:nth-child(9),
.system-node:nth-child(10),
.system-node:nth-child(11),
.system-node:nth-child(12) {
  transform: translate(
    calc(-50% + sin(var(--a, 0deg)) * var(--orbit-r, 240px)),
    calc(-50% + -1 * cos(var(--a, 0deg)) * var(--orbit-r, 240px))
  );
}

/* ── Mobile < 900px : orbite réduite ── */
@media (max-width: 900px) {
  .hero-system-visual { --orbit-r: clamp(160px, 28vw, 210px); }
  .system-node {
    max-width: 92px;
    max-height: 48px;
    padding: 0.3rem 0.38rem;
  }
  .system-node .node-copy b     { font-size: .68rem; }
  .system-node .node-copy small { display: none; }
  .system-node .node-icon {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }
}

/* ── Mobile < 620px : masquer les nodes, garder le hub ── */
@media (max-width: 620px) {
  .system-node-layer { display: none; }
}

/* ── Nouveau logo hub v18 — glow intégré ── */
.system-logo-shell {
  background: #030810;
  box-shadow: 0 0 0 1px rgba(26,124,248,.12),
              0 0 40px rgba(26,124,248,.12);
  overflow: hidden;
}
.system-logo-shell img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0;
  display: block;
  position: relative;
  z-index: 2;
  filter: none;
  animation: none;
}

/* ══════════════════════════════════════════════════════════
   HERO H1 MOBILE — réduction supplémentaire
══════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .hero-h1 {
    font-size: clamp(1.55rem, 5.5vw, 2.1rem);
    line-height: 1.08;
    letter-spacing: -.036em;
  }
}
@media (max-width: 600px) {
  .hero-h1 {
    font-size: clamp(1.35rem, 6.8vw, 1.75rem);
    line-height: 1.10;
    letter-spacing: -.032em;
  }
}
@media (max-width: 390px) {
  .hero-h1 {
    font-size: clamp(1.25rem, 7.5vw, 1.55rem);
    line-height: 1.12;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   V16 — COLOUR PALETTE UPGRADE
   Electric Navy + #1a7cf8 Blue + #00c8f0 Cyan Neon
   All rules use to beat the cascade.
══════════════════════════════════════════════════════════════════════════ */

/* ── 1. Design tokens ──────────────────────────────────────────────────── */
:root {
  --v16-cyan:     #00c8f0;
  --v16-cyan-dim: #0098c0;
  --v16-cyan-glow: rgba(0, 200, 240, 0.22);
  --v16-blue:     #1a7cf8;
  --v16-blue-dim: #1260c4;
  --v16-blue-glow: rgba(26, 124, 248, 0.28);
  --v16-silver:   #d6e4ff;
  --v16-white:    #f0f6ff;
}

/* ── 2. Neon letters .hl-i / .hl-a in hero H1 ─────────────────────────── */
.hl-i,
.hl-a {
  color: var(--v16-cyan);
  font-style: inherit;
  font-weight: inherit;
  text-shadow:
    0 0  8px rgba(0, 200, 240, 1.00),
    0 0 20px rgba(0, 200, 240, 0.75),
    0 0 40px rgba(0, 200, 240, 0.45),
    0 0 70px rgba(0, 200, 240, 0.20);
}

/* ── 3. Hero H1 — white/silver base, em line no longer italic-coloured ─── */
.hero-h1 {
  color: var(--v16-white);
}
.hero-h1 em {
  color: var(--v16-silver);
  font-style: normal;
  text-shadow: 0 0 30px rgba(26, 124, 248, 0.25);
}
.hero-h1 span {
  color: var(--v16-white);
}

/* ── 4. Hero eye / kicker tag ──────────────────────────────────────────── */
.hero-eye {
  color: var(--v16-cyan);
  border-color: var(--v16-cyan);
  text-shadow: 0 0 12px var(--v16-cyan-glow);
}
.kicker,
[class*="kicker"] {
  color: var(--v16-cyan);
}

/* ── 5. Section titles — white-to-blue gradient text ──────────────────── */
.section-title {
  background: linear-gradient(135deg, #ffffff 30%, var(--v16-cyan) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* ── 6. Universe tags ──────────────────────────────────────────────────── */
.universe-tag,
.sol-tag,
.offer-tag {
  background: linear-gradient(135deg, var(--v16-blue) 0%, var(--v16-cyan) 100%);
  color: #fff;
  border: none;
  text-shadow: none;
}

/* ── 7. System orbit dots & ring-scan ─────────────────────────────────── */
.system-dot,
.orbit-dot {
  background: var(--v16-cyan);
  box-shadow: 0 0 8px var(--v16-cyan), 0 0 16px var(--v16-cyan-glow);
}
.ring-scan {
  border-color: var(--v16-cyan);
  box-shadow: 0 0 16px var(--v16-cyan-glow);
}

/* ── 8. Active node icon colour ────────────────────────────────────────── */
.system-node.active .node-icon,
.system-node:hover .node-icon {
  color: var(--v16-cyan);
  filter: drop-shadow(0 0 8px var(--v16-cyan));
}

/* ── 9. Hub phase label — major impact upgrade ─────────────────────────── */
.system-phase-v15 {
  background: linear-gradient(
    180deg,
    rgba(10, 14, 30, 0.88) 0%,
    rgba(10, 20, 50, 0.92) 100%
  );
  border: 1px solid rgba(0, 200, 240, 0.30);
  border-radius: 10px;
  padding: 0.55rem 0.9rem 0.6rem;
  box-shadow:
    0 0 18px rgba(0, 200, 240, 0.15),
    0 0 40px rgba(26, 124, 248, 0.12);
  backdrop-filter: blur(8px);
}

/* kicker line "SYSTÈME TIMEBACK" */
.system-phase-v15 small {
  display: block;
  color: var(--v16-cyan);
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 200, 240, 0.85);
  margin-bottom: 0.18rem;
}

/* main verb: "ANALYSER" */
.system-phase-v15 strong {
  display: block;
  font-size: 1.25rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  color: #ffffff;
  text-shadow:
    0 0 14px rgba(255, 255, 255, 0.60),
    0 0 32px rgba(26, 124, 248, 0.55);
  line-height: 1.1;
}

/* subtitle "Comprendre avant d'agir" */
.system-phase-v15 span {
  display: block;
  font-size: 0.65rem;
  color: rgba(180, 210, 255, 0.82);
  letter-spacing: 0.03em;
  margin-top: 0.18rem;
  line-height: 1.3;
}

/* ── 10. Progress / timeline bar ──────────────────────────────────────── */
.progress-bar,
.progress-fill,
.timeline-bar,
[class*="progress"][class*="fill"],
[class*="progress"][class*="bar"] {
  background: linear-gradient(90deg, var(--v16-blue) 0%, var(--v16-cyan) 100%);
}

/* ── 11. Step numbers & sol bullets ───────────────────────────────────── */
.step-num,
.sol-num,
.method-step-num,
[class*="step-num"],
[class*="sol-bullet"] {
  background: linear-gradient(135deg, var(--v16-blue) 0%, var(--v16-cyan) 100%);
  color: #fff;
  border: none;
  box-shadow: 0 0 12px var(--v16-blue-glow);
}

/* ── 12. About / founder card border accent ───────────────────────────── */
.about-card,
.founder-card,
.about-block {
  border-color: var(--v16-cyan);
  box-shadow: 0 0 24px var(--v16-cyan-glow), 0 4px 32px rgba(0,0,0,0.35);
}

/* ── 13. CTA primary button ───────────────────────────────────────────── */
.btn-primary {
  background: linear-gradient(135deg, var(--v16-blue) 0%, var(--v16-cyan-dim) 100%);
  border-color: var(--v16-blue);
  box-shadow: 0 0 20px var(--v16-blue-glow);
}
.btn-primary:hover {
  background: linear-gradient(135deg, var(--v16-blue-dim) 0%, var(--v16-cyan) 100%);
  box-shadow: 0 0 28px rgba(0, 200, 240, 0.35);
}

/* ── 14. Diagnostic score bar ─────────────────────────────────────────── */
.score-bar-fill,
.score-fill,
[class*="score"][class*="fill"] {
  background: linear-gradient(90deg, var(--v16-blue) 0%, var(--v16-cyan) 100%);
}

/* ── 15. Footer glow line ─────────────────────────────────────────────── */
footer::before,
.footer-glow,
.site-footer::before {
  background: linear-gradient(90deg, transparent, var(--v16-cyan), transparent);
}

/* ── 16. Nav brand — "Time" silver, "Back" electric blue ──────────────── */
.brand > span {
  color: var(--v16-silver);
}
.brand-t {
  color: var(--v16-blue);
  text-shadow: 0 0 10px var(--v16-blue-glow);
}

/* ── 17. Highlight chips / badges ─────────────────────────────────────── */
.badge-cyan,
.trust-check,
.hero-proof-mini span::first-child {
  color: var(--v16-cyan);
}

/* ── 18. Universe / offer cards — accent border top ──────────────────── */
.universe-card::before,
.offer-card::before,
.sol-card::before {
  background: linear-gradient(90deg, var(--v16-blue), var(--v16-cyan));
}

}
@layer interface {
/* TIMEBACK / FUTURE — shared visual system */
html[data-theme=dark]{--bg:#050708;--bg2:#090e11;--bg3:#10191e;--bg4:#14232a;--surface:rgba(10,17,21,.9);--tx:#f0f8fa;--ts:#a2b6bf;--tm:#8298a1;--card-bg:#0a1115;--card-border:#23363e;--line:#213139;--nav-bg:rgba(5,7,8,.88);--accent:#68f7de;--accent2:#79cfff;--input-bg:#0c151a}
html[data-theme=light]{--bg:#edf4f7;--bg2:#fff;--bg3:#e2edf1;--tx:#102932;--ts:#435f6b;--tm:#546e78;--accent:#00796e;--accent2:#1468a2;--card-bg:#fff;--card-border:#bccfd8;--nav-bg:rgba(237,244,247,.94)}
body{font-family:'Segoe UI',Arial,sans-serif}body:before,body:after{display:none}
::selection{background:#68f7de;color:#051314}.wrap{max-width:1280px;padding-inline:clamp(22px,4vw,64px)}
#header{background:var(--nav-bg);border-bottom:1px solid var(--line);backdrop-filter:blur(22px);box-shadow:none}.nav-inner{max-width:1440px;min-height:88px;padding-inline:clamp(20px,4vw,64px)}.brand{font-size:1.4rem;letter-spacing:.12em;text-transform:uppercase;gap:12px}.brand-logo{width:40px;height:40px}.brand-t{color:var(--tx)}.navlinks{gap:1.45rem}.navlinks a{font-size:.875rem;color:var(--ts)}.navlinks a:hover{color:var(--accent)}
.btn,.nav-cta,.assist-choice{border-radius:5px;min-height:50px;font-size:.875rem;letter-spacing:.015em;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}.btn-primary,.nav-cta{background:var(--accent);color:#071714;border:1px solid var(--accent);box-shadow:0 0 24px #68f7de12}.btn-primary:hover,.nav-cta:hover{transform:translateY(-3px);box-shadow:0 8px 32px #68f7de30}.btn:before,.nav-cta:before{display:none}.btn-outline{background:transparent;border:1px solid var(--card-border);color:var(--tx)}.btn-outline:hover{border-color:var(--accent);background:var(--bg3)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.hero{position:relative;min-height:0;background:var(--bg);padding:0;overflow:hidden}.hero:before,.hero:after,.hero-mesh,.hero-grid-bg{display:none}.hero .wrap.hero-v11{max-width:1440px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;padding:80px clamp(22px,4vw,64px) 62px;align-items:center;min-height:700px}.hero-copy{max-width:690px;position:relative;z-index:2;text-align:start}.hero-eye{font-family:monospace;font-size:.75rem;letter-spacing:.12em;color:var(--accent);background:none;border:0;padding:0;margin-bottom:28px;line-height:1.7}.hero-eye:before{display:none}.hero-h1{font-size:clamp(3rem,4.55vw,4.65rem);line-height:1.09;letter-spacing:-.045em;max-width:13ch;font-weight:500;text-wrap:initial;margin-bottom:25px}.hero-h1 em{font-style:normal;background:linear-gradient(110deg,var(--accent),var(--accent2));background-clip:text;-webkit-background-clip:text;color:transparent;filter:none;text-shadow:none}.hero-lead{font-size:1.05rem;line-height:1.85;max-width:46ch;color:var(--ts)}.hero-audience-actions{gap:12px;margin-top:30px}.hero-secondary-actions{margin-top:22px;gap:22px}.text-cta{font-size:.875rem}.hero-proof-mini{display:none}
.hero-system-visual{position:relative;display:block;min-height:550px;height:550px;max-width:none;width:100%;margin:0;isolation:isolate}.hero-system-visual:before{content:'';position:absolute;inset:2%;background:radial-gradient(ellipse,#1bf0d81c,transparent 66%);filter:blur(18px)}.hero-system-visual:after{display:none}.system-rings,.system-side-note{display:none}.future-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.system-hub{position:absolute;inset:80px auto auto 50%;transform:translateX(-50%);width:230px;height:230px;animation:none}.system-hub-glow{display:none}.system-logo-shell{inset:0;width:100%;height:100%;border:0;border-radius:50%;background:transparent;box-shadow:none;animation:none;overflow:visible}.system-logo-shell:before,.system-logo-shell:after{display:none}.system-logo-shell img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 24px #34ebcf38);animation:future-float 7s ease-in-out infinite}.system-phase-v15{top:265px;bottom:auto;width:250px;border:0;border-radius:0;background:none;box-shadow:none;gap:6px;backdrop-filter:none}.system-phase-v15 small{font:12px monospace;color:var(--ts)}.system-phase-v15 strong{font-size:1rem;letter-spacing:.22em;color:var(--accent)}.system-phase-v15 span{font-size:.8rem;color:var(--ts)}
.system-node-layer{position:absolute;inset:auto 16px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:auto;transform:none}.system-node{position:relative;inset:auto;transform:none;min-width:0;width:auto;max-width:none;opacity:1;filter:none;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--card-bg);box-shadow:none;display:flex;gap:10px;animation:none}.system-node.v15-secondary{display:none}.system-node .node-icon{width:28px;height:28px;border:0;background:none;box-shadow:none;flex-shrink:0}.node-copy b{font-size:.875rem;color:var(--tx);white-space:normal}.node-copy small,.node-link{display:none}.system-node.phase-active{border-color:#68f7de60}.capabilities-toggle-v15{display:none}.trust-strip{display:flex;max-width:none;justify-content:center;gap:clamp(20px,4vw,64px);border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:22px;background:var(--bg2);margin:0}.trust-strip span{font-size:.8rem;color:var(--ts)}
.section{padding-block:100px;background:var(--bg);border-bottom:1px solid var(--line)}.section-alt{background:var(--bg2)}.section-header{margin-bottom:40px;max-width:850px}.kicker{font-family:monospace;font-size:.8rem;letter-spacing:.14em;margin-bottom:16px}.section-title{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.15;letter-spacing:-.035em;font-weight:500;max-width:25ch}.section-lead{font-size:1.05rem;line-height:1.8;color:var(--ts)}.universes-grid{gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.universe-card{border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--card-bg);padding:32px 24px}.universe-card:last-child{border-right:0}.universe-card:before{display:none}.universe-tag{font:12px monospace;letter-spacing:.15em;color:var(--accent);border:0;padding:0;background:none;margin-bottom:36px}.universe-title{font-size:1.4rem;font-weight:500}.universe-desc{font-size:1rem;line-height:1.75}.universe-link{font-size:.875rem;color:var(--accent)}.quick-help-card,.method-quote,.human-principle,.diagnostic-wrapper,.case-panel,.roi-card,.contact-form,.founder-portrait-panel{border-radius:6px;box-shadow:none}.solutions-grid>*,.frictions-grid>*,.steps-grid>*{border-radius:6px;border-color:var(--line);box-shadow:none;background:var(--card-bg)}.solutions-grid p,.frictions-grid p,.steps-grid p{font-size:1rem;line-height:1.75}.method-quote{background:var(--bg2);border-left:2px solid var(--accent);padding:32px}.method-quote p{font-size:clamp(1.25rem,2.1vw,1.75rem)}.founder-v14{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:60px}.founder-photo-v14{border-radius:6px}.founder-photo-v14 img{filter:saturate(.65);max-height:560px;object-fit:cover}.founder-copy-v14 p{font-size:1rem}.footer{border-top:1px solid var(--line)}#menu{border-radius:5px}#menu span{background:var(--accent)}.mobile-action-bar{background:var(--nav-bg);border-top:1px solid var(--line);backdrop-filter:blur(16px)}
@keyframes future-float{50%{transform:translateY(-10px)}}
@media(min-width:1500px){.hero .wrap.hero-v11{min-height:780px}.hero-h1{font-size:5rem}}
@media(max-width:1100px){.navlinks{gap:14px}.navlinks a{font-size:.8rem}.hero .wrap.hero-v11{padding-top:52px;min-height:0}.hero-h1{font-size:3.3rem}.hero-system-visual{height:500px;min-height:500px}.nav-cta{display:none}.system-hub{top:45px}.system-phase-v15{top:255px}}
@media(max-width:800px){.hero .wrap.hero-v11{grid-template-columns:1fr;gap:10px;padding-top:44px;padding-bottom:32px}.hero-copy{max-width:650px}.hero-h1{font-size:clamp(2.75rem,7.7vw,4.3rem);max-width:17ch}.hero-lead{max-width:55ch}.hero-system-visual{max-width:550px;margin:auto;height:460px;min-height:460px}.system-hub{top:28px;width:210px;height:210px}.system-phase-v15{top:233px}.trust-strip{flex-wrap:wrap;gap:12px 22px}.trust-strip span{font-size:.75rem}.section{padding-block:64px}.universes-grid{grid-template-columns:1fr 1fr}.universe-card{border-bottom:1px solid var(--line)}.founder-v14{grid-template-columns:1fr;gap:32px}.founder-portrait-panel{max-width:400px;width:100%;margin:auto}.nav-inner{min-height:72px}.hero-audience-actions .btn{flex:1}.section-title{max-width:100%}.system-node-layer{inset:auto 0 0}}
@media(max-width:500px){.hero-eye{font-size:.75rem;letter-spacing:.07em}.hero-h1{font-size:2.85rem;line-height:1.1;max-width:100%}.hero-audience-actions{display:grid;grid-template-columns:1fr}.hero-system-visual{height:450px;min-height:450px}.hero-secondary-actions{flex-wrap:wrap}.universes-grid{grid-template-columns:1fr}.universe-card{padding:26px}.universe-tag{margin-bottom:20px}.brand{font-size:1.05rem}.brand-logo{width:32px;height:32px}.nav-inner{padding-inline:16px}.nav-right{gap:7px}.node-copy b{font-size:.8rem}.trust-strip span:last-child{display:none}.hero-lead{font-size:1rem}.system-node{padding:10px}.hero .wrap.hero-v11{padding-inline:22px}.section-title{overflow-wrap:normal}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none;transition:none;scroll-behavior:auto}}
@media print{.future-field{display:none}}

/* V2 — orbital interaction, reading rhythm and booking */
html{scroll-padding-top:120px}section[id],main[id]{scroll-margin-top:120px}section:focus,main:focus,section:focus-visible,main:focus-visible{outline:none}
#progress{inset:0 auto auto 0;height:2px;max-height:2px;border:0;transform:none;background:linear-gradient(90deg,#68f7de,#79cfff)}
.nav-inner{gap:24px}.navlinks{gap:clamp(12px,1.4vw,24px);flex:1;min-width:0}.navlinks a{padding:13px 12px;font-weight:500;line-height:1.3;letter-spacing:0;isolation:isolate;border-radius:8px;background:transparent}.navlinks a::before{display:none}.navlinks a::after{content:'';position:absolute;inset:auto 12px 4px;width:auto;height:2px;transform:scaleX(0);transform-origin:center;transition:transform .3s;border-radius:2px;background:var(--accent)}.navlinks a:hover{background:#68f7de09}.navlinks a.active{background:#68f7de12}.navlinks a.active::after{transform:scaleX(1)}.navlinks a[aria-current]{font-weight:500}.nav-cta{font-weight:600;white-space:nowrap}.navlinks a:focus:not(:focus-visible){outline:none;box-shadow:none}
.hero .wrap.hero-v11{max-width:1680px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);padding-block:52px 60px;gap:34px}.hero-copy{align-self:center}.hero-h1{max-width:12.3ch;font-weight:600;font-size:clamp(3rem,4.45vw,5.2rem);line-height:1.075}.hero-h1 em{animation:heading-light 8s ease-in-out infinite;background-size:200% 100%}.hero-lead{font-weight:400}.hero-system-visual{height:720px;min-height:720px;overflow:visible}.hero-system-visual::before{inset:9% 4%;background:radial-gradient(ellipse,#12efd51c,transparent 65%)}.system-particle{display:none}.future-field{height:100%;z-index:0;opacity:.85}.system-hub{top:30%;left:50%;width:clamp(190px,17vw,270px);height:clamp(190px,17vw,270px);transform:translate(-50%,0);pointer-events:none}.system-logo-shell img{animation:future-float 8s ease-in-out infinite}.system-phase-v15{top:calc(100% - 18px);gap:6px;border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--bg2);width:248px;min-height:100px;text-align:center}.system-phase-v15 small{font-size:12px}.system-phase-v15 strong{font-size:14px;line-height:1.35;letter-spacing:.08em}.system-phase-v15 span{font-size:13px;line-height:1.45}.system-phase-v15:after{content:'';position:absolute;bottom:-1px;width:30%;height:1px;background:var(--accent);box-shadow:0 0 14px var(--accent)}
.system-node-layer{position:absolute;inset:0;display:block;pointer-events:none}.system-node,.system-node.v15-secondary{display:flex;position:absolute;inset:auto;left:var(--nx);top:var(--ny);transform:translate(-50%,-50%);width:clamp(150px,14vw,220px);min-height:74px;padding:12px;border:1px solid #68f7de24;border-radius:16px;gap:10px;background:linear-gradient(145deg,var(--bg2),var(--card-bg));cursor:pointer;pointer-events:auto;text-align:start;color:var(--tx);opacity:.78;transition:opacity .35s,border-color .35s,box-shadow .35s,background .35s}.system-node:before,.system-node:after{display:none}.system-node:hover,.system-node:focus-visible,.system-node.is-selected{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px #68f7de0a,0 0 35px #26ead31c;background:linear-gradient(145deg,#123a39,var(--card-bg))}.system-node.phase-active{border-color:#68f7de24}.system-node.is-selected{border-color:var(--accent)}.node-copy{min-width:0}.node-copy b{font-size:14px;line-height:1.3;font-weight:600;display:block}.node-copy small{display:block;font-size:12px;line-height:1.4;color:var(--ts);white-space:normal;margin-top:4px}.system-node .node-icon{height:30px;width:30px;flex-basis:30px;color:var(--accent)}.system-node .node-icon svg{width:23px;height:23px}.node-consult{--nx:21%;--ny:16%}.node-ai{--nx:50%;--ny:5%}.node-auto{--nx:80%;--ny:17%}.node-audit{--nx:15%;--ny:34%}.node-it{--nx:85%;--ny:35%}.node-remote{--nx:15%;--ny:52%}.node-sec{--nx:85%;--ny:53%}.node-voice{--nx:18%;--ny:70%}.node-opti{--nx:83%;--ny:71%}.node-match{--nx:25%;--ny:87%}.node-org{--nx:77%;--ny:88%}.node-training{--nx:50%;--ny:98%}
.orbit-controls{display:flex;position:absolute;top:108%;left:50%;transform:translateX(-50%);align-items:center;gap:10px;white-space:nowrap}.orbit-controls button{color:var(--ts);font-size:12px;min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:99px;background:var(--bg2)}.orbit-controls button:hover{border-color:var(--accent);color:var(--accent)}.hero .wrap.hero-v11{padding-bottom:112px}
.universes-grid{gap:20px;border:0;overflow:visible}.universe-card,.universe-card:last-child{border:1px solid var(--line);border-radius:16px;padding:30px 24px;display:flex;flex-direction:column}.universe-link{margin-top:auto;padding-top:22px}.universe-desc{margin-bottom:18px}.universe-card:hover{box-shadow:0 12px 44px #0003}.solutions-grid,.frictions-grid,.steps-grid{gap:22px}.section-header{max-width:920px}.section-header[style*="center"]{margin-inline:auto}.section-header[style*="center"] .section-title{margin-inline:auto}.section-title{font-weight:500;line-height:1.2}.section-header[style*="center"] .section-lead{text-align:center}.section :is(p,li){text-wrap:pretty}.section :is(h3,h4){font-weight:600;line-height:1.4}.section :is(b,strong){font-weight:600}.section :is(label,.assist-choice b,.case-tabs button){font-size:14px;font-weight:500}.section :is(.kicker,small){line-height:1.55}.founder-content-v14 p{font-size:16px;line-height:1.8}.founder-content-v14 blockquote{font-size:1.2rem;line-height:1.65;font-weight:400}.founder-values-v14{gap:16px}.founder-values-v14 small{font-size:13px}.form-group label,.booking-field label{color:var(--ts);font-weight:500;text-transform:none;letter-spacing:0;font-size:14px}.form-group :is(input,select,textarea),.booking-field :is(input,select,textarea){font-size:16px;border-radius:10px;min-height:50px}.form-group input,.booking-field input{background-image:none}.final-cta h2{font-weight:500;line-height:1.2}.final-cta p{max-width:56ch;margin-inline:auto}.trust-strip b{font-weight:500}.foot-col a{font-size:14px}.foot-bottom p{font-size:13px}.score-plan-grid small,.about-origin-v15 small{font-size:12px}.score-plan-grid strong{font-size:14px}.score-plan-grid{gap:12px}.faq-list summary{font-weight:500;font-size:1rem}
.cal-wrapper{position:relative;border-radius:22px;border:1px solid #68f7de40;background:linear-gradient(150deg,#102929 0%,var(--bg2) 35%,var(--bg2) 80%,#102a32 100%);box-shadow:0 20px 70px #0002}.cal-wrapper:before{content:'';position:absolute;inset:0 20% auto;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.cal-head{padding:28px;gap:16px}.cal-dot{width:42px;height:42px;background:transparent;box-shadow:none;display:grid;place-items:center;border:1px solid #68f7de50;border-radius:12px}.cal-dot:after{content:'↗';font-size:24px;color:var(--accent)}.cal-head-text h4{font-size:1.25rem;font-weight:500;line-height:1.4}.cal-head-text small{font-size:13px;color:var(--accent)}.booking-intro-copy{padding:22px 28px 0;font-size:16px;line-height:1.75}.booking-fields{padding:0 28px 24px;gap:20px}.booking-actions{padding:0 28px 18px;gap:12px;display:grid;grid-template-columns:1fr}.btn-calendar{background:linear-gradient(110deg,#68f7de,#8cebe8);color:#071b1a;border:1px solid #9ffff0;border-radius:12px;min-height:56px;font-size:16px;font-weight:600;box-shadow:0 6px 25px #68f7de20}.btn-calendar:hover{transform:translateY(-2px);box-shadow:0 10px 38px #68f7de38}#externalCal{background:none;border:0;min-height:40px;font-weight:400;font-size:14px;color:var(--ts);box-shadow:none}.booking-reassurance{padding:0 28px 28px;font-size:13px;line-height:1.65;text-align:center}.hero-secondary-actions [data-calendar-open]{border:1px solid #68f7de50;background:linear-gradient(120deg,#68f7de12,#79cfff08);border-radius:10px;padding:14px 18px;color:var(--accent)}.hero-secondary-actions{align-items:center}.hero-secondary-actions [data-calendar-open]:hover{box-shadow:0 0 30px #68f7de25}.modal-inner{border:1px solid #68f7de45;border-radius:24px;background:var(--bg2);box-shadow:0 32px 120px #0009;max-width:680px}.modal-head{background:var(--bg2);padding:16px 24px}.modal-kicker{font-size:12px;letter-spacing:.14em}.modal-head [data-close]{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:var(--ts)}#modal{backdrop-filter:blur(16px)}#modal .cal-wrapper{border:0}.calendar-active{max-width:1000px}#calFrame{background:#090e11;min-height:680px}#calFrame iframe{min-height:680px;background:#090e11}.calendar-recovery{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;padding:18px;border-top:1px solid var(--line);font-size:14px;color:var(--ts)}.calendar-recovery a,.calendar-recovery button{color:var(--accent);padding:8px}
[data-theme=light] .cal-wrapper{background:linear-gradient(145deg,#e1faf3,#fff 55%,#e7f4ff)}[data-theme=light] .system-node:hover,[data-theme=light] .system-node.is-selected{background:#e2f8f1}
@keyframes heading-light{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes soft-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.motion-enter{animation:soft-arrive .75s cubic-bezier(.2,.65,.2,1) both;animation-delay:var(--stagger,0ms)}.btn,.assist-choice,.case-tabs button{transition:transform .25s,box-shadow .3s,border-color .3s}.btn:active,.assist-choice:active{transform:translateY(1px) scale(.98)}
@media(min-width:1201px){.navlinks{display:flex}.navlinks a{font-size:14px}#menu{display:none}}
@media(max-width:1400px) and (min-width:1201px){.nav-inner{padding-inline:24px;gap:16px}.navlinks{gap:10px}.navlinks a{padding-inline:10px}.brand{font-size:1.15rem}.nav-cta{font-size:13px;padding-inline:14px}.hero .wrap.hero-v11{gap:16px}.node-copy small{font-size:12px}.system-node{gap:7px;padding:10px}.system-node .node-icon{width:22px;flex-basis:22px}.system-phase-v15{width:215px}}
@media(max-width:1200px){.navlinks{display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--bg2);box-shadow:0 20px 80px #0006;gap:8px}.navlinks.open{display:flex;flex-direction:column;align-items:stretch}.navlinks a{font-size:16px;padding:16px;min-height:52px}.navlinks a::after{inset:auto 16px 7px;width:26px}.nav-right{margin-left:auto}#menu{display:flex}.nav-cta{display:inline-flex}.hero .wrap.hero-v11{grid-template-columns:1fr;max-width:980px}.hero-copy{max-width:740px}.hero-h1{font-size:clamp(3rem,6vw,4.8rem);max-width:17ch}.hero-system-visual{height:730px;min-height:730px;max-width:850px;margin:18px auto 0}.system-node{width:210px}.system-hub{width:255px;height:255px}.universes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){html{scroll-padding-top:96px}.hero .wrap.hero-v11{padding-bottom:48px;gap:12px}.hero-system-visual{height:auto;min-height:0;padding:330px 0 0;margin-top:6px}.future-field{height:315px}.system-hub{top:10px;width:205px;height:205px}.system-phase-v15{top:190px;width:260px;min-height:88px;padding:12px}.system-node-layer{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.system-node,.system-node.v15-secondary{position:relative;inset:auto;transform:none;width:100%;min-height:88px;opacity:1;padding:12px;border-radius:12px}.system-node.v15-secondary{display:none}.hero-system-visual.capabilities-expanded .system-node.v15-secondary{display:flex}.node-copy small{font-size:12px;display:block}.node-copy b{font-size:14px}.system-node .node-icon{width:22px;flex-basis:22px}.orbit-controls{position:relative;top:auto;left:auto;transform:none;justify-content:center;margin:14px auto 0;white-space:normal}.capabilities-toggle-v15{display:flex;margin-top:14px;min-height:48px;font-size:14px;width:100%}.nav-cta{display:none}.universes-grid{gap:16px}.hero-h1{font-size:clamp(2.6rem,8.5vw,3.6rem)}.hero-eye{letter-spacing:.055em;font-size:12px}.hero-lead{font-size:16px}.cal-head{padding:22px}.booking-intro-copy{padding:20px 22px 0}.booking-fields{padding:0 22px 20px}.booking-actions{padding:0 22px 14px}.booking-reassurance{padding:0 22px 22px}.modal-inner{width:calc(100% - 20px);max-height:calc(100dvh - 24px);overflow:auto}.modal-head{position:sticky;top:0;z-index:2}.section-header{margin-bottom:30px}.contact-grid{gap:40px}.founder-values-v14{grid-template-columns:1fr}.score-plan-grid{grid-template-columns:1fr}.section-title{font-size:clamp(1.9rem,6.5vw,2.6rem)}.section :is(label,.assist-choice b,.case-tabs button){font-size:14px}.hero-secondary-actions{gap:16px}.hero-secondary-actions .text-cta{min-height:48px}}
@media(max-width:480px){.universes-grid{grid-template-columns:1fr}.system-node{gap:7px}.node-copy small{line-height:1.35}.hero-system-visual{padding-top:330px}.system-phase-v15{width:248px}.hero-h1{max-width:100%}.cal-head-text h4{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){.motion-enter,.hero-h1 em,.system-logo-shell img{animation:none}.orbit-controls{display:none}}
.orbit-paused .system-logo-shell img{animation-play-state:paused}
/* Correct fixed-header offsets, modal stacking and distracting scroll chrome. */
.hero .wrap.hero-v11{padding-top:138px}.system-logo-shell img{border-radius:50%}.system-logo-shell{border-radius:50%}
html{scroll-padding-top:106px;scrollbar-color:#415a62 var(--bg)}section[id],main[id]{scroll-margin-top:0}
::-webkit-scrollbar-thumb{background:#415a62;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#65858d}
#modal{z-index:3000;padding:18px}#modal .modal-inner{max-height:calc(100dvh - 36px);overflow-y:auto}#modal .modal-head{position:sticky;top:0;z-index:3}#modal .modal-inner.calendar-active #calFrame{display:block}
@media(max-width:700px){.hero .wrap.hero-v11{padding-top:112px}#modal{padding:10px}#modal .modal-inner{width:100%;max-height:calc(100dvh - 20px)}}
@media(max-width:700px){#header .brand>span{display:inline;font-size:14px;letter-spacing:.06em}.system-node .node-copy small{display:none}}
/* Official TB identity: original artwork, cropped only by its presentation. */
html[data-theme=dark]{--accent:#74cfff;--accent2:#409eff;--accent-glow:rgba(83,180,255,.15);--line-c:rgba(116,207,255,.28);--v15-cyan:#74cfff}
html[data-theme=light]{--accent:#146dac;--accent2:#1375ba;--accent-glow:rgba(28,121,189,.13)}
.brand-logo.official-monogram{width:52px;height:42px;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 0 8px #328ed13a);flex-shrink:0;overflow:hidden;mix-blend-mode:screen}
.system-logo-shell .official-hero-emblem{position:relative;width:120%;max-width:none;height:100%;margin-left:-10%;overflow:hidden;filter:drop-shadow(0 0 18px #40a9fa40);animation:future-float 8s ease-in-out infinite;mix-blend-mode:screen}
.orbit-paused .official-hero-emblem{animation-play-state:paused}.system-logo-shell{overflow:visible;background:transparent}.system-hub{background:radial-gradient(ellipse,#1c7dbe15,transparent 70%)}
.official-footer-logo{width:330px;max-width:100%;height:auto;display:block;mix-blend-mode:screen}.foot-brand{margin-bottom:18px;font-size:inherit}.foot-grid{grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
.btn-calendar{background:linear-gradient(110deg,#76d5ff,#badfff);border-color:#b2e6ff;color:#071d2c;box-shadow:0 7px 30px #4ea8ee25}.btn-primary,.nav-cta{box-shadow:0 0 28px #499ade17}.hero-secondary-actions [data-calendar-open]{border-color:#74cfff50;background:linear-gradient(120deg,#50baff18,#448bde08)}.system-node:hover,.system-node:focus-visible,.system-node.is-selected{border-color:#74cfff;background:linear-gradient(145deg,#0d2b43,var(--card-bg));box-shadow:0 0 36px #308ee52b}.cal-wrapper{border-color:#74cfff40;background:linear-gradient(150deg,#112d42,var(--bg2) 35%,var(--bg2) 80%,#102432)}.hero-system-visual::before{background:radial-gradient(ellipse,#318cda1e,transparent 65%)}.navlinks a.active{background:#74cfff12}.navlinks a:hover{background:#74cfff09}.cal-dot{border-color:#74cfff50}.modal-inner{border-color:#74cfff45}
[data-theme=light] .official-monogram,[data-theme=light] .official-hero-emblem,[data-theme=light] .official-footer-logo{mix-blend-mode:normal;background:#030a10;border-radius:12px}[data-theme=light] .cal-wrapper{background:linear-gradient(145deg,#e2f3ff,#fff 60%,#e8f2ff)}[data-theme=light] .system-node:hover,[data-theme=light] .system-node.is-selected{background:#e1f1fd}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.brand-logo.official-monogram{width:42px;height:34px}.official-footer-logo{width:290px}.system-logo-shell .official-hero-emblem{width:116%;margin-left:-8%}.foot-grid{gap:28px}}
@media(max-width:480px){.foot-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.official-hero-emblem{animation:none}}

}