:root{--blue:#2563eb;--blue2:#0b66f6;--blue-dark:#1747b8;--navy:#09263a;--navy2:#061d2e;--ink:#17324a;--muted:#53687d;--line:#dce5ed;--page:#eef4f8;--white:#fff;--green:#13a474;--radius:1.25rem;--shadow:0 16px 45px rgba(23,50,74,.08);--max:72rem;--section:clamp(4rem,7vw,6.5rem)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;color:var(--ink);background:var(--page);font-family:Inter,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Sora,system-ui,sans-serif;line-height:1.15;letter-spacing:-.03em}h1{font-size:clamp(2.45rem,6vw,4.55rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:1.08rem}p{color:var(--muted)}.container{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.section{padding-block:clamp(1rem,2.8vw,2rem)}.skip-link{position:fixed;z-index:999;top:.5rem;left:.5rem;padding:.75rem 1rem;color:#fff;background:var(--navy);transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}.eyebrow{margin-bottom:.8rem;color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.lead{font-size:clamp(1rem,1.8vw,1.16rem)}.button{display:inline-flex;min-height:3.1rem;align-items:center;justify-content:center;padding:.8rem 1.25rem;border:1px solid var(--blue);border-radius:99rem;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));font-weight:800;line-height:1.2;box-shadow:0 8px 22px rgba(37,99,235,.25);transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,99,235,.34)}.button.small{min-height:2.65rem;padding:.65rem 1rem;font-size:.86rem}.button.light-button{color:var(--blue-dark);border-color:#fff;background:#fff}.button.large{min-height:3.5rem;padding-inline:1.7rem}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.75rem}
.site-header{position:sticky;z-index:100;top:0;border-bottom:1px solid rgba(220,229,237,.8);background:rgba(255,255,255,.95);backdrop-filter:blur(15px)}.header-inner{display:flex;min-height:4.5rem;align-items:center;justify-content:space-between}.brand img{width:9.2rem;height:auto}.menu-button{display:grid;width:2.75rem;height:2.75rem;place-content:center;gap:5px;border:1px solid var(--line);border-radius:.65rem;background:#fff}.menu-button span{display:block;width:1.2rem;height:2px;background:var(--ink);transition:.2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.main-nav{position:fixed;inset:4.5rem 0 auto;display:none;padding:1rem;border-bottom:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.main-nav.open{display:grid}.main-nav>a:not(.button){padding:.75rem;color:#38516a;font-weight:700}.main-nav .button{margin-top:.5rem}
.hero{position:relative;isolation:isolate;min-height:40rem;overflow:hidden;padding-block:clamp(4rem,8vw,7rem);color:#fff;background:var(--navy)}.hero-background{position:absolute;z-index:-2;inset:0}.hero-background img{width:100%;height:100%;object-fit:cover;object-position:center}.hero::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(6,29,46,.98) 0%,rgba(6,29,46,.94) 47%,rgba(6,29,46,.62) 100%);content:""}.hero-grid{display:grid;gap:2.5rem;align-items:center}.hero-copy{max-width:39rem}.hero .eyebrow{color:#79aaff}.hero h1{margin-bottom:1.2rem;color:#fff}.hero h1 span{color:#69a1ff}.hero .lead{max-width:36rem;color:#d7e3ec}.hero-text-link{color:#fff;font-weight:800}.hero-text-link span{margin-left:.25rem;color:#75a7ff}.quick{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin:1.5rem 0 0;padding:0;list-style:none;color:#e4edf4;font-size:.82rem;font-weight:700}.quick li::before{margin-right:.4rem;color:#64d5af;content:"✓"}.hero-card{padding:clamp(1.5rem,4vw,2.4rem);border:1px solid rgba(255,255,255,.65);border-radius:1.5rem;color:var(--ink);background:rgba(255,255,255,.96);box-shadow:0 24px 60px rgba(0,0,0,.25)}.hero-card img{width:9rem;height:auto;margin-bottom:1.5rem}.hero-card h2{margin-bottom:1rem;font-size:clamp(1.45rem,3vw,2rem)}.hero-card p{font-size:.94rem}.hero-card .button{width:100%;margin-top:.5rem}.hero-card small{display:block;margin-top:.85rem;color:#5d6f83;text-align:center}.trust{padding-block:.8rem;border-bottom:1px solid var(--line);background:#fff}.trust .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1rem;color:#4d6479;font-size:.8rem;font-weight:800}.trust i{width:.35rem;height:.35rem;border-radius:50%;background:var(--blue)}
main>.section:not(.hero)>.container,main>.section:not(.hero)>.container.cta-box,.audience .container{padding:clamp(1.5rem,5vw,3.5rem);border:1px solid rgba(220,229,237,.85);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.section-heading{max-width:43rem;margin-bottom:2.5rem}.section-heading>p:last-child{font-size:1rem}.split{max-width:none;display:grid;gap:1.2rem}.problem-grid,.resource-grid{display:grid;gap:.85rem}.problem-grid article,.resource-grid article{padding:1.4rem;border:1px solid #e3ebf2;border-radius:1rem;background:#f5f8fb}.problem-grid article>b,.resource-grid article>b{display:grid;width:2.4rem;height:2.4rem;place-items:center;margin-bottom:1.3rem;border-radius:.7rem;color:var(--blue);background:#e5efff;font-size:.78rem}.problem-grid article p,.resource-grid article p{margin-bottom:0;font-size:.88rem}.problem-grid .solution{color:#fff;border-color:var(--blue);background:linear-gradient(145deg,var(--blue),var(--blue-dark))}.problem-grid .solution p{color:#dce9ff}.problem-grid .solution b{color:var(--blue);background:#fff}
.pricing{color:var(--ink);background:transparent}.pricing p{color:var(--muted)}.pricing .eyebrow{color:var(--blue)}.chips{display:flex;overflow-x:auto;gap:.5rem;padding-bottom:.75rem}.chips span{flex:none;padding:.5rem .8rem;border:1px solid #cfe0fa;border-radius:99rem;color:var(--blue-dark);background:#f1f6ff;font-size:.8rem;font-weight:800}.pricing-grid{display:grid;gap:2rem;margin-top:2rem;align-items:center}.product-frame,.panels figure{overflow:hidden;margin:0;padding:.55rem;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 12px 32px rgba(23,50,74,.1)}.product-frame img,.panels img{width:100%;height:auto;border-radius:.65rem}.product-frame figcaption,.panels figcaption{padding:.55rem;color:#5d6f83;font-size:.76rem;text-align:center}.product-frame code,.panels code{color:var(--blue-dark);overflow-wrap:anywhere}.frame-top{display:flex;gap:.3rem;padding:.1rem .1rem .5rem}.frame-top i{width:.45rem;height:.45rem;border-radius:50%;background:#cbd5e1}.dark-frame{background:#eaf1f7}.pricing-copy h3{font-size:clamp(1.4rem,3vw,1.9rem)}.mini{margin-bottom:.5rem;color:var(--blue)!important;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pricing-copy dl{margin:1.5rem 0}.pricing-copy dl div{padding-block:.8rem;border-top:1px solid var(--line)}.pricing-copy dt{font-weight:800}.pricing-copy dd{margin:.2rem 0 0;color:var(--muted);font-size:.86rem}.pricing-copy .light-button{color:#fff;border-color:var(--blue);background:var(--blue)}
.two-col{display:grid;gap:2.5rem;align-items:center}.feature-list{display:grid;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none}.feature-list li{display:grid;padding-left:1rem;border-left:3px solid var(--blue)}.feature-list span{color:var(--muted);font-size:.88rem}.label-frame{background:#edf5ff}.flow .container{background:linear-gradient(145deg,var(--navy),#0b3651)!important}.flow h2{color:#fff}.flow .eyebrow{color:#79aaff}.centered{margin-inline:auto;text-align:center}.flow ol{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.flow li{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.14);border-radius:.8rem;color:#fff;background:rgba(255,255,255,.07)}.flow li span{display:grid;width:2rem;height:2rem;flex:none;place-items:center;border-radius:50%;color:var(--navy);background:#fff;font-size:.75rem;font-weight:800}.resource-grid article{transition:.2s}.resource-grid article:hover{border-color:#9fc0f8;transform:translateY(-3px)}.outcomes-grid{display:grid;gap:2rem}.outcome-list{border-top:1px solid var(--line)}.outcome-list article{display:grid;grid-template-columns:2.5rem 1fr;gap:.8rem;padding-block:1rem;border-bottom:1px solid var(--line)}.outcome-list article>b{color:var(--blue);font-size:.76rem}.outcome-list h3,.outcome-list p{margin-bottom:.3rem}.outcome-list p{font-size:.88rem}
.audience{padding-block:clamp(1rem,2.8vw,2rem)}.audience-box{display:grid;gap:2rem;color:#fff!important;border-color:#123d58!important;background:linear-gradient(145deg,var(--navy),#0b3651)!important}.audience-box h2{color:#fff}.audience-box .eyebrow{color:#79aaff}.audience-box ul{display:flex;flex-wrap:wrap;align-content:center;gap:.55rem;margin:0;padding:0;list-style:none}.audience-box li{padding:.55rem .75rem;border:1px solid rgba(255,255,255,.22);border-radius:99rem;background:rgba(255,255,255,.07);font-size:.82rem}.tabs{display:flex;overflow-x:auto;gap:.25rem;margin-bottom:1rem;padding:.25rem;border:1px solid var(--line);border-radius:.8rem;background:#f2f6f9}.tabs button{flex:1 0 auto;padding:.65rem .9rem;border:0;border-radius:.6rem;color:#52697e;background:transparent;font-weight:700}.tabs button[aria-selected=true]{color:#fff;background:var(--blue)}.faq-grid{display:grid;gap:2rem}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;padding:1rem 2.3rem 1rem 0;font-family:Sora,sans-serif;font-weight:700;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{position:absolute;right:.2rem;color:var(--blue);font-size:1.3rem;content:"+"}.faq-list details[open] summary::after{transform:rotate(45deg)}.faq-list details p{padding-right:1.5rem;padding-bottom:1rem;margin:0;font-size:.9rem}.final-cta{padding-bottom:clamp(3rem,7vw,6rem)}main>.final-cta>.cta-box{color:#fff;border:0;background:linear-gradient(145deg,var(--navy),#0b3651);text-align:center}.cta-box h2{max-width:46rem;margin-inline:auto;color:#fff}.cta-box>p:not(.eyebrow){max-width:42rem;margin:0 auto 1.75rem;color:#c9d8e3}.cta-box .eyebrow{color:#79aaff}.cta-box small{display:block;margin-top:.8rem;color:#9fb3c3}
footer{padding-top:3.5rem;color:#cbd5e1;background:var(--navy2)}.footer-grid{display:grid;gap:2rem;padding-bottom:2.5rem}.footer-brand img{width:10rem;height:auto;filter:brightness(0) invert(1)}.footer-brand p{color:#829aad}footer nav{display:grid;align-content:start;gap:.6rem}footer nav a{color:#b9c8d4;font-size:.85rem}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.15rem;border-top:1px solid #1a3a4e;font-size:.78rem}.footer-bottom p{margin:0;color:#7890a2}
@media(min-width:38rem){.container{width:min(calc(100% - 3rem),var(--max))}.problem-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}.flow ol{grid-template-columns:repeat(5,1fr)}.flow li{min-height:7.5rem;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(min-width:52rem){.menu-button{display:none}.main-nav{position:static;display:flex;padding:0;align-items:center;gap:.3rem;border:0;box-shadow:none}.main-nav>a:not(.button){padding:.55rem .45rem;font-size:.79rem}.main-nav .button{margin:0 0 0 .3rem}.nav-login{margin-left:.3rem;border-left:1px solid var(--line);padding-left:.9rem!important}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.65fr);gap:clamp(3rem,7vw,7rem)}.hero-card{justify-self:end;max-width:25rem}.split{grid-template-columns:1.15fr .85fr;gap:4rem}.problem-grid{grid-template-columns:repeat(4,1fr)}.pricing-grid{grid-template-columns:1.35fr .65fr;gap:3rem}.two-col{grid-template-columns:.9fr 1.1fr;gap:4rem}.resource-grid{grid-template-columns:repeat(4,1fr)}.outcomes-grid{grid-template-columns:.8fr 1.2fr;gap:5rem}.audience-box{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:.75fr 1.25fr;gap:5rem}}
@media(min-width:43.75rem){.hero-background img{object-fit:fill;object-position:center}}
@media(max-width:43.74rem){.hero-background img{object-fit:cover;object-position:62% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}

/* Reference-led announcement and hero composition. */
.site-header{position:relative;border:0;background:#304b5d;backdrop-filter:none}.announcement{display:flex;min-height:3.35rem;align-items:center;justify-content:center;gap:.65rem 1rem;padding:.55rem 1rem;color:#fff;text-align:center}.announcement strong{color:#a9c8ff}.announcement span{font-size:.95rem}.announcement a{padding:.42rem 1.35rem;border-radius:99rem;color:#fff;background:var(--blue);font-weight:800}
.hero{display:flex;min-height:calc(100svh - 3.35rem);align-items:center;padding:3.25rem 0 6rem;background:var(--navy)}.hero::after{background:linear-gradient(90deg,rgba(5,34,52,.99) 0%,rgba(5,34,52,.96) 39%,rgba(5,34,52,.55) 63%,rgba(5,34,52,.08) 100%)}.hero-background img{object-fit:cover!important;object-position:center!important}.hero-grid{grid-template-columns:1fr;gap:2.25rem}.hero-copy{max-width:40rem}.hero-logo{width:10rem;height:auto;margin-bottom:1.6rem;filter:brightness(0) invert(1)}.hero-kicker{margin-bottom:.8rem;color:#dce7ee!important;font-size:1rem}.hero h1{margin-bottom:1.1rem;font-size:clamp(2.45rem,6vw,4.15rem);font-weight:600}.hero h1 span{display:block;color:#67a0ff;font-weight:800}.hero .lead{max-width:34rem}.hero-button{margin-top:.75rem;padding-inline:2rem}.hero-card{display:grid;gap:.72rem;width:100%;max-width:27rem;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid rgba(255,255,255,.72);border-radius:2rem;background:rgba(255,255,255,.94);box-shadow:0 28px 70px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.hero-card h2{margin:0 0 .25rem;font-size:clamp(1.55rem,3vw,2rem);text-align:center}.hero-card>p{margin:0 0 .5rem;text-align:center}.hero-card label span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hero-card input{width:100%;min-height:3rem;padding:.7rem 1rem;border:1px solid #cbd7e0;border-radius:99rem;color:var(--ink);background:#fff;font:inherit}.hero-card input::placeholder{color:#8796a4}.hero-card input:focus{border-color:var(--blue);outline:3px solid rgba(37,99,235,.18)}.hero-card .button{width:100%;margin-top:.35rem}.hero-card small{color:#5d6f83;text-align:center}.hero-benefits{position:absolute;right:0;bottom:1rem;left:0;display:flex;overflow-x:auto;justify-content:flex-start;gap:.55rem;margin:0 auto;padding:0 0 .3rem;list-style:none;scrollbar-width:none}.hero-benefits li{flex:none;padding:.55rem 1rem;border:2px solid rgba(105,161,255,.5);border-radius:99rem;color:#16354d;background:rgba(255,255,255,.94);font-size:.82rem;font-weight:800;box-shadow:0 6px 20px rgba(0,0,0,.15)}.hero-benefits li::before{margin-right:.4rem;color:var(--blue);content:"✓"}
@media(max-width:43.74rem){.announcement{flex-wrap:wrap}.announcement span{display:none}.hero{min-height:auto;padding-bottom:7rem}.hero-background img{object-position:68% center!important}.hero-logo{width:8.5rem}.hero-card{justify-self:center;border-radius:1.35rem}.hero-benefits{width:calc(100% - 2rem)}}
@media(min-width:52rem){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr);gap:clamp(3rem,9vw,9rem)}.hero-card{justify-self:end}.hero-copy{padding-left:clamp(0rem,3vw,3rem)}}

/* Keep the complete hero in flow and preserve the original logo colors. */
.hero{display:flex;min-height:calc(100svh - 3.35rem);height:auto;flex-direction:column;justify-content:center;padding-block:clamp(3rem,6vw,5rem)}
.hero-grid{flex:0 0 auto;width:min(calc(100% - 2rem),var(--max))}
.hero-logo{width:11.5rem;height:4.3rem;margin:0 0 1.6rem;object-fit:cover;object-position:center 54%;padding:0;border-radius:0;background:transparent;filter:none;box-shadow:none}
.hero-benefits{position:static;width:min(calc(100% - 2rem),var(--max));margin:2rem auto 0;padding:0;justify-content:center;flex-wrap:wrap;overflow:visible}
@media(max-width:51.99rem){.hero{justify-content:flex-start}.hero::after{background:linear-gradient(180deg,rgba(5,34,52,.96) 0%,rgba(5,34,52,.9) 55%,rgba(5,34,52,.72) 100%)}.hero h1{font-size:clamp(2.2rem,13vw,3.1rem)}.hero-grid{width:min(calc(100% - 2rem),var(--max))}.hero-copy{width:100%;max-width:32rem;margin-inline:auto}.hero-card{max-width:32rem;margin-inline:auto}.hero-benefits{width:min(calc(100% - 2rem),32rem);justify-content:flex-start}.hero-benefits li{flex:1 1 8.5rem;text-align:center}}
@media(max-width:31rem){.announcement{gap:.35rem}.announcement strong{font-size:.86rem}.announcement a{padding:.4rem .8rem;font-size:.82rem}.hero{padding-top:2.5rem}.hero-card{padding:1.25rem}.hero-benefits li{flex-basis:7.5rem;padding:.5rem .65rem}}

@media(min-width:52rem){.hero{min-height:min(calc(100svh - 3.35rem),60rem);padding:1.5rem 0 1rem}.hero-grid{gap:clamp(2.5rem,7vw,7rem)}.hero-logo{width:10.5rem;height:3.9rem;margin-bottom:.9rem}.hero-kicker{margin-bottom:.55rem}.hero h1{margin-bottom:.8rem;font-size:clamp(2.8rem,4.4vw,3.9rem)}.hero .lead{margin-bottom:.7rem}.hero-button{margin-top:.35rem}.hero-card{gap:.48rem;padding:1.65rem 2rem;border-radius:1.7rem}.hero-card h2{font-size:1.75rem}.hero-card>p{margin-bottom:.25rem}.hero-card input{min-height:2.65rem;padding:.55rem 1rem}.hero-card small{margin-top:.15rem;font-size:.76rem}.hero-benefits{margin-top:1rem}.hero-benefits li{padding:.45rem .85rem}}
@media(min-width:52rem) and (max-height:47rem){.hero{padding-block:1rem}.hero-logo{width:9.5rem;height:3.4rem;margin-bottom:.5rem}.hero h1{font-size:clamp(2.55rem,4vw,3.4rem)}.hero .lead{font-size:.95rem}.hero-card{padding:1.25rem 1.7rem}.hero-card h2{font-size:1.55rem}.hero-card>p{font-size:.85rem}.hero-card input{min-height:2.35rem}.hero-benefits{margin-top:.65rem}.hero-benefits li{padding:.35rem .7rem;font-size:.75rem}}

/* Success section. */
main>.success-section>.success-grid{display:grid;gap:clamp(2rem,5vw,4.5rem);align-items:center;padding:clamp(2rem,5vw,4rem)}.success-copy{max-width:34rem}.success-copy h2{margin-bottom:1.5rem;font-size:clamp(1.8rem,3.4vw,2.75rem);font-weight:600}.success-list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.success-list li{position:relative;padding-left:1.65rem;color:#496176;font-size:.96rem;line-height:1.45}.success-list li::before{position:absolute;top:.02rem;left:0;color:var(--blue);font-size:1.15rem;font-weight:900;content:"✓"}.success-image{min-width:0;margin:0;overflow:hidden;aspect-ratio:1080/1140;border-radius:1rem;background:var(--navy);box-shadow:0 16px 38px rgba(23,50,74,.18)}.success-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:59.99rem){.success-copy{max-width:none}.success-image{width:100%;max-width:32rem;margin-inline:auto}}@media(min-width:60rem){main>.success-section>.success-grid{grid-template-columns:minmax(0,.78fr) minmax(24rem,1.22fr);gap:clamp(2rem,3.5vw,3rem)}.success-image{align-self:center}}


/* Compact benefits showcase inspired by the supplied reference. */
main>.benefits-showcase>.container{padding:clamp(2rem,5vw,3.5rem);text-align:center}.benefits-heading{max-width:46rem;margin:0 auto 2rem}.benefits-heading h2{margin-bottom:0;font-size:clamp(1.75rem,3.2vw,2.6rem);font-weight:600}.benefit-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.benefit-cards article{min-height:13rem;padding:1.35rem 1.15rem;border:1px solid #e2eaf1;border-radius:1.25rem;background:#f1f5f8;text-align:center}.benefit-icon{display:grid;width:3.4rem;height:3.4rem;place-items:center;margin:0 auto 1rem;border-radius:50%;color:var(--blue);background:#fff;box-shadow:0 5px 16px rgba(23,50,74,.06)}.benefit-icon svg{width:1.65rem;height:1.65rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.benefit-cards h3{margin-bottom:.55rem;font-size:1rem}.benefit-cards p{margin-bottom:0;font-size:.84rem;line-height:1.45}.benefits-cta{margin-top:1.7rem}
@media(max-width:51.99rem){.benefit-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:44rem){.benefits-cta{width:100%}}
@media(max-width:30rem){.benefit-cards{grid-template-columns:minmax(0,1fr)}.benefit-cards article{min-height:0}}

/* Two-column control section. */
main>.control-section>.control-grid{display:grid;gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(2rem,5vw,3.75rem)}.control-copy{max-width:31rem}.control-copy h2{margin-bottom:1.3rem;font-size:clamp(1.8rem,3.4vw,2.65rem);font-weight:600}.control-copy p{margin-bottom:.85rem;font-size:.96rem;line-height:1.5}.control-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;color:var(--blue);font-weight:800}.control-link span{transition:transform .2s}.control-link:hover span{transform:translateX(4px)}.control-visual{margin:0;text-align:center}.control-visual img{width:100%;height:auto;max-height:25rem;border-radius:.9rem;object-fit:contain}.control-visual figcaption{margin-top:.6rem;color:#5d6f83;font-size:.75rem}.control-visual code{color:var(--blue-dark);overflow-wrap:anywhere}
@media(min-width:48rem){main>.control-section>.control-grid{grid-template-columns:minmax(0,.82fr) minmax(25rem,1.18fr)}}

/* Device composition matching the supplied section reference. */
main>.control-section>.control-grid{min-height:24rem;grid-template-columns:1fr;padding:clamp(2rem,5vw,3.6rem)}.control-copy{max-width:27rem}.control-copy h2{margin-bottom:1.35rem;font-size:clamp(1.8rem,3vw,2.45rem);font-weight:500;line-height:1.18}.control-copy p{margin-bottom:.9rem;color:#405a70;font-size:.95rem}.control-copy strong{color:var(--ink)}.control-visual{position:relative;width:100%;max-width:33rem;margin-inline:auto;padding:1rem 1.2rem 2.2rem}.device-laptop{position:relative;width:84%;margin-left:2%}.laptop-screen{overflow:hidden;padding:.45rem;border:.35rem solid #17222d;border-bottom-width:.65rem;border-radius:.55rem;background:#17222d;box-shadow:0 14px 28px rgba(23,50,74,.16)}.laptop-screen img{width:100%;aspect-ratio:16/10;border-radius:.15rem;object-fit:cover;object-position:center top}.laptop-base{display:block;width:112%;height:.75rem;margin-left:-6%;border-radius:0 0 50% 50%;background:linear-gradient(#d6dce1,#919ba4);clip-path:polygon(5% 0,95% 0,100% 65%,56% 100%,44% 100%,0 65%)}.device-phone{position:absolute;right:8%;bottom:2.4rem;width:22%;overflow:hidden;padding:.5rem .28rem .35rem;border:.28rem solid #15212b;border-radius:1.05rem;background:#15212b;box-shadow:0 12px 25px rgba(23,50,74,.24)}.device-phone img{width:100%;aspect-ratio:9/18;border-radius:.65rem;object-fit:cover;object-position:left top}.phone-speaker{position:absolute;z-index:2;top:.25rem;left:50%;width:28%;height:.18rem;border-radius:99rem;background:#65717a;transform:translateX(-50%)}.control-visual figcaption{position:absolute;right:0;bottom:0;left:0;margin:0;font-size:.68rem}
@media(min-width:60rem){main>.control-section>.control-grid{grid-template-columns:minmax(0,.9fr) minmax(24rem,1.1fr);gap:clamp(2rem,7vw,6rem)}.control-visual{justify-self:end}}
@media(max-width:59.99rem){.control-copy{max-width:none}.control-visual{margin-top:.5rem}}

/* Clothing-store audience strip. */
main>.store-types>.container{padding:clamp(1.8rem,4vw,3rem);text-align:center}.store-types-heading{max-width:38rem;margin:0 auto 1.6rem}.store-types-heading h2{margin:0;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:500}.store-types-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.store-types-grid article{display:grid;min-height:8.5rem;place-items:center;align-content:center;gap:.65rem;padding:1rem .65rem;border:1px solid #e3ebf2;border-radius:.9rem;background:#f1f5f8}.store-types-grid span{display:grid;width:clamp(3.1rem,5vw,3.5rem);height:clamp(3.1rem,5vw,3.5rem);place-items:center;border-radius:50%;color:var(--blue-dark);background:#fff;box-shadow:0 5px 15px rgba(23,50,74,.06)}.store-types-grid span svg{width:clamp(1.45rem,2.5vw,1.75rem);height:clamp(1.45rem,2.5vw,1.75rem);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.store-types-grid h3{margin:0;font-family:Inter,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:0}
@media(min-width:38rem){.store-types-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:62rem){.store-types-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* Testimonials prepared for verified customer quotes. */
main>.testimonials>.container{padding:clamp(2rem,4.5vw,3.25rem)}.testimonials-heading{text-align:center}.testimonials-heading h2{margin-bottom:1.6rem;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:500}.testimonial-slider{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem;align-items:center}.testimonial-grid{display:grid;gap:.9rem}.testimonial-grid article{padding:1.4rem;border-radius:1rem;background:#f4f6f8}.testimonial-grid blockquote{min-height:8rem;margin:0}.testimonial-grid blockquote p{margin:0;color:#4c6072;font-size:.9rem;line-height:1.55}.testimonial-grid footer{display:flex;align-items:center;gap:.7rem;margin-top:1rem}.avatar{display:grid;width:2.6rem;height:2.6rem;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-dark));font-size:.72rem;font-weight:900}.testimonial-grid footer div{display:grid;text-align:left}.testimonial-grid footer strong{font-size:.86rem}.testimonial-grid footer small{color:#7a8b99;font-size:.7rem}.testimonial-arrow{color:#a6b4c0;font-size:2rem}.testimonial-dots{display:flex;justify-content:center;gap:.35rem;margin-top:1.1rem}.testimonial-dots i{width:.32rem;height:.32rem;border-radius:50%;background:#c0ccd5}.testimonial-dots i:first-child{background:var(--blue)}
@media(min-width:44rem){.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:43.99rem){.testimonial-arrow{display:none}.testimonial-slider{display:block}.testimonial-grid{display:flex;overflow-x:auto;padding-bottom:.7rem;scroll-snap-type:x mandatory}.testimonial-grid article{min-width:85%;scroll-snap-align:center}}

/* Two static testimonials, without carousel controls or colored author backgrounds. */
.testimonials .testimonial-grid{display:grid;grid-template-columns:1fr;gap:1rem;overflow:visible;padding:0}.testimonial-grid article{min-width:0;background:#f5f6f7}.testimonial-grid article footer{display:flex;margin-top:1rem;padding:0;color:var(--ink);background:transparent}.testimonial-grid article footer small{max-width:26rem;color:#5d6f83}.testimonial-grid blockquote{min-height:auto}.testimonial-arrow,.testimonial-dots{display:none}
@media(min-width:44rem){.testimonials .testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}



/* Product screenshot CTA matching the supplied reference composition. */
main>.product-cta>.container{overflow:hidden;padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,5vw,4rem) 2rem;border-color:#173f59;background:linear-gradient(155deg,#0b3048,#071f32);text-align:center}.product-cta-screen{width:min(100%,48rem);max-height:24rem;margin:0 auto -2rem;overflow:hidden;border-radius:.75rem .75rem 0 0;background:#f4f7fb}.product-cta-screen img{display:block;width:100%;height:auto;border:0;object-fit:cover;object-position:top}.product-cta-screen figcaption{margin-top:.45rem;color:#7f9aab;font-size:.68rem}.product-cta-screen code{color:#9ec0ff}.product-cta-divider{position:relative;z-index:2;width:100%;height:2px;margin:0 auto 1rem;background:linear-gradient(90deg,transparent,var(--blue) 12%,var(--blue) 88%,transparent)}.product-cta-copy{position:relative;z-index:2}.product-cta-copy h2{margin-bottom:.6rem;color:#fff;font-size:clamp(1.55rem,3.2vw,2.4rem);font-weight:500}.product-cta-copy h2 span{color:#69a1ff;font-weight:800}.product-cta-copy>p{margin-bottom:1rem;color:#c8d8e3}.product-cta-copy .button{margin-bottom:.8rem}.product-cta-copy small{display:block;color:#8fa7b8;font-size:.72rem}
@media(max-width:38rem){.product-cta-screen{margin-bottom:-.7rem}.product-cta-screen figcaption{display:none}}

/* Ensure the product CTA wins over the generic white section card. */
main>section.section.product-cta>.container{display:block;overflow:hidden;padding:clamp(1.25rem,4vw,3rem) clamp(1rem,5vw,4rem) clamp(1.75rem,4vw,2.5rem);border:1px solid #173f59;border-radius:var(--radius);background:linear-gradient(155deg,#0b3048,#071f32);box-shadow:var(--shadow);text-align:center}.product-cta-screen{width:min(100%,48rem);max-height:none;margin:0 auto -1.35rem;overflow:hidden}.product-cta-screen img{width:100%;aspect-ratio:16/8.5;height:auto;border-radius:.75rem .75rem 0 0;object-fit:cover;object-position:top}.product-cta-copy h2{color:#fff}.product-cta-copy>p{color:#c8d8e3}
@media(max-width:38rem){main>section.section.product-cta>.container{padding:1rem .8rem 1.5rem}.product-cta-screen{margin-bottom:-.45rem}.product-cta-screen img{aspect-ratio:16/10}.product-cta-divider{margin-bottom:.8rem}.product-cta-copy h2{font-size:clamp(1.35rem,7vw,1.8rem)}.product-cta-copy>p{font-size:.88rem}.product-cta-copy .button{width:100%;padding-inline:.8rem}.product-cta-copy small{padding-inline:.5rem}}

/* FAQ matching the compact supplied reference. */
main>section.faq-reference>.container{width:min(calc(100% - 2rem),58rem);padding:clamp(1.5rem,4vw,2.75rem);background:transparent;border:0;box-shadow:none}.faq-reference header{text-align:center}.faq-reference header h2{margin-bottom:1.6rem;font-size:clamp(1.65rem,3vw,2.25rem);font-weight:600}.faq-accordion{padding:clamp(.65rem,2vw,1rem);border-radius:1.25rem;background:#fff;box-shadow:var(--shadow)}.faq-accordion details{margin-bottom:.4rem;border:0;border-radius:.75rem;background:#edf3f7}.faq-accordion details:last-child{margin-bottom:0}.faq-accordion summary{position:relative;padding:.9rem 2.75rem .9rem 1rem;color:var(--ink);font-family:Inter,sans-serif;font-size:.9rem;font-weight:800;cursor:pointer;list-style:none}.faq-accordion summary::-webkit-details-marker{display:none}.faq-accordion summary::after{position:absolute;top:50%;right:1rem;color:var(--ink);font-size:1.25rem;font-weight:700;content:"+";transform:translateY(-50%)}.faq-accordion details[open] summary::after{content:"−"}.faq-accordion details[open]{background:#fff}.faq-answer{padding:.45rem 1rem 1.15rem}.faq-answer p{margin-bottom:.7rem;color:#4d6276;font-size:.86rem;line-height:1.5}.faq-answer ol{margin:.5rem 0 0;padding-left:1.5rem;color:#4d6276;font-size:.84rem;line-height:1.5}
@media(max-width:36rem){main>section.faq-reference>.container{width:min(calc(100% - 1rem),58rem);padding:1rem 0}.faq-accordion{padding:.5rem;border-radius:1rem}.faq-accordion summary{padding:.8rem 2.4rem .8rem .8rem;font-size:.82rem}.faq-answer{padding:.3rem .8rem 1rem}}

/* Compact footer with location and WhatsApp action. */
footer.compact-footer{padding:0;color:#fff;background:var(--navy2)}.compact-footer-inner{display:flex;min-height:4.8rem;align-items:center;justify-content:center;gap:.45rem;position:relative;padding:.85rem 5rem .85rem 1rem;text-align:center}.compact-footer p{margin:0;color:#fff;font-size:.78rem}.footer-separator{color:#fff}.compact-footer .footer-location{color:#fff;font-size:.78rem}.compact-footer .footer-location:hover{text-decoration:underline;text-underline-offset:3px}.footer-whatsapp{position:absolute;right:.65rem;display:grid;width:3.25rem;height:3.25rem;place-items:center;border-radius:50%;color:#fff;background:#25d366;box-shadow:0 7px 18px rgba(0,0,0,.22);transition:transform .2s}.footer-whatsapp:hover{transform:translateY(-2px) scale(1.03)}.footer-whatsapp svg{width:1.8rem;height:1.8rem;fill:currentColor}
@media(max-width:38rem){.compact-footer-inner{min-height:7.2rem;flex-direction:column;gap:.25rem;padding:1rem 4.7rem 1rem .8rem;text-align:left;align-items:flex-start;justify-content:center}.footer-separator{display:none}.compact-footer p,.compact-footer .footer-location{font-size:.72rem}.footer-whatsapp{right:.75rem}}

/* Responsive floating WhatsApp action. */
.footer-whatsapp{position:fixed;z-index:200;right:clamp(.8rem,2vw,1.5rem);bottom:clamp(.8rem,2vw,1.5rem);width:clamp(3.25rem,5vw,3.8rem);height:clamp(3.25rem,5vw,3.8rem);border:2px solid rgba(255,255,255,.9);box-shadow:0 9px 24px rgba(0,0,0,.28);transition:transform .2s,box-shadow .2s}.footer-whatsapp:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 28px rgba(0,0,0,.34)}.footer-whatsapp svg{width:55%;height:55%}
@media(max-width:38rem){.compact-footer-inner{padding:1rem .8rem}.footer-whatsapp{right:.85rem;bottom:.85rem}}

/* Final WhatsApp styling: compact, clean and brand-correct. */
.footer-whatsapp{right:clamp(1rem,2vw,1.5rem);bottom:clamp(1rem,2vw,1.5rem);width:3.35rem;height:3.35rem;border:0;background:#25d366;box-shadow:0 7px 20px rgba(7,31,50,.24)}.footer-whatsapp:hover{background:#1fbd5a;transform:translateY(-2px);box-shadow:0 10px 24px rgba(7,31,50,.3)}.footer-whatsapp svg{width:1.75rem;height:1.75rem;fill:#fff}
@media(max-width:38rem){.footer-whatsapp{right:.9rem;bottom:.9rem;width:3.1rem;height:3.1rem}.footer-whatsapp svg{width:1.6rem;height:1.6rem}}

.footer-whatsapp svg{display:none}.footer-whatsapp::before{display:block;width:1.8rem;height:1.8rem;background:url("../assets/icons/whatsapp.svg") center/contain no-repeat;content:""}
@media(max-width:38rem){.footer-whatsapp::before{width:1.65rem;height:1.65rem}}

.hero-card .privacy-notice{margin-top:.75rem;color:#5d6f83;font-size:.72rem;line-height:1.55;text-align:left}.hero-kicker{display:inline-flex;padding:.4rem .9rem;border:1px solid rgba(121,170,255,.6);border-radius:99rem;color:#fff!important;background:rgba(37,99,235,.22);font-size:.85rem!important;font-weight:800}

.benefit-cards article:first-child .benefit-icon svg{display:none}.benefit-cards article:first-child .benefit-icon::before{content:"%";font-family:Sora,system-ui,sans-serif;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:800;line-height:1}

/* Premium pricing plans (monthly and annual). */
main>.pricing-plan>.container{padding:clamp(2rem,5vw,3.5rem);text-align:center}.plan-heading{max-width:40rem;margin:0 auto 2rem}.plan-heading h2{margin-bottom:.75rem;font-size:clamp(1.8rem,3.5vw,2.75rem);font-weight:600}.plan-heading>p:last-child{margin-bottom:0}.premium-card{position:relative;width:min(100%,25rem);margin-inline:auto;padding:1.4rem 1.5rem 1.5rem;border:2px solid var(--blue);border-radius:1.15rem;color:#fff;background:linear-gradient(155deg,#0b3048,#071f32);box-shadow:0 18px 45px rgba(7,31,50,.2);text-align:left}.plan-badge{position:absolute;top:-.85rem;right:1.2rem;padding:.35rem .9rem;border:1px solid #b7c7d2;border-radius:99rem;color:var(--ink);background:#fff;font-size:.75rem;font-weight:800}.plan-name{margin:.2rem 0 .35rem;color:#fff;font-family:Sora,sans-serif;font-size:1.45rem;font-weight:800}.plan-description{min-height:2.8rem;margin-bottom:1rem;color:#c8d6e0;font-size:.86rem}.plan-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem}.plan-price span{color:#9ec0ff;font-weight:800}.plan-price strong{font-family:Sora,sans-serif;font-size:clamp(2rem,11vw,2.55rem);line-height:1}.plan-price small{color:#aebfcb}.plan-divider{height:1px;margin:1.2rem 0;background:#315267}.premium-card ul{display:grid;gap:.48rem;margin:0 0 1.35rem;padding:0;list-style:none}.premium-card li{position:relative;padding-left:1.2rem;color:#e2ebf1;font-size:.83rem}.premium-card li::before{position:absolute;left:0;color:#6ba2ff;font-weight:900;content:"✓"}.plan-button{width:100%;box-shadow:none}.plan-note{margin:1.4rem 0 0;font-size:.75rem}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:2rem 1.5rem;max-width:52rem;margin-inline:auto}.plan-grid .premium-card{width:100%;display:flex;flex-direction:column}.plan-grid .plan-button{margin-top:auto}.premium-card-annual{border-color:#6ba2ff;box-shadow:0 18px 45px rgba(7,31,50,.2),0 0 0 4px rgba(107,162,255,.18)}.premium-card-annual .plan-badge{border-color:var(--blue);color:#fff;background:var(--blue)}.plan-price-note{margin:.45rem 0 0;color:#aebfcb;font-size:.78rem}

/* SEO content additions: intro text, internal links and footer navigation. */
.success-intro{margin-bottom:1.25rem;color:#496176;font-size:.98rem;line-height:1.6}.faq-answer a{color:var(--blue-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px}.compact-footer-inner{flex-wrap:wrap}.footer-nav{display:flex;flex-basis:100%;flex-wrap:wrap;justify-content:center;gap:.35rem 1.1rem;margin-bottom:.35rem}.footer-nav a,.compact-footer .footer-phone{color:#fff;font-size:.78rem}.footer-nav a:hover,.compact-footer .footer-phone:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}@media(max-width:38rem){.footer-nav{justify-content:flex-start;gap:0 .9rem}.compact-footer .footer-phone{font-size:.72rem}}@media(max-width:61.99rem),(pointer:coarse){.footer-nav a,.compact-footer .footer-location,.compact-footer .footer-phone{display:inline-flex;min-width:2.75rem;min-height:2.75rem;align-items:center}.announcement a{display:inline-flex;min-height:2.75rem;align-items:center}}

/* Responsive safeguards from very small phones to very large monitors. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}h1,h2,h3,p,li,summary{overflow-wrap:break-word}.product-cta-divider{margin-bottom:1.6rem}.plan-grid .premium-card{max-width:28rem}
@media(min-width:52rem){.plan-grid .premium-card{max-width:none}}
@media(max-width:38rem){.product-cta-divider{margin-bottom:.8rem}.compact-footer-inner{padding-right:4.7rem}}
@media(max-width:24rem){main>.success-section>.success-grid,main>.benefits-showcase>.container,main>.pricing-plan>.container,main>.control-section>.control-grid,main>.store-types>.container,main>.testimonials>.container{padding:1.25rem 1rem}.premium-card{padding-inline:1.1rem}.plan-badge{right:.8rem}.testimonial-grid article{padding:1.1rem}}
@media(min-width:137.5rem){html{font-size:112.5%}}
@media(min-width:160rem){html{font-size:131.25%}}
