.marketing-page{width:min(100%,1280px);max-width:none;margin:0 auto;padding:34px 28px 82px}
.marketing-page *,.marketing-page *::before,.marketing-page *::after{box-sizing:border-box}
.marketing-page h1,.marketing-page h2,.marketing-page h3,.marketing-page p{overflow-wrap:break-word}
.marketing-page .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;text-align:center}
.marketing-page .button:hover{background:#502ba3;color:#fff}.marketing-page .button.secondary:hover{background:#ddd0f8;color:#352069}
.marketing-page .button:focus-visible,.marketing-page a:focus-visible{outline:3px solid #148779;outline-offset:3px}
.marketing-eyebrow{display:inline-block;color:#6340a8;font-size:12px;font-weight:850;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}
.marketing-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(28px,5vw,72px);overflow:hidden;padding:clamp(32px,5vw,72px);border:1px solid #dce3ef;border-radius:30px;background:radial-gradient(circle at 95% 0%,#d4f2eb 0,transparent 34%),linear-gradient(120deg,#edf4fc 0%,#f2edfd 58%,#eef9f6 100%);box-shadow:0 24px 60px #2334560c}
.marketing-hero::before{content:"";position:absolute;z-index:-1;width:330px;height:330px;border:1px solid #8c71c928;border-radius:50%;right:-120px;bottom:-170px}
.marketing-hero h1{max-width:660px;margin:19px 0 22px;color:#15304e;font-size:clamp(45px,5.1vw,75px);line-height:1.04;letter-spacing:-.055em}
.marketing-hero h1 em{color:#6338bb;font-style:normal}.marketing-hero p{max-width:630px;margin:0;color:#40566e;font-size:clamp(17px,1.5vw,20px);line-height:1.6}
.marketing-hero .actions{align-items:stretch;margin:30px 0 17px}.marketing-hero small{display:block;color:#566b7d;font-size:13px;line-height:1.5}
.marketing-hero-art{min-width:0;padding:clamp(22px,2.4vw,34px);border:1px solid #d7e0eb;border-radius:23px;background:#fff;box-shadow:0 24px 55px #1e375520;transform:rotate(1deg)}
.marketing-art-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;color:#6843a8;font-size:11px;font-weight:850;letter-spacing:.1em}
.marketing-art-top b{padding:7px 10px;border-radius:99px;background:#e5f5f0;color:#126d61;font-size:11px;letter-spacing:0}
.marketing-hero-art p{margin:28px 0 20px;color:#173049;font-size:clamp(18px,1.8vw,23px);font-weight:800;line-height:1.3}
.marketing-bars{display:grid;gap:14px}.marketing-bars>div{display:grid;grid-template-columns:minmax(88px,115px) minmax(0,1fr) 44px;align-items:center;gap:10px;margin:0;color:#43566a;font-size:13px;line-height:1.25}
.marketing-bars i{display:block;width:var(--w);max-width:100%;height:20px;border-radius:5px;background:linear-gradient(90deg,#6338bb,#9d7ce2)}
.marketing-bars>div:nth-child(2) i{background:linear-gradient(90deg,#118b7c,#57c4ae)}.marketing-bars>div:nth-child(3) i{background:linear-gradient(90deg,#3675ae,#8bb7dc)}
.marketing-bars b{color:#173049;text-align:right;font-size:15px}.marketing-hero-art small{margin-top:24px;padding-top:15px;border-top:1px solid #e4e8ef;color:#65758a}
.marketing-section{padding:clamp(58px,7vw,92px) 0}.marketing-heading{max-width:820px}
.marketing-heading h2,.marketing-method h2,.marketing-close h2{margin:10px 0 16px;color:#173049;font-size:clamp(34px,3.5vw,49px);line-height:1.12;letter-spacing:-.035em}
.marketing-heading p{max-width:760px;margin:0;color:#52677b;font-size:18px;line-height:1.6}
.marketing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.marketing-grid article{min-width:0;min-height:250px;padding:30px;border:1px solid #dde5ef;border-radius:20px;background:#fff;box-shadow:0 15px 36px #1834510b}
.marketing-grid article>span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;padding:5px 12px;border-radius:10px;background:#ede7fa;color:#5834a2;font-size:12px;font-weight:850;letter-spacing:.08em}
.marketing-grid h3{margin:23px 0 12px;color:#18334f;font-size:clamp(21px,2vw,26px);line-height:1.22;letter-spacing:-.02em}.marketing-grid p{margin:0;color:#566b7e;font-size:16px;line-height:1.58}
.marketing-templates{margin:0 -28px;padding:clamp(58px,7vw,86px) 28px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f2f5fb)}
.marketing-templates .marketing-grid article:nth-child(2){border-color:#bda9ec;box-shadow:0 20px 40px #5d37ad14}.marketing-templates>.button{margin-top:30px}
.marketing-method{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(30px,5vw,70px);margin:70px 0 0;padding:clamp(34px,5vw,60px);border-radius:26px;background:linear-gradient(135deg,#193956,#233c67 60%,#4d3682);color:#fff}
.marketing-method .marketing-eyebrow{color:#9de3d1}.marketing-method h2{max-width:580px;color:#fff}.marketing-method p{max-width:680px;margin:0 0 17px;color:#e2eaf2;font-size:17px;line-height:1.62}
.marketing-method a{display:inline-block;margin-top:8px;color:#b9f1df;font-weight:750;text-decoration-thickness:1px;text-underline-offset:4px}
.marketing-method aside{align-self:center;min-width:0;padding:30px;border:1px solid #ffffff35;border-radius:20px;background:#ffffff12}.marketing-method aside strong{font-size:23px}.marketing-method ol{margin:18px 0 0;padding-left:24px}.marketing-method li{margin:12px 0;padding-left:4px;color:#f2f5fa;font-size:16px;line-height:1.45}
.marketing-close{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:76px 0 6px}.marketing-close>div:first-child{max-width:670px}.marketing-close h2{margin-bottom:11px}.marketing-close p{margin:0;color:#53687b;font-size:17px}.marketing-close .actions{justify-content:flex-end;flex:0 0 auto}
footer.site-footer.public-footer{box-sizing:border-box;display:grid;grid-template-columns:1.6fr repeat(3,minmax(0,1fr));align-items:start;gap:35px;width:min(100% - 56px,1220px);margin:20px auto 0;padding:32px 0 36px;border-top:1px solid #dce3eb;background:transparent;color:#657185;font-size:13px}
.public-footer *{box-sizing:border-box}.public-footer-brand{display:grid;justify-items:start;gap:8px}.public-footer-brand .footer-studio-logo{display:block;width:218px;max-width:100%;height:auto;object-fit:contain;object-position:left center}.public-footer-brand>small{margin-top:3px;color:#7b8794;font-size:12px}.powered-by{display:flex;align-items:center;gap:10px;margin-top:7px;color:#6c7988}.powered-by>span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.powered-by>img{display:block;width:145px;height:36px;object-fit:contain;object-position:left center}
.public-footer nav{display:grid;align-content:start;gap:7px;min-width:0;margin:0}.public-footer nav strong{margin-bottom:5px;color:#39495e;font-size:13px}.public-footer a,.public-footer .cookie-settings-link{display:block;width:fit-content;padding:0;border:0;background:none;color:#657185;font:400 13px/1.6 system-ui,sans-serif;text-align:left;text-decoration:none;box-shadow:none;min-height:0}.public-footer a:hover,.public-footer .cookie-settings-link:hover{background:none;color:#613fa0;text-decoration:underline;transform:none}.public-footer a:focus-visible,.public-footer button:focus-visible{outline:3px solid #148779;outline-offset:3px}
@media(max-width:1020px){.marketing-hero{grid-template-columns:minmax(0,1fr)}.marketing-hero-art{max-width:650px;transform:none}.marketing-method{grid-template-columns:minmax(0,1fr)}.marketing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-close{align-items:flex-start;flex-direction:column}.marketing-close .actions{justify-content:flex-start;margin:0}}
@media(max-width:1000px){footer.site-footer.public-footer{grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:25px}}
@media(max-width:760px){footer.site-footer.public-footer{grid-template-columns:1.4fr 1fr 1fr}.public-footer nav:last-child{grid-column:2/4}}
@media(max-width:680px){.marketing-page{padding:18px 16px 58px}.marketing-hero{gap:25px;padding:27px 22px;border-radius:22px}.marketing-hero h1{font-size:clamp(39px,10vw,54px)}.marketing-hero .actions{flex-direction:column;gap:10px}.marketing-hero .button,.marketing-close .button{width:100%}.marketing-hero-art{padding:21px 17px}.marketing-bars>div{grid-template-columns:minmax(75px,94px) minmax(0,1fr) 38px;gap:7px;font-size:12px}.marketing-bars b{font-size:13px}.marketing-section{padding:55px 0}.marketing-heading p{font-size:16px}.marketing-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:25px}.marketing-grid article{min-height:0;padding:25px}.marketing-templates{margin:0 -16px;padding:55px 16px}.marketing-method{margin-top:48px;padding:28px 22px;border-radius:22px}.marketing-method aside{padding:24px 21px}.marketing-close{padding-top:58px}.marketing-close .actions{width:100%;flex-direction:column;gap:10px}}
@media(max-width:520px){footer.site-footer.public-footer{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 32px);gap:23px 20px}.public-footer-brand{grid-column:1/-1}.public-footer nav:last-child{grid-column:auto}.public-footer-brand .footer-studio-logo{width:205px}.powered-by{gap:8px}.powered-by>img{width:128px;height:32px}}
@media(max-width:360px){.marketing-hero{padding:23px 17px}.marketing-bars>div{grid-template-columns:minmax(68px,82px) minmax(0,1fr) 35px;gap:5px}}
@media(prefers-reduced-motion:reduce){.marketing-page *,.marketing-page *::before,.marketing-page *::after{scroll-behavior:auto}}