@font-face{font-family:Manrope;src:url(fonts/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--navy:#182A44;--slate:#394455;--copper:#D9843B;--copper-d:#B5652A;--pale:#F2EDE4;--stone:#E6E9EF;--char:#0F1722;--green:#2E8B4E;--orange:#D9822B;--red:#C93A32;--blue:#2F6FD6;--h:Manrope,system-ui,sans-serif;--b:Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--b);color:var(--char);background:var(--pale);line-height:1.55;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}a{color:inherit}
h1,h2,h3{font-family:var(--h);line-height:1.1;letter-spacing:-.02em;margin:0 0 .5em}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:9}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
.btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:6px;font-weight:600;text-decoration:none;border:2px solid transparent;font-family:var(--b)}
.btn-c{background:var(--copper);color:var(--char)}.btn-c:hover{background:#e6964f}
.btn-o{border-color:rgba(255,255,255,.55);color:#fff}.btn-o:hover{background:rgba(255,255,255,.08)}
/* header */
.hd{background:var(--char);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.hd .wrap{display:flex;align-items:center;gap:32px;height:72px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand svg{width:34px;height:auto}
.wm{font-family:var(--h);font-weight:800;letter-spacing:.04em;font-size:19px;line-height:1}.wm small{display:block;font-size:10px;letter-spacing:.42em;color:var(--copper);font-weight:600;margin-top:3px}
.nav{display:flex;gap:28px;margin-left:auto;font-size:15px}.nav a{text-decoration:none;opacity:.85}.nav a:hover{opacity:1;color:var(--copper)}
.hd .btn{min-height:40px;padding:0 16px;font-size:14px}
/* hero */
.hero{background:var(--char);color:#fff;position:relative;overflow:hidden;padding:64px 0 88px}
.ridge{position:absolute;inset:auto 0 0 0;width:100%;height:auto;pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--copper);font-weight:600;margin:0 0 16px}
.hero h1{font-size:clamp(38px,5.2vw,64px);font-weight:800}.hero h1 em{font-style:normal;color:var(--copper)}
.lede{font-size:19px;color:#C9D0DB;max-width:30em;margin:0 0 28px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.sub{margin-top:28px;font-size:14px;color:#9AA5B5}
/* app panel */
.app{background:#16202F;border:1px solid #2A3647;border-radius:12px;padding:20px;box-shadow:0 30px 60px rgba(0,0,0,.4);font-size:14px}
.app-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px;flex-wrap:wrap}
.app-h b{font-family:var(--h);font-size:18px}
.kpis{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:10px}
.kpi{background:#1D2939;border:1px solid #2A3647;border-radius:8px;padding:12px}.kpi span{display:block;color:#9AA5B5;font-size:12px}.kpi strong{font-family:var(--h);font-size:24px}
.kpi.chart{grid-row:span 2}.kpi.chart svg{margin-top:6px;width:100%;height:auto}
.jobs{margin-top:12px;background:#1D2939;border:1px solid #2A3647;border-radius:8px;padding:12px}
.jobs h3{font-size:13px;color:#9AA5B5;font-family:var(--b);font-weight:500;letter-spacing:0;margin-bottom:8px}
.jr{display:grid;grid-template-columns:22px 1fr 110px 40px;gap:10px;align-items:center;padding:6px 0}
.jr i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;color:var(--char)}
.bar{height:6px;background:#2A3647;border-radius:3px;overflow:hidden}.bar b{display:block;height:100%}
/* badges */
.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}
.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.g{background:#E3F2E8;color:#1F6B3A}.o{background:#FCEBD9;color:#9A4F0E}.r{background:#F9E1DF;color:#A2271F}.bl{background:#E1EBFA;color:#1F55AE}.n{background:var(--stone);color:var(--slate)}
.dk .g{background:rgba(46,139,78,.2);color:#7BD49A}.dk .o{background:rgba(217,130,43,.2);color:#F2B271}.dk .r{background:rgba(201,58,50,.22);color:#F2918A}.dk .bl{background:rgba(47,111,214,.22);color:#93B8F2}.dk .n{background:#2A3647;color:#C9D0DB}
/* sections */
section{padding:88px 0}
.sh{max-width:680px;margin-bottom:44px}.sh h2{font-size:clamp(30px,3.6vw,42px);font-weight:800;color:var(--navy)}.sh p{font-size:18px;color:var(--slate);margin:0}
.mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;list-style:none;padding:0;margin:0}
.mod{background:#fff;border:1px solid #DCD5C8;border-top:4px solid var(--navy);border-radius:8px;padding:24px}
.mod:nth-child(odd){border-top-color:var(--copper)}
.mod .num{font-family:var(--h);font-weight:700;color:var(--copper);font-size:13px;letter-spacing:.1em}
.mod h3{font-size:20px;color:var(--navy);margin:6px 0 8px}.mod p{margin:0;color:var(--slate);font-size:15px}
.statuses{background:var(--stone)}
.st-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}
.legend{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lg{background:#fff;border-radius:8px;padding:16px;border-left:5px solid}.lg b{display:block;font-family:var(--h)}.lg span{font-size:14px;color:var(--slate)}
table.ph{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;font-size:15px}
.ph caption{text-align:left;font-family:var(--h);font-weight:700;color:var(--navy);padding-bottom:10px;font-size:18px}
.ph th,.ph td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--stone)}.ph th{background:var(--navy);color:#fff;font-weight:600;font-size:13px}
.ph .bar{background:var(--stone);width:120px}
/* crew */
.crew{background:var(--navy);color:#fff}
.crew .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.crew h2{color:#fff}.crew .sh p{color:#C9D0DB}
.ticks{list-style:none;padding:0;margin:24px 0 0}.ticks li{padding:10px 0 10px 32px;position:relative;border-top:1px solid rgba(255,255,255,.12)}
.ticks li:before{content:"";position:absolute;left:4px;top:17px;width:12px;height:7px;border-left:3px solid var(--copper);border-bottom:3px solid var(--copper);transform:rotate(-45deg)}
.phone{width:300px;margin:0 auto;background:#000;border-radius:40px;padding:12px;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.scr{background:var(--char);border-radius:30px;padding:22px 18px;color:#fff;font-size:15px}
.scr .dt{color:#9AA5B5;font-size:13px}.scr h3{font-size:22px;margin:4px 0 2px}.scr .loc{color:#9AA5B5;margin-bottom:12px}
.tasks{list-style:none;padding:0;margin:14px 0}.tasks li{display:flex;gap:12px;align-items:center;min-height:52px;border-bottom:1px solid #2A3647;font-weight:500}
.cb{width:28px;height:28px;border-radius:6px;border:2px solid #9AA5B5;flex:none}.cb.on{background:var(--green);border-color:var(--green);position:relative}
.cb.on:after{content:"";position:absolute;left:7px;top:3px;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 16px}.photos div{aspect-ratio:1;border-radius:8px;background:#2A3647;display:grid;place-items:center;color:#9AA5B5;font-size:12px}
.photos div:nth-child(1){background:linear-gradient(160deg,#5C6B80,#394455)}.photos div:nth-child(2){background:linear-gradient(160deg,#8A6A4B,#4C3B2B)}
.clock{display:block;width:100%;min-height:56px;border:0;border-radius:10px;background:var(--copper);color:var(--char);font-weight:700;font-size:17px;font-family:var(--b)}
/* portal */
.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.inv{background:#fff;border:1px solid #DCD5C8;border-radius:10px;padding:24px}
.inv-h{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--stone);padding-bottom:14px;margin-bottom:8px}
.inv-h b{font-family:var(--h);font-size:18px;color:var(--navy)}.inv-h span{font-size:13px;color:var(--slate)}
.ln{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--stone);font-size:15px;flex-wrap:wrap}
.ln.tot{font-weight:700;border:0;font-family:var(--h);font-size:18px;color:var(--navy)}
.contact{background:var(--char);color:#fff;text-align:center}
.contact h2{color:#fff}.contact p{color:#C9D0DB;max-width:36em;margin:0 auto 28px;font-size:18px}
footer{background:#0A1019;color:#9AA5B5;padding:36px 0;font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}footer strong{color:#fff;font-weight:600}
footer a{color:var(--copper)}
@media (max-width:980px){.hero .wrap,.crew .wrap,.st-grid,.portal-grid{grid-template-columns:1fr}.nav{display:none}.hd .btn{margin-left:auto}}
@media (max-width:520px){.wrap{padding:0 18px}.kpis{grid-template-columns:1fr 1fr}.kpi.chart{grid-row:auto;grid-column:span 2}.jr{grid-template-columns:22px 1fr 40px}.jr .bar{grid-column:2/4;grid-row:2}.jr>span:last-child{grid-column:3;grid-row:1;text-align:right}.kpi.chart svg{max-height:70px}.legend{grid-template-columns:1fr}.ph .bar{width:64px}.ph th,.ph td{padding:10px 8px}section{padding:64px 0}.hero{padding:44px 0 64px}.phone{width:100%;max-width:300px}.wm{font-size:16px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* coming soon */
.cs-bar{background:var(--navy);color:#fff;font-size:14px;letter-spacing:.01em;border-bottom:2px solid var(--copper)}
.cs-bar .wrap{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding-top:6px;padding-bottom:6px;text-align:center}
.cs-bar strong{color:var(--copper);font-family:var(--h);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px}
.cs-dot{width:8px;height:8px;border-radius:50%;background:var(--copper);flex:none}
.cs-badge{display:inline-flex;align-items:center;font-family:var(--h);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--char);background:var(--copper);padding:5px 12px;border-radius:999px;margin:0 0 18px}