:root{--navy:#082b4c;--blue:#0c8fb1;--teal:#249884;--ink:#233744;--muted:#607481;--line:#dce7ec;--soft:#f5f9fa;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}.container{max-width:1180px;margin:auto;padding:0 28px}header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.nav{height:88px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;text-decoration:none;margin-right:auto}.mark{width:58px;height:42px;margin-right:12px}.brand b{font-size:28px;color:var(--navy)}.brand b em{font-style:normal;color:var(--blue)}.brand small{display:block;font-size:10px;letter-spacing:.18em;color:#526875}.links{display:flex;gap:22px}.links a{text-decoration:none;color:#405561;font-weight:700;font-size:14px}.links a.active{color:var(--blue)}.lang{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-weight:800;color:var(--navy)}.hero,.pagehero{background:linear-gradient(180deg,#fff,#f5fafb)}.hero{padding:72px 0 48px}.pagehero{padding:52px 0 38px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;color:var(--blue)}h1,h2,h3{color:var(--navy);margin-top:0}h1{font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.045em;margin:10px 0 20px}.pagehero h1{font-size:clamp(38px,5vw,58px)}p{line-height:1.65;color:var(--muted)}.lead{font-size:19px;max-width:760px}.btn{display:inline-block;text-decoration:none;border-radius:10px;padding:13px 18px;font-weight:800;margin:8px 8px 0 0}.primary{background:var(--navy);color:#fff}.secondary{border:1px solid var(--line);color:var(--navy);background:#fff}.hero-visual{min-height:350px;border:1px solid var(--line);border-radius:24px;background:#fff;display:grid;place-items:center;padding:28px;box-shadow:0 24px 60px rgba(8,43,76,.08)}.hero-visual svg{width:100%}section{padding:70px 0}.soft{background:var(--soft)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px;text-decoration:none;color:inherit;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(8,43,76,.08)}.card h3{margin-bottom:8px}.card .num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9f5f8;color:var(--blue);font-weight:800;margin-bottom:16px}.card .status{display:inline-block;font-size:10px;letter-spacing:.08em;border-radius:999px;padding:5px 8px;background:#e6f5ea;color:#24713f;font-weight:800;margin-bottom:12px}.flowlist{display:flex;gap:8px;align-items:stretch;overflow:auto}.flowlist div{min-width:135px;flex:1;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center;background:#fff;color:var(--navy);font-weight:800;font-size:12px}.flowlist span{align-self:center;color:var(--blue);font-weight:900}.panel{border:1px solid var(--line);border-radius:20px;padding:32px;background:#fff}.callout{background:linear-gradient(145deg,#082b4c,#0d5579);color:#fff;border-radius:20px;padding:30px}.callout h2,.callout h3,.callout p{color:#fff}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{font-size:12px;font-weight:700;color:#31566a;border:1px solid #d5e8ee;background:#eef7f9;border-radius:999px;padding:8px 10px}.metric{border:1px solid var(--line);border-radius:15px;padding:24px;text-align:center}.metric b{font-size:32px;color:var(--navy);display:block}.subnav{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.subnav a{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--navy);font-weight:800;background:#fff}.subnav a.active{background:var(--navy);color:#fff}footer{background:#061e36;color:#fff;padding:32px 0}.foot{display:flex;justify-content:space-between}.foot span{color:#9db6c4;font-size:12px}@media(max-width:900px){.links{display:none}.hero-grid,.grid2{grid-template-columns:1fr}.grid4,.grid3{grid-template-columns:1fr 1fr}}@media(max-width:560px){.container{padding:0 18px}.grid4,.grid3,.grid2{grid-template-columns:1fr}.brand b{font-size:24px}.mark{width:46px}.hero{padding-top:42px}.foot{display:block}.foot span{display:block;margin-top:8px}}.backbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0}.backbar a{text-decoration:none;color:var(--navy);font-weight:800;font-size:13px}.backbar a:hover{color:var(--blue)}.backbar .trail{color:var(--muted);font-weight:600}.dashboard-preview{margin-top:28px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;box-shadow:0 16px 40px rgba(8,43,76,.07)}.dashboard-preview img{display:block;width:100%;height:auto;border-radius:10px}.dashboard-preview figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.product-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:start}
.product-intro h2{font-size:34px;margin-bottom:12px}.product-intro p{font-size:17px}
.product-summary{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px}
.product-summary h3{margin-bottom:14px}.summary-list{display:grid;gap:10px}
.summary-list div{padding:12px 14px;border-radius:12px;background:var(--soft);font-size:13px;color:var(--ink)}
.section-title{max-width:760px;margin-bottom:24px}.section-title h2{font-size:38px;margin-bottom:10px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feature{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px}
.feature h3{font-size:18px;margin-bottom:8px}.feature p{font-size:14px;margin:0}
.usecase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.usecase{border-left:4px solid var(--blue);background:#fff;border-radius:0 14px 14px 0;padding:20px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.usecase h3{font-size:17px;margin-bottom:6px}.usecase p{font-size:14px;margin:0}
.output-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.output-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}
.output-card b{display:block;color:var(--navy);margin-bottom:5px}.output-card span{font-size:13px;color:var(--muted)}
.preview-shell{border:1px dashed #9fc4d1;background:linear-gradient(180deg,#f8fcfd,#fff);border-radius:18px;padding:28px}
.preview-shell h3{margin-bottom:10px}.preview-shell p{margin-bottom:0}.preview-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.preview-slot{min-height:150px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;place-items:center;text-align:center;padding:18px}
.preview-slot b{display:block;color:var(--navy);margin-bottom:6px}.preview-slot span{font-size:12px;color:var(--muted)}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fit-grid .panel h3{margin-bottom:8px}
.cta-band{border-radius:20px;background:linear-gradient(145deg,#082b4c,#0d5579);padding:34px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px}
.cta-band h2,.cta-band p{color:#fff;margin-bottom:8px}.cta-band .btn{background:#fff;color:var(--navy);margin:0}
.note{font-size:12px;color:var(--muted);margin-top:12px}
@media(max-width:900px){.product-intro,.feature-grid,.output-grid,.fit-grid{grid-template-columns:1fr 1fr}.preview-strip{grid-template-columns:1fr}.cta-band{display:block}.cta-band .btn{margin-top:14px}}
@media(max-width:560px){.product-intro,.feature-grid,.usecase-grid,.output-grid,.fit-grid{grid-template-columns:1fr}}

.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.process-step{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px}
.process-step span{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--blue);margin-bottom:10px}
.process-step b{display:block;font-size:18px;color:var(--navy);margin-bottom:7px}
.process-step p{font-size:14px;margin:0}
.demo-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:12px;padding-bottom:12px}
.demo-callout h2{font-size:36px;margin:4px 0 10px}.demo-callout p{max-width:780px;margin:0}
.btn-primary{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.price-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:20px;padding:26px;display:flex;flex-direction:column}
.price-card.featured{border:2px solid var(--blue);box-shadow:0 12px 30px rgba(8,43,76,.08)}
.price-kicker{font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--muted);margin-bottom:8px}
.price-card h3{font-size:22px;margin:0 0 8px}.price{font-size:34px;font-weight:700;color:var(--navy);margin:4px 0 14px}.price span{font-size:12px;letter-spacing:.06em}
.price-card p{font-size:14px}.price-card ul{padding-left:18px;margin:10px 0 22px}.price-card li{margin:7px 0;font-size:14px}
.price-card .btn{margin-top:auto}.recommended{position:absolute;top:-13px;right:18px;background:var(--blue);color:#fff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700;letter-spacing:.08em}
.fineprint{font-size:12px!important;color:var(--muted);padding-top:4px}
.commerce-notes{margin-top:18px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.commerce-notes p{font-size:12px;color:var(--muted);margin:4px 0}
.buy-disabled{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.process-grid,.pricing-grid{grid-template-columns:1fr 1fr}.demo-callout{display:block}.demo-callout .btn{margin-top:18px}}
@media(max-width:620px){.process-grid,.pricing-grid{grid-template-columns:1fr}.demo-callout h2{font-size:30px}}

.product-proof{padding-top:22px}
.proof-flow{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.proof-card{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(8,43,76,.05)}
.proof-card.proof-wide{grid-column:1/-1}
.proof-copy{padding:24px 26px 18px}
.proof-copy>span{font-size:11px;font-weight:800;letter-spacing:.09em;color:var(--blue)}
.proof-copy h3{margin:7px 0 8px;font-size:23px;color:var(--navy)}
.proof-copy p{margin:0;max-width:900px}
.proof-image{background:#f7fafb;border-top:1px solid var(--line);padding:14px;overflow:auto}
.proof-image img{display:block;width:100%;height:auto;min-width:760px;border-radius:10px;background:#fff}
.proof-card:not(.proof-wide) .proof-image img{min-width:680px}
@media(max-width:900px){.proof-flow{grid-template-columns:1fr}.proof-card.proof-wide{grid-column:auto}.proof-image img,.proof-card:not(.proof-wide) .proof-image img{min-width:720px}}

/* In-page navigation for long product pages */
.section-jump{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 4px 14px rgba(8,43,76,.04)}
.section-jump .container{display:flex;align-items:center;gap:18px;padding-top:11px;padding-bottom:11px}
.jump-label{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--navy);white-space:nowrap;text-transform:uppercase}
.jump-links{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.jump-links a{white-space:nowrap;text-decoration:none;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#fff}
.jump-links a:hover{color:var(--navy);border-color:var(--blue)}
#overview,#why,#capabilities,#use-cases,#workflow,#product-proof,#demo,#pricing,#fit{scroll-margin-top:82px}
.back-to-contents{position:fixed;right:20px;bottom:20px;z-index:25;text-decoration:none;background:var(--navy);color:#fff!important;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700;box-shadow:0 8px 22px rgba(8,43,76,.22)}
.back-to-contents:hover{transform:translateY(-1px)}
@media(max-width:760px){.section-jump .container{display:block}.jump-label{display:block;margin-bottom:7px}.back-to-contents{right:12px;bottom:12px}}

/* Visual references inside Solutions cards */
.solution-card{position:relative;overflow:hidden}
.solution-visual{height:118px;margin:-2px -2px 18px;padding:12px 12px 2px;border-radius:14px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.solution-visual svg{width:100%;height:100%;color:#fff;opacity:.98}
.solution-card .num{position:absolute;top:18px;right:20px}
@media(max-width:760px){.solution-visual{height:108px}}

.solution-detail-visual{padding:24px 26px 20px;min-height:320px}
.solution-detail-visual .visual-title{font-size:18px;font-weight:800;color:#fff;margin-bottom:8px}
.solution-detail-visual svg{display:block;width:100%;height:auto;max-height:360px;margin:auto}
.solution-detail-visual .sv-box rect,.solution-detail-visual .sv-stack rect{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.42);stroke-width:2}
.solution-detail-visual .sv-box.accent rect{fill:rgba(113,209,223,.13);stroke:#71d1df}
.solution-detail-visual text{font-family:Arial,Helvetica,sans-serif;fill:#fff;font-size:18px;font-weight:700;text-anchor:middle}
.solution-detail-visual .sv-mini rect{fill:rgba(113,209,223,.16);stroke:#71d1df;stroke-width:2}
.solution-detail-visual .sv-mini text{font-size:15px}
.solution-detail-visual .sv-line{fill:none;stroke:#71d1df;stroke-width:4;stroke-linecap:round}
.solution-detail-visual .sv-final circle{fill:#0c8fb1;stroke:#8be0e9;stroke-width:3}
.solution-detail-visual .sv-final text{font-size:17px}
.solution-detail-visual .sv-caption{font-size:13px;font-weight:600;fill:#bcd2dd}
.solution-detail-visual .visual-note{font-size:13px;line-height:1.5;margin:4px 0 0;color:#d7e6ed}
.future-solution-visual{padding-top:0}
.future-visual{max-width:980px;margin:auto}
@media(max-width:900px){.solution-detail-visual{min-height:auto}.solution-detail-visual svg{min-width:680px}.solution-detail-visual{overflow-x:auto}}

.construction-banner{display:flex;align-items:center;gap:14px;margin-top:18px;padding:12px 16px;border:1px solid #d7e6ec;border-radius:12px;background:#fff}
.construction-banner b{color:var(--navy);font-size:13px}.construction-banner span{color:var(--muted);font-size:13px}
.status-build{background:#fff3d9!important;color:#8a6518!important}
.mini-status{display:inline-block;margin:-2px 0 10px;font-size:9px;font-weight:800;letter-spacing:.08em;color:#8a6518;background:#fff3d9;border-radius:999px;padding:5px 8px}

.bundle-save{display:inline-block;margin:8px 0 4px;padding:6px 9px;border-radius:999px;background:#e8f6f1;color:#24715e;font-size:11px;font-weight:800;letter-spacing:.02em}

.purchase-box{max-width:720px;margin:auto;border:1px solid var(--line);border-radius:20px;background:#fff;padding:30px;box-shadow:0 14px 36px rgba(8,43,76,.06)}
.disabled-link{pointer-events:none;opacity:.48}