@charset "UTF-8";
:root{--navy:#11294b;--navy-deep:#071b35;--ink:#10243e;--muted:#5e7086;--mint:#0dc9ac;--blue:#326cef;--line:#dfe8ef;--page:#f4f8fb;--white:#fff;--shadow:0 24px 70px rgba(25,58,98,.11)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:var(--page);color:var(--ink);font:400 16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}::selection{background:#b7f3e6;color:#092c39}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-60px;z-index:1000;padding:10px 14px;background:#fff;border-radius:8px}.skip-link:focus{top:14px}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(191,211,226,.65);background:rgba(247,250,252,.94);backdrop-filter:blur(18px)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{flex:0 0 auto}.brand img{width:182px}.main-nav,.nav-actions{display:flex;align-items:center;gap:29px}.main-nav a,.login-link{font-size:13px;font-weight:720;color:#38516d;transition:color .18s}.main-nav a:hover,.login-link:hover{color:#007e71}.nav-actions{gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:51px;padding:13px 22px;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:760;line-height:1.2;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:18px;line-height:0}.button-dark{background:var(--navy);color:#fff;box-shadow:0 10px 24px rgba(17,41,75,.14)}.button-dark:hover{background:#1b3c65}.button-primary{background:var(--mint);color:#062d38;box-shadow:0 13px 28px rgba(13,201,172,.2)}.button-primary:hover{background:#26ddbc}.button-outline{border-color:#cedce8;background:rgba(255,255,255,.72);color:var(--navy)}.button-outline:hover{background:#fff}.button-light-outline{border-color:rgba(255,255,255,.33);color:#fff}.button-light-outline:hover{background:rgba(255,255,255,.1)}
.hero{position:relative;overflow:hidden;padding:88px 0 105px;background:radial-gradient(circle at 78% 5%,#e3f5f5 0,transparent 37%),linear-gradient(115deg,#f7fafc 0%,#eef5fa 100%)}.hero-glow{position:absolute;width:620px;height:620px;right:-230px;top:-230px;border:1px solid rgba(15,188,171,.2);border-radius:50%;box-shadow:0 0 0 100px rgba(12,201,172,.025),0 0 0 200px rgba(12,201,172,.018);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}.hero-copy{max-width:600px;padding:18px 0}.eyebrow,.section-kicker{color:#047f78;font-size:11px;line-height:1.4;font-weight:850;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}.eyebrow-dot{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(13,201,172,.13)}.hero h1{max-width:630px;margin-bottom:26px;font-size:clamp(3.1rem,5.15vw,5.3rem);font-weight:780;letter-spacing:-.073em}.hero h1 em{font-style:normal;color:#04a998}.hero-description{max-width:520px;margin-bottom:32px;color:#526882;font-size:17px;line-height:1.73}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.hero-note{margin:21px 0 0;color:#7b8fa4;font-size:12px;font-weight:590}
.showcase{position:relative;transform:rotate(1.2deg);overflow:hidden;border:1px solid #bfd3df;border-radius:18px;background:#fff;box-shadow:0 35px 80px rgba(24,62,101,.2),0 2px 8px rgba(24,62,101,.08)}.showcase-topbar{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #e4edf2;background:#f8fbfd;color:#75889c;font-size:10px;font-weight:750}.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#bfd3df}.window-dots i:first-child{background:#8cded2}.topbar-icon{color:#05b69d;font-size:17px}.showcase-body{display:grid;grid-template-columns:51px 1fr;min-height:442px}.showcase-sidebar{display:flex;align-items:center;flex-direction:column;gap:17px;padding-top:18px;background:#133159}.sidebar-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--mint);color:#073251;font-weight:900}.sidebar-line{display:block;width:19px;height:5px;border-radius:20px;background:#7592b1;opacity:.6}.sidebar-line.active{background:var(--mint);opacity:1}.sidebar-line.short{width:14px}.showcase-main{padding:22px 20px 16px;min-width:0;background:linear-gradient(145deg,#f3f8fb,#eaf2f7)}.showcase-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.showcase-heading div{display:grid;gap:2px}.showcase-heading small{color:#059988;font-size:8px;font-weight:900;letter-spacing:.14em}.showcase-heading strong{color:#123052;font-size:18px;letter-spacing:-.035em}.showcase-date{padding:5px 8px;border:1px solid #d7e5ec;border-radius:7px;background:#fff;color:#698197;font-size:8px;font-weight:900}.showcase-date b{color:#12bdac}.showcase-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.showcase-stats>div{display:flex;flex-direction:column;min-height:86px;padding:10px;border:1px solid #e1eaf0;border-radius:9px;background:#fff}.showcase-stats small{color:#74869a;font-size:8px;font-weight:700}.showcase-stats strong{color:#17375a;font-size:24px;line-height:1.3}.showcase-stats span{color:#069d8a;font-size:7px;font-weight:780}.showcase-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.showcase-column{min-width:0;padding:9px 7px;border:1px solid #dce8ef;border-radius:9px;background:#e9f0f5}.column-heading{display:flex;align-items:center;gap:5px;margin-bottom:9px;color:#355472;font-size:8px;font-weight:850;white-space:nowrap}.column-heading small{margin-left:auto;color:#8092a3}.stage-dot{width:6px;height:6px;border-radius:50%}.stage-dot.mint{background:#13c6ad}.stage-dot.blue{background:#3a7af5}.stage-dot.amber{background:#f4ba56}.mini-card{margin-bottom:7px;padding:9px;border:1px solid #e0eaf0;border-left:3px solid #1fc8b1;border-radius:7px;background:#fff;box-shadow:0 3px 9px rgba(39,74,107,.06)}.mini-card strong{display:block;overflow:hidden;color:#193651;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.mini-card p{overflow:hidden;margin:4px 0 10px;color:#71859a;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.mini-pill{display:inline-block;margin-bottom:7px;padding:3px 5px;border-radius:4px;background:#e0f8f2;color:#008c7d;font-size:5px;font-weight:900;letter-spacing:.05em}.blue-pill{background:#e9efff;color:#3362c9}.amber-pill{background:#fff5df;color:#a96a05}.mini-footer{display:flex;align-items:center;gap:5px;color:#7d8ea0;font-size:6px}.avatar{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#aeece1;color:#076559;font-size:6px;font-weight:900}.blue-avatar{background:#cddafd;color:#3059b1}.amber-avatar{background:#f6dfa9;color:#915a00}.muted-card{border-left-color:#a8bad0}.showcase-column:nth-child(2) .mini-card{border-left-color:#4784f8}.showcase-column:nth-child(3) .mini-card{border-left-color:#efbd5a}.showcase-caption{position:absolute;right:15px;bottom:8px;color:#8597a9;font-size:8px}
.product-shots{display:grid;align-content:center;min-width:0;padding:18px 12px 8px;isolation:isolate}
.product-shot{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid #c8d9e4;border-radius:16px;background:#fff;box-shadow:0 22px 55px rgba(23,57,91,.2),0 3px 10px rgba(23,57,91,.08)}
.product-shot-cards{z-index:1;transform:translateX(-10px) rotate(-1deg)}
.product-shot-pipeline{z-index:2;margin-top:-13px;transform:translateX(10px) rotate(1deg)}
.product-shot figcaption{display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 13px;border-bottom:1px solid #e2ebf1;background:#f8fbfd;color:#2b4866;font-size:11px;font-weight:800;letter-spacing:.01em}
.shot-dot{width:7px;height:7px;border-radius:50%;background:#13c6ad;box-shadow:0 0 0 3px #d9f8f1}.shot-expand{margin-left:auto;color:#069b8b;font-size:16px;line-height:1}
.product-shot a{display:block}.product-shot img{display:block;width:100%;height:auto}.product-shot a:hover img{filter:saturate(1.08)}
.product-shots-note{margin:22px 0 0;color:#657e93;font-size:11px;font-weight:650;text-align:center}
@media(max-width:850px){.product-shots{width:min(100%,680px);margin-inline:auto}}
@media(max-width:640px){.product-shots{padding:0 3px}.product-shot-cards,.product-shot-pipeline{transform:none}.product-shot-pipeline{margin-top:12px}.product-shot figcaption{min-height:30px;font-size:10px}.product-shots-note{margin-top:14px;font-size:10px}}
.value-strip{border-block:1px solid #dbe7ee;background:#fff}.value-items{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;color:#3d5771;font-size:12px;font-weight:770;letter-spacing:.01em}.value-items i{width:5px;height:5px;border-radius:50%;background:#11c2ab}
.section{padding:112px 0}.section-kicker{margin-bottom:20px}.intro-section{background:#fff}.intro-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:120px;align-items:end}.intro-grid h2,.section-heading h2,.flow-heading h2,.faq-grid h2{max-width:640px;margin-bottom:0;font-size:clamp(2.4rem,4vw,4rem);font-weight:750}.intro-text p{margin-bottom:24px;color:var(--muted);font-size:17px;line-height:1.78}.text-link{color:#078a7d;font-size:14px;font-weight:820}.text-link span{margin-left:10px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading>p{max-width:320px;margin-bottom:4px;color:var(--muted);font-size:15px;line-height:1.7}
.feature-section{background:#f3f8fb}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature-card{position:relative;display:flex;flex-direction:column;min-height:458px;overflow:hidden;padding:27px;border:1px solid #dce9ef;border-radius:18px;background:#fff;box-shadow:0 13px 36px rgba(37,73,107,.045)}.feature-card::before{position:absolute;content:"";width:170px;height:170px;top:-110px;right:-80px;border-radius:50%;background:#e6faf6}.feature-team::before{background:#e8efff}.feature-insight::before{background:#fff4e4}.feature-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:32px;border-radius:11px;background:#e3f9f4;color:#069e89;font-size:23px;line-height:1}.feature-team .feature-icon{background:#e9efff;color:#446ce2}.feature-insight .feature-icon{background:#fff4df;color:#ca8c22}.feature-number{margin-bottom:13px;color:#70899e;font-size:9px;font-weight:850;letter-spacing:.13em}.feature-card h3{margin-bottom:13px;font-size:27px}.feature-card>p{max-width:300px;margin-bottom:28px;color:#66798e;font-size:13px;line-height:1.75}.feature-art{position:relative;margin-top:auto;min-height:108px}.lead-art{display:flex;align-items:center;gap:7px}.lead-art>div{display:grid;gap:2px;flex:1;min-width:0;padding:11px 10px;border:1px solid #d7e7e8;border-radius:10px;background:#f7fcfa;box-shadow:0 6px 12px rgba(28,93,97,.05)}.lead-art b{font-size:10px;white-space:nowrap}.lead-art small{color:#748c95;font-size:8px}.art-dot{width:7px;height:7px;margin-bottom:3px;border-radius:50%;background:#19c9ab}.art-dot.blue{background:#427ded}.art-connector{flex:0 0 14px;height:1px;background:#b9d1d4}.team-art{display:flex;align-items:center;justify-content:center;gap:5px;perspective:200px}.sticky{display:block;width:31%;min-height:86px;padding:17px 8px 9px;background:#fff0ad;color:#66521d;box-shadow:3px 7px 9px rgba(54,75,101,.12);font-size:9px;font-weight:780;line-height:1.5;transform:rotate(-5deg)}.sticky::before{position:absolute;content:"";width:31px;height:9px;top:-5px;left:calc(50% - 15px);background:rgba(215,225,231,.75)}.sticky small{font-size:7px;font-weight:500}.sticky-mint{background:#c5eddb;transform:rotate(4deg)}.sticky-blue{background:#d7e8fd;transform:rotate(-2deg)}.chart-art{padding:10px 14px;border:1px solid #e4edf3;border-radius:10px;background:#fbfdff}.chart-label{display:grid}.chart-label b{font-size:10px}.chart-label small{color:#8695a7;font-size:8px}.bars{display:flex;align-items:end;gap:8px;height:68px;padding-top:10px}.bars span{flex:1;height:var(--bar);border-radius:4px 4px 0 0;background:#9fded5}.bars span:nth-child(2n){background:#82b0ee}.bars span:last-child{background:#13c4ad}.feature-footnote{margin:20px 0 0;color:#73869b;font-size:11px}
.flow-section{background:var(--navy-deep);color:#fff}.flow-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:120px}.flow-heading .section-kicker{color:#53e5cd}.flow-heading h2{margin-bottom:23px}.flow-heading>p:not(.section-kicker){max-width:390px;margin-bottom:28px;color:#b8cada;font-size:15px}.flow-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.flow-list li{display:grid;grid-template-columns:52px 1fr;gap:17px;padding:21px 0 25px;border-top:1px solid rgba(224,242,250,.18)}.flow-list li:last-child{border-bottom:1px solid rgba(224,242,250,.18)}.flow-list li>span{color:#49e0cb;font-size:13px;font-weight:830}.flow-list h3{margin-bottom:8px;font-size:20px}.flow-list p{max-width:420px;margin-bottom:0;color:#afc0d4;font-size:13px;line-height:1.7}
.about-section{background:linear-gradient(125deg,#eaf7f6,#f5f9fd 60%,#eaf1fa)}
.about-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(42px,8vw,120px)}
.about-mark{display:grid;place-items:center;min-height:310px;border:1px solid #c8e7e4;border-radius:28px;background:radial-gradient(circle at 72% 22%,rgba(18,200,174,.17),transparent 42%),#fff;box-shadow:var(--shadow)}
.about-mark img{width:min(55%,190px);filter:drop-shadow(0 16px 22px rgba(22,74,112,.13))}
.about-copy h2{max-width:630px;margin-bottom:24px;font-size:clamp(2.3rem,4vw,4rem);font-weight:750}
.about-copy p:not(.section-kicker){max-width:620px;margin-bottom:16px;color:#526b82;font-size:16px;line-height:1.8}
.about-copy p:last-child{margin-bottom:0}
.plans-section{background:#fff}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-card{display:flex;flex-direction:column;min-height:267px;padding:26px;border:1px solid #dce7ee;border-radius:16px;background:#fbfdfe}.plan-card.featured-plan{border-color:#77e0cb;background:linear-gradient(150deg,#effdf9,#e9f5fb)}.plan-tag{margin-bottom:22px;color:#118b7c;font-size:9px;font-weight:850;letter-spacing:.13em}.plan-card h3{margin-bottom:10px;font-size:29px}.plan-card p{max-width:300px;color:#657b90;font-size:13px;line-height:1.7}.plan-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:17px;border-top:1px solid #dce7e9;color:#123f5e;font-size:12px;font-weight:820}.plan-link span{font-size:18px}.plan-link:hover{color:#008f80}.plans-note{margin:20px 0 0;color:#77889a;font-size:11px}
.plan-card{min-height:590px;box-shadow:0 16px 35px rgba(20,55,90,.04)}
.plan-card .plan-tag{margin-bottom:15px}
.plan-card .plan-price{display:flex;align-items:baseline;gap:8px;margin:19px 0 0;color:#102f50}
.plan-price strong{font-size:clamp(2rem,2.8vw,2.75rem);font-weight:800;line-height:1;letter-spacing:-.06em}
.plan-price span{color:#677f94;font-size:11px;font-weight:650}
.plan-card .plan-annual{margin:8px 0 20px;color:#078b7c;font-size:12px;font-weight:750}
.plan-features{display:grid;gap:10px;margin:0 0 24px;padding:17px 0 0;border-top:1px solid #dce7e9;list-style:none}
.plan-features li{position:relative;padding-left:22px;color:#38546c;font-size:12px;line-height:1.5}
.plan-features li::before{position:absolute;left:0;top:1px;content:"✓";color:#079e8d;font-weight:850}
.plans-note{max-width:900px;margin-top:23px;line-height:1.7}
.faq-section{background:#f3f8fb}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.faq-grid h2{font-size:clamp(2.25rem,3.6vw,3.5rem)}.faq-list{border-top:1px solid #cedde8}.faq-list details{border-bottom:1px solid #cedde8}.faq-list summary{position:relative;display:block;padding:22px 39px 22px 0;color:#173653;font-size:14px;font-weight:760;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{position:absolute;right:6px;top:18px;content:"+";color:#079c8b;font-size:24px;font-weight:350;line-height:1}.faq-list details[open] summary::after{content:"−"}.faq-list p{max-width:570px;margin:-5px 0 22px;color:#63788c;font-size:13px;line-height:1.7}.faq-list p a{color:#008f82;text-decoration:underline;text-underline-offset:3px}
.closing-section{padding:68px 0;background:#f3f8fb}.closing-card{position:relative;overflow:hidden;padding:73px 40px 79px;border-radius:20px;background:radial-gradient(circle at 95% 5%,#1d5370 0,transparent 38%),linear-gradient(135deg,#092846,#0a1d38);color:#fff;text-align:center}.closing-orbit{position:absolute;right:-120px;top:-185px;width:430px;height:430px;border:1px solid rgba(67,228,207,.2);border-radius:50%;box-shadow:0 0 0 75px rgba(79,219,209,.025),0 0 0 145px rgba(79,219,209,.02)}.closing-card>*:not(.closing-orbit){position:relative}.closing-card .section-kicker{color:#62e5d0}.closing-card h2{margin-bottom:17px;font-size:clamp(2.6rem,4.4vw,4.5rem)}.closing-card>p:not(.section-kicker){margin-bottom:26px;color:#bbcbda;font-size:15px}.closing-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
.site-footer{padding:50px 0 18px;background:#fff}.footer-inner{display:grid;grid-template-columns:1fr 1.1fr auto;align-items:start;gap:30px;padding-bottom:43px}.footer-brand img{width:166px}.footer-inner p{margin:0;color:#284461;font-size:12px;font-weight:750;line-height:1.7}.footer-inner p span{color:#8b9bad;font-weight:500}.footer-inner nav{display:flex;gap:21px;color:#4e647b;font-size:12px;font-weight:720}.footer-inner nav a:hover{color:#079e8d}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:19px;border-top:1px solid #e3ebf0;color:#8191a2;font-size:11px}
@media(max-width:1080px){.nav-wrap{gap:18px}.main-nav{gap:16px}.hero-grid{gap:25px}.showcase-columns{gap:5px}.intro-grid,.flow-grid{gap:65px}.faq-grid{gap:55px}}
@media(max-width:850px){.about-grid{grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:35px}.about-mark{min-height:260px}}
@media(max-width:640px){.about-grid{grid-template-columns:1fr;gap:32px}.about-mark{min-height:220px}.about-mark img{width:125px}.about-copy p:not(.section-kicker){font-size:15px}}
@media(max-width:850px){.nav-wrap{min-height:76px;flex-wrap:wrap;padding-block:12px}.brand img{width:163px}.main-nav{order:3;justify-content:center;width:100%;padding-top:8px;border-top:1px solid #e3ecf1}.hero{padding:65px 0 75px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-copy{max-width:650px}.hero h1{max-width:650px}.showcase{max-width:680px;width:100%;margin-inline:auto}.section{padding:80px 0}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card:last-child{grid-column:1/-1;min-height:380px}.feature-card:last-child .feature-art{max-width:400px;width:100%}.intro-grid,.flow-grid,.faq-grid{gap:38px}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading>p{max-width:550px}.footer-inner{grid-template-columns:1fr 1fr}.footer-inner nav{grid-column:1/-1}}
@media(max-width:640px){.container{width:min(100% - 32px,1200px)}.nav-wrap{gap:10px}.brand img{width:140px}.nav-actions{gap:9px}.login-link{font-size:11px}.nav-cta{min-height:38px;padding:8px 10px;font-size:10px;gap:4px}.main-nav{justify-content:space-between;gap:8px;overflow:auto}.main-nav a{font-size:11px;white-space:nowrap}.hero{padding:46px 0 56px}.hero-copy{padding:0}.hero h1{font-size:clamp(2.8rem,11vw,4.5rem)}.hero-description{font-size:15px}.hero-actions{display:grid}.hero-actions .button{width:100%}.showcase{transform:none}.showcase-main{padding:16px 10px 20px}.showcase-body{grid-template-columns:37px 1fr;min-height:390px}.showcase-sidebar{gap:13px}.showcase-heading strong{font-size:14px}.showcase-stats>div{min-height:74px;padding:7px}.showcase-stats strong{font-size:20px}.showcase-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.last-column{display:none}.value-items{min-height:64px;justify-content:center;flex-wrap:wrap;gap:6px 12px;padding-block:12px;font-size:10px}.value-items i:last-of-type{display:none}.section{padding:67px 0}.intro-grid,.flow-grid,.faq-grid{grid-template-columns:1fr;gap:28px}.intro-grid h2,.section-heading h2,.flow-heading h2,.faq-grid h2{font-size:clamp(2.25rem,9vw,3.6rem)}.intro-text p{font-size:15px}.feature-grid,.plans-grid{grid-template-columns:1fr}.feature-card,.feature-card:last-child{grid-column:auto;min-height:410px}.feature-card:last-child{min-height:370px}.plan-card{min-height:230px}.closing-section{padding:35px 0}.closing-card{padding:55px 20px;border-radius:16px}.closing-card h2{font-size:2.8rem}.closing-actions{display:grid}.footer-inner{grid-template-columns:1fr;gap:16px;padding-bottom:28px}.footer-inner nav{grid-column:auto;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* El símbolo queda en su pose original fuera de hover/foco; no se pausa a mitad. */
.about-mark-trigger{display:grid;place-items:center;width:min(55%,190px);padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 16px 22px rgba(22,74,112,.13))}
.about-mark-trigger svg{display:block;width:100%;height:auto;overflow:visible}
.about-mark-trigger .bowhub-about-turn,.about-mark-trigger .bowhub-about-recoil,.about-mark-trigger .bowhub-about-string,.about-mark-trigger .bowhub-about-nock,.about-mark-trigger .bowhub-about-arrow,.about-mark-trigger .bowhub-about-limb{animation:none}
.about-mark-trigger .bowhub-about-turn,.about-mark-trigger .bowhub-about-recoil,.about-mark-trigger .bowhub-about-limb{transform-box:view-box}
.about-mark-trigger .bowhub-about-turn{transform-origin:145px 166px}
.about-mark-trigger .bowhub-about-recoil{transform-origin:196px 163px}
.about-mark-trigger .bowhub-about-limb{transform-origin:118px 167px}
.about-mark-trigger:is(:hover,:focus-visible) .bowhub-about-turn{animation:bowhub-about-turn 4s linear infinite}
.about-mark-trigger:is(:hover,:focus-visible) .bowhub-about-recoil{animation:bowhub-about-recoil 4s linear infinite}
.about-mark-trigger:is(:hover,:focus-visible) .bowhub-about-string{animation:bowhub-about-string 4s linear infinite}
.about-mark-trigger:is(:hover,:focus-visible) .bowhub-about-nock{animation:bowhub-about-nock 4s linear infinite}
.about-mark-trigger:is(:hover,:focus-visible) .bowhub-about-arrow{animation:bowhub-about-shoot 4s linear infinite}
.about-mark-trigger:is(:hover,:focus-visible) .bowhub-about-limb{animation:bowhub-about-limb 4s linear infinite}
@keyframes bowhub-about-turn{0%,28%{transform:perspective(700px) rotateY(0deg) rotateZ(0deg)}36%{transform:perspective(700px) rotateY(32deg) rotateZ(-3deg)}42%{transform:perspective(700px) rotateY(90deg) rotateZ(-5deg)}49%{transform:perspective(700px) rotateY(180deg) rotateZ(0deg)}56%{transform:perspective(700px) rotateY(270deg) rotateZ(5deg)}64%,100%{transform:perspective(700px) rotateY(360deg) rotateZ(0deg)}}
@keyframes bowhub-about-recoil{0%,12%{transform:translate(0,0) rotate(0deg)}14%{transform:translate(-4px,3px) rotate(-2deg)}18%{transform:translate(2px,-1px) rotate(1deg)}23%,100%{transform:translate(0,0) rotate(0deg)}}
@keyframes bowhub-about-string{0%,12%,90%,100%{d:path('M115 39 L39 225 L106 291')}14%{d:path('M115 39 L126 168 L106 291')}16%{d:path('M115 39 L101 185 L106 291')}18%{d:path('M115 39 L116 175 L106 291')}20%{d:path('M115 39 L107 181 L106 291')}23%,66%{d:path('M115 39 L110 178 L106 291')}76%{d:path('M115 39 L94 189 L106 291')}84%{d:path('M115 39 L56 214 L106 291')}}
@keyframes bowhub-about-nock{0%,12%,90%,100%{transform:translate(0,0)}14%{transform:translate(87px,-57px)}16%{transform:translate(62px,-40px)}18%{transform:translate(77px,-50px)}20%{transform:translate(68px,-44px)}23%,66%{transform:translate(71px,-47px)}76%{transform:translate(55px,-36px)}84%{transform:translate(17px,-11px)}}
@keyframes bowhub-about-limb{0%,12%,90%,100%{transform:scaleX(1)}14%{transform:scaleX(1.07)}17%{transform:scaleX(1.025)}23%,66%{transform:scaleX(1.045)}76%{transform:scaleX(1.035)}84%{transform:scaleX(1.01)}}
@keyframes bowhub-about-shoot{0%,12%{transform:translate(0,0);opacity:1}14%{transform:translate(87px,-57px);opacity:1}21%{transform:translate(380px,-248px);opacity:0}59%{transform:translate(380px,-248px);opacity:0}60%{transform:translate(71px,-47px);opacity:0}66%{transform:translate(71px,-47px);opacity:1}76%{transform:translate(55px,-36px);opacity:1}84%{transform:translate(17px,-11px);opacity:1}90%,100%{transform:translate(0,0);opacity:1}}
@media(max-width:640px){.about-mark-trigger{width:125px}}
@media(prefers-reduced-motion:reduce){.about-mark-trigger:is(:hover,:focus-visible) .bowhub-about-turn,.about-mark-trigger:is(:hover,:focus-visible) .bowhub-about-recoil,.about-mark-trigger:is(:hover,:focus-visible) .bowhub-about-string,.about-mark-trigger:is(:hover,:focus-visible) .bowhub-about-nock,.about-mark-trigger:is(:hover,:focus-visible) .bowhub-about-arrow,.about-mark-trigger:is(:hover,:focus-visible) .bowhub-about-limb{animation:none!important}}

.practice-section{background:#fff}.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.practice-grid article{padding:27px;border:1px solid #dce9ef;border-radius:16px;background:#f9fcfe}.practice-grid article>span{color:#087d73;font-size:12px;font-weight:850;letter-spacing:.12em}.practice-grid h3{margin:15px 0 10px;font-size:23px}.practice-grid p{margin:0;color:#526b82;font-size:14px;line-height:1.7}

.annual-highlight{display:flex;flex-wrap:wrap;gap:5px 9px;align-items:center;margin:0 0 24px;padding:15px 19px;border:1px solid #91dfd1;border-radius:13px;background:#ecfaf7;color:#20495a;font-size:14px;line-height:1.5}.annual-highlight strong{color:#087c70}.plans-note{font-size:13px}.comparison-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:62px 0 20px}.comparison-heading h3{margin:0;font-size:clamp(2rem,3.2vw,3rem)}.comparison-heading>p{max-width:270px;margin:0;color:#647b90;font-size:13px}.comparison-scroll{overflow-x:auto;border:1px solid #dce7ee;border-radius:16px;background:#fff;box-shadow:0 12px 36px rgba(25,58,98,.055);overscroll-behavior-inline:contain}.comparison-scroll:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.comparison-table{width:100%;min-width:830px;border-collapse:separate;border-spacing:0;text-align:left}.comparison-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.comparison-table th,.comparison-table td{padding:16px 18px;border-bottom:1px solid #e4edf2;vertical-align:top;font-size:13px;line-height:1.55}.comparison-table thead th{background:#123256;color:#fff;font-size:13px}.comparison-table thead th:first-child{border-top-left-radius:15px}.comparison-table thead th:last-child{border-top-right-radius:15px}.comparison-table tbody th{width:26%;min-width:180px;background:#f6fafc;color:#153a57;font-weight:800}.comparison-table td{width:24.6%;color:#38546c}.comparison-table tbody tr:last-child>*{border-bottom:0}.comparison-table tbody tr:nth-child(even) td{background:#f9fcfe}.comparison-note{margin:15px 0 0;color:#62798c;font-size:13px;line-height:1.7}

.integration-section{background:#edf5fa}.integration-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.integration-list article{padding:26px;border:1px solid #d7e7ef;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(30,71,109,.045)}.integration-kind{color:#087d73;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.integration-list h3{margin:14px 0 9px;font-size:24px}.integration-list p{margin:0;color:#526b82;font-size:14px;line-height:1.72}.integration-note{margin:22px 0 0;padding:17px 20px;border-left:4px solid var(--mint);border-radius:0 10px 10px 0;background:#fff;color:#38546c;font-size:14px;line-height:1.7}

.migration-section{background:#fff}.migration-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(35px,8vw,110px);align-items:center}.migration-grid h2{max-width:630px;margin-bottom:21px;font-size:clamp(2.3rem,4vw,4rem)}.migration-grid p:not(.section-kicker){margin-bottom:0;color:#526b82;font-size:16px;line-height:1.75}.migration-grid aside{padding:30px;border:1px solid #cfe7e4;border-radius:18px;background:linear-gradient(145deg,#effaf7,#f4f9fd)}.migration-grid aside h3{margin-bottom:12px;font-size:23px}.migration-grid aside p{font-size:14px!important}.faq-intro{margin:20px 0 0;color:#62798c;font-size:15px;line-height:1.6}.faq-list p a{font-weight:750}.footer-inner nav{flex-wrap:wrap}

@media(max-width:850px){.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-table{min-width:780px}.migration-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:640px){.practice-grid,.integration-list{grid-template-columns:1fr}.practice-grid article,.integration-list article{padding:22px}.comparison-heading{align-items:start;flex-direction:column;gap:8px;margin-top:48px}.comparison-heading>p{max-width:none}.comparison-table th,.comparison-table td{padding:12px 13px}.comparison-table thead th:first-child,.comparison-table tbody th{position:sticky;left:0;z-index:1;box-shadow:4px 0 10px rgba(20,55,90,.07)}.comparison-table thead th:first-child{z-index:2}.annual-highlight{font-size:13px}.migration-grid aside{padding:23px}}
.video-section{background:linear-gradient(180deg,#f1f8fe,#e5f1fb)}.promo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid #b8d9ef;border-radius:20px;background:#d9edfc;box-shadow:0 24px 64px rgba(20,65,110,.14)}@media(max-width:640px){.promo-video{border-radius:12px}}

/* Catálogo con IVA explícito: precio base, total mensual y total anual. */
.billing-selector{display:flex;flex-wrap:wrap;gap:6px;width:fit-content;margin:0 auto 14px;padding:6px;border:1px solid #cddfe8;border-radius:16px;background:#edf4f8}.billing-selector button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 24px;border:0;border-radius:11px;background:transparent;color:#38546c;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.billing-selector button[aria-pressed="true"]{background:#123256;color:white;box-shadow:0 4px 12px #102f5020}.billing-selector button span{padding:4px 7px;border-radius:6px;background:#d5f8ee;color:#086d62;font-size:10px}.billing-selector button:focus-visible{outline:3px solid #008eff;outline-offset:3px}.billing-period-note{min-height:24px;margin:0 0 25px;text-align:center;color:#38546c;font-size:13px;line-height:1.6}.plan-card .plan-breakdown{margin-bottom:20px!important}@media(max-width:640px){.billing-selector{width:100%;flex-wrap:nowrap}.billing-selector button{flex:1;padding:12px 10px;flex-wrap:wrap;gap:5px}.billing-selector button span{font-size:9px}.billing-period-note{font-size:12px}}
.plan-card .plan-included{margin:8px 0 0;color:#087c70;font-size:14px;font-weight:800}.plan-card .plan-breakdown{max-width:none;margin:5px 0 0;color:#526b82;font-size:12px;line-height:1.7}.plan-card .plan-annual{max-width:none;margin:18px 0 0;line-height:1.8}.plan-annual strong{font-size:17px}.plan-card .annual-breakdown{margin:4px 0 20px}.plans-updated{margin:0 0 16px;color:#526b82;font-size:13px}.catalog-link{margin:22px 0 0}.plan-price{flex-wrap:wrap}
