.skip-link{position:absolute;top:-100px;left:0;background:var(--accent);color:#fff;padding:12px 20px;z-index:10000;transition:top .2s ease;font-weight:700;border-radius:0 0 14px 14px}.skip-link:focus{top:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
:root{--bg:#06070b;--bg-soft:#0c1020;--panel:rgba(10,14,26,.72);--panel-strong:rgba(10,14,26,.92);--line:rgba(120,150,255,.18);--line-strong:rgba(120,150,255,.32);--text:#eef2ff;--muted:#aab5d6;--accent:#78a6ff;--accent-2:#8f5dff;--accent-3:#36f0d0;--shadow:0 10px 40px rgba(0,0,0,.35);--radius:22px;--radius-sm:14px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 15% 15%, rgba(143,93,255,.18), transparent 28%),radial-gradient(circle at 85% 20%, rgba(54,240,208,.12), transparent 24%),radial-gradient(circle at 50% 70%, rgba(120,166,255,.12), transparent 32%),linear-gradient(180deg, #04050a 0%, #070b16 55%, #05070c 100%);min-height:100vh;overflow-x:hidden}
canvas#grid{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.65;pointer-events:none}.noise,.scanline{position:fixed;inset:0;pointer-events:none;z-index:1}.noise{opacity:.04;background-image:radial-gradient(circle at 20% 20%, rgba(255,255,255,.35) 0 1px, transparent 1px),radial-gradient(circle at 70% 40%, rgba(255,255,255,.22) 0 1px, transparent 1px),radial-gradient(circle at 40% 70%, rgba(255,255,255,.25) 0 1px, transparent 1px);background-size:160px 160px;animation:drift 20s linear infinite}.scanline{background:linear-gradient(to bottom, transparent, rgba(120,166,255,.02), transparent);background-size:100% 6px;mix-blend-mode:screen;opacity:.25}@keyframes drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(20px,20px,0)}}
a{color:inherit;text-decoration:none}.wrap{position:relative;z-index:2}.container{width:min(calc(100% - 32px), var(--max));margin:0 auto}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(5,7,12,.45);border-bottom:1px solid rgba(255,255,255,.04)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.84rem}.brand-badge{width:34px;height:34px;border-radius:10px;border:1px solid var(--line-strong);display:grid;place-items:center;background:linear-gradient(135deg, rgba(120,166,255,.18), rgba(143,93,255,.12));box-shadow:inset 0 0 20px rgba(120,166,255,.12)}nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}nav a{color:var(--muted);font-size:.95rem;padding:10px 12px;border-radius:999px;transition:.25s ease}nav a:hover{color:var(--text);background:rgba(120,166,255,.08)}
.hero{min-height:100svh;display:grid;place-items:center;padding:70px 0 40px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:stretch}.glass{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(16px)}.hero-card{padding:clamp(26px,4vw,44px);position:relative;overflow:hidden}.hero-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(120,166,255,.08), transparent 45%),radial-gradient(circle at 80% 20%, rgba(143,93,255,.12), transparent 30%);pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:999px;color:#c7d7ff;font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;background:rgba(120,166,255,.06);margin-bottom:20px}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-3);box-shadow:0 0 16px var(--accent-3)}h1{margin:0;font-size:clamp(2.7rem,7vw,6rem);line-height:.96;letter-spacing:-.05em;max-width:9ch}.lead{margin:22px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.8;max-width:62ch}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:999px;border:1px solid var(--line-strong);font-weight:600;transition:.25s ease;min-width:170px}.btn-primary{background:linear-gradient(135deg, rgba(120,166,255,.18), rgba(143,93,255,.18));color:var(--text);box-shadow:inset 0 0 20px rgba(120,166,255,.12)}.btn-secondary{background:rgba(255,255,255,.02);color:#dbe6ff}.btn:hover{transform:translateY(-2px)}
.hero-side{display:grid;gap:20px}.portrait{position:relative;min-height:100%;padding:20px;display:grid;align-items:end;overflow:hidden}.portrait picture,.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.94}.portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 10%, rgba(6,7,11,.2) 45%, rgba(6,7,11,.92) 100%)}.portrait-placeholder{position:absolute;inset:0;background:radial-gradient(circle at 25% 25%, rgba(120,166,255,.22), transparent 30%),radial-gradient(circle at 75% 20%, rgba(143,93,255,.2), transparent 26%),linear-gradient(135deg, #10172a, #0a0f1c 60%, #0c1222)}.portrait-content{position:relative;z-index:1}.chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.chip{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.2)}.chip-value{font-weight:700}.chip-label{margin-top:4px;font-size:.78rem;color:var(--muted)}
section{padding:28px 0 20px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{margin:0;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em}.section-head p{margin:0;color:var(--muted);max-width:70ch;line-height:1.7}.grid-5,.grid-4,.grid-3{display:grid;gap:18px}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{padding:20px;position:relative;overflow:hidden}.card h3{margin:0 0 8px;font-size:1.08rem}.card p{margin:0;color:var(--muted);line-height:1.7}.media-panel{aspect-ratio:16/10;border-radius:18px;border:1px solid var(--line);margin-bottom:14px;background:linear-gradient(135deg, rgba(120,166,255,.12), rgba(143,93,255,.08));position:relative;overflow:hidden}.media-panel img,.media-panel video,.media-panel model-viewer{width:100%;height:100%;object-fit:cover;display:block}
.mindset{display:grid;grid-template-columns:1fr .95fr;gap:20px}.quote-stack{display:grid;gap:12px}.quote{padding:18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line);font-weight:600;letter-spacing:.01em}.lab-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.lab-item{padding:18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.contact{padding:32px 0 50px}.footer-box{padding:26px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.footer-box h3{margin:0 0 10px;font-size:1.8rem}.footer-box p{margin:0;color:var(--muted);line-height:1.7}.contact-links{display:flex;gap:12px;flex-wrap:wrap}.admin-link{position:fixed;right:20px;bottom:20px;z-index:30;background:rgba(10,14,26,.92);border:1px solid var(--line);padding:12px 14px;border-radius:999px;font-size:.86rem;color:#dbe5ff;backdrop-filter:blur(16px)}
@media (max-width:1080px){.hero-grid,.mindset,.footer-box{grid-template-columns:1fr}.grid-5{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}}
@media (max-width:720px){nav{display:none}.hero{padding-top:34px}.section-head{display:block}.chip-grid,.lab-list,.grid-5,.grid-4,.grid-3{grid-template-columns:1fr}.footer-box{padding:22px}.lead{font-size:1rem}}

/* V7 ULTRA CINEMATIC */
.media-panel{cursor:pointer}
.cine-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(3,6,14,.92);backdrop-filter:blur(16px);z-index:9999;padding:28px}
.cine-modal.open{display:flex;animation:cineFade .28s ease}
@keyframes cineFade{from{opacity:0}to{opacity:1}}
.cine-stage{position:relative;width:min(94vw,1400px);height:min(86vh,900px);border:1px solid rgba(120,150,255,.18);border-radius:28px;background:rgba(8,12,22,.92);box-shadow:0 30px 120px rgba(0,0,0,.55);overflow:hidden}
.cine-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right, rgba(143,93,255,.14), transparent 30%),radial-gradient(circle at bottom left, rgba(54,240,208,.10), transparent 25%);pointer-events:none}
.cine-media{position:absolute;inset:56px 18px 18px 18px;display:grid;place-items:center}
.cine-media > *{width:100%;height:100%;display:block;border-radius:20px;background:#000}
.cine-media img,.cine-media video,.cine-media model-viewer{object-fit:contain}
.cine-topbar{position:absolute;left:18px;right:18px;top:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:2}
.cine-title{font-size:1rem;font-weight:700;letter-spacing:.02em;color:#eef2ff}
.cine-count{font-size:.9rem;color:#aab5d6}
.cine-close,.cine-nav{border:1px solid rgba(120,150,255,.24);background:rgba(8,12,22,.82);color:#eef2ff;border-radius:999px;backdrop-filter:blur(12px);cursor:pointer}
.cine-close{padding:10px 14px;font-weight:700}
.cine-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;display:grid;place-items:center;font-size:1.4rem;z-index:2}
.cine-prev{left:18px}
.cine-next{right:18px}
.cine-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:.82rem;color:#aab5d6;background:rgba(8,12,22,.72);padding:8px 12px;border-radius:999px;border:1px solid rgba(120,150,255,.18);z-index:2}
@media (max-width:720px){
  .cine-modal{padding:14px}
  .cine-stage{width:100vw;height:100vh;border-radius:0}
  .cine-media{inset:64px 10px 14px 10px}
  .cine-nav{width:44px;height:44px}
  .cine-title{font-size:.92rem}
}

.hero-visual{position:relative;overflow:hidden}
.hero-visual.with-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,
    rgba(120,166,255,var(--heroOverlayStrength, .3)),
    rgba(143,93,255,var(--heroOverlayStrength, .3))
  );
  mix-blend-mode:color;
  pointer-events:none;
  z-index:1;
}
.hero-visual.with-overlay picture,
.hero-visual.with-overlay img,
.hero-visual.with-overlay .portrait-placeholder{z-index:0}
.hero-visual .portrait-content{z-index:2}