:root{
  --ef-navy:#0B1020;
  --ef-navy-2:#11172D;
  --ef-indigo:#4F46E5;
  --ef-indigo-dark:#4338CA;
  --ef-violet:#7C3AED;
  --ef-cyan:#38BDF8;
  --ef-bg:#F7F8FC;
  --ef-surface:#FFFFFF;
  --ef-ink:#111827;
  --ef-muted:#667085;
  --ef-line:#E5E7EB;
  --ef-success:#12B76A;
  --ef-warning:#F79009;
  --ef-danger:#F04438;
}
body{background:var(--ef-bg)!important;color:var(--ef-ink)!important}
.product-landing,.public-site{--landing-deep:var(--ef-navy);--landing-deeper:#070B16;--landing-ink:var(--ef-ink);--landing-muted:var(--ef-muted);--landing-acid:var(--ef-cyan);--landing-mint:#EEF2FF;--landing-line:var(--ef-line);--landing-bg:var(--ef-bg);--ps-deep:var(--ef-navy);--ps-deeper:#070B16;--ps-acid:var(--ef-cyan);--ps-ink:var(--ef-ink);--ps-muted:var(--ef-muted);--ps-line:var(--ef-line);--ps-soft:var(--ef-bg)}
.landing-nav,.public-site-header{background:rgba(255,255,255,.88)!important;border-color:rgba(229,231,235,.9)!important;box-shadow:0 1px 0 rgba(17,24,39,.02)}
.landing-brand .brand-copy strong,.public-site-brand .brand-copy strong{color:var(--ef-navy)!important}
.landing-links a,.public-site-nav a{color:#475467!important}
.landing-links a:hover,.public-site-nav a:hover,.public-site-nav a.active{color:var(--ef-indigo)!important;background:#EEF2FF!important}
.landing-button,.public-site-button,.button.primary{border-color:var(--ef-indigo)!important;background:linear-gradient(135deg,var(--ef-indigo),var(--ef-violet))!important;color:#fff!important;box-shadow:0 10px 28px rgba(79,70,229,.20)!important}
.landing-button:hover,.public-site-button:hover,.button.primary:hover{background:linear-gradient(135deg,var(--ef-indigo-dark),#6D28D9)!important;transform:translateY(-1px)}
.landing-button.light,.public-site-button.light{border-color:#fff!important;background:#fff!important;color:var(--ef-navy)!important;box-shadow:none!important}
.landing-hero,.public-page-hero{position:relative;overflow:hidden;background:
radial-gradient(circle at 15% 10%,rgba(79,70,229,.16),transparent 25%),
radial-gradient(circle at 84% 18%,rgba(56,189,248,.18),transparent 22%),
linear-gradient(180deg,#fff 0%,#F7F8FC 100%)!important}
.landing-hero:before,.public-page-hero:before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:110px;border-radius:50%;background:linear-gradient(135deg,rgba(79,70,229,.22),rgba(124,58,237,.05));filter:blur(2px);pointer-events:none}
.landing-kicker,.public-page-kicker,.public-section-heading>span{color:var(--ef-indigo)!important}
.landing-kicker.acid,.public-page-kicker.acid{color:var(--ef-cyan)!important}
.landing-hero h1,.public-page-hero h1,.landing-section-head h2,.public-section-heading h2,.landing-team-section h2,.public-site-dark h2,.public-solution-operating h2,.public-pricing-faq h2{color:var(--ef-navy)!important}
.landing-hero h1 span{background:linear-gradient(90deg,var(--ef-indigo),var(--ef-violet),var(--ef-cyan));-webkit-background-clip:text;background-clip:text;color:transparent!important}
.landing-product-frame{border-color:#D9DCEF!important;box-shadow:0 40px 110px rgba(35,33,92,.18)!important;transform:perspective(1200px) rotateX(1deg)}
.landing-product-top{background:#F8FAFF!important;border-color:#E6E7F2!important}
.landing-product-nav{background:linear-gradient(180deg,#0B1020,#151B35)!important}
.landing-mini-logo{background:linear-gradient(135deg,var(--ef-indigo),var(--ef-cyan))!important;color:#fff!important}
.landing-product-nav .active{color:#fff!important;background:rgba(79,70,229,.35)!important}
.landing-status-pill{color:#4338CA!important;background:#EEF2FF!important}
.landing-progress-track i{background:linear-gradient(90deg,var(--ef-indigo),var(--ef-cyan))!important}
.landing-segment.selected{box-shadow:inset 3px 0 0 var(--ef-indigo)!important}
.landing-tabs b,.landing-check-list li::before,.landing-plan-grid a,.public-solution-grid a,.public-pricing-grid a{color:var(--ef-indigo)!important}
.landing-feature-icon,.public-feature-icon{color:var(--ef-indigo)!important;background:linear-gradient(135deg,#EEF2FF,#F5F3FF)!important}
.landing-feature-card,.public-feature-grid article,.landing-security-grid article,.public-security-grid article,.landing-plan-grid article,.public-pricing-grid article,.public-solution-grid article{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.landing-feature-card:hover,.public-feature-grid article:hover,.landing-security-grid article:hover,.public-security-grid article:hover,.public-solution-grid article:hover{transform:translateY(-4px);border-color:#C7D2FE!important;box-shadow:0 18px 50px rgba(79,70,229,.10)}
.landing-dark-section,.public-site-dark{background:
radial-gradient(circle at 78% 18%,rgba(56,189,248,.18),transparent 24%),
radial-gradient(circle at 18% 85%,rgba(124,58,237,.18),transparent 28%),
linear-gradient(145deg,#080B16,#11172D 58%,#171B3A)!important}
.landing-dark-section h2,.public-site-dark h2{color:#fff!important}
.landing-flow-stack>div,.public-flow-card>div{border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.045)!important;backdrop-filter:blur(10px)}
.landing-flow-stack>div.human,.public-flow-card>div.human{border-color:rgba(56,189,248,.4)!important;background:rgba(56,189,248,.08)!important}
.landing-flow-stack>div span,.public-flow-card b{color:#fff!important;background:linear-gradient(135deg,var(--ef-indigo),var(--ef-violet))!important}
.landing-metric-board{border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.065)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.landing-team-section,.public-site-soft,.landing-plans{background:linear-gradient(180deg,#F8FAFF,#F5F3FF)!important}
.landing-role-board{border-color:#D9DCEF!important;box-shadow:0 24px 60px rgba(79,70,229,.10)!important}
.landing-role-row.owner{background:linear-gradient(90deg,#EEF2FF,#F8FAFF)!important}
.landing-role-row.owner>span{background:linear-gradient(135deg,var(--ef-indigo),var(--ef-cyan))!important;color:#fff!important}
.landing-plan-grid article.featured,.public-pricing-grid article.featured{border-color:var(--ef-indigo)!important;background:linear-gradient(160deg,#11172D,#1F1B4D 62%,#2C1F66)!important;box-shadow:0 30px 70px rgba(79,70,229,.22)}
.landing-final-card{background:
radial-gradient(circle at 82% 10%,rgba(56,189,248,.22),transparent 26%),
linear-gradient(135deg,#0B1020,#1A1740 55%,#2A1E62)!important}
.landing-footer,.public-site-footer{background:#080B16!important}
.saas-auth-shell,.saas-register-shell{background:var(--ef-bg)!important}
.saas-auth-story,.saas-register-value{background:
radial-gradient(circle at 78% 18%,rgba(56,189,248,.22),transparent 26%),
radial-gradient(circle at 10% 88%,rgba(124,58,237,.24),transparent 30%),
linear-gradient(155deg,#0B1020,#151B35 58%,#1F164A)!important}
.saas-auth-copy .eyebrow,.saas-register-value .eyebrow{color:var(--ef-cyan)!important}
.saas-auth-form-card,.saas-register-card{position:relative}
.saas-auth-form-card:before,.saas-register-card:before{content:"";position:absolute;inset:-28px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.95));box-shadow:0 24px 70px rgba(43,46,95,.08);z-index:-1}
.saas-auth-form-card h2,.saas-register-card h2,.onboarding-card h1{color:var(--ef-navy)!important}
.company-register-form input,.company-register-form select,.company-register-form textarea,.onboarding-form input,.onboarding-form select,.saas-auth-form-card input{border-color:#D9DCEF!important;background:#fff!important;min-height:50px!important}
.company-register-form input:focus,.company-register-form select:focus,.company-register-form textarea:focus,.onboarding-form input:focus,.onboarding-form select:focus,.saas-auth-form-card input:focus{border-color:var(--ef-indigo)!important;box-shadow:0 0 0 4px rgba(79,70,229,.10)!important}
.saas-success-mark{background:linear-gradient(135deg,var(--ef-indigo),var(--ef-cyan))!important;color:#fff!important}
.onboarding-shell,.commercial-shell{background:
radial-gradient(circle at 10% 10%,rgba(79,70,229,.08),transparent 22%),
radial-gradient(circle at 88% 18%,rgba(56,189,248,.08),transparent 20%),
var(--ef-bg)!important}
.commercial-card{border-color:#DDE1EE!important;box-shadow:0 28px 80px rgba(43,46,95,.10)!important}
.commercial-kicker{color:var(--ef-indigo)!important}
.application-status{background:linear-gradient(135deg,#0B1020,#1A1740)!important}
.application-status b,.platform-admin-user button{color:var(--ef-cyan)!important}
.application-timeline .done i{background:linear-gradient(135deg,var(--ef-indigo),var(--ef-cyan))!important;color:#fff!important}
.platform-admin{background:#F7F8FC!important}
.platform-sidebar{background:linear-gradient(180deg,#0B1020,#12172C)!important}
.platform-sidebar nav button.active{background:rgba(79,70,229,.24)!important;color:#fff!important}
.platform-metrics article,.platform-row{border-color:#E2E5F0!important;box-shadow:0 8px 24px rgba(43,46,95,.04)!important}
.platform-actions .primary-admin{border-color:var(--ef-indigo)!important;background:var(--ef-indigo)!important}
.app-shell.react-app-shell{background:var(--ef-bg)!important}
.app-shell .sidebar{background:linear-gradient(180deg,#0B1020,#11172D)!important;border-right:1px solid rgba(255,255,255,.04)!important}
.app-shell .sidebar .brand-copy strong{color:#fff!important}
.app-shell .sidebar .nav-label{color:#667085!important}
.app-shell .sidebar .nav-item{color:#A7B0C0!important;border-radius:9px!important}
.app-shell .sidebar .nav-item:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
.app-shell .sidebar .nav-item.active{background:linear-gradient(90deg,rgba(79,70,229,.32),rgba(124,58,237,.20))!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--ef-cyan)!important}
.app-shell .workspace{background:var(--ef-bg)!important}
.app-shell .topbar{background:rgba(255,255,255,.92)!important;border-bottom:1px solid #E8EAF1!important;backdrop-filter:blur(14px)}
.app-shell .crumb span{color:#98A2B3!important}
.app-shell .crumb strong{color:var(--ef-ink)!important}
.app-shell .button.primary{background:linear-gradient(135deg,var(--ef-indigo),var(--ef-violet))!important}
@media(max-width:680px){
  .saas-auth-form-card:before,.saas-register-card:before{display:none}
  .landing-product-frame{transform:none}
}

/* Enterprise registration */
.premium-register .saas-register-panel{background:radial-gradient(circle at 70% 10%,rgba(79,70,229,.08),transparent 28%),#F7F8FC!important}
.register-story{max-width:640px}
.register-product-visual{position:relative;height:260px;margin-top:38px}
.register-visual-window{position:absolute;left:0;right:44px;top:0;height:210px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.08);box-shadow:0 30px 70px rgba(0,0,0,.20);backdrop-filter:blur(12px)}
.visual-chip{display:inline-flex;margin-right:8px;padding:7px 10px;border-radius:999px;background:rgba(124,58,237,.26);color:#E9D5FF;font-size:10px;font-weight:800}
.visual-chip.cyan{background:rgba(56,189,248,.22);color:#BAE6FD}
.visual-line{height:8px;margin-top:28px;border-radius:999px;background:rgba(255,255,255,.16)}
.visual-line.long{width:80%}.visual-line.medium{width:54%;margin-top:12px}
.visual-grid{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:9px;margin-top:28px}
.visual-grid i{height:54px;border-radius:10px;background:linear-gradient(135deg,rgba(79,70,229,.35),rgba(56,189,248,.14))}
.register-floating-card{position:absolute;right:0;bottom:0;width:210px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#fff;color:var(--ef-navy);box-shadow:0 24px 50px rgba(0,0,0,.20)}
.register-floating-card small{display:block;color:#98A2B3;font-size:9px;letter-spacing:.12em}.register-floating-card strong{display:block;margin:8px 0 5px;font-size:14px}.register-floating-card span{color:#667085;font-size:10px}
.register-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:38px}
.register-progress>div{display:flex;align-items:center;gap:9px;padding:10px;border-bottom:2px solid #E4E7EC;color:#98A2B3}
.register-progress>div.active{border-color:var(--ef-indigo);color:var(--ef-indigo)}
.register-progress span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#F2F4F7;font-size:10px;font-weight:800}
.register-progress .active span{background:#EEF2FF;color:var(--ef-indigo)}
.register-progress b{font-size:11px}
.register-step{animation:registerIn .24s ease}
@keyframes registerIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.register-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.register-actions .button{min-width:140px;justify-content:center}
.register-plan-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}
.register-plan-options button{position:relative;min-height:170px;padding:22px;border:1px solid #DDE1EE;border-radius:14px;background:#fff;color:var(--ef-ink);text-align:left;cursor:pointer;transition:.2s ease}
.register-plan-options button:hover{transform:translateY(-2px);border-color:#C7D2FE;box-shadow:0 15px 36px rgba(79,70,229,.10)}
.register-plan-options button.selected{border-color:var(--ef-indigo);box-shadow:0 0 0 3px rgba(79,70,229,.08),0 18px 40px rgba(79,70,229,.12)}
.register-plan-options span{display:block;color:var(--ef-indigo);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.register-plan-options strong{display:block;margin:24px 0 9px;font:700 24px/1 "Manrope",sans-serif}.register-plan-options small{color:#667085;line-height:1.45}.register-plan-options i{position:absolute;right:16px;top:16px;color:var(--ef-indigo);font-style:normal;font-weight:900}

/* Rich visual solutions */
.solution-card{overflow:hidden!important}
.solution-visual{position:relative;height:180px;margin:-34px -34px 30px;overflow:hidden;background:linear-gradient(145deg,#0B1020,#1B1743)}
.solution-card-2 .solution-visual{background:linear-gradient(145deg,#101828,#0F3B68)}
.solution-card-3 .solution-visual{background:linear-gradient(145deg,#12152B,#3B1D5E)}
.solution-card-4 .solution-visual{background:linear-gradient(145deg,#0A1326,#173C56)}
.solution-orb{position:absolute;border-radius:50%;filter:blur(2px)}.solution-orb.one{width:150px;height:150px;right:-20px;top:-30px;background:rgba(79,70,229,.48)}.solution-orb.two{width:120px;height:120px;left:-28px;bottom:-48px;background:rgba(56,189,248,.32)}
.solution-screen{position:absolute;left:34px;top:30px;width:230px;height:120px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.11);backdrop-filter:blur(10px);box-shadow:0 20px 45px rgba(0,0,0,.22)}
.solution-screen-head{display:flex;gap:5px;padding:10px;border-bottom:1px solid rgba(255,255,255,.12)}.solution-screen-head i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5)}
.solution-screen-body{padding:14px}.solution-screen-body b{display:block;width:68%;height:8px;border-radius:99px;background:rgba(255,255,255,.7)}.solution-screen-body span{display:block;width:88%;height:6px;margin-top:11px;border-radius:99px;background:rgba(255,255,255,.22)}.solution-screen-body span+span{width:58%}.solution-screen-body em{display:block;width:44px;height:18px;margin-top:14px;border-radius:6px;background:linear-gradient(90deg,#4F46E5,#38BDF8)}
.solution-person{position:absolute;right:30px;bottom:20px;width:76px;height:76px;border-radius:50%;background:linear-gradient(145deg,#E0E7FF,#C4B5FD);box-shadow:0 15px 30px rgba(0,0,0,.18)}.solution-person i{position:absolute;left:25px;top:14px;width:27px;height:27px;border-radius:50%;background:#182230}.solution-person span{position:absolute;left:15px;right:15px;bottom:10px;height:27px;border-radius:18px 18px 8px 8px;background:#4F46E5}

/* More polished public sections */
.public-solution-grid article{padding-top:34px!important}
.public-pricing-grid h2{font-size:32px!important}
.public-pricing-grid article>span{color:var(--ef-indigo)!important}
.public-pricing-grid .featured>span{color:var(--ef-cyan)!important}
.public-page-hero p{max-width:760px}
.public-page-actions{margin-top:38px}
@media(max-width:760px){.register-plan-options{grid-template-columns:1fr}.register-product-visual{height:220px}.solution-screen{width:200px}.register-actions{flex-direction:column-reverse}.register-actions .button{width:100%}}
