/* Match the approved October public-site visual language while retaining live, API-backed Showcase registration workflows. */
:root{--pitch:#5F9B45;--pitch-d:#4F8838;--turf:#121913;--turf2:#1A231B;--ink:#121913;--ink2:#3E4439;--muted:#6A685C;--chalk:#EFE6D1;--paper:#F4EDDD;--canvas:#EFE6D1;--mist:#E8E1D0;--mist2:#F8F3E7;--volt:#5F9B45;--volt-soft:#DDECCB;--line:#D8CFB9;--line2:#C9BE9F;--shadow:0 14px 32px rgba(18,25,19,.07);--shadow-sm:none;--sans:'Inter',system-ui,sans-serif;--display:'Archivo','Inter',system-ui,sans-serif;--mono:'Inter',system-ui,sans-serif}
body{background:var(--canvas);font-family:var(--sans);font-size:14px}
.site{background:var(--canvas)}
.nav{height:66px;min-height:66px;background:#121913;color:#EFE6D1;border-color:rgba(239,230,209,.13);padding:0 max(24px,calc((100vw - 1180px)/2));gap:18px}
.navlinks{margin-left:32px;gap:22px;color:#D4CEBD;font-size:13px;font-weight:500}
.navlinks a:hover,.signin:hover{color:#82B865}
.wordmark{display:inline-flex;align-items:center;gap:5px;font-size:15px;font-weight:650;letter-spacing:-.025em;color:#EFE6D1}
.wordmark::before{content:'';display:inline-block;width:27px;height:27px;margin-right:9px;background:url('/stratex-favicon.png') center/contain no-repeat}
.wordmark strong{color:inherit}
.tel{color:#ADA99D}.signin{color:#EFE6D1;border-color:#82B865;font-size:13px}
.wrap{width:min(1140px,calc(100% - 48px))}
.main{padding:60px 0 90px}
.reg-grid{grid-template-columns:minmax(270px,38%) minmax(0,1fr);gap:0;align-items:stretch}
.event-card{position:relative;top:auto;align-self:stretch;border-radius:22px 0 0 22px;padding:32px;background:#121913;color:#EFE6D1;box-shadow:none;min-height:0;display:flex;flex-direction:column}
.event-card:before{content:none;display:none}
.event-kicker{color:#82B865;font:700 12px var(--sans);letter-spacing:0;text-transform:none}
.event-card h2{font:800 clamp(28px,3vw,40px)/1.05 var(--display);letter-spacing:-.05em;text-transform:none}
.event-date{background:rgba(239,230,209,.05);border-color:rgba(239,230,209,.14);border-radius:14px}
.date-box{background:#5F9B45;color:#121913;border-radius:12px}
.date-box b{font:800 26px var(--display)}
.fact{border-color:rgba(239,230,209,.14)}.fact span,.progress-label{font:500 11px var(--sans);text-transform:none;letter-spacing:0}
.fact b{font-size:12px}
.progress-track i{border-radius:4px;background:rgba(239,230,209,.13)}.progress-track i.on{background:#5F9B45}
.event-card .free{background:#263F28;color:#B8DB8D;border-radius:999px;font:700 11px var(--sans);text-transform:none;letter-spacing:0}
.form-card{padding:34px 40px;border-radius:0 22px 22px 0;background:#F8F3E7;border:1px solid #D8CFB9;box-shadow:none;min-height:610px}
.form-card h1{font:800 clamp(26px,3vw,38px)/1.08 var(--display);letter-spacing:-.045em}
.form-card .step-badge{background:#E3ECD8;color:#46822F;border-radius:999px;text-transform:none;font:700 12px var(--sans);letter-spacing:0}
.form-card .desc,.sub{color:#6A685C;font-size:14px}
.section-title{font:700 17px var(--display)}
.field label,.field>span:first-child{font:650 12px var(--sans);letter-spacing:0;text-transform:none;color:#3F453B}
.control{background:#FFFCF5;border:1px solid #D8CFB9;border-radius:12px;color:#121913;font:400 14px var(--sans)}
.control:focus{border-color:#5F9B45;outline:2px solid rgba(95,155,69,.12)}
.reg-grid,.reg-grid .form-card,.reg-grid .event-card,.reg-grid form,.reg-grid .fields,.reg-grid .field{min-width:0;max-width:100%}
.reg-grid .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.reg-grid .field{width:100%;overflow-wrap:anywhere}
.reg-grid .control{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0}
.reg-grid input[type="date"].control{min-width:0;max-width:100%;overflow:hidden;-webkit-appearance:none;appearance:none}
.reg-grid input[type="date"]::-webkit-date-and-time-value{min-width:0;text-align:left}
.reg-grid input[type="date"]::-webkit-datetime-edit{padding:0}
.reg-grid .fact b{overflow-wrap:anywhere}
.reg-grid .field label,.reg-grid .field>span:first-child{margin-bottom:6px}
.reg-grid .control:not(textarea){min-height:44px;height:44px;padding:0 12px;border-radius:10px}
.reg-grid textarea.control{min-height:92px;padding:11px 12px;border-radius:10px}
.reg-grid .event-card .progress-wrap{margin-top:auto;padding-top:24px}
.soft-btn{border-radius:999px;font:650 13px var(--sans);box-shadow:none!important}
.soft-btn.primary{background:#121913;color:#EFE6D1}
.soft-btn.volt{background:#5F9B45;color:#121913}
.soft-btn.ghost{background:transparent;border:1px solid #121913;color:#121913}
.footer{background:#121913;color:#EFE6D1;border-color:rgba(239,230,209,.12)}
.footcopy p,.footlinks{color:#B8B4A8;font-size:12px}
.footlinks a:hover{color:#82B865}
@media(max-width:900px){
.nav{padding:0 20px}.navlinks{display:none}
.wrap{width:min(calc(100% - 30px),650px);padding:0;margin:0 auto}
.reg-grid{display:flex;flex-direction:column;gap:0;width:100%}
.reg-grid .fields{grid-template-columns:minmax(0,1fr)}
.event-card{width:100%;min-height:0;position:relative;top:0;border-radius:20px 20px 0 0}
.reg-grid .event-card .progress-wrap{margin-top:18px;padding-top:0}
.form-card{width:100%;min-height:0;border-radius:0 0 20px 20px;padding:26px 22px}
.main{padding:28px 0 54px}
}
@media(prefers-reduced-motion:no-preference){.soft-btn,.control,.form-card{transition:background .18s ease,transform .18s ease,border-color .18s ease}.soft-btn:not(:disabled):hover{transform:translateY(-2px)}}

/* Shared Stratex navigation for Showcase registrations */
.snav-root{position:sticky;top:0;z-index:50;isolation:isolate}
.snav-header{background:#EFE6D1;color:#121913;border-bottom:1px solid rgba(18,25,19,.08);transition:box-shadow .3s}
.snav-header.scrolled{box-shadow:0 1px 0 rgba(18,25,19,.10),0 10px 30px rgba(18,25,19,.06)}
.snav-inner{width:min(1280px,100%);height:80px;margin:0 auto;padding:0 56px;display:flex;align-items:center;gap:0;transition:height .3s}
.snav-header.scrolled .snav-inner{height:64px}
.snav-brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;font:700 15.5px/1.2 var(--sans);letter-spacing:-.01em;color:#121913;white-space:nowrap}
.snav-brand img{width:34px;height:34px;border-radius:9px;object-fit:contain;transition:transform .3s}
.snav-brand:hover img{transform:rotate(-8deg) scale(1.06)}
.snav-links{position:relative;display:flex;align-items:center;gap:2px;margin-left:44px;padding:4px;border-radius:999px;background:rgba(18,25,19,.045);white-space:nowrap}
.snav-links>a,.snav-product-trigger{height:36px;padding:0 15px;border:0;border-radius:999px;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:500 14px/1 var(--sans);color:#55534A;cursor:pointer;transition:color .2s,background .2s}
.snav-links>a:hover,.snav-product-trigger:hover{color:#121913;background:rgba(18,25,19,.06)}
.snav-links>a.snav-current{color:#121913;font-weight:650;background:#F8F3E7}
.snav-products{position:relative;z-index:2}
.snav-products.open::after{content:'';position:absolute;top:100%;left:0;width:min(740px,calc(100vw - 32px));height:16px}
.snav-product-trigger svg{width:10px;height:10px;transition:transform .25s}
.snav-products.open .snav-product-trigger svg{transform:rotate(180deg)}
.snav-products-panel{position:absolute;top:calc(100% + 14px);left:0;width:min(740px,calc(100vw - 32px));padding:10px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px;background:#F8F3E7;border:1px solid #D8CFB9;border-radius:20px;box-shadow:0 24px 60px rgba(18,25,19,.18);color:#121913;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .25s,transform .25s,visibility .25s}
.snav-products.open .snav-products-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.snav-product{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:2px 14px;align-items:center;padding:14px 16px;border-radius:14px;transition:background .2s}
.snav-product:hover{background:#ECE4CF}
.snav-product-mark{grid-column:1;grid-row:1/span 2;width:40px;height:40px;border-radius:11px;background:#121913;color:#EFE6D1;display:grid;place-items:center;font:800 15px var(--sans)}
.snav-product>b{grid-column:2;font:600 15px var(--sans)}
.snav-product-desc{grid-column:2;font:400 13px/1.35 var(--sans);color:#6A685C;white-space:normal}
.snav-status{grid-column:3;grid-row:1/span 2;display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font:600 10px var(--sans);white-space:nowrap}
.snav-status.live{background:#E0EFD2;color:#28722B}
.snav-status.live i{width:5px;height:5px;border-radius:50%;background:currentColor}
.snav-status.research{background:#E9E2D1;color:#6A685C}
.snav-beta{min-width:0;border-radius:14px;padding:20px;display:flex;flex-direction:column;background:#121913;color:#EFE6D1}
.snav-beta>b{font:700 17px/1.25 var(--sans);letter-spacing:-.02em}
.snav-beta>span{font:400 13px/1.55 var(--sans);color:#B4B3A6;margin:10px 0 16px}
.snav-beta a{color:#A9D48C;font:600 13px var(--sans);margin-top:auto}
.snav-actions{margin-left:auto;display:flex;align-items:center;gap:22px;white-space:nowrap;font:600 14px var(--sans)}
.snav-actions>a:first-child:hover{text-decoration:underline;text-decoration-color:#5F9B45;text-underline-offset:4px}
.snav-primary{height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;background:#5F9B45;color:#121913;font:600 14px var(--sans);white-space:nowrap}
.snav-primary:hover{background:#8AC16C}
.snav-menu-trigger,.snav-close{display:none;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;background:transparent;border:1px solid #D8CFB9;color:#121913;font:600 13.5px var(--sans);cursor:pointer}
.snav-menu-trigger svg,.snav-close svg{width:14px;height:14px}
.snav-mobile{position:fixed;inset:0;z-index:70;background:#121913;color:#EFE6D1;padding:0 max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .28s,transform .3s,visibility .28s}
.snav-root.menu-open .snav-mobile{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.snav-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;border-bottom:1px solid rgba(239,230,209,.15)}
.snav-mobile .snav-brand{color:#EFE6D1;font-size:14.5px}
.snav-mobile .snav-brand img{width:30px;height:30px}
.snav-close{display:inline-flex;border-color:rgba(239,230,209,.2);color:#EFE6D1;flex-shrink:0}
.snav-mobile-eyebrow{font:600 12px/1.3 var(--sans);color:#8E8D80;margin:24px 0 8px}
.snav-mobile-products a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-top:1px solid rgba(239,230,209,.15)}
.snav-mobile-products b{font:600 16px var(--sans);display:block}
.snav-mobile-products small{display:block;font:400 12.5px/1.5 var(--sans);color:#B4B3A6;margin-top:3px}
.snav-mobile-products .snav-status{flex-shrink:0}
.snav-mobile-products a:last-child{border-bottom:1px solid rgba(239,230,209,.15)}
.snav-mobile-links a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-top:1px solid rgba(239,230,209,.15);font:700 24px/1.15 var(--sans);letter-spacing:-.03em}
.snav-mobile-links a:last-child{border-bottom:1px solid rgba(239,230,209,.15)}
.snav-mobile-links a span{font-size:17px;color:#8AC16C}
.snav-mobile-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.snav-mobile-actions .snav-primary{width:100%;height:46px}
.snav-secondary{display:flex;justify-content:center;align-items:center;border:1px solid rgba(239,230,209,.3);height:46px;border-radius:999px;font:600 14px var(--sans)}
body.snav-page-menu-open{overflow:hidden}
.snav-root a:focus-visible,.snav-root button:focus-visible{outline:2px solid #5F9B45;outline-offset:3px}
@media(max-width:1100px){.snav-inner,.snav-header.scrolled .snav-inner{height:64px;padding:0 20px}.snav-links,.snav-actions{display:none}.snav-menu-trigger{display:inline-flex;margin-left:auto}.snav-brand{font-size:14.5px;gap:10px}.snav-brand img{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.snav-root *{transition:none!important}}

/* Showcase highlight upload: constrained native input */
.reg-grid .upload{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;isolation:isolate;width:100%;max-width:100%;min-width:0;min-height:112px;margin:14px 0 0;padding:20px 16px;border:1px dashed #C9BE9F;border-radius:16px;background:#FFFCF5;overflow:hidden;text-align:center;cursor:pointer}
.reg-grid .upload strong{display:block;max-width:100%;min-width:0;margin:0;font-size:13px;line-height:1.4;font-weight:650;color:#121913;overflow-wrap:anywhere}
.reg-grid .upload span{display:block;max-width:100%;margin:0;color:#6A685C;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.reg-grid .upload input[type="file"]{position:absolute!important;inset:auto!important;top:0!important;left:0!important;width:1px!important;height:1px!important;min-width:0!important;max-width:1px!important;min-height:0!important;max-height:1px!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important}
.reg-grid .upload:focus-within{outline:2px solid #5F9B45;outline-offset:3px}
.reg-grid .upload:hover{border-color:#5F9B45;background:#FAF7EB}
@media(max-width:900px){.reg-grid .upload{padding:18px 14px;min-height:106px}}