@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600&family=Playfair+Display:wght@400;500&display=swap');

:root { --ink:#061016; --deep:#091720; --panel:#0b151b; --line:rgba(210,226,230,.24); --mist:#d3dcda; --muted:#9baaa9; --blue:#1c527e; --space:clamp(1.25rem,4vw,5.5rem); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--mist); font:400 16px/1.6 Manrope,Arial,sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.17; background-image:radial-gradient(rgba(255,255,255,.12) .5px,transparent .7px); background-size:4px 4px; mix-blend-mode:overlay; z-index:9; }
a { color:inherit; text-decoration:none; } p { margin:0 0 1rem; } h1,h2 { margin:0; font-weight:400; line-height:.95; letter-spacing:.04em; text-transform:uppercase; } h1 { font-size:clamp(4rem,13vw,13rem); } h2 { font-size:clamp(2.2rem,5vw,5.4rem); } .page-shell { width:min(100% - 2*var(--space),1450px); margin:auto; }
.site-header { position:relative; z-index:5; min-height:94px; display:flex; align-items:center; gap:2rem; padding:0 var(--space); border-bottom:1px solid var(--line); background:linear-gradient(180deg,rgba(6,16,22,.78),rgba(6,16,22,.38)); backdrop-filter:blur(12px); }
.brand { display:inline-flex; align-items:center; gap:.8rem; text-transform:uppercase; letter-spacing:.31em; font-size:.95rem; white-space:nowrap; } .brand-mark { width:25px; height:25px; display:inline-block; border:1px solid var(--mist); transform:rotate(45deg); position:relative; opacity:.9; } .brand-mark::after { content:""; position:absolute; inset:5px; border:1px solid var(--mist); }
.site-nav { margin-left:auto; display:flex; height:94px; align-items:center; gap:clamp(1.3rem,3vw,4.5rem); } .site-nav a { color:#c9d2d1; position:relative; } .site-nav a::after { content:""; position:absolute; bottom:-35px; left:0; width:0; height:2px; background:var(--mist); transition:width .2s; } .site-nav a:hover::after,.site-nav .is-active::after { width:100%; }.menu-toggle { display:none; }
.hero { min-height:calc(100svh - 94px); position:relative; overflow:hidden; isolation:isolate; display:grid; align-items:center; } .hero-image { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(5,15,21,.34),rgba(5,15,21,.15)),url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2400&q=85') center/cover; filter:brightness(.42) saturate(.45) contrast(1.1); } .hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(5,15,21,.2),transparent 40%,rgba(5,15,21,.78)); }
.hero-content { align-self:center; padding-top:10vh; } .hero h1 { font-size:clamp(5rem,16vw,16.5rem); color:rgba(231,237,235,.84); text-align:center; letter-spacing:.13em; }.eyebrow { color:var(--muted); font:500 .69rem/1.35 "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }.eyebrow-line { display:flex; align-items:center; gap:1.25rem; }.eyebrow-line::after { content:""; display:block; width:80px; height:1px; background:var(--mist); }
.section { padding:clamp(5rem,10vw,10rem) 0; }.platform-intro { background:linear-gradient(180deg,#07141a,#071014); }.platform-grid { display:grid; grid-template-columns:3fr 1.12fr; gap:14px; margin-top:3.5rem; }.panel { border:1px solid var(--line); background:linear-gradient(145deg,rgba(16,28,34,.86),rgba(4,10,14,.92)); }
.feature-platform { min-height:475px; display:grid; grid-template-columns:1.2fr 1fr; overflow:hidden; }.platform-copy { padding:clamp(2rem,5vw,4rem); position:relative; z-index:1; }.feature-platform h2,.catalog-feature h2 { font-size:clamp(2.4rem,5vw,5rem); text-transform:none; letter-spacing:-.04em; margin:3rem 0 1rem; }.platform-copy>p:not(.eyebrow),.catalog-feature>div>p:not(.eyebrow) { max-width:330px; color:var(--muted); }.text-link { display:inline-flex; align-items:center; gap:.55rem; border-bottom:1px solid var(--mist); padding:.55rem 0; font-size:.9rem; margin-top:2rem; transition:color .2s,border-color .2s; }.text-link:hover { color:#82c3e3; border-color:#82c3e3; }.text-link span { font-size:1.3rem; }
.platform-art { position:relative; overflow:hidden; background:linear-gradient(140deg,#03101c,#0c3763 55%,#061221); }.platform-art::before { content:""; position:absolute; inset:-30%; background:repeating-linear-gradient(155deg,transparent 0 22px,rgba(179,218,248,.13) 23px 24px); transform:rotate(5deg); }.platform-art span { position:absolute; width:58%; aspect-ratio:1; border:1px solid rgba(211,230,241,.45); transform:rotate(31deg) skew(-8deg); }.platform-art span:nth-child(1){left:23%;top:5%;}.platform-art span:nth-child(2){left:38%;top:27%;}.platform-art span:nth-child(3){left:15%;top:48%;}.formation-panel { padding:clamp(2rem,4vw,3.2rem); display:flex; flex-direction:column; justify-content:space-between; font-size:clamp(1.35rem,2.5vw,2.3rem); line-height:1.3; }.formation-mark { width:70px; height:70px; border:1px solid var(--line); transform:rotate(30deg); align-self:center; box-shadow:10px 10px 0 -1px var(--panel),10px 10px 0 0 var(--line); }
.build-section { min-height:620px; position:relative; display:grid; place-items:center; text-align:center; overflow:hidden; }.build-section::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,#04090c,#131a1c 60%,#05080a); border:1px solid var(--line); }.build-geometry { position:absolute; right:-8%; bottom:-45%; width:70%; height:100%; border:1px solid rgba(211,220,220,.32); transform:skewY(-20deg); background:linear-gradient(125deg,transparent 50%,rgba(173,190,191,.13)); }.build-copy { position:relative; max-width:850px; padding:3rem; }.build-copy h2 { font-size:clamp(3rem,7vw,6.7rem); text-transform:none; letter-spacing:-.06em; margin:1.25rem 0; }.build-copy>p:not(.eyebrow) { color:var(--muted); }
.site-footer { border-top:1px solid var(--line); padding:clamp(3rem,8vw,7rem) var(--space) 2.5rem; display:grid; grid-template-columns:2fr 1fr 1fr; gap:2rem; position:relative; }.site-footer p { color:var(--muted); margin-top:1rem; }.site-footer div:not(:first-child) { display:flex; flex-direction:column; gap:.35rem; }.footer-label { margin:0!important; text-transform:uppercase; letter-spacing:.13em; font:.67rem "DM Mono",monospace; }.copyright { grid-column:1/-1; border-top:1px solid var(--line); padding-top:1.4rem; font-size:.78rem; }
.story-hero { min-height:47vh; display:flex; align-items:center; background:linear-gradient(90deg,#061218 40%,transparent),url('https://images.unsplash.com/photo-1476673160081-cf065607f449?auto=format&fit=crop&w=2000&q=80') center/cover; border-bottom:1px solid var(--line); }.story-hero>div { padding-block:clamp(5rem,10vw,9rem); }.story-hero h1 { margin:.7rem 0 2rem; }.story-hero blockquote { margin:0; max-width:700px; font:400 clamp(1.7rem,3.3vw,3.2rem)/1.2 "Playfair Display",serif; }.story-chapter { display:grid; grid-template-columns:1fr 3fr; gap:clamp(2rem,7vw,9rem); }.story-chapter>div { max-width:720px; }.lead { font-size:clamp(1.4rem,2.2vw,2.2rem); color:var(--mist); }.story-chapter p:not(.lead) { color:var(--muted); }.story-quote { display:grid; grid-template-columns:1fr 2fr; min-height:360px; border:1px solid var(--line); margin-bottom:8rem; }.quote-image { background:linear-gradient(145deg,transparent,#123248),url('https://images.unsplash.com/photo-1511497584788-876760111969?auto=format&fit=crop&w=900&q=80') center/cover; filter:brightness(.5) saturate(.5); }.story-quote blockquote { align-self:center; margin:0; padding:2rem clamp(2rem,5vw,5rem); font:400 clamp(1.6rem,2.8vw,3rem)/1.3 "Playfair Display",serif; }
.catalog { padding-top:clamp(4rem,9vw,9rem); }.catalog-intro { min-height:220px; }.catalog-intro h1 { margin-top:1rem; }.catalog-intro p { color:var(--muted); }.catalog-feature { display:grid; grid-template-columns:1fr 1.15fr; min-height:440px; overflow:hidden; }.catalog-feature>div:first-child { padding:clamp(2rem,5vw,4rem); }.catalog-feature dl { display:flex; gap:2.2rem; flex-wrap:wrap; margin-top:3.5rem; border-top:1px solid var(--line); padding-top:1rem; }.catalog-feature dt { color:var(--muted); text-transform:uppercase; font:500 .61rem "DM Mono",monospace; }.catalog-feature dd { margin:4px 0; font-size:.86rem; }.formation-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:14px 0 8rem; }.formation-grid article { min-height:220px; padding:2.5rem; background:linear-gradient(145deg,#0b1317,#071014); }.formation-grid h2 { font-size:1.7rem; text-transform:none; letter-spacing:0; }.formation-grid p { color:var(--muted); }
.inquire { padding-block:clamp(5rem,10vw,10rem); min-height:75vh; }.inquire-intro { text-align:center; margin-bottom:4rem; }.inquire-intro p { color:var(--muted); font-size:1.2rem; }.inquire-grid { display:grid; grid-template-columns:1.2fr .9fr; gap:18px; max-width:1050px; margin:auto; }.inquire-panel,.support-panel { padding:clamp(2rem,4vw,4rem); }.inquire-panel h2,.support-panel h2 { font-size:clamp(2rem,4vw,3.7rem); text-transform:none; letter-spacing:-.05em; margin-bottom:2rem; }.support-panel { background:linear-gradient(145deg,#0c2030,#071016); }.support-panel p { color:var(--muted); max-width:280px; }.inquire label { display:block; color:var(--muted); font-size:.85rem; margin-top:1.1rem; }.inquire input,.inquire textarea { width:100%; display:block; color:var(--mist); background:transparent; border:0; border-bottom:1px solid var(--line); padding:.5rem 0; font:inherit; outline:none; }.inquire input:focus,.inquire textarea:focus { border-color:#85c8ed; }.submit-button { background:transparent; color:var(--mist); cursor:pointer; font:inherit; }.form-status { color:#9ed0b6; min-height:1.4rem; margin-top:1rem; font-size:.85rem; }
@media (max-width:760px) { :root{--space:1.25rem}.site-header{min-height:72px}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;height:auto;padding:1.5rem var(--space);background:#091218;flex-direction:column;align-items:flex-start;gap:1rem;border-bottom:1px solid var(--line)}.site-nav.is-open{display:flex}.site-nav a::after{bottom:-3px}.menu-toggle{display:block;margin-left:auto;background:transparent;border:0;color:var(--mist);font:500 .7rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em}.hero{min-height:calc(90svh - 72px)}.hero h1{font-size:clamp(3.8rem,15vw,7rem)}.platform-grid,.feature-platform,.catalog-feature,.inquire-grid,.story-quote{grid-template-columns:1fr}.feature-platform{min-height:580px}.platform-art{min-height:250px}.formation-panel{min-height:220px}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1/-1}.story-chapter{grid-template-columns:1fr;gap:1rem}.story-hero{min-height:52vh}.story-hero blockquote{font-size:1.7rem}.quote-image{min-height:180px}.catalog-feature dl{gap:1rem}.formation-grid{grid-template-columns:1fr}.inquire-grid{gap:12px} }