
:root{--f-display:'Space Grotesk',system-ui,sans-serif;--f-body:Inter,system-ui,sans-serif;--t-hero:clamp(40px,1.6rem + 5.4vw,96px);--t-h1:clamp(36px,1.5rem + 3.2vw,64px);--t-h2:clamp(30px,1.25rem + 2.1vw,48px);--t-h3:clamp(24px,1.1rem + 0.9vw,32px);--t-h4:clamp(20px,1.05rem + 0.35vw,24px);--t-statement:clamp(32px,1.4rem + 3vw,64px);--t-stat:clamp(40px,1.8rem + 1.6vw,56px);--t-stat-xl:clamp(56px,2.4rem + 3.6vw,104px);--t-intro:clamp(18px,1rem + 0.25vw,20px);--t-body:clamp(16px,0.95rem + 0.1vw,17px);--t-nav:15px;--t-btn:clamp(15px,0.9rem + 0.1vw,16px);--t-label:13px}

a{color:#FF6B00}a:hover{color:#ffffff}
.oc *{box-sizing:border-box}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.eyebrow{font:500 var(--t-label)/1.5 var(--f-body);letter-spacing:0.12em;text-transform:uppercase;color:#FFBB00;margin:0}
.type{display:flex;flex-direction:column;gap:14px;text-align:left;padding:32px;background:#0d0d0d;border:1px solid #2a2a2a;color:#ffffff;cursor:pointer;font-family:inherit;transition:border-color .25s,background .25s,transform .25s}
.type:hover{border-color:#ffffff;transform:translateY(-3px)}
.type.on{border-color:#FF6B00;background:#1a0a04}
.type .dur{font:600 var(--t-label)/1.5 var(--f-body);letter-spacing:0.1em;text-transform:uppercase;color:#FF6B00}
.fld{display:flex;flex-direction:column;gap:8px}
.fld label{font:500 14px/1.5 var(--f-body);letter-spacing:0;color:#e2e2e2}
.fld input,.fld select,.fld textarea{width:100%;min-height:52px;padding:14px 16px;background:#000000;border:1px solid #424242;color:#ffffff;font:400 16px/1.5 var(--f-body);border-radius:0}
.fld textarea{min-height:120px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:#FF6B00;box-shadow:0 0 0 1px #FF6B00}
.req{color:#FF6B00}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;font:600 var(--t-btn)/1.4 var(--f-body);letter-spacing:0;text-decoration:none;border:1px solid;cursor:pointer;transition:transform .25s,background .25s,color .25s,border-color .25s,opacity .25s}
.btn:hover{transform:translateY(-2px)}
.btn-fire{background:linear-gradient(100deg,#FFD700 0%,#FFBB00 28%,#FF6B00 64%,#FF0000 100%);border-color:transparent;color:#000000}
.gr{background:linear-gradient(100deg,#FFD700 0%,#FFBB00 28%,#FF6B00 64%,#FF0000 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-fire:hover{background:#ffffff;border-color:#ffffff;color:#000000}
.btn-ghost{background:transparent;border-color:#424242;color:#ffffff}
.btn-ghost:hover{border-color:#ffffff}
.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}
.dot{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:600 13px/1 var(--f-display);border:1px solid #424242;color:#a3a3a3}
.dot.on{background:linear-gradient(120deg,#FFD700 0%,#FFBB00 28%,#FF6B00 64%,#FF0000 100%);border-color:transparent;color:#000000}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #FF6B00;outline-offset:3px}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.panel{animation:rise .5s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion: reduce){.panel{animation:none}.btn:hover,.type:hover{transform:none}}
@media (max-width: 900px){.split{grid-template-columns:1fr !important}.two{grid-template-columns:1fr !important}}
