*{box-sizing:border-box}html{scroll-behavior:smooth}
:root{--bg:#fbfbfe;--ink:#171927;--muted:#74798a;--line:#e9eaf1;--p:#705df7;--p2:#9d68ff;--dark:#171927;--shadow:0 18px 60px rgba(55,46,113,.10)}
body{margin:0;font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{position:sticky;top:0;z-index:80;background:rgba(251,251,254,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(233,234,241,.8)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px}.brand span:last-child{display:flex;flex-direction:column}.brand b{font-family:Manrope;font-size:18px}.brand small{font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.brand-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--p),#9d6aff,#ff78aa);box-shadow:0 9px 24px rgba(112,93,247,.22)}
nav{display:flex;gap:28px}nav a{font-size:14px;font-weight:700;color:#5f6474}nav a:hover{color:var(--p)}.nav-cta{display:flex;gap:10px}.menu{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:13px;border:1px solid transparent;font-weight:800;font-size:13px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--p),#8c6bff);box-shadow:0 12px 28px rgba(112,93,247,.24)}.btn.light{background:#fff;border-color:#e6e4f6;color:var(--p)}.btn.outline{background:#fff;border-color:#e0e1e8;color:#4f5567}.btn.large{min-height:54px;padding:0 25px}.btn.full{width:100%}
.hero{padding:82px 0 72px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:62px;align-items:center}.eyebrow{display:inline-flex;padding:8px 13px;border-radius:999px;background:#f2efff;border:1px solid #e4deff;color:var(--p);font-size:11px;font-weight:800;letter-spacing:.08em}.hero h1,.section-head h2,.faq-copy h2,.cta-box h2{font-family:Manrope;letter-spacing:-.04em}.hero h1{font-size:clamp(45px,5.2vw,72px);line-height:1.05;margin:22px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--p),#a55fee,#ff6f9e);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:650px;font-size:18px;line-height:1.75;color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.micro{display:flex;gap:18px;flex-wrap:wrap;color:#686d7d;font-size:12px;font-weight:700}
.hero-art{position:relative;min-height:590px;display:grid;place-items:center}.orb{position:absolute;width:510px;height:510px;border-radius:50%;background:radial-gradient(circle,#ebe7ff 0,#faf9ff 62%,transparent 63%);z-index:-1}.device{width:305px;height:596px;border-radius:42px;background:#171923;padding:10px;box-shadow:0 42px 85px rgba(32,27,69,.24);transform:rotate(2deg)}.screen{height:100%;border-radius:33px;background:linear-gradient(160deg,#f7e3e0,#fff8f4,#eddde2);text-align:center;padding:48px 20px 20px;position:relative;overflow:hidden}.screen>small{font-size:9px;letter-spacing:.22em;color:#956c6d}.screen h3{font-family:"Playfair Display";font-size:38px;font-weight:500;color:#634144;margin:18px 0 8px}.screen h3 i{color:#b97d80}.screen>span{font-size:9px;letter-spacing:.2em;color:#956c6d}.screen-photo{height:250px;border-radius:100px 100px 24px 24px;background:linear-gradient(145deg,#cfa09a,#8c6b74);display:grid;place-items:center;color:#fff;font-size:72px;margin-top:24px}.screen-card{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.93);padding:15px;border-radius:19px;box-shadow:0 12px 30px rgba(102,67,72,.12)}.screen-card small,.screen-card b{display:block}.screen-card small{font-size:9px;color:#9f8080}.screen-card b{font-size:13px;margin:5px 0 10px}.screen-card button{border:0;border-radius:999px;background:#67464a;color:#fff;padding:8px 16px;font-size:9px}.float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 15px;box-shadow:var(--shadow);font-size:12px;z-index:4}.float b,.float small{display:block;margin-left:27px}.float small{color:var(--muted);font-size:9px;margin-top:2px}.f1{left:-15px;top:105px}.f2{right:-20px;bottom:105px}
.quick{padding-bottom:10px}.quick-card{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.quick-card div{text-align:center;border-right:1px solid var(--line)}.quick-card div:last-child{border:0}.quick-card b{display:block;font-family:Manrope;font-size:26px}.quick-card span{font-size:11px;color:var(--muted)}
.section{padding:102px 0}.soft{background:#f4f5fa}.dark{background:var(--dark);color:#fff}.section-head{text-align:center;max-width:730px;margin:0 auto 50px}.section-head h2{font-size:clamp(34px,4vw,49px);line-height:1.14;margin:18px 0 12px}.section-head p{color:var(--muted);line-height:1.7}.dark .section-head p{color:#a0a6ba}.dark-tag{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#cbc5ff}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;transition:.25s}.feature:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:21px;margin-bottom:19px}.violet{background:#efecff}.coral{background:#fff0ec}.blue{background:#edf4ff}.mint{background:#e9faf5}.gold{background:#fff6dc}.pink{background:#ffeff6}.cyan{background:#eafaff}.orange{background:#fff2e8}.feature h3{font-family:Manrope;font-size:16px}.feature p{font-size:13px;line-height:1.7;color:var(--muted)}
.filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:-20px 0 34px}.filter{padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#666b7c;font-weight:800;font-size:11px;cursor:pointer}.filter.active,.filter:hover{background:#f0edff;color:var(--p);border-color:#dcd6ff}
.catalog{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.theme-card{grid-column:span 2;background:#fff;border:1px solid var(--line);border-radius:24px;padding:10px;overflow:hidden;transition:.25s}.theme-card:nth-child(4){grid-column:2/span 2}.theme-card:nth-child(5){grid-column:4/span 2}.theme-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.theme-card.hide{display:none}.theme-shot{height:405px;border-radius:18px;text-align:center;padding:36px 22px;position:relative;overflow:hidden}.theme-shot .tiny{font-size:8px;letter-spacing:.25em}.theme-shot h3{font-family:"Playfair Display";font-size:31px;font-weight:500}.theme-shot h3 i{font-weight:500}.theme-shot .date{position:absolute;left:0;right:0;bottom:25px;font-size:8px;letter-spacing:.22em}.minimal-white{background:linear-gradient(160deg,#fff,#f4f4f1);color:#282a30}.shot-minimal{width:170px;height:230px;margin:24px auto;background:linear-gradient(145deg,#d7d5cf,#aaa9a4);box-shadow:14px 14px 0 #ece9df}.blush-story{background:linear-gradient(160deg,#f5dddd,#fff5f1);color:#895e5f}.shot-blush{width:166px;height:235px;border-radius:90px 90px 18px 18px;margin:24px auto;background:linear-gradient(145deg,#c38f89,#866a73)}.midnight-elegance{background:linear-gradient(150deg,#17192b,#303658);color:#efe9d9}.midnight-elegance h3{font-size:37px}.shot-midnight{width:150px;height:150px;border:1px solid #baa878;border-radius:50%;margin:32px auto;box-shadow:0 0 0 16px rgba(186,168,120,.05)}.sage-garden{background:linear-gradient(160deg,#e6eee7,#fbfaf2);color:#57705d}.shot-sage{width:180px;height:235px;border-radius:90px 90px 10px 10px;margin:24px auto;background:linear-gradient(145deg,#9caf9d,#667c69)}.blue-luxe{background:linear-gradient(160deg,#dfeaf3,#f7fbff);color:#425971}.shot-blue{width:185px;height:238px;border-radius:95px 95px 14px 14px;margin:24px auto;padding:9px;border:1px solid rgba(76,104,134,.35);background:linear-gradient(145deg,#92a9ba,#536f86);box-shadow:inset 0 0 0 9px #e7eff6}
.theme-body{padding:15px 10px 10px}.title-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.title-row h3{margin:0 0 4px;font-family:Manrope;font-size:16px}.title-row small{font-size:10px;color:var(--muted)}.badge{font-size:8px;font-weight:800;color:var(--p);background:#f0edff;border:1px solid #e0dbff;padding:5px 7px;border-radius:999px;white-space:nowrap}.theme-body>p{min-height:58px;font-size:11px;line-height:1.65;color:var(--muted)}.theme-actions{display:flex;gap:8px}.theme-actions .btn{flex:1;padding:0 10px;font-size:11px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step{text-align:center;padding:20px}.step>span{font-size:10px;font-weight:800;color:#aaaeba}.step>div{width:64px;height:64px;border-radius:20px;background:#efecff;color:var(--p);display:grid;place-items:center;margin:13px auto 18px;font-size:24px}.step h3{font-family:Manrope;font-size:16px}.step p{font-size:12px;color:var(--muted);line-height:1.65}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{position:relative;background:#202332;border:1px solid #303447;border-radius:24px;padding:28px}.price-card.featured{background:#fff;color:var(--ink);border-color:#8474ff;transform:scale(1.035)}.pack{width:42px;height:42px;border-radius:13px;background:#29334c;color:#8fb2ff;display:grid;place-items:center}.featured .pack{background:#efecff;color:var(--p)}.price-card h3{font-family:Manrope;font-size:21px}.price-card>p{font-size:12px;color:#9ea4b6}.featured>p{color:var(--muted)}.price{font-family:Manrope;font-size:37px;font-weight:800;margin:18px 0}.price small{font-size:13px}.price-card ul{list-style:none;padding:20px 0 0;margin:20px 0 26px;border-top:1px solid #303447}.featured ul{border-color:var(--line)}.price-card li{font-size:13px;margin:11px 0;color:#d5d8e2}.featured li{color:#525767}.dark-btn{background:#2b2f40;color:#fff;border-color:#3b4053;width:100%}.popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--p),#a16cff);padding:7px 13px;border-radius:999px;font-size:9px;font-weight:800}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-copy h2{font-size:42px;line-height:1.15;margin:18px 0}.faq-copy p{color:var(--muted);line-height:1.7}.faq-list{background:#fff;border:1px solid var(--line);border-radius:24px;padding:8px 22px}.faq-list details{padding:17px 0;border-bottom:1px solid var(--line)}.faq-list details:last-child{border:0}.faq-list summary{font-family:Manrope;font-size:14px;font-weight:700;cursor:pointer}.faq-list p{font-size:12px;color:var(--muted);line-height:1.7}
.final-cta{padding:60px 0 95px}.cta-box{display:flex;justify-content:space-between;align-items:center;gap:38px;padding:52px;border-radius:32px;background:linear-gradient(125deg,#6754ed,#7e62f4 55%,#a75ee8);color:#fff;box-shadow:0 25px 65px rgba(98,77,220,.25)}.cta-box>div>span{font-size:10px;font-weight:800;letter-spacing:.1em}.cta-box h2{font-size:36px;line-height:1.15;margin:16px 0 10px}.cta-box p{color:#e3e0ff}.cta-actions{display:flex;flex-direction:column;gap:10px;min-width:210px}.btn.white{background:#fff;color:#5d50d4}.btn.glass{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18);color:#fff}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:60;height:52px;padding:0 16px;border-radius:17px;background:#23c86b;color:#fff;display:flex;align-items:center;gap:8px;font-weight:800;font-size:12px;box-shadow:0 15px 35px rgba(30,169,91,.25)}
footer{background:#11131f;color:#fff;padding:65px 0 22px}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer p,.footer a{font-size:12px;color:#898fa3}.footer>div:not(:first-child)>b{font-family:Manrope;font-size:13px}.copyright{margin-top:40px;padding-top:20px;border-top:1px solid #252837;font-size:10px;color:#6f7589}
.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:25px}}
@media(max-width:820px){nav{display:none;position:fixed;left:0;right:0;top:74px;height:calc(100vh - 74px);background:#fff;padding:25px;flex-direction:column}nav.open{display:flex}.menu{display:block}.desktop{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-actions,.micro{justify-content:center}.hero-art{transform:scale(.88);margin-top:-10px}.quick-card{grid-template-columns:repeat(2,1fr)}.quick-card div{padding:12px}.quick-card div:nth-child(2){border-right:0}.catalog{grid-template-columns:1fr;max-width:560px;margin:auto}.theme-card,.theme-card:nth-child(4),.theme-card:nth-child(5){grid-column:auto}.price-grid{grid-template-columns:1fr;max-width:560px;margin:auto}.price-card.featured{transform:none}.faq-grid{grid-template-columns:1fr}.cta-box{display:block;text-align:center}.cta-actions{max-width:280px;margin:25px auto 0}.footer{grid-template-columns:1fr 1fr}.footer>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.section{padding:76px 0}.hero{padding-top:46px}.hero h1{font-size:43px}.hero-copy>p{font-size:15px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-art{transform:scale(.76);margin:-55px 0}.f1{left:-40px}.f2{right:-45px}.feature-grid,.steps{grid-template-columns:1fr}.section-head h2{font-size:33px}.quick-card b{font-size:22px}.faq-copy h2{font-size:34px}.cta-box{padding:38px 24px}.cta-box h2{font-size:31px}.footer{grid-template-columns:1fr}.footer>div:first-child{grid-column:auto}.wa-float span{display:none}.wa-float{width:52px;justify-content:center;padding:0}}