*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbf9f6;color:#241d2c;font-family:'DM Sans',sans-serif}.wrap{width:min(1120px,calc(100% - 44px));margin:auto}a{color:inherit;text-decoration:none}.announcement{text-align:center;background:#211a2b;color:white;padding:10px;font-size:12px}.announcement span{color:#ffb58c}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font:800 25px Manrope;letter-spacing:-1.5px}.brand b{display:inline-grid;place-items:center;background:linear-gradient(135deg,#ffad7c,#9466f1);color:white;width:30px;height:30px;border-radius:10px}.brand span{color:#9568ec}.nav nav{display:flex;gap:32px;font-size:13px;color:#716978}.navcta{font-size:13px;font-weight:700}.menu{display:none}.hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:45px 0 65px}.hero label,.heading label,.stylelayout label,.cta label{font-size:10px;font-weight:700;letter-spacing:.18em;color:#8b6bd1}.hero h1{font:800 clamp(50px,6vw,76px)/1.03 Manrope;letter-spacing:-.065em;margin:22px 0}.hero h1 em,.stylelayout h2 em{font-style:normal;background:linear-gradient(100deg,#8b5de8,#f39a78);background-clip:text;color:transparent}.hero p,.heading p,.stylelayout p{max-width:470px;color:#797180;font-size:15px;line-height:1.8}.btn{display:inline-block;background:#8057e8;color:white;padding:15px 21px;border-radius:9px;font-size:12px;font-weight:700;margin:18px 12px 0 0;box-shadow:0 10px 25px #8057e833}.link{font-size:12px;font-weight:700}.note{margin-top:45px;color:#8b8490;font-size:11px}.art{height:450px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:430px;height:390px;border:1px solid #e8def1;border-radius:50%;transform:rotate(-25deg)}.mainphoto{position:relative;width:260px;height:350px;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#f9bd8c,#e58b73 45%,#6e536e);box-shadow:0 24px 65px #34204722;transform:rotate(-5deg);z-index:2}.sun{position:absolute;width:160px;height:160px;border-radius:50%;background:#ffd8a0;top:38px;left:50px}.person{position:absolute;bottom:-20px;left:62px;width:140px;height:230px;border-radius:48% 48% 10% 10%;background:linear-gradient(90deg,#30253b,#594157 55%,#34293d)}.person:before{content:'';position:absolute;width:70px;height:88px;background:#9d6555;border-radius:48%;left:35px;top:-42px}.person:after{content:'';position:absolute;top:-50px;left:24px;width:95px;height:65px;border-radius:55% 55% 15% 15%;background:#302432}.mainphoto small{position:absolute;bottom:15px;left:18px;right:18px;color:white;font-size:9px;letter-spacing:.13em;display:flex;justify-content:space-between}.float,.mini{position:absolute;background:white;border:1px solid #f0eaf4;box-shadow:0 10px 30px #34204712;border-radius:30px;padding:12px 16px;font-size:10px;font-weight:700;z-index:3}.f1{top:35px;left:10px;color:#8060c6}.f2{bottom:25px;right:0}.mini{width:112px;height:130px;border-radius:12px;display:flex;align-items:end;padding:10px;background:linear-gradient(145deg,#ffc28d,#76608c 60%,#34334e);color:white;font-size:9px}.m1{top:75px;right:0;transform:rotate(8deg)}.m2{bottom:65px;left:0;transform:rotate(-7deg);background:linear-gradient(#f7c49d 45%,#77a4a0 46%,#e9c9a2)}.ticker{text-align:center;background:#f1eafb;padding:17px;color:#7255ad;font-size:10px;font-weight:700;letter-spacing:.15em;white-space:nowrap;overflow:hidden}.section{padding:95px 0}.heading{text-align:center;max-width:650px;margin:0 auto 48px}.heading h2,.stylelayout h2,.cta h2{font:800 clamp(34px,4vw,48px)/1.1 Manrope;letter-spacing:-.055em;margin:15px 0}.heading p{margin:auto}.steps,.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article,.plans article{background:white;border:1px solid #eee9f1;border-radius:15px;padding:26px}.steps article>small{color:#a39ba9;font-size:10px;letter-spacing:.1em}.steps i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#f2eafa;color:#875ce0;font-size:22px;font-style:normal;margin:25px 0 18px}.steps article:nth-child(2) i{background:#fff0e8;color:#e68b62}.steps article:nth-child(3) i{background:#e9f4ed;color:#4c9d70}.steps h3{font:700 17px Manrope}.steps p,.plans p{font-size:12px;line-height:1.7;color:#817987}.styles{background:#f2edf8;padding:90px 0}.stylelayout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.stylelayout p{max-width:390px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tile{height:175px;border-radius:12px;padding:12px;display:flex;flex-direction:column;justify-content:end;color:white;box-shadow:inset 0 -80px 50px #1f182b55}.tile b{font-size:12px}.tile small{font-size:9px;margin-top:4px}.sunset{background:radial-gradient(circle at 55% 28%,#ffe0aa 0 18%,transparent 19%),linear-gradient(150deg,#ffcb92,#e18b7e 60%,#69516d)}.city{background:linear-gradient(90deg,transparent 10%,#38334d 10% 25%,transparent 25% 36%,#38334d 36% 58%,transparent 58% 70%,#38334d 70%),linear-gradient(#e9a98c,#73618a 65%,#34334e)}.coast{background:radial-gradient(circle at 70% 25%,#ffe4ad 0 12%,transparent 13%),linear-gradient(#ffc49b 0 50%,#8eb8b0 51% 75%,#e6c6a1 76%)}.studio{background:radial-gradient(ellipse at 50% 100%,#55455f 0 32%,transparent 33%),linear-gradient(120deg,#d6c4ef,#f4d2c1)}.plans article>label{font-size:10px;font-weight:700;letter-spacing:.15em;color:#8c8294}.plans h3{font:800 30px Manrope;letter-spacing:-1px;margin:18px 0 4px}.plans h3 small{font:500 10px 'DM Sans';color:#928a97;letter-spacing:0}.plans ul{list-style:none;padding:10px 0 15px;min-height:130px}.plans li{font-size:11px;color:#615969;padding:9px 0;border-bottom:1px solid #f1edf2}.plans li:before{content:'✓';color:#8c65dc;margin-right:9px}.plans .btn{margin:0;text-align:center;width:100%}.plans .featured{border:1.5px solid #9874e8;box-shadow:0 15px 40px #7950c514}.outline{background:white;color:#6b587e;border:1px solid #ded5e8;box-shadow:none}.fine{text-align:center;color:#a29aa6;font-size:10px;margin-top:24px}.cta{background:linear-gradient(120deg,#282035,#46304e);color:white;text-align:center;padding:85px 0}.cta h2{font-size:clamp(37px,5vw,55px)}.cta p{font-size:13px;color:#d0c6d6}.cta label{color:#d4b4ff}.cta form{display:flex;max-width:470px;margin:25px auto 12px;padding:5px;background:white;border-radius:10px}.cta input{min-width:0;flex:1;border:0;padding:13px;outline:0;border-radius:8px}.cta button{border:0;background:#8a61e6;color:white;border-radius:8px;padding:0 18px;font-weight:700}.cta small{font-size:9px;color:#c5b9ca}footer{background:#1c1724;color:white;padding:30px 0 18px}.foot{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #ffffff18}.foot p,.foot div{font-size:11px;color:#bdb3c4}.foot div{display:flex;gap:18px}.copyright{padding-top:16px;color:#887f8e;font-size:9px}.legal{max-width:800px;line-height:1.8}.legal h1{font:800 42px Manrope}.legal h2{font:700 20px Manrope;margin-top:30px}.legal p{color:#6e6675;font-size:14px}@media(max-width:760px){.wrap{width:calc(100% - 34px)}.nav{height:68px}.nav nav,.navcta{display:none}.menu{display:block;border:0;background:none;font-size:22px}.hero{grid-template-columns:1fr;padding:50px 0 30px}.hero h1{font-size:58px}.art{height:390px;transform:scale(.88);margin:0 -25px}.steps,.plans{grid-template-columns:1fr}.stylelayout{grid-template-columns:1fr;gap:30px}.styles{padding:70px 0}.section{padding:70px 0}.plans ul{min-height:auto}.foot{align-items:flex-start;flex-direction:column;gap:14px}.foot div{flex-wrap:wrap}.cta{padding:65px 0}}
/* Accessibility and form fixes */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.hp-field {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.cta button:disabled {
  opacity: .65;
  cursor: wait;
}
@media (max-width: 560px) {
  .cta form { flex-direction: column; gap: 8px; }
  .cta input { width: 100%; min-height: 48px; }
  .cta button { min-height: 48px; }
}
