@font-face{font-family:Montserrat;src:url('/assets/Montserrat-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
/* Shared tokens recovered from the approved Builderall reference pages. */
@font-face{font-family:Nohemi;src:url('/assets/Nohemi-Medium.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{--ink:#151515;--muted:#51535a;--blue:#2568ef;--blue-dark:#075ce1;--pale-blue:#c3e0fa;--peach:#ffe3d5;--orange:#ff8038;--page:#fcfcfc;--line:#dce2ea;--radius:20px;--display:Nohemi,'Helvetica Neue',Arial,sans-serif;--body:Montserrat,Arial,sans-serif;--shell:clamp(16px,2.7604vw,53px);--space:clamp(60px,6.5vw,112px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;color:var(--ink);background-color:var(--page);background-image:radial-gradient(circle,#e3e3e8 1px,transparent 1.15px);background-size:22px 22px;font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.08;letter-spacing:normal}h1{font-size:clamp(38px,5vw,64px);line-height:1.04}h2{font-size:clamp(32px,4.1vw,56px)}h3{font-size:24px;line-height:1.2;letter-spacing:normal}a{color:inherit;text-decoration:none}button,summary{font:inherit;color:inherit}button,summary,a{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%;height:auto}a,button,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue-dark)}[hidden]{display:none!important}.icon{display:inline-block;vertical-align:middle;flex:none;width:24px;height:24px}.inner{width:calc(100% - var(--shell)*4);max-width:1140px;margin-inline:auto}.panel{margin-inline:var(--shell);border-radius:var(--radius);overflow:hidden}.section{margin-top:var(--space)}.panel.section{padding:clamp(36px,6.2vw,92px) clamp(24px,5.5vw,90px)}.eyebrow{display:block;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:22px}.section-heading{max-width:800px;margin:0 auto 48px;text-align:center}.section-heading p{max-width:690px;margin:22px auto 0;color:var(--muted)}.section-intro{max-width:480px;color:var(--muted);margin:24px 0 30px}.actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:28px}.actions.left{justify-content:flex-start}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;border-radius:100px;padding:15px 25px;font-size:14px;font-weight:600;line-height:1.3;color:#fff;background:var(--ink);border:1px solid var(--ink);transition:background .2s,transform .2s}.btn .icon{width:19px;height:19px}.btn:hover{background:#343434;transform:translateY(-2px)}.btn-secondary{color:var(--ink);background:rgba(255,255,255,.6);border-color:#c7d2e0}.btn-secondary:hover{background:#fff}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:600}.text-link .icon{width:20px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.skip-link{position:fixed;top:-80px;left:20px;padding:14px 20px;background:#fff;z-index:1000}.skip-link:focus{top:8px}
.site-header{position:relative;z-index:30;padding:34px calc(var(--shell)*2) 32px}.nav-bar{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #e0e5eb;background:linear-gradient(90deg,#f6f9fcf0,#fbfbfbf0,#fcf4f0f0);box-shadow:0 4px 12px #15151505;border-radius:100px;padding:9px 9px 9px 24px}.brand{flex:none}.brand img{width:126px}.nav-content{display:flex;align-items:center;justify-content:space-between;gap:28px;width:76%}.nav-links,.nav-actions{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:500}.nav-actions{gap:20px;flex:none}.nav-actions .btn{min-height:38px;padding:10px 20px;font-size:14px;gap:8px}.nav-actions .btn .icon{display:none}.login{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.nav-dropdown summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;min-height:36px}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary .icon{width:15px;height:15px}.nav-dropdown[open] summary .icon{transform:rotate(180deg)}.nav-dropdown{position:relative}.nav-popover{position:absolute;top:calc(100% + 14px);left:-24px;min-width:260px;padding:12px;border-radius:18px;border:1px solid var(--line);background:#fff;box-shadow:0 14px 44px #1a30521a}.nav-popover a{display:block;padding:10px 12px;border-radius:8px}.nav-popover a:hover{background:#edf5ff}.mobile-toggle{display:none;border:0;background:transparent;padding:10px}
.hero{text-align:center;padding:64px 24px 56px}
/* Opt-in breathing room between the header and the hero panel. The hero is
   the first .panel on the page and .panel sets no top margin, so without
   this it butts straight into the header. The value is the kit's standard
   gap between stacked panels — the same clamp the footer and the magiclab
   hero already use — so the space above the hero matches the rhythm of
   every gap below it. Applied per page via the class, never globally:
   several pages share .booking-hero and not all of them want the gap. */
.hero.hero-gap{margin-top:clamp(20px,2.604vw,50px)}.booking-hero{background:#9bc1fa url('/assets/blue-gradient.svg') center/cover no-repeat}.product-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;background:linear-gradient(90deg,#f2f6fbd9,#fbfbfbd9,#fbf2edd9);border:1px solid #d4e3f4;border-radius:99px;padding:8px 16px;margin-bottom:28px}.product-label .icon{width:19px;height:19px;color:var(--blue-dark)}.hero-description{font-size:18px;line-height:1.55;max-width:690px;margin:24px auto 0}.hero-note{font-size:12px;margin-top:23px;color:#333f55}.benefit-strip{display:flex;justify-content:space-around;align-items:center;gap:26px;padding:28px 40px;margin-top:24px;background:var(--blue);color:white}.benefit-strip span{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500}.benefit-strip .icon{width:20px;height:20px}.product-stage{background:#ffdac0 url('/assets/peach-gradient.png') center/cover;margin-top:24px;padding:38px 7% 0}.stage-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px;font-weight:500;margin-bottom:22px}.small-label{font-size:12px;font-weight:400}.product-stage>img{width:min(100%,1040px);margin:0 auto -30px}.glass{background:linear-gradient(90deg,#f2f6fbc9,#fbfbfbc9,#fbf2edc9);border:1px solid #e1ded9;border-radius:20px;padding:55px 5%}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.numbered{list-style:none;margin:0;padding:0}.numbered li{border-top:1px solid #444;padding:25px 0 28px;display:flex;gap:20px}.numbered li:last-child{border-bottom:1px solid #444}.number{color:#b85f21;font:500 23px/1.25 var(--display);letter-spacing:-.04em}.numbered h3{font-size:23px;margin-bottom:12px}.numbered p{font-size:16px;line-height:1.5}.use-cases{background:var(--pale-blue)}.tabs{display:flex;justify-content:center;gap:12px;margin-bottom:48px}.tabs button{padding:12px 23px;min-height:46px;border:1px solid #9ebcdd;border-radius:99px;font-size:14px;background:#fff9;transition:background .2s}.tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.case-panel{display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;gap:50px;min-height:370px}.case-panel h3{font-size:32px;margin:22px 0 18px}.case-panel p{color:#354559}.case-panel figure{min-width:0}.case-panel figure img{max-height:420px;object-fit:contain;width:100%}figcaption{font-size:12px;text-align:center;color:#4c586a;line-height:1.5;margin-top:14px}.icon-box{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d1e1f2;background:linear-gradient(135deg,#fff,#eef5ff);color:var(--blue-dark)}.check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:14px}.check-list .icon{width:18px;height:21px;color:var(--blue-dark)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step-grid article{padding:32px 28px;border:1px solid #ccdcef;border-radius:20px;background:linear-gradient(145deg,#eff6ffed,#fffcf9ed)}.step-grid article:nth-child(2){background:linear-gradient(145deg,#ffe4d4,#ffefe4);border-color:#efccb8}.step-number{font:500 54px/1 var(--display);color:#6688c1;display:block;margin-bottom:46px;letter-spacing:-.04em}.step-grid article:nth-child(2) .step-number{color:#b45c20}.step-grid h3{margin-bottom:17px}.step-grid p{color:var(--muted)}.ecosystem{background:var(--peach)}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.integration{background:#ffffffae;border:1px solid #f4cbb6;border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;align-items:flex-start;transition:background .2s}.integration:hover{background:#fff}.integration h3{font-size:23px;margin:24px 0 16px}.integration p{font-size:14px;flex:1;margin-bottom:25px}.integration .text-link{margin-top:auto}.connection-note{display:flex;justify-content:center;flex-wrap:wrap;gap:34px;border-top:1px solid #d8baa9;padding-top:28px;margin-top:34px}.connection-note span{display:flex;gap:10px;align-items:center;font-size:14px}.connection-note .icon{width:20px}.ai-bridge{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px}.ai-bridge p{color:var(--muted);margin-bottom:22px}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.faq h2{font-size:clamp(32px,3.5vw,48px);margin-bottom:25px}.faq>div>p{color:var(--muted);margin-bottom:12px}.faq-items{border-top:1px solid #b8bfc8}.faq details{border-bottom:1px solid #b8bfc8}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;list-style:none;cursor:pointer;font-weight:500;font-size:16px}.faq summary::-webkit-details-marker{display:none}.plus{width:24px;height:24px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:26px;font-weight:400;transition:transform .2s}.faq details[open] .plus{transform:rotate(45deg)}.answer{padding:0 36px 24px 0;color:var(--muted);font-size:15px}.answer a{text-decoration:underline;text-underline-offset:3px}.closer{text-align:center;margin-top:var(--space);background:#b0d2fc url('/assets/cta-gradient.svg') center/cover;padding:80px 24px}.closer h2{max-width:950px;margin:auto}.closer p{max-width:640px;margin:24px auto 30px}.closer .eyebrow{margin-bottom:24px}
.agency-hero{padding-top:44px;padding-bottom:50px}.agency-hero .product-label{border-color:#edcfbb;background:linear-gradient(90deg,#f4f8fe,#fff0e4)}.agency-stage{background:var(--blue) url('/assets/blue-gradient.svg') center/cover;padding:34px 7% 0}.agency-stage .stage-heading{color:#162746}.agency-stage>img{width:100%;border-radius:14px 14px 0 0}.agency-stage+.benefit-strip{background:linear-gradient(90deg,#edf5ff,#fff6ee);color:var(--ink);border:1px solid #dae2ee}.agency-stage+.benefit-strip .icon{color:var(--blue-dark)}.toolkit{background:linear-gradient(120deg,#edf5ff,#e0efff 70%,#faecdf)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{background:#ffffffc7;border:1px solid #ccdae9;border-radius:20px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,background .2s}.tool-card:hover{background:#fff;transform:translateY(-3px)}.tool-card h3{margin:24px 0 16px;font-size:25px}.tool-card p{font-size:15px;color:var(--muted);margin-bottom:30px;flex:1}.tool-card .text-link{font-size:13px;gap:10px}.tool-card:nth-child(2) .icon-box,.tool-card:nth-child(5) .icon-box{background:#fff0e7;border-color:#f3ccb5;color:#ad581f}.campaign-story{gap:60px}.campaign-story .text-link{margin-top:28px}.campaign-figure{background:#eef4fe;border-radius:20px;padding:12px 12px 20px;overflow:hidden}.campaign-figure img{border-radius:12px}.journey{background:var(--peach)}.journey-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0}.journey-flow li{padding:0 20px;border-right:1px solid #debfae}.journey-flow li:first-child{padding-left:0}.journey-flow li:last-child{padding-right:0;border:0}.journey-flow h3{margin:23px 0 13px}.journey-flow p{font-size:14px;color:#51453e}.center-action{text-align:center;margin-top:44px}.consolidation{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.consolidation-list{border:1px solid #c7d8ec;border-radius:20px;background:#fff;box-shadow:0 16px 60px #2568ef08;overflow:hidden}.consolidation-list .list-heading{padding:22px 26px;background:linear-gradient(90deg,#d9eaff,#eef5fc);font-weight:500;font-size:16px}.consolidation-list>div:not(.list-heading){display:flex;justify-content:space-between;padding:20px 26px;border-top:1px solid #e8edf3;font-size:14px}.consolidation-list span{display:flex;align-items:center;gap:16px}.consolidation-list>div>.icon{color:var(--blue-dark);width:19px}.consolidation-list>p{padding:18px 26px;background:#f8fafe;border-top:1px solid #e8edf3;color:var(--muted);font-size:12px}.small-team{background:#c3e0fa}.small-team>div:first-child{max-width:730px}.small-team-points{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:48px}.small-team-points h3{margin:24px 0 16px}.small-team-points p{color:#354559;font-size:15px}
.site-footer{margin:28px var(--shell) 24px}.footer-panel{background:var(--blue-dark);color:#fff;border-radius:20px;padding:48px 40px}.footer-brand{display:inline-block;margin-bottom:35px}.footer-columns{display:grid;grid-template-columns:1.2fr 1.1fr 1fr 1fr 1.1fr;gap:26px}.footer-columns h3{font:600 15px/1.4 var(--body);letter-spacing:0;margin-bottom:20px}.footer-columns a{display:block;font-size:12px;line-height:1.7;margin-bottom:8px;color:#fff}.footer-columns a:hover{text-decoration:underline;text-underline-offset:3px}.footer-bottom{background:#c0defa;border-radius:16px;padding:18px 28px;margin-top:15px;display:flex;align-items:center;gap:22px;font-size:12px}.footer-bottom p{margin-right:auto}.review-home{padding:60px 0}.review-home>.eyebrow{margin-top:60px}.review-home>p{max-width:650px;margin-top:24px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:48px}.review-grid>a{padding:40px;border:1px solid #a9c9ef;border-radius:20px;background:#c3e0fa}.review-grid>a:nth-child(2){background:var(--peach);border-color:#edc0a3}.review-grid span{font-size:14px}.review-grid h2{font-size:34px;margin-top:25px}.review-grid p{margin:20px 0 30px}.review-grid b{font-size:14px}.review-note{font-size:14px;color:var(--muted)}
@media(min-width:1600px){.hero{padding-block:84px}.hero h1{max-width:1100px;margin:auto}.panel{max-width:1814px;margin-inline:auto}.product-stage,.agency-stage{padding-inline:max(7%,calc((100% - 1200px)/2))}.site-footer{max-width:1814px;margin-inline:auto}}
@media(max-width:1100px){.nav-content{width:auto;flex:1}.nav-links,.nav-actions{gap:18px}.nav-content{gap:20px}.brand img{width:115px}.site-header{padding-inline:var(--shell)}.inner{width:calc(100% - var(--shell)*2)}.glass{padding:40px}.integration-grid{grid-template-columns:repeat(2,1fr)}.tool-card{padding:24px}.case-panel{gap:30px}.footer-columns{gap:20px}.consolidation{gap:40px}}
@media(max-width:860px){.site-header{padding-top:20px;padding-bottom:24px}.nav-bar{position:relative;padding:10px 14px 10px 22px;min-height:62px}.brand img{width:125px}.mobile-toggle{display:block}.nav-content{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 15px 40px #183a6322;max-height:calc(100dvh - 130px);overflow:auto}.nav-content.is-open{display:block}.nav-links{display:block}.nav-dropdown summary,.nav-pricing{padding:12px;min-height:46px}.nav-pricing{display:block}.nav-popover{position:static;box-shadow:none;border:0;padding:0 12px 8px}.nav-popover a{font-size:14px}.nav-actions{border-top:1px solid var(--line);padding:20px 12px 4px;margin-top:12px;justify-content:space-between}.nav-actions .btn{min-height:44px}.hero{padding:48px 24px}.hero-description{max-width:580px;font-size:17px}.benefit-strip{padding:25px;gap:20px}.benefit-strip span{font-size:14px;gap:9px}.stage-heading{font-size:14px}.stage-heading .small-label{display:none}.split{gap:40px}.numbered h3{font-size:21px}.numbered p{font-size:14px}.glass{padding:34px}.step-grid{gap:16px}.step-grid article{padding:26px 20px}.step-grid p{font-size:14px}.step-grid h3{font-size:22px}.tool-grid{grid-template-columns:repeat(2,1fr)}.case-panel{grid-template-columns:1fr 1fr}.case-panel h3{font-size:27px}.ai-bridge,.faq{gap:35px}.journey-flow{grid-template-columns:repeat(3,1fr);gap:30px}.journey-flow li{padding:0;border:0}.small-team-points{gap:25px}.footer-columns{grid-template-columns:repeat(3,1fr);row-gap:28px}.footer-columns a{font-size:13px}.footer-panel{padding:35px 30px}}
@media(max-width:620px){html{scroll-padding-top:20px}.hero{padding:40px 20px 42px}.hero h1 br{display:none}.hero h1{max-width:440px;margin:auto}.hero-description{font-size:16px}.product-label{font-size:12px;padding:8px 12px;margin-bottom:24px}.product-label .icon{width:17px;height:17px}.btn{padding:14px 21px;gap:12px}.actions{gap:12px;margin-top:25px}.hero-note{font-size:12px;line-height:1.5;max-width:250px;margin:22px auto 0}.benefit-strip{flex-direction:column;align-items:flex-start;gap:16px;padding:24px;margin-top:16px}.benefit-strip span{font-size:14px}.product-stage,.agency-stage{margin-top:16px;padding:25px 14px 0}.stage-heading{margin-bottom:18px;font-size:14px;line-height:1.4}.product-stage>img{margin-bottom:0}.split,.case-panel,.ai-bridge,.faq,.consolidation{grid-template-columns:1fr;gap:36px}.glass{padding:30px 24px}.section-intro{margin-top:20px}.numbered h3{font-size:22px}.numbered p{font-size:15px}.numbered li{gap:14px}.numbered li:first-child{padding-top:25px}.section-heading{margin-bottom:32px}.section-heading p{font-size:16px;margin-top:20px}.section-heading h2 br{display:none}.panel.section{padding:36px 24px}.tabs{justify-content:flex-start;gap:8px;overflow-x:auto;padding:3px 2px 10px;margin-bottom:27px;scrollbar-width:thin}.tabs button{font-size:12px;white-space:nowrap;padding:11px 15px;min-height:44px}.case-panel{min-height:0}.case-panel h3{font-size:29px}.case-panel figure img{max-height:330px}.case-panel h3 br{display:none}.step-grid,.integration-grid,.tool-grid,.small-team-points{grid-template-columns:1fr}.step-grid{gap:16px}.step-grid article{padding:27px}.step-number{font-size:42px;margin-bottom:26px}.step-grid p{font-size:16px}.step-grid h3{font-size:26px}.integration{padding:24px}.integration h3{font-size:26px}.integration p,.tool-card p,.small-team-points p{font-size:16px}.connection-note{justify-content:flex-start;gap:20px;margin-top:26px}.ai-bridge h2 br{display:none}.faq h2 br{display:none}.faq summary{font-size:15px;padding:21px 0}.answer{padding-right:20px}.closer{padding:50px 24px}.closer h2 br{display:none}.closer p{font-size:16px}.agency-hero{padding:28px 4px 22px}.agency-hero h1 br{display:block}.agency-stage{padding:25px 16px 0}.tool-card{padding:26px}.tool-card h3{font-size:27px}.tool-card .text-link{font-size:14px}.campaign-story{padding-inline:8px}.campaign-figure{padding:10px 10px 18px}.journey-flow{grid-template-columns:1fr;gap:0}.journey-flow li{position:relative;padding:0 0 28px 70px;min-height:90px}.journey-flow li:first-child,.journey-flow li:last-child{padding-left:70px}.journey-flow .icon-box{position:absolute;left:0;top:0}.journey-flow h3{margin:0 0 10px}.journey-flow p{font-size:15px}.journey-flow li:not(:last-child):before{content:'';position:absolute;top:53px;bottom:7px;left:24px;border-left:1px solid #bc927a}.center-action{margin-top:12px}.small-team-points{gap:30px;margin-top:35px}.small-team-points article{border-top:1px solid #a7c4e2;padding-top:26px}.small-team-points h3{margin:18px 0 13px}.footer-panel{padding:32px 25px}.footer-columns{grid-template-columns:1fr 1fr;gap:30px 16px}.footer-columns h3{font-size:14px;margin-bottom:15px}.footer-columns a{font-size:12px;margin-bottom:11px}.footer-bottom{padding:20px;gap:18px;flex-wrap:wrap}.footer-bottom p{flex-basis:100%;line-height:1.6}.footer-brand{margin-bottom:28px}.review-grid{grid-template-columns:1fr}.review-home{padding:35px 5px}.review-grid>a{padding:30px}.consolidation-list>div:not(.list-heading){padding:20px}.consolidation-list .list-heading{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Readable labels and CTA contrast across the supplied blue treatment. */
.closer{color:#fff}.closer .btn{background:#fff;color:var(--ink);border-color:#fff}.closer .btn:hover{background:#edf5ff}.footer-columns a{font-size:14px}.tool-card .text-link{font-size:14px}@media(max-width:620px){.product-label,.tabs button{font-size:14px}.product-label{padding-inline:12px}.footer-columns a{font-size:14px}}

*{font-synthesis:none}

.video-link{text-align:center;padding:20px 0 28px}.video-link .text-link{background:#ffffffc9;padding:12px 18px;border-radius:99px}.product-stage>img{margin-bottom:0}

/* Product batch: source graphics and semantic replacements for image-only flows. */
.batch-stage{padding-bottom:24px}.batch-stage>img{max-height:600px;object-fit:contain;width:100%}.batch-stage figcaption{margin-top:16px}.website-art{padding:0 0 18px;background:#ffe3d5}.website-art img{border-radius:20px 20px 0 0}.simulation-note{padding:30px;background:#fff;border:1px solid #cfdaeb;border-radius:18px}.simulation-note h3{margin:24px 0 18px}.simulation-note p{color:var(--muted)}.simulation-note .small-label{margin-top:22px}.learning-path{background:linear-gradient(120deg,#c3e0fa,#e4f0fc 65%,#ffe3d5)}.learning-steps{max-width:850px;margin:auto;list-style:none;padding:0;display:grid;gap:14px}.learning-steps li{display:flex;align-items:center;gap:28px;padding:26px 30px;background:#ffffffc9;border:1px solid #cad9e9;border-radius:18px}.lesson-index{font:500 36px/1 var(--display);color:#5276a9}.learning-steps li>div{flex:1}.learning-steps h3{margin-bottom:8px}.learning-steps p{color:var(--muted);font-size:14px}.checkout-stage{margin-top:24px;padding:38px 5% 32px;background:#ffe3d5 url('/assets/peach-gradient.png') center/cover}.checkout-journey{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.checkout-journey>li{position:relative;background:#ffffffdc;border:1px solid #e8c6af;border-radius:20px;padding:30px}.checkout-journey>li:nth-child(2){background:#eaf3ff;border-color:#b3cee9}.checkout-number{position:absolute;right:25px;top:29px;color:#a66a46;font:500 32px/1 var(--display)}.checkout-journey h3{margin:26px 0 16px;font-size:30px}.checkout-journey p{font-size:15px;color:var(--muted)}.checkout-journey .check-list{padding-top:22px;border-top:1px solid #dacbbf}.illustration-caption{text-align:center;font-size:12px;color:#5c5048;margin-top:25px}.gateway-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.gateway-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:0;margin:0}.gateway-list li{border:1px solid #cbd9eb;background:#fff;border-radius:12px;padding:16px 8px;text-align:center;font-size:13px;font-weight:600}.gateway-note{font-size:13px;color:var(--muted);margin:20px 0}.review-grid>a:nth-child(4n+2),.review-grid>a:nth-child(4n+3){background:var(--peach);border-color:#edc0a3}
@media(max-width:860px){.checkout-journey{gap:14px}.checkout-journey>li{padding:22px}.checkout-journey h3{font-size:25px}.gateway-section{gap:32px}.gateway-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.batch-stage{padding-bottom:20px}.checkout-stage{padding:25px 20px;margin-top:16px}.checkout-journey{grid-template-columns:1fr;gap:16px}.checkout-journey>li{padding:25px}.checkout-journey h3{font-size:28px}.checkout-stage .small-label{display:none}.learning-steps li{gap:18px;padding:22px 18px;align-items:flex-start}.learning-steps .icon-box{display:none}.learning-steps h3{font-size:23px}.lesson-index{font-size:28px}.gateway-section{grid-template-columns:1fr}.gateway-list{grid-template-columns:repeat(2,1fr)}.gateway-list li{font-size:14px}.simulation-note{padding:24px}}

/* closing CTA background video — cta-gradient.svg stays as the fallback */
.cta-video-host{position:relative;isolation:isolate;clip-path:inset(0 round var(--radius))}
.cta-video-host>*:not(.cta-video){position:relative;z-index:1}
.cta-video{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);object-fit:cover;z-index:0;pointer-events:none;display:block}
@media (prefers-reduced-motion:reduce){.cta-video{display:none}}