:root{--navy:#0c2340;--blue:#1265a5;--cyan:#31b7cf;--ink:#1d2b3a;--muted:#637386;--line:#dbe5ed;--soft:#f2f7fa;--white:#fff;--amber:#fff3c4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfdfe;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;width:min(1200px,calc(100% - 40px));margin:auto}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none}.brand strong{display:block;font-size:1.03rem;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;font-size:1.5rem}.site-header nav,.footer-links,.footer-contact{display:flex;align-items:center;gap:22px}.site-header nav a,.footer-links a,.footer-contact a{color:var(--muted);font-size:.83rem;text-decoration:none}.site-header nav a:hover,.footer-links a:hover,.footer-contact a:hover{color:var(--blue)}.nav-cta{padding:10px 15px;border:1px solid var(--blue);border-radius:8px;color:var(--blue)!important}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center;padding:100px 0 120px}.eyebrow{margin:0 0 14px;color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.16em}.hero h1{margin:0;color:var(--navy);font-size:clamp(2.6rem,6vw,5rem);line-height:1.01;letter-spacing:-.065em}.hero h1 em{color:var(--blue);font-style:normal}.lead{max-width:540px;margin:26px 0;color:var(--muted);font-size:1.18rem}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:8px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-decoration:none}.button.primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px #1265a52e}.button.secondary{border:1px solid #a9bdcc;background:#fff;color:var(--navy)}.button:hover{transform:translateY(-1px)}.microcopy{margin-top:14px;color:var(--muted);font-size:.75rem}.hero-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 50px #0c234012}.hero-card-top,.status-row,.card-foot{display:flex;justify-content:space-between;align-items:center}.hero-card-top{padding-bottom:20px;color:var(--muted);font-size:.82rem}.status-row{padding:17px 0;border-top:1px solid var(--line);gap:12px}.status-row strong{flex:1}.status-row b{color:var(--navy);font-size:1.2rem}.dot{width:10px;height:10px;border-radius:50%}.green{background:#37b87b}.amber{background:#e8ae32}.blue{background:#4b9dda}.card-rule{height:1px;background:var(--line);margin:12px 0}.card-foot{color:var(--muted);font-size:.78rem}.card-foot strong{color:var(--blue)}section{padding:100px 0}.benefits{border-top:1px solid var(--line)}.section-intro{max-width:630px;margin-bottom:35px}.section-intro h2,.setup h2,.install h2,.beta h2{margin:0;color:var(--navy);font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.08;letter-spacing:-.04em}.section-intro p:not(.eyebrow),.setup p,.install p,.beta p{color:var(--muted)}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.benefit-grid article{padding:20px 0;border-top:2px solid var(--navy)}.benefit-icon{color:var(--cyan);font-size:.7rem;font-weight:800}.benefit-grid h3{margin:22px 0 8px;color:var(--navy);font-size:.78rem;letter-spacing:.05em}.benefit-grid p{margin:0;color:var(--muted);font-size:.9rem}.features{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;background:var(--soft);max-width:none;padding-left:max(20px,calc((100% - 1120px)/2));padding-right:max(20px,calc((100% - 1120px)/2))}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:0;padding:0;list-style:none}.feature-list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:.94rem}.feature-list li::before{content:'✓';margin-right:10px;color:var(--blue);font-weight:800}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.screen-placeholder{min-height:180px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;border:1px dashed #a9bdcc;border-radius:12px;background:linear-gradient(145deg,#eef5f8,#fff)}.screen-placeholder span{margin-bottom:auto;color:#9aabba;font-size:.7rem;font-weight:800}.screen-placeholder strong{color:var(--navy)}.screen-placeholder small{color:var(--muted);font-size:.72rem}.setup,.install{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:70px 0;border-top:1px solid var(--line)}.install{flex-wrap:wrap}.install-steps{display:flex;gap:25px}.install-steps div{display:flex;flex-direction:column;gap:4px;min-width:150px}.install-steps b{color:var(--navy);font-size:.78rem}.install-steps span{color:var(--muted);font-size:.82rem}.beta{margin-bottom:80px;padding:70px;border-radius:18px;background:var(--navy);color:#fff}.beta h2{color:#fff}.beta p{max-width:580px;color:#c4d4e3}.beta .secondary{border-color:#5c7895;background:transparent;color:#fff}.site-footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px;padding:45px max(20px,calc((100% - 1120px)/2));background:#eef4f7}.site-footer p{margin:18px 0 0;color:var(--muted);font-size:.78rem}.footer-links,.footer-contact{align-items:flex-start;flex-direction:column;gap:8px}.footer-contact a{font-size:.76rem}@media(max-width:800px){.site-header{height:auto;padding:16px 0;align-items:flex-start}.site-header nav{gap:10px}.site-header nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;gap:45px;padding:70px 0 80px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr;gap:25px;padding:70px 20px}.screen-grid{grid-template-columns:repeat(2,1fr)}.setup,.install{align-items:flex-start;flex-direction:column}.site-footer{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}}@media(max-width:480px){.wrap{width:min(100% - 28px,1120px)}.hero h1{font-size:2.6rem}.benefit-grid,.screen-grid,.feature-list{grid-template-columns:1fr}.beta{padding:35px 22px}.site-footer{grid-template-columns:1fr}.footer-contact{grid-column:auto}}
/* Product showcase imagery */
.hero-visual{margin:0}.hero-visual img{display:block;width:100%;max-height:430px;object-fit:cover;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #0c23401f}.hero-visual figcaption{margin-top:10px;color:var(--muted);font-size:.72rem}
.screens{max-width:none;padding-left:max(20px,calc((100% - 1120px)/2));padding-right:max(20px,calc((100% - 1120px)/2));background:var(--soft)}.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.showcase-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 32px #0c23400d}.showcase-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.showcase-card div{padding:20px}.showcase-wide{grid-column:1/-1}.showcase-wide img{aspect-ratio:2.2/1}.showcase-card h3{margin:6px 0 4px;color:var(--navy)}.showcase-card p{margin:0;color:var(--muted);font-size:.88rem}.demo-label{color:var(--blue);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:480px){.showcase-grid{grid-template-columns:1fr}.showcase-wide{grid-column:auto}}
/* Short sales flow */
.problem{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding-top:90px;padding-bottom:90px}.problem-image img{display:block;width:100%;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px #0c234014}.problem-image small{display:block;margin-top:9px;color:var(--muted);font-size:.7rem}.problem-copy h2{margin:0 0 10px;color:var(--navy);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.04em}.problem-copy>p:not(.eyebrow){margin:0 0 22px;color:var(--muted)}.problem-copy .answer{margin-top:32px}.problem-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;margin:0;padding:0;list-style:none;color:var(--navy);font-size:.87rem;font-weight:700}.problem-copy li::before{content:'✓';margin-right:8px;color:var(--blue)}.proof{padding:90px 0;background:var(--soft)}.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.proof-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 32px #0c23400d}.proof-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.proof-card>div{padding:20px}.proof-card h3{margin:6px 0 4px;color:var(--navy);font-size:.82rem;letter-spacing:.05em}.proof-card p{margin:0;color:var(--muted);font-size:.88rem}.demo-label{color:var(--blue);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ready{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:60px 0}.ready h2{margin:0;color:var(--navy);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.04em}.ready p{margin:12px 0 4px;color:var(--muted)}.ready small{color:var(--muted);font-size:.76rem}.ready .actions{justify-content:flex-end}.ready .button{font-size:.68rem;padding:11px 13px}@media(max-width:800px){.problem{grid-template-columns:1fr;gap:36px;padding-top:70px;padding-bottom:70px}.ready{align-items:flex-start;flex-direction:column}.ready .actions{justify-content:flex-start}}@media(max-width:480px){.proof-grid{grid-template-columns:1fr}.problem-copy ul{grid-template-columns:1fr}.ready .actions{flex-direction:column;align-items:stretch}.ready .button{width:100%}}