:root{--navy:#0e2844;--navy-deep:#081b2e;--blue:#1876a9;--ice:#e8f3fa;--paper:#f7f9fb;--white:#fff;--orange:#f58220;--orange-hover:#ff983e;--ink:#142d46;--muted:#4e667a;--line:#d8e4ed;--shadow:0 20px 50px rgba(15,43,66,.13)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 "Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
video{display:block;max-width:100%}
.wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.nav-wrap{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #dce8f0;backdrop-filter:blur(16px)}
nav{min-height:76px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;flex:none}
.brand img{width:196px;max-height:65px;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:26px;margin-left:auto;color:#31516c;font-size:13px;font-weight:700}
.nav-links a:hover,.nav-login:hover,.text-link:hover{color:#d56711}
.nav-actions{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:800;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 18px;border:1px solid #b8cad8;border-radius:8px;background:#fff;color:#153b58;font-size:13px;font-weight:800;line-height:1.25;text-align:center;box-shadow:0 3px 0 rgba(9,39,63,.08);transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);border-color:#779ab1;box-shadow:0 9px 22px rgba(9,39,63,.14)}
.btn:focus-visible,a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #f6a657;outline-offset:3px}
.btn.primary{background:var(--orange);border-color:#e87513;color:#221709;box-shadow:0 3px 0 #b95909,0 10px 22px rgba(221,109,14,.18)}
.btn.primary:hover{background:var(--orange-hover);box-shadow:0 4px 0 #b95909,0 14px 26px rgba(221,109,14,.25)}
.btn.secondary{background:#fff;color:#173a56}
.nav-cta{min-height:39px;padding:8px 15px}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f7fbfe 0%,#e8f4fb 47%,#cae6f6 100%);padding:56px 0 25px;border-bottom:1px solid #bcd9e9}
.hero:before{content:"";position:absolute;inset:auto -8% -26% 33%;height:72%;border:1px solid rgba(255,255,255,.77);border-radius:50% 0 0 0;transform:rotate(-11deg);pointer-events:none}
.hero-arc{position:absolute;right:-18%;top:-75%;width:78%;height:165%;border-radius:0 0 0 100%;background:linear-gradient(137deg,transparent 30%,rgba(255,255,255,.62) 57%,rgba(51,143,193,.08) 60%,transparent 72%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:40px}
.hero-copy{position:relative;z-index:2}
.hero-kicker{display:flex;align-items:center;gap:10px;margin:0 0 21px;color:#397697;font-size:11px;font-weight:900;letter-spacing:.17em}
.kicker-rule{width:27px;height:2px;background:var(--orange)}
.hero h1{max-width:600px;margin:0 0 21px;color:#102b47;font-size:clamp(43px,4.45vw,68px);font-weight:850;line-height:1.055;letter-spacing:-.053em}
.hero h1 em{color:#1473a5;font-style:normal}
.lead{max-width:535px;margin:0;color:#36566e;font-size:17px;line-height:1.7}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:29px 0 21px}
.hero-primary{min-height:53px;padding:12px 20px;font-size:15px}
.hero-primary strong{font-weight:900}
.text-link{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #8eb5cb;color:#194b6f;font-size:13px;font-weight:800}
.hero-trial{display:flex;align-items:flex-start;gap:10px;max-width:510px;padding:12px 15px;border-left:3px solid var(--orange);background:rgba(255,255,255,.66);box-shadow:0 8px 25px rgba(45,101,136,.06)}
.hero-trial p{margin:0;color:#35536a;font-size:12px;line-height:1.5}
.hero-trial strong{color:#13334e}
.trial-check{display:grid;place-items:center;flex:none;width:18px;height:18px;border-radius:50%;background:#176e9a;color:#fff;font-size:11px;font-weight:900}
.platform-note{margin:17px 0 0;color:#486b81;font-size:11px;font-weight:700}
.platform-note span{padding:0 7px;color:#93a9b8}
.hero-visual{position:relative;min-width:0}
.hero-app-shot{margin:0;overflow:hidden;border:7px solid #fff;border-radius:17px;background:#fff;box-shadow:0 26px 55px rgba(8,42,67,.2),0 0 0 1px #b6d1e1}
.hero-app-bar{display:flex;align-items:center;gap:9px;min-height:36px;padding:6px 12px;background:linear-gradient(#17496d,#0d314d);color:#fff;font-size:11px}
.hero-app-bar span:last-child{margin-left:auto;color:#c0d9e8;font-weight:700}
.hero-app-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#f58220}
.hero-app-shot a{display:block}
.hero-app-shot img{width:100%;height:auto}
.hero-app-shot figcaption{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;color:#345b75;font-size:11px;font-weight:750}
.hero-app-shot figcaption span{color:#1970a1;font-weight:700}
.hero-bottom{position:relative;display:flex;align-items:center;gap:15px;padding-top:14px;color:#52748b;font-size:10px;font-weight:800;letter-spacing:.06em}
.hero-bottom-line{width:24px;height:1px;background:#8aaec4}
.proof-section{background:#fff;border-bottom:1px solid var(--line)}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.proof-item{display:grid;gap:0;padding:24px 28px;border-right:1px solid var(--line)}
.proof-item:first-child{padding-left:0}.proof-item:last-child{border-right:0}
.proof-item strong{color:#0c3b5d;font-size:20px;line-height:1.2;letter-spacing:-.035em}
.proof-item span{color:#5c7081;font-size:12px}
.section{padding:96px 0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:42px;margin-bottom:37px}
.section-heading>div{max-width:750px}
.section-heading>p{max-width:345px;margin:0 0 4px;color:#536b7c;font-size:14px}
.section-label{display:inline-block;margin-bottom:12px;color:#b85e13;font-size:11px;font-weight:900;letter-spacing:.18em}
.section h2,.trial-section h2,.final-cta h2{margin:0;color:#102d47;font-size:clamp(32px,3.4vw,49px);line-height:1.12;letter-spacing:-.044em}
.workflow{background:#fff}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{position:relative;min-height:215px;padding:28px 29px;border:1px solid #d9e6ef;border-radius:12px;background:#f7fbfe}
.step:after{content:"";position:absolute;left:0;bottom:0;width:46%;height:3px;background:linear-gradient(90deg,#f58220,transparent)}
.step-num{display:block;color:#2181b4;font-size:13px;font-weight:900;letter-spacing:.12em}
.step-line{width:28px;height:1px;margin:19px 0;background:#aac5d7}
.step h3{margin:0 0 7px;color:#113653;font-size:20px;letter-spacing:-.02em}
.step p{max-width:315px;margin:0;color:#567084;font-size:13px}
.showcase{background:#0b2237;color:#fff}
.showcase .section-label{color:#ffad64}.showcase h2{color:#f4faff}.showcase .section-heading>p{color:#a9c3d6}
.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.demo-card{min-width:0;overflow:hidden;border:1px solid #31516a;border-radius:13px;background:#12314a}
.demo-card.demo-featured{grid-column:1/-1;display:grid;grid-template-columns:.68fr 1.32fr;align-items:center;background:linear-gradient(105deg,#194260,#102a43)}
.demo-copy{padding:24px 27px}
.demo-featured .demo-copy{padding:40px}
.demo-index{color:#ffad64;font-size:10px;font-weight:900;letter-spacing:.13em}
.demo-card h3{margin:9px 0 6px;color:#fff;font-size:clamp(19px,2.15vw,30px);line-height:1.2;letter-spacing:-.03em}
.demo-card p{margin:0;color:#bed1de;font-size:13px}
.demo-media{padding:7px;background:#07192a}
.demo-media video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:5px}
.product{background:#f5f9fc}
.feature-stack{display:grid;gap:20px}
.feature-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;padding:30px;border:1px solid #cbdfea;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(19,55,87,.065)}
.feature-row.reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);background:#e8f3fa}
.feature-row.reverse .feature-copy{order:2}
.feature-row.reverse .feature-media{order:1}
.feature-copy .mini{display:block;margin-bottom:8px;color:#b76017;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.feature-copy h3{margin:0 0 12px;color:#11344f;font-size:clamp(25px,2.5vw,34px);letter-spacing:-.036em;line-height:1.17}
.feature-copy>p{margin:0 0 16px;color:#4d697d;font-size:15px}
.check-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.check-list li{position:relative;padding-left:22px;color:#31526b;font-size:13px}
.check-list li:before{content:"✓";position:absolute;left:0;color:#da7017;font-weight:900}
.feature-media{min-width:0;margin:0;padding:6px;border:1px solid #b8d3e3;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 16px 38px rgba(8,40,68,.12)}
.feature-media img,.feature-media video{display:block;width:100%;height:auto;border-radius:9px;object-fit:contain}
.feature-media video{aspect-ratio:16/9;background:#07111c}
.feature-media figcaption{padding:9px 7px 3px;color:#4d697d;font-size:11px}
.trial-section{position:relative;overflow:hidden;background:linear-gradient(125deg,#0b2034,#143b59 80%);color:#fff;padding:82px 0}
.trial-section:after{content:"";position:absolute;right:-9%;bottom:-90%;width:60%;height:150%;border:1px solid rgba(172,217,243,.15);border-radius:50%;pointer-events:none}
.trial-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.trial-section .section-label{color:#ffae68}.trial-section h2{color:#fff}.trial-section h2 em{color:#8fd3f5;font-style:normal}
.trial-copy p{max-width:640px;margin:17px 0 25px;color:#c7dce9;font-size:16px}
.trial-steps{display:grid;gap:10px}
.trial-steps>div{display:flex;gap:17px;align-items:center;padding:16px 18px;border:1px solid #42647c;border-radius:9px;background:rgba(255,255,255,.055)}
.trial-steps b{color:#ffad64;font-size:17px}.trial-steps span{display:grid;color:#bcd4e4;font-size:12px}.trial-steps strong{color:#fff;font-size:14px}
.pricing-section{background:#fff}
.pricing{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.price-card{display:flex;flex-direction:column;min-width:0;min-height:252px;padding:21px 17px;border:1px solid #d3e1ea;border-radius:12px;background:#fbfdfe}
.price-card.highlight{border-color:#e99246;background:#fff8f1;box-shadow:0 16px 33px rgba(216,110,24,.12)}
.small-note{color:#678297;font-size:10px;font-weight:900;letter-spacing:.11em}
.price{margin:14px 0 1px;color:#113652;font-size:clamp(22px,2.25vw,31px);font-weight:900;letter-spacing:-.05em;white-space:nowrap}
.credits{color:#ba5c0e;font-size:17px;font-weight:900}
.price-card p{margin:11px 0 19px;color:#597084;font-size:12px}
.price-card .btn{width:100%;min-height:40px;margin-top:auto;padding:8px;font-size:12px}
.pricing-note{margin:17px 0 0;color:#536c7f;font-size:12px}.pricing-note a{color:#075f92;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.faq-section{background:#edf5fa;border-top:1px solid #dceaf2}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:68px}
.faq-intro p{color:#536d80}
.faq{display:grid;gap:10px}
.faq details{padding:15px 18px;border:1px solid #d3e2ec;border-radius:9px;background:#fff}
.faq summary{cursor:pointer;color:#193e59;font-size:14px;font-weight:800}
.faq details[open]{border-color:#a5c7db;box-shadow:0 8px 22px rgba(18,61,91,.07)}
.faq p{margin:8px 0 0;color:#526d81;font-size:13px}
.final-cta{padding:78px 0;background:#fff}
.final-box{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:38px 45px;border:1px solid #a7c9dd;border-radius:15px;background:linear-gradient(115deg,#e3f2fa,#cde6f4);box-shadow:0 18px 40px rgba(16,64,95,.09)}
.final-box h2{max-width:730px}.final-box p{margin:11px 0 0;color:#46677f}
.final-actions{display:grid;justify-items:center;gap:12px;flex:none}.final-actions>a:last-child{color:#1d5e84;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.footer{padding:23px 0;border-top:1px solid #dbe7ef;background:#f7fafc}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#577083;font-size:12px}
.footer-brand img{width:180px;height:auto;max-height:55px;object-fit:contain}
.footer a:hover{color:#b6570b;text-decoration:underline}
@media(max-width:1120px){.nav-links{gap:14px}.hero-grid{gap:30px}.hero h1{font-size:clamp(43px,4.5vw,59px)}.pricing{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.nav-links{display:none}.nav-actions{margin-left:auto}.hero{padding:52px 0 22px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{max-width:760px}.hero-visual{max-width:760px;width:100%;margin:30px auto 0}.hero h1{max-width:760px}.section{padding:72px 0}.section-heading{align-items:start;flex-direction:column;gap:10px}.section-heading>p{max-width:650px}.trial-layout,.faq-layout{grid-template-columns:1fr;gap:25px}.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:22px}.feature-row.reverse .feature-copy,.feature-row.reverse .feature-media{order:initial}.trial-layout{gap:34px}.final-box{align-items:start;flex-direction:column}.final-actions{justify-items:start}}
@media(max-width:700px){.wrap{width:min(100% - 30px,1240px)}nav{min-height:67px;gap:10px}.brand img{width:150px;max-height:54px}.nav-actions{gap:11px}.nav-login{font-size:12px}.nav-cta{min-height:37px;padding:7px 10px;font-size:11px}.hero{padding:39px 0 18px}.hero h1{font-size:clamp(38px,9.8vw,52px)}.hero-kicker{font-size:9px}.lead{font-size:15px}.hero-actions{gap:15px}.hero-primary{min-height:49px;font-size:13px}.hero-visual{margin-top:24px}.hero-app-shot figcaption{display:block}.hero-app-shot figcaption span{display:block}.hero-bottom{padding-top:13px}.proof-grid{grid-template-columns:1fr 1fr}.proof-item{padding:18px 12px}.proof-item:first-child{padding-left:0}.proof-item:nth-child(2){border-right:0}.proof-item:last-child{grid-column:1/-1;padding:15px 0;border-top:1px solid var(--line)}.proof-item strong{font-size:18px}.section{padding:58px 0}.section h2,.trial-section h2,.final-cta h2{font-size:clamp(31px,7vw,41px)}.steps,.demo-grid,.pricing{grid-template-columns:1fr}.step{min-height:0}.demo-card.demo-featured{grid-template-columns:1fr}.demo-featured .demo-copy{padding:25px}.demo-card.demo-featured{grid-column:auto}.feature-row{padding:20px}.trial-section{padding:62px 0}.price-card{min-height:0}.faq-layout{gap:24px}.final-cta{padding:55px 0}.final-box{padding:27px 22px}.final-actions{width:100%}.final-actions .btn{width:100%}.footer-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:390px){.brand img{width:135px}.nav-actions{gap:7px}.nav-cta{padding:7px 8px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-primary{width:100%}.hero h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}