:root{color-scheme:dark;--bg:#0b1728;--bg2:#0d1c31;--nav:#0a1625;--surface:#121f34;--card:#172740;--line:#263954;--muted:#9eacc0;--txt:#f5f8ff;--blue:#2772e9;--blue2:#3486fc;--wide:1160px;--r:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--txt);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #70a7ff;outline-offset:3px}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}p{line-height:1.75}.container{max-width:var(--wide);margin:auto;padding:0 26px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 21px;border-radius:10px;border:1px solid transparent;transition:transform .18s,background .18s,box-shadow .18s;font-weight:650;font-size:14px;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(130deg,#3589ff,#1660d2);color:white;box-shadow:0 8px 23px #1d62de39}.btn-primary:hover{background:linear-gradient(130deg,#4191ff,#246fe5)}.btn-soft{background:#1d2b41;border-color:#344761;color:#eaf3ff}.btn-outline{background:transparent;border-color:#42546e}.btn-small{padding:0 15px;min-height:38px;font-size:13px}.btn-large{min-height:53px;padding:0 29px;font-size:15px;border-radius:12px}.link-blue{color:#68a3ff}.eyebrow{color:#6fa3ff;letter-spacing:.14em;font-weight:800;font-size:12px;text-transform:uppercase}.muted{color:var(--muted)}.text-blue{color:#3781f6}.big-title{font-size:clamp(31px,4.2vw,47px);font-weight:800;letter-spacing:-.045em;line-height:1.17}.heading-center{text-align:center;max-width:860px;margin:0 auto 46px}.heading-center p{margin-top:16px;color:var(--muted)}
/* Navigation */
.site-header{height:76px;display:flex;align-items:center;position:sticky;top:0;z-index:100;background:#091525ed;border-bottom:1px solid #1d2b40;backdrop-filter:blur(18px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%}.brand{display:flex;align-items:center;gap:10px;font-weight:830;letter-spacing:-.052em;font-size:27px}.brand b{color:#fff}.brand em{font-style:normal;color:#357fff}.brand-symbol{height:34px;width:34px;border-radius:9px;background:linear-gradient(140deg,#2b89ff,#1452bd);display:grid;place-items:center;box-shadow:0 4px 16px #0069f052}.brand-symbol svg{width:21px;height:21px}.nav-links{display:flex;align-items:center;gap:28px;margin-left:35px;margin-right:auto}.nav-links a{color:#c3cedd;font-size:13px;font-weight:650;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-actions{display:flex;align-items:center;gap:13px}.lang-wrap{position:relative}.lang{background:transparent;border:0;color:#e4ebf7;padding:9px 7px;font-size:13px;font-weight:600}.lang-menu{position:absolute;top:44px;right:0;min-width:155px;background:#15243a;border:1px solid #334963;border-radius:10px;padding:6px;box-shadow:0 18px 54px #0009;display:none}.lang-menu.open{display:block}.lang-menu button{display:block;width:100%;background:transparent;color:white;border:0;text-align:left;padding:10px;border-radius:6px;font-size:13px}.lang-menu button:hover{background:#253852}.mobile-toggle{display:none;background:none;border:0;color:white;font-size:25px}.mobile-nav{display:none}
/* Landing hero */
.hero{position:relative;overflow:hidden;text-align:center;padding:99px 0 40px;background:radial-gradient(ellipse 58% 30% at 50% 12%,#17335d65 0,transparent 78%)}.hero h1{font-weight:820;font-size:clamp(41px,5.3vw,69px);letter-spacing:-.052em;line-height:1.17;max-width:1040px;margin:0 auto 22px}.hero h1 .blue{color:#307bfa}.hero-sub{font-size:clamp(15px,1.62vw,20px);color:#c6d4e8;line-height:1.62;font-weight:500;max-width:840px;margin:0 auto 30px}.hero .btn-primary{border-radius:30px;padding-left:32px;padding-right:32px}.trust{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:27px;color:#a9b7cd;font-size:13px}.avatars{display:flex;padding-left:8px}.av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;margin-left:-8px;border:2px solid var(--bg);font-weight:700;font-size:10px;color:#fff}.av:nth-child(1){background:#dc8d7a}.av:nth-child(2){background:#4c8c94}.av:nth-child(3){background:#9c74a7}.av:nth-child(4){background:#c0904b}.av:nth-child(5){background:#4685c1}.stars{color:#f5ae36;letter-spacing:1px}.hero-showcase{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;max-width:1075px;margin:62px auto 0;padding:0 10px}.poster{position:relative;aspect-ratio:9/15.2;border-radius:13px;overflow:hidden;background:#182b46;border:1px solid #ffffff29;box-shadow:0 18px 40px #0006;transition:transform .25s}.poster:nth-child(odd){transform:translateY(13px)}.poster:hover{transform:translateY(-9px) scale(1.02);z-index:2}.poster img{height:100%;width:100%;object-fit:cover;filter:contrast(1.1) saturate(1.15)}.poster:after{content:"";position:absolute;inset:47% 0 0;background:linear-gradient(transparent,#0008)}.poster-caption{position:absolute;z-index:2;left:10px;right:10px;bottom:22%;font-size:clamp(12px,1.43vw,20px);font-weight:900;text-align:center;line-height:1.05;color:#f8e641;text-transform:uppercase;letter-spacing:-.06em;transform:rotate(-2deg);text-shadow:2px 2px 0 #1b222e,-2px -2px 0 #1b222e,3px 4px 0 #182234,0 0 12px #000}.poster-play{position:absolute;z-index:3;top:12px;right:12px;background:#0815249e;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;border:1px solid #ffffff30;font-size:13px}.fade-section{background:linear-gradient(#0b1728,#0d1b30)}
/* Steps */
.steps-section{padding:110px 0 80px}.step-row{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:50px;align-items:center;min-height:390px;margin:55px 0 85px}.step-row:nth-child(even) .step-copy{order:2}.step-row:nth-child(even) .step-visual{order:1}.step-number{color:#59a1ff;font-weight:800;font-size:13px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:13px}.step-copy h3{font-size:clamp(25px,3vw,34px);line-height:1.26;letter-spacing:-.04em;margin-bottom:18px}.step-copy p{color:#b2c0d4;line-height:1.85;max-width:460px;font-size:15px}.step-visual{display:flex;align-items:center;justify-content:center;min-width:0}.step-frame{position:relative;width:100%;max-width:635px;aspect-ratio:1.65;border:1px solid #314365;border-radius:15px;background:#122139;overflow:hidden;box-shadow:0 22px 52px #0005}.step-frame:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #ffffff13}.step-frame img{width:100%;height:100%;object-fit:cover;object-position:center top}.step-fallback{padding:25px;background:#16243d;height:100%;color:#d6e5ff}.step-fallback h4{font-size:15px;padding-bottom:12px;border-bottom:1px solid #35445a}.step-fallback label{display:block;font-size:11px;color:#aabbcd;margin:13px 0 6px}.fake-input{background:#0a1425;border:1px solid #28364f;padding:11px;border-radius:6px;color:#8192aa;font-size:12px}.fake-area{height:100px}.fake-blue{background:#146bd7;color:white;padding:9px 12px;border-radius:12px;display:inline-block;font-size:11px;margin-top:11px}
/* Samples and reviews */
.samples-section{padding:45px 0 110px;background:#0c192c}.samples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:820px;margin:auto}.sample-card{background:#13243c;border:1px solid #293e57;border-radius:18px;padding:19px;display:flex;align-items:center;gap:25px}.sample-cover{height:230px;aspect-ratio:9/15;border-radius:10px;overflow:hidden;position:relative;flex-shrink:0}.sample-cover img{width:100%;height:100%;object-fit:cover}.sample-cover button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:50%;width:52px;height:52px;background:#071425ad;color:white;font-size:22px}.sample-desc{font-size:13px;color:#aab9cd;line-height:1.7}.sample-desc strong{display:block;color:white;font-size:17px;margin:10px 0 15px;line-height:1.4}.sample-desc .chip{display:inline-block;padding:5px 9px;background:#1d3a63;color:#8ebfff;border-radius:50px;font-size:10px;font-weight:750}.review-section{padding:95px 0 105px}.reviews-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.review-card{background:#14233a;border:1px solid #283b54;border-radius:15px;padding:22px 20px;min-height:231px}.review-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.review-icon{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(120deg,#815bc5,#eda477)}.review-card:nth-child(3n) .review-icon{background:linear-gradient(120deg,#397ab3,#69ae96)}.review-card h4{font-size:13px;line-height:1.3}.review-card p{font-size:12px;color:#aebcd1;line-height:1.8}.review-stars{color:#f8b94b;font-size:13px;margin-bottom:9px;letter-spacing:2px}.bottom-cta{margin:0 auto 80px;padding:65px 20px;text-align:center;border-radius:24px;background:radial-gradient(ellipse 65% 100% at 50% 120%,#175bc7a8,transparent 100%),linear-gradient(130deg,#152b4a,#142138);border:1px solid #345075}.bottom-cta h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;margin-bottom:13px}.bottom-cta p{color:#b7c8df;margin-bottom:25px}
/* Shared pages */
.page-section{min-height:650px;padding:80px 0 110px;background:radial-gradient(ellipse 58% 300px at 50% 20px,#17305250,transparent),#0b1728}.page-hero{text-align:center;margin-bottom:52px}.page-hero h1{font-size:clamp(35px,5vw,57px);letter-spacing:-.05em;line-height:1.16}.page-hero p{margin-top:15px;color:#b1bed1;font-size:16px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.price-card{position:relative;padding:29px 23px 25px;border-radius:17px;border:1px solid #30415b;background:#14253d;display:flex;flex-direction:column;min-height:569px}.price-card.popular{border-color:#307afa;box-shadow:0 0 0 1px #307afa66,0 20px 55px #1d4db327}.popular-label{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:#2c7cf8;color:white;padding:7px 13px;border-radius:20px;font-size:11px;white-space:nowrap;font-weight:750}.price-card h3{font-size:20px;margin:7px 0 19px}.price-amount{display:flex;align-items:baseline;gap:5px}.price-amount strong{font-size:38px;letter-spacing:-.055em}.price-amount span{color:#a3b4c8;font-size:12px}.price-card .allowance{font-size:13px;color:#83b4ff;font-weight:700;margin:12px 0 18px;line-height:1.6}.price-card ul{padding:0;margin:0 0 23px;list-style:none;flex:1}.price-card li{font-size:12px;color:#d3ddec;display:flex;gap:9px;margin:12px 0;line-height:1.5}.price-card li:before{content:"✓";color:#63bc92;font-weight:900}.price-card .btn{width:100%}.fine-print{font-size:12px;color:#93a2b6;text-align:center;margin:25px 0}.faq{margin:95px auto 0;max-width:790px}.faq h2{text-align:center;font-size:35px;letter-spacing:-.04em;margin-bottom:27px}.faq-item{border-bottom:1px solid #304058}.faq-button{background:transparent;color:white;width:100%;border:0;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 5px;font-size:15px;font-weight:650}.faq-button span:last-child{font-size:23px;color:#85a6d0}.faq-answer{display:none;padding:0 9px 20px;color:#b4c4db;font-size:14px}.faq-item.expanded .faq-answer{display:block}
.affiliate-lead{text-align:center;max-width:770px;margin:0 auto 75px}.affiliate-lead h1{font-size:clamp(34px,5.3vw,60px);line-height:1.12;letter-spacing:-.055em}.affiliate-lead h1 span{color:#3b82ff}.affiliate-lead p{font-size:17px;color:#b9c7d8;max-width:660px;margin:25px auto}.affiliate-card{max-width:620px;margin:auto;background:#13253d;border:1px solid #324563;border-radius:22px;padding:40px;text-align:center}.affiliate-card h2{font-size:28px;letter-spacing:-.04em}.affiliate-card>p{color:#b0c1d7;font-size:14px;margin:9px 0 32px}.range-row{display:flex;justify-content:space-between;color:#dce8f7;font-size:14px;font-weight:650}.range-row strong{color:#62a4ff}.range-control{width:100%;accent-color:#287cff;margin:21px 0 32px}.earnings{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.earning-tile{background:#0c192b;border:1px solid #293f59;padding:22px 10px;border-radius:12px}.earning-tile strong{display:block;font-size:30px;letter-spacing:-.05em;color:#70acff}.earning-tile span{font-size:11px;letter-spacing:.04em;font-weight:700;color:#b2c4db}
/* Blog */
.blog-header{max-width:840px;text-align:center;margin:0 auto 49px}.blog-header h1{font-size:clamp(34px,4.5vw,51px);line-height:1.2;letter-spacing:-.05em}.blog-header p{margin-top:22px;color:#b1c2d8;font-size:15px}.blog-search{display:flex;align-items:center;gap:12px;margin:0 auto 33px;max-width:510px;border:1px solid #3c536d;border-radius:11px;background:#14263e;padding:0 15px}.blog-search input{height:45px;width:100%;background:transparent;border:0;outline:0;color:white}.blogs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{border:1px solid #293c55;border-radius:17px;background:#14243c;overflow:hidden;transition:transform .2s,border-color .2s}.blog-card:hover{transform:translateY(-4px);border-color:#488ce2}.blog-thumb{height:188px;background:linear-gradient(130deg,#264b7b,#21182e);position:relative;overflow:hidden}.blog-thumb img{width:100%;height:100%;object-fit:cover;filter:brightness(.79)}.blog-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#050f20a2)}.blog-tag{position:absolute;z-index:2;left:17px;bottom:13px;background:#1d62c9c7;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:700}.blog-body{padding:21px}.blog-body time{color:#7f9bbd;font-size:11px}.blog-body h3{margin:10px 0;font-size:17px;line-height:1.48}.blog-body p{font-size:12px;color:#aebdd0;line-height:1.7}.blog-read{display:inline-flex;color:#83b3ff;margin-top:17px;font-weight:750;font-size:12px}.article{max-width:810px;margin:0 auto}.article h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.05em;line-height:1.15;margin:13px 0 15px}.article .date{font-size:12px;color:#86a5c9}.article-cover{width:100%;height:360px;border-radius:18px;margin:34px 0;object-fit:cover}.article p{color:#b6c7d9;font-size:16px;line-height:2;margin-bottom:20px}.article h2{font-size:26px;margin:40px 0 16px}.article ul{line-height:2;color:#b6c7d9}.back-link{color:#90bcff;font-size:14px;font-weight:700}
/* Free tools */
.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{background:#152840;border:1px solid #354863;border-radius:17px;padding:27px}.tool-icon{width:50px;height:50px;border-radius:15px;background:#244c87;display:grid;place-items:center;font-size:24px;margin-bottom:20px}.tool-card h3{font-size:19px}.tool-card p{font-size:13px;color:#b5c3d4;margin:12px 0 24px}.tool-body{max-width:850px;margin:0 auto}.tool-form{display:flex;gap:12px;margin:28px 0 18px}.field{background:#091524;border:1px solid #31465d;min-height:48px;border-radius:9px;color:white;padding:0 15px;width:100%;outline:0}.field:focus{border-color:#4a90ff}.field-area{min-height:150px;padding:14px;resize:vertical}.tool-promo{max-width:520px;border:1px solid #3b4970;background:#19253b;border-radius:13px;padding:24px;text-align:center;margin:26px auto 45px}.tool-promo h3{font-size:15px}.tool-promo p{font-size:12px;color:#a9b8ca;margin:9px 0 17px}.tool-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:55px 0}.tool-feat{text-align:center}.tool-feat>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin:auto;background:#163e72;color:#77a9ff;font-size:27px}.tool-feat h3{font-size:16px;margin:20px 0 10px}.tool-feat p{color:#a8b9c9;font-size:12px}.field-error{font-size:12px;color:#ffacaa;margin:9px 0}.notice{border:1px solid #3d597a;background:#182b46;color:#c5ddff;padding:13px;border-radius:10px;font-size:12px;line-height:1.7}
/* Demo editor */
.editor-page{min-height:calc(100vh - 76px);padding:38px 0 85px;background:#0a1526}.editor-head{text-align:center;margin-bottom:27px}.editor-head h1{font-size:clamp(24px,3vw,34px);letter-spacing:-.04em}.editor-head p{font-size:13px;color:#abbdd3;margin-top:9px}.editor-steps{max-width:950px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;gap:20px}.editor-step{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#7f90a8;font-weight:700;font-size:12px}.editor-step.active{color:#87baff}.editor-step.done{color:#e4edfa}.step-pill{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#2b3850;color:#d4e5fc}.editor-step.active .step-pill{background:#237df2;color:white}.editor-step.done .step-pill{background:#1855a2}.chevron{color:#657891}.editor-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,.9fr);gap:24px}.edit-panel,.preview-panel{background:#142239;border:1px solid #2e4159;border-radius:14px;min-width:0;padding:25px}.edit-panel h2,.preview-panel h2{font-size:21px;display:flex;align-items:center;gap:10px;letter-spacing:-.035em;margin-bottom:23px}.edit-panel label{display:block;font-weight:650;font-size:13px;margin:19px 0 9px;color:#c9d8ec}.edit-panel textarea{width:100%}.edit-panel select{width:100%}.edit-panel .secondary{font-size:12px;color:#7f96ae}.edit-panel .field{font-size:13px}.counter{color:#8295ad;font-size:12px;text-align:right;margin:6px 0 22px}.editor-next{display:flex;justify-content:space-between;gap:12px;margin-top:27px}.editor-next .btn{min-width:130px}.editor-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.style-option{height:111px;border:2px solid #334562;border-radius:9px;display:flex;align-items:end;padding:10px;background-size:cover;background-position:center;text-shadow:0 2px 5px #000;font-weight:800;font-size:12px;cursor:pointer}.style-option.selected{border-color:#368bff;box-shadow:0 0 0 1px #1d64d4}.preview-panel{text-align:center;background:#0e1d30}.preview-panel h2{justify-content:center}.phone-frame{max-width:220px;aspect-ratio:9/16;margin:0 auto;overflow:hidden;background:linear-gradient(140deg,#242d4e,#172e3b);border:1px solid #627b9d;border-radius:12px;position:relative}.phone-frame>img{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;inset:auto 10px 27%;font-size:20px;font-weight:900;text-transform:uppercase;text-shadow:2px 3px 4px #000,0 0 7px #000;color:#b0ff63;line-height:1.1}.preview-progress{position:absolute;bottom:16px;left:12px;right:12px;height:3px;background:#ffffff77;border-radius:3px}.preview-progress:after{content:"";display:block;width:34%;height:100%;background:#fff}.preview-panel .btn{margin-top:18px}.pill-info{display:inline-block;border-radius:99px;color:#9bb7d8;background:#1d3049;font-size:10px;padding:5px 11px;margin-top:13px}.color-grid{display:flex;gap:8px}.color-grid button{width:35px;height:35px;border:3px solid transparent;border-radius:50%}.color-grid button.chosen{outline:2px solid #96c4ff}.upload-zone{border:2px dashed #476183;border-radius:12px;text-align:center;padding:25px;background:#172d48}.upload-zone input{max-width:100%;font-size:11px}.toast{position:fixed;bottom:22px;right:25px;background:#19365a;border:1px solid #4881c9;border-radius:11px;padding:15px 19px;z-index:200;color:#eaf4ff;box-shadow:0 14px 44px #0008;font-size:13px;max-width:350px}.legal-body{max-width:780px;margin:auto}.legal-body h1{font-size:46px}.legal-body h2{margin:30px 0 10px}.legal-body p{margin:14px 0;color:#b5c5d8}
/* Footer */
.footer{background:#091321;border-top:1px solid #25334a;padding:57px 0 31px}.footer-grid{display:grid;grid-template-columns:1.65fr 1fr 1fr;gap:50px}.footer-brand{font-size:23px}.footer p{font-size:13px;color:#93a7bc;max-width:300px;margin:19px 0}.footer h4{font-size:14px;margin:4px 0 19px}.footer-links{display:grid;gap:12px}.footer-links a{font-size:13px;color:#9badc4}.footer-links a:hover{color:#fff}.footer-copyright{font-size:12px;color:#69809c;margin-top:33px}
@media(max-width:1060px){.nav-links{gap:17px;margin-left:8px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-showcase{gap:10px}.step-row{gap:25px}.blogs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.container{padding:0 18px}.site-header{height:65px}.brand{font-size:23px}.brand-symbol{height:29px;width:29px}.nav-links,.nav-actions .lang-wrap,.nav-actions>a{display:none}.mobile-toggle{display:block}.nav-actions{gap:0}.mobile-nav{display:none;position:absolute;top:65px;left:0;right:0;padding:12px 20px 19px;background:#0c1a2d;border-bottom:1px solid #2b3f58;box-shadow:0 22px 30px #0006}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px 4px;border-bottom:1px solid #24364c;font-size:14px}.hero{padding:70px 0 24px}.hero h1{font-size:clamp(37px,8vw,53px);line-height:1.14}.hero-sub{font-size:14px}.trust{flex-wrap:wrap;font-size:12px}.hero-showcase{margin-top:49px;display:flex;overflow:auto;scroll-snap-type:x mandatory;padding:0 0 28px;gap:11px}.poster{min-width:37%;scroll-snap-align:start}.poster:nth-child(odd){transform:none}.poster-caption{font-size:14px}.steps-section{padding:73px 0 18px}.heading-center{margin-bottom:26px}.step-row,.step-row:nth-child(even){display:flex;flex-direction:column;gap:20px;min-height:0;margin:24px 0 64px}.step-row:nth-child(even) .step-copy,.step-row:nth-child(even) .step-visual{order:initial}.step-copy{text-align:center}.step-copy h3{font-size:26px}.step-copy p{font-size:13px}.step-frame{width:100%;aspect-ratio:1.5}.samples-section{padding:35px 0 70px}.samples-grid{grid-template-columns:1fr}.sample-card{gap:17px}.review-section{padding:65px 0}.reviews-grid{grid-template-columns:1fr}.review-card{min-height:0}.bottom-cta{margin-bottom:40px;padding:42px 15px}.page-section{padding:65px 0 75px}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:0}.price-card ul{margin-bottom:20px}.price-card.popular{margin-top:12px}.faq{margin-top:64px}.affiliate-card{padding:29px 17px}.earnings{gap:9px}.earning-tile strong{font-size:24px}.blogs{grid-template-columns:1fr}.tools-grid{grid-template-columns:1fr}.tool-features{grid-template-columns:1fr;gap:28px}.tool-form{flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:38px}.footer-grid>div:first-child{grid-column:1/-1}.editor-grid{grid-template-columns:1fr}.editor-steps{gap:6px}.editor-step{gap:5px;font-size:9px}.step-pill{width:23px;height:23px}.edit-panel,.preview-panel{padding:18px}.editor-page{padding-top:23px}.article-cover{height:230px}}
@media(max-width:420px){.hero h1{font-size:37px}.poster{min-width:44%}.sample-cover{height:185px}.sample-desc strong{font-size:15px}.price-card{padding:24px 20px}.footer-grid{gap:24px}.hero .btn-large{font-size:13px}}

/* Reliable offline fallback: original feature screenshots layer over the recreated editor panel. */
.step-frame > img{position:absolute;inset:0;z-index:1}.step-frame > .fallback{width:100%;height:100%}.step-frame > .fallback .step-fallback{width:100%;height:100%}

/* Readable lists on legal, model disclosure and content-policy pages. */
.legal-body ul{padding-left:24px;line-height:1.8;margin:18px 0}.legal-body li{margin:.65em 0}

/* Layout and keyboard polish */
main{overflow-wrap:anywhere;scroll-margin-top:90px}main:focus{outline:none}.container>*{min-width:0}
.step-copy,.sample-desc,.blog-body{min-width:0}.step-visual{width:100%}.sample-card{min-width:0}
.step-fallback{text-align:left}.price-card{min-height:300px;gap:18px}.price-card h2{font-size:22px}.price-card .btn{margin-top:auto}
.review-card h3{font-size:17px;margin-bottom:14px}.review-card{min-height:170px}.review-card p{font-size:14px}
.affiliate-card>label{display:block;text-align:left;font-size:14px;margin:18px 0 8px}.affiliate-card .range-row{margin-top:24px}
.editor-step{min-height:44px}.editor-step .step-pill{flex-shrink:0}.style-option{color:#fff}.upload-zone{padding:18px}
.btn{white-space:normal;text-align:center}.mobile-toggle{min-width:44px;min-height:44px}.lang{min-height:44px}
.toast{max-width:min(350px,calc(100vw - 32px));right:16px;bottom:16px}.preview-overlay{overflow-wrap:anywhere}
.skip-link{position:fixed;top:10px;left:10px;z-index:300;padding:12px 18px;background:#fff;color:#091525;border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}
@media(max-width:760px){
 .nav-actions .lang-wrap{display:block}.nav-actions{gap:5px}.lang{font-size:12px;padding:8px 4px}.nav-inner{gap:8px}
 .hero-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;gap:12px}.poster{min-width:0}.poster:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.poster-caption{font-size:16px}
 .editor-steps{align-items:stretch;gap:2px}.editor-step{flex:1;flex-direction:column;justify-content:flex-start;text-align:center;line-height:1.4;font-size:11px}.chevron{align-self:center}.editor-next .btn{min-width:0;padding:10px 12px;flex:1}
 .legal-body h1{font-size:clamp(30px,9vw,46px)}.footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.btn:hover,.poster:hover,.blog-card:hover{transform:none}}

.control-label{display:block;font-weight:650;font-size:13px;margin:19px 0 9px;color:#c9d8ec}.step-fallback label{pointer-events:none}
@media(max-width:760px){.lang-menu{right:-44px;max-width:calc(100vw - 36px)}}

/* Let the illustrative panels fit their content at both viewport sizes. */
.step-frame{aspect-ratio:auto}.fake-label{display:block;font-size:11px;color:#aabbcd;margin:13px 0 6px}.fake-area{height:auto;min-height:70px}