*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--c1:#0d1321;--c2:#1d2d44;--c3:#3e5c76;--c4:#748cab;--c5:#f0ebd8;--bg:var(--c1);--fg:var(--c5);--accent:var(--c4);--mid:var(--c3);--dark:var(--c2);--serif:'Cormorant Garamond',Georgia,serif;--display:'Syne',sans-serif;--mono:'Space Mono',monospace}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--display);overflow-x:hidden;min-width:320px}
body::after{content:'';position:fixed;inset:0;z-index:99999;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px}

/* LOADER */
.loader{position:fixed;inset:0;z-index:100000;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;transition:opacity 1s ease .2s,visibility 1s ease .2s}
.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-bar-wrap{width:200px;height:1px;background:var(--dark);overflow:hidden}
.loader-bar{height:100%;width:0;background:var(--accent);animation:loadBar 1.5s ease forwards}
@keyframes loadBar{to{width:100%}}
.loader-text{font-family:var(--mono);font-size:.6rem;letter-spacing:.5em;color:var(--accent);text-transform:uppercase}

/* CURSOR */
.cursor{width:12px;height:12px;border:1.5px solid var(--accent);position:fixed;pointer-events:none;z-index:99998;transition:transform .2s,background .2s,border-radius .3s;mix-blend-mode:difference;background:transparent}
.cursor.active{transform:scale(4);border-radius:50%;background:rgba(116,140,171,.15);border-color:rgba(116,140,171,.4)}

/* LANG */
/* LANG - see i18n section at bottom */

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:10000;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;transition:background .4s}
nav.scrolled{background:rgba(13,19,33,.92);backdrop-filter:blur(20px)}
.nav-logo{font-family:var(--display);font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);text-decoration:none}
.nav-links{display:flex;gap:2rem;margin-right:2rem}
.nav-links a{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c4);text-decoration:none;transition:color .3s;font-weight:700}
.nav-links a:hover{color:var(--fg)}

/* HERO */
.hero{width:100%;min-height:92vh;min-height:92dvh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-mesh{position:absolute;inset:-50%;background:conic-gradient(from 0deg at 30% 40%,var(--c1),var(--c2),var(--c3),var(--c2),var(--c1)),conic-gradient(from 180deg at 70% 60%,var(--c1),var(--c3),var(--c2),var(--c1));background-blend-mode:screen;filter:blur(100px);animation:meshRot 20s linear infinite;opacity:.4}
@keyframes meshRot{to{transform:rotate(360deg)}}
.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;animation:orbF 12s ease-in-out infinite alternate}
.orb-1{width:500px;height:500px;background:var(--c3);top:10%;left:-5%}
.orb-2{width:350px;height:350px;background:var(--c4);bottom:10%;right:5%;animation-delay:-4s}
.orb-3{width:250px;height:250px;background:var(--c2);top:50%;left:50%;animation-delay:-8s}
@keyframes orbF{0%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-40px) scale(1.1)}100%{transform:translate(-20px,20px) scale(.95)}}
.hero-grid-ov{position:absolute;inset:0;background-image:linear-gradient(rgba(116,140,171,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(116,140,171,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 10%,transparent 70%);animation:gridP 6s ease-in-out infinite}
@keyframes gridP{0%,100%{opacity:.5}50%{opacity:1}}
.scanline{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.15;animation:scanD 8s linear infinite}
@keyframes scanD{0%{top:-2%}100%{top:102%}}
#particleCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-content{position:relative;z-index:2;text-align:center;width:100%;max-width:1200px;padding:0 clamp(1rem,3vw,3rem)}
.hero-tag{font-family:var(--mono);font-size:clamp(.45rem,.6vw,.65rem);letter-spacing:.6em;text-transform:uppercase;color:var(--accent);opacity:0;animation:typeIn .8s ease 4.2s forwards;display:inline-flex;align-items:center;gap:1rem}
.hero-tag::before,.hero-tag::after{content:'';width:30px;height:1px;background:var(--accent)}
.hero-name{font-family:var(--display);font-weight:800;line-height:1;letter-spacing:-.02em;margin-top:1.5rem;width:100%}
.hero-name .line{display:block;overflow:hidden}
.hero-name .line.revealed{overflow:visible}
.hero-name .line span{display:inline-block;transform:translateY(110%);animation:slideUp 1s cubic-bezier(.16,1,.3,1) forwards}
.hero-name .line-first span{animation-delay:4.4s;font-size:clamp(1.2rem,3vw,2.8rem);font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--c4)}
.hero-name .line-last span{animation-delay:4.6s;font-size:clamp(1.6rem,7.5vw,7rem);color:var(--fg);max-width:100%}
@keyframes slideUp{to{transform:translateY(0)}}
.hero-sub{font-family:var(--display);font-size:clamp(.8rem,1.3vw,1.15rem);font-weight:400;letter-spacing:.15em;color:var(--c4);margin-top:1.5rem;opacity:0;animation:typeIn 1s ease 5s forwards}
.hero-cta{margin-top:2.5rem;display:inline-flex;align-items:center;gap:1rem;font-family:var(--mono);font-size:clamp(.55rem,.7vw,.7rem);letter-spacing:.15em;text-transform:uppercase;color:var(--fg);text-decoration:none;padding:1rem 2.5rem;border:1px solid var(--c3);background:rgba(62,92,118,.08);backdrop-filter:blur(10px);transition:all .4s;opacity:0;animation:typeIn 1s ease 5.4s forwards}
.hero-cta:hover{background:var(--c3);color:var(--bg);border-color:var(--c3);box-shadow:0 0 40px rgba(62,92,118,.3)}
.hero-cta .arrow{display:inline-block;transition:transform .3s}.hero-cta:hover .arrow{transform:translateX(5px)}
.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;opacity:0;animation:typeIn 1s ease 5.8s forwards}
.scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,var(--accent),transparent);animation:sP 2s ease-in-out infinite}
@keyframes sP{0%,100%{opacity:.3;transform:scaleY(.5);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}
.scroll-text{font-family:var(--mono);font-size:.5rem;letter-spacing:.3em;color:var(--c3);text-transform:uppercase;writing-mode:vertical-rl}
@keyframes typeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.glitch-wrap{position:relative;display:inline-block;padding:0 .15em}
.glitch-wrap::before,.glitch-wrap::after{content:attr(data-text);position:absolute;top:0;left:.15em;right:.15em;bottom:0;overflow:hidden}
.glitch-wrap::before{color:var(--c3);animation:g1 3s infinite linear alternate-reverse;clip-path:inset(0 0 80% 0)}
.glitch-wrap::after{color:var(--c4);animation:g2 3s infinite linear alternate-reverse;clip-path:inset(80% 0 0 0)}
@keyframes g1{0%,90%,100%{transform:translate(0)}92%{transform:translate(-3px,1px)}94%{transform:translate(3px,-1px)}96%{transform:translate(-2px,0)}}
@keyframes g2{0%,90%,100%{transform:translate(0)}91%{transform:translate(2px,1px)}93%{transform:translate(-3px,-1px)}95%{transform:translate(1px,2px)}}

/* SECTIONS */
.section-inner{max-width:1100px;margin:0 auto;padding:3rem 5rem;position:relative}
section{width:100%;background:var(--bg)}
.section-label{font-family:var(--mono);font-size:clamp(.65rem,1vw,.85rem);letter-spacing:.4em;text-transform:uppercase;color:var(--accent);margin:0 0 1.5rem;display:flex;align-items:center;gap:1.5rem;font-weight:700}
.section-label::before{content:'';width:50px;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}

/* AVAILABILITY DOT */
.avail-dot{display:inline-flex;align-items:center;justify-content:center;width:8px;height:8px;background:#4a9f5a;border-radius:50%;margin-left:.8rem;position:relative;vertical-align:middle}
.avail-pulse{position:absolute;width:100%;height:100%;background:#4a9f5a;border-radius:50%;animation:availPulse 2s ease-out infinite}
@keyframes availPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(3);opacity:0}}

/* ABOUT */
.about-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start}
.about-big{font-family:var(--display);font-size:clamp(1.2rem,2.5vw,2rem);font-weight:600;line-height:1.3}
.about-big mark{background:none;color:var(--accent);position:relative}
.about-big mark::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--c3);transform:scaleX(0);transform-origin:left;transition:transform .6s ease}
.about-big mark.vis::after{transform:scaleX(1)}
.about-right p{font-size:.9rem;font-weight:400;line-height:1.9;color:var(--c4)}
.about-right p+p{margin-top:1.5rem}
.exec-strip{border-top:1px solid rgba(62,92,118,.15);border-bottom:1px solid rgba(62,92,118,.15);padding:3rem 0;margin:4rem 0 0;text-align:center}
.exec-label{font-family:var(--mono);font-size:.5rem;letter-spacing:.5em;text-transform:uppercase;color:var(--c3);margin-bottom:1.5rem}
.exec-logos{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap}
.exec-logo{font-family:var(--display);font-size:1rem;font-weight:600;color:var(--c4);letter-spacing:.05em;opacity:.5;transition:opacity .4s,color .4s;white-space:nowrap}
.exec-logo:hover{opacity:1;color:var(--fg)}
.exec-sep{width:4px;height:4px;background:var(--c3);border-radius:50%;flex-shrink:0}

/* EDUCATION */
.edu-timeline{position:relative;margin:1.5rem auto 0;max-width:600px}
.edu-line{position:absolute;left:20px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--c3),transparent)}
.edu-item{position:relative;padding-left:60px;margin-bottom:3rem}
.edu-dot{position:absolute;left:14px;top:6px;width:13px;height:13px;border:2px solid var(--c3);border-radius:50%;background:var(--bg);transition:all .4s}
.edu-item:hover .edu-dot{background:var(--c4);border-color:var(--c4);box-shadow:0 0 20px rgba(116,140,171,.4)}
.edu-year{font-family:var(--mono);font-size:.55rem;letter-spacing:.3em;color:var(--c3);text-transform:uppercase}
.edu-school{font-family:var(--display);font-size:1.1rem;font-weight:600;margin-top:.3rem;color:var(--fg)}
.edu-degree{font-size:.8rem;color:var(--c4);margin-top:.2rem;line-height:1.6}

/* AI KNOWLEDGE MAP */
.ai-map-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}
.ai-map-cat{background:rgba(29,45,68,.15);border:1px solid rgba(62,92,118,.08);padding:1.2rem}
.ai-map-label{font-family:var(--mono);font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c3);margin-bottom:.8rem;font-weight:700}
.ai-map-terms{display:flex;flex-wrap:wrap;gap:4px}
.ai-map-term{font-family:var(--display);font-size:.82rem;color:var(--c4);padding:.4rem .8rem;border:1px solid rgba(62,92,118,.1);transition:all .3s;cursor:pointer}
.ai-map-term:hover{border-color:var(--c4);color:var(--fg);background:rgba(62,92,118,.15)}

/* SECTION DIVIDERS & ALTERNATING BACKGROUNDS */
section{border-top:none;padding-top:0}
section::before{content:'';display:block;width:100px;height:1px;background:linear-gradient(90deg,transparent,rgba(116,140,171,.3),transparent);margin:0 auto}
section:nth-of-type(1){background:rgba(29,45,68,.06)}
section:nth-of-type(2){background:rgba(13,19,33,.15)}
section:nth-of-type(3){background:rgba(29,45,68,.1)}
section:nth-of-type(4){background:rgba(13,19,33,.2)}
section:nth-of-type(5){background:rgba(29,45,68,.08)}
section:nth-of-type(6){background:rgba(13,19,33,.18)}
section:nth-of-type(7){background:rgba(29,45,68,.12)}
section:nth-of-type(8){background:rgba(13,19,33,.22)}

[data-theme="light"] section:nth-of-type(odd){background:rgba(228,221,200,.3)}
[data-theme="light"] section:nth-of-type(even){background:rgba(218,211,190,.45)}

/* ASK AI CHAT WIDGET */
.chat-btn{position:fixed;bottom:2rem;right:5rem;z-index:100000;width:54px;height:54px;border-radius:50%;background:var(--c3);border:2px solid rgba(116,140,171,.4);color:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.3);transition:all .3s;animation:chatPulseBtn 3s ease-in-out infinite}
@keyframes chatPulseBtn{0%,100%{box-shadow:0 4px 20px rgba(0,0,0,.3)}50%{box-shadow:0 4px 30px rgba(62,92,118,.6)}}
.chat-btn:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(0,0,0,.4);animation:none}
.chat-btn.open{background:var(--c4);animation:none}
.chat-btn-label{position:absolute;right:66px;white-space:nowrap;font-family:var(--mono);font-size:.5rem;letter-spacing:.1em;background:var(--c2);color:var(--c4);padding:.4rem .8rem;border:1px solid rgba(62,92,118,.2);pointer-events:none;opacity:0;transform:translateX(5px);transition:all .3s}
.chat-btn:hover .chat-btn-label{opacity:1;transform:translateX(0)}
.chat-panel{position:fixed;bottom:6rem;right:5rem;z-index:100000;width:360px;max-height:500px;background:var(--c1);border:1px solid rgba(62,92,118,.2);display:flex;flex-direction:column;opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;transition:all .3s;box-shadow:0 10px 40px rgba(0,0,0,.3)}
[data-theme="light"] .chat-panel{background:var(--c2)}
.chat-panel.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;border-bottom:1px solid rgba(62,92,118,.15)}
.chat-header-title{font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--c4);font-weight:700}
.chat-header-close{background:none;border:none;color:var(--c3);cursor:pointer;font-size:.9rem;padding:.3rem}
.chat-msgs{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.8rem;max-height:340px}
.chat-msg{font-size:.8rem;line-height:1.6;padding:.8rem 1rem;max-width:90%}
.chat-ai{background:rgba(29,45,68,.25);color:var(--c4);align-self:flex-start;border:1px solid rgba(62,92,118,.1)}
.chat-user{background:rgba(62,92,118,.2);color:var(--fg);align-self:flex-end;border:1px solid rgba(62,92,118,.15)}
.chat-dots{animation:chatPulse 1.2s infinite}
@keyframes chatPulse{0%,100%{opacity:.3}50%{opacity:1}}
.chat-input-wrap{display:flex;border-top:1px solid rgba(62,92,118,.15);padding:.5rem}
.chat-input-field{flex:1;background:transparent;border:none;color:var(--fg);font-family:var(--display);font-size:.8rem;padding:.6rem;outline:none}
.chat-input-send{background:var(--c3);border:none;color:var(--bg);width:36px;height:36px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .3s}
.chat-input-send:hover{background:var(--c4)}

/* BENTO */
.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin-top:1.5rem}
.bento-card{background:rgba(29,45,68,.25);border:1px solid rgba(62,92,118,.15);padding:1.8rem;position:relative;overflow:hidden;transition:all .5s}
.bento-card::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(116,140,171,.05),transparent);transition:left .8s}
.bento-card:hover::after{left:100%}
.bento-card:hover{border-color:var(--c3);background:rgba(29,45,68,.4)}
.bento-1{grid-column:span 7;grid-row:span 2;padding:3.5rem}.bento-2{grid-column:span 5}.bento-3{grid-column:span 5}
.bento-4{grid-column:span 4}.bento-5{grid-column:span 4}.bento-6{grid-column:span 4}
.bento-num{font-family:var(--mono);font-size:.5rem;color:var(--c3);letter-spacing:.2em;margin-bottom:1.5rem}
.bento-icon{font-size:2rem;margin-bottom:1rem;display:block}
.bento-title{font-family:var(--display);font-size:1.3rem;font-weight:600;margin-bottom:.8rem}
.bento-1 .bento-title{font-size:1.8rem}
.bento-desc{font-size:.8rem;line-height:1.7;color:var(--c4);font-weight:400}

/* STATS */

@keyframes oS{to{transform:rotate(360deg)}}

/* MARQUEE */
@keyframes mS{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* PHILOSOPHY */

/* CONTACT */
.contact-section{width:100%;background:var(--bg);text-align:center;padding:3rem 5rem}
.contact-heading{font-family:var(--display);font-size:clamp(1.2rem,3vw,2rem);font-weight:800;line-height:1.05;letter-spacing:-.02em}
.contact-heading em{font-style:normal;color:var(--accent)}
.contact-sub{font-size:.95rem;color:var(--c4);margin-top:1.5rem;font-weight:400}
.contact-links{display:flex;justify-content:center;gap:1.5rem;margin-top:3rem;flex-wrap:wrap}
.contact-link{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c4);text-decoration:none;padding:1rem 2.2rem;border:1px solid var(--c3);background:rgba(62,92,118,.06);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .4s}
.contact-link::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--c3),var(--c4));transform:translateY(100%);transition:transform .4s}
.contact-link:hover{color:var(--bg);border-color:var(--c4)}.contact-link:hover::before{transform:translateY(0)}
.contact-link span{position:relative;z-index:1}

/* FOOTER */
footer{width:100%;background:var(--bg);border-top:1px solid rgba(62,92,118,.15)}
.footer-inner{padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}
.footer-left{font-family:var(--mono);font-size:.55rem;letter-spacing:.2em;color:var(--c3)}
.footer-right{font-family:var(--serif);font-size:.75rem;font-style:italic;color:var(--c4);max-width:400px;text-align:right;line-height:1.7}
.footer-right em{color:var(--accent);font-style:normal;font-weight:500}

/* REVEAL */
.rv{opacity:0;transform:translateY(50px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.rv.vis{opacity:1;transform:translateY(0)}
.rv-left{opacity:0;transform:translateX(-50px);transition:opacity .9s,transform .9s}.rv-left.vis{opacity:1;transform:translateX(0)}
.rv-right{opacity:0;transform:translateX(50px);transition:opacity .9s,transform .9s}.rv-right.vis{opacity:1;transform:translateX(0)}
.rv-scale{opacity:0;transform:scale(.9);transition:opacity .8s,transform .8s}.rv-scale.vis{opacity:1;transform:scale(1)}

/* MOBILE NAV HAMBURGER */
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:4px;z-index:10002}
.nav-burger span{display:block;width:20px;height:2px;background:var(--fg);margin:4px 0;transition:all .3s}
.nav-burger.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}

/* RESPONSIVE */
.back-top{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;border:1px solid rgba(62,92,118,.2);background:rgba(13,19,33,.8);backdrop-filter:blur(10px);color:var(--c4);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;opacity:0;transform:translateY(20px);transition:all .4s;font-size:.9rem;text-decoration:none}
.back-top.show{opacity:1;transform:translateY(0)}
.back-top:hover{border-color:var(--c4);color:var(--fg);background:rgba(62,92,118,.3)}


/* PROOF BULLETS */
.proof-item{display:flex;align-items:flex-start;gap:.8rem;padding:.6rem 0;font-size:.85rem;color:var(--c4);line-height:1.8;border-bottom:1px solid rgba(62,92,118,.06);font-weight:400}
.proof-item:last-child{border-bottom:none}
.proof-mark{color:var(--c3);font-weight:600;flex-shrink:0;font-size:.8rem;margin-top:.15rem}

/* CENTERED SECTIONS */
.section-centered{max-width:800px;margin-left:auto;margin-right:auto}
.section-centered .edu-timeline{margin-left:auto;margin-right:auto}

/* EDUCATION DOT ANIMATION */
.edu-dot{position:absolute;left:0;top:.3rem;width:10px;height:10px;border-radius:50%;border:2px solid var(--c3);background:var(--bg);transition:all .5s;z-index:1}
.edu-item:hover .edu-dot{background:#4a9f5a;border-color:#4a9f5a;box-shadow:0 0 12px rgba(74,159,90,.5)}
.edu-dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid transparent;transition:all .5s}
.edu-item:hover .edu-dot::after{border-color:rgba(74,159,90,.3)}
.edu-dot-glow{animation:eduGlow 3s ease-in-out infinite}
@keyframes eduGlow{0%,100%{box-shadow:0 0 4px rgba(74,159,90,.2)}50%{box-shadow:0 0 12px rgba(74,159,90,.5)}}
.edu-item{transition:all .3s}
.edu-item:hover .edu-school{color:var(--fg)}
.edu-item:hover .edu-year{color:#4a9f5a}

@media(max-width:1000px){.about-layout{grid-template-columns:1fr;gap:3rem}.bento-1{grid-column:span 12;grid-row:span 1}.bento-2,.bento-3{grid-column:span 6}.bento-4,.bento-5,.bento-6{grid-column:span 12}}
@media(max-width:700px){
  nav{padding:1rem 1.2rem}
  .nav-burger{display:block}
  .nav-links{position:fixed;top:0;right:-100%;width:75%;max-width:280px;height:100vh;background:rgba(13,19,33,.97);backdrop-filter:blur(20px);flex-direction:column;padding:4rem 1.5rem 2rem;gap:1.5rem;transition:right .4s ease;z-index:10001;overflow-y:auto}
  [data-theme="light"] .nav-links{background:rgba(240,235,216,.97)}
  .nav-links.open{right:0}
  .nav-links a{font-size:.7rem;letter-spacing:.1em}
  .section-inner{padding:2rem 1.2rem}
  .section-label{font-size:.65rem!important;letter-spacing:.25em}
  .hero{min-height:90vh!important;min-height:90dvh!important}
  .hero-content{padding:0 1rem!important}
  .hero-name .line-last span{font-size:clamp(1.3rem,9vw,2.2rem)!important}
  .hero-name .line-first span{font-size:clamp(.8rem,3vw,1.1rem)!important;letter-spacing:.12em!important}
  .hero-sub{font-size:.75rem!important;letter-spacing:.08em!important}
  .hero-cta{padding:.7rem 1.5rem!important;font-size:.5rem!important}
  .hero-tag{font-size:.4rem!important;letter-spacing:.3em!important}
  .about-layout{grid-template-columns:1fr!important;gap:1.5rem}
  .about-big{font-size:clamp(1.1rem,4.5vw,1.5rem)!important}
  .portrait-3d{width:180px!important;height:180px!important;margin:0 auto}
  .proof-bullets{margin-top:1.5rem!important}
  .proof-item{font-size:.75rem;padding:.6rem 0}
  .bento-grid{gap:2px}
  .bento-1,.bento-2,.bento-3,.bento-4,.bento-5,.bento-6{grid-column:span 12}
  .bento-card{padding:1.2rem}
  .bento-title{font-size:.85rem}
  .bento-desc{font-size:.7rem}
  .edu-timeline{padding-left:1.5rem}
  .edu-item{padding:.8rem 0 .8rem 1.5rem}
  .contact-links{flex-direction:column;align-items:center;gap:.5rem}
  .contact-section{padding:2rem 1.2rem}
  .contact-heading{font-size:clamp(1rem,5vw,1.5rem)!important}
  .contact-form{padding:0;margin-top:1.5rem!important}
  .form-input,.form-select,.form-textarea{font-size:.8rem;padding:.7rem}
  .cursor{display:none}
  #auroraCanvas{display:none}
  .footer-inner{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem 1rem!important}
  .lang-toggle{display:none}
  .nav-links .lang-toggle-mobile{display:flex;flex-direction:row;gap:.6rem;align-items:center;justify-content:center;padding-top:1.5rem;margin-top:auto;border-top:1px solid rgba(62,92,118,.15)}
  .pixel-flag{width:18px;height:12px}
  .theme-toggle{width:26px;height:26px;font-size:.7rem;margin-bottom:0;margin-right:.2rem}
  .exec-strip{flex-direction:column;gap:.5rem}
  .exec-logos{flex-wrap:wrap;gap:.8rem;justify-content:center}.exec-logo{font-size:.65rem}
  .ai-map-grid{grid-template-columns:1fr!important}
  .ai-map-cat{padding:.8rem}
  .ai-map-term{font-size:.7rem;padding:.3rem .5rem}
  .ency-cats{grid-template-columns:repeat(2,1fr)}
  .ency-cat{padding:1.2rem .8rem}
  .ency-cat-icon{font-size:1.3rem}
  .ency-cat-name{font-size:.65rem}
  .perspectives-grid{grid-template-columns:1fr}
  .persp-card{padding:1.2rem}
  .persp-title{font-size:.85rem}
  .persp-text{font-size:.7rem}
  .ency-terms{grid-template-columns:1fr}
  .ency-modal{padding:1.2rem;margin:.5rem}
  .ency-modal-title{font-size:1.1rem}
  .clocks-inner{padding:.5rem .8rem;gap:.2rem;flex-wrap:nowrap;overflow-x:auto}
  .clock-item{min-width:55px;flex-shrink:0}
  .clock-time{font-size:.75rem}
  .clock-city{font-size:.35rem}
  .weather-widget{font-size:.4rem;padding:.4rem .8rem}
  .news-ticker{height:34px}
  .ticker-label{font-size:.4rem!important;padding:0 .8rem}
  .ticker-item{font-size:7pt!important;padding:0 1.5rem}
              .back-top{bottom:4.5rem!important;right:1.2rem!important;width:34px!important;height:34px!important;font-size:.75rem!important}
  .chat-btn{bottom:1.2rem!important;right:1.2rem!important;width:44px!important;height:44px!important}
  .chat-btn-label{display:none}
  .chat-panel{right:.5rem;left:.5rem;width:auto;bottom:4.5rem;max-height:55vh}
  .chat-msgs{max-height:250px}
  .chat-msg{font-size:.72rem;padding:.6rem .8rem}
}
@media(max-width:400px){.hero-name .line-first span{font-size:.9rem;letter-spacing:.15em}.hero-name .line-last span{font-size:1.5rem}.nav-links a{font-size:.7rem}}

[data-i18n-en],[data-i18n-de],[data-i18n-fr],[data-i18n-it],[data-i18n-es]{display:none}
[data-lang="en"] [data-i18n-en],[data-lang="de"] [data-i18n-de],[data-lang="fr"] [data-i18n-fr],[data-lang="it"] [data-i18n-it],[data-lang="es"] [data-i18n-es]{display:revert}
.pixel-flag{width:24px;height:16px;image-rendering:pixelated;display:block}
.lang-toggle{position:fixed;top:50%;right:1rem;z-index:10001;display:flex;flex-direction:column;gap:.5rem;align-items:center;transform:translateY(-50%)}
.lang-btn{background:none;border:none;cursor:pointer;padding:2px;opacity:.3;transition:opacity .3s,transform .3s;line-height:0}
.lang-btn:hover{transform:scale(1.15)}.lang-btn.active{opacity:1}
.lang-toggle-mobile{display:none}

/* SCROLL PROGRESS BAR */
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--c3),var(--c4),var(--c5));z-index:100001;transition:none;box-shadow:0 0 10px rgba(116,140,171,.5)}

/* TYPEWRITER */
.typewriter-wrap{display:inline}
.typewriter-text{color:var(--c4);border-right:2px solid var(--c4);padding-right:4px;animation:blink .8s step-end infinite}
@keyframes blink{0%,100%{border-color:var(--c4)}50%{border-color:transparent}}

/* TEXT SCRAMBLE */
.scramble{display:inline-block}

/* MAGNETIC BUTTONS */
.magnetic{transition:transform .3s cubic-bezier(.2,.8,.2,1)}

/* 3D TILT PORTRAIT */
.portrait-3d{perspective:600px;display:inline-block}
.portrait-3d-inner{transition:transform .4s ease,box-shadow .4s ease;transform-style:preserve-3d;position:relative;overflow:hidden}
.portrait-3d-inner::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(240,235,216,.15) 0%,transparent 50%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}
.portrait-3d-inner:hover::after{opacity:1}
.portrait-3d-inner:hover{box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 30px rgba(116,140,171,.15)}

/* MATRIX RAIN */
#matrixCanvas{position:fixed;inset:0;z-index:200000;pointer-events:none;opacity:0;transition:opacity .5s}
#matrixCanvas.active{opacity:1}

/* GLOBE */
#globeCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.hero-content{z-index:4!important}
.globe-label{position:absolute;z-index:5;font-family:var(--mono);font-size:.55rem;letter-spacing:.2em;color:var(--c4);text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity .5s}
.globe-label.show{opacity:1}
.hero[data-parallax]{will-change:transform}
.parallax-layer{will-change:transform;transition:none}

/* AURORA TRAIL */
#auroraCanvas{position:fixed;inset:0;z-index:99997;pointer-events:none;mix-blend-mode:screen}

/* DARK/LIGHT MODE */
[data-theme="light"]{--c1:#f0ebd8;--c2:#e4ddc8;--c3:#8a9bb5;--c4:#4a6078;--c5:#0d1321;--bg:var(--c1);--fg:var(--c5)}
[data-theme="light"] body::after{opacity:.015}
[data-theme="light"] .bento-card{background:rgba(138,155,181,.08);border-color:rgba(74,96,120,.12)}
[data-theme="light"] .bento-card:hover{background:rgba(138,155,181,.15);border-color:var(--c3)}
[data-theme="light"] .exec-strip{border-color:rgba(74,96,120,.12)}
[data-theme="light"] .edu-dot{background:var(--bg)}
[data-theme="light"] nav.scrolled{background:rgba(240,235,216,.92)}
[data-theme="light"] .loader{background:var(--c1)}
[data-theme="light"] .orbit-node{background:var(--c2);border-color:var(--c3)}
[data-theme="light"] .portrait-3d-inner{border-color:var(--c3)!important;background:var(--c2)!important}
[data-theme="light"] footer{border-color:rgba(74,96,120,.12)}
[data-theme="light"] #auroraCanvas{mix-blend-mode:multiply;opacity:.5}
.theme-toggle{background:none;border:1px solid rgba(116,140,171,.2);border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;padding:0;color:var(--c4);font-size:.85rem;line-height:1;margin-bottom:.4rem}
.theme-toggle:hover{border-color:var(--c4);color:var(--fg)}

/* BACK TO TOP */

/* NEWS TICKER (scrollable, between hero and content) */
.news-ticker{width:100%;background:rgba(13,19,33,.95);border-top:1px solid rgba(62,92,118,.15);border-bottom:1px solid rgba(62,92,118,.15);height:44px;display:flex;align-items:center}
[data-theme="light"] .news-ticker{background:rgba(228,221,200,.95)}
.ticker-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--bg);background:var(--c4);padding:0 1.5rem;height:100%;display:flex;align-items:center;white-space:nowrap;flex-shrink:0;font-weight:700;position:relative;z-index:1000;box-shadow:12px 0 24px rgba(13,19,33,1),4px 0 8px rgba(13,19,33,1)}
[data-theme="light"] .ticker-label{box-shadow:12px 0 24px rgba(240,235,216,1),4px 0 8px rgba(240,235,216,1)}
.ticker-track-wrap{flex:1;overflow:hidden;height:100%;position:relative;z-index:1}
.ticker-track{display:flex;animation:tickerScroll var(--ticker-dur,180s) linear infinite;width:max-content;align-items:center;height:100%;padding-left:2rem}
.ticker-item{white-space:nowrap;padding:0 3rem;font-family:var(--display);font-size:10pt;font-weight:500;color:var(--c4);letter-spacing:.02em;display:flex;align-items:center;gap:.7rem;text-decoration:none;transition:color .2s}
.ticker-item:hover{color:var(--fg)}
.ticker-item strong{color:var(--fg);font-weight:700;font-family:var(--mono);font-size:8pt}
.ticker-dot{width:5px;height:5px;background:var(--c4);border-radius:50%;flex-shrink:0}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* WORLD CLOCKS */
.clocks-bar{width:100%;background:var(--bg);border-top:1px solid rgba(62,92,118,.1);border-bottom:1px solid rgba(62,92,118,.1);overflow:hidden}
.clocks-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;padding:.6rem 3rem;gap:1rem;flex-wrap:wrap}
.clock-item{text-align:center;flex:1;min-width:100px}
.clock-city{font-family:var(--mono);font-size:.45rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c3)}
.clock-time{font-family:var(--display);font-size:.9rem;font-weight:600;color:var(--fg);margin-top:.15rem}
.clock-date{font-family:var(--mono);font-size:.4rem;color:var(--c3);margin-top:.1rem}

/* WEATHER */
.weather-widget{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:.5rem 3rem;font-family:var(--mono);font-size:.5rem;color:var(--c4);letter-spacing:.1em}
.weather-icon{font-size:1rem}
.weather-temp{font-family:var(--display);font-size:.85rem;font-weight:600;color:var(--fg)}

/* ENCYCLOPEDIA */
.ency-search-wrap{max-width:600px;margin:0 auto 2rem;position:relative}
.ency-search{width:100%;padding:1rem 1.2rem 1rem 3rem;background:rgba(29,45,68,.3);border:1px solid rgba(62,92,118,.2);color:var(--fg);font-family:var(--display);font-size:1rem;outline:none;transition:border-color .3s}
.ency-search:focus{border-color:var(--c4)}
.ency-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--c3);font-size:1rem}
.ency-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:2rem}
.ency-cat{background:rgba(29,45,68,.25);border:1px solid rgba(62,92,118,.15);padding:2rem 1.2rem;text-align:center;cursor:pointer;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.ency-cat::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--c4);transform:scaleX(0);transition:transform .4s}
.ency-cat:hover::after,.ency-cat.active::after{transform:scaleX(1)}
.ency-cat:hover,.ency-cat.active{background:rgba(29,45,68,.45);border-color:var(--c4);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.2)}
.ency-cat-icon{font-size:1.8rem;margin-bottom:.6rem;display:block}
.ency-cat-name{font-family:var(--display);font-size:.75rem;font-weight:600;color:var(--fg)}
.ency-cat-arrow{font-family:var(--mono);font-size:.5rem;color:var(--c3);margin-top:.5rem;transition:all .3s;letter-spacing:.1em}
.ency-cat:hover .ency-cat-arrow{color:var(--c4);letter-spacing:.2em}
.ency-cat-count{font-family:var(--mono);font-size:.5rem;color:var(--c3);margin-top:.3rem}
.ency-terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:3px}
.ency-term-card{background:rgba(29,45,68,.2);border:1px solid rgba(62,92,118,.12);padding:1.2rem 1.5rem;cursor:pointer;transition:all .3s;position:relative}
.ency-term-card::after{content:'→';position:absolute;right:1.2rem;top:1.2rem;color:var(--c3);font-size:.8rem;transition:all .3s;opacity:0}
.ency-term-card:hover::after{opacity:1;right:1rem}
.ency-term-card:hover{border-color:var(--c4);background:rgba(29,45,68,.35)}
.ency-term-name{font-family:var(--display);font-size:.9rem;font-weight:600;color:var(--fg)}
.ency-term-name mark{background:rgba(116,140,171,.25);color:var(--fg);padding:0 2px}
.ency-term-short{font-size:.72rem;line-height:1.6;color:var(--c4);margin-top:.4rem}
.ency-count{font-family:var(--mono);font-size:.6rem;color:var(--c3);text-align:center;margin:1.5rem 0;letter-spacing:.1em}
.ency-back{font-family:var(--mono);font-size:.65rem;color:var(--c4);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;transition:color .3s;background:none;border:none;padding:0}
.ency-back:hover{color:var(--fg)}
.ency-empty{text-align:center;padding:3rem;color:var(--c3);font-family:var(--mono);font-size:.7rem}

/* ENCYCLOPEDIA MODAL */
.ency-modal-overlay{position:fixed;inset:0;z-index:100002;background:rgba(13,19,33,.85);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:2rem}
.ency-modal-overlay.open{display:flex}
.ency-modal{background:var(--c1);border:1px solid rgba(62,92,118,.2);max-width:650px;width:100%;max-height:85vh;overflow-y:auto;padding:3rem;position:relative}
[data-theme="light"] .ency-modal{background:var(--c2)}
.ency-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--c3);font-size:1.2rem;cursor:pointer;transition:color .3s;padding:.5rem}
.ency-modal-close:hover{color:var(--fg)}
.ency-modal-title{font-family:var(--display);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}
.ency-modal-tags{margin-bottom:1.5rem}
.ency-modal-tag{display:inline-block;font-family:var(--mono);font-size:.45rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid rgba(62,92,118,.2);color:var(--c3);margin-right:.3rem}
.ency-modal-short{font-size:.9rem;color:var(--c4);line-height:1.7;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(62,92,118,.1)}
.ency-modal-detail{font-size:.85rem;color:var(--c4);line-height:1.9}
.ency-modal-share{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(62,92,118,.1);display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.ency-modal-share-label{font-family:var(--mono);font-size:.5rem;letter-spacing:.15em;text-transform:uppercase;color:var(--c3);margin-right:.5rem}
.share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(62,92,118,.2);background:transparent;color:var(--c4);cursor:pointer;transition:all .3s;font-size:.8rem;text-decoration:none}
.share-btn:hover{border-color:var(--c4);color:var(--fg);background:rgba(62,92,118,.15)}

/* CONTACT FORM */
.contact-form{max-width:500px;margin:2rem auto 0;text-align:left}
.form-group{margin-bottom:.8rem}
.form-label{font-family:var(--mono);font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c3);display:block;margin-bottom:.5rem}
.form-input,.form-select,.form-textarea{width:100%;padding:.8rem 1rem;background:rgba(29,45,68,.3);border:1px solid rgba(62,92,118,.2);color:var(--fg);font-family:var(--display);font-size:.85rem;transition:border-color .3s;outline:none}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--c4)}
.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1,1 L6,6 L11,1' stroke='%23748cab' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}
.form-select option{background:var(--c1);color:var(--fg)}
.form-textarea{min-height:100px;resize:vertical}
.form-submit{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);padding:1rem 2.5rem;border:1px solid var(--c3);background:rgba(62,92,118,.08);cursor:pointer;transition:all .4s;width:100%}
.form-submit:hover{background:var(--c3);color:var(--bg)}
.form-msg{font-family:var(--mono);font-size:.55rem;text-align:center;margin-top:1rem;min-height:1.2rem}

/* PROOF BULLETS */


/* STRATEGIC PERSPECTIVES */
.perspectives-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}
.persp-card{background:rgba(29,45,68,.15);border:1px solid rgba(62,92,118,.08);padding:2rem;transition:all .4s}
.persp-card:hover{border-color:rgba(62,92,118,.25);background:rgba(29,45,68,.22)}
.persp-tag{font-family:var(--mono);font-size:.45rem;letter-spacing:.15em;text-transform:uppercase;color:var(--c3);margin-bottom:.8rem}
.persp-title{font-family:var(--display);font-size:1rem;font-weight:700;color:var(--fg);line-height:1.4;margin-bottom:1rem}
.persp-text{font-size:.78rem;line-height:1.8;color:var(--c4)}
.persp-meta{font-family:var(--mono);font-size:.4rem;letter-spacing:.1em;color:var(--c3);margin-top:1.2rem;padding-top:.8rem;border-top:1px solid rgba(62,92,118,.08)}