:root{--bg:#f6f8ff;--surface:hsla(0,0%,100%,.76);--text:#12203f;--muted:#52617f;--blue:#1244d8;--blue-deep:#082978;--green:#0e8f56;--gold:#e6cf19;--red:#d6473d;--line:rgba(18,32,63,.11);--shadow:0 20px 50px rgba(15,67,216,.13);--radius:24px;--width:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 6% 8%,rgba(230,207,25,.16),transparent 25%),radial-gradient(circle at 88% 18%,rgba(14,143,86,.13),transparent 26%),linear-gradient(180deg,#fbfcff 0,var(--bg) 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{min-height:100vh;padding:28px 20px 120px;position:relative;overflow-x:clip}.bg-grid{inset:0;opacity:.85;background-image:linear-gradient(rgba(15,67,216,.045) 1px,transparent 0),linear-gradient(90deg,rgba(15,67,216,.045) 1px,transparent 0);background-size:52px 52px}.bg-glow,.bg-grid{position:fixed;pointer-events:none}.bg-glow{width:330px;height:330px;filter:blur(72px);opacity:.2}.glow-a{left:-120px;bottom:12%;background:var(--gold)}.glow-b{right:-120px;top:28%;background:var(--green)}.bottom-nav,.main-layout,.topbar{position:relative;z-index:1}.topbar{max-width:var(--width);margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{margin:0;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h2,.topbar h1,h2,h3,h4{font-family:Arial,Helvetica,sans-serif;letter-spacing:0}.topbar h1{margin:5px 0 0;font-size:clamp(2rem,3vw,3.25rem);line-height:.94;letter-spacing:-.04em}.availability{padding:12px 16px;border:1px solid var(--line);border-radius:999px;background:hsla(0,0%,100%,.8);color:var(--blue);font-weight:800;font-size:.9rem;text-decoration:none;box-shadow:var(--shadow);white-space:nowrap;cursor:pointer}.contact-dialog{width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 36px);padding:0;border:0;border-radius:28px;overflow:auto;color:var(--text);background:transparent;box-shadow:0 36px 100px rgba(8,41,120,.3)}.contact-dialog::-webkit-backdrop{background:rgba(8,22,55,.48);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.contact-dialog::backdrop{background:rgba(8,22,55,.48);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.contact-dialog[open]{animation:dialog-enter .36s cubic-bezier(.16,1,.3,1) both}.contact-dialog-panel{padding:26px;background:linear-gradient(145deg,hsla(0,0%,100%,.98),rgba(239,245,255,.97))}.contact-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:24px}.contact-dialog-head h2{margin:7px 0 0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:.98;letter-spacing:-.045em}.dialog-close{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--text);background:hsla(0,0%,100%,.84);font-size:1.55rem;line-height:1;cursor:pointer}.contact-form,.contact-form label{display:grid;grid-gap:9px;gap:9px}.contact-form{gap:17px}.contact-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.contact-form label{color:var(--blue-deep);font-size:.78rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(18,32,63,.15);border-radius:13px;padding:13px 14px;color:var(--text);background:hsla(0,0%,100%,.88);font:500 .95rem/1.45 Inter,system-ui,sans-serif;text-transform:none;letter-spacing:0;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(18,68,216,.1)}.contact-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:2px}.contact-form-footer p{max-width:31ch;margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}.dialog-submit{min-height:48px;padding:0 18px;border:0;border-radius:12px;color:#fff;background:var(--blue);font-weight:800;cursor:pointer}.copy-email-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px;border:1px solid rgba(18,68,216,.12);border-radius:15px;background:rgba(18,68,216,.055)}.copy-email-row p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.copy-email-button{flex:0 0 auto;min-height:42px;padding:0 14px;border:1px solid rgba(18,68,216,.2);border-radius:10px;color:var(--blue);background:#fff;font-weight:800;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.copy-email-button:hover{transform:translateY(-1px)}.copy-email-button.is-copied{border-color:rgba(14,143,86,.24);color:#fff;background:var(--green)}@keyframes dialog-enter{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.main-layout{grid-gap:20px;max-width:var(--width);margin:0 auto}.hero,.main-layout{display:grid;gap:20px}.hero{grid-template-columns:1.08fr .92fr;grid-gap:20px;padding:30px;border-radius:32px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f43d8,#2459ee);box-shadow:0 30px 80px rgba(8,41,127,.25);will-change:transform}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,hsla(0,0%,100%,.1) 1px,transparent 0),linear-gradient(-45deg,hsla(0,0%,100%,.07) 1px,transparent 0);background-size:44px 44px;opacity:.45}.hero-copy,.hero-stage{position:relative;z-index:1}.ribbon{height:6px;width:min(280px,100%);display:flex;overflow:hidden}.ribbon span{flex:1 1}.ribbon span:first-child{background:var(--green)}.ribbon span:nth-child(2){background:#fff}.ribbon span:nth-child(3){background:var(--gold)}.ribbon span:nth-child(4){background:var(--red)}.hero .eyebrow{margin-top:18px;color:hsla(0,0%,100%,.8)}.hero h2{max-width:10ch;margin:10px 0 14px;color:#fff;font-size:clamp(2.7rem,4.8vw,5.4rem);font-weight:900;line-height:.9;letter-spacing:-.06em}.lede{max-width:56ch;margin:0;color:hsla(0,0%,100%,.85);line-height:1.65}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.ghost-button,.primary-button{min-height:48px;padding:0 18px;border:0;font:800 .78rem/1 Inter,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,background .18s ease}.primary-button{background:#fff;color:var(--blue)}.ghost-button{border:1px solid hsla(0,0%,100%,.45);background:transparent;color:#fff}.ghost-button:hover,.nav-item:hover,.primary-button:hover{transform:translateY(-2px)}.hero-stage{display:grid;align-content:start;grid-gap:16px;gap:16px}.contact-card,.contact-primary,.energy-meter,.glass-tile,.insight-card,.map-card,.presence-board,.project-card,.skill-column,.spotlight-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.spotlight-card{padding:20px;background:hsla(0,0%,100%,.14);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#fff}.spotlight-primary{border-left:6px solid var(--gold)}.spotlight-secondary{border-left:6px solid #9ceeb3}.spotlight-card h3{margin:8px 0 10px;font-size:1.5rem;line-height:1.04}.spotlight-card p{margin:0;color:hsla(0,0%,100%,.8);line-height:1.5}.card-tag,.mini-stat,.pill{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.card-tag{background:hsla(0,0%,100%,.17)}.card-tag-gold,.pill-gold{background:var(--gold);color:#342e00}.meter-row{display:grid;grid-gap:8px;gap:8px;margin-top:17px;font-size:.86rem}.meter{height:8px;background:hsla(0,0%,100%,.16)}.meter i{display:block;width:88%;height:100%;background:var(--gold)}.ticker-card{overflow:hidden;border-radius:var(--radius);background:hsla(0,0%,100%,.93);color:var(--blue-deep);box-shadow:var(--shadow)}.ticker-track{display:flex;width:max-content;padding:14px 0;font-size:.76rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;will-change:transform}.ticker-group{display:flex;flex:0 0 auto;gap:32px;padding:0 32px 0 18px}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:20px;gap:20px;margin-top:30px}.glass-tile{grid-column:span 4;padding:20px;background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.glass-tile.wide{grid-column:1/-1}.project-card-head,.tile-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.pill{background:rgba(15,67,216,.1);color:var(--blue)}.pill-green{background:rgba(14,143,86,.12);color:var(--green)}.pill-red{background:rgba(214,71,61,.12);color:var(--red)}.pill-blue{background:rgba(15,67,216,.12);color:var(--blue)}.mini-stat{background:rgba(18,32,63,.06);color:var(--muted)}.glass-tile h3,.insight-card h3{margin:10px 0;font-size:1.5rem;line-height:1.04;letter-spacing:-.025em}.energy-meter p,.glass-tile p,.insight-card p,.project-card p{color:var(--muted);line-height:1.55}.status-strip{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted)}.micro-bars{height:92px;display:flex;align-items:end;gap:10px;margin-top:20px}.micro-bars i{flex:1 1;background:linear-gradient(180deg,var(--blue),#5888ff)}.micro-bars i:first-child{height:52%}.micro-bars i:nth-child(2){height:68%}.micro-bars i:nth-child(3){height:74%}.micro-bars i:nth-child(4){height:46%}.micro-bars i:nth-child(5){height:83%}.signal-list,.timeline{display:grid;grid-gap:11px;gap:11px;margin-top:18px}.signal-list div,.timeline div{display:flex;justify-content:space-between;gap:14px;padding-bottom:11px;border-bottom:1px solid var(--line)}.signal-list span{color:var(--muted)}.signal-list strong{font-size:.96rem}.timeline div{display:grid;grid-template-columns:132px 1fr}.timeline strong{color:var(--blue)}.section-header{margin-bottom:20px}.section-header h2{max-width:16ch;margin:8px 0 0;font-size:clamp(2rem,3.2vw,3.2rem);line-height:.98;letter-spacing:-.045em}.detail-view{display:grid;grid-gap:20px;gap:20px}.detail-grid,.energy-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.contact-card,.contact-primary,.energy-meter,.insight-card,.map-card,.presence-board,.project-card,.skill-column{padding:22px;background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.map-surface{position:relative;min-height:360px;overflow:hidden;background:linear-gradient(90deg,rgba(15,67,216,.06) 1px,transparent 0),linear-gradient(rgba(15,67,216,.06) 1px,transparent 0),linear-gradient(135deg,rgba(15,67,216,.14),rgba(14,143,86,.09));background-size:52px 52px,52px 52px,auto}.map-route{position:absolute;height:12px}.route-good{left:16%;top:46%;width:56%;background:var(--green);transform:rotate(-14deg)}.route-slow{left:20%;top:28%;width:44%;background:var(--red);transform:rotate(18deg)}.map-alert,.map-node{position:absolute;padding:8px 12px;background:#fff;font-size:.73rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.home-node{left:10%;top:54%}.arena-node{right:12%;top:31%}.map-alert{left:44%;top:23%;background:var(--red);color:#fff}.compact-list{padding-left:18px;color:var(--muted);line-height:1.7}.presence-board{display:grid;grid-gap:18px;gap:18px}.presence-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.presence-head h3{margin:8px 0 0;font-size:clamp(1.6rem,2.3vw,2.4rem);line-height:.98;letter-spacing:-.03em}.presence-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.contact-card,.presence-card{display:grid;grid-gap:12px;gap:12px;min-height:220px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.contact-card:hover,.presence-card:hover{transform:translateY(-3px);border-color:rgba(15,67,216,.3);box-shadow:0 28px 60px rgba(15,67,216,.16)}.presence-card h4{margin:0;font-size:1.75rem;line-height:.95;letter-spacing:-.035em}.contact-card span:last-child,.presence-card p{margin:0;color:var(--muted);line-height:1.5}.linkedin{background:linear-gradient(180deg,rgba(234,255,244,.96),rgba(247,255,250,.96))}.notion{background:linear-gradient(180deg,rgba(244,247,255,.96),rgba(251,252,255,.96))}.cv{background:linear-gradient(180deg,rgba(255,246,244,.96),rgba(255,252,251,.96))}.ring-wrap{position:relative;width:220px;max-width:100%;margin:0 auto 18px}.ring-wrap svg{width:100%;transform:rotate(-90deg)}.ring-base,.ring-value{fill:none;stroke-width:12}.ring-base{stroke:rgba(15,67,216,.12)}.ring-value{stroke:var(--blue);stroke-linecap:square;stroke-dasharray:276;stroke-dashoffset:50;animation:draw-ring 1.2s ease both}.ring-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.ring-copy strong{font-size:2rem;line-height:.9}.ring-copy span{max-width:9ch;color:var(--muted);font-size:.9rem;font-weight:700;line-height:1.05}.tip-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px}.tip-stack div{padding:14px 12px;background:rgba(15,67,216,.06)}.tip-stack strong{display:block;font-size:1.25rem}.tip-stack span{display:block;margin-top:5px;color:var(--muted);font-size:.9rem}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.project-card{display:flex;min-height:270px;flex-direction:column;align-items:flex-start;background:var(--surface)}.project-card.featured{grid-column:span 2;background:linear-gradient(135deg,rgba(15,67,216,.96),rgba(8,41,127,.94));color:#fff}.project-card h3{margin:18px 0 10px;font-size:clamp(1.55rem,2.4vw,2.3rem);line-height:.98;letter-spacing:-.04em}.project-card.featured p{max-width:70ch;color:hsla(0,0%,100%,.85)}.project-stack-line{margin-top:auto;padding-top:14px;color:var(--blue);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.featured .project-stack-line{color:var(--gold)}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.skill-column h3{margin:18px 0 0;font-size:1.5rem;line-height:1.02;letter-spacing:-.03em}.skill-column.dark{border-color:rgba(15,67,216,.45);background:linear-gradient(135deg,#1045d8,#082978);color:#fff}.skill-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.skill-chips span{padding:9px 12px;border:1px solid rgba(15,67,216,.12);background:hsla(0,0%,100%,.8);font-size:.88rem;font-weight:700}.dark .skill-chips span{border-color:hsla(0,0%,100%,.18);background:hsla(0,0%,100%,.11);color:#fff}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:20px;gap:20px}.contact-primary h3{max-width:19ch;margin:18px 0 28px;font-size:clamp(1.7rem,2.8vw,2.7rem);line-height:.98;letter-spacing:-.04em}.contact-lines{display:grid;grid-gap:14px;gap:14px}.contact-lines div{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding-bottom:14px;border-bottom:1px solid var(--line)}.contact-card span:last-child,.contact-lines span{color:var(--muted)}.contact-lines a,.contact-lines strong{color:var(--text);font-weight:800;text-decoration:none}.contact-actions{display:grid;grid-gap:16px;gap:16px}.contact-card{min-height:0}.contact-card strong{font-size:1.15rem}.bottom-nav{position:fixed;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:8px;gap:8px;width:min(920px,calc(100% - 24px));padding:10px;border:1px solid rgba(15,67,216,.12);border-radius:24px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.nav-item{min-height:50px;border:0;background:transparent;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}.nav-item.active{background:var(--blue);color:#fff}.enter{animation:enter .5s ease both}.drift{animation:drift 5.8s ease-in-out infinite}.delayed{animation-delay:1.3s}@keyframes enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{50%{transform:translateY(-8px)}}@keyframes ticker{to{transform:translateX(-34%)}}@keyframes draw-ring{0%{stroke-dashoffset:276}to{stroke-dashoffset:50}}@media (max-width:980px){.contact-grid,.detail-grid,.energy-layout,.hero,.presence-row,.skills-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.glass-tile,.glass-tile.wide,.project-card.featured{grid-column:auto}}@media (max-width:680px){.app-shell{padding:20px 14px 112px}.topbar{align-items:start}.availability{padding:10px 12px;font-size:.76rem}.contact-dialog-panel{padding:22px 18px}.contact-form-row{grid-template-columns:1fr}.contact-form-footer{align-items:stretch;flex-direction:column}.contact-form-footer p{max-width:none}.copy-email-row{align-items:stretch;flex-direction:column}.copy-email-button{width:100%}.hero{padding:22px}.hero h2{font-size:3rem}.section-header h2{font-size:2.15rem}.dashboard-grid,.project-grid,.tip-stack{grid-template-columns:1fr}.dashboard-grid{margin-top:24px}.bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-lines div,.signal-list div,.timeline div{grid-template-columns:1fr;display:grid}.presence-head{flex-direction:column}.map-surface{min-height:280px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.topbar{position:-webkit-sticky;position:sticky;top:16px;z-index:10;margin-bottom:28px;padding:14px 16px 14px 20px;border:1px solid hsla(0,0%,100%,.68);border-radius:22px;background:linear-gradient(118deg,hsla(0,0%,100%,.74),rgba(225,235,255,.5));-webkit-backdrop-filter:blur(28px) saturate(165%);backdrop-filter:blur(28px) saturate(165%);box-shadow:0 14px 38px rgba(15,67,216,.12)}.scroll-section{scroll-margin-top:128px;opacity:0;transform:translateY(54px) scale(.975);filter:blur(5px);transition:opacity .72s ease,transform .86s cubic-bezier(.16,1,.3,1),filter .72s ease}.scroll-section.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.scroll-section+.scroll-section{margin-top:44px}.scroll-section .motion-grid>article{opacity:0;transform:translateY(38px) scale(.97);animation:none;transition:opacity .64s ease,transform .8s cubic-bezier(.16,1,.3,1)}.scroll-section.is-visible .motion-grid>article{opacity:1;transform:translateY(0)}.scroll-section.is-visible .motion-grid>article:first-child{transition-delay:.05s}.scroll-section.is-visible .motion-grid>article:nth-child(2){transition-delay:.13s}.scroll-section.is-visible .motion-grid>article:nth-child(3){transition-delay:.21s}.scroll-section.is-visible .motion-grid>article:nth-child(4){transition-delay:.29s}.scroll-section.is-visible .detail-view>.enter:nth-child(2){transition-delay:.11s}.hero .spotlight-card{will-change:transform}.bottom-nav{border-color:hsla(0,0%,100%,.72);background:linear-gradient(120deg,hsla(0,0%,100%,.72),rgba(217,229,255,.5));-webkit-backdrop-filter:blur(30px) saturate(175%);backdrop-filter:blur(30px) saturate(175%);box-shadow:0 20px 55px rgba(15,67,216,.2),inset 0 1px 0 hsla(0,0%,100%,.76)}.project-name{display:inline-flex;margin:18px 0 0;padding:7px 10px;border-radius:7px;background:rgba(15,67,216,.1);color:var(--blue);font-size:1rem;font-weight:900;letter-spacing:.035em}.featured .project-name{background:hsla(0,0%,100%,.15);color:#fff}.project-name-badge{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(15,67,216,.14);border-radius:12px;background:#e6edff;color:var(--blue);font-size:.9rem;font-weight:900;letter-spacing:.06em}.featured .project-name-badge{border-color:hsla(0,0%,100%,.25);background:var(--gold);color:#352f00}.badge-1{background:#e5faef;color:var(--green)}.badge-2{background:#fff3d4;color:#8b6700}.badge-3{background:#ffe9e6;color:var(--red)}@media (max-width:680px){.topbar{top:10px;padding:13px 14px}.scroll-section{scroll-margin-top:112px}.scroll-section+.scroll-section{margin-top:32px}.bottom-nav{-webkit-backdrop-filter:blur(24px) saturate(165%);backdrop-filter:blur(24px) saturate(165%)}}