/* Lower homepage sections: shared rhythm, theme tokens and clear hierarchy. */
.company-site #engines { padding-block:64px 54px; }
.company-site #engines .section-heading { align-items:center; margin-bottom:30px; }
.company-site #engines .section-heading h2 { font-size:36px; line-height:1.2; }
.company-site #engines .strategy-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.company-site #engines .strategy-row { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0; overflow:hidden; border:1px solid var(--site-border); border-radius:13px; background:var(--site-panel); }
.company-site #engines .strategy-description { padding:25px; flex:1; }
.company-site #engines .strategy-visual { order:-1; padding:22px 25px 17px; border:0; border-bottom:1px solid var(--site-border); border-radius:0; background:var(--site-inset)!important; }
.company-site #engines .strategy-visual svg { height:116px; margin-top:15px; }
.company-site #engines .visual-heading { color:var(--site-muted); font-size:9px; }
.company-site #engines .visual-bottom { color:var(--site-muted); font-size:10px; }
.company-site #engines .strategy-meta { justify-content:space-between; font-size:9px; color:var(--site-muted); }
.company-site #engines .strategy-description h3 { font-size:24px; margin-top:17px; color:var(--site-ink); }
.company-site #engines .strategy-description > p { min-height:76px; font-size:14px; line-height:1.8; color:var(--site-muted); }
.company-site #engines .strategy-details { gap:8px; margin-top:20px; }
.company-site #engines .strategy-details > span { border:1px solid var(--site-border); border-radius:5px; padding:5px 8px; font-size:10px; color:var(--site-muted); }
.company-site #engines .strategy-description .text-link { display:flex; justify-content:space-between; padding-top:18px; border-top:1px solid var(--site-border); margin-top:22px; font-size:12px; }
.company-site #pricing { padding-block:60px; }
.company-site #pricing > div:first-child { margin-bottom:34px; }
.company-site #pricing > div:first-child > span { font-size:10px; font-weight:550; }
.company-site #pricing > div:first-child h2 { font-size:36px; font-weight:500; }
.company-site #pricing > div:first-child p { font-size:14px; color:var(--site-muted); }
.company-site #pricing .plan-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:22px; }
.company-site #pricing .plan-card-grid > .glass-panel { position:relative; padding:28px 24px 24px; border:1px solid var(--site-border); border-radius:12px; background:var(--site-panel); }
.company-site #pricing .plan-description { min-height:40px; margin:13px 0 12px; font-size:12px; line-height:1.7; color:var(--site-muted); }
.company-site #pricing .plan-card-grid .text-3xl { font-size:43px; line-height:1.2; margin:10px 0 18px; color:var(--site-ink); }
.company-site #pricing .plan-card-grid ul { display:grid; gap:11px; padding-block:15px 18px; border-top:1px solid var(--site-border); }
.company-site #pricing .plan-card-grid li { margin:0; font-size:12px; align-items:flex-start; line-height:1.7; }
.company-site #pricing .plan-card-grid li > span:first-child { font-size:0; width:16px; flex-shrink:0; }
.company-site #pricing .plan-card-grid li > span:first-child::before { content:'\2713'; font-size:13px; color:var(--site-green); }
.company-site #pricing .plan-card-grid a { min-height:43px; border-radius:7px; font-size:12px; }
.company-site #pricing .plan-card-grid > .relative {
    --site-ink:#edf5ff; --site-muted:#c7d8ed; --site-panel:#172f4f;
    --site-inset:#203c5e; --site-border:#4c6d96; --site-accent:#b3ccff;
    --site-primary:#e4edff; --site-on-primary:#233b61; --site-green:#bcdcca;
    background:#172f4f!important; border-color:#4c6d96!important;
}
.company-site #pricing .plan-card-grid > .relative :is(.text-ink,.text-muted,.plan-description) { color:var(--site-ink)!important; }
.company-site #pricing .plan-card-grid > .relative .text-muted,.company-site #pricing .plan-card-grid > .relative .plan-description { color:var(--site-muted)!important; }
.company-site #pricing .plan-card-grid > .relative > .absolute { top:-12px; background:#dce8ff!important; color:#25446e!important; border-color:#c7d9f6!important; font-size:9px; font-weight:550; border-radius:5px; padding:4px 10px; white-space:nowrap; }
.company-site #pricing .plan-card-grid > .relative a { background:#e4edff!important; color:#233b61!important; }
.company-site #pricing .plan-card-grid > .relative a + a { background:transparent!important; color:#dfebff!important; border-color:#6888b0!important; }
.company-site #pricing .plan-card-grid > .relative > div:first-of-type [class*="bg-emerald-"] { background:#284769!important; color:#d6e7ff!important; border-color:#52779e!important; }
.company-site #pricing > div:last-child > span { display:flex; justify-content:center; flex-wrap:wrap; gap:6px 10px; color:var(--site-muted); font-size:11px; }
.company-site #simulator { padding-block:55px 15px; }
.company-site #simulator > .glass-panel { padding:30px; background:var(--site-panel)!important; border-radius:14px; border-color:var(--site-border); }
.company-site #simulator > .glass-panel > div:first-child { text-align:left; padding-bottom:24px; border-bottom:1px solid var(--site-border); }
.company-site #simulator > .glass-panel > div:first-child h2 { color:var(--site-ink)!important; font-size:31px; letter-spacing:-.04em; line-height:1.3; margin-top:10px; font-weight:500; }
.company-site #simulator > .glass-panel > div:first-child p { margin:12px 0 0; font-size:13px; color:var(--site-muted); max-width:620px; }
.company-site #simulator .scenario-layout { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:25px; }
.company-site #simulator .scenario-controls > .grid { display:grid; grid-template-columns:1fr; gap:20px; }
.company-site #simulator .scenario-controls > .grid > div { grid-column:auto; background:transparent!important; border:0; border-radius:0; padding:0; }
.company-site #simulator .scenario-controls input[type="range"] { height:5px; margin-block:15px; }
.company-site #simulator .scenario-controls input[type="range"]::-webkit-slider-thumb { appearance:none; height:17px; width:17px; background:var(--site-primary); border:3px solid var(--site-panel); border-radius:50%; box-shadow:0 0 0 1px var(--site-primary); }
.company-site #simulator .scenario-controls input[type="range"]::-moz-range-thumb { height:13px; width:13px; background:var(--site-primary); border:2px solid var(--site-panel); border-radius:50%; }
.company-site #simulator .scenario-controls button { min-height:33px; border-color:var(--site-border); color:var(--site-ink); font-size:11px; }
.company-site #simulator .scenario-controls label { min-height:40px; padding:8px 11px; border:1px solid var(--site-border); border-radius:6px; color:var(--site-ink); }
.company-site #simulator .scenario-controls select { min-height:35px; padding:5px 10px; border:1px solid var(--site-border); color:var(--site-ink); background:var(--site-panel); }
.company-site #simulator .scenario-results { background:var(--site-inset); padding:22px; border:1px solid var(--site-border); border-radius:10px; }
.company-site #simulator .scenario-results-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; padding-bottom:18px; color:var(--site-ink); font-size:13px; font-weight:500; }
.company-site #simulator .scenario-results-heading small { color:var(--site-muted); font-size:8px; letter-spacing:.09em; border:1px solid var(--site-border); border-radius:4px; padding:4px 6px; }
.company-site #simulator .scenario-results > .grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; text-align:left; }
.company-site #simulator .scenario-results > .grid > div { background:var(--site-panel)!important; padding:17px 13px; border:1px solid var(--site-border); border-radius:7px; }
.company-site #simulator .scenario-results > .grid > div > span:first-child { text-transform:none; font-size:11px; line-height:1.6; min-height:35px; letter-spacing:0; color:var(--site-muted); }
.company-site #simulator .scenario-results > .grid > div > span:last-child { display:block; font-size:21px; font-weight:500; letter-spacing:-.03em; margin-top:8px; overflow-wrap:anywhere; }
.company-site #simulator > .glass-panel > div:last-child { text-align:right; margin-top:23px; padding-top:20px; border-top:1px solid var(--site-border); }
.company-site #simulator > .glass-panel > div:last-child a { font-size:12px; border-radius:7px; }
.company-site .scenario-note { font-size:11px; line-height:1.8; max-width:760px; padding-bottom:40px; color:var(--site-muted); }
.company-site #faq { grid-template-columns:.85fr 1.15fr; gap:65px; padding-block:64px 40px; }
.company-site #faq > div:first-child h2 { font-size:34px; line-height:1.25; letter-spacing:-.04em; margin-top:15px; font-weight:500; color:var(--site-ink)!important; }
.company-site #faq .faq-intro { margin-top:18px; font-size:14px; line-height:1.85; color:var(--site-muted); max-width:310px; }
.company-site #faq .faq-support-link { display:flex; align-items:center; gap:15px; margin-top:24px; font-size:12px; font-weight:500; color:var(--site-accent); }
.company-site #faq > div:last-child { counter-reset:faq-item; display:grid; gap:10px; }
.company-site #faq .glass-panel { counter-increment:faq-item; padding:19px!important; background:var(--site-panel)!important; border:1px solid var(--site-border)!important; border-radius:9px; margin-top:0; }
.company-site #faq .glass-panel > div { gap:13px; justify-content:flex-start; align-items:center; font-size:14px; line-height:1.6; }
.company-site #faq .glass-panel > div::before { content:counter(faq-item,decimal-leading-zero); font-size:10px; color:var(--site-muted); font-weight:400; flex-shrink:0; }
.company-site #faq .glass-panel > div > span:last-child { margin-left:auto; display:grid; place-items:center; width:25px; height:25px; flex-shrink:0; background:var(--site-inset); border:1px solid var(--site-border); border-radius:50%; font-size:14px; color:var(--site-accent); }
.company-site #faq .glass-panel[aria-expanded="true"] { background:var(--site-inset)!important; border-color:var(--site-accent)!important; }
.company-site #faq .glass-panel > p { font-size:13px; line-height:1.9; padding-left:26px; color:var(--site-muted); }
.company-site #faq [role="button"]:focus-visible { outline:2px solid var(--site-primary); outline-offset:3px; }
@media(max-width:1000px) {
    .company-site #pricing .plan-card-grid { gap:15px; }
    .company-site #pricing .plan-card-grid > .glass-panel { padding:25px 18px 20px; }
    .company-site #simulator .scenario-layout { gap:22px; }
    .company-site #simulator .scenario-results { padding:18px; }
    .company-site #faq { gap:35px; }
}
@media(max-width:767px) {
    .company-site #engines { padding-block:38px; }
    .company-site #engines .section-heading h2 { font-size:29px; }
    .company-site #engines .strategy-card-grid { grid-template-columns:1fr; gap:20px; }
    .company-site #engines .strategy-description { padding:22px; }
    .company-site #engines .strategy-description > p { min-height:0; font-size:13px; }
    .company-site #engines .strategy-visual { padding:20px 22px 16px; }
    .company-site #pricing { padding-block:40px; }
    .company-site #pricing > div:first-child h2 { font-size:29px; }
    .company-site #pricing .plan-card-grid { grid-template-columns:1fr; gap:25px; }
    .company-site #pricing .plan-card-grid > .glass-panel { padding:26px 23px 22px; }
    .company-site #pricing .plan-description { min-height:0; }
    .company-site #simulator { padding-top:35px; }
    .company-site #simulator > .glass-panel { padding:23px 20px; }
    .company-site #simulator > .glass-panel > div:first-child h2 { font-size:27px; }
    .company-site #simulator .scenario-layout { grid-template-columns:1fr; gap:25px; }
    .company-site #simulator .scenario-results { padding:18px; }
    .company-site #simulator .scenario-results > .grid > div > span:last-child { font-size:19px; }
    .company-site #simulator > .glass-panel > div:last-child { text-align:center; }
    .company-site #simulator > .glass-panel > div:last-child a { white-space:normal!important; }
    .company-site #faq { grid-template-columns:1fr; gap:27px; padding-block:40px 30px; }
    .company-site #faq > div:first-child h2 { font-size:29px; }
    .company-site #faq .faq-intro { max-width:460px; }
    .company-site #faq .faq-support-link { margin-top:15px; }
    .company-site #faq .glass-panel { padding:17px!important; }
    .company-site #faq .glass-panel > div { font-size:13px; gap:10px; }
}

/* Connected product story: quieter surfaces, stronger typography and a continuous path. */
.company-site .workflow-section { padding-block:76px; }
.company-site .workflow-layout { grid-template-columns:.9fr 1.25fr; gap:76px; align-items:center; }
.company-site .section-intro h2 { font-size:clamp(30px,3.3vw,43px); line-height:1.14; }
.company-site .section-intro > p { max-width:330px; font-size:14px; line-height:1.85; color:var(--site-muted); }
.company-site .workflow-list { position:relative; display:grid; gap:13px; }
.company-site .workflow-list::before { content:''; position:absolute; top:30px; bottom:30px; left:37px; width:1px; background:var(--site-border); }
.company-site .workflow-list article,.company-site .workflow-list article:first-child,.company-site .workflow-list article:last-child { position:relative; padding:23px 24px; gap:20px; border:1px solid var(--site-border); border-radius:12px; background:var(--site-panel); transition:transform .25s,border-color .25s; }
.company-site .workflow-list article:hover { transform:translateX(4px); border-color:var(--site-accent); }
.company-site .feature-number { position:relative; width:29px; height:29px; border:1px solid var(--site-border); border-radius:50%; background:var(--site-inset); color:var(--site-primary); font-size:10px; }
.company-site .workflow-list h3 { color:var(--site-ink); font-size:17px; }
.company-site .workflow-list p { font-size:13px; line-height:1.85; color:var(--site-muted); margin-top:7px; }
.company-site #engines { padding-block:76px; }
.company-site #engines .section-heading h2 { font-size:clamp(30px,3vw,39px); }
.company-site #engines .strategy-row { border-radius:16px; transition:border-color .25s,box-shadow .25s; }
.company-site #engines .strategy-row:hover { border-color:var(--site-accent); box-shadow:0 12px 32px color-mix(in srgb,var(--site-primary) 7%,transparent); }
.company-site #engines .strategy-description { padding:28px; }
.company-site #engines .strategy-visual { position:relative; padding:25px 28px 20px; background:linear-gradient(135deg,var(--site-inset),var(--site-panel))!important; }
.company-site #engines .strategy-visual svg { height:135px; }
.company-site #engines .strategy-visual svg path:first-child { stroke:var(--site-border); }
.company-site #engines .grid-visual svg path:nth-child(2) { stroke:var(--site-primary); }
.company-site #engines .grid-visual svg circle { stroke:var(--site-primary); fill:var(--site-panel); }
.company-site #engines .candle-visual svg path:nth-child(2),.company-site #engines .candle-visual svg path:nth-child(3) { stroke:var(--site-accent); }
.company-site #engines .strategy-pill { background:var(--site-panel); color:var(--site-accent); border-color:var(--site-border); font-size:10px; padding:5px 9px; }
.company-site #engines .visual-heading { font-size:10px; letter-spacing:.06em; }
.company-site #engines .visual-bottom { font-size:11px; }
.company-site .signals-section { padding-block:5px 76px; gap:65px; grid-template-columns:1.05fr 1fr; }
.company-site .signal-workflow { padding:28px; border-radius:16px; background:var(--site-inset); border-color:var(--site-border); box-shadow:0 15px 40px color-mix(in srgb,var(--site-primary) 5%,transparent); }
.company-site .signal-preview-title strong { font-size:16px; color:var(--site-ink); }
.company-site .signal-preview-title div > span { font-size:9px; color:var(--site-muted); }
.company-site .signal-icon { width:42px; height:42px; background:var(--site-panel); color:var(--site-primary); border-color:var(--site-border); }
.company-site .signal-preview-badge { color:var(--site-accent); background:var(--site-panel); border:1px solid var(--site-border); font-size:10px; }
.company-site .signal-chart { margin-top:24px; padding:15px 14px 7px; background:var(--site-panel); border:1px solid var(--site-border); border-radius:9px; }
.company-site .signal-chart > div { display:flex; justify-content:space-between; gap:10px; color:var(--site-muted); font-size:9px; letter-spacing:.04em; }
.company-site .signal-chart svg { display:block; width:100%; height:auto; margin-top:14px; }
.company-site .signal-chart-grid { stroke:var(--site-border); stroke-dasharray:4 5; }
.company-site .signal-chart-target { stroke:var(--site-green); opacity:.5; stroke-dasharray:4 5; }
.company-site .signal-chart-stop { stroke:var(--site-red); opacity:.5; stroke-dasharray:4 5; }
.company-site .signal-chart-line { stroke:var(--site-primary); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.company-site .signal-chart-point { fill:var(--site-panel); stroke:var(--site-primary); stroke-width:2.5; }
.company-site .signal-fields { margin-top:12px; gap:9px; }
.company-site .signal-fields > div { background:var(--site-panel); border-color:var(--site-border); padding:14px 11px; }
.company-site .signal-fields strong { font-size:13px; color:var(--site-ink); }
.company-site .signal-fields span,.company-site .signal-fields small { color:var(--site-muted); font-size:10px; }
.company-site .signal-path { color:var(--site-muted); border-color:var(--site-border); font-size:10px; }
.company-site .signal-copy h2 { font-size:clamp(28px,2.8vw,36px); line-height:1.2; }
.company-site .signal-copy li { color:var(--site-muted); font-size:13px; line-height:1.7; padding-left:24px; }
.company-site .signal-copy li::before { content:'\2713'; width:auto; height:auto; background:none; top:0; color:var(--site-accent); font-size:13px; }
.company-site .security-section { padding-block:70px; }
.company-site .security-layout { grid-template-columns:1fr 1.15fr; gap:70px; }
.company-site .account-link-visual { padding:32px; border-radius:16px; background:var(--site-inset); }
.company-site .account-links { margin-block:38px 32px; }
.company-site .account-link-note { padding-top:20px; border-top:1px solid var(--site-border); color:var(--site-muted); font-size:13px; line-height:1.75; }
.company-site .security-copy h2 { font-size:clamp(28px,2.7vw,35px); line-height:1.23; }
.company-site .security-copy > p { font-size:14px; line-height:1.85; }
.company-site .security-points { display:grid; gap:11px; padding-block:18px; border-block:1px solid var(--site-border); font-size:12px; color:var(--site-muted); }
.company-site .security-points i { display:grid; place-items:center; width:19px; height:19px; background:var(--site-inset); border:1px solid var(--site-border); color:var(--site-accent); }
.company-site .security-points i::before { content:'\2713'; font-style:normal; font-size:10px; }
.company-site .setup-section { padding-block:70px 20px; }
.company-site .setup-heading h2 { font-size:clamp(27px,2.8vw,35px); line-height:1.25; max-width:530px; }
.company-site .setup-heading .text-link { font-size:12px; }
.company-site .setup-steps { position:relative; gap:34px; padding:0 0 35px; margin-top:36px; border-color:var(--site-border); }
.company-site .setup-steps::before { content:''; position:absolute; top:21px; left:22px; right:22px; height:1px; background:var(--site-border); }
.company-site .setup-steps li { position:relative; display:flex; flex-direction:column; gap:17px; padding-right:15px; }
.company-site .setup-number { position:relative; height:43px; width:43px; border-radius:12px; font-size:12px; font-weight:500; color:var(--site-accent); background:var(--site-panel); border-color:var(--site-border); box-shadow:0 0 0 8px var(--site-bg); }
.company-site .setup-steps h3 { font-size:16px; color:var(--site-ink); }
.company-site .setup-steps p { font-size:13px; line-height:1.8; max-width:270px; color:var(--site-muted); }
@media(max-width:1000px) {
 .company-site .workflow-layout,.company-site .security-layout { gap:35px; }
 .company-site .signals-section { gap:30px; }
 .company-site .signal-workflow { padding:20px; }
 .company-site .account-link-visual { padding:25px; }
}
@media(max-width:767px) {
 .company-site .workflow-section,.company-site .security-section { padding-block:42px; }
 .company-site .workflow-layout,.company-site .security-layout,.company-site .signals-section { grid-template-columns:minmax(0,1fr); gap:30px; }

 .company-site .workflow-list article,.company-site .workflow-list article:first-child,.company-site .workflow-list article:last-child { padding:20px 18px; gap:15px; }
 .company-site .workflow-list h3 { font-size:16px; }
 .company-site #engines { padding-block:43px; }
 .company-site #engines .strategy-description { padding:23px; }
 .company-site #engines .strategy-visual { padding:22px; }
 .company-site .signals-section { padding-bottom:43px; }
 .company-site .signal-copy { grid-row:1; }
 .company-site .signal-fields small { font-size:10px; }
 .company-site .security-copy { grid-row:1; }
 .company-site .account-link-visual { max-width:520px; width:100%; margin-inline:auto; }
 .company-site .setup-section { padding-block:43px 10px; }
 .company-site .setup-steps { gap:25px; }
 .company-site .setup-steps::before { top:20px; bottom:80px; left:21px; height:auto; width:1px; right:auto; }
 .company-site .setup-steps li { flex-direction:row; gap:20px; padding:0; }
 .company-site .setup-steps p { max-width:none; }
}
@media(prefers-reduced-motion:reduce) {
 .company-site .workflow-list article,.company-site #engines .strategy-row { transition:none; }
 .company-site .workflow-list article:hover { transform:none; }
}
