:root{--ink:#09111f;--ink-soft:#121f33;--paper:#f2f6ff;--muted:#9aaac0;--line:rgba(219,231,255,.16);--blue:#4b8dff;--sky:#69d6ff;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden;margin:0;color:var(--paper);background:linear-gradient(rgba(113,159,230,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(113,159,230,.035) 1px,transparent 1px),var(--ink);background-size:42px 42px;font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit}img{display:block;max-width:100%}button{color:inherit;font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 16px;color:var(--ink);background:var(--blue);transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(9,17,31,.88);backdrop-filter:blur(16px)}.brand{display:inline-flex;gap:14px;align-items:center;font-weight:700;text-decoration:none}.brand-mark{display:grid;width:38px;height:38px;place-items:center;color:var(--ink);background:var(--blue);font:500 12px/1 var(--mono);transform:rotate(-3deg)}.brand-name{font-size:14px;letter-spacing:-.01em}.site-nav{display:flex;gap:32px;align-items:center;font:500 13px/1 var(--mono)}.site-nav a{color:var(--muted);text-decoration:none;transition:color .2s ease}.site-nav a:hover,.site-nav a:focus-visible{color:var(--paper)}.site-nav .nav-cta{padding:12px 16px;color:var(--ink);background:var(--paper)}.menu-button{display:none;padding:10px;border:0;background:transparent}.menu-button span:not(.sr-only){display:block;width:24px;height:1px;margin:6px 0;background:currentColor}
.section-shell{width:min(100% - 44px,1280px);margin-inline:auto}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(40px,7vw,110px);align-items:center;min-height:calc(100vh - 78px);padding-block:88px 110px}.eyebrow{display:flex;gap:12px;align-items:center;margin:0 0 30px;color:var(--muted);font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.eyebrow span{width:28px;height:2px;background:var(--blue)}.hero h1{max-width:820px;margin:0;font-size:clamp(3.75rem,7.7vw,7.7rem);font-weight:500;letter-spacing:-.075em;line-height:.88}.hero h1 em{color:var(--blue);font-family:Georgia,serif;font-weight:400}.hero-intro{max-width:650px;margin:42px 0 0;color:#c5d0e1;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.75}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:40px}.button{display:inline-flex;gap:28px;align-items:center;padding:15px 18px;font:500 13px/1 var(--mono);text-decoration:none}.button-primary{color:var(--ink);background:var(--blue);transition:transform .2s ease,background .2s ease}.button-primary:hover{background:#70a6ff;transform:translateY(-2px)}.text-link{color:var(--muted);font:500 13px/1 var(--mono);text-underline-offset:6px}.hero-visual{position:relative;max-width:520px;justify-self:end}.portrait-frame{position:relative;overflow:hidden;aspect-ratio:.88;background:var(--ink-soft);clip-path:polygon(8% 0,100% 0,100% 91%,88% 100%,0 100%,0 9%)}.portrait-frame:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 55%,rgba(9,17,31,.44));mix-blend-mode:multiply}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.07)}.coordinate{position:absolute;z-index:2;padding:7px 9px;color:var(--ink);background:var(--paper);font:500 10px/1 var(--mono)}.coordinate-top{top:24px;right:-18px}.coordinate-bottom{bottom:82px;left:-20px}.status-card{position:absolute;right:-28px;bottom:28px;display:flex;gap:10px;align-items:center;padding:15px 18px;color:var(--ink);background:var(--sky);font:500 11px/1 var(--mono);transform:rotate(-2deg)}.status-light{width:7px;height:7px;border-radius:50%;background:var(--ink);animation:pulse 2s infinite}
.ticker{overflow:hidden;padding:20px 0;color:var(--ink);background:var(--blue);transform:rotate(-1deg) scale(1.02)}.ticker-track{display:flex;gap:32px;width:max-content;align-items:center;animation:ticker 28s linear infinite;font:500 14px/1 var(--mono);text-transform:uppercase;transform:translateX(100vw)}.ticker-track i{font-style:normal;font-size:10px}.about,.story{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;padding-block:150px;border-bottom:1px solid var(--line)}.section-label{display:flex;gap:16px;align-items:flex-start;font:500 12px/1.4 var(--mono);text-transform:uppercase}.section-label span{color:var(--blue)}.section-label p{margin:0;color:var(--muted)}.statement{max-width:920px;margin:0;font-size:clamp(2rem,4vw,4.25rem);font-weight:500;letter-spacing:-.055em;line-height:1.12}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,100px);max-width:900px;margin-top:72px;color:var(--muted)}.about-grid p{margin:0}
.timeline-item{display:grid;grid-template-columns:170px 1fr;gap:36px;padding:44px 0;border-top:1px solid var(--line)}.timeline-year{margin:5px 0 0;color:var(--blue);font:500 12px/1.4 var(--mono);text-transform:uppercase}.timeline-item h2{margin:0 0 12px;font-size:clamp(1.5rem,3vw,2.35rem);font-weight:500;letter-spacing:-.04em}.timeline-item div p{max-width:650px;margin:0;color:var(--muted)}
.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;padding:120px clamp(30px,6vw,90px);border:1px solid var(--line);background:linear-gradient(135deg,#122642,#0b172b);color:var(--paper)}.contact .eyebrow{color:var(--muted)}.contact .eyebrow span{background:var(--blue)}.contact h2{margin:0;font-size:clamp(3rem,6.8vw,7rem);font-weight:500;letter-spacing:-.075em;line-height:.95}.contact-action{display:flex;flex-direction:column;align-items:center}.round-link{display:flex;width:210px;height:210px;padding:36px;border-radius:50%;flex-direction:column;justify-content:space-between;color:var(--ink);background:var(--blue);font:500 14px/1 var(--mono);text-decoration:none;transition:border-radius .25s ease,transform .25s ease}.round-link:hover{border-radius:35%;transform:rotate(3deg)}.round-link b{align-self:flex-end;font-size:32px;font-weight:400}.site-footer{display:grid;grid-template-columns:1fr auto auto;gap:60px;align-items:center;padding-block:48px;color:var(--muted);font:400 11px/1.5 var(--mono)}.site-footer p{margin:0}
.round-link{position:relative}
.round-link span{position:absolute;top:50%;left:50%;width:82%;font:600 clamp(2.25rem,5vw,3.25rem)/.88 var(--sans);letter-spacing:-.055em;text-align:center;transform:translate(-50%,-50%)}
.round-link b{position:absolute;right:clamp(24px,3vw,32px);bottom:clamp(22px,2.6vw,28px)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes pulse{50%{opacity:.25}}@keyframes ticker{from{transform:translateX(100vw)}to{transform:translateX(calc(-100% - 55px))}}
@media(max-width:900px){.site-nav{position:absolute;top:78px;right:0;left:0;display:none;padding:24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;background:var(--ink)}.site-nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-visual{width:min(88%,500px);justify-self:center}.about,.story{grid-template-columns:1fr;gap:58px;padding-block:110px}.contact{grid-template-columns:1fr}.contact-action{align-items:flex-start}}
@media(max-width:680px){.section-shell{width:min(100% - 32px,1280px)}.site-header{min-height:68px;padding-inline:16px}.site-nav{top:68px}.hero{padding-block:64px 90px}.hero h1{font-size:clamp(3.2rem,16.5vw,5.5rem)}.hero-intro{margin-top:30px}.hero-actions{align-items:flex-start;flex-direction:column}.status-card{right:-8px}.coordinate-top{right:-8px}.coordinate-bottom{left:-8px}.about-grid{grid-template-columns:1fr;margin-top:48px}.timeline-item{grid-template-columns:1fr;gap:18px}.contact{width:100%;padding:88px 22px}.contact h2{font-size:clamp(3rem,14vw,5.2rem)}.round-link{width:175px;height:175px;padding:28px}.site-footer{grid-template-columns:1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
