@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{font-family:Manrope,Inter,system-ui,sans-serif;color:#151821;background:#fff;line-height:1.5;--container:84vw;--border:#e9eaf0;--muted:#707784;--accent:#6959ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden}
body,button,input{font-family:inherit}
a,button{touch-action:manipulation}
.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-180%);z-index:100;padding:10px 14px;border-radius:10px;background:#171923;color:#fff;text-decoration:none;font-weight:700;font-size:13px}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid #8a7cff;outline-offset:3px}
[id]{scroll-margin-top:96px}
.site-header{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border)}
.logo{font-size:23px;font-weight:800;color:#151821;text-decoration:none;display:flex;align-items:center;gap:9px;white-space:nowrap}
.logo>span:not(.logo-mark){background:linear-gradient(90deg,#6b5cff,#ec5dcc,#17b6d5);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-mark{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6758ff,#e95bc7)}
.desktop-nav{display:flex;gap:30px}
.desktop-nav a{color:#4c5361;text-decoration:none;font-size:14px;transition:color .2s ease}.desktop-nav a:hover{color:#6959fa}
.navbtn{padding:10px 17px;border-radius:11px;background:#171923;color:#fff;text-decoration:none;font-size:14px}
.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px;padding:9px;border-radius:12px;cursor:pointer}
.menu-toggle span{display:block;width:22px;height:2px;background:#171923;margin:5px auto;border-radius:2px}
.mobile-menu{display:none;position:fixed;inset:78px 0 auto;z-index:19;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);box-shadow:0 20px 40px #25203a14}
.mobile-menu nav{display:grid;gap:4px;padding:14px 20px 20px}
.mobile-menu a{padding:14px 12px;border-radius:12px;color:#343946;text-decoration:none;font-weight:700}
.mobile-menu a:hover{background:#f4f1ff;color:#6253e9}
.mobile-menu .mobile-menu-cta{margin-top:5px;text-align:center;background:linear-gradient(110deg,#6959ff,#e85bc9,#13b8d6);color:#fff}

.hero{position:relative;min-height:690px;padding:105px 8vw 90px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;background:radial-gradient(circle at 80% 20%,#e9f8ff 0,transparent 35%),linear-gradient(135deg,#fffaf4,#f6f1ff 52%,#effcff)}
.hero-copy{position:relative;z-index:2;min-width:0}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#705cf6}
.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ed5fc9;margin-right:8px}
.hero h1{font-size:clamp(52px,7vw,96px);line-height:.98;letter-spacing:-5px;margin:18px 0 26px}
.hero h1 em,h2 span{font-style:normal;background:linear-gradient(90deg,#6b5cff,#ec5dcc,#14b9d5);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:720px;font-size:18px;color:#5f6674;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}
.btn{display:inline-flex;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px #8c70d34f}.btn:active{transform:translateY(0)}gap:15px;align-items:center;padding:15px 21px;border:0;border-radius:13px;background:linear-gradient(110deg,#6959ff,#e85bc9,#13b8d6);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 14px 35px #8c70d34a}
.textbtn{color:#414754;text-decoration:none;font-weight:600}.textbtn:hover{color:#6959fa}
.hero-note{margin-top:28px;color:#747b87;font-size:12px;display:flex;gap:10px;flex-wrap:wrap}
.hero-note span{color:#6c5cf6;font-weight:800}
.hero-card{position:relative;background:#fff;border:1px solid #e9e8f0;border-radius:30px;padding:20px;box-shadow:0 35px 90px #514b8b1d;transform:rotate(1.2deg);z-index:2;min-width:0}
.float-label{font-size:10px;letter-spacing:.16em;color:#9296a0;padding:4px 5px 15px}
.visual{height:315px;border-radius:20px;background:linear-gradient(145deg,#9b8aff,#ee79cc 55%,#54cbe0);position:relative;overflow:hidden}
.visual:after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;right:-90px;top:-100px;background:#ffffff33;filter:blur(3px)}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#6a5bfa;font-size:20px;box-shadow:0 10px 30px #33245a35}
.visual-lines{position:absolute;left:24px;bottom:22px;color:#fff;display:grid;gap:2px}
.visual-lines b{font-size:18px}.visual-lines span{font-size:11px;opacity:.82}
.mail-row{display:flex;align-items:center;gap:12px;padding:18px 4px 12px;min-width:0}.mail-row div{display:grid;min-width:0}.mail-row small{font-size:11px;color:#9296a0;white-space:normal}.mail-row strong{margin-left:auto;color:#28b67a}.avatar{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;background:#f0edff;color:#6959fa;font-weight:800}
.progress{height:5px;background:#ececf1;border-radius:99px;overflow:hidden}.progress i{display:block;width:72%;height:100%;background:linear-gradient(90deg,#6c5bff,#e85dc9)}
.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.45}.orb1{width:180px;height:180px;background:#ffd7ee;left:-70px;bottom:-40px}.orb2{width:130px;height:130px;background:#c5efff;right:30%;top:50px}

section{padding:105px 8vw}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-top p{max-width:410px;color:#737987}
.media-section{background:#f2f8ff}.media-section h2,.how h2,.formats h2,.pricing h2,.contact h2{font-size:clamp(40px,5vw,65px);line-height:1.03;letter-spacing:-3px;margin:15px 0}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.media-card{min-height:185px;border-radius:24px;padding:25px;position:relative;overflow:hidden;min-width:0}.media-card b{font-size:15px}.media-card strong{display:block;font-size:46px;letter-spacing:-2px;margin-top:30px}.media-card span{font-size:12px;color:#646b77}.media-card i{position:absolute;right:22px;bottom:18px;font-style:normal;font-weight:800;font-size:28px;opacity:.15}
.c1{background:#fff1ed}.c7{background:#f1f0ff}.c2{background:#fff8dc}.c3{background:#efeaff}.c4{background:#e9f8ff}.c5{background:#eaf8f0}.c6{background:#f7eafa}
.how{background:#fff}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:50px}.steps article{border-top:1px solid #dddfe6;padding:20px 5px;min-width:0}.steps article>b{font-size:11px;color:#9a9eaa}.step-icon{font-size:34px;color:#6959fa;margin:35px 0 20px}.steps h3{font-size:19px;margin:0 0 10px}.steps p{font-size:13px;color:#707684;line-height:1.7}
.formats{background:linear-gradient(135deg,#fff4fb,#f2efff 50%,#eafaff);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}.formats p{color:#6d7480;max-width:540px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.chips span{padding:9px 12px;border:1px solid #dddde8;border-radius:99px;background:#fff;font-size:12px}
.email-preview{background:#fff;border-radius:26px;padding:12px;box-shadow:0 30px 80px #61578c20;min-width:0}.email-head{height:42px;display:flex;align-items:center;gap:5px;padding:0 10px}.dot{width:7px;height:7px;border-radius:50%;background:#dfe1e7}.email-head small{margin-left:auto;color:#9a9eaa;font-size:9px;letter-spacing:.1em}.email-body{border:1px solid #edf0f3;border-radius:18px;padding:28px}.mini-cover{height:130px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#7464ff,#ee68c7,#40c9df);color:#fff;font-size:24px;margin-bottom:22px}.email-body small{font-size:9px;color:#735ff7;letter-spacing:.12em;font-weight:800}.email-body h3{font-size:25px;margin:8px 0}.email-body p{font-size:12px;color:#858b95}.email-body button{border:0;cursor:default;border-radius:10px;padding:11px 16px;background:#181a24;color:#fff;margin:10px 0}.alt{font-size:10px;color:#9297a1;margin-top:12px}
.pricing{background:#fbfbfd}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}.price-grid article{background:#fff;border:1px solid #e8e9ef;border-radius:24px;padding:30px;min-height:300px;position:relative;min-width:0}.price-grid .popular{border:2px solid #c9bfff;box-shadow:0 18px 50px #725eff16}.popular label{position:absolute;right:18px;top:18px;font-size:9px;padding:5px 8px;border-radius:99px;background:#eeeaff;color:#6758e9}.price-grid h3{font-size:28px;margin:12px 0}.price-grid p{color:#737987;font-size:13px}.price-grid ul{padding-left:18px;color:#5d6470;font-size:13px;line-height:2}.price-grid a{color:#6959fa;text-decoration:none;font-weight:700;font-size:13px}
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;background:linear-gradient(120deg,#f3efff,#ebfbff)}.contact p{color:#707784}.contact form{display:grid;gap:12px}.contact input{width:100%;padding:15px 16px;border:1px solid #dfe2e9;border-radius:13px;background:#fff;font:inherit}.contact form small{font-size:10px;color:#8b909a;text-transform:none;letter-spacing:0}.contact .btn{justify-content:center;font:inherit;cursor:pointer}.form-message{min-height:20px;color:#6253e9;font-size:12px}
footer{padding:30px 8vw;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#858a95;font-size:11px;background:#fff;border-top:1px solid #eeeef2}

@media(max-width:1000px){
  .desktop-nav{display:none}.desktop-cta{display:none}.menu-toggle{display:block}
  .mobile-menu.is-open{display:block}
  .hero{grid-template-columns:1fr;padding-top:75px}.hero-card{max-width:680px;width:100%;margin:0 auto}
  .media-grid,.steps,.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .formats,.contact{grid-template-columns:1fr}.section-top{display:block}.section-top p{margin-top:20px}
}
@media(max-width:600px){
  .site-header{height:68px;padding:0 16px}.mobile-menu{inset:68px 0 auto}
  section{padding:68px 20px}.hero{padding:58px 20px 68px;min-height:auto}
  .hero h1{font-size:clamp(45px,14vw,58px);letter-spacing:-3px}.hero p{font-size:16px;line-height:1.65}
  .hero-actions{align-items:stretch;flex-direction:column;gap:12px}.hero-actions .btn,.textbtn{width:100%;justify-content:center;text-align:center}
  .hero-note{gap:7px;line-height:1.7}.hero-card{padding:14px;border-radius:23px}.visual{height:250px}.visual-lines{left:18px;bottom:18px}.visual-lines b{font-size:16px}
  .media-grid,.steps,.price-grid{grid-template-columns:1fr}.media-card{min-height:165px}.media-card strong{margin-top:25px}
  .media-section h2,.how h2,.formats h2,.pricing h2,.contact h2{font-size:clamp(38px,11vw,50px);letter-spacing:-2px}
  .steps{gap:10px;margin-top:35px}.steps article{padding:18px 2px}.step-icon{margin:22px 0 12px}
  .formats{gap:35px}.email-body{padding:20px}.mini-cover{height:115px}
  .price-grid{margin-top:35px}.price-grid article{padding:25px;min-height:0}.popular label{position:static;display:inline-block;margin-bottom:8px}
  .contact{gap:35px}.contact input,.contact .btn{min-height:52px}.contact form small{line-height:1.5}
  footer{padding:25px 20px;display:grid;gap:12px}
}
@media(min-width:601px) and (max-width:900px){section{padding-left:6vw;padding-right:6vw}}
@media(min-width:320px) and (max-width:430px){.logo{font-size:20px}.logo-mark{width:27px;height:27px}.menu-toggle{width:42px}.hero-card{transform:none}.visual{height:230px}.mail-row{gap:9px}.mail-row small{font-size:10px}.hero-note{font-size:11px}.chips span{font-size:11px}.email-body h3{font-size:22px}}

.error-page{min-height:100vh;display:grid;align-content:center;justify-items:start;gap:18px;padding:60px 8vw;background:linear-gradient(135deg,#fffaf4,#f6f1ff 52%,#effcff)}.error-page h1{font-size:clamp(52px,8vw,92px);line-height:.98;letter-spacing:-5px;margin:0}.error-page h1 span{font-style:normal;background:linear-gradient(90deg,#6b5cff,#ec5dcc,#14b9d5);-webkit-background-clip:text;background-clip:text;color:transparent}.error-page p{max-width:560px;color:#707784;font-size:17px;line-height:1.7}@media(max-width:600px){.error-page{padding:40px 20px}.error-page h1{font-size:clamp(48px,14vw,62px);letter-spacing:-3px}.error-page p{font-size:16px}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
.faq{background:#fff}.faq>h2{margin-bottom:45px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.faq details{background:#f7f8fb;border:1px solid #e8eaf0;border-radius:16px;padding:18px 20px}.faq summary{cursor:pointer;font-size:14px;font-weight:800}.faq details p{margin:14px 0 2px;color:#707784;font-size:12px;line-height:1.7}.faq summary::marker{color:#6959fa}footer{flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:20px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#777e8a;text-decoration:none}.footer-links a:hover{color:#6959fa}@media(max-width:600px){.faq-grid{grid-template-columns:1fr}.faq>h2{margin-bottom:30px}.footer-brand{display:grid;gap:8px}.footer-links{gap:12px;font-size:10px}}
.legal{max-width:900px;margin:0 auto;padding-top:80px;padding-bottom:100px}.legal h1{font-size:clamp(42px,6vw,72px);line-height:1.03;letter-spacing:-3px;margin:18px 0 30px}.legal h2{font-size:24px;margin:42px 0 12px}.legal p{max-width:760px;color:#69717e;font-size:15px;line-height:1.8}.legal-note{margin-top:50px;padding:18px;border-radius:14px;background:#f7f8fb;font-size:12px!important}@media(max-width:600px){.legal{padding-top:45px;padding-bottom:60px}.legal h1{font-size:42px;letter-spacing:-2px}.legal h2{font-size:21px;margin-top:32px}.legal p{font-size:14px}}

.value-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:0;background:#e5e7ee;border-top:1px solid #e5e7ee;border-bottom:1px solid #e5e7ee}.value-strip div{padding:28px 8vw;background:#fff;display:grid;gap:5px}.value-strip strong{font-size:16px}.value-strip span{font-size:11px;color:#737987}.hero-note{max-width:700px}@media(max-width:1000px){.value-strip{grid-template-columns:1fr}.value-strip div{padding:22px 6vw}}@media(max-width:600px){.value-strip div{padding:20px}.value-strip strong{font-size:14px}.value-strip span{font-size:10px}}

@media(max-width:600px){.desktop-nav{display:none}.hero-card{box-shadow:0 20px 55px #514b8b1a}.section-top{gap:20px}.section-top p{font-size:13px}.media-card{padding:22px}.steps h3{font-size:18px}.formats{padding-top:60px;padding-bottom:60px}.contact{padding-top:62px;padding-bottom:62px}}
.subscribe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;background:linear-gradient(120deg,#fff5ec,#f2efff,#eafaff)}.subscribe p{color:#707784;max-width:560px}.subscribe form{display:grid;gap:12px}.subscribe input,.subscribe select{width:100%;padding:15px 16px;border:1px solid #dfe2e9;border-radius:13px;background:#fff;font:inherit;color:#171923}.subscribe .btn{justify-content:center;font:inherit;cursor:pointer}.subscribe form small{font-size:10px;color:#8b909a;line-height:1.5}@media(max-width:1000px){.subscribe{grid-template-columns:1fr;gap:35px}}@media(max-width:600px){.subscribe{padding-top:62px;padding-bottom:62px}.subscribe input,.subscribe select,.subscribe .btn{min-height:52px}}