:root{--bg: #eef3f6;--paper: #ffffff;--paper-soft: #f7fafc;--ink: #101820;--ink-soft: #2b3a46;--muted: #60717f;--line: #d8e2ea;--line-strong: #b9c8d3;--primary: #0e6e6d;--primary-strong: #084f4e;--accent: #b9792e;--success: #087a53;--danger: #b42332;--radius: 8px;--shadow-soft: 0 18px 42px rgba(16, 24, 32, .1);--shadow-tight: 0 10px 24px rgba(16, 24, 32, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden}a{color:inherit}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;letter-spacing:0}p{margin:0}.landing-page{min-height:100vh;color:#eef7f8;background:#071014}.landing-page main{background:linear-gradient(180deg,#07101400,#071014 22%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 112px),#071014}.landing-header{position:absolute;top:0;left:50%;z-index:5;width:min(1220px,calc(100% - 2rem));transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;color:#f8fbfd}.brand{display:inline-flex;align-items:center;gap:.65rem;min-height:42px;text-decoration:none;font-weight:800;font-size:1rem}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#0e6e6d;color:#fff;font-size:.82rem;font-weight:900}.brand-light .brand-mark{background:#ffffff26;border:1px solid rgba(255,255,255,.28)}.landing-nav,.header-actions,.hero-cta,.landing-actions,.activation-actions,.field-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.landing-nav a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 .85rem;border-radius:8px;color:#ffffffd6;text-decoration:none;font-weight:800;font-size:.9rem}.landing-nav .nav-portal{border:1px solid rgba(255,255,255,.25);background:#ffffff1f}.landing-hero{position:relative;min-height:88vh;width:100%;display:flex;align-items:center;overflow:hidden;padding:6rem 0 4rem}.landing-hero-image,.landing-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0}.landing-hero-image{width:100%;height:100%;object-fit:cover;transform:scale(1.02);animation:hero-breath 18s ease-in-out infinite alternate}.landing-hero-shade{background:linear-gradient(90deg,#04090cf5,#04090cc7 38%,#04090c7a 72%,#04090c40),linear-gradient(0deg,#071014,#07101473 32%,#0710141a 76%)}.landing-hero-content{position:relative;z-index:2;width:calc(100% - 2rem);max-width:1220px;min-width:0;margin:0 auto;color:#fff}.landing-hero-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:2rem;align-items:center}.landing-hero-copy{animation:reveal-up .7s ease both}.landing-hero-copy h1{max-width:680px;margin-top:.75rem;font-size:4.8rem;line-height:.98;font-weight:900}.landing-hero-copy p:not(.eyebrow){max-width:630px;margin-top:1rem;color:#ffffffd6;font-size:1.14rem;line-height:1.65}.landing-actions{margin-top:1.5rem}.ops-dashboard{width:100%;max-width:100%;min-height:520px;padding:1rem;border:1px solid rgba(171,230,223,.22);border-radius:8px;background:linear-gradient(180deg,#102027eb,#060f14f0),#0d1c23;box-shadow:0 28px 80px #00000061;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;animation:dashboard-float 7s ease-in-out infinite,reveal-up .8s ease .12s both}.ops-window-bar{display:flex;gap:.4rem;padding-bottom:.8rem}.ops-window-bar span{width:9px;height:9px;border-radius:999px;background:#ffffff52}.ops-dashboard-header,.ops-dashboard-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}.dashboard-kicker,.ops-chart-card span,.bento-card-copy span{color:#80d8ce;font-size:.78rem;font-weight:900;text-transform:uppercase}.ops-dashboard-header h2{margin-top:.25rem;font-size:1.35rem}.live-chip{display:inline-flex;align-items:center;gap:.45rem;min-height:32px;padding:0 .7rem;border-radius:8px;border:1px solid rgba(128,216,206,.26);background:#80d8ce1a;color:#c8fff8;font-weight:900;font-size:.8rem}.live-dot,.activity-dot{width:8px;height:8px;border-radius:999px;background:#71f0c2;box-shadow:0 0 0 6px #71f0c21c;animation:status-pulse 1.9s ease-in-out infinite}.ops-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1rem}.ops-stat-card,.ops-chart-card,.bento-card{border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0e}.ops-stat-card{display:grid;gap:.34rem;padding:.82rem}.ops-stat-card span,.ops-stat-card small,.ops-activity p{color:#e6f6f8ad;font-size:.78rem;line-height:1.4}.ops-stat-card strong{font-size:1.45rem}.ops-chart-card{display:grid;gap:.8rem;margin-top:.75rem;padding:1rem;min-width:0}.ops-chart-card strong{display:block;margin-top:.2rem;font-size:.95rem}.mini-line-chart{width:100%;max-width:100%;height:auto;overflow:visible}.chart-grid-line{stroke:#ffffff14;stroke-width:1;fill:none}.chart-area{fill:#80d8ce29}.chart-line{stroke:#8cf2e5;stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:430;stroke-dashoffset:430;animation:draw-chart 2.8s ease forwards}.chart-point{fill:#f5b65e;filter:drop-shadow(0 0 8px rgba(245,182,94,.55))}.ops-dashboard-bottom{margin-top:.85rem}.ops-activity{display:grid;gap:.5rem}.ops-activity p{display:flex;align-items:center;gap:.55rem}.ops-ring{flex:0 0 auto;width:86px;height:86px;display:grid;place-items:center;border-radius:999px;background:conic-gradient(#8cf2e5 0,#8cf2e5 86%,#ffffff1f 86%,#ffffff1f);position:relative}.ops-ring:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:999px;background:#0b1a20}.ops-ring span{position:relative;z-index:1;color:#fff;font-weight:900}.metric-rail,.dark-section,.landing-final-cta{background:#071014}.metric-rail-inner,.section-inner,.landing-final-cta{width:min(1220px,calc(100% - 2rem));margin:0 auto}.metric-rail{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.metric-rail-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-tile{min-height:128px;display:grid;align-content:center;gap:.35rem;padding:1rem;border-left:1px solid rgba(255,255,255,.08);animation:reveal-up .7s ease both}.metric-tile:last-child{border-right:1px solid rgba(255,255,255,.08)}.metric-tile strong{color:#fff;font-size:2rem;line-height:1}.metric-tile strong span{margin-left:.25rem;color:#8cf2e5;font-size:1rem}.metric-tile p{color:#e6f6f89e;font-weight:800}.dark-section{padding:5rem 0}.section-heading{max-width:760px;margin-bottom:1.35rem}.section-heading h2{margin-top:.45rem;font-size:2.35rem;line-height:1.12}.section-heading p:not(.eyebrow){margin-top:.8rem;color:#e6f6f8ad;font-size:1.03rem;line-height:1.65}.section-heading-dark h2{color:#fff}.eyebrow{color:var(--primary);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.eyebrow-light{color:#8cf2e5}.flow-panel{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem;margin-top:1.5rem;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:linear-gradient(135deg,#80d8ce14,#f5b65e0d),#ffffff0b;overflow:hidden}.flow-progress{position:absolute;left:1rem;right:1rem;top:50%;height:2px;background:linear-gradient(90deg,#8cf2e5,#f5b65e);transform:scaleX(0);transform-origin:left;animation:flow-line 2.2s ease .2s forwards}.flow-step{position:relative;z-index:1;min-height:118px;display:grid;align-content:center;gap:.55rem;padding:.8rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#071014d1;animation:reveal-up .65s ease var(--flow-delay) both}.flow-step span{color:#f5b65e;font-size:.78rem;font-weight:900}.flow-step strong{color:#fff;font-size:.94rem}.bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(220px,auto);gap:.9rem;margin-top:1.5rem}.bento-card{display:grid;align-content:space-between;gap:1rem;min-height:220px;padding:1rem;background:linear-gradient(145deg,#ffffff17,#ffffff09),#0d1b21;transition:transform .18s ease,border-color .18s ease,background .18s ease}.bento-card:hover{transform:translateY(-4px);border-color:#8cf2e552;background:linear-gradient(145deg,#80d8ce21,#ffffff0a),#0d1b21}.bento-card-wide{grid-column:span 2}.bento-card-tall{grid-row:span 2}.bento-card-copy h3{margin-top:.4rem;color:#fff;font-size:1.25rem}.bento-card-copy p{margin-top:.55rem;color:#e6f6f8a8;line-height:1.55}.bento-visual{display:grid;gap:.8rem}.bento-visual strong{color:#f5b65e;font-size:2rem;line-height:1}.mini-bars{height:92px;display:flex;align-items:end;gap:.45rem;padding:.7rem;border-radius:8px;background:#0000002e}.mini-bars span{flex:1;min-width:12px;height:var(--bar-height);border-radius:5px 5px 0 0;background:linear-gradient(180deg,#8cf2e5,#1c7d78);transform:scaleY(0);transform-origin:bottom;animation:grow-bar .9s ease var(--bar-delay) forwards}.landing-final-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:4rem;padding:2rem;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:linear-gradient(135deg,#80d8ce1f,#f5b65e1a),#0d1b21}.landing-final-cta h2{margin-top:.5rem;color:#fff;font-size:2rem}.landing-final-cta p:not(.eyebrow){max-width:700px;margin-top:.7rem;color:#e6f6f8ad;line-height:1.6}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-tight)}.shell{min-height:100vh;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 2.4rem}.portal-shell{color:var(--ink)}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:66px;padding:.5rem 0;background:#eef3f6eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-body{display:grid;gap:1rem;margin-top:.7rem}.hero{display:grid;grid-template-columns:1.35fr minmax(280px,.65fr);gap:1rem}.hero-copy{min-height:310px;display:grid;align-content:center;gap:.85rem;padding:1.35rem;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,#0e6e6d14,#b9792e14),var(--paper);box-shadow:var(--shadow-soft)}.hero-copy h1{max-width:780px;color:var(--ink);font-size:2.45rem;line-height:1.06}.hero-copy p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:1.03rem;line-height:1.65}.hero-metrics{display:grid;align-content:center;padding:1rem}.hero-metrics h2,.auth-header h2,.workspace-grid h2{font-size:1.2rem}.hero-metrics ul{display:grid;gap:.55rem;margin:.8rem 0 0;padding:0;list-style:none}.hero-metrics li{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;min-height:54px;padding:.7rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--paper-soft)}.hero-metrics strong{font-size:1rem}.hero-metrics span{color:var(--muted);font-size:.86rem;font-weight:700;text-align:right}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.feature-card{padding:1rem}.feature-card h3{margin-bottom:.4rem;font-size:1rem}.feature-card p{color:var(--muted);font-size:.92rem;line-height:1.55}.auth-card,.workspace-grid>.card{padding:1rem}.auth-header{max-width:760px}.auth-header p,.muted{color:var(--muted);line-height:1.6}.helper-text,.small{font-size:.82rem}.auth-tabs{display:inline-flex;gap:.25rem;margin-top:1rem;padding:.25rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--paper-soft)}.tab{min-width:112px;min-height:38px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-weight:800;cursor:pointer}.tab.active{background:#fff;color:var(--primary-strong);box-shadow:0 1px 8px #10182014}.auth-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem}label{display:flex;flex-direction:column;gap:.35rem;color:var(--ink-soft);font-size:.88rem;font-weight:800}input,select{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;color:var(--ink);font:inherit;padding:0 .72rem;outline:none}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0e6e6d24}.workspace-grid{display:grid;grid-template-columns:1.55fr minmax(300px,.85fr);gap:1rem;align-items:start}.workspace-grid>.card{display:grid;gap:.9rem}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.field-actions{grid-column:1 / -1;justify-content:flex-start;margin-top:.15rem}.step-block{display:grid;gap:.85rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-soft)}.step-block+.step-block{margin-top:.2rem}.step-header{display:flex;align-items:flex-start;gap:.8rem}.step-header h3{font-size:1rem}.step-header p{margin-top:.25rem;color:var(--muted);font-size:.9rem;line-height:1.55}.step-pill{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:72px;min-height:30px;border-radius:6px;background:#e3f1ef;color:var(--primary-strong);border:1px solid #bfdbd7;font-size:.76rem;font-weight:900;text-transform:uppercase}.step-guidance{color:var(--muted);font-size:.9rem;line-height:1.55}.activation-panel{display:grid;gap:.85rem}.file-input{display:none}.installer-grid{display:grid;gap:.72rem}.installer-card,.license-result{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-soft);padding:.9rem}.installer-card h3,.license-result h3{margin-bottom:.42rem;font-size:.96rem}.installer-card p,.license-result p{color:var(--muted);font-size:.88rem;line-height:1.5}.license-result p+p{margin-top:.2rem}.notice{margin-top:.72rem;color:var(--danger);font-size:.91rem;font-weight:800;line-height:1.45}.notice.success{color:var(--success)}.error{color:var(--danger);font-size:.77rem;font-weight:800}.user-chip{display:inline-flex;align-items:center;min-height:38px;border-radius:8px;padding:0 .78rem;border:1px solid #bfdbd7;background:#e3f1ef;color:var(--primary-strong);font-size:.84rem;font-weight:900}.primary-button,.ghost-button,.link-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:42px;border-radius:8px;padding:0 1rem;text-decoration:none;font:inherit;font-size:.9rem;font-weight:900;line-height:1.1;text-align:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.primary-button{border:1px solid var(--primary-strong);background:var(--primary);color:#fff;box-shadow:0 10px 20px #0e6e6d33}.primary-button:hover,.ghost-button:hover,.link-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.55;pointer-events:none}.primary-button-light{border-color:#d6fff8;background:#d6fff8;color:#0d191f;box-shadow:0 14px 28px #00000047}.ghost-button{border:1px solid var(--line-strong);background:#fff;color:var(--ink-soft)}.ghost-button-light{border-color:#ffffff61;background:#ffffff1a;color:#fff}.link-button{border:1px solid #caa16e;background:#fff8ee;color:#7a4b1c}.link-button.disabled{pointer-events:none;opacity:.48}.wide{width:100%}@keyframes reveal-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboard-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes hero-breath{0%{transform:scale(1.02)}to{transform:scale(1.06)}}@keyframes draw-chart{to{stroke-dashoffset:0}}@keyframes grow-bar{to{transform:scaleY(1)}}@keyframes flow-line{to{transform:scaleX(1)}}@keyframes status-pulse{0%,to{box-shadow:0 0 0 4px #71f0c21c}50%{box-shadow:0 0 0 8px #71f0c20a}}@media (max-width: 1040px){.landing-hero-layout{grid-template-columns:1fr}.landing-hero-copy h1{font-size:3.4rem}.metric-rail-inner,.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.hero,.workspace-grid{grid-template-columns:1fr}}@media (max-width: 760px){.landing-header{width:min(100% - 1rem,1180px)}.landing-nav a:not(.nav-portal){display:none}.landing-hero{min-height:auto;padding:5rem 0 2.5rem}.landing-hero-content,.metric-rail-inner,.section-inner,.landing-final-cta,.shell{width:calc(100% - 1rem);max-width:1180px}.landing-hero-content{max-width:100%}.landing-hero-copy h1,.landing-hero-copy p:not(.eyebrow){max-width:100%}.landing-hero-copy h1{font-size:2.3rem}.landing-hero-copy p:not(.eyebrow),.section-heading p:not(.eyebrow){font-size:1rem}.ops-dashboard{min-height:auto}.ops-dashboard-header{display:grid;grid-template-columns:1fr;align-items:flex-start;justify-content:flex-start}.live-chip{justify-self:start}.ops-stat-grid,.ops-dashboard-bottom,.flow-panel,.metric-rail-inner,.bento-grid,.landing-final-cta{grid-template-columns:1fr}.ops-dashboard-bottom,.landing-final-cta{align-items:flex-start;flex-direction:column}.flow-progress{display:none}.bento-card-wide,.bento-card-tall{grid-column:auto;grid-row:auto}.section-heading h2,.hero-copy h1{font-size:1.7rem}.feature-grid,.auth-form{grid-template-columns:1fr}.site-header,.step-header{align-items:flex-start;flex-direction:column}.header-actions,.hero-cta,.activation-actions{width:100%}.header-actions>*,.hero-cta>*,.activation-actions>*{flex:1 1 180px}.landing-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:300px}.hero-copy{min-height:auto}}@media (max-width: 480px){.landing-hero-content{margin-left:.5rem}.ops-chart-card{padding:.75rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}