:root{--ink:#172b38;--muted:#64727a;--blue:#235e7f;--blue-dark:#153d56;--line:#dce4e3;--paper:#f7f8f5;--white:#fff;--mint:#dcefe6;--sand:#f1ede2;--lime:#dcf4ad;--shadow:0 24px 70px rgba(24,50,62,.13)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Aptos","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.shell{width:min(100% - 64px,1280px);margin-inline:auto}
.skip-link{position:absolute;z-index:30;left:16px;top:-60px;background:#fff;padding:12px 16px;border-radius:6px}.skip-link:focus{top:12px}
:focus-visible{outline:3px solid #95d24a;outline-offset:4px}
.site-header{position:relative;z-index:10;border-bottom:1px solid #e2e8e5;background:rgba(247,248,245,.94)}
.header-inner{height:82px;display:flex;align-items:center;gap:38px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#1a2a36;font-size:21px;font-weight:800;letter-spacing:-.9px}
.brand-light{font-weight:550}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--blue);display:grid;place-items:center;box-shadow:0 5px 12px rgba(35,94,127,.15)}
.brand-mark svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.desktop-nav{display:flex;align-items:center;gap:34px;margin:auto;font-size:13px;font-weight:650;color:#455961}.desktop-nav a:hover,.site-footer a:hover{color:var(--blue)}
.header-cta{border:1px solid #cbd8d8;border-radius:8px;padding:12px 17px;font-size:13px;font-weight:750;white-space:nowrap;background:#fff;transition:transform .2s,box-shadow .2s}.header-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(21,61,86,.1)}.header-cta span{margin-left:10px;color:var(--blue)}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f8f9f6 20%,#eff5f2 75%,#e6f0ec);padding:88px 0 0}
.hero:before{content:"";position:absolute;inset:-30% -10% auto auto;width:55vw;height:55vw;border-radius:50%;background:radial-gradient(circle,rgba(203,232,221,.5),transparent 70%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;gap:54px;min-height:560px}
.hero-copy{position:relative;z-index:2;padding-bottom:35px}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 24px;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.eyebrow-line{width:28px;height:1px;background:var(--blue)}
h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.058em}h1{max-width:650px;margin-bottom:28px;font-size:clamp(53px,5.15vw,82px);line-height:1.045;font-weight:750}h2{font-size:clamp(38px,4.25vw,62px);line-height:1.1;font-weight:750}h3{font-size:22px;letter-spacing:-.035em}
.hero-lede{max-width:500px;margin:0 0 34px;color:#53646a;font-size:17px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.button{min-height:50px;padding:14px 21px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:13px;font-weight:750;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(35,94,127,.18)}.button-primary:hover{background:var(--blue-dark)}.button-secondary{background:#fff;border:1px solid #ced8d7}.button-secondary:hover{box-shadow:0 9px 20px rgba(24,50,62,.09)}.small-note{margin:15px 0 0;font-size:11px;color:#819097}
.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;padding:20px 0 30px}.hero-orbit{position:absolute;border:1px solid #c8ded5;border-radius:50%;pointer-events:none}.orbit-one{width:720px;height:720px;left:3%;top:-18%}.orbit-two{width:550px;height:550px;left:15%;top:-4%}
.product-window{position:relative;overflow:hidden;background:#fff;border:1px solid #dce4e4;border-radius:13px;box-shadow:var(--shadow)}.hero-window{z-index:1;width:100%;transform:rotate(-2.5deg);transform-origin:center;box-shadow:0 32px 75px rgba(30,67,82,.19)}.hero-window img{width:100%;height:auto}.window-bar{height:38px;border-bottom:1px solid #e8eeed;background:#fbfdfb;color:#819096;font-size:10px;font-weight:700;display:flex;align-items:center;gap:11px;padding:0 14px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#cbd6d6;border-radius:50%}.window-end{margin-left:auto;font-size:13px}
.floating-tag{z-index:2;position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce7e4;border-radius:10px;box-shadow:0 12px 24px rgba(23,58,71,.13);font-size:11px;font-weight:750}.floating-tag-top{top:9%;right:-2%;padding:12px 15px}.status-dot{width:7px;height:7px;background:#6fbc80;border-radius:50%;box-shadow:0 0 0 4px #e1f2e5}.floating-tag-bottom{bottom:10%;left:-6%;padding:12px 16px}.tag-number{font-size:25px;line-height:1;color:var(--blue);font-weight:850}.floating-tag-bottom span:last-child{color:#849098;line-height:1.35}.floating-tag-bottom strong{color:#2b3d47}
.hero-bottom{position:relative;display:flex;justify-content:space-between;border-top:1px solid #d9e5df;padding:18px 0 21px;color:#779089;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.intro-band{background:#173c52;color:#fff}.flow-line{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px}.flow-line span{display:flex;gap:11px;align-items:center;color:#8db3c0;font-size:11px;font-weight:700;letter-spacing:.06em;white-space:nowrap}.flow-line b{color:#fff;font-size:13px;font-weight:650;letter-spacing:0}.flow-line i{color:#74a3ae;font-style:normal}
.section{padding:115px 0}.section-heading{margin-bottom:52px}.split-heading{display:grid;grid-template-columns:1fr .47fr;gap:80px;align-items:end}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2{max-width:760px;margin-bottom:0}.section-heading>p{max-width:380px;margin:0 0 5px;color:var(--muted);font-size:15px;line-height:1.75}
.workflow{background:#fff}.workflow-layout{display:grid;grid-template-columns:.74fr 1.26fr;gap:38px;align-items:stretch}.step-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.step{width:100%;display:grid;grid-template-columns:44px 1fr 20px;align-items:start;gap:14px;text-align:left;padding:24px 12px 25px 3px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;transition:padding .2s,background .2s}.step:hover{padding-left:12px;background:#f8faf9}.step.active{padding-left:16px;background:#edf5f2;border-left:3px solid var(--blue)}.step-index{color:#8aa2a3;font-size:11px;font-weight:800;padding-top:5px}.step.active .step-index{color:var(--blue)}.step-main{display:flex;flex-direction:column;gap:9px}.step-main strong{font-size:18px;letter-spacing:-.035em}.step-main small{max-width:310px;color:#68767b;font-size:12px;line-height:1.6}.step-arrow{color:var(--blue);opacity:0}.step.active .step-arrow,.step:hover .step-arrow{opacity:1}
.workflow-display{min-width:0;overflow:hidden;border:1px solid #dce5e3;border-radius:13px;background:#f5f8f6;box-shadow:0 14px 34px rgba(25,54,67,.07)}.workflow-display-head{height:47px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3ebe9;background:#fbfdfb}.display-kicker,.display-pill{font-size:10px;font-weight:800;letter-spacing:.13em;color:#6e8787}.display-pill{color:#39755d;background:#e4f1e9;border-radius:20px;padding:7px 9px;font-size:9px}.screen-wrap{height:390px;margin:18px 18px 0;overflow:hidden;border-radius:7px;border:1px solid #d6e0df;background:#e6efed}.screen-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top}.display-caption{padding:20px 24px 24px}.display-caption strong{display:block;font-size:19px;letter-spacing:-.035em;margin-bottom:8px}.display-caption p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.image-disclaimer{margin:17px 0 0;color:#879297;font-size:11px}
.workspace-section{background:#f0f5f1}.workspace-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:90px;align-items:center}.workspace-visual{min-width:0}.visual-label{display:flex;justify-content:space-between;max-width:560px;margin:0 0 15px;font-size:10px;font-weight:850;letter-spacing:.16em;color:#557871}.visual-label span{font-size:16px}.detail-frame{overflow:hidden;border:8px solid #fff;border-radius:14px;box-shadow:0 25px 60px rgba(26,60,65,.17);background:#fff}.detail-frame img{width:100%;height:auto}.image-caption{color:#83918d;font-size:11px;margin-top:15px}.workspace-copy h2{margin:0 0 26px}.workspace-copy>p:not(.eyebrow){max-width:490px;color:var(--muted);font-size:15px;line-height:1.8}.feature-list{list-style:none;margin:34px 0 0;padding:0}.feature-list li{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:19px 0;border-top:1px solid #d6e3de}.feature-icon{width:29px;height:29px;display:grid;place-items:center;background:#dcece5;color:var(--blue);border-radius:7px;font-size:17px;font-weight:700}.feature-list strong{font-size:14px}.feature-list p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.capability-section{background:#fff}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.capability-card{min-height:275px;padding:24px;border:1px solid #dfe7e5;border-radius:11px;background:#fbfcfa;transition:transform .2s,box-shadow .2s}.capability-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(28,60,64,.08)}.card-index{font-size:9px;letter-spacing:.14em;font-weight:850;color:#7c9291}.card-symbol{display:block;color:var(--blue);font-family:Georgia,serif;font-size:43px;line-height:1;margin:29px 0 26px}.capability-card h3{font-size:18px;margin-bottom:12px}.capability-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.proof-section{background:#173d53;color:#fff}.proof-grid{display:grid;grid-template-columns:1fr .8fr;gap:120px;align-items:center}.eyebrow-light{color:#afd7c9}.proof-grid h2{margin-bottom:26px}.proof-grid p:not(.eyebrow){max-width:570px;color:#bfd1d6;font-size:15px;line-height:1.8;margin-bottom:30px}.button-light{background:#fff;color:var(--blue-dark)}.button-light:hover{background:#e7f2eb}.proof-stats{display:grid;grid-template-columns:1fr;gap:0}.proof-stats div{display:grid;grid-template-columns:95px 1fr;gap:25px;align-items:center;padding:25px 0;border-top:1px solid rgba(255,255,255,.2)}.proof-stats div:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.proof-stats strong{color:var(--lime);font-size:55px;line-height:1;letter-spacing:-.065em}.proof-stats span{max-width:260px;color:#c4d5d8;font-size:13px;line-height:1.6}
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.faq-grid h2{max-width:400px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0 3px}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;font-size:15px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;font-weight:300;color:var(--blue);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:580px;padding:0 30px 22px 0;margin:0;color:var(--muted);font-size:13px;line-height:1.8}.faq-list code{background:#eef3f1;padding:2px 4px;border-radius:3px}
.final-cta{background:#e6f0e9;border-top:1px solid #d3e3d9;padding:70px 0}.final-cta-inner{display:flex;align-items:end;justify-content:space-between;gap:40px}.final-cta h2{max-width:620px;margin:0 0 16px}.final-cta p:not(.eyebrow){max-width:510px;margin:0;color:#687970;font-size:14px;line-height:1.7}.final-cta-inner>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding-bottom:5px}.final-cta small{color:#80938a;font-size:10px}
.site-footer{background:#f7f8f5}.footer-inner{min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner p{margin:0;color:#7e8e8d;font-size:12px}.footer-inner>a:last-child{font-size:12px;font-weight:700;color:#5d7374}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr 1fr;gap:25px}.hero{padding-top:70px}.hero-window{transform:rotate(-1deg)}.floating-tag-top{right:0}.floating-tag-bottom{left:0}.workspace-grid{gap:50px}.proof-grid{gap:70px}.capability-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{width:min(100% - 36px,1280px)}.header-inner{height:70px;gap:16px}.desktop-nav{display:none}.header-cta{margin-left:auto;padding:10px 12px;font-size:11px}.brand{font-size:18px}.brand-mark{width:30px;height:30px}.hero{padding:55px 0 0}.hero-grid{grid-template-columns:1fr;gap:15px}.hero-copy{padding-bottom:0}h1{font-size:clamp(48px,10vw,72px)}h2{font-size:clamp(38px,8vw,55px)}.hero-lede{font-size:15px}.hero-visual{min-height:0;padding:15px 8px 48px}.hero-window{transform:none}.hero-orbit{display:none}.floating-tag-top{top:1%;right:0}.floating-tag-bottom{bottom:4%;left:0}.hero-bottom{font-size:9px}.flow-line{min-height:0;display:grid;grid-template-columns:1fr 1fr;padding:23px 0;row-gap:18px}.flow-line i{display:none}.flow-line span{font-size:10px}.flow-line b{font-size:11px}.section{padding:75px 0}.split-heading,.workflow-layout,.workspace-grid,.proof-grid,.faq-grid{grid-template-columns:1fr;gap:32px}.section-heading{margin-bottom:35px}.section-heading>p{max-width:600px}.workflow-layout{gap:25px}.step{padding-top:18px;padding-bottom:18px}.screen-wrap{height:360px}.workspace-grid{gap:45px}.workspace-copy{grid-row:1}.proof-stats div{grid-template-columns:72px 1fr}.proof-stats strong{font-size:45px}.final-cta-inner{align-items:flex-start;flex-direction:column;gap:26px}.footer-inner{padding:25px 0;min-height:0;flex-wrap:wrap}.footer-inner p{width:100%;order:3}}
@media(max-width:480px){.header-cta{font-size:0;gap:0}.header-cta span{font-size:15px;margin:0}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-visual{padding-top:28px}.floating-tag{font-size:9px}.floating-tag-top{top:7px}.floating-tag-bottom{bottom:7px}.screen-wrap{height:290px;margin:12px 12px 0}.display-caption{padding:18px}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:225px}.card-symbol{margin:18px 0}.final-cta .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}