:root{
  --navy:#0c2856;--blue:#1e5bb8;--teal:#078b7c;--green:#2f9c63;--purple:#6441b8;
  --orange:#e67a23;--yellow:#f4c542;--ink:#172033;--muted:#5f6b7c;--line:#dce5ef;
  --soft:#f4f8fc;--pale:#eef7f4;--white:#fff;--shadow:0 18px 55px rgba(12,40,86,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.62;background:#fff}img{max-width:100%}a{color:inherit}.container{width:min(1180px,92%);margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.75rem 1rem;z-index:999;border-radius:8px}.muted{color:var(--muted)}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,229,239,.88)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:1rem}.brand{font-weight:950;text-decoration:none;color:var(--navy);font-size:1.18rem;letter-spacing:-.025em}.brand span{color:var(--teal)}.navlinks{display:flex;align-items:center;gap:1.05rem}.navlinks a{text-decoration:none;font-weight:760;font-size:.92rem}.menu{display:none;border:0;background:transparent;font-size:1.7rem;color:var(--navy)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;padding:.84rem 1.22rem;text-decoration:none;font-weight:850;border:1px solid transparent}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 10px 24px rgba(30,91,184,.22)}.btn-light{background:#fff;border-color:var(--line);color:var(--navy)}.btn-teal{background:var(--teal);color:#fff}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.45rem}
.hero{padding:82px 0 62px;background:radial-gradient(circle at 12% 12%,#ddf7f2 0,transparent 32%),radial-gradient(circle at 92% 10%,#e8e1ff 0,transparent 31%),linear-gradient(#fff,#f7faff)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:54px;align-items:center}.eyebrow{display:inline-block;padding:.43rem .72rem;border-radius:999px;background:#e9f4ff;color:var(--blue);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.065em}.hero h1{font-size:clamp(2.8rem,5.7vw,5.45rem);line-height:.98;letter-spacing:-.056em;color:var(--navy);margin:.8rem 0 1rem}.hero h1 em{font-style:normal;color:var(--teal)}.lead{font-size:1.2rem;color:var(--muted);max-width:61ch}.hero-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:15px;box-shadow:var(--shadow);margin:0}.hero-card img{display:block;width:100%;border-radius:18px}.micro{font-size:.91rem;color:var(--muted);margin-top:1rem}.trustbar{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:42px}.trustbar div{background:#fff;padding:.95rem .55rem;text-align:center;font-weight:850;color:var(--navy)}
section{padding:76px 0}.soft{background:var(--soft)}.dark{background:linear-gradient(145deg,#0b224a,#143a72);color:#fff}.dark h2,.dark h3{color:#fff}.dark .section-head p{color:#d8e4f4}.section-head{max-width:820px;margin-bottom:30px}.section-head h2{font-size:clamp(2rem,4vw,3.55rem);line-height:1.05;letter-spacing:-.043em;color:var(--navy);margin:0 0 .8rem}.section-head p{font-size:1.08rem;color:var(--muted);margin:.5rem 0}.kicker{font-weight:900;color:var(--teal);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 8px 28px rgba(12,40,86,.06)}.card h3{color:var(--navy);margin:.3rem 0 .55rem;line-height:1.2}.icon{font-size:2rem}.tag{display:inline-flex;padding:.35rem .65rem;border-radius:999px;background:#eaf2ff;color:var(--blue);font-size:.78rem;font-weight:900}.tag.green{background:#e6f7ee;color:#227a4f}.tag.orange{background:#fff0df;color:#a85809}.tag.purple{background:#f0eaff;color:#5b35aa}
.statement{font-size:clamp(1.55rem,3.2vw,2.65rem);font-weight:900;line-height:1.18;letter-spacing:-.03em;color:var(--navy);max-width:900px}.quote{border-left:5px solid var(--teal);padding:1rem 1.4rem;background:#fff;border-radius:0 18px 18px 0;box-shadow:0 8px 26px rgba(12,40,86,.06);font-size:1.16rem}
.workflow-strip{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;align-items:stretch}.workflow-strip div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 8px;text-align:center;font-weight:820;color:var(--navy);font-size:.84rem}.workflow-strip b{display:block;font-size:1.15rem;color:var(--teal);margin-bottom:4px}
.media-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:38px;align-items:start}.poster{margin:0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:var(--shadow)}.poster img{display:block;border-radius:15px;width:100%}.poster figcaption{font-size:.9rem;color:var(--muted);padding:.75rem .35rem .2rem}.feature-list{display:grid;gap:14px}.feature{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start}.feature .num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:950}.feature h3{margin:0 0 .25rem;color:var(--navy)}.feature p{margin:0;color:var(--muted)}
.compare{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}.compare-col{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff}.compare-col h3{margin-top:0;color:var(--navy)}.vs{display:grid;place-items:center;font-weight:950;color:#fff;background:var(--navy);width:56px;height:56px;border-radius:50%;align-self:center}.compare ul{padding-left:1.1rem}.compare li{margin:.45rem 0}
.visual-studio{background:linear-gradient(145deg,#f5fbff,#edf9f5)}.visual-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:26px 0}.visual-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 15px;min-height:170px}.visual-step:not(:last-child):after{content:"→";position:absolute;right:-17px;top:44%;font-size:1.55rem;font-weight:900;color:var(--teal);z-index:2}.visual-step strong{display:block;color:var(--navy);font-size:1.05rem;margin:.45rem 0}.visual-step p{margin:0;color:var(--muted);font-size:.93rem}.guardrail{background:#fff;border:1px solid #cfe0dc;border-radius:18px;padding:20px;margin-top:20px}.guardrail strong{color:var(--navy)}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.module{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px}.module .module-no{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--navy);color:#fff;font-weight:950}.module h3{margin:.55rem 0 .3rem;color:var(--navy)}.module p{margin:0;color:var(--muted);font-size:.94rem}.module.featured{grid-column:span 2;background:linear-gradient(135deg,#f2edff,#f8fbff);border-color:#cfc3f2}
.product-card{position:relative;overflow:hidden}.product-card.lead-product{border:2px solid var(--teal);box-shadow:0 18px 45px rgba(7,139,124,.13)}.ribbon{position:absolute;right:-38px;top:22px;transform:rotate(35deg);background:var(--teal);color:#fff;padding:.4rem 3rem;font-size:.75rem;font-weight:900}.clean{padding-left:1.15rem}.clean li{margin:.35rem 0}.expand{border-top:1px solid var(--line);margin-top:1rem;padding-top:.85rem}.expand summary{cursor:pointer;font-weight:850;color:var(--blue)}.expand div{padding-top:.75rem;color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:11px}.figure img{width:100%;display:block;border-radius:13px}.figure figcaption{font-weight:850;color:var(--navy);padding:10px 4px 3px}.figure small{display:block;color:var(--muted);font-weight:500;margin-top:3px}
.faq details{border:1px solid var(--line);border-radius:16px;padding:1rem 1.15rem;background:#fff}.faq details+details{margin-top:10px}.faq summary{font-weight:850;color:var(--navy);cursor:pointer}.faq p{color:var(--muted)}
.cta{background:linear-gradient(135deg,#e8faf5,#eeeaff)}.cta-box{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(28px,5vw,54px);box-shadow:var(--shadow)}.cta h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.06;letter-spacing:-.04em;color:var(--navy);margin:0}
.subhero{padding:58px 0;background:linear-gradient(135deg,#eef8ff,#f3efff)}.subhero h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1;letter-spacing:-.05em;color:var(--navy);margin:.7rem 0 1rem}.breadcrumbs{font-size:.9rem;color:var(--muted)}.breadcrumbs a{text-decoration:none;color:var(--blue)}.content{max-width:860px}.content h2{color:var(--navy);font-size:2rem;margin-top:2.2rem}.content h3{color:var(--navy);margin-top:1.5rem}.content p,.content li{color:#364254}.callout{border-radius:20px;padding:22px;background:#edf8f5;border:1px solid #cde7df}.callout.warning{background:#fff8e8;border-color:#efdcae}
footer{background:#081a37;color:#d8e3f3;padding:44px 0}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:26px}.footer-grid h3{color:#fff;margin-top:0}.footer-grid a{display:block;text-decoration:none;color:#d8e3f3;margin:.38rem 0}.legal{border-top:1px solid rgba(255,255,255,.15);margin-top:28px;padding-top:20px;color:#aebbd0;font-size:.88rem}
@media(max-width:980px){.hero-grid,.media-grid,.cta-box{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.module-grid,.gallery{grid-template-columns:repeat(2,1fr)}.trustbar{grid-template-columns:repeat(3,1fr)}.workflow-strip{grid-template-columns:repeat(5,1fr)}.visual-flow{grid-template-columns:1fr 1fr}.visual-step:not(:last-child):after{display:none}.module.featured{grid-column:span 2}.footer-grid{grid-template-columns:1fr 1fr}.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:1rem 4%;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.menu{display:block}.compare{grid-template-columns:1fr}.vs{justify-self:center}}
@media(max-width:620px){.grid-2,.grid-3,.grid-4,.module-grid,.gallery,.visual-flow,.footer-grid{grid-template-columns:1fr}.module.featured{grid-column:span 1}.trustbar{grid-template-columns:repeat(2,1fr)}.workflow-strip{grid-template-columns:repeat(2,1fr)}.hero{padding-top:46px}.hero h1{font-size:2.8rem}.actions .btn{width:100%}.cta-box{padding:26px}.compare-col{padding:20px}}