:root{--blue:#0b8cff;--ice:#75c4ff;--green:#34a979;--green-hover:#27865f;--white:#f4f7fb;--muted:#aebcc9;--line:rgba(255,255,255,.21)}
*{box-sizing:border-box}html{min-height:100%;background:#070c13}body{margin:0;min-height:100svh;color:var(--white);font-family:'Oswald','Arial Narrow',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.background,.background-tint{position:fixed;inset:0;pointer-events:none}.background{background:url('assets/glass-orbits.jpg') center center / cover no-repeat;z-index:0}.background-tint{z-index:1;background:linear-gradient(90deg,rgba(3,8,14,.82) 0%,rgba(4,10,18,.66) 38%,rgba(4,8,14,.19) 82%),linear-gradient(0deg,rgba(3,8,14,.8),transparent 30%,rgba(3,8,14,.22))}
.shell{position:relative;z-index:2;min-height:100svh;display:flex;align-items:center;padding:clamp(35px,6vw,116px) clamp(24px,8.2vw,160px) 70px}.content{width:min(100%,740px);padding-block:24px}.eyebrow{display:flex;align-items:center;gap:13px;font:500 13px 'Oswald',sans-serif;letter-spacing:3.5px;color:#c0d4e5}.marker{width:8px;height:8px;background:var(--blue);box-shadow:0 0 14px rgba(11,140,255,.95)}.eyebrow-line{width:45px;height:1px;background:#86bfe8;opacity:.65}
h1{margin:32px 0 28px;font-size:clamp(64px,9vw,128px);font-weight:600;line-height:.96;letter-spacing:-2.2px}h1 span{font-weight:400}h1 .dot{color:var(--blue)}.rule{height:1px;width:min(100%,590px);background:linear-gradient(90deg,var(--blue) 0 74px,var(--line) 74px,transparent 100%);margin:0 0 27px}.lead{margin:0 0 13px;letter-spacing:2px;font-weight:500;font-size:clamp(16px,2vw,24px)}.lead em{font-style:normal;color:var(--ice)}.vision{max-width:605px;margin:0;color:#c3ced9;font-family:Arial,sans-serif;font-size:clamp(14px,1.25vw,16px);line-height:1.8;text-wrap:pretty}
.contact-area{margin-top:37px}.contact-toggle,.send-button{font-family:'Oswald',sans-serif;letter-spacing:2px;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:55px;padding:18px 21px;background:var(--blue);border:1px solid var(--blue);color:#fff;transition:background .2s,border-color .2s,transform .2s}.contact-toggle:hover,.send-button:hover{background:#0872ce;border-color:#0872ce;transform:translateY(-1px)}.button-arrow{font-size:22px;font-family:Arial,sans-serif;font-weight:300;line-height:1}
.contact-panel{margin-top:18px;padding:25px;background:rgba(5,12,20,.77);border:1px solid rgba(149,195,230,.28);backdrop-filter:blur(22px);max-width:620px}.contact-panel[hidden]{display:none}.form-intro{font-size:19px;letter-spacing:1.3px;margin-bottom:22px}.form-intro span{color:var(--ice)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}form label{display:block;font-size:11px;letter-spacing:1.8px;color:#a4c6e2;margin-bottom:16px}input,textarea{display:block;margin-top:8px;width:100%;color:#fff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.23);border-radius:0;outline:none;font:14px Arial,sans-serif;padding:13px 14px;resize:vertical}input::placeholder,textarea::placeholder{color:#8798a7}input:focus,textarea:focus{border-color:var(--ice);background:rgba(11,140,255,.07)}.submit-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.send-button{padding:12px 16px;gap:28px;font-size:13px}.status{font:13px/1.45 Arial,sans-serif;color:#c0d7e9;flex:1;min-width:200px;margin:0}.edge-detail{position:absolute;right:48px;bottom:35px;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:3px;color:rgba(219,232,242,.7)}.tiny-line{width:38px;height:1px;background:rgba(219,232,242,.5)}
@media(max-width:750px){.shell{padding:70px 26px 75px;align-items:center}.background{background-position:54% center}.background-tint{background:linear-gradient(90deg,rgba(3,8,14,.82),rgba(3,8,14,.52)),linear-gradient(0deg,rgba(3,8,14,.65),transparent 55%)}h1{font-size:clamp(48px,12vw,80px);letter-spacing:-1px}.eyebrow{font-size:11px;letter-spacing:2px;gap:9px}.edge-detail{right:25px;bottom:20px;font-size:9px;letter-spacing:1.5px}.vision{line-height:1.65}.contact-area{margin-top:29px}.field-row{grid-template-columns:1fr;gap:0}.contact-panel{padding:18px}.contact-toggle{padding:15px 18px;gap:36px}}
@media(max-height:650px) and (min-width:751px){.shell{align-items:flex-start;padding-top:45px;padding-bottom:60px}h1{font-size:82px;margin:20px 0}.contact-area{margin-top:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ORGANIVERSUM overrides: green is reserved for accent labels, dots and buttons. */
.project-name{margin-top:23px;color:#f4f7fb;font-size:clamp(24px,3.1vw,43px);font-weight:500;letter-spacing:.15em;line-height:1.12}
.project-name+h1{margin-top:14px}
.eyebrow{color:var(--green)}
.marker{background:var(--green);box-shadow:0 0 12px rgba(52,169,121,.45)}
.eyebrow-line{background:rgba(255,255,255,.40)}
h1 .dot{color:var(--green)}
.rule{background:linear-gradient(90deg,rgba(255,255,255,.6) 0 74px,var(--line) 74px,transparent 100%)}
.lead em{color:#e1e9ee}
.concept-status{margin:15px 0 0;color:#b2c0ca;font:12px/1.5 Arial,sans-serif;letter-spacing:.08em}
.contact-toggle,.send-button{background:var(--green);border-color:var(--green)}
.contact-toggle:hover,.send-button:hover{background:var(--green-hover);border-color:var(--green-hover)}
.form-intro span{color:#e1e9ee}
form label{color:#b8c8d1}
input:focus,textarea:focus{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.075)}
@media(max-width:750px){.project-name{letter-spacing:.1em;margin-top:20px}.project-name+h1{margin-top:13px}}

/* Invisible spam-trap field; visually hidden and outside keyboard navigation. */
.honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.status.error{color:#ffb9b9}