:root{--blue:#0052ff;--blue-active:#003ecc;--ink:#0a0b0d;--body:#5b616e;--muted:#7c828a;--line:#dee1e6;--soft:#f7f7f7;--strong:#eef0f3;--dark:#111827;--elevated:#1f2937;--white:#fff;--green:#05b169;--red:#cf202f;--radius:24px;--container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}body.menu-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(calc(100% - 48px),var(--container));margin:auto}.section{padding:96px 0}.section-soft{background:var(--soft)}.section-dark{color:#fff;background:var(--dark)}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:6px 12px;border-radius:100px;background:var(--strong);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.section-dark .eyebrow{background:var(--elevated)}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:400;letter-spacing:-.04em;line-height:1.04}h1{font-size:clamp(48px,6.3vw,80px)}h2{margin-bottom:20px;font-size:clamp(38px,4.3vw,54px)}h3{font-size:18px;line-height:1.35}.lead{max-width:720px;color:var(--body);font-size:18px}.section-dark .lead{color:#a8acb3}.section-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:48px}.section-head>div{max-width:750px}.section-head p{max-width:500px;color:var(--body)}.section-dark .section-head p{color:#a8acb3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 20px;border:1px solid transparent;border-radius:100px;font-weight:600;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--blue)}.btn-primary:hover{background:var(--blue-active)}.btn-secondary{color:var(--ink);background:var(--strong)}.btn-outline-dark{color:#fff;border-color:#45484e;background:transparent}.btn-large{min-height:56px;padding:15px 30px}.btn-block{width:100%}.btn:disabled{cursor:not-allowed;background:#a8b8cc;transform:none}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center}.icon svg{width:100%;height:100%}.site-nav{position:sticky;top:0;z-index:50;height:72px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(222,225,230,.8);backdrop-filter:blur(14px)}.nav-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:132px;height:48px;object-fit:contain}.nav-links{display:flex;align-items:center;justify-content:center;gap:26px;margin-left:auto;font-size:14px;font-weight:500}.nav-links a:hover,.footer a:hover{color:var(--blue)}.nav-actions{display:flex;gap:8px}.menu-toggle{display:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--strong)}.hero{position:relative;overflow:hidden;padding:88px 0 96px;color:#fff;background:var(--dark)}.hero::after{content:"";position:absolute;right:-10%;bottom:-55%;width:620px;height:620px;border:1px solid rgba(0,82,255,.28);border-radius:50%}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:64px}.hero-copy p{max-width:650px;color:#a8acb3;font-size:18px}.hero-note{display:flex;align-items:center;gap:8px;margin-top:20px;color:#a8acb3;font-size:13px}.dashboard-shell{position:relative;padding:20px;border:1px solid #2d3036;border-radius:28px;background:#111317;box-shadow:0 32px 70px rgba(0,0,0,.3)}.dash-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dash-brand{font-weight:600}.dash-dot{display:flex;gap:6px}.dash-dot i{width:8px;height:8px;border-radius:50%;background:#34373d}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-card{padding:16px;border-radius:16px;background:var(--elevated)}.mock-card small{color:#a8acb3}.mock-card strong{display:block;margin-top:9px;font-family:"JetBrains Mono",monospace;font-size:17px;font-weight:500}.up{color:var(--green)}.down{color:#ff6471}.mock-chart{position:relative;height:180px;margin-top:10px;padding:20px 10px 12px;border-radius:18px;background:var(--elevated)}.chart-lines{position:absolute;inset:20px 12px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 38px,#292c32 39px)}.bars{position:relative;z-index:1;height:100%;display:flex;align-items:end;justify-content:space-around;gap:7px}.bars i{width:9%;border-radius:8px 8px 2px 2px;background:var(--blue)}.bars i:nth-child(even){background:#334e8d}.floating-card{position:absolute;right:-32px;bottom:-38px;width:230px;padding:18px;border:1px solid #34373d;border-radius:20px;background:#1b1d22;transform:rotate(3deg)}.floating-card .row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #303238;font-size:13px}.floating-card .row:last-child{border:0}.problem-grid,.feature-grid,.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.simple-card,.feature-card,.module-card,.benefit-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.simple-card{min-height:185px}.card-icon{display:grid;width:44px;height:44px;margin-bottom:32px;place-items:center;color:var(--blue);border-radius:50%;background:#edf3ff}.simple-card p,.feature-card p,.module-card p{margin:0;color:var(--body)}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.solution-panel{padding:38px;border-radius:var(--radius);background:var(--soft)}.check-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.check-list li{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.check-list li:last-child{border:0}.check{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;color:#fff;border-radius:50%;background:var(--blue);font-size:13px}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature-card{min-height:260px}.feature-card:hover,.module-card:hover{border-color:var(--blue);box-shadow:0 4px 12px rgba(0,0,0,.04)}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.module-card ul{margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line);list-style:none;color:var(--body);font-size:14px}.module-card li{margin:8px 0}.module-card li::before{content:"—";margin-right:8px;color:var(--blue)}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.workflow-card{padding:30px;border-radius:var(--radius);background:var(--elevated)}.flow-list{display:grid;gap:0;margin-top:24px}.flow-step{position:relative;padding:13px 14px 13px 42px;border:1px solid #303238;border-radius:12px;color:#d8d9dc}.flow-step+ .flow-step{margin-top:12px}.flow-step+ .flow-step::before{content:"↓";position:absolute;left:50%;top:-20px;color:var(--blue)}.step-number{position:absolute;left:13px;color:#7fa5ff;font-family:"JetBrains Mono",monospace;font-size:12px}.dashboard-preview{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:center}.preview-light{padding:24px;border:1px solid var(--line);border-radius:28px;background:#fff}.preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-stat{padding:15px;border-radius:16px;background:var(--soft)}.preview-stat small{display:block;color:var(--body)}.preview-stat strong{display:block;margin-top:7px;font-family:"JetBrains Mono",monospace;font-weight:500}.table{margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:16px}.table-row{display:grid;grid-template-columns:1.2fr .8fr .7fr;gap:12px;padding:13px 15px;border-top:1px solid var(--line);font-size:13px}.table-row:first-child{border:0;color:var(--muted);background:var(--soft)}.status{justify-self:start;padding:3px 9px;border-radius:100px;color:#087a4b;background:#eaf8f1;font-size:11px}.benefit-grid{grid-template-columns:repeat(4,1fr)}.benefit-card{display:flex;gap:14px;align-items:flex-start}.benefit-card .card-icon{width:36px;height:36px;flex:0 0 auto;margin:0}.benefit-card h3{margin:6px 0 0}.saas-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.tenant-visual{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tenant{padding:22px;border:1px solid #303238;border-radius:20px;background:var(--elevated)}.tenant strong{display:block;margin-bottom:16px}.tenant span{display:block;height:7px;margin:8px 0;border-radius:10px;background:#303238}.tenant span:nth-child(2){width:72%;background:var(--blue)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pricing-card{display:flex;min-height:540px;flex-direction:column;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.pricing-card.popular{color:#fff;border-color:var(--dark);background:var(--dark)}.popular-label{align-self:flex-start;margin-bottom:26px;padding:5px 11px;color:#fff;border-radius:100px;background:var(--blue);font-size:11px;font-weight:600}.pricing-card h3{font-size:28px;font-weight:400}.pricing-card .price{margin:20px 0 8px;font-size:18px;font-weight:600}.pricing-card .limits{min-height:48px;color:var(--body);font-size:14px}.pricing-card.popular .limits,.pricing-card.popular .plan-desc{color:#a8acb3}.plan-desc{min-height:72px;color:var(--body)}.plan-features{display:grid;gap:12px;margin:26px 0 32px;padding:22px 0 0;border-top:1px solid var(--line);list-style:none}.popular .plan-features{border-color:#303238}.plan-features li::before{content:"✓";margin-right:10px;color:var(--blue);font-weight:700}.pricing-card .btn{margin-top:auto}.pricing-note{margin:24px auto 0;color:var(--body);text-align:center;font-size:14px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:step}.step{position:relative;padding:0 22px;text-align:center}.step::before{counter-increment:step;content:counter(step);display:grid;width:48px;height:48px;margin:0 auto 20px;place-items:center;color:#fff;border-radius:50%;background:var(--blue);font-family:"JetBrains Mono",monospace}.step:not(:last-child)::after{content:"";position:absolute;top:24px;left:calc(50% + 32px);width:calc(100% - 64px);height:1px;background:var(--line)}.step p{color:var(--body);font-size:14px}.faq-wrap{max-width:850px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-question{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border:0;background:transparent;text-align:left;font-size:18px;font-weight:600}.faq-question span:last-child{font-size:26px;font-weight:400;transition:.2s}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .25s ease}.faq-answer p{padding:0 52px 24px 0;color:var(--body)}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px}.contact-card{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.contact-options{display:grid;gap:12px;margin-top:28px}.contact-option{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:var(--soft)}.contact-option .card-icon{width:38px;height:38px;margin:0;flex:0 0 auto}.contact-option strong,.contact-option small{display:block}.contact-option small{color:var(--body)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:50px;padding:13px 15px;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:#fff;outline:none}.field textarea{min-height:118px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.field.error input,.field.error select{border-color:var(--red)}.field-error{min-height:17px;color:var(--red);font-size:12px}.checkbox{display:flex;gap:10px;align-items:flex-start;color:var(--body);font-size:14px}.checkbox input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--blue)}.final-cta{text-align:center}.final-cta h2{max-width:800px;margin:0 auto 20px}.final-cta p{max-width:620px;margin:0 auto 30px;color:#a8acb3}.final-cta .cta-row{justify-content:center}.footer{padding:64px 0 26px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:36px}.footer-brand img{width:150px}.footer-brand p{max-width:280px;margin-top:20px;color:var(--body);font-size:14px}.footer h3{font-size:14px}.footer-links{display:grid;gap:12px;color:var(--body);font-size:14px}.legal{display:flex;justify-content:space-between;gap:20px;margin-top:56px;padding-top:24px;color:var(--muted);border-top:1px solid var(--line);font-size:13px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-visual{position:relative;display:flex;overflow:hidden;flex-direction:column;justify-content:space-between;padding:48px;color:#fff;background:var(--dark)}.auth-visual::after{content:"";position:absolute;right:-180px;bottom:-180px;width:520px;height:520px;border:1px solid rgba(0,82,255,.35);border-radius:50%}.auth-logo{position:relative;z-index:1;width:150px;padding:8px 10px;border-radius:12px;background:#fff}.auth-copy{position:relative;z-index:1;max-width:620px}.auth-copy h1{font-size:clamp(44px,5vw,68px)}.auth-copy p{color:#a8acb3}.auth-panel{display:flex;align-items:center;justify-content:center;padding:48px}.auth-card{width:min(100%,600px)}.auth-card.narrow{max-width:460px}.auth-card h2{font-size:40px}.auth-card>p{color:var(--body)}.auth-form{margin-top:30px}.form-section{margin:28px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:14px}.auth-footer{margin-top:22px;color:var(--body);text-align:center;font-size:14px}.auth-footer a{color:var(--blue);font-weight:600}.back-home{position:absolute;top:28px;right:30px;z-index:2}.status-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:var(--soft)}.status-card-page{width:min(100%,680px);padding:52px;border:1px solid var(--line);border-radius:28px;background:#fff;text-align:center}.status-illustration{display:grid;width:76px;height:76px;margin:0 auto 26px;place-items:center;color:var(--blue);border-radius:50%;background:#edf3ff}.status-card-page h1{font-size:44px}.status-card-page>p{color:var(--body)}.status-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0;text-align:left}.status-info div{padding:16px;border-radius:16px;background:var(--soft)}.status-info small,.status-info strong{display:block}.status-info small{margin-bottom:6px;color:var(--muted)}.status-info strong{font-size:13px}.status-card-page .cta-row{justify-content:center}.toast-root{position:fixed;right:24px;bottom:24px;z-index:100}.toast{margin-top:10px;padding:14px 20px;color:#fff;border-radius:100px;background:var(--dark);box-shadow:0 10px 35px rgba(0,0,0,.2);animation:toast-in .25s ease}.toast.success::before{content:"✓";margin-right:9px;color:#72e3ad}.toast.error::before{content:"!";margin-right:9px;color:#ff8a94}@keyframes toast-in{from{opacity:0;transform:translateY(12px)}}
@media(max-width:1024px){.nav-links{display:none}.menu-toggle{display:grid;place-items:center;margin-left:auto}.nav-actions .btn-secondary{display:none}.nav-links.open{position:fixed;inset:72px 0 auto;display:grid;gap:0;padding:16px 24px 28px;background:#fff;border-bottom:1px solid var(--line)}.nav-links.open a{padding:14px 0;border-bottom:1px solid var(--line)}.hero-grid,.solution-grid,.dashboard-preview,.saas-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:70px}.dashboard-shell{max-width:680px}.feature-grid,.module-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}.problem-grid{grid-template-columns:repeat(2,1fr)}.workflow-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card{min-height:auto}.steps{grid-template-columns:1fr;gap:22px}.step{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:0;text-align:left}.step::before{margin:0}.step:not(:last-child)::after{top:50px;left:24px;width:1px;height:22px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.auth-layout{grid-template-columns:1fr}.auth-visual{min-height:420px}.auth-panel{padding:60px 32px}.status-info{grid-template-columns:1fr}}
@media(max-width:640px){.container{width:min(calc(100% - 32px),var(--container))}.section{padding:72px 0}.site-nav{height:64px}.brand img{width:112px;height:42px}.nav-links.open{top:64px}.nav-actions .btn-primary{min-height:40px;padding:9px 15px;font-size:14px}.hero{padding:64px 0 78px}.hero-grid{gap:54px}.hero h1{font-size:44px}.hero-copy p{font-size:16px}.cta-row .btn{width:100%}.floating-card{display:none}.mock-stats{grid-template-columns:1fr}.mock-stats .mock-card:nth-child(n+2){display:none}.section-head{display:block;margin-bottom:34px}.problem-grid,.feature-grid,.module-grid,.benefit-grid,.workflow-grid,.tenant-visual{grid-template-columns:1fr}.simple-card,.feature-card{min-height:0}.preview-stats{grid-template-columns:1fr}.table-row{grid-template-columns:1.2fr .8fr}.table-row>*:nth-child(3){display:none}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-card{padding:24px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.legal{flex-direction:column}.auth-visual{min-height:340px;padding:28px}.auth-copy h1{font-size:40px}.auth-panel{padding:48px 20px}.auth-card h2{font-size:34px}.back-home{top:18px;right:18px}.status-card-page{padding:36px 22px}.status-card-page h1{font-size:36px}.toast-root{right:16px;bottom:16px;left:16px}.toast{border-radius:16px}.dashboard-shell{padding:14px}}

/* Visual alignment with Style 2 APP */
:root{--container:1280px;--body:#4f5663}
h1,h2{text-transform:none}
.hero{padding:76px 0 92px}
.hero-grid{grid-template-columns:minmax(0,1.28fr) minmax(430px,.72fr);gap:46px}
.hero-copy{max-width:790px}
.hero-copy h1{font-size:clamp(50px,5.35vw,74px);letter-spacing:-2px}
.hero .eyebrow,.auth-visual .eyebrow{color:#fff;background:#24272c;border:1px solid #34373d}
.hero .eyebrow{max-width:100%;font-size:12px;letter-spacing:.035em;text-transform:none}
.hero-copy p,.hero-note{color:#c4c7cc}
.hero-note .icon{color:#8eafff}
.dashboard-shell{padding:18px;border-color:#2b2e34;border-radius:24px;background:#16181c;box-shadow:0 24px 64px rgba(0,0,0,.28)}
.dash-top{margin-bottom:14px;padding:2px 2px 12px}
.dash-top>div{display:grid;gap:2px}
.dash-top small,.mock-card small,.mock-chart small{color:#a8acb3;font-size:11px}
.dash-brand{font-size:15px}
.mock-card{padding:14px;border:1px solid #2b2e34;border-radius:16px;background:#111317}
.mock-card strong{margin:6px 0 2px;font-size:15px}
.activity-card{margin-top:10px;padding:14px 16px;border:1px solid #2b2e34;border-radius:16px;background:#111317}
.activity-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.activity-title strong,.mock-chart strong{font-size:13px}
.activity-title>span{color:#8eafff;font-size:10px;font-weight:600}
.activity-rows{display:grid}
.activity-card .row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid #24272c;font-size:11px}
.activity-card .row>span{display:flex;align-items:center;gap:8px;color:#d8d9dc}
.activity-card .row>span i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px #102653}
.activity-card .row b{font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:500}
.mock-chart{height:auto;margin-top:10px;padding:14px 16px;border:1px solid #2b2e34;border-radius:16px;background:#111317}
.chart-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}
.chart-head>div{display:grid;gap:2px}
.chart-legend{display:flex;align-items:center;gap:6px;color:#a8acb3;font-size:10px}
.chart-legend i{width:8px;height:8px;border-radius:3px;background:var(--blue)}
.chart-plot{position:relative;height:112px;margin-top:8px}
.chart-lines{inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,#292c32 28px)}
.bars{padding-top:4px}
.bars i{width:8%;border-radius:5px 5px 2px 2px}
.section-dark .check-list li{color:#f0f1f2;border-color:#303238}
.section-dark .eyebrow{color:#fff}
.section-soft .eyebrow,.section:not(.section-dark) .eyebrow{color:#24272c}
.preview-head .eyebrow{margin:0;color:#24272c}

@media(max-width:1100px){
  .hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:32px}
  .hero-copy h1{font-size:clamp(48px,5.5vw,64px)}
}
@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{max-width:820px}
  .dashboard-shell{max-width:760px}
}
@media(max-width:640px){
  .hero-copy h1{font-size:42px;letter-spacing:-1.2px}
  .hero .eyebrow{line-height:1.35}
  .mock-stats{grid-template-columns:1fr 1fr}
  .mock-stats .mock-card:nth-child(2){display:block}
  .activity-card .row{font-size:10px}
}

/* Theme switcher */
.theme-toggle{display:grid;width:44px;height:44px;flex:0 0 auto;padding:0;place-items:center;color:var(--ink);border:0;border-radius:50%;background:var(--strong);transition:color .18s ease,background .18s ease,transform .18s ease}
.theme-toggle:hover{color:var(--blue);transform:translateY(-1px)}
.theme-toggle .icon{width:19px;height:19px}
#about .section-head{align-items:flex-start}
#about .section-head>p{margin-top:0;padding-top:0}
.auth-actions{position:absolute;top:28px;right:30px;z-index:2;display:flex;gap:10px}
.status-theme-toggle{position:fixed;top:24px;right:24px;z-index:2}

body.theme-dark{color:#fff;background:#0f172a;color-scheme:dark}
.theme-dark .site-nav{background:rgba(15,23,42,.94);border-bottom-color:#2c3850}
.theme-dark .brand img,.theme-dark .footer-brand img{padding:5px 7px;border-radius:9px;background:#fff}
.theme-dark .nav-links,.theme-dark .nav-actions .btn-secondary{color:#fff}
.theme-dark .nav-actions .btn-secondary,.theme-dark .theme-toggle,.theme-dark .menu-toggle{color:#fff;background:#24272c}
.theme-dark .nav-links.open{background:#0f172a;border-bottom-color:#2c3850}
.theme-dark .nav-links.open a{border-bottom-color:#2b2e34}
.theme-dark .section:not(.section-dark),.theme-dark .footer{color:#fff;background:#0f172a}
.theme-dark .section-soft{color:#fff;background:#111317}
.theme-dark .section:not(.section-dark) .eyebrow,.theme-dark .section-soft .eyebrow{color:#fff;background:#24272c}
.theme-dark .section-head p,.theme-dark .lead,.theme-dark .simple-card p,.theme-dark .feature-card p,.theme-dark .module-card p,.theme-dark .module-card ul,.theme-dark .step p,.theme-dark .faq-answer p,.theme-dark .pricing-note,.theme-dark .contact-option small,.theme-dark .footer-brand p,.theme-dark .footer-links,.theme-dark .legal{color:#a8acb3}
.theme-dark .simple-card,.theme-dark .feature-card,.theme-dark .module-card,.theme-dark .benefit-card,.theme-dark .pricing-card:not(.popular),.theme-dark .contact-card,.theme-dark .preview-light{color:#fff;background:#16181c;border-color:#2b2e34}
.theme-dark .solution-panel,.theme-dark .preview-stat,.theme-dark .contact-option{color:#fff;background:#16181c}
.theme-dark .solution-panel .check-list li,.theme-dark .module-card ul,.theme-dark .faq-item,.theme-dark .legal{border-color:#2b2e34}
.theme-dark .preview-stat small,.theme-dark .table-row:first-child{color:#a8acb3}
.theme-dark .table,.theme-dark .table-row{border-color:#2b2e34}
.theme-dark .table-row:first-child{background:#111317}
.theme-dark .pricing-card .limits,.theme-dark .pricing-card .plan-desc{color:#a8acb3}
.theme-dark .plan-features{border-color:#2b2e34}
.theme-dark .pricing-card:not(.popular) .btn-secondary{color:#fff;background:#24272c}
.theme-dark .field input,.theme-dark .field select,.theme-dark .field textarea{color:#fff;background:#111317;border-color:#34373d}
.theme-dark .field input::placeholder,.theme-dark .field textarea::placeholder{color:#70757e}
.theme-dark .checkbox{color:#c4c7cc}
.theme-dark .footer{border-top:1px solid #2b2e34}
.theme-dark .auth-panel{color:#fff;background:#0f172a}
.theme-dark .auth-card>p,.theme-dark .auth-footer{color:#a8acb3}
.theme-dark .auth-actions .btn-secondary{color:#fff;background:#24272c}
.theme-dark .status-page{color:#fff;background:#0f172a}
.theme-dark .status-card-page{color:#fff;background:#16181c;border-color:#2b2e34}
.theme-dark .status-card-page>p{color:#a8acb3}
.theme-dark .status-info div{background:#24272c}
.theme-dark .status-info small{color:#a8acb3}
.theme-dark .status-card-page .btn-secondary{color:#fff;background:#24272c}

@media(max-width:640px){
  .theme-toggle{width:40px;height:40px}
  #about .section-head>p{padding-top:0}
  .auth-actions{top:18px;right:18px}
  .auth-actions .btn{display:none}
}

/* Cleaner light composition and consistent iconography */
.hero{color:var(--ink);background:
  radial-gradient(circle at 92% 8%,rgba(0,82,255,.11),transparent 30%),
  linear-gradient(180deg,#fff 0%,#f8faff 100%)}
.hero{display:flex;min-height:calc(100vh - 72px);align-items:center;padding:56px 0}
.hero::after{border-color:rgba(0,82,255,.12)}
.hero .eyebrow{color:#17428f;background:#edf3ff;border-color:#dce7ff}
.hero-copy p,.hero-note{color:#596273}
.hero-note .icon{color:var(--blue)}
.btn-outline-dark{color:var(--ink);border-color:#cfd5df;background:#fff}
.btn-outline-dark:hover{border-color:var(--blue);color:var(--blue)}
.dashboard-shell{color:var(--ink);background:#fff;border-color:#dfe5ee;box-shadow:0 24px 60px rgba(38,58,92,.14)}
.mock-card,.activity-card,.mock-chart{background:#f7f9fc;border-color:#e1e6ee}
.dash-top small,.mock-card small,.mock-chart small{color:#697386}
.chart-lines{background:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,#e1e6ee 28px)}
.activity-card .row{border-color:#e1e6ee}
.activity-card .row>span{color:#354052}
.dash-dot i{background:#c7cfdb}
.chart-legend{color:#697386}
.workflow-section{background:#f5f8ff}
.workflow-card{color:var(--ink);border:1px solid #dfe7f5;background:#fff}
.flow-step{color:#354052;border-color:#e2e7ef;background:#fafbfe}
.flow-step+ .flow-step::before{color:var(--blue)}
.saas-section{background:#fff}
.saas-section .lead{color:var(--body)}
.tenant{color:var(--ink);border-color:#dfe5ee;background:#f7f9fc}
.tenant span{background:#dfe5ee}
.card-icon{width:44px;height:44px;margin-bottom:28px;border:1px solid #dce7ff;background:#f0f5ff}
.card-icon .icon{width:20px;height:20px}
.icon svg{display:block;overflow:visible;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.benefit-card{align-items:center;min-height:92px}
.benefit-check{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;color:var(--blue);border:1px solid #dce7ff;border-radius:50%;background:#f0f5ff;font-size:14px;font-weight:700}
.benefit-card h3{margin:0}
.check{width:22px;height:22px;font-size:12px}
.workflow-card h3{display:flex;align-items:center;min-height:44px;margin-bottom:20px}
.theme-toggle,.menu-toggle{border:1px solid #e1e5eb;background:#f7f7f7}
.auth-visual{background:linear-gradient(145deg,#123b91 0%,#1749b8 52%,#0052ff 100%)}
.auth-visual::after{border-color:rgba(255,255,255,.22)}
.toast{background:#172033}
.pricing-card.popular{border-color:#1749b8;background:#123b91;box-shadow:0 16px 40px rgba(18,59,145,.14)}
.popular .plan-features{border-color:rgba(255,255,255,.18)}
.final-cta{background:linear-gradient(135deg,#1749b8 0%,#0052ff 100%)}
.final-cta p{color:#e4ecff}
.final-cta .btn-primary{color:var(--blue);background:#fff}
.final-cta .btn-primary:hover{color:var(--blue-active);background:#f4f7ff}
.final-cta .btn-outline-dark{color:#fff;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.08)}
.icon svg *{vector-effect:non-scaling-stroke}

.theme-dark .hero{color:#fff;background:
  radial-gradient(circle at 92% 8%,rgba(0,82,255,.16),transparent 30%),
  #111827}
.theme-dark .hero .eyebrow{color:#dce7ff;background:#17264a;border-color:#29457c}
.theme-dark .hero-copy p,.theme-dark .hero-note{color:#c2c9d4}
.theme-dark .btn-outline-dark{color:#fff;border-color:#43506a;background:#172033}
.theme-dark .dashboard-shell{color:#fff;background:#172033;border-color:#2c3850}
.theme-dark .mock-card,.theme-dark .activity-card,.theme-dark .mock-chart{background:#101827;border-color:#2c3850}
.theme-dark .dash-top small,.theme-dark .mock-card small,.theme-dark .mock-chart small,.theme-dark .chart-legend{color:#a8b2c1}
.theme-dark .activity-card .row{border-color:#26334b}
.theme-dark .activity-card .row>span{color:#d8dee8}
.theme-dark .chart-lines{background:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,#26334b 28px)}
.theme-dark .dash-dot i{background:#41506a}
.theme-dark .workflow-section,.theme-dark .saas-section{color:#fff;background:#111827}
.theme-dark .workflow-card,.theme-dark .tenant{color:#fff;border-color:#2c3850;background:#172033}
.theme-dark .flow-step{color:#dce2eb;border-color:#2c3850;background:#101827}
.theme-dark .saas-section .lead{color:#aeb7c5}
.theme-dark .tenant span{background:#344058}
.theme-dark .card-icon,.theme-dark .benefit-check{border-color:#29457c;background:#17264a}
.theme-dark .pricing-card.popular{border-color:#3157aa;background:#172f68}
.theme-dark .final-cta{background:linear-gradient(135deg,#172f68 0%,#1749b8 100%)}

.access-section{background:#fff}
.free-access-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;padding:56px;border:1px solid #dfe7f5;border-radius:32px;background:linear-gradient(135deg,#f8faff 0%,#eef4ff 100%)}
.free-access-copy{align-self:center}
.free-access-copy>p{max-width:560px;margin-bottom:28px;color:var(--body);font-size:17px}
.free-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.free-feature{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid #e0e8f6;border-radius:18px;background:#fff}
.free-feature .benefit-check{width:32px;height:32px;flex-basis:32px}
.free-feature strong,.free-feature small{display:block}
.free-feature strong{margin:3px 0 5px;font-size:14px}
.free-feature small{color:var(--body);font-size:12px;line-height:1.5}
.free-note{margin:18px 0 0;color:var(--body);text-align:center;font-size:13px}
.free-plan-info{display:flex;grid-template-columns:none;align-items:center;gap:13px;padding:16px;border:1px solid #dce7ff;border-radius:16px;background:#f5f8ff}
.free-plan-info strong,.free-plan-info small{display:block}
.free-plan-info small{margin-top:3px;color:var(--body)}
.theme-dark .access-section{background:#0f172a}
.theme-dark .free-access-card{border-color:#2c3850;background:linear-gradient(135deg,#111c33 0%,#17264a 100%)}
.theme-dark .free-access-copy>p,.theme-dark .free-feature small,.theme-dark .free-note,.theme-dark .free-plan-info small{color:#aeb7c5}
.theme-dark .free-feature,.theme-dark .free-plan-info{color:#fff;border-color:#2c3850;background:#172033}

@media(max-width:640px){
  .card-icon{margin-bottom:22px}
  .benefit-card{min-height:80px}
}

@media(max-width:1024px){
  .hero{min-height:calc(100vh - 72px);padding:72px 0}
  .free-access-card{grid-template-columns:1fr;gap:38px;padding:40px}
}
@media(max-width:640px){
  .hero{min-height:calc(100svh - 64px);padding:48px 0}
  .free-access-card{padding:26px 20px;border-radius:24px}
  .free-feature-grid{grid-template-columns:1fr}
}

.eyebrow{text-transform:none}

/* Consistent section composition */
.section-head{align-items:flex-start}
.section-head>p{margin-top:0;padding-top:52px}
#about .section-head>p{padding-top:52px}
.modules-section,.workflow-section{position:relative;overflow:hidden}
.modules-section::before,.workflow-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,82,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,82,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}
.modules-section::after{content:"";position:absolute;top:-180px;right:-140px;width:520px;height:520px;border:1px solid rgba(0,82,255,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(0,82,255,.025),0 0 0 140px rgba(0,82,255,.018);pointer-events:none}
.modules-section .container,.workflow-section .container{position:relative;z-index:1}
.contact-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8faff 0%,#f3f6fb 100%)}
.contact-section::before{content:"";position:absolute;right:-110px;bottom:-170px;width:430px;height:430px;border:1px solid rgba(0,82,255,.1);border-radius:50%;box-shadow:0 0 0 55px rgba(0,82,255,.025),0 0 0 110px rgba(0,82,255,.018);pointer-events:none}
.contact-section .container{position:relative;z-index:1}

/* Module cards use the same icon language as Style 2 APP */
.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.module-card{display:flex;min-height:300px;flex-direction:column;padding:26px}
.module-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.module-head h3{margin:0}
.module-icon,.workflow-icon{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;color:var(--blue);border:1px solid #dce7ff;border-radius:50%;background:#edf3ff}
.module-icon .icon,.workflow-icon .icon{width:20px;height:20px}
.module-card>p{min-height:48px}
.module-card ul{display:grid;gap:0;margin-top:auto}
.module-card li{display:flex;align-items:center;gap:9px;margin:0;padding:9px 0;border-bottom:1px solid #eef1f5}
.module-card li:last-child{border-bottom:0}
.module-card li::before{display:none}
.module-card li span{display:grid;width:18px;height:18px;place-items:center;color:var(--blue);border-radius:50%;background:#edf3ff;font-size:10px;font-weight:700}

/* Clear connected workflow lanes */
.workflow-section{background:linear-gradient(180deg,#f7faff 0%,#eef4ff 100%)}
.workflow-section::before{background-image:radial-gradient(rgba(0,82,255,.11) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent)}
.workflow-grid{grid-template-columns:1fr;gap:16px}
.workflow-card{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:26px;padding:24px 28px;border-color:#dbe5f5;box-shadow:0 8px 28px rgba(45,70,120,.05)}
.workflow-title{display:flex;align-items:center;gap:13px}
.workflow-title small{display:block;margin-bottom:3px;color:var(--muted);font-size:11px}
.workflow-title h3{min-height:0;margin:0}
.flow-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:28px;margin:0}
.flow-step{display:flex;min-height:78px;align-items:center;gap:11px;padding:14px;border-color:#dfe6f1;background:#f9fbff}
.flow-step strong{font-size:12px;line-height:1.35}
.step-number{position:static;display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;color:#fff;border-radius:50%;background:var(--blue);font-size:10px}
.flow-step+ .flow-step{margin-top:0}
.flow-step+ .flow-step::before{content:"";position:absolute;top:50%;left:-29px;width:28px;height:1px;background:#a9bfe9}
.flow-step+ .flow-step::after{content:"";position:absolute;top:calc(50% - 3px);left:-5px;width:6px;height:6px;border-top:1px solid #6f91d4;border-right:1px solid #6f91d4;transform:rotate(45deg)}

.theme-dark .modules-section::before,.theme-dark .workflow-section::before{opacity:.45}
.theme-dark .module-icon,.theme-dark .workflow-icon,.theme-dark .module-card li span{color:#9bb8ff;border-color:#29457c;background:#17264a}
.theme-dark .module-card li{border-color:#2c3850}
.theme-dark .workflow-section{background:linear-gradient(180deg,#111827 0%,#13203a 100%)}
.theme-dark .contact-section{background:linear-gradient(180deg,#111827 0%,#0f172a 100%)}
.theme-dark .flow-step+ .flow-step::before{background:#38558e}
.theme-dark .flow-step+ .flow-step::after{border-color:#6688ca}

@media(max-width:1100px){
  .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workflow-card{grid-template-columns:1fr}
}
@media(max-width:780px){
  .section-head>p,#about .section-head>p{padding-top:0}
  .flow-list{grid-template-columns:1fr;gap:12px}
  .flow-step+ .flow-step::before{top:-13px;left:29px;width:1px;height:12px}
  .flow-step+ .flow-step::after{top:-5px;left:26px;transform:rotate(135deg)}
}
@media(max-width:640px){
  .module-grid{grid-template-columns:1fr}
  .module-card{min-height:0}
  .workflow-card{padding:22px 18px}
}

/* Spacing rhythm and utility actions */
:root{--section-space:84px;--grid-gap:18px}
.section{padding:var(--section-space) 0}
.section-head{gap:48px;margin-bottom:40px}
.section-head>div{max-width:720px}
.section-head>p{padding-top:48px}
#about .section-head>p{padding-top:48px}
.problem-grid,.feature-grid,.benefit-grid,.module-grid{gap:var(--grid-gap)}
.simple-card,.feature-card,.module-card,.benefit-card{padding:26px}
.solution-grid,.saas-grid{gap:56px}
.dashboard-preview{gap:52px}
.contact-grid{gap:44px}
.eyebrow{margin-bottom:16px}
h2{margin-bottom:16px}
.btn-demo{color:#fff;background:#1749b8}
.btn-demo:hover{background:#123b91}
.scroll-top{position:fixed;right:24px;bottom:24px;z-index:70;display:grid;width:48px;height:48px;padding:0;place-items:center;color:#fff;border:0;border-radius:50%;background:var(--blue);box-shadow:0 12px 30px rgba(0,82,255,.24);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .2s ease}
.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.scroll-top:hover{background:var(--blue-active);transform:translateY(-2px)}
.scroll-top .icon{width:21px;height:21px}
.theme-dark .btn-demo{background:#3157aa}
.theme-dark .btn-demo:hover{background:#3f68c5}

@media(max-width:1120px){
  .demo-nav{display:none}
}
@media(max-width:780px){
  :root{--section-space:68px;--grid-gap:14px}
  .section-head{gap:24px;margin-bottom:32px}
  .section-head>p,#about .section-head>p{padding-top:0}
  .solution-grid,.saas-grid,.dashboard-preview,.contact-grid{gap:36px}
}
@media(max-width:640px){
  :root{--section-space:60px}
  .simple-card,.feature-card,.module-card,.benefit-card{padding:22px}
  .hero .cta-row{gap:10px}
  .scroll-top{right:16px;bottom:16px;width:44px;height:44px}
  .account-nav{padding-inline:14px;font-size:13px}
}

/* Dedicated free-access section */
.access-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#edf4ff 0%,#f7faff 48%,#eef4ff 100%)}
.access-section::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,82,255,.09) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);pointer-events:none}
.access-section::after{content:"";position:absolute;top:-280px;left:50%;width:720px;height:720px;border:1px solid rgba(0,82,255,.1);border-radius:50%;box-shadow:0 0 0 90px rgba(0,82,255,.025),0 0 0 180px rgba(0,82,255,.016);transform:translateX(-50%);pointer-events:none}
.access-section .container{position:relative;z-index:1}
.free-access-card{display:contents}
.free-section-head{max-width:820px;margin:0 auto 44px;text-align:center}
.free-section-head h2{max-width:760px;margin-right:auto;margin-left:auto}
.free-section-head>p{max-width:690px;margin:0 auto 26px;color:var(--body);font-size:17px}
.free-section-head .cta-row{justify-content:center}
.free-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.free-feature{min-height:142px;padding:22px;border-color:#dce6f5;border-radius:20px;box-shadow:0 8px 28px rgba(45,70,120,.045)}
.free-feature .benefit-check{width:36px;height:36px;flex-basis:36px}
.free-feature strong{font-size:15px}
.free-feature small{font-size:13px}
.free-note{margin-top:24px}

/* Connected multi-company workspace illustration */
.saas-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8faff 100%)}
.saas-section::before{content:"";position:absolute;right:-160px;top:-180px;width:520px;height:520px;border:1px solid rgba(0,82,255,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(0,82,255,.022),0 0 0 140px rgba(0,82,255,.014);pointer-events:none}
.saas-section .container{position:relative;z-index:1}
.saas-copy{align-self:center}
.workspace-visual{position:relative;min-height:520px;border:1px solid #dfe7f3;border-radius:32px;background:linear-gradient(145deg,#f5f8ff,#fff);box-shadow:0 18px 50px rgba(45,70,120,.08)}
.workspace-visual::before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(rgba(0,82,255,.08) 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(circle,black,transparent 72%)}
.workspace-orbit{position:absolute;top:50%;left:50%;border:1px dashed rgba(0,82,255,.2);border-radius:50%;transform:translate(-50%,-50%)}
.orbit-one{width:300px;height:300px}
.orbit-two{width:440px;height:440px}
.workspace-core{position:absolute;top:50%;left:50%;z-index:2;display:flex;width:180px;height:180px;align-items:center;justify-content:center;flex-direction:column;padding:24px;border:1px solid #cbdcff;border-radius:50%;background:#fff;box-shadow:0 18px 44px rgba(0,82,255,.14);transform:translate(-50%,-50%);text-align:center}
.workspace-core img{width:105px;margin-bottom:12px}
.workspace-core strong{font-size:14px}
.workspace-core small{color:var(--body);font-size:11px}
.core-status{display:flex;align-items:center;gap:5px;margin-top:9px;padding:3px 8px;color:#087a4b;border-radius:100px;background:#eaf8f1;font-size:10px;font-weight:600}
.core-status i{width:6px;height:6px;border-radius:50%;background:var(--green)}
.company-node{position:absolute;z-index:3;display:flex;width:200px;align-items:center;gap:11px;padding:13px 14px;border:1px solid #dce5f2;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(45,70,120,.08)}
.company-node>span{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;color:var(--blue);border-radius:50%;background:#edf3ff}
.company-node>span .icon{width:17px;height:17px}
.company-node strong,.company-node small{display:block}
.company-node strong{font-size:12px}
.company-node small{margin-top:2px;color:var(--muted);font-size:9px}
.company-node>i{position:absolute;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px #d6f2e5}
.node-1{top:42px;left:28px}.node-1>i{right:12px;bottom:-4px}
.node-2{top:62px;right:24px}.node-2>i{bottom:-4px;left:12px}
.node-3{bottom:54px;left:26px}.node-3>i{top:-4px;right:12px}
.node-4{right:28px;bottom:38px}.node-4>i{top:-4px;left:12px}

.theme-dark .access-section{background:linear-gradient(135deg,#101a30 0%,#13203a 50%,#101a30 100%)}
.theme-dark .saas-section{background:linear-gradient(180deg,#0f172a 0%,#111c33 100%)}
.theme-dark .workspace-visual{border-color:#2c3850;background:linear-gradient(145deg,#111c33,#172033)}
.theme-dark .workspace-core,.theme-dark .company-node{color:#fff;border-color:#30405e;background:#172033}
.theme-dark .workspace-core small,.theme-dark .company-node small{color:#aeb7c5}
.theme-dark .workspace-core img{padding:4px 6px;border-radius:7px;background:#fff}

@media(max-width:1100px){
  .workspace-visual{min-height:480px}
  .orbit-two{width:400px;height:400px}
  .company-node{width:180px}
}
@media(max-width:1024px){
  .free-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-visual{width:min(100%,680px);margin:auto}
}
@media(max-width:640px){
  .free-section-head{margin-bottom:32px;text-align:left}
  .free-section-head .cta-row{justify-content:flex-start}
  .free-feature-grid{grid-template-columns:1fr}
  .free-feature{min-height:0}
  .workspace-visual{display:grid;min-height:0;gap:10px;padding:24px 18px}
  .workspace-orbit{display:none}
  .workspace-core{position:relative;top:auto;left:auto;width:160px;height:160px;margin:0 auto 12px;transform:none}
  .company-node{position:relative;inset:auto;width:100%}
  .company-node>i{top:50%;right:14px;bottom:auto;left:auto;transform:translateY(-50%)}
}

/* Mobile refinement: 360–640px */
@media(max-width:640px){
  html{scroll-padding-top:64px}
  body{font-size:15px;overflow-x:hidden}
  .container{width:min(calc(100% - 32px),var(--container))}
  h1{font-size:clamp(36px,11vw,44px);line-height:1.04;letter-spacing:-1.2px}
  h2{font-size:clamp(30px,9vw,38px);line-height:1.08;letter-spacing:-.8px}
  h3{font-size:17px}
  .lead{font-size:16px}
  .eyebrow{max-width:100%;margin-bottom:14px;padding:5px 10px;line-height:1.35}

  .site-nav{height:64px}
  .nav-inner{gap:8px}
  .brand img{width:98px;height:38px}
  .menu-toggle,.theme-toggle{width:40px;height:40px;flex:0 0 40px}
  .menu-toggle{order:3;margin-left:auto}
  .nav-actions{order:2;gap:6px}
  .nav-actions .theme-toggle{display:grid}
  .account-nav{min-height:40px;padding:8px 12px;font-size:12px;white-space:nowrap}
  .nav-links.open{top:64px;max-height:calc(100dvh - 64px);overflow-y:auto;padding:10px 16px 20px}
  .nav-links.open a{padding:13px 4px}

  .hero{min-height:auto;padding:44px 0 54px}
  .hero-grid{gap:40px}
  .hero-copy p{font-size:16px;line-height:1.6}
  .hero .cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero .cta-row .btn{width:100%;min-height:50px;padding:12px 14px;font-size:14px}
  .hero-note{align-items:flex-start;margin-top:16px;font-size:12px;line-height:1.5}
  .hero-note .icon{margin-top:1px;flex:0 0 20px}

  .dashboard-shell{width:100%;padding:12px;border-radius:20px}
  .dash-top{margin-bottom:10px;padding:2px 2px 9px}
  .mock-stats{grid-template-columns:1fr 1fr;gap:8px}
  .mock-stats .mock-card:nth-child(2){display:block}
  .mock-stats .mock-card:nth-child(3){display:none}
  .mock-card{padding:11px;border-radius:12px}
  .mock-card strong{font-size:13px}
  .activity-card,.mock-chart{margin-top:8px;padding:12px;border-radius:13px}
  .activity-title>span{display:none}
  .activity-card .row{padding:7px 0}
  .chart-plot{height:96px}

  .section-head{display:block;margin-bottom:28px}
  .section-head>p,#about .section-head>p{max-width:none;margin-bottom:0;padding-top:0}
  .simple-card,.feature-card,.module-card,.benefit-card{border-radius:20px}
  .simple-card{min-height:0}
  .feature-card{min-height:0}
  .card-icon{margin-bottom:20px}
  .solution-panel{padding:22px;border-radius:20px}
  .check-list li{gap:10px;padding:12px 0}

  .module-card{padding:20px}
  .module-head{margin-bottom:15px}
  .module-card>p{min-height:0}
  .module-card ul{margin-top:16px;padding-top:12px}

  .workflow-card{gap:20px;border-radius:20px}
  .workflow-title{padding-bottom:16px;border-bottom:1px solid #e3e9f2}
  .theme-dark .workflow-title{border-color:#2c3850}
  .flow-step{min-height:64px;padding:12px}

  .dashboard-preview .btn{width:100%}
  .preview-light{padding:16px;border-radius:20px}
  .preview-head{align-items:flex-start;gap:10px}
  .preview-head .eyebrow{display:none}
  .preview-stats{grid-template-columns:1fr 1fr;gap:8px}
  .preview-stat:last-child{grid-column:1/-1}
  .table-row{padding:11px 12px;font-size:12px}

  .benefit-card{min-height:72px;padding:18px}
  .benefit-check{width:34px;height:34px;flex-basis:34px}

  .saas-copy .check-list{margin-bottom:4px}
  .workspace-visual{border-radius:22px}
  .workspace-core{width:148px;height:148px;padding:18px}
  .workspace-core img{width:88px;margin-bottom:9px}
  .company-node{padding:12px;border-radius:14px}

  .free-section-head>p{font-size:15px;line-height:1.6}
  .free-section-head .cta-row{display:grid;grid-template-columns:1fr;gap:10px}
  .free-section-head .btn{width:100%;min-height:50px}
  .free-feature{padding:18px;border-radius:18px}
  .free-note{text-align:left;line-height:1.5}

  .steps{gap:16px}
  .step{grid-template-columns:40px 1fr;gap:13px}
  .step::before{width:40px;height:40px}
  .step:not(:last-child)::after{top:42px;left:20px;height:16px}
  .step h3{margin-bottom:5px}
  .step p{margin-bottom:0}

  .faq-question{padding:19px 0;font-size:16px}
  .faq-answer p{padding-right:20px}

  .contact-card{padding:20px;border-radius:20px}
  .contact-options{margin-top:22px}
  .contact-option{padding:13px}
  .field input,.field select,.field textarea{font-size:16px}

  .final-cta .container{width:min(calc(100% - 36px),var(--container))}
  .final-cta .cta-row{display:grid;grid-template-columns:1fr;gap:10px}
  .final-cta .btn{width:100%}

  .footer{padding:48px 0 22px}
  .footer-grid{gap:28px}
  .footer-brand p{margin-top:14px}
  .footer-links{gap:10px}
  .legal{margin-top:36px;padding-top:20px}

  .auth-visual{min-height:300px;padding:24px 20px}
  .auth-copy h1{font-size:36px}
  .auth-panel{padding:42px 16px}
  .auth-card h2{font-size:30px}
  .auth-actions{top:14px;right:14px}
  .status-page{padding:76px 16px 24px}
  .status-card-page{padding:30px 18px;border-radius:22px}
  .status-card-page h1{font-size:30px}
  .status-card-page .cta-row{display:grid;grid-template-columns:1fr}
  .status-card-page .btn{width:100%}
}

@media(max-width:420px){
  .container{width:min(calc(100% - 24px),var(--container))}
  .brand img{width:88px}
  .nav-inner{gap:6px}
  .theme-toggle,.menu-toggle{width:38px;height:38px;flex-basis:38px}
  .account-nav{padding-inline:11px;font-size:11px}
  .hero{padding-top:36px}
  .hero .cta-row{grid-template-columns:1fr}
  .hero .cta-row .btn{min-height:48px}
  .mock-stats{grid-template-columns:1fr}
  .mock-stats .mock-card:nth-child(2){display:none}
  .dash-dot{display:none}
  .activity-card .row{font-size:10px}
  .activity-card .row b{font-size:9px}
  .chart-head{align-items:flex-start}
  .chart-legend{display:none}
  .free-feature{gap:10px;padding:16px}
  .company-node small{font-size:9px}
  .scroll-top{right:12px;bottom:12px}
}