@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
:root{
--bg:#121414;--panel:#0d0e0f;--card:#1a1c1c;--card2:#1e2020;--raise:#292a2a;--top:#343535;
--text:#e3e2e2;--dim:#c8c6c5;--mute:#a5a3a1;
--border:#2e2f30;--border-hover:#4a4b4b;
--orange:#f26430;--orange-soft:#ffb59d;--on-orange:#2a0d00;
--blue:#3e90ff;--blue-soft:#aac7ff;
--inverse:#e3e2e2;--on-inverse:#2f3131;
--page:min(1360px,calc(100% - 96px));
--r-sm:4px;--r-md:8px;--r-lg:16px;--r-full:999px;
color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
::selection{background:var(--orange);color:var(--on-orange)}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--r-sm)}
.page{width:var(--page);margin:auto}
.display{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.mono{font-family:'JetBrains Mono',monospace}

/* ---------- NAV ---------- */
.nav{height:76px;background:rgba(18,20,20,.86);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);position:sticky;z-index:9;top:0}
.navin{height:100%;display:flex;align-items:center;gap:40px}
.brand{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.02em;font-size:21px;display:flex;align-items:center;gap:10px}
.brand:before{content:'◆';color:var(--orange);font-size:12px}
.links{display:flex;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.links a{padding:8px 14px;border-radius:var(--r-full);color:var(--dim);transition:.2s}
.links a:hover{color:var(--text);background:var(--raise)}
.links a.active{color:var(--on-orange);background:var(--orange)}
.nav .cta{margin-left:auto}

/* ---------- BUTTONS (pill) ---------- */
.cta{display:inline-block;border:1px solid var(--orange);background:var(--orange);color:var(--on-orange);padding:13px 24px;border-radius:var(--r-full);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:.2s}
.cta:hover{background:var(--orange-soft);border-color:var(--orange-soft)}
.ghost{display:inline-block;border:1px solid var(--border);background:transparent;color:var(--text);padding:13px 22px;border-radius:var(--r-full);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;transition:.2s}
.ghost:hover{border-color:var(--border-hover);background:var(--card)}

/* ---------- HERO ---------- */
.hero{min-height:670px;display:flex;align-items:end;position:relative;overflow:hidden;background-size:cover;background-position:center}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,14,15,.94) 0%,rgba(13,14,15,.55) 45%,rgba(13,14,15,.08) 80%),linear-gradient(0deg,var(--bg) 0%,transparent 45%)}
.hero-content{position:relative;z-index:1;width:var(--page);margin:auto;padding:96px 0}
.kicker{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:400;letter-spacing:.05em;color:var(--blue-soft);text-transform:uppercase}
.kicker:before{content:'▸ ';color:var(--blue)}
.hero h1{font-size:clamp(34px,5.2vw,58px);max-width:920px;margin:24px 0}
.lead{font-size:18px;line-height:1.6;max-width:520px;color:var(--dim)}
.hero-actions{display:flex;gap:16px;margin-top:32px}

/* glass note → tonal panel, no shadow */
.glass{background:rgba(30,32,32,.92);border:1px solid var(--border);border-radius:var(--r-lg);backdrop-filter:blur(16px)}
.hero-note{position:absolute;z-index:1;bottom:48px;right:6%;width:304px;padding:24px}
.hero-note b{display:block;font-family:'JetBrains Mono',monospace;font-weight:500;font-size:14px;letter-spacing:.05em;color:var(--blue-soft)}
.hero-note p{font-size:13px;line-height:1.55;color:var(--dim);margin:10px 0 14px}
.hero-note a{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-soft)}
.hero-note a:hover{color:var(--orange)}

/* ---------- STATS (data readouts) ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:-56px;position:relative;z-index:2}
.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 24px}
.stat b{display:block;color:var(--blue-soft);font-family:'JetBrains Mono',monospace;font-weight:500;font-size:clamp(26px,3vw,38px);line-height:1.2}
.stat span{display:block;color:var(--mute);font-size:12px;line-height:1.4;margin-top:10px}

/* ---------- SECTIONS ---------- */
.section{padding:120px 0}
.head{max-width:820px}
.head h2{font-size:clamp(26px,3.4vw,40px);margin:16px 0}
.head p{font-size:18px;line-height:1.6;color:var(--mute);max-width:640px}

/* ---------- FEATURE ---------- */
.feature{margin-top:64px;display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.feature-img{background-size:cover;background-position:center;min-height:420px}
.feature-copy{padding:48px;background:var(--card2)}
.feature-copy h3{font-size:clamp(24px,2.9vw,36px);margin:16px 0 20px}
.feature-copy p{line-height:1.65;color:var(--dim)}
.feature-copy .mono{border-top:1px solid var(--border);padding-top:24px;margin-top:48px;font-size:13px;letter-spacing:.05em;color:var(--blue-soft)}

/* ---------- TILES ---------- */
.tiles{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-top:48px}
.tile{height:340px;grid-column:span 4;position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color .25s}
.tile.wide{grid-column:span 6}
.tile:hover{border-color:var(--border-hover)}
.tile img{width:100%;height:100%;object-fit:cover;transition:.5s}
.tile:hover img{transform:scale(1.06)}
.tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,14,15,.95),transparent 62%)}
.tile-info{position:absolute;z-index:1;bottom:24px;left:24px;right:24px}
.tile-info small{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.05em;color:var(--blue-soft);background:rgba(13,14,15,.72);border:1px solid var(--border);border-radius:var(--r-full);padding:5px 12px;text-transform:uppercase}
.tile-info h3{margin:12px 0 6px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;letter-spacing:-.02em;font-size:23px}
.tile-info b{font-family:'JetBrains Mono',monospace;font-weight:400;font-size:11px;letter-spacing:.05em;color:var(--orange-soft);text-transform:uppercase}

/* ---------- LISTS ---------- */
.list{margin-top:48px;border-top:1px solid var(--border)}
.list-item{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:24px;padding:24px 16px;margin:0 -16px;border-bottom:1px solid var(--border);transition:.2s}
.list-item:hover{background:#232525}
.list-item i{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--blue-soft)}
.list-item h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:19px;letter-spacing:-.01em;margin:0}
.list-item p{font-size:13px;color:var(--mute);margin:6px 0 0}
.arrow{font-size:22px;color:var(--dim);transition:.2s}
.list-item:hover .arrow,a.list-item:hover .arrow{color:var(--orange);transform:translateX(4px)}

/* ---------- INVERTED BAND ---------- */
.light{background:var(--inverse);color:var(--on-inverse)}
.light .head p{color:#5a5c5e}
.light .list{border-color:#c6c8c8}
.light .list-item{border-color:#c6c8c8}
.light .list-item:hover{background:#d8d8d6}
.light .list-item i{color:#ac3500}
.light .arrow{color:#474746}
.light .cta{margin-top:32px}

/* ---------- PARTNERS ---------- */
.partners{padding:80px 0;border-top:1px solid var(--border)}
.partners p{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.05em;color:var(--mute);text-transform:uppercase}
.logos{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--top)}

/* ---------- CONTACT / FORM ---------- */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:120px 0 80px}
.contact h2{font-size:clamp(34px,5vw,56px);margin:16px 0 32px}
.contact p{line-height:1.7;color:var(--dim)}
.form{padding:32px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);height:fit-content}
.form h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:22px;margin:0 0 24px}
.form input,.form textarea{display:block;width:100%;background:var(--panel);border:1px solid var(--top);border-radius:var(--r-md);color:var(--text);padding:14px 16px;margin-bottom:12px;font:14px Inter,sans-serif;outline:0;transition:border-color .2s}
.form input::placeholder,.form textarea::placeholder{color:var(--mute)}
.form input:focus,.form textarea:focus{border-color:var(--blue)}
.form textarea{height:104px;resize:vertical}
.form .cta{width:100%;margin-top:8px}

/* ---------- MODAL (dark panel, no shadow) ---------- */
.modal{display:none;position:fixed;z-index:20;inset:0;padding:24px;background:rgba(0,0,0,.78);place-items:center}
.modal.open{display:grid}
.modalbox{width:min(680px,100%);padding:48px;background:var(--card2);border:1px solid var(--border);border-radius:var(--r-lg);position:relative}
.modalbox h2{font-size:clamp(26px,3.4vw,36px);margin:16px 0;max-width:480px}
.modalbox p{color:var(--mute);line-height:1.6;max-width:460px}
.modalbox .cta{margin-top:16px}
.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:26px;color:var(--mute);transition:.2s}
.close:hover{color:var(--text)}

/* ---------- MOTION ---------- */
.reveal{opacity:0;transform:translateY(20px);transition:.6s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}

/* ---------- MOBILE ---------- */
@media(max-width:800px){
:root{--page:calc(100% - 32px)}
.links{display:none}
.menu{display:block;margin-left:auto;background:none;border:0;color:var(--text);font-size:20px}
.nav .cta{margin-left:0}
.hero{min-height:600px}
.hero-note{display:none}
.hero h1{font-size:32px}
.stats{grid-template-columns:1fr 1fr;gap:16px;margin-top:-40px}
.section{padding:80px 0}
.feature,.contact{grid-template-columns:1fr}
.feature-img{min-height:280px}
.feature-copy{padding:32px}
.tiles{display:block}
.tile,.tile.wide{height:270px;margin-bottom:16px}
.list-item{grid-template-columns:44px 1fr auto;padding:20px 8px;margin:0 -8px}
.contact{gap:40px;padding:80px 0 40px}
.partners{padding:56px 0}
.logos{justify-content:flex-start;gap:20px;font-size:17px}
.head p{font-size:16px}
}