/*
 * OrbitSuite Promotional Landing Page V9
 * Readability, hierarchy and conversion-focused visual refinement.
 * Loaded after styles.css so the original build remains easy to compare.
 */

:root{
  --ink:#0b1528;
  --ink-soft:#45546d;
  --ink-muted:#6c7890;
  --line:#dbe2ec;
  --paper-soft:#f5f7fb;
  --container:1360px;
  --shadow-sm:0 12px 34px rgba(20,34,64,.08);
  --shadow-md:0 26px 72px rgba(20,34,64,.13);
}

body{
  font-size:17px;
  line-height:1.62;
  color:var(--ink);
}

.container{
  width:min(calc(100% - 64px),var(--container));
}

/* Header and navigation: make every primary action readable at a glance. */
.announcement-inner{
  min-height:46px;
  font-size:14px;
}
.announcement-badge{
  padding:5px 9px;
  font-size:10px;
  letter-spacing:.7px;
}
.announcement-inner>a{
  font-size:13px;
}
.nav-wrap{
  min-height:82px;
  gap:40px;
}
.brand img{
  width:42px;
  height:42px;
}
.brand>span{
  font-size:22px;
  letter-spacing:-.5px;
}
.brand small{
  margin-top:5px;
  color:#93a0b5;
  font-size:9px;
  letter-spacing:.9px;
}
.desktop-nav{
  gap:31px;
}
.desktop-nav a,
.text-cta{
  color:#b7c1d1;
  font-size:14px;
  font-weight:700;
}
.btn{
  min-height:48px;
  padding-inline:21px;
  border-radius:12px;
  font-size:14px;
  font-weight:800;
}
.btn-large{
  min-height:56px;
  padding-inline:25px;
  border-radius:14px;
  font-size:15px;
}
.btn-nav{
  min-height:46px;
  padding-inline:19px;
}

/* Hero: direct product message first, visual proof second. */
.hero{
  padding:76px 0 72px;
  background:
    radial-gradient(circle at 73% 28%,rgba(43,102,211,.34),transparent 31%),
    linear-gradient(145deg,#07111f 0%,#0a1428 56%,#071725 100%);
}
.hero-layout{
  grid-template-columns:minmax(0,.94fr) minmax(610px,1.06fr);
  gap:48px;
}
.hero-copy{
  padding:12px 0 24px;
}
.eyebrow,
.kicker{
  gap:10px;
  font-size:11.5px;
  font-weight:850;
  letter-spacing:1.25px;
}
.eyebrow{
  color:#c4ccda;
}
.eyebrow-dot{
  width:8px;
  height:8px;
}
.hero h1{
  max-width:690px;
  margin:22px 0 23px;
  font-size:clamp(3.35rem,4.15vw,4.55rem);
  line-height:1.01;
  letter-spacing:-3.5px;
  font-weight:850;
}
.hero-lead{
  max-width:660px;
  color:#c1cada;
  font-size:18px;
  line-height:1.65;
}
.hero-actions{
  gap:14px;
  margin-top:32px;
}
.hero-assurance{
  gap:22px;
  margin-top:24px;
  color:#d0d7e3;
  font-size:13px;
  font-weight:680;
}
.hero-assurance svg{
  width:18px;
  height:18px;
  padding:4px;
}
.hero-mini-proof{
  gap:20px;
  margin-top:34px;
  padding-top:25px;
}
.hero-mini-proof b{
  font-size:14px;
}
.hero-mini-proof span{
  color:#9eabc0;
  font-size:12.5px;
  line-height:1.5;
}
.hero-visual{
  min-height:550px;
}
.dashboard-shell{
  width:700px;
  border-color:rgba(255,255,255,.16);
  border-radius:22px;
  transform:perspective(1500px) rotateY(-2.2deg) rotateX(1deg);
}
.dashboard-topbar{
  height:60px;
  padding-inline:20px;
}
.dash-brand{
  font-size:12px;
}
.dash-brand img{
  width:27px;
  height:27px;
}
.sample-label{
  padding:6px 9px;
  font-size:8px;
}
.dash-tools>b{
  font-size:8.5px;
}
.dashboard-body{
  grid-template-columns:60px 1fr;
  min-height:480px;
}
.dash-main{
  padding:20px 21px 18px;
}
.dash-heading small,
.metric-cards small,
.card-title small,
.pipeline-row small{
  font-size:7.6px;
  letter-spacing:.65px;
}
.dash-heading h2{
  margin-top:5px;
  font-size:19px;
}
.dash-heading button{
  padding:8px 10px;
  font-size:8.5px;
}
.metric-cards{
  gap:10px;
  margin-top:16px;
}
.metric-cards article{
  min-height:94px;
  padding:13px 11px 10px;
}
.metric-cards b{
  font-size:16px;
}
.metric-cards em{
  font-size:7.7px;
}
.metric-icon{
  width:26px;
  height:26px;
}
.card-title b{
  font-size:12.5px;
}
.card-title>span,
.chart-labels{
  font-size:7px;
}
.attention-card li b{
  font-size:8.5px;
}
.attention-card li small,
.attention-card li em{
  font-size:7px;
}
.pipeline-row b{
  font-size:12px;
}
.floating-alert{
  padding:13px 15px;
}
.floating-alert small{
  font-size:7px;
}
.floating-alert b{
  font-size:10px;
}

/* Core module rail: convert the tiny strip into a clear platform summary. */
.capability-rail{
  grid-template-columns:repeat(6,1fr);
  margin-top:38px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  background:rgba(14,29,53,.92);
  box-shadow:0 28px 72px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.07);
  overflow:hidden;
}
.capability-heading{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:68px;
  padding:16px 22px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:linear-gradient(90deg,rgba(121,87,255,.13),rgba(47,131,255,.08),rgba(22,203,209,.08));
}
.capability-heading span{
  display:block;
  min-height:0;
  padding:0;
  border:0;
  color:#a99bff;
  font-size:11px;
  font-weight:850;
  letter-spacing:1.1px;
  text-align:left;
}
.capability-heading strong{
  color:#fff;
  font-size:18px;
  line-height:1.35;
  text-align:right;
}
.capability-item{
  display:grid;
  grid-template-columns:42px 1fr;
  align-items:center;
  gap:12px;
  min-height:104px;
  padding:18px 16px;
  border-right:1px solid rgba(255,255,255,.09);
  transition:background .2s,transform .2s;
}
.capability-item:last-child{
  border-right:0;
}
.capability-item:hover{
  background:rgba(255,255,255,.045);
}
.capability-rail .capability-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  min-height:42px;
  padding:0;
  border:1px solid rgba(129,112,255,.25);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(121,87,255,.2),rgba(47,131,255,.12));
  color:#a89aff;
}
.capability-rail .capability-icon svg{
  width:20px;
  height:20px;
}
.capability-rail .capability-copy{
  display:grid;
  justify-content:initial;
  gap:4px;
  min-height:0;
  padding:0;
  border:0;
  color:inherit;
  text-align:left;
}
.capability-copy b{
  color:#f7f9fd;
  font-size:13.5px;
  line-height:1.3;
}
.capability-copy small{
  color:#9ba8bc;
  font-size:11px;
  line-height:1.45;
}

/* Shared section typography: shorter, clearer hierarchy and stronger contrast. */
.problem-section,
.outcomes-section,
.modules-section,
.workflows-section,
.comparison-section,
.intelligence-section,
.implementation-section,
.india-section,
.faq-section,
.demo-section{
  padding-top:104px;
  padding-bottom:104px;
}
.section-heading{
  margin-bottom:48px;
}
.section-heading.centered{
  max-width:900px;
}
.section-heading.split{
  grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
  gap:70px;
}
.section-heading h2,
.comparison-copy h2,
.faq-copy h2,
.intelligence-copy h2,
.demo-copy h2,
.india-copy h2{
  margin-top:14px;
  font-size:clamp(2.75rem,3.6vw,3.85rem);
  line-height:1.07;
  letter-spacing:-2.45px;
}
.section-heading>p,
.section-heading.split>p,
.comparison-copy>p,
.faq-copy>p,
.intelligence-copy>p,
.demo-copy>p,
.india-copy>p{
  margin-top:19px;
  color:var(--ink-soft);
  font-size:17px;
  line-height:1.72;
}
.section-heading.centered>p{
  max-width:760px;
}
.kicker{
  color:#65738a;
}

/* Business problems. */
.problem-section{
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
}
.problem-grid{
  gap:20px;
}
.problem-card{
  min-height:280px;
  padding:29px 27px 27px;
  border-color:#dfe5ee;
  border-radius:20px;
}
.problem-number{
  right:22px;
  top:19px;
  color:#e3e8f0;
  font-size:42px;
}
.problem-icon{
  width:52px;
  height:52px;
}
.problem-card h3{
  margin:38px 0 12px;
  font-size:21px;
  line-height:1.25;
}
.problem-card p{
  color:#56647b;
  font-size:14.5px;
  line-height:1.68;
}
.solution-banner{
  gap:24px;
  margin-top:24px;
  padding:27px 30px;
  border-radius:20px;
}
.solution-banner span{
  font-size:10.5px;
}
.solution-banner h3{
  margin-top:6px;
  font-size:24px;
  line-height:1.28;
}

/* Benefits and outcomes. */
.outcomes-section{
  background:linear-gradient(180deg,#f4f7fb,#fff);
}
.outcome-grid{
  gap:21px;
}
.outcome-card{
  min-height:330px;
  padding:32px 30px;
  border-radius:22px;
}
.outcome-icon{
  width:56px;
  height:56px;
}
.outcome-card small{
  font-size:10.5px;
  letter-spacing:.85px;
}
.outcome-card h3{
  margin:18px 0 13px;
  font-size:23px;
  line-height:1.25;
}
.outcome-card p{
  color:#56647b;
  font-size:14.5px;
  line-height:1.7;
}
.outcome-tag{
  left:30px;
  bottom:27px;
  padding:7px 10px;
  font-size:9.5px;
}

/* Module section and tabbed product previews. */
.modules-section{
  background:linear-gradient(145deg,#07111f,#0b1931 55%,#071a29);
}
.section-heading.light .kicker,
.kicker.light{
  color:#a9b4c7;
}
.section-heading.light>p{
  color:#b6c0d0;
}
.module-tabs{
  gap:10px;
  padding:10px;
  border-radius:19px;
  background:rgba(255,255,255,.05);
}
.module-tab{
  min-height:68px;
  gap:10px;
  padding:13px 12px;
  border-radius:13px;
  color:#a2aec1;
  font-size:13px;
  font-weight:760;
}
.module-tab svg{
  width:20px;
  height:20px;
}
.module-tab.active{
  border-color:rgba(148,128,255,.42);
  background:linear-gradient(135deg,rgba(121,87,255,.3),rgba(47,131,255,.18));
}
.module-panels{
  margin-top:20px;
}
.module-panel{
  grid-template-columns:.88fr 1.12fr;
  min-height:560px;
  border-radius:23px;
}
.module-copy{
  padding:55px 48px;
}
.module-label{
  font-size:10.5px;
  letter-spacing:1.1px;
}
.module-copy h3{
  margin:17px 0 16px;
  font-size:35px;
  line-height:1.13;
}
.module-copy>p{
  color:#b2bdcd;
  font-size:16px;
  line-height:1.7;
}
.feature-list{
  gap:13px 17px;
  margin-top:29px;
}
.feature-list span{
  gap:9px;
  color:#d5dce7;
  font-size:13px;
  line-height:1.45;
}
.feature-list svg{
  width:18px;
  height:18px;
  padding:4px;
}
.module-link{
  margin-top:32px;
  font-size:14px;
}
.module-preview{
  margin:32px;
  border-radius:18px;
}
.preview-header{
  padding:19px 20px;
}
.preview-header small{
  font-size:8.5px;
}
.preview-header b{
  font-size:13.5px;
}
.preview-header>span{
  padding:6px 8px;
  font-size:8px;
}
.kanban{
  gap:10px;
  padding:20px;
}
.kanban>div{
  gap:10px;
  padding:11px;
}
.kanban label{
  font-size:8.5px;
}
.kanban article{
  gap:5px;
  padding:14px 12px;
}
.kanban article b{
  font-size:10.5px;
}
.kanban article span{
  font-size:8.5px;
}
.kanban article strong{
  font-size:11.5px;
}
.finance-metrics small,
.finance-metrics span,
.project-summary span,
.people-stats span,
.service-stats small{
  font-size:8.5px;
}
.invoice-list p b,
.attendance-list p b,
.ticket-table b,
.approval-card p b{
  font-size:10px;
}
.invoice-list p small,
.attendance-list p small,
.approval-card p small{
  font-size:8px;
}
.status,
.attendance-list em,
.ticket-table em,
.approval-card button{
  font-size:7.5px;
}
.milestones b,
.control-row span{
  font-size:8.5px;
}
.milestones small,
.milestones em{
  font-size:7.5px;
}
.ticket-table>div{
  font-size:9px;
}
.ticket-table .ticket-head{
  font-size:7.5px;
}
.scope-note{
  margin-top:22px;
  color:#9aa8bd;
  font-size:12px;
}

/* Connected workflows: make the sequence readable without zooming. */
.workflow-stack{
  gap:17px;
}
.workflow-card{
  grid-template-columns:.78fr 1.22fr;
  gap:36px;
  padding:31px 32px;
  border-radius:20px;
}
.workflow-intro{
  gap:18px;
}
.workflow-intro>span{
  width:52px;
  height:52px;
  border-radius:15px;
  font-size:13px;
}
.workflow-intro small{
  font-size:10px;
  letter-spacing:.8px;
}
.workflow-intro h3{
  margin:8px 0 7px;
  font-size:21px;
  line-height:1.28;
}
.workflow-intro p{
  color:#59677d;
  font-size:13.5px;
  line-height:1.65;
}
.flow-line{
  gap:10px;
}
.flow-line>span{
  min-width:88px;
  height:82px;
  padding:10px;
  border-radius:13px;
  color:#344158;
  font-size:10.5px;
  line-height:1.25;
}
.flow-line span i{
  width:25px;
  height:25px;
  margin-bottom:6px;
  font-size:8px;
}

/* Comparison: balance the headline with a legible table. */
.comparison-section{
  background:linear-gradient(135deg,#f6f8fc,#edf3fb);
}
.comparison-layout{
  grid-template-columns:.72fr 1.28fr;
  gap:66px;
}
.comparison-copy h2{
  font-size:clamp(2.65rem,3.4vw,3.65rem);
}
.comparison-copy .btn{
  margin-top:29px;
}
.comparison-table{
  border-radius:22px;
}
.comparison-table>div{
  min-height:70px;
}
.comparison-table>div>*{
  padding:15px 20px;
}
.comparison-head{
  min-height:74px!important;
}
.comparison-head span{
  color:#bec8d8;
  font-size:10.5px;
  letter-spacing:.75px;
}
.comparison-table b{
  font-size:13.5px;
}
.comparison-table span{
  font-size:12.5px;
  line-height:1.45;
}
.comparison-table .positive{
  gap:9px;
  color:#174653;
}
.comparison-table .positive svg{
  width:18px;
  height:18px;
  padding:4px;
}

/* AI preview: retain the futuristic tone, but explain it clearly. */
.intelligence-layout{
  grid-template-columns:.82fr 1.18fr;
  gap:64px;
}
.roadmap-pill{
  padding:9px 12px;
  font-size:10.5px;
  letter-spacing:.75px;
}
.roadmap-pill svg{
  width:16px;
  height:16px;
}
.intelligence-copy>p{
  color:#b3bfd1;
}
.roadmap-notice{
  gap:13px;
  margin-top:26px;
  padding:17px;
}
.roadmap-notice>svg{
  width:24px;
  height:24px;
}
.roadmap-notice p{
  color:#aebacd;
  font-size:13px;
  line-height:1.65;
}
.intelligence-features{
  gap:13px;
  margin-top:25px;
}
.intelligence-features span{
  color:#d0d8e4;
  font-size:13.5px;
}
.intelligence-features svg{
  width:18px;
  height:18px;
}
.ask-orbit-card{
  padding:22px;
  border-radius:22px;
}
.ask-head{
  padding-bottom:17px;
}
.ask-head img{
  width:36px;
  height:36px;
}
.ask-head b{
  font-size:13px;
}
.ask-head small{
  font-size:8.5px;
}
.preview-badge{
  padding:6px 8px;
  font-size:8px;
}
.ask-input{
  padding:16px;
  font-size:13px;
}
.ask-input kbd{
  font-size:9px;
}
.orbit-answer{
  margin-top:12px;
  padding:18px;
}
.answer-title small{
  font-size:8.5px;
}
.answer-title b{
  font-size:14px;
}
.orbit-answer>p{
  margin:13px 0;
  color:#aab6c9;
  font-size:12px;
}
.answer-actions button{
  padding:9px 11px;
  font-size:9.5px;
}
.insight-cards{
  gap:10px;
  margin-top:12px;
}
.insight-cards article{
  padding:13px;
}
.insight-cards small{
  font-size:7.5px;
}
.insight-cards b{
  font-size:10px;
}
.insight-cards em{
  font-size:8px;
}

/* Implementation. */
.implementation-steps{
  gap:20px;
}
.implementation-steps article{
  min-height:285px;
  padding:30px 27px;
  border-radius:20px;
}
.implementation-steps article>span{
  right:21px;
  top:18px;
  font-size:38px;
}
.step-icon{
  width:54px;
  height:54px;
}
.implementation-steps h3{
  margin:39px 0 11px;
  font-size:21px;
}
.implementation-steps p{
  color:#56647b;
  font-size:14px;
  line-height:1.68;
}

/* Indian operations and industries: stronger contrast over the gradient. */
.india-section{
  background:linear-gradient(112deg,#4334c7 0%,#286bd9 50%,#0797a5 100%);
}
.india-layout{
  grid-template-columns:.88fr 1.12fr;
  gap:64px;
}
.india-copy>p{
  color:rgba(255,255,255,.86);
}
.india-tags{
  gap:10px;
  margin-top:28px;
}
.india-tags span{
  padding:9px 12px;
  border-color:rgba(255,255,255,.28);
  background:rgba(7,22,54,.14);
  color:#fff;
  font-size:11px;
}
.industries-card{
  padding:29px;
  border-color:rgba(255,255,255,.26);
  border-radius:23px;
  background:rgba(6,23,58,.27);
}
.industries-label{
  margin-bottom:17px;
  color:rgba(255,255,255,.82);
  font-size:10.5px;
}
.industry-grid{
  gap:12px;
}
.industry-grid article{
  grid-template-columns:44px 1fr;
  gap:12px;
  padding:16px;
  border-color:rgba(255,255,255,.16);
  border-radius:13px;
  background:rgba(255,255,255,.09);
}
.industry-grid article>svg{
  width:22px;
  height:22px;
}
.industry-grid b{
  font-size:13.5px;
}
.industry-grid small{
  color:rgba(255,255,255,.75);
  font-size:10.5px;
}

/* FAQ and lead form. */
.faq-layout{
  grid-template-columns:.7fr 1.3fr;
  gap:72px;
}
.faq-item{
  border-radius:17px;
}
.faq-item>button{
  min-height:78px;
  padding:18px 21px;
  font-size:15px;
}
.faq-answer>p{
  padding-inline:21px;
  color:#526078;
  font-size:13.5px;
  line-height:1.7;
}
.faq-item.open .faq-answer>p{
  padding:0 21px 21px;
}
.demo-layout{
  grid-template-columns:.82fr 1.18fr;
  gap:68px;
}
.demo-copy>p{
  color:#b4c0d1;
}
.demo-value-list{
  gap:15px;
  margin-top:30px;
}
.demo-value-list>span{
  grid-template-columns:34px 1fr;
  gap:3px 12px;
}
.demo-value-list svg{
  width:30px;
  height:30px;
  padding:7px;
}
.demo-value-list b{
  font-size:14px;
}
.demo-value-list small{
  color:#9aa8bc;
  font-size:11.5px;
}
.demo-trust span{
  color:#9aa8bc;
  font-size:11px;
}
.lead-form{
  padding:35px;
  border-radius:23px;
  background:rgba(255,255,255,.07);
}
.form-intro{
  margin-bottom:25px;
}
.form-intro>span{
  font-size:10.5px;
}
.form-intro h3{
  margin:8px 0 6px;
  font-size:27px;
}
.form-intro p{
  color:#a8b4c6;
  font-size:13px;
}
.form-grid.two{
  gap:14px;
}
.lead-form label{
  margin-bottom:14px;
  color:#c0c9d7;
  font-size:12px;
  font-weight:720;
}
.lead-form input,
.lead-form select,
.lead-form textarea{
  margin-top:8px;
  padding:14px 14px;
  border-color:rgba(255,255,255,.14);
  border-radius:11px;
  font-size:14px;
}
.lead-form textarea{
  min-height:96px;
}
.form-note{
  margin-top:13px;
  color:#919fb4;
  font-size:10.5px;
}
.form-message{
  min-height:20px;
  font-size:11px;
}

/* Final conversion area and footer. */
.final-cta{
  padding:78px 0;
}
.final-cta-card{
  padding:48px 50px;
  border-radius:24px;
}
.final-cta-card span{
  font-size:10.5px;
}
.final-cta-card h2{
  margin-top:11px;
  font-size:clamp(2.35rem,3.25vw,3.35rem);
}
.footer{
  padding-top:78px;
}
.footer-brand>p{
  max-width:430px;
  font-size:13px;
}
.footer-badges span{
  padding:7px 9px;
  font-size:9px;
}
.footer-column h3{
  font-size:13px;
}
.footer-column a{
  margin-bottom:11px;
  font-size:12.5px;
}
.footer-bottom{
  font-size:10.5px;
}
.floating-demo{
  min-width:230px;
  padding:13px 15px;
}
.floating-demo small{
  font-size:7.5px;
}
.floating-demo b{
  font-size:11.5px;
}

/* Large laptop refinement. */
@media(max-width:1320px){
  .container{width:min(calc(100% - 48px),var(--container))}
  .desktop-nav{gap:23px}
  .desktop-nav a,.text-cta{font-size:13px}
  .hero-layout{grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);gap:38px}
  .dashboard-shell{width:630px}
  .hero h1{font-size:clamp(3.2rem,4.5vw,4.25rem)}
  .capability-item{grid-template-columns:38px 1fr;padding:16px 12px}
  .capability-rail .capability-icon{width:38px;height:38px;min-height:38px}
  .capability-copy b{font-size:12.5px}
  .capability-copy small{font-size:10px}
}

/* Tablet and compact desktop. */
@media(max-width:1020px){
  .container{width:min(calc(100% - 40px),var(--container))}
  .announcement-inner{font-size:12px}
  .hero{padding-top:66px}
  .hero-layout{grid-template-columns:1fr;gap:28px}
  .hero-copy{max-width:840px;text-align:center}
  .hero h1{max-width:820px}
  .hero-lead{max-width:760px}
  .hero-visual{min-height:600px}
  .dashboard-shell{width:min(760px,92vw);transform:none}
  .capability-rail{grid-template-columns:repeat(3,1fr);margin-top:22px}
  .capability-heading{min-height:72px}
  .capability-item{min-height:96px;border-bottom:1px solid rgba(255,255,255,.09)}
  .capability-item:nth-of-type(3),.capability-item:nth-of-type(6){border-right:0}
  .capability-item:nth-last-child(-n+3){border-bottom:0}
  .section-heading.split{grid-template-columns:1fr;gap:20px}
  .section-heading.split>p{max-width:760px}
  .problem-grid{grid-template-columns:1fr 1fr}
  .outcome-card{min-height:260px}
  .module-panel{grid-template-columns:1fr}
  .module-copy{padding:43px 40px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .module-preview{min-height:405px}
  .workflow-card{grid-template-columns:1fr;gap:25px}
  .comparison-layout,.intelligence-layout,.demo-layout,.india-layout,.faq-layout{grid-template-columns:1fr;gap:48px}
  .comparison-copy,.intelligence-copy,.demo-copy,.india-copy,.faq-copy{max-width:820px}
  .faq-copy{position:static}
  .implementation-steps{grid-template-columns:1fr 1fr}
}

/* Mobile. */
@media(max-width:720px){
  body{font-size:16px;line-height:1.6}
  .container{width:min(calc(100% - 30px),var(--container))}
  .announcement-inner{min-height:42px;font-size:10px}
  .announcement-inner>a{font-size:10px}
  .nav-wrap{min-height:70px}
  .brand img{width:36px;height:36px}
  .brand>span{font-size:18px}
  .brand small{font-size:7.5px}
  .mobile-nav>a:not(.btn){font-size:14px}
  .hero{padding:50px 0 58px}
  .eyebrow,.kicker{font-size:10px;letter-spacing:1px}
  .hero h1{font-size:clamp(2.65rem,11.5vw,3.5rem);line-height:1.02;letter-spacing:-2.5px}
  .hero-lead{font-size:16px;line-height:1.65}
  .hero-assurance{font-size:12px}
  .hero-mini-proof b{font-size:13px}
  .hero-mini-proof span{font-size:11.5px}
  .hero-visual{min-height:490px;margin-top:12px}
  .dashboard-shell{width:700px;transform:scale(.63);transform-origin:center;position:absolute}
  .capability-rail{grid-template-columns:1fr 1fr;border-radius:18px}
  .capability-heading{grid-column:1/-1;display:grid;justify-content:start;gap:5px;padding:16px 17px}
  .capability-heading span{font-size:9.5px}
  .capability-heading strong{font-size:15px;text-align:left}
  .capability-item{grid-template-columns:36px 1fr;gap:10px;min-height:95px;padding:14px 12px;border-right:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
  .capability-item:nth-of-type(odd){border-right:1px solid rgba(255,255,255,.09)}
  .capability-item:nth-of-type(even){border-right:0}
  .capability-item:nth-last-child(-n+2){border-bottom:0}
  .capability-rail .capability-icon{width:36px;height:36px;min-height:36px}
  .capability-copy b{font-size:11.5px}
  .capability-copy small{font-size:9px}
  .problem-section,.outcomes-section,.modules-section,.workflows-section,.comparison-section,.intelligence-section,.implementation-section,.india-section,.faq-section,.demo-section{padding:78px 0}
  .section-heading{margin-bottom:35px}
  .section-heading h2,.comparison-copy h2,.faq-copy h2,.intelligence-copy h2,.demo-copy h2,.india-copy h2{font-size:clamp(2.15rem,9vw,2.85rem);line-height:1.08;letter-spacing:-1.65px}
  .section-heading>p,.section-heading.split>p,.comparison-copy>p,.faq-copy>p,.intelligence-copy>p,.demo-copy>p,.india-copy>p{font-size:15px;line-height:1.68}
  .problem-grid{grid-template-columns:1fr}
  .problem-card{min-height:250px;padding:26px 23px}
  .problem-card h3{font-size:20px}
  .problem-card p{font-size:14px}
  .solution-banner{grid-template-columns:auto 1fr;padding:22px}
  .solution-banner h3{font-size:20px}
  .solution-banner .btn{grid-column:1/-1;width:100%}
  .outcome-card{grid-template-columns:1fr;min-height:300px;padding:26px}
  .outcome-card h3{font-size:22px}
  .outcome-card p{font-size:14px}
  .module-tabs{display:flex;overflow:auto}
  .module-tab{flex:0 0 145px;min-height:62px;font-size:12px}
  .module-copy{padding:32px 24px}
  .module-copy h3{font-size:28px}
  .module-copy>p{font-size:15px}
  .feature-list{grid-template-columns:1fr}
  .feature-list span{font-size:13px}
  .module-preview{margin:14px;min-height:0}
  .scope-note{font-size:11px}
  .workflow-card{padding:24px 20px}
  .workflow-intro{grid-template-columns:1fr}
  .workflow-intro h3{font-size:20px}
  .workflow-intro p{font-size:13.5px}
  .flow-line{display:flex;align-items:stretch;overflow:auto;padding-bottom:7px}
  .flow-line>span{flex:0 0 96px;height:82px;font-size:10.5px}
  .flow-line>b{flex:0 0 24px;margin-top:41px}
  .comparison-table>div{min-width:760px}
  .comparison-table b{font-size:13px}
  .comparison-table span{font-size:12px}
  .roadmap-notice p{font-size:12.5px}
  .intelligence-features{grid-template-columns:1fr}
  .ask-orbit-card{padding:16px}
  .ask-input{font-size:12px}
  .insight-cards{grid-template-columns:1fr}
  .implementation-steps{grid-template-columns:1fr}
  .implementation-steps article{min-height:245px}
  .industry-grid{grid-template-columns:1fr}
  .industry-grid b{font-size:13.5px}
  .industry-grid small{font-size:10.5px}
  .faq-item>button{font-size:14px}
  .faq-answer>p{font-size:13px}
  .lead-form{padding:25px 20px}
  .form-intro h3{font-size:24px}
  .form-grid.two{grid-template-columns:1fr}
  .lead-form label{font-size:12px}
  .lead-form input,.lead-form select,.lead-form textarea{font-size:16px}
  .final-cta{padding:50px 0}
  .final-cta-card{grid-template-columns:1fr;padding:33px 25px}
  .footer-brand>p{font-size:12.5px}
  .footer-column h3{font-size:13px}
  .footer-column a{font-size:12px}
  .footer-bottom{font-size:10px}
}

@media(max-width:430px){
  .hero-visual{min-height:440px}
  .dashboard-shell{transform:scale(.54)}
  .capability-item{grid-template-columns:1fr;justify-items:start;gap:9px;min-height:124px}
  .capability-copy b{font-size:11px}
  .capability-copy small{font-size:8.8px}
  .module-tab{flex-basis:130px}
}

/* V9 final mobile usability refinements. */
.announcement-detail{display:inline}

@media(max-width:720px){
  .announcement-inner{justify-content:center}
  .announcement-inner p{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    text-align:center;
  }
  .announcement-inner p strong{display:inline!important}
  .announcement-detail{display:none}

  .outcome-card{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }
  .outcome-tag{
    position:static;
    margin-top:auto;
  }

  .flow-line{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    overflow:visible;
    padding-bottom:0;
  }
  .flow-line>span{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    width:100%;
    min-width:0;
    height:auto;
    min-height:60px;
    padding:12px 14px;
    text-align:left;
  }
  .flow-line span i{
    flex:0 0 26px;
    width:26px;
    height:26px;
    margin:0;
  }
  .flow-line>b{
    width:1px;
    height:18px;
    margin:0 0 0 27px;
    background:linear-gradient(180deg,#d7dbea,#bbb8f1,#8fdde0);
  }
  .flow-line>b:after{
    right:-3px;
    top:auto;
    bottom:0;
    transform:rotate(135deg);
  }

  .mobile-cta{
    opacity:0;
    pointer-events:none;
    transform:translateY(90px);
    transition:opacity .22s ease,transform .28s ease;
  }
  .mobile-cta.visible{
    opacity:1;
    pointer-events:auto;
    transform:none;
  }
}

/* =========================================================
   V9.2 — SECTION FOCUS & SMALL-SCREEN LEGIBILITY POLISH
   ========================================================= */
html{scroll-padding-top:104px}
section[id]{scroll-margin-top:104px}

.lead-form input::placeholder,
.lead-form textarea::placeholder{color:#8290a7;opacity:1}
.footer-brand>p{color:#a3aec0}
.footer-column a{color:#a5afc0}
.footer-bottom{color:#8793a8}

@media(max-width:720px){
  html{scroll-padding-top:86px}
  section[id]{scroll-margin-top:86px}

  .announcement-inner p{font-size:11px;font-weight:650}

  /* Keep every module option visible instead of hiding choices in a swipe row. */
  .module-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    overflow:visible;
  }
  .module-tab{
    width:100%;
    min-width:0;
    min-height:60px;
    padding:11px 10px;
    font-size:11.5px;
  }

  .outcome-card{min-height:0}
  .outcome-tag{margin-top:18px}

  .form-intro p{font-size:14px;line-height:1.6}
  .lead-form label{font-size:13px}
  .form-note{font-size:11.5px;line-height:1.55}

  .footer-brand>p{font-size:14px;line-height:1.7}
  .footer-badges span{font-size:9.5px}
  .footer-column h3{font-size:14px}
  .footer-column a{font-size:13px;line-height:1.5}
  .footer-bottom{font-size:11.5px;line-height:1.65}
}

@media(max-width:430px){
  .announcement-inner p{width:100%;font-size:11px;text-align:center}

  .capability-item{
    grid-template-columns:34px 1fr;
    align-items:center;
    justify-items:stretch;
    gap:9px;
    min-height:96px;
  }
  .capability-copy b{font-size:11.5px}
  .capability-copy small{font-size:9.4px;line-height:1.4}
  .module-tab{font-size:11px}
}

@media(max-width:720px){
  .dashboard-shell{
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) scale(.63);
    transform-origin:center;
  }
}

@media(max-width:430px){
  .dashboard-shell{
    transform:translate(-50%,-50%) scale(.52);
  }
}

/* Final workflow legibility increase for desktop and mobile. */
.workflow-intro small{font-size:10.5px}
.workflow-intro h3{font-size:22px}
.workflow-intro p{font-size:14.5px}
.flow-line>span{
  min-width:92px;
  height:86px;
  font-size:12px;
}
.flow-line span i{font-size:9px}

@media(max-width:720px){
  .flow-line>span{
    min-width:0;
    height:auto;
    min-height:62px;
    font-size:11.5px;
  }
}