@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
:root{--black:#05070b;--black2:#080d16;--ink:#f8f9fb;--muted:rgba(248,249,251,.68);--faint:rgba(248,249,251,.46);--line:rgba(255,255,255,.12);--panel:rgba(7,11,18,.58);--panel2:rgba(255,255,255,.055);--blue:#2f80ed;--blue2:#74b7ff;--orange:#ffb347;--red:#ff6b6b;--green:#60d394;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Lato,Arial,sans-serif;background:var(--black);color:var(--ink);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page{position:relative;min-height:100vh;background:radial-gradient(circle at 50% 110%,rgba(47,128,237,.12),transparent 34%),var(--black)}.hero{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column}.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#05070b}.earth-layer{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:center;opacity:.96;filter:saturate(.88) contrast(1.03) brightness(.92);transform:scale(1.035) rotate(0deg);animation:earthDrift 34s ease-in-out infinite alternate;will-change:transform}.blue-dim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(5,7,11,.74) 0%,rgba(5,7,11,.31) 42%,rgba(5,7,11,.38) 100%),radial-gradient(circle at 68% 40%,rgba(5,7,11,.06),rgba(5,7,11,.22) 58%,rgba(5,7,11,.66) 100%)}.stars,.stars:before,.stars:after{position:absolute;inset:0;content:"";pointer-events:none;background-repeat:repeat;z-index:3}.stars{opacity:.34;background-image:radial-gradient(circle,rgba(255,255,255,.90) 0 1px,transparent 1.4px);background-size:180px 180px;animation:starDrift 80s linear infinite,starTwinkle 13s ease-in-out infinite alternate}.stars:before{background-image:radial-gradient(circle,rgba(255,255,255,.70) 0 1px,transparent 1.3px);background-size:260px 260px;background-position:80px 30px;animation:starTwinkle 19s ease-in-out infinite alternate-reverse}.stars:after{background-image:radial-gradient(circle,rgba(116,183,255,.42) 0 1px,transparent 1.4px);background-size:360px 360px;background-position:140px 90px;opacity:.18;animation:starTwinkle 25s ease-in-out infinite alternate}.network-svg{position:absolute;inset:0;width:100%;height:100%;z-index:4;opacity:.56;mix-blend-mode:screen;pointer-events:none}.network-svg .route{fill:none;stroke:rgba(255,179,71,.34);stroke-width:1.1;stroke-linecap:round;stroke-dasharray:2 10}.network-svg .pulse{fill:none;stroke:rgba(255,201,122,.78);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:32 820;stroke-dashoffset:820;filter:drop-shadow(0 0 7px rgba(255,179,71,.38));animation:packet 19s ease-in-out infinite}.network-svg .p2{animation-delay:7s;animation-duration:23s}.network-svg .p3{animation-delay:13s;animation-duration:27s}.satellite{position:absolute;z-index:5;left:-4vw;top:22vh;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.70);box-shadow:0 0 8px rgba(116,183,255,.38);opacity:0;animation:satellitePass 150s linear infinite;pointer-events:none}.satellite:after{content:"";position:absolute;right:4px;top:1px;width:42px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26));opacity:.45}.nav{position:relative;z-index:10;width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:28px 0;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:14px}.brand img{width:210px;height:auto;display:block}.nav-links{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700;color:rgba(248,249,251,.80);letter-spacing:.04em}.nav-links a{transition:color .2s ease,background .2s ease,border-color .2s ease}.nav-links a:hover{color:#fff}.nav-cta{padding:11px 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.055);backdrop-filter:blur(16px)}.hero-content{position:relative;z-index:9;flex:1;width:min(var(--max),calc(100% - 48px));margin:0 auto;display:flex;align-items:center;padding:52px 0 150px}.hero-copy{max-width:720px;animation:fadeUp .9s ease both}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.42em;color:rgba(116,183,255,.72);text-transform:uppercase;margin-bottom:24px}.headline{font-size:clamp(42px,5.9vw,74px);line-height:1.08;letter-spacing:-.035em;margin:0 0 34px;font-weight:900;max-width:820px;text-shadow:0 18px 55px rgba(0,0,0,.58)}.headline .smallword{font-size:.78em;font-weight:700;letter-spacing:-.035em;opacity:.92;vertical-align:.04em}.tagline{font-size:clamp(19px,2.0vw,26px);line-height:1.35;font-weight:300;color:rgba(248,249,251,.82);margin:0 0 34px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);backdrop-filter:blur(18px);font-size:14px;font-weight:700;letter-spacing:.03em;transition:transform .2s ease,border-color .2s ease,background .2s ease;cursor:pointer;color:var(--ink)}.button.primary{background:linear-gradient(180deg,rgba(47,128,237,.28),rgba(47,128,237,.12));border-color:rgba(116,183,255,.38)}.button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.12)}.status-strip{position:relative;z-index:9;width:min(var(--max),calc(100% - 48px));margin:-70px auto 0;padding-bottom:54px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.status-card{min-height:122px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.026));backdrop-filter:blur(18px);padding:24px}.status-card .num{font-size:12px;letter-spacing:.3em;color:rgba(116,183,255,.70);font-weight:700}.status-card h3{margin:22px 0 0;font-size:20px;letter-spacing:-.02em}.section{position:relative;z-index:9;width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:100px 0}.statement{border-top:1px solid rgba(255,255,255,.10);display:grid;grid-template-columns:1fr 1fr;gap:60px}.statement h2{font-size:clamp(32px,5vw,64px);line-height:1;letter-spacing:-.06em;margin:0;font-weight:900}.statement p{font-size:20px;line-height:1.65;color:rgba(248,249,251,.68);margin:0}.footer{position:relative;z-index:9;width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:42px 0 46px;border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;gap:20px;color:rgba(248,249,251,.52);font-size:13px}.footer-links{display:flex;gap:18px}.simple-page{min-height:100vh;background:radial-gradient(circle at 85% 5%,rgba(47,128,237,.17),transparent 30%),#05070b}.content-card{width:min(860px,calc(100% - 48px));margin:80px auto;padding:42px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(255,255,255,.045);backdrop-filter:blur(18px)}.content-card h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.06em;margin:0 0 18px}.content-card p,.content-card li{color:rgba(248,249,251,.70);line-height:1.7}.form{display:grid;gap:14px;margin-top:28px}.field{display:grid;gap:8px}.field label{font-size:13px;font-weight:700;color:rgba(248,249,251,.68)}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.22);color:#fff;border-radius:14px;padding:14px 16px;outline:none}.field textarea{min-height:140px;resize:vertical}.auth-message{min-height:22px;color:rgba(116,183,255,.88);font-size:13px;line-height:1.5}.auth-message.error{color:var(--red)}.portal-shell{min-height:100vh;display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 75% 15%,rgba(47,128,237,.20),transparent 26%),#05070b}.login-card{width:min(460px,100%);border:1px solid rgba(255,255,255,.12);border-radius:30px;background:rgba(255,255,255,.055);padding:34px;box-shadow:0 35px 100px rgba(0,0,0,.38)}.login-card img{width:250px;margin-bottom:34px}.login-card h1{font-size:clamp(32px,5vw,52px);line-height:1;letter-spacing:-.055em;margin:0 0 12px}.command-body{min-height:100vh;background:radial-gradient(circle at 85% -10%,rgba(47,128,237,.16),transparent 28%),linear-gradient(180deg,#05070b,#080d16 55%,#05070b);color:#fff}.command-shell{width:min(1320px,calc(100% - 48px));margin:0 auto;padding:28px 0 60px}.command-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:36px}.command-top img{width:220px}.user-chip{display:flex;align-items:center;gap:12px;color:rgba(248,249,251,.68);font-size:13px}.command-hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin:20px 0 28px}.command-kicker{text-transform:uppercase;letter-spacing:.34em;font-weight:700;color:rgba(116,183,255,.74);font-size:12px;margin-bottom:14px}.command-hero h1{font-size:clamp(42px,6vw,82px);line-height:.94;letter-spacing:-.07em;margin:0}.command-hero p{max-width:470px;color:rgba(248,249,251,.62);line-height:1.6;margin:0 0 4px}.command-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.metric{border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.028));padding:22px;min-height:130px;backdrop-filter:blur(16px)}.metric b{display:block;font-size:38px;letter-spacing:-.055em}.metric span{display:block;color:rgba(248,249,251,.62);font-size:13px;margin-top:8px}.metric small{display:inline-flex;margin-top:18px;color:rgba(116,183,255,.72);font-size:12px;text-transform:uppercase;letter-spacing:.16em}.command-panels{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.panel{border:1px solid rgba(255,255,255,.11);border-radius:26px;background:rgba(255,255,255,.045);backdrop-filter:blur(16px);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 22px 0}.panel h2{font-size:22px;letter-spacing:-.025em;margin:0}.panel-sub{color:rgba(248,249,251,.50);font-size:13px}.table{width:100%;border-collapse:collapse;margin-top:14px}.table th,.table td{text-align:left;padding:15px 22px;border-top:1px solid rgba(255,255,255,.08);font-size:14px}.table th{color:rgba(248,249,251,.42);font-size:11px;text-transform:uppercase;letter-spacing:.16em}.table td{color:rgba(248,249,251,.78)}.status-dot{display:inline-flex;align-items:center;gap:8px}.status-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(96,211,148,.45)}.status-dot.warn:before{background:var(--orange);box-shadow:0 0 12px rgba(255,179,71,.45)}.alert-list{padding:8px 22px 22px;display:grid;gap:12px}.alert-item{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(0,0,0,.16)}.alert-item b{display:block;margin-bottom:5px}.alert-item span{font-size:13px;color:rgba(248,249,251,.56)}.empty-state{padding:22px;color:rgba(248,249,251,.56);line-height:1.6}.admin-note{margin-top:16px;border:1px solid rgba(116,183,255,.18);background:rgba(47,128,237,.08);border-radius:18px;padding:16px;color:rgba(248,249,251,.68);font-size:13px;line-height:1.6}@keyframes earthDrift{from{transform:scale(1.035) rotate(-.35deg) translate3d(0,0,0)}to{transform:scale(1.035) rotate(1.15deg) translate3d(0,-.4%,0)}}@keyframes starDrift{to{background-position:180px 60px}}@keyframes starTwinkle{from{opacity:.22}50%{opacity:.38}to{opacity:.29}}@keyframes packet{0%,52%{stroke-dashoffset:820;opacity:0}58%{opacity:.72}88%{stroke-dashoffset:0;opacity:.62}100%{stroke-dashoffset:-260;opacity:0}}@keyframes satellitePass{0%,76%{opacity:0;transform:translate3d(0,0,0)}77%{opacity:.70}88%{opacity:.68}92%,100%{opacity:0;transform:translate3d(108vw,18vh,0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.reduce-motion *{animation:none!important;transition:none!important}@media (max-width:960px){.command-grid{grid-template-columns:repeat(2,1fr)}.command-panels{grid-template-columns:1fr}.command-hero{align-items:flex-start;flex-direction:column}}@media (max-width:820px){.nav{width:calc(100% - 32px);padding:20px 0}.brand img{width:176px}.nav-links{gap:12px;font-size:12px}.nav-links a:first-child{display:none}.hero-content{width:calc(100% - 32px);padding:22px 0 150px;align-items:flex-end}.headline{font-size:clamp(40px,12vw,66px);line-height:1.08}.status-strip{width:calc(100% - 32px);grid-template-columns:1fr;margin-top:-95px}.statement{grid-template-columns:1fr;gap:24px}.footer{width:calc(100% - 32px);flex-direction:column}.command-shell{width:calc(100% - 32px)}.command-top{align-items:flex-start;flex-direction:column}.command-grid{grid-template-columns:1fr}.table{display:block;overflow-x:auto;white-space:nowrap}.command-hero h1{font-size:clamp(42px,15vw,70px)}}@media (max-width:520px){.brand img{width:152px}.nav-cta{display:none}.headline .smallword{font-size:.82em}.actions{flex-direction:column;align-items:stretch}.button{width:100%}.content-card{padding:26px}.earth-layer{inset:-8%;width:116%;height:116%;object-position:63% center}.login-card{padding:26px}.command-top img{width:190px}}


/* Overwatch Command: authenticated user navigation + Revenue Engine */
.command-menu{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.command-menu a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045);color:rgba(248,249,251,.68);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
.command-menu a:hover,.command-menu a.active{color:#fff;border-color:rgba(116,183,255,.34);background:rgba(47,128,237,.10);transform:translateY(-1px)}
.revenue-callout{border:1px solid rgba(116,183,255,.18);border-radius:26px;background:radial-gradient(circle at 92% 20%,rgba(47,128,237,.20),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.068),rgba(255,255,255,.026));padding:24px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 16px;backdrop-filter:blur(16px)}
.revenue-callout span{display:block;color:rgba(116,183,255,.72);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:10px}.revenue-callout h2{margin:0 0 6px;font-size:28px;letter-spacing:-.04em}.revenue-callout p{margin:0;color:rgba(248,249,251,.62);line-height:1.55;max-width:720px}
.revenue-body{min-height:100vh;background:radial-gradient(circle at 76% -8%,rgba(47,128,237,.16),transparent 30%),radial-gradient(circle at 22% 72%,rgba(255,179,71,.055),transparent 28%),linear-gradient(180deg,#05070b,#080d16 48%,#05070b);color:#fff}.revenue-shell{padding-bottom:90px}.revenue-hero{padding:44px 0 42px}.revenue-hero h1{font-size:clamp(58px,9vw,126px);line-height:.88;letter-spacing:-.082em;margin:0;text-shadow:0 25px 90px rgba(0,0,0,.55)}.revenue-hero p{font-size:clamp(20px,2.4vw,32px);font-weight:300;color:rgba(248,249,251,.78);margin:24px 0 0}.revenue-manifesto{border:1px solid rgba(255,255,255,.12);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));backdrop-filter:blur(18px);padding:clamp(30px,6vw,70px);margin:0 0 18px}.revenue-manifesto .overline{font-size:13px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:rgba(116,183,255,.70);margin:0 0 24px}.revenue-manifesto h2{font-size:clamp(42px,7vw,96px);line-height:.96;letter-spacing:-.075em;margin:0 0 18px}.revenue-manifesto h3{font-size:clamp(22px,3.2vw,42px);line-height:1.12;letter-spacing:-.045em;font-weight:300;color:rgba(248,249,251,.82);margin:0;max-width:980px}.revenue-grid{display:grid;gap:16px}.revenue-five{grid-template-columns:repeat(5,1fr);margin:0 0 42px}.revenue-grid article,.benefit-grid article{border:1px solid rgba(255,255,255,.10);border-radius:24px;background:rgba(255,255,255,.045);padding:22px;backdrop-filter:blur(16px)}.revenue-grid article span{display:block;color:rgba(255,179,71,.72);font-size:12px;font-weight:700;letter-spacing:.24em;margin-bottom:22px}.revenue-grid h3{font-size:24px;letter-spacing:-.035em;margin:0 0 10px}.revenue-grid p{color:rgba(248,249,251,.62);line-height:1.55;margin:0}.revenue-section{border-top:1px solid rgba(255,255,255,.10);padding:70px 0}.revenue-section.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.section-num{display:block;color:rgba(116,183,255,.72);font-size:12px;font-weight:700;letter-spacing:.28em;margin-bottom:18px}.revenue-section h2{font-size:clamp(34px,5vw,68px);line-height:.98;letter-spacing:-.068em;margin:0}.copy-stack p{font-size:20px;line-height:1.7;color:rgba(248,249,251,.70);margin:0}.copy-stack p+p{margin-top:20px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.benefit-grid b{display:block;font-size:22px;letter-spacing:-.035em;margin-bottom:9px}.benefit-grid span{display:block;color:rgba(248,249,251,.60);line-height:1.55}.flow-line{display:grid;gap:12px}.flow-line div{border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(90deg,rgba(47,128,237,.13),rgba(255,255,255,.035));padding:17px 20px;position:relative}.flow-line div:not(:last-child):after{content:"↓";position:absolute;right:22px;bottom:-25px;color:rgba(255,179,71,.55);font-weight:900}.flow-line span{font-weight:700;letter-spacing:.01em}.closing-panel{border:1px solid rgba(116,183,255,.22);border-radius:34px;background:radial-gradient(circle at 86% 12%,rgba(47,128,237,.20),transparent 32%),rgba(255,255,255,.05);padding:clamp(30px,5vw,56px);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.closing-panel span{display:block;color:rgba(255,179,71,.78);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:12px;margin-bottom:16px}.closing-panel h2{font-size:clamp(32px,5vw,64px);line-height:.98;letter-spacing:-.065em;margin:0 0 12px}.closing-panel p{font-size:24px;color:rgba(248,249,251,.72);margin:0}
@media (max-width:1050px){.revenue-five{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.revenue-section.split{grid-template-columns:1fr;gap:26px}.closing-panel,.revenue-callout{grid-template-columns:1fr;display:grid}.command-top{align-items:flex-start;flex-direction:column}}
@media (max-width:620px){.revenue-five,.benefit-grid{grid-template-columns:1fr}.revenue-manifesto{border-radius:24px}.revenue-grid article,.benefit-grid article{border-radius:20px}.revenue-section{padding:48px 0}.revenue-hero h1{font-size:clamp(52px,17vw,86px)}.command-menu{width:100%}.command-menu a{flex:1;justify-content:center}.user-chip{flex-wrap:wrap}.revenue-callout .button,.closing-panel .button{width:100%}}
