:root{font-family:Manrope,-apple-system,sans-serif;color:#252535;background:#f3f1f8}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,#e4ddff 0,transparent 37%),#f7f6fa}
.shell{min-height:100vh;display:grid;grid-template-columns:minmax(250px,.78fr) minmax(320px,1.12fr) minmax(330px,.88fr);align-items:center;gap:24px;padding:6vh 4vw}
.intro{max-width:520px}.logo{width:126px;height:auto;margin-bottom:44px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;color:#7564d9;margin:0 0 14px}
h1{font:400 clamp(42px,4.8vw,72px)/1.04 Prata,serif;letter-spacing:-.04em;margin:0;color:#272437}
.lead{font-size:16px;line-height:1.65;color:#676477;max-width:520px;margin:26px 0}
.points{display:flex;flex-wrap:wrap;gap:10px}.points span{background:#fff;border:1px solid #e6e2ef;border-radius:99px;padding:10px 15px;font-size:13px;color:#585469}
.mac-download{position:fixed;z-index:5;top:24px;right:28px;display:inline-flex;align-items:center;gap:11px;padding:11px 16px;border-radius:14px;background:#272437;color:#fff;text-decoration:none;box-shadow:0 12px 35px #27243728}.mac-download svg{width:23px;height:23px;fill:currentColor}.mac-download span{display:flex;flex-direction:column;gap:1px}.mac-download b{font-size:12px}.mac-download small{color:#c8c1f5;font-size:9px}
.mac-app .mac-download{display:none}
.card{width:100%;max-width:440px;justify-self:end;background:#fff;border:1px solid #e7e4ed;border-radius:28px;padding:18px 32px 32px;box-shadow:0 30px 80px #3f34531a}
.tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;background:#f2f0f6;border-radius:14px;margin:0 0 38px}.tabs button{border:0;background:transparent;padding:13px 8px;border-radius:10px;color:#777283;font:600 13px Manrope;cursor:pointer}.tabs button.active{background:#fff;color:#332e43;box-shadow:0 3px 12px #31274712}
form{display:grid;gap:19px}form[hidden]{display:none}h2,.form-title{font:400 34px/1.2 Prata,serif;margin:0 0 8px;color:#292638}.form-title{display:block}
label{display:grid;gap:8px;font-size:13px;font-weight:600;color:#4f4b5c}input{width:100%;border:1px solid #dedbe6;border-radius:12px;padding:14px 15px;font:500 15px Manrope;outline:none;background:#fcfcfd}input:focus{border-color:#7564d9;box-shadow:0 0 0 3px #7564d918}
.remember-device{display:flex;grid-template-columns:none;align-items:center;gap:10px;color:#686275;font-size:12px}.remember-device input{width:17px;height:17px;padding:0;accent-color:#6756e8}
.submit{border:0;border-radius:13px;padding:15px;background:#6756e8;color:#fff;font:700 14px Manrope;cursor:pointer;margin-top:4px}.submit:hover{background:#5948d5}.submit:disabled{opacity:.65}
form small{color:#898493;line-height:1.5;text-align:center}.form-copy{color:#777283;line-height:1.6;margin:0}.text-button{border:0;background:transparent;color:#6756e8;font:600 13px Manrope;cursor:pointer;padding:3px}#verify-panel{padding:22px 0}#message{min-height:22px;margin:18px 0 0;text-align:center;font-size:13px}.error{color:#b8404f}.success{color:#38805a}
.product-preview{align-self:center}.product-preview img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 22px 55px #5545771d}
.seo-content{grid-column:1/-1;background:#fff;border:1px solid #e7e4ed;border-radius:28px;padding:34px 38px;box-shadow:0 18px 55px #3f345312}.seo-content h2{font-size:30px}.seo-content p{color:#676477;line-height:1.75;font-size:15px}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.seo-grid article{background:#f8f7fb;border:1px solid #edeaf3;border-radius:18px;padding:20px}.seo-grid h2,.seo-grid h3{font:700 15px Manrope;margin:0 0 8px;color:#292638}.seo-grid p{font-size:13px;margin:0}.seo-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.seo-columns article{border-top:1px solid #eeeaf5;padding-top:24px}.seo-columns h2,.seo-faq h2{font-size:25px}.seo-columns ul{margin:14px 0 0;padding-left:20px;color:#676477;line-height:1.8;font-size:15px}.seo-faq{margin-top:30px;padding-top:26px;border-top:1px solid #eeeaf5}.seo-faq details{border:1px solid #edeaf3;border-radius:16px;background:#f8f7fb;margin-top:10px;padding:15px 18px}.seo-faq summary{cursor:pointer;font-weight:800;color:#292638}.seo-faq details p{margin:10px 0 0;font-size:14px}.seo-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.seo-links a{padding:10px 14px;border-radius:999px;background:#f2f0fb;color:#5f4ee0;text-decoration:none;font-size:13px;font-weight:800}.seo-landing-shell{min-height:100vh;display:grid;grid-template-columns:minmax(310px,.92fr) minmax(420px,1.08fr);align-items:center;gap:34px;padding:7vh 5vw}.seo-landing-hero{max-width:620px}.seo-landing-hero .logo{width:122px;margin-bottom:40px}.seo-cta{display:flex;align-items:center;gap:14px;margin-top:24px}.seo-cta .submit{display:inline-flex;text-decoration:none}.seo-landing-content{grid-column:1/-1}.seo-landing-content .seo-grid h2{font-size:15px}
@media(max-width:900px){.mac-download{display:none}.shell,.seo-landing-shell{grid-template-columns:1fr;padding:28px 20px 60px}.intro{display:block}.intro .logo,.seo-landing-hero .logo{width:104px;margin-bottom:28px}.intro h1,.seo-landing-hero h1{font-size:42px}.card{justify-self:center;padding:14px 24px 30px;border-radius:22px}.product-preview img{border-radius:18px}.seo-content{padding:24px}.seo-grid,.seo-columns{grid-template-columns:1fr}.seo-cta{align-items:flex-start;flex-direction:column}}
