/* Product-led colour study: white canvas, dark product stage, confident feature blocks. */
:root{--bg:#fff;--bg2:#f4f7fa;--border:#e7e9ed;--txt:#182132;--sub:#566170;--dim:#718092;--accent:#4e49b8;--grad:#182132}
body.marketing-page{background:#fff;color:var(--txt)}
.marketing-page nav{background:rgba(255,255,255,.96);border-bottom:1px solid #eceef0}
.marketing-page .btn-nav-signup,.marketing-page .btn-primary,.marketing-page .card-cta.cta-primary{background:#17253a;border-color:#17253a;color:#fff}
.marketing-page .btn-nav-signup:hover,.marketing-page .btn-primary:hover,.marketing-page .card-cta.cta-primary:hover{background:#2a4363;border-color:#2a4363}
.landing-page .hero{display:flex;flex-direction:column;align-items:center;gap:0;max-width:1360px;padding:138px 40px 82px;background:#fff;text-align:center}
.landing-page .hero-copy{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px}
.landing-page .hero-badge{color:#555f6b;margin-bottom:24px}
.landing-page h1{max-width:960px;margin:0 auto 19px;font-size:clamp(54px,6.4vw,90px);line-height:.99;letter-spacing:-.071em;font-weight:700}
.marketing-page h1 .grad,.marketing-page .pricing-hero h1 .grad{font-style:normal;font-weight:700;color:#4d4bc1;letter-spacing:inherit}
.landing-page .hero-sub{max-width:640px;margin:0 auto 27px;color:#5d6672;font-size:17px;line-height:1.6}
.landing-page .hero-cta{justify-content:center;align-items:center;gap:10px}
.marketing-page .btn-secondary{background:#fff;border-color:#cfd5dc;color:#253448}
.marketing-page .btn-secondary:hover{border-color:#8d9aad;background:#f7f9fc}
.hero-reassurance{margin-top:17px;color:#67727e}
.landing-page .tpi-badge{margin:21px 0 0}
.studio-stage{width:min(1100px,100%);margin:65px auto 0;padding:36px 66px 0;border-radius:18px;background:#142743;overflow:hidden;box-shadow:0 20px 48px rgba(20,39,67,.12)}
.studio-stage-label{display:flex;justify-content:space-between;gap:16px;margin-bottom:30px;color:#c8d6eb;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:left}
.studio-stage-label span:last-child{font-weight:500;letter-spacing:0;text-transform:none;color:#a6bad2}
.studio-stage .studio-preview{width:100%;margin:0 auto;border:0;border-radius:13px 13px 0 0;transform:none;box-shadow:0 18px 45px rgba(0,0,0,.2);text-align:left}
.studio-stage .studio-preview:hover{transform:none;box-shadow:0 18px 45px rgba(0,0,0,.2)}
.studio-stage .studio-preview-body{min-height:400px}
.landing-page #features{border-top:0;padding-top:102px}
.landing-page #features .section-sub{max-width:770px}
.landing-page .features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.landing-page .feat-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:265px;padding:34px;border:1px solid transparent;border-radius:15px;box-shadow:none}
.landing-page .feat-card::before{margin:0 auto auto 0;color:rgba(23,35,54,.58)}
.landing-page .feat-card h3{max-width:430px;font-size:24px;line-height:1.17;letter-spacing:-.04em;color:#1a2b3d}
.landing-page .feat-card p{max-width:470px;margin-bottom:0;color:#395068;font-size:14px;line-height:1.6}
.landing-page .feat-card:nth-child(1){background:#dceffc}
.landing-page .feat-card:nth-child(2){background:#f7d9cb}
.landing-page .feat-card:nth-child(3){background:#e8e3fa}
.landing-page .feat-card:nth-child(4){background:#dcebdc}
.landing-page .feat-card:nth-child(5){background:#f6e8ba}
.landing-page .feat-card:nth-child(6){background:#e6edf5}
.landing-page .feat-card:hover{transform:translateY(-3px);border-color:rgba(27,44,69,.16);box-shadow:0 18px 30px rgba(20,39,67,.08)}
.landing-page #how{background:#983b2d;color:#fff;padding:108px clamp(28px,6vw,84px)}
.landing-page #how .section-badge,.landing-page #how .section-title{color:#fff}
.landing-page #how .section-badge::before{background:#f8c8b9}
.landing-page #how .section-sub,.landing-page #how .step p{color:#f4dcd6}
.landing-page #how .step{border-color:rgba(255,255,255,.35)}
.landing-page #how .step-num{color:#ffd8ca;font-size:30px;font-style:normal}
.landing-page #how .step h3{color:#fff}
.landing-page #pricing{background:#fff}
.marketing-page .price-card{border-color:#e2e7ec}
.marketing-page .price-card.featured{border-color:#4c617c;box-shadow:0 13px 32px rgba(18,40,67,.08)}
.marketing-page .popular-badge,.marketing-page .featured .card-plan-name,.marketing-page .card-features li .check,.marketing-page .featured .card-features li .check{color:#315b8d}
.marketing-page .guarantee-item::before{background:#375f90}
.marketing-page .cta-section{background:#d8effb;color:#172b40}
.marketing-page .cta-section h2{color:#172b40}
.marketing-page .cta-section p{color:#395671}
.marketing-page .cta-section .btn-primary{background:#17253a;border-color:#17253a;color:#fff}
.marketing-page .cta-section .btn-primary:hover{background:#2a4363;border-color:#2a4363}
.pricing-page .pricing-hero{background:#fff;padding-bottom:64px}
.pricing-page .pricing-hero h1 .grad{color:#4d4bc1}
.pricing-page .billing-toggle{background:#edf1f5;border-color:#e2e7ec}
.pricing-page .bt-opt.active{color:#17253a}
.pricing-page .faq-section{background:#fff}
.pricing-page .bottom-cta{background:#d8effb;color:#172b40}
.pricing-page .bottom-cta h2{color:#172b40}
.pricing-page .bottom-cta .btn-primary{background:#17253a;border-color:#17253a;color:#fff}
.currency-note{margin:0 auto 26px;text-align:center;color:#627083;font-size:12px;line-height:1.5}
.currency-switch{display:flex;justify-content:center;gap:5px;width:max-content;max-width:100%;margin:0 auto 18px;padding:5px;border:1px solid #e2e7ec;border-radius:999px;background:#f3f6f9}
.currency-switch a{min-width:84px;padding:8px 14px;border-radius:999px;color:#526273;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.currency-switch a[aria-current="true"]{background:#17253a;color:#fff;box-shadow:0 3px 10px rgba(20,39,67,.16)}
.currency-switch a:not([aria-current="true"]):hover{background:#e7edf4;color:#17253a}
.marketing-page footer{background:#fff;border-top-color:#e7e9ed}
@media(max-width:1100px){.landing-page .hero{max-width:none}.studio-stage{max-width:900px}}
@media(max-width:760px){.landing-page .hero{padding:112px 20px 67px}.landing-page h1{font-size:clamp(44px,10vw,66px)}.landing-page .hero-sub{font-size:15px}.studio-stage{margin-top:48px;padding:22px 23px 0}.studio-stage-label{font-size:9px;margin-bottom:20px}.landing-page .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-page .feat-card{min-height:250px;padding:24px}.landing-page .feat-card h3{font-size:20px}.landing-page #how{padding:78px 22px}.marketing-page .cta-section{margin:0 18px 70px}}
@media(max-width:520px){.landing-page .hero{padding-top:106px}.landing-page h1{font-size:clamp(43px,11.4vw,57px)}.landing-page .hero-cta{width:100%;flex-direction:column}.landing-page .hero-cta a{width:100%}.studio-stage{padding:14px 14px 0;border-radius:13px}.studio-stage-label{display:none}.studio-stage .studio-preview-body{min-height:360px}.landing-page .features-grid{grid-template-columns:1fr}.landing-page .feat-card{min-height:215px}.landing-page .feat-card h3{font-size:21px}.landing-page .feat-card::before{margin-bottom:30px}.landing-page #how .steps{grid-template-columns:1fr}.landing-page #how .step{border-color:rgba(255,255,255,.4)}}