*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbf9ff;color:var(--ink);font-family:'Instrument Sans',sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Bricolage Grotesque',sans-serif}.section{padding:105px max(5vw,24px);position:relative;overflow:hidden}.section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 40%,#8b5cf61f,transparent 38%);pointer-events:none}.head{text-align:center;position:relative;z-index:1}.head>span,.over{color:#6031e7;letter-spacing:.22em;font-weight:700;font-size:14px}.head h2{font-size:clamp(42px,5vw,68px);line-height:1;margin:16px 0}.head h2 i,.save h2 i,.try h2 i,.faq h2 i,.final h2 i{font-style:normal;color:#6842df}.head p{font-size:20px;color:#555164;line-height:1.5;max-width:850px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:linear-gradient(110deg,#b314de,#4b18e9);border-radius:14px;padding:17px 24px;font-weight:600;box-shadow:0 10px 30px #6a23df47}.btn.ghost{background:transparent;border:1px solid #ffffffa6;box-shadow:none}.header{height:96px;position:fixed;z-index:50;inset:0 0 auto;padding:0 4%;display:flex;align-items:center;gap:28px;background:#05070ef2;transition:.35s}.header.compact{top:14px;left:3%;right:3%;height:70px;border-radius:24px;border:1px solid #292b38;box-shadow:0 15px 45px #0005}.header img{width:178px;height:auto}.header nav{display:flex;justify-content:center;gap:32px;flex:1}.header nav a{color:#fff;text-decoration:none;font-size:15px}.headerCta{padding:14px 20px}.hamb,.mwa,.menu{display:none}.hero{min-height:950px;padding:150px 4% 50px;color:#fff;background:radial-gradient(circle at 75% 42%,#4a1259,#0b0c14 34%,#030407 68%);position:relative;overflow:hidden;display:grid;grid-template-columns:42% 58%;align-items:start}.hero:after{content:"";position:absolute;inset:auto 0 0;height:250px;background:linear-gradient(transparent,#f9f7ff)}.heroCopy{padding-top:70px;z-index:2}.hero h1{font-size:clamp(54px,5.4vw,82px);line-height:.95;letter-spacing:-.045em}.hero h1 i{font-style:normal;color:#d423df}.heroCopy>p{max-width:540px;font-size:19px;line-height:1.6;color:#dedde6}.actions{display:flex;gap:18px;margin-top:35px}.hero>img{width:100%;height:650px;object-fit:contain;z-index:1}.benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);z-index:3;margin-top:-55px}.benefits div{display:flex;align-items:center;gap:14px;padding:18px}.benefits b{color:#e226f0;font-size:30px}.demoStage{display:grid;grid-template-columns:1fr 390px 1fr;align-items:center;gap:45px;max-width:1200px;margin:35px auto}.chips{display:grid;gap:100px}.chips button{border:1px solid #d9cdf9;border-radius:60px;background:#fffc;padding:18px;display:flex;align-items:center;text-align:left;gap:18px;box-shadow:0 10px 30px #6d28d91a;cursor:pointer;transition:.25s}.chips button.on{transform:translateY(-4px);border-color:#8b5cf6}.chips button>b{display:grid;place-items:center;min-width:72px;height:72px;border-radius:50%;font-size:30px;color:#6223d6;background:#fff;box-shadow:0 6px 20px #6d28d933}.chips strong,.chips small{display:block}.chips small{color:#5d5871;line-height:1.4;margin-top:6px}.phone{width:340px;height:690px;border:10px solid #171821;border-radius:50px;background:linear-gradient(#100c2b,#28105b);margin:auto;padding:25px 18px;box-shadow:0 30px 50px #5532a944;overflow:hidden}.speaker{width:100px;height:24px;border-radius:20px;background:#050508;margin:-18px auto 24px}.phoneHero{text-align:center;color:#fff;font-family:Georgia,serif;font-size:47px;line-height:.9;padding:35px 0 55px}.phoneHero em{display:block;color:#ef4eea;font-size:24px;margin-top:18px}.module{background:#f8f5ff;border-radius:24px;padding:26px 20px;min-height:240px;animation:pop .35s ease}.module p{color:#59556b}.module button{width:100%;border:0;border-radius:10px;background:#6c22e7;color:#fff;padding:13px}.counter{display:flex;justify-content:space-around;font-size:22px;margin:18px}.editorial{text-align:center;padding-bottom:0}.editorial>strong{color:#6b4bb2;font-size:20px}.editorial img,.how>img,.events>img{display:block;position:relative;max-width:1400px;width:100%;margin:28px auto 0}.how{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;max-width:1250px;margin:auto}.steps article{text-align:center}.steps span{color:var(--v);font-weight:600}.steps h3{font-size:24px}.steps p{color:#646071}.steps a{color:#5e26e4;text-decoration:none;border:1px solid #7130e6;border-radius:8px;padding:12px 18px;display:inline-block}.steps em{color:#ec378f;font-size:23px}.more{max-width:1100px;margin:auto;padding:18px;text-align:center;color:#fff;background:linear-gradient(90deg,#4a247c,#8051d8,#4a247c);border-radius:40px;font-size:20px}.save{min-height:820px;display:grid;grid-template-columns:40% 60%;align-items:center}.save>div{padding-left:2%}.save h2,.try h2,.faq h2{font-size:clamp(48px,5vw,72px);line-height:1.02;margin:22px 0}.save p,.try p,.faq aside>p{font-size:20px;color:#615e69;line-height:1.55;max-width:520px}.save strong{display:inline-block;color:#6241dc;border:1px solid #c8b7fa;border-radius:40px;padding:16px 25px;box-shadow:0 12px 30px #6d28d927}.save strong small{color:#52505d}.save footer{margin-top:90px;font-family:Georgia,serif;font-size:18px}.save img{width:100%;position:relative}.try{display:grid;grid-template-columns:48% 52%;align-items:center}.try>div:first-child{padding-left:4vw;z-index:1}.textLink{display:block;color:#612edb;font-weight:600;margin:23px 0}.mini{margin-top:70px}.explore{width:390px;height:760px;margin:auto;border:10px solid #15151b;border-radius:55px;background:#140829;padding:18px;box-shadow:0 30px 65px #703be247;overflow:auto;scrollbar-width:none;color:#fff}.cover{text-align:center;height:300px;padding:60px 10px 0;background:linear-gradient(#4b126966,#130822),url('/images/web/preview-phone.webp') center/cover;border-radius:30px}.cover h3{font-family:Georgia,serif;font-size:58px;margin:18px 0 0;color:#ffc0fa}.cover em{font-size:27px;color:#f7c1ff}.explore>button{width:100%;display:flex;align-items:center;gap:14px;color:#fff;background:#251040;border:1px solid #673499;border-radius:13px;margin:9px 0;padding:12px;text-align:left}.explore>button.on{background:#431a70}.explore button>b{font-size:24px;color:#e04be9}.explore button span{flex:1}.explore button small,.explore button strong{display:block}.pricing{background:#fdfbff}.allSave{text-align:center;color:var(--v);font-weight:700;margin:20px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:1160px;margin:55px auto}.plans article{position:relative;text-align:center;background:#fff;border:1px solid #e3dcf6;border-radius:24px;padding:34px 28px 28px;box-shadow:0 15px 45px #6230b516}.plans article.featured{border-color:#b99cf7;transform:scale(1.04)}.plans label{position:absolute;top:-17px;left:50%;transform:translateX(-50%);background:#f2edff;color:#5828ce;padding:8px 18px;border-radius:30px;white-space:nowrap}.planIcon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#eee7ff;color:#6835df;margin:0 auto 16px;font-size:28px}.plans h3{font-size:22px}.price{font-size:55px;display:block}.plans article>span{display:block;color:#6731df;font-size:19px}.plans mark{display:inline-block;margin-top:15px;background:#f3edff;color:#6533d9;border-radius:25px;padding:7px 12px}.plans p{border-top:1px solid #eee9f7;padding-top:20px;color:#595665;min-height:85px}.plans .btn{width:100%}.custom{text-align:center;display:grid;justify-items:center}.custom b{font-size:24px}.custom i{color:#6736d9}.custom span{font-size:18px}.custom a{color:#6230da;border:1px solid #6d28d9;border-radius:25px;padding:10px 30px;margin:14px;text-decoration:none}.custom small{color:#777386}.faq{display:grid;grid-template-columns:33% 67%;gap:65px}.faq aside>a{display:inline-block;text-decoration:none;color:#6432dd;border:1px solid #7040df;border-radius:35px;padding:16px 25px;font-weight:600}.trust{display:grid;grid-template-columns:45px 1fr;gap:8px;margin-top:45px;color:#6435d5}.trust b{color:#17151d}.trust small{grid-column:2;color:#5c5965}.trust hr{grid-column:1/-1;border:0;border-top:1px solid #e7e0f5;width:100%}.accordion{z-index:1}.accordion article{background:#fff;border:1px solid #e7e1f5;border-radius:15px;margin:8px 0;padding:8px 18px}.accordion button{border:0;background:none;width:100%;padding:14px;display:flex;gap:18px;align-items:center;text-align:left;cursor:pointer;font-size:17px}.accordion button>b{color:#6830e2}.accordion button strong{flex:1}.accordion button i{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;box-shadow:0 4px 12px #6236bd22;color:#6b32df}.accordion article>p{padding:0 60px 20px;color:#575362;line-height:1.5;animation:pop .25s}.final{margin:20px 2%;border-radius:24px;min-height:570px;padding:80px 7%;display:grid;grid-template-columns:62% 38%;align-items:center;color:#fff;background:radial-gradient(circle at 95% 100%,#7c104f88,transparent 35%),#0b0e18}.final h2{font-size:60px;line-height:1}.final h2 i{color:#ef2787}.final p{font-size:24px;color:#d7d5dc}.pink{background:#ed1675}.finalBenefits{margin-top:45px}.final>img{max-width:360px;width:100%}.footer{background:#10121a;color:#fff;padding:70px 7% 35px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer>div{display:flex;flex-direction:column;gap:14px}.footer img{width:250px;height:auto}.footer p,.footer a,.footer span{color:#ceccd5;text-decoration:none;line-height:1.5}.footer>div>b{color:#ddc8ff}.footer>small{grid-column:1/-1;border-top:1px solid #444753;padding-top:25px;color:#aaa}.wa{position:fixed;right:22px;bottom:28px;z-index:40;text-decoration:none;color:#fff;background:linear-gradient(120deg,var(--pink),var(--v));border-radius:40px;padding:15px 20px;opacity:0;transform:translateX(30px);pointer-events:none;transition:.3s}.wa.show{opacity:1;transform:none;pointer-events:auto}@keyframes pop{from{opacity:0;transform:translateY(8px)}}
@media(max-width:800px){.section{padding:78px 20px}.head h2{font-size:40px}.head p{font-size:17px}.header{height:72px;padding:0 18px}.header.compact{top:8px;left:10px;right:10px;height:64px}.header img{width:138px}.header nav,.headerCta{display:none}.mwa,.hamb{display:grid;place-items:center;margin-left:auto;color:#fff;text-decoration:none;border:1px solid #6d43ba;width:40px;height:40px;border-radius:50%;background:none}.hamb{margin-left:0;font-size:20px}.hero{padding:115px 20px 50px;min-height:auto;display:flex;flex-direction:column}.heroCopy{padding-top:20px}.hero h1{font-size:48px}.heroCopy>p{font-size:17px}.actions{flex-direction:column}.actions .btn{width:100%}.hero>img{height:auto;width:125%;margin-left:-12%}.benefits{grid-template-columns:1fr 1fr;margin:5px 0 120px}.benefits div{padding:9px 4px;font-size:13px}.demoStage{grid-template-columns:1fr;gap:22px}.phone{order:-1;width:300px;height:620px}.chips{grid-template-columns:1fr 1fr;gap:8px}.chips button{border-radius:18px;padding:10px;gap:8px}.chips button>b{min-width:40px;height:40px;font-size:18px}.chips small{display:none}.chips strong{font-size:12px}.editorial{padding-inline:0}.editorial .head{padding-inline:20px}.editorial img{width:140%;margin-left:-20%}.how>img{width:155%;margin-left:-27%}.steps{grid-template-columns:1fr;gap:30px}.steps article{text-align:left;border-left:2px solid #d8c8ff;padding-left:18px}.events>img{width:160%;margin-left:-30%}.more{font-size:15px}.save,.try{grid-template-columns:1fr;min-height:auto}.save>div,.try>div:first-child{padding:0}.save h2,.try h2,.faq h2{font-size:48px}.save footer{margin-top:45px}.save img{width:135%;margin-left:-15%;margin-top:35px}.mini{margin:35px 0;line-height:2}.explore{width:100%;max-width:390px;height:700px}.plans{grid-template-columns:1fr;gap:22px}.plans article.featured{transform:none;order:-1}.price{font-size:48px}.faq{grid-template-columns:1fr;gap:35px}.trust{display:none}.accordion button{padding:12px 2px}.accordion button strong{font-size:15px}.accordion article>p{padding:0 38px 15px;font-size:14px}.final{margin:12px;min-height:auto;padding:55px 22px;grid-template-columns:1fr}.final h2{font-size:44px}.final p{font-size:18px}.finalBenefits{line-height:2}.final>img{margin:45px auto 0;max-width:240px}.footer{grid-template-columns:1fr 1fr;padding:55px 25px}.footer>div:first-child{grid-column:1/-1}.footer img{width:210px}.footer>small{grid-column:1/-1}.wa{display:none}}
@media(max-width:360px){.hero h1{font-size:42px}.head h2{font-size:36px}.save h2,.try h2,.faq h2{font-size:42px}.footer{grid-template-columns:1fr}.footer>div{grid-column:1/-1}.phone{width:280px}.chips{grid-template-columns:1fr}}
/* V2.1 — native component reconstruction */
.ico{display:inline-block;flex:0 0 auto}.heroVisual{position:relative;height:620px;z-index:2}.invite{position:relative;width:310px;height:520px;padding:48px 28px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 30px 60px #14101f55;overflow:hidden}.invite small{letter-spacing:.22em}.invite h3{font-size:42px;line-height:1;margin:34px 0}.invite b,.invite span{font-size:12px;letter-spacing:.14em}.invite span{margin-top:35px}.invite.night{color:#f9c8ff;background:radial-gradient(circle at 70% 10%,#c22cdb99,transparent 24%),linear-gradient(#2b073c,#090514 70%)}.invite.wedding{color:#51463c;background:linear-gradient(135deg,#fffdf7,#eadfd0)}.invite.corporate{color:#d8e2ff;background:linear-gradient(155deg,#142951,#061229)}.heroVisual>.invite{position:absolute;left:10%;top:10px;transform:rotate(3deg);width:360px;height:580px}.heroPhone{position:absolute!important;right:2%;bottom:0;width:285px!important;height:550px!important;transform:rotate(-2deg);color:white}.heroPhone h3{font-size:30px;line-height:1.05;margin:30px 0}.heroPhone h3 i{color:#ed4be3}.phoneRow{display:flex;align-items:center;gap:10px;background:#ffffff0c;border:1px solid #ffffff25;border-radius:12px;padding:11px;margin:7px 0}.benefits .ico{color:#e226f0}.chips button>span:first-child{display:grid;place-items:center;min-width:66px;height:66px;border-radius:50%;color:#6223d6;background:#fff;box-shadow:0 6px 20px #6d28d933}.chips button>b{flex:1}.phoneTitle{text-align:center;color:white;padding:15px 0 45px}.phoneTitle small{letter-spacing:.12em}.phoneTitle h3{font-family:Georgia,serif;font-size:44px;margin:25px 0 0}.module h4{display:flex;align-items:center;gap:9px;margin:0 0 8px}.module .primary{width:100%;border:0;border-radius:10px;background:#6c22e7;color:white;padding:13px}.module .counter{display:flex;align-items:center;justify-content:space-around;margin:18px 0}.module .counter button{width:42px;height:42px;border:1px solid #ddd5e8;border-radius:9px;background:white}.module .map{display:grid;gap:8px;background:#eae4f5;border-radius:12px;padding:20px;margin:18px 0}.module .dress{border:1px solid #7335dd;color:#6930d6;border-radius:10px;padding:19px;text-align:center;letter-spacing:.14em;margin:23px 0}.module .track{display:grid;grid-template-columns:1fr 44px;background:#1ed760;color:#082a12;border-radius:12px;padding:15px;margin-top:25px}.module .track span{font-size:12px}.module .track button{grid-column:2;grid-row:1/3;border:0;border-radius:50%;background:#092213;color:white}.inviteStage{height:610px;max-width:1080px;margin:42px auto 0;position:relative}.inviteStage .invite{position:absolute;top:45px;transition:.65s}.inviteStage .wedding{left:5%;transform:rotate(-5deg)}.inviteStage .night{left:50%;transform:translateX(-50%) scale(1.05);z-index:2}.inviteStage .corporate{right:5%;transform:rotate(5deg)}.editorial.seen .wedding{transform:translateX(-18px) rotate(-7deg)}.editorial.seen .night{transform:translateX(-50%) translateY(-18px) scale(1.09)}.editorial.seen .corporate{transform:translateX(18px) rotate(7deg)}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;max-width:1260px;margin:58px auto 0}.process article{text-align:center}.process article>b{display:block;color:#6d28d9;margin:22px 0 12px}.process article>h3{font-size:23px}.process article>p{color:#5c5867}.process article>a{display:inline-flex;align-items:center;gap:8px;color:#6531db;border:1px solid #6d28d9;border-radius:10px;padding:11px 15px;text-decoration:none}.process article>em{color:#eb368b;font-size:22px}.panel{height:430px;border:1px solid #ded6eb;border-radius:24px;background:#fff;padding:26px;box-shadow:0 20px 45px #55279418}.form{text-align:left}.progress{display:flex;gap:12px;margin-bottom:26px}.progress i{width:9px;height:9px;border-radius:50%;background:#d9cfec}.progress i:first-child{background:#6d28d9}.form label{display:grid;gap:5px;font-size:11px;color:#777;margin:12px 0}.form input{border:1px solid #ddd6e8;border-radius:8px;padding:12px;color:#24202c}.form>div:nth-child(3){display:grid;grid-template-columns:1fr 1fr;gap:12px}.form button,.share>button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:9px;background:linear-gradient(90deg,#4a1ddb,#9b20ed);color:white;padding:12px}.design{display:grid;place-items:center;background:radial-gradient(circle,#a45aff30,transparent 60%)}.invite.small{width:230px;height:370px;padding:20px}.invite.small h3{font-size:29px;margin:25px 0}.share{text-align:center}.share>span{display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:50%;color:#6d28d9;background:#eee7ff}.share h3{margin:12px 0 4px}.link{text-align:left;border:1px solid #ded6ea;border-radius:9px;padding:10px;margin:14px 0}.link small,.link b{display:block}.link b{color:#6d28d9}.qr{width:108px;height:108px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:13px auto;padding:8px;border:1px solid #ddd}.qr i{background:#eee}.qr i.dark{background:#111}.eventGrid{max-width:1280px;margin:55px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:55px 36px}.eventGrid>article{position:relative;height:410px;transition:.35s}.eventGrid>article:hover{transform:scale(1.02);filter:drop-shadow(0 20px 22px #39226022)}.eventGrid>article>img{width:78%;height:330px;object-fit:cover;border-radius:18px}.eventInvite{position:absolute;right:0;bottom:0}.eventInvite .invite{width:180px;height:290px;padding:14px}.eventInvite .invite h3{font-size:21px;margin:18px 0}.eventInvite .invite b,.eventInvite .invite span,.eventInvite .invite small{font-size:7px}.saveStage{height:650px;position:relative}.saveCard{position:absolute;width:370px;height:590px;border-radius:20px;padding:65px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 30px 55px #3d265333;animation:saveFloat 5s ease-in-out infinite}.saveCard small{letter-spacing:.25em}.saveCard h3{font-size:53px;margin:85px 0 6px}.saveCard b{margin-top:32px;letter-spacing:.14em}.saveCard.dark{left:5%;color:#f6b4f3;background:radial-gradient(circle at 70% 10%,#bd35db88,transparent 25%),linear-gradient(#2b073c,#090514 70%)}.saveCard.light{right:2%;top:65px;color:#7b6653;background:linear-gradient(145deg,#fffdf7,#eadfd0);animation-delay:-2s}.saveCard.light h3{font-size:38px;line-height:1.25}.save strong{display:inline-flex;align-items:center;gap:8px}.explore button>span{flex:1}.explore button .detail{flex:0 0 100%;border-top:1px solid #ffffff24;padding:12px 0 2px;animation:module .3s}.cover{background:linear-gradient(#4b126966,#130822),url('/images/web/night.png') center/cover}.mini{display:flex;gap:23px}.mini span,.allSave,.finalBenefits span{display:flex;align-items:center;gap:8px}.allSave{justify-content:center}.planIcon{display:grid!important;place-items:center}.plans article>strong{font-size:55px;display:block}.faq aside>a{display:inline-flex;align-items:center;gap:8px}.finalBenefits{display:flex;gap:27px}.footer>small{display:flex;justify-content:space-between}@media(min-width:801px){.wa{display:flex;align-items:center;gap:8px}}@keyframes saveFloat{50%{transform:translateY(-8px)}}
@media(max-width:800px){.heroVisual{height:560px;width:100%}.heroVisual>.invite{left:-7%;width:300px;height:490px}.heroPhone{right:-5%;width:225px!important;height:430px!important}.heroPhone h3{font-size:23px}.phoneRow{font-size:11px;padding:8px}.inviteStage{height:470px}.inviteStage .invite{width:220px;height:390px;padding:18px}.inviteStage .invite h3{font-size:28px}.inviteStage .wedding{left:-18%}.inviteStage .corporate{right:-18%}.process{grid-template-columns:1fr;gap:45px}.eventGrid{grid-template-columns:1fr;gap:40px}.eventGrid>article{height:390px}.eventGrid>article>img{height:315px}.saveStage{height:520px;margin-top:40px}.saveCard{width:280px;height:450px;padding:40px 20px}.saveCard h3{font-size:40px;margin-top:60px}.saveCard.dark{left:-6%}.saveCard.light{right:-6%}.mini{display:grid;margin:35px 0}.explore{border-width:1px;border-radius:25px;height:auto;max-height:720px}.plans article.featured{order:initial}.finalBenefits{display:grid}.footer>small{display:grid;gap:14px}}
@media(max-width:390px){.heroVisual>.invite{width:270px}.heroPhone{width:205px!important}.inviteStage .invite{width:200px}.saveCard{width:250px}}
/* Fase 2 — global design tokens (live parity) */
:root{
--v:#6c29ee;
--pink:#e71774;
--ink:#090b13;
--content-max:1360px;
--page-gutter:max(56px,calc((100vw - var(--content-max))/2 + 40px));
--ease-premium:cubic-bezier(.22,1,.36,1);
--font-body:'Instrument Sans',sans-serif;
--font-display:'Bricolage Grotesque',sans-serif;
--shadow-btn:0 10px 30px #6a23df47;
--shadow-btn-hover:0 16px 38px #761fe46b,0 0 24px #d91bc33d;
--shadow-ghost-hover:0 13px 30px #e717744f,0 0 20px #8129dc2e;
--shadow-header-compact:0 15px 45px #0005;
--shadow-card:0 28px 55px #3422442b;
--shadow-card-featured:0 32px 65px #4e1e7042;
--shadow-card-seen:0 36px 72px #4e1e7055;
--duration-premium:300ms;
}
body{font-family:var(--font-body)}
h1,h2,h3{font-family:var(--font-display);font-weight:700}
.btn{box-shadow:var(--shadow-btn);gap:12px}
.header.compact{box-shadow:var(--shadow-header-compact)}
/* Final polish — consistent breathing room and premium button feedback */
.section,
.hero{
padding-left:var(--page-gutter);
padding-right:var(--page-gutter);
}
.section{padding-top:clamp(112px,8vw,148px);padding-bottom:clamp(112px,8vw,148px)}
.header{padding-left:max(48px,calc((100vw - var(--content-max))/2 + 32px));padding-right:max(48px,calc((100vw - var(--content-max))/2 + 32px))}
.header.compact{left:max(28px,50vw - 750px);right:max(28px,50vw - 750px);padding-left:40px;padding-right:40px}
.hero{column-gap:clamp(40px,4vw,72px);padding-top:clamp(158px,12vw,190px);padding-bottom:72px}
.heroCopy{padding-top:clamp(48px,5vw,78px)}
.heroVisual{width:100%;max-width:760px;justify-self:end}
.head>span,.over{display:block;margin-bottom:20px}
.head h2{margin:0 0 24px}
.head p{margin-bottom:0}
.actions{margin-top:38px}
.demoStage,.inviteStage,.process,.eventGrid,.plans{margin-top:clamp(56px,5vw,76px)}
.editorial>strong{display:block;margin-top:28px}
.save>div:first-child,.try>div:first-child{padding-left:0}
.save strong{margin-top:22px}
.final{width:min(100% - 48px,1500px);margin:24px auto;padding:clamp(72px,6vw,96px) clamp(56px,7vw,112px)}
.footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.btn,
.chips button,
.process article>a,
.custom a,
.faq aside>a,
.form button,
.share>button,
.module .primary,
.explore>button{
transition:transform var(--duration-premium) var(--ease-premium),box-shadow var(--duration-premium) var(--ease-premium),background-color var(--duration-premium) var(--ease-premium),border-color var(--duration-premium) var(--ease-premium),color var(--duration-premium) var(--ease-premium);
}
.btn .ico,
.chips button>.ico:last-child,
.process article>a .ico,
.form button .ico,
.faq aside>a .ico,
.explore>button>.ico:last-child{
transition:transform var(--duration-premium) var(--ease-premium);
}
.btn:focus-visible,
.chips button:focus-visible,
.process article>a:focus-visible,
.custom a:focus-visible,
.faq aside>a:focus-visible,
.form button:focus-visible,
.share>button:focus-visible,
.module .primary:focus-visible,
.explore>button:focus-visible{
outline:3px solid #f14b9b;
outline-offset:4px;
}
@media (hover:hover) and (pointer:fine){
.btn:not(.ghost):hover,
.form button:hover,
.share>button:hover,
.module .primary:hover{
transform:translateY(-2px) scale(1.04);
box-shadow:var(--shadow-btn-hover);
}
.btn.ghost:hover,
.process article>a:hover,
.custom a:hover,
.pricing .custom a:hover,
.faq aside>a:hover{
color:#fff;
background:var(--pink);
border-color:var(--pink);
transform:translateY(-2px) scale(1.04);
box-shadow:var(--shadow-ghost-hover);
}
.btn:hover .ico:last-child:not(:first-child),
.chips button:hover>.ico:last-child:not(:first-child),
.process article>a:hover .ico:last-child:not(:first-child),
.form button:hover .ico:last-child:not(:first-child),
.explore>button:hover>.ico:last-child:not(:first-child){transform:translateX(5px)}
.btn:hover .ico:not(:last-child),
.faq aside>a:hover .ico{transform:scale(1.08)}
.chips button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 35px #6d28d92e}
.chips button.on:hover{transform:translateY(-6px) scale(1.03)}
.explore>button:hover{transform:translateY(-2px);border-color:#e71774;box-shadow:0 10px 22px #e717742b}
.header nav a:hover,.mobileMenu>a:not(.btn):hover,.headerAccount:hover{color:var(--pink)}
.footer>div:not(.footerBrand):not(.footerTalk) a:hover{color:var(--pink)}
.footerTalk .footerWa:hover{color:#fff;background:var(--pink);border-color:var(--pink)}
.footerTalk .footerWa:hover .lineIcon{color:#fff}
}
.btn:active,
.chips button:active,
.process article>a:active,
.custom a:active,
.faq aside>a:active,
.form button:active,
.share>button:active,
.module .primary:active,
.explore>button:active{transform:scale(.98)}
@media (min-width:801px) and (max-width:1100px){
:root{--page-gutter:36px}
.header{padding-left:36px;padding-right:36px}
.header.compact{left:20px;right:20px;padding-left:28px;padding-right:28px}
.section{padding-top:104px;padding-bottom:104px}
.hero{padding-top:150px}
}
@media(max-width:800px){
:root{--page-gutter:22px}
.section,.hero{padding-left:22px;padding-right:22px}
.section{padding-top:88px;padding-bottom:88px}
.header{padding-left:22px;padding-right:22px}
.header.compact{left:10px;right:10px;padding-left:18px;padding-right:18px}
.hero{padding-top:118px;padding-bottom:58px}
.actions{gap:14px;margin-top:30px}
.actions .btn{width:100%;max-width:100%}
.head>span,.over{margin-bottom:16px}
.head h2{margin-bottom:20px}
.demoStage,.inviteStage,.process,.eventGrid,.plans{margin-top:44px}
.editorial{padding-left:22px;padding-right:22px}
.editorial .head{padding-inline:0}
.editorial img,.how>img,.events>img{width:100%;margin-left:0}
.hero>img,.save img{max-width:100%;margin-left:0}
.heroVisual{width:100%;max-width:100%;overflow:hidden}
.heroVisual>.invite{left:0}
.heroPhone{right:0}
.inviteStage,.saveStage{overflow:hidden}
.inviteStage .wedding{left:-8%}
.inviteStage .corporate{right:-8%}
.saveCard.dark{left:0}
.saveCard.light{right:0}
.final{width:calc(100% - 32px);margin:16px auto;padding:58px 24px}
.footer{padding-left:24px;padding-right:24px}
}
/* FAQ, final CTA and footer — matched to supplied final references */
.faq{grid-template-columns:minmax(330px,34%) minmax(0,66%);gap:70px;align-items:start;background:radial-gradient(circle at 27% 39%,#ffffff 0 9%,transparent 27%),radial-gradient(circle at 0 90%,#cbb9ff55,transparent 24%),#fbf9ff}
.faq aside{position:sticky;top:120px;z-index:1}
.faq aside>p{margin-bottom:0}
.faq aside>a{margin-top:44px;gap:14px;padding:15px 24px;border-radius:40px}
.faq aside>a .ico:last-child{margin-left:auto}
.faqTrust{display:grid;margin-top:42px}
.faqTrust>span{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e6e0f3}
.faqTrust>span:last-child{border-bottom:0}
.faqTrust>span>i{display:grid;place-items:center;width:68px;height:68px;color:#6a2bea;background:#fff;border:1px solid #e4dcf5;border-radius:50%;box-shadow:0 8px 22px #6330c31a}
.faqTrust b{font-size:16px}
.faqTrust small{display:block;margin-top:5px;color:#625d70;font-size:14px;font-weight:400;line-height:1.45}
.accordion article{padding:0 22px;border-radius:16px;overflow:hidden;transition:border-color .3s var(--ease-premium),box-shadow .3s var(--ease-premium)}
.accordion article.open{border-color:#d9cdf4;box-shadow:0 12px 30px #632cbe10}
.accordion button{min-height:62px;padding:15px 8px}
.accordion button>b{font-size:18px}
.accordion button strong{font-size:16px}
.accordion button i{flex:0 0 38px;height:38px;font-style:normal;background:#fff;box-shadow:0 4px 15px #6128d425}
.accordion .answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .42s var(--ease-premium),opacity .28s ease}
.accordion article.open .answer{grid-template-rows:1fr;opacity:1}
.accordion .answer>p{min-height:0;overflow:hidden;margin:0;padding:0 58px 0;color:#514d60;line-height:1.52}
.accordion article.open .answer>p{padding-bottom:22px}
.final{position:relative;overflow:hidden;max-width:calc(100% - 48px);margin:24px auto;border-radius:22px;min-height:570px;padding:80px clamp(70px,7.5vw,120px);grid-template-columns:58% 42%;background:radial-gradient(circle at 97% 95%,#d40b804b,transparent 26%),radial-gradient(circle at 86% 22%,#7b28542e,transparent 25%),linear-gradient(120deg,#0a0d14,#090c13 63%,#1b111d)}
.final:before,.final:after{content:"";position:absolute;border-top:3px solid #8a3771;border-right:3px solid #8a3771;border-left:0;border-bottom:0;opacity:.65;pointer-events:none}
.final:before{width:280px;height:180px;right:-60px;top:-35px;border-radius:0 0 0 120px;transform:rotate(12deg)}
.final:after{width:310px;height:160px;right:-45px;bottom:-85px;border-radius:60% 0 0 0;transform:rotate(-12deg)}
.final>div,.final>img{position:relative;z-index:1}
.final h2{font-size:clamp(52px,5vw,70px);margin-bottom:20px}
.final p{font-size:23px;line-height:1.5}
.final .actions{margin-top:34px}
.final .btn{min-width:290px;min-height:64px;gap:12px}
.final .ghost{border-color:#fff}
.finalBenefits{gap:0;margin-top:50px}
.finalBenefits span{display:grid;grid-template-columns:36px auto;gap:12px;min-width:220px;padding-right:28px;margin-right:28px;border-right:1px solid #ffffff42}
.finalBenefits span:last-child{border-right:0;margin-right:0;padding-right:0}
.finalBenefits .ico,.finalBenefits .lineIcon{color:#f21b82;width:32px;height:32px}
.finalBenefits b{font-size:16px;line-height:1.3}
.finalBenefits small{display:block;color:#d0ced5;font-size:15px;font-weight:400}
.final>img{width:390px;height:auto;max-width:95%;justify-self:center}
.footer{padding:68px var(--page-gutter) 32px;grid-template-columns:1.35fr .8fr .9fr 1.15fr;gap:48px;background:radial-gradient(circle at 90% 12%,#43213838,transparent 25%),linear-gradient(120deg,#12151d,#0e1118);border-top:1px solid #272a32}
.footer>div{gap:13px}
.footer>div>b{margin-bottom:10px;color:#d8c4ff}
.footerBrand{padding-right:42px;border-right:1px solid #ffffff2b}
.footerBrand img{width:285px}
.footerBrand p{font-size:17px}
.socials{display:flex;flex-direction:row!important;gap:14px!important;margin-top:8px}
.socials a{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:#ffffff10;border:1px solid #ffffff0d;transition:.3s var(--ease-premium)}
.socials a:hover{color:#f21b82;background:#ffffff18;transform:translateY(-2px)}
.footerTalk a,.footerTalk span{display:flex;align-items:center;gap:12px}
.footerTalk .lineIcon{color:#f21b82}
.footerTalk .footerWa{justify-content:center;margin-top:14px;padding:14px 18px;border:1px solid #3c3f48;border-radius:12px;background:#ffffff09;color:#fff;font-weight:650}
.footer>small{margin-top:8px}
@media(max-width:1050px){
.faq{grid-template-columns:1fr;gap:48px}
.faq aside{position:relative;top:auto;max-width:650px}
.faqTrust{grid-template-columns:repeat(3,1fr);gap:16px}
.faqTrust>span{grid-template-columns:58px 1fr;border:1px solid #e6e0f3;border-radius:16px;padding:14px}
.faqTrust>span>i{width:54px;height:54px}
.final{grid-template-columns:1fr 34%;padding-inline:56px}
.final .btn{min-width:0}
.finalBenefits span{min-width:0}
.footer{grid-template-columns:1.3fr 1fr 1fr}
.footerTalk{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(4,auto);align-items:center}
}
@media(max-width:800px){
.faq{gap:40px}
.faq aside>a{width:100%;justify-content:center;margin-top:30px}
.faqTrust{grid-template-columns:1fr;margin-top:30px}
.faqTrust>span{grid-template-columns:58px 1fr}
.accordion article{padding:0 12px}
.accordion button{padding-inline:2px}
.accordion button>b{font-size:16px}
.accordion button strong{font-size:14px}
.accordion .answer>p{padding-inline:42px;font-size:14px}
.final{width:calc(100% - 24px);max-width:none;margin:12px auto;padding:58px 24px;grid-template-columns:1fr}
.final h2{font-size:43px}
.final p{font-size:18px}
.final p br{display:none}
.final .actions{display:grid}
.final .btn{width:100%;min-height:55px}
.finalBenefits{display:grid;gap:18px;margin-top:38px}
.finalBenefits span{grid-template-columns:34px 1fr;margin:0;padding:0;border:0}
.final>img{max-width:240px;margin:48px auto 0}
.footer{grid-template-columns:1fr 1fr;gap:42px 26px;padding:55px 24px 28px}
.footerBrand{grid-column:1/-1;padding-right:0;border-right:0}
.footerBrand img{width:245px}
.footerTalk{grid-column:1/-1;display:flex!important;align-items:flex-start}
.footerTalk .footerWa{width:100%}
}
@media(max-width:520px){
.footer{grid-template-columns:1fr}
.footer>div,.footerBrand,.footerTalk{grid-column:1}
.footer>small{display:grid;gap:12px}
}
@media(max-width:390px){
.heroVisual>.invite{left:0;width:260px}
.heroPhone{right:0;width:195px!important}
.inviteStage .wedding{left:-5%}
.inviteStage .corporate{right:-5%}
.saveCard{width:240px}
}
@media(prefers-reduced-motion:reduce){
.btn,.chips button,.process article>a,.custom a,.faq aside>a,.form button,.share>button,.module .primary,.explore>button,.btn .ico,.chips button>.ico:last-child,.process article>a .ico,.form button .ico,.faq aside>a .ico,.explore>button>.ico:last-child{transition-duration:0.01ms!important}
}
/* Pricing block — matched to 08-PRECIOS-FINAL */
.pricing{background:radial-gradient(circle at 50% 58%,#eee8ff 0,transparent 49%),linear-gradient(180deg,#fcfaff 0%,#faf7ff 100%)}
.pricing:before{background:radial-gradient(circle at 12% 29%,#8e62ff16 0 2px,transparent 3px),radial-gradient(circle at 88% 27%,#8e62ff1d 0 3px,transparent 4px);background-size:180px 180px,240px 240px}
.pricing .head h2{font-size:clamp(48px,4.7vw,76px);line-height:.98;letter-spacing:-.045em;margin-bottom:22px}
.pricing .head p{font-size:18px;max-width:780px}
.pricing .plans{max-width:1220px;gap:38px;align-items:center;margin-top:50px;margin-bottom:26px}
.pricing .plans article{min-height:444px;display:flex;flex-direction:column;align-items:center;padding:30px 28px 27px;border-radius:24px;border-color:#ddd4f0;background:#ffffffd9;box-shadow:0 18px 44px #5a34a918}
.pricing .plans article.featured{min-height:480px;padding-top:48px;border-color:#bca5f4;box-shadow:0 21px 52px #6e33e833,0 0 25px #a779ff1f;transform:scale(1.035)}
.pricing .plans label{top:14px;display:flex;align-items:center;gap:7px;padding:6px 15px;font-size:14px;box-shadow:0 4px 10px #4325871f}
.pricing .planIcon{width:58px;height:58px;margin:0 auto 16px;background:linear-gradient(145deg,#f5f1ff,#e6dcff);color:#6a2bea}
.pricing .plans h3{font-size:20px;font-weight:700;margin:0 0 16px}
.pricing .plans article>strong{font-size:clamp(45px,4vw,61px);line-height:1;letter-spacing:-.04em;margin-bottom:15px}
.pricing .plans article>b{color:#5e21e7;font-size:18px;font-weight:500}
.pricing .plans mark{display:flex;align-items:center;gap:7px;margin-top:13px;padding:5px 12px;font-size:17px;font-weight:650}
.pricing .plans p{width:100%;min-height:78px;margin:20px 0 18px;padding:18px 8px 0;font-size:16px;line-height:1.45}
.pricing .plans .btn{min-height:53px;margin-top:auto;border-radius:14px;gap:14px;font-size:17px}
.pricing .custom{position:relative;z-index:1}
.pricing .custom b{display:flex;align-items:center;gap:8px;font-size:23px;line-height:1.2}
.pricing .custom span{font-size:18px;font-weight:600;color:#555166}
.pricing .custom a{display:flex;align-items:center;gap:18px;margin:13px 0 15px;padding:10px 30px;font-weight:600;background:#fff}
.pricing .custom small{display:flex;align-items:center;gap:10px;color:#6e697d}
.pricing .custom small .ico{color:#6530df}
@media(max-width:800px){
.pricing .head h2{font-size:42px;line-height:1.02}
.pricing .head p{font-size:16px}
.pricing .plans{gap:24px;margin-top:42px}
.pricing .plans article,.pricing .plans article.featured{min-height:0;transform:none;padding:32px 22px 24px}
.pricing .plans article:nth-child(1){order:1}
.pricing .plans article:nth-child(2){order:2;padding-top:48px}
.pricing .plans article:nth-child(3){order:3}
.pricing .plans article>strong{font-size:50px}
.pricing .plans p{min-height:0}
.pricing .custom{margin-top:34px}
.pricing .custom b{font-size:21px;text-align:center}
.pricing .custom span{font-size:16px;text-align:center}
.pricing .custom a{width:100%;justify-content:center;margin:16px 0 19px}
.pricing .custom small{justify-content:center;text-align:left;font-size:13px}
}
/* Hero reconstruction — faithful to the supplied dark neon composition */
.header{top:8px;left:10px;right:10px;width:auto;height:72px;gap:45px;border:1px solid #34343a;border-radius:28px;background:linear-gradient(90deg,#030405f7,#060713f5);box-shadow:0 12px 32px #0007}
.header nav{gap:42px}
.header nav a{font-family:var(--font-body);transition:color var(--duration-premium) var(--ease-premium)}
.header.compact{top:10px;height:66px}
.hero{
min-height:940px;
grid-template-columns:minmax(410px,42%) minmax(0,58%);
grid-template-rows:minmax(650px,auto) auto;
align-items:center;
padding-top:116px;
padding-bottom:82px;
background:
linear-gradient(180deg,transparent 66%,#100b2480 86%,#f7f3ff 100%),
radial-gradient(ellipse at 77% 34%,#f000c42e 0,transparent 28%),
radial-gradient(ellipse at 58% 55%,#4b21ff2b 0,transparent 30%),
linear-gradient(120deg,#020304 0%,#05060b 52%,#090419 100%);
}
.hero:before{content:"";position:absolute;inset:78px 0 190px 38%;background:repeating-linear-gradient(90deg,transparent 0 18px,#9d15d715 19px 22px,transparent 23px 38px);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 80%,transparent);pointer-events:none}
.hero:after{height:210px;background:linear-gradient(transparent,#fbf9ff)}
.heroCopy{align-self:center;padding-top:0;position:relative;z-index:4}
.hero h1{max-width:620px;font-size:clamp(58px,5vw,78px);line-height:.98;letter-spacing:-.045em;margin-bottom:24px;font-weight:700}
.heroCopy>p{max-width:510px;font-size:18px;line-height:1.65;color:#d6d5dc}
.heroCopy .actions{margin-top:34px}
.heroCopy .btn{min-height:58px;padding-inline:24px;border-radius:12px}
.heroCopy .ghost{border-color:#77747b;color:#f6f5fa}
.heroVisual{height:650px;max-width:830px;overflow:visible}
.heroInvite{position:absolute;left:3%;top:8px;width:370px;height:590px;border:1px solid #d7b968;border-radius:24px;overflow:hidden;transform:perspective(1100px) rotateY(-4deg) rotateZ(2deg);background:linear-gradient(#05020e22,#05020ec4),url('/images/web/night.png') center/cover;box-shadow:0 32px 70px #000a,0 0 40px #6b20e133}
.heroInvite:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,#fa23e15e,transparent 26%),linear-gradient(90deg,#1710e947,transparent 30%,#ec11be21);pointer-events:none}
.heroInviteContent{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 28px 24px;color:#fff}
.heroInviteContent small{max-width:255px;color:#ead46d;letter-spacing:.16em;line-height:1.8;font-size:11px}
.heroInviteContent h3{font-family:Georgia,serif;font-size:54px;font-weight:400;line-height:.92;letter-spacing:.04em;margin:52px 0 8px;text-shadow:0 4px 18px #000}
.heroInviteContent em{font-family:Georgia,serif;font-size:27px;font-weight:400;color:#ff4cdb}
.heroInviteContent b{margin-top:28px;font-size:11px;letter-spacing:.25em}
.heroInviteContent>span{margin-top:25px;color:#f7c6ed;font-size:11px;letter-spacing:.14em}
.heroInviteContent>a{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;border:1px solid #d7b968;border-radius:30px;padding:12px;text-decoration:none;font-size:13px}
.heroQuick{position:absolute;left:49%;top:92px;width:152px;z-index:4;display:grid;gap:7px}
.heroQuick>div{min-height:55px;display:flex;align-items:center;gap:11px;padding:10px 13px;color:#f5f2fb;background:#09090dc7;border:1px solid #69616f;border-radius:12px;box-shadow:0 8px 20px #0008;backdrop-filter:blur(12px);font-size:12px}
.heroQuick .ico{color:#fff}
.heroDevice{position:absolute;right:-1%;bottom:0;width:278px;height:555px;z-index:5;padding:26px 18px 20px;color:#fff;background:linear-gradient(#08090d,#030405);border:8px solid #1b1c20;border-radius:48px;box-shadow:0 28px 58px #000b,0 0 0 2px #66666a;overflow:hidden}
.heroDevice:before{content:"";position:absolute;top:10px;left:50%;translate:-50%;width:90px;height:21px;border-radius:20px;background:#010102}
.heroDeviceTop{display:flex;justify-content:space-between;align-items:center;margin:16px 0 26px}
.heroDevice h3{font-size:27px;line-height:1.03;margin:0 0 12px;font-weight:400}
.heroDevice h3 i{color:#d822de}
.heroDevice>p{font-size:12px;line-height:1.45;color:#bbb9c2;margin-bottom:16px}
.heroDevice>.btn{width:100%;padding:10px;border-radius:8px;font-size:11px}
.heroDeviceLink{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0 12px;padding:9px;color:#fff;border:1px solid #57545c;border-radius:8px;text-decoration:none;font-size:11px}
.heroDeviceInvite{height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #6b315f;border-radius:12px;background:linear-gradient(#15061966,#06030ec2),url('/images/web/night.png') center 58%/cover}
.heroDeviceInvite small{font-size:8px;letter-spacing:.14em;color:#e3c960}
.heroDeviceInvite strong{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:17px 0 4px}
.heroDeviceInvite em{color:#f152dd;font-family:Georgia,serif;font-weight:400}
.heroDeviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}
.heroDeviceGrid span{min-height:42px;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;border:1px solid #34323a;border-radius:7px;color:#d9d7df;text-align:center;font-size:7px}
.benefits{align-self:end;margin:12px 0 0;padding-top:18px;border-top:1px solid #ffffff12}
.benefits div{justify-content:center;min-height:72px;padding:13px 20px;border-right:1px solid #ffffff24;color:#e7e4ec}
.benefits div:last-child{border-right:0}
.benefits .ico{width:30px;height:auto;aspect-ratio:1;flex-shrink:0;color:#e22ce5}
.benefits span{font-size:15px;line-height:1.3}
@media(max-width:1100px) and (min-width:801px){
.hero{grid-template-columns:40% 60%;grid-template-rows:minmax(590px,auto) auto}
.hero h1{font-size:56px}
.heroVisual{height:590px}
.heroInvite{width:330px;height:540px}
.heroQuick{left:46%;top:78px;width:138px}
.heroDevice{width:238px;height:500px}
.benefits div{padding-inline:10px}
.benefits span{font-size:13px}
}
@media(max-width:800px){
.headerAuth,.headerAccount{display:none}
.header{top:8px;left:10px;right:10px;height:64px}
.header.compact{height:62px}
.hcta{display:none}
.hero{display:flex;min-height:auto;padding-top:108px;padding-bottom:74px;background:linear-gradient(180deg,#020304 0%,#080413 78%,#f8f5ff 100%)}
.heroCopy{width:100%}
.hero h1{font-size:clamp(44px,12vw,58px);line-height:.98}
.heroCopy>p{max-width:100%;font-size:16px}
.heroCopy .actions{display:grid;grid-template-columns:1fr 1fr}
.heroCopy .btn{min-height:52px;padding:12px 14px;font-size:13px}
.heroVisual{height:560px;margin-top:42px;overflow:visible}
.heroInvite{left:0;top:0;width:min(290px,78vw);height:470px;border-radius:20px}
.heroInviteContent{padding:32px 20px 18px}
.heroInviteContent h3{font-size:40px;margin-top:38px}
.heroInviteContent em{font-size:21px}
.heroQuick{display:none}
.heroDevice{right:0;bottom:0;width:205px;height:420px;border-width:6px;border-radius:38px;padding:20px 12px 14px}
.heroDeviceTop{margin:12px 0 20px}
.heroDevice h3{font-size:19px}
.heroDevice>p{font-size:9px;margin-bottom:10px}
.heroDevice>.btn,.heroDeviceLink{font-size:8px;padding:7px;margin-block:6px}
.heroDeviceInvite{height:122px}
.heroDeviceGrid span{min-height:32px;font-size:0}
.heroDeviceGrid .ico{width:14px;height:14px}
.benefits{width:100%;grid-template-columns:repeat(2,1fr);margin-top:28px;padding:14px 0 100px}
.benefits div{justify-content:flex-start;min-height:62px;border-right:0;border-bottom:1px solid #ffffff18;padding:12px 8px}
.benefits div:last-child{grid-column:1/-1}
}
@media(max-width:390px){
.heroCopy .actions{grid-template-columns:1fr}
.heroVisual{height:520px}
.heroInvite{width:255px;height:430px}
.heroDevice{width:180px;height:370px}
.heroDeviceInvite{height:100px}
}
/* Hero final correction — remove intermediary stack and restore exact lower cards */
.hero{min-height:1210px;grid-template-rows:minmax(650px,auto) auto auto;background:linear-gradient(180deg,transparent 56%,#100b2470 70%,#f7f3ff 84%,#fbf9ff 100%),radial-gradient(ellipse at 77% 28%,#f000c42e 0,transparent 27%),radial-gradient(ellipse at 58% 44%,#4b21ff2b 0,transparent 29%),linear-gradient(120deg,#020304 0%,#05060b 52%,#090419 100%)}
.heroQuick{display:none!important}
.heroExperience{grid-column:1/-1;position:relative;z-index:4;text-align:center;color:#0b0b10;margin-top:22px}
.heroExperience>span{display:block;margin-bottom:12px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.22em;text-shadow:0 2px 14px #160d2e}
.heroExperience>h2{margin:0 0 28px;color:#fff;font-size:clamp(30px,3vw,42px);font-weight:500;letter-spacing:-.025em;text-shadow:0 3px 20px #1b0c39}
.heroCards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:100%}
.heroCards article{min-height:204px;padding:22px 18px 24px;text-align:left;background:#fff;border:1px solid #eeeaf6;border-radius:18px;box-shadow:0 15px 38px #37226114}
.heroCardIcon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:18px;color:#5c2ee7;background:#f1ebff;border-radius:14px}
.heroCardIcon.spotifyIcon{color:#07160c;background:#23d869}
.heroCards h3{margin:0 0 9px;color:#17151c;font-family:'Instrument Sans',sans-serif;font-size:16px;font-weight:700;line-height:1.25}
.heroCards p{margin:0;color:#5f5a69;font-size:13px;line-height:1.55}
.benefits{margin-top:8px}
@media(max-width:1100px) and (min-width:801px){
.hero{min-height:1220px;grid-template-rows:minmax(590px,auto) auto auto}
.heroCards{gap:10px}
.heroCards article{padding:18px 14px;min-height:220px}
.heroCards h3{font-size:14px}
.heroCards p{font-size:12px}
}
@media(max-width:800px){
.hero{min-height:auto;background:linear-gradient(180deg,#020304 0%,#080413 57%,#f7f3ff 75%,#fbf9ff 100%)}
.heroExperience{width:100%;margin-top:20px;padding-bottom:8px}
.heroExperience>span{margin-top:6px;color:#fff;font-size:10px}
.heroExperience>h2{margin-bottom:24px;font-size:30px}
.heroCards{grid-template-columns:1fr;gap:12px}
.heroCards article{min-height:0;padding:20px;display:grid;grid-template-columns:48px 1fr;column-gap:15px}
.heroCardIcon{grid-row:1/3;margin:0}
.heroCards h3{align-self:end;margin-bottom:4px;font-size:16px}
.heroCards p{font-size:13px}
}
/* Block 2 — supplied demo composition */
.demo{background:radial-gradient(circle at 50% 76%,#9b54f41f,transparent 30%),linear-gradient(180deg,#fdfcff,#faf7ff)}
.demo .head h2{font-family:'Bricolage Grotesque',sans-serif}
.demo .head p{width:min(980px,100%);font-size:20px;line-height:1.55}
.demo .head p>span{display:block}
.demoStage{grid-template-columns:minmax(280px,1fr) 380px minmax(280px,1fr);gap:56px;max-width:1230px;min-height:735px;margin-top:32px}
.demoStage>.chips{gap:118px}
.demoStage>.chips:first-child{padding-top:66px}
.demoStage>.chips:last-child{padding-top:82px}
.demoStage .chips button{position:relative;width:100%;min-height:126px;padding:18px 24px 18px 20px;gap:16px;border:1px solid #cfc2f3;border-radius:64px;background:linear-gradient(120deg,#ffffffed,#fbf8ffdd);box-shadow:0 12px 36px #6d28d918,inset 0 0 0 5px #ffffffaa;text-align:left;overflow:visible}
.demoStage .chips button:before{content:"";position:absolute;inset:-6px 10px 6px -8px;border:1px solid #dcd2f6;border-radius:66px;z-index:-1}
.demoStage .chipIcon{display:grid!important;place-items:center;flex:0 0 82px!important;width:82px;height:82px;border:2px solid #fff;border-radius:50%;color:#5a16ca;background:radial-gradient(circle at 34% 28%,#fff 0 32%,#eee4ff 68%,#c8a8ff 100%);box-shadow:0 8px 22px #6d28d92b,0 0 0 1px #e7dcfb}
.demoStage .chipCopy{display:block;min-width:0;flex:1}
.demoStage .chipCopy strong{display:block;color:#15131a;font-size:17px;line-height:1.2;white-space:normal}
.demoStage .chipCopy small{display:block;margin-top:8px;color:#555064;font-size:13px;line-height:1.45;white-space:normal}
.demoStage .chipArrow{display:grid!important;place-items:center;flex:0 0 38px!important;width:38px;height:38px;border:1px solid #d9d0ef;border-radius:50%;color:#4e29bb;background:#fff}
.demoStage .chips button.on{transform:translateY(-5px);border-color:#9c6cf0;box-shadow:0 18px 42px #6d28d92b,inset 0 0 0 5px #fff}
.demoPhone{position:relative;width:360px;height:720px;border:8px solid #202128;border-radius:58px;padding:18px 18px 22px;background:linear-gradient(180deg,#050b1adb 0 45%,#28105b 76%),url('/images/web/night.png') center top/100% 430px no-repeat;box-shadow:0 32px 70px #43228a3d,0 0 0 2px #6d6e75,inset 0 0 0 1px #000;overflow:hidden}
.demoPhone:after{content:"";position:absolute;inset:0;border-radius:48px;box-shadow:inset 0 0 0 1px #ffffff20;pointer-events:none}
.demoPhone .speaker{position:absolute;z-index:5;top:14px;left:50%;translate:-50%;width:104px;height:28px;margin:0;background:#020204;border:1px solid #111;border-radius:24px}
.demoStatus{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;color:#fff;font-size:12px}
.demoPhoneNav{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:#fff}
.demoPhoneNav>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #fff;border-radius:50%;font-size:15px}
.demoPhoneNav>.ico{padding:7px;width:36px;height:36px;border-radius:50%;background:#ffffff16}
.demoPhone .phoneTitle{height:230px;padding:24px 0 14px;color:#fff;text-shadow:0 2px 12px #000}
.demoPhone .phoneTitle h3{font-family:Georgia,serif;font-size:45px;font-weight:400;line-height:.9;margin:0 0 12px;letter-spacing:.02em}
.demoPhone .phoneTitle em{display:block;margin-bottom:24px;color:#f761e7;font-family:Georgia,serif;font-size:22px;font-weight:400}
.demoPhone .phoneTitle small{display:flex;align-items:center;justify-content:center;gap:6px;margin:7px 0;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em}
.demoPhone .module{position:relative;z-index:2;min-height:292px;padding:25px 22px 18px;border-radius:22px;background:linear-gradient(145deg,#fff,#f4f0fb);box-shadow:0 16px 34px #10042655;text-align:center}
.demoPhone .module h4{justify-content:center;font-size:18px}
.demoPhone .module p{margin-bottom:12px;font-size:14px;line-height:1.35}
.demoPhone .module .counter button{display:grid;place-items:center;padding:0;color:#111}
.demoPhone .module .primary{min-height:48px;background:linear-gradient(100deg,#b10de0,#4b20e9);font-size:15px;box-shadow:0 10px 24px #6d28d93d}
.demoPhone .module footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;color:#5b5668;font-size:11px}
.demoPhone .modulePanel{display:none;animation:pop .35s ease}
.demoPhone .modulePanel.is-active{display:block}
.demoPhone .module .map{display:grid;gap:8px;background:#eae4f5;border-radius:12px;padding:20px;margin:18px 0;text-align:left}
.demoPhone .module .map b{display:block;font-size:15px;color:#1a1524}
.demoPhone .module .map span{font-size:13px;color:#5b5668}
.demoPhone .module .dress{border:1px solid #7335dd;color:#6930d6;border-radius:10px;padding:19px;text-align:center;letter-spacing:.14em;margin:23px 0;font-weight:600}
.demoPhone .module .track{display:grid;grid-template-columns:1fr 44px;align-items:center;gap:4px 10px;background:#1ed760;color:#082a12;border-radius:12px;padding:15px;margin-top:25px;text-align:left}
.demoPhone .module .track span{font-size:12px}
.demoPhone .module .track button{grid-column:2;grid-row:1/3;width:44px;height:44px;border:0;border-radius:50%;background:#092213;color:#fff;cursor:pointer}
.header .hcta{flex-shrink:0}
@media(max-width:1100px) and (min-width:801px){
.demoStage{grid-template-columns:minmax(230px,1fr) 340px minmax(230px,1fr);gap:28px}
.demoPhone{width:330px;height:690px}
.demoStage .chips button{min-height:112px;padding:14px}
.demoStage .chipIcon{flex-basis:68px!important;width:68px;height:68px}
.demoStage .chipCopy strong{font-size:15px}
.demoStage .chipCopy small{font-size:12px}
}
@media(max-width:800px){
.demo .head p{font-size:17px;line-height:1.5}
.demo .head p>span{display:inline}
.demo .head p>span+span:before{content:" "}
.demoStage{grid-template-columns:1fr;gap:18px;min-height:0;margin-top:38px}
.demoPhone{order:-1;width:min(340px,100%);height:680px}
.demoStage>.chips{grid-template-columns:1fr 1fr;gap:12px;padding-top:0!important}
.demoStage .chips button{min-height:102px;padding:12px;border-radius:24px;gap:10px;box-shadow:0 10px 26px #6d28d91c}
.demoStage .chips button:before{display:none}
.demoStage .chipIcon{flex-basis:48px!important;width:48px;height:48px}
.demoStage .chipIcon .ico{width:23px;height:23px}
.demoStage .chipCopy strong{font-size:13px}
.demoStage .chipCopy small{font-size:11px;line-height:1.3}
.demoStage .chipArrow{display:none!important}
}
@media(max-width:430px){
.demoStage>.chips{grid-template-columns:1fr}
.demoStage .chips button{min-height:94px}
}
/* Block 3 — bespoke invitation artwork */
.editorial{padding-bottom:0;background:radial-gradient(circle at 78% 38%,#b68cff24 0,transparent 30%),linear-gradient(180deg,#fbf9ff 0%,#faf7ff 58%,#fff 100%)}
.editorial:before{background:radial-gradient(circle at 20% 74%,#d8c5ff36,transparent 28%),radial-gradient(circle at 82% 60%,#9b6df425,transparent 30%)}
.editorial .head p{width:min(680px,100%);margin-left:auto;margin-right:auto;text-align:center;text-wrap:balance}
.editorial .head h2{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(48px,5.6vw,78px);font-weight:700;line-height:.98;letter-spacing:-.035em}
.editorial .head h2 i{background:linear-gradient(90deg,#8d79bf,#684bb0);-webkit-background-clip:text;background-clip:text;color:transparent}
.editorial>strong{position:relative;z-index:2;margin-top:20px;color:#6a4da6;font-size:19px}
.personalStage{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:28px;width:min(1280px,100%);min-height:650px;margin:28px auto 0;padding:0 12px 10px}
.personalCard{position:relative;height:575px;overflow:hidden;border-radius:4px;box-shadow:var(--shadow-card);background-position:center;background-size:cover;transition:transform .7s var(--ease-premium),box-shadow .7s var(--ease-premium)}
.personalCard:before{content:"";position:absolute;inset:0;pointer-events:none}
.personalCard>div{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:54px 34px 38px}
.personalCard.wedding{background-image:url('/images/web/personal-wedding.png');transform:rotate(-3deg) translateY(20px);color:#514b45}
.personalCard.wedding>div{padding-left:76px}
.personalCard.wedding small{font-family:Georgia,serif;font-size:28px;letter-spacing:.25em}
.personalCard.wedding span{margin-top:28px;font-size:10px;letter-spacing:.24em}
.personalCard.wedding h3{margin:20px 0 22px;font-family:Georgia,serif;font-size:46px;font-weight:400;line-height:.74}
.personalCard.wedding h3 i{color:#ad7944;font-size:25px;font-weight:400}
.personalCard.wedding b{padding:12px 26px;border-block:1px solid #bda987;font-size:11px;letter-spacing:.18em}
.personalCard.wedding p{margin-top:20px;font-family:Georgia,serif;font-size:11px;line-height:1.6;letter-spacing:.08em}
.personalCard.wedding em{margin-top:auto;font-family:Georgia,serif;font-size:12px;line-height:1.55}
.personalCard.night{background-image:url('/images/web/personal-night.png');color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-card-featured)}
.personalCard.night:before{background:linear-gradient(#14001f35,#12001870)}
.personalCard.night small{font-size:11px;letter-spacing:.28em}
.personalCard.night h3{margin:20px 0 10px;color:#ff66eb;font-family:Georgia,serif;font-size:58px;font-style:italic;font-weight:400;line-height:.92;text-shadow:0 0 16px #ff20dd}
.personalCard.night h3 strong{display:block;color:#dcc3ff;font-size:98px;font-style:normal;font-weight:400;text-shadow:0 0 20px #db52ff}
.personalCard.night span{font-size:12px;letter-spacing:.3em}
.personalCard.night b{margin-top:36px;font-size:11px;letter-spacing:.11em}
.personalCard.night p{font-size:11px;letter-spacing:.16em}
.personalCard.night em{margin-top:auto;color:#ff6ce7;font-family:Georgia,serif;font-size:20px}
.personalCard.night em strong{color:#fff;font-family:'Instrument Sans',sans-serif;font-size:11px;letter-spacing:.23em}
.personalCard.corporate{background-image:url('/images/web/personal-corporate.png');transform:rotate(3deg) translateY(18px);color:#e7edff}
.personalCard.corporate:before{background:linear-gradient(90deg,#04152cd9 0,#061a356b 65%,transparent)}
.personalCard.corporate>div{align-items:flex-start;text-align:left;padding:62px 42px 36px}
.personalCard.corporate small{font-size:22px;letter-spacing:.28em}
.personalCard.corporate small span{font-size:10px}
.personalCard.corporate h3{margin:72px 0 18px;font-size:25px;font-weight:500;line-height:1.38;letter-spacing:.16em}
.personalCard.corporate p{font-size:12px;line-height:1.6;color:#d8dfef}
.personalCard.corporate b{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:9px;line-height:1.45;letter-spacing:.06em}
.personalCard.corporate em{margin-top:auto;align-self:center;text-align:center;font-size:9px;line-height:1.65;letter-spacing:.19em}
.editorial.seen .personalCard.wedding{transform:rotate(-5deg) translateX(-12px) translateY(16px);box-shadow:var(--shadow-card)}
.editorial.seen .personalCard.night{transform:translateY(-20px);box-shadow:var(--shadow-card-seen)}
.editorial.seen .personalCard.corporate{transform:rotate(5deg) translateX(12px) translateY(14px);box-shadow:var(--shadow-card)}
@media(max-width:1000px) and (min-width:801px){
.personalStage{gap:14px;min-height:570px}
.personalCard{height:510px}
.personalCard>div{padding:42px 22px 30px}
.personalCard.wedding>div{padding-left:62px}
.personalCard.wedding h3{font-size:38px}
.personalCard.night h3{font-size:46px}
.personalCard.night h3 strong{font-size:78px}
.personalCard.corporate>div{padding:50px 28px 28px}
.personalCard.corporate h3{margin-top:55px;font-size:20px}
}
@media(max-width:800px){
.editorial{padding-left:0;padding-right:0;background:linear-gradient(180deg,#fbf9ff 0%,#faf7ff 65%,#fff 100%)}
.editorial .head,.editorial>strong{margin-left:22px;margin-right:22px}
.editorial .head h2{font-size:44px;line-height:1.02}
.editorial .head p{max-width:520px}
.editorial>strong{font-size:16px}
.personalStage{display:flex;gap:18px;min-height:0;margin-top:34px;padding:20px 22px 76px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:22px;scrollbar-width:none}
.personalStage::-webkit-scrollbar{display:none}
.personalCard{flex:0 0 min(78vw,330px);height:500px;scroll-snap-align:center;transform:none!important}
.personalCard.wedding>div{padding-left:68px}
.personalCard.night h3{font-size:48px}
.personalCard.night h3 strong{font-size:80px}
.personalCard.corporate h3{margin-top:54px;font-size:21px}
}
/* Block 4 — numbered three-step process */
.how{isolation:isolate;background:radial-gradient(circle at 50% 62%,#b98aff25 0,transparent 31%),radial-gradient(circle at 12% 72%,#dfc7ff33 0,transparent 24%),linear-gradient(180deg,#fff 0%,#fdfaff 72%,#fff 100%)}
.how:before{z-index:-1;background:radial-gradient(circle at 50% 58%,#9e63ee24,transparent 29%)}
.howDecor{position:absolute;z-index:0;color:#b36cf0;opacity:.7;font-size:72px;line-height:1;pointer-events:none}
.decorOne{left:5%;top:20%;rotate:62deg;color:#c7a6ff}
.decorTwo{right:6%;top:43%;font-size:32px}
.decorThree{right:5%;top:24%;rotate:55deg;color:#ef67c5}
.process{position:relative;z-index:1;gap:54px;max-width:1260px;margin-top:72px;overflow:visible}
.process article{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.stepNum{position:absolute;z-index:-1;top:-118px;left:50%;translate:-50%;color:#d8c3ff;font-family:'Bricolage Grotesque',sans-serif;font-size:150px;font-weight:700;line-height:1;opacity:.36;letter-spacing:-.08em;pointer-events:none}
.process .panel{width:100%;height:458px;border:1px solid #e5def1;border-radius:24px;background:#fff;box-shadow:0 22px 48px #6c30bd1c}
.process article>b{margin:26px 0 10px;color:#6d28d9;font-size:15px}
.process article>h3{max-width:330px;margin:0 auto 10px;font-size:22px;line-height:1.18;text-align:center}
.process article>p{max-width:330px;margin:0 auto;color:#686274;font-size:14px;line-height:1.5;text-align:center}
.process article>.stepTalk{order:2;width:100%;min-height:44px;margin:14px 0 0;justify-content:center;border-radius:9px;background:#fff}
.process article>.stepTalk+ b{order:3}
.process article>.stepTalk~h3{order:4}
.process article>.stepTalk~p{order:5}
.form{padding:24px 24px 22px}
.form h4{margin:0 0 16px;text-align:left;font-size:16px}
.form>strong{display:block;margin-bottom:8px;text-align:left;font-size:11px}
.form .progress{position:relative;margin-bottom:18px;justify-content:space-between}
.form .progress:before{content:"";position:absolute;left:5px;right:5px;top:4px;height:1px;background:#d8cdea}
.form .progress i{position:relative;z-index:1}
.form label{margin:8px 0}
.form input{padding:10px;background:#fff}
.form button{margin-top:10px}
.design{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px 12px!important;overflow:visible;background:radial-gradient(circle at 52% 60%,#9146ff38,transparent 48%),#fff!important}
.designTools{position:absolute;left:-10px;top:88px;z-index:3;width:66px;display:grid;gap:3px;padding:8px 5px;border-radius:16px;background:#fff;box-shadow:0 12px 26px #6a35b72b}
.designTools span{padding:9px 2px;color:#4d4560;font-size:9px;border-bottom:1px solid #eee8f6}
.designTools span:last-child{border-bottom:0}
.designerPhone{width:225px;height:404px;padding:12px;border:7px solid #202027;border-radius:35px;background:#100922;box-shadow:0 20px 38px #4c257a45;overflow:hidden}
.designerTop{height:36px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:9px}
.designerTop small{padding:6px 8px;border-radius:10px;background:#7831e5}
.designerCover{height:332px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;background:linear-gradient(#11061969,#08030ed4),url('/images/web/personal-night.png') center/cover;border-radius:15px}
.designerCover>small{font-size:9px;letter-spacing:.22em}
.designerCover>strong{margin:16px 0 2px;color:#ff75ed;font-family:Georgia,serif;font-size:39px;line-height:.9;text-shadow:0 0 12px #f0c}
.designerCover>em{font-family:Georgia,serif;font-size:19px}
.designerCover>b{margin-top:38px;font-size:9px;line-height:1.7;letter-spacing:.1em}
.colorRail{position:absolute;right:-8px;top:124px;display:grid;gap:10px;padding:12px 9px;border-radius:22px;background:#fff;box-shadow:0 10px 24px #5f35a629}
.colorRail i{width:20px;height:20px;border-radius:50%;background:#5b11bb}.colorRail i:nth-child(2){background:#7926e7}.colorRail i:nth-child(3){background:#ed3c90}.colorRail i:nth-child(4){background:#151127}.colorRail i:nth-child(5){background:#ffdba4}
.share{padding:22px 24px}
.share>span{width:58px;height:58px}
.share h3{font-size:18px}.share>p{margin-bottom:12px;font-size:13px}
.share .link{padding:12px}.share .qr{width:118px;height:118px}
.readyText{position:relative;display:inline-flex!important;align-items:center;justify-content:center;margin-top:4px!important;padding:0 36px;color:#f05a91!important;font-family:cursive;font-size:24px!important;white-space:nowrap}
.readyText:before,.readyText:after{content:"";position:absolute;top:50%;width:24px;height:16px;border-top:3px solid #5835bd;border-bottom:3px solid #5835bd;transform:skewY(-22deg)}
.readyText:before{left:0}.readyText:after{right:0;transform:scaleX(-1) skewY(-22deg)}
@media(max-width:1000px) and (min-width:801px){
.process{gap:28px}
.stepNum{font-size:120px;top:-100px}
.process article>h3{font-size:19px}
.readyText{font-size:20px!important;padding-inline:28px}
}
@media(max-width:800px){
.howDecor{font-size:42px}
.process{gap:96px;margin-top:96px}
.process article{padding-left:0;border-left:0}
.stepNum{top:-68px;left:10px;translate:0;font-size:94px;opacity:.32}
.process .panel{max-width:390px;height:450px}
.process article>.stepTalk{max-width:390px}
.process article>h3,.process article>p{max-width:340px;text-align:center}
.designTools{left:4px}
.colorRail{right:4px}
.readyText{white-space:normal}
}
/* Block 5 — six distinct event compositions */
.events{background:radial-gradient(circle at 80% 30%,#c7a7ff25,transparent 34%),linear-gradient(180deg,#fbf9ff,#f8f4ff 72%,#fff)}
.events .head p{max-width:760px}
.eventGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 30px;max-width:1320px;margin-top:46px;margin-bottom:34px}
.eventGrid>article{height:auto;min-width:0;transition:transform .35s var(--ease-premium),filter .35s var(--ease-premium)}
.eventGrid>article:hover{transform:translateY(-3px) scale(1.015);filter:drop-shadow(0 20px 22px #39226022)}
.eventGrid>article>h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:#18151d;font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:700;letter-spacing:-.015em;line-height:1.05}
.eventGrid>article>h3 i{color:#6d3add;font-family:'Instrument Sans',sans-serif;font-size:18px;font-style:normal}
.eventGrid>article>h3 span{display:block;width:58px;height:1px;margin-left:4px;background:#aaa1b5}
.eventScene{position:relative;height:290px}
.eventScene>img{position:absolute;left:0;top:24px;width:70%;height:230px;object-fit:cover;border-radius:14px;box-shadow:0 18px 35px #4c35521f}
.eventCard{position:absolute;right:0;bottom:0;width:52%;height:265px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 18px;color:#fff;text-align:center;border-radius:4px;box-shadow:0 20px 38px #25162f3b;overflow:hidden}
.eventCard small,.eventCard span,.eventCard b{font-size:8px;line-height:1.55;letter-spacing:.14em}
.eventCard strong{display:block;margin:14px 0 16px;font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:.95;letter-spacing:.05em}
.eventCard b{margin-top:16px}
.eventCard.birthday{background:linear-gradient(#16051b45,#08030ed9),url('/images/web/personal-night.png') center/cover;color:#ffb3f4}
.eventCard.birthday strong{font-size:31px;text-shadow:0 0 12px #ff2bd5}
.eventCard.wedding{background:linear-gradient(#fff9,#fff9),url('/images/web/personal-wedding.png') center/cover;color:#5a4d43}
.eventCard.wedding strong{font-size:22px;line-height:1.12}.eventCard.wedding b{color:#8c6b4a}
.eventCard.anniversary{background:linear-gradient(145deg,#16294d,#071326);color:#d9b778}
.eventCard.anniversary strong{font-size:64px}.eventCard.anniversary small{font-size:10px}
.eventCard.launch{background:radial-gradient(circle at 80% 5%,#5c1a8459,transparent 28%),linear-gradient(160deg,#24112f,#090813);color:#f0dfef}
.eventCard.launch:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 30% 30%,transparent 0 20px,#9a57d21a 21px 22px);pointer-events:none}
.eventCard.launch>*{position:relative}.eventCard.launch strong{letter-spacing:.18em;font-size:21px}
.eventCard.brand{background:linear-gradient(145deg,#194979,#071c3e);color:#dfeeff}
.eventCard.brand strong{font-size:27px}.eventCard.brand span{color:#dfc078}
.eventCard.corporate{background:linear-gradient(145deg,#174052,#071e2a);color:#f1d9af}
.eventCard.corporate strong{font-size:20px;line-height:1.2;letter-spacing:.13em}
.more{position:relative;display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:16px;max-width:1080px;margin:26px auto 0;padding:18px 34px;color:#fff;background:linear-gradient(100deg,#4f2a81,#7b53b7 50%,#43236e);border:2px solid #8d68cb;border-radius:42px;box-shadow:0 8px 0 #40206e,0 16px 34px #5e35a52b;font-size:21px}
.more:before{content:"";position:absolute;inset:5px;border:1px solid #ffffff2b;border-radius:36px;pointer-events:none}
.more i{position:relative;z-index:1;color:#d5b9ff;font-size:24px;font-style:normal;text-align:center}
.more span{position:relative;z-index:1;text-align:center}
@media(max-width:1000px) and (min-width:801px){
.eventGrid{gap:30px 18px}
.eventScene{height:255px}
.eventScene>img{height:205px}
.eventCard{height:235px;padding:18px 12px}
.eventCard strong{font-size:23px}
.eventCard.anniversary strong{font-size:50px}
}
@media(max-width:800px){
.eventGrid{grid-template-columns:1fr;gap:36px;max-width:520px}
.eventGrid>article>h3{font-size:19px}
.eventScene{height:330px}
.eventScene>img{top:18px;width:73%;height:270px}
.eventCard{width:54%;height:292px}
.more{grid-template-columns:24px 1fr 24px;padding:15px 18px;font-size:15px;line-height:1.35}
}
@media(max-width:390px){
.eventScene{height:290px}
.eventScene>img{height:235px}
.eventCard{height:260px}
}
/* Block 6 — Save the Date editorial cards */
.save{
min-height:820px;
grid-template-columns:minmax(360px,39%) minmax(0,61%);
gap:clamp(48px,5vw,86px);
align-items:center;
background:
radial-gradient(circle at 82% 44%,#b58aff28 0,transparent 34%),
linear-gradient(180deg,#fff 0%,#fbf8ff 72%,#fff 100%);
}
.save:before{background:radial-gradient(circle at 79% 56%,#a668ee24,transparent 34%)}
.saveCopy{position:relative;z-index:2;padding-left:0!important}
.save .over{font-size:14px;letter-spacing:.24em}
.save h2{max-width:520px;margin:24px 0 24px;font-size:clamp(54px,5.1vw,74px);line-height:1.02;letter-spacing:-.04em}
.save p{max-width:500px;margin-bottom:30px;font-size:19px;line-height:1.55}
.saveCopy>strong{display:inline-flex;align-items:center;gap:10px;margin:0;padding:15px 24px;border:1px solid #cbb8f6;border-radius:40px;background:#ffffffa8;box-shadow:0 12px 30px #6d28d927;color:#6241dc;font-size:16px}
.saveCopy>strong small{font-size:15px;font-weight:400}
.saveCopy>footer{display:flex;align-items:center;gap:14px;margin-top:88px;color:#26222d;font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.35}
.saveCopy>footer .ico{color:#6d3ee0;fill:#6d3ee0;stroke-width:1.3}
.saveStage{position:relative;z-index:1;height:690px;width:100%;max-width:790px;margin-left:auto;overflow:visible}
.saveStage:before{content:"";position:absolute;left:7%;right:3%;bottom:32px;height:85px;border-radius:50%;background:radial-gradient(ellipse,#8a51de43 0,#ac76e622 38%,transparent 70%);filter:blur(10px)}
.saveStage:after{content:"✦";position:absolute;right:35%;top:48px;color:#8d62e8;font-size:35px;opacity:.75;animation:saveTwinkle 3.2s ease-in-out infinite}
.saveCard{position:absolute;width:min(410px,54%);height:610px;padding:0;border-radius:18px;overflow:hidden;box-shadow:0 30px 55px #3d265333;animation:saveFloat 5s ease-in-out infinite;isolation:isolate}
.saveCard>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.saveCard:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.saveCardContent{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:58px 38px 34px}
.saveCardContent small{font-size:11px;letter-spacing:.28em}
.saveCardContent h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.saveCardContent b,.saveCardContent strong,.saveCardContent p{font-family:'Instrument Sans',sans-serif}
.saveCard.dark{left:2%;top:25px;color:#fff;transform:rotate(-1.5deg);border:1px solid #60446f}
.saveCard.dark:after{background:linear-gradient(180deg,#08041138 0,#0a0415a8 100%),radial-gradient(circle at 78% 14%,#d538e32e,transparent 28%)}
.saveCard.dark .saveCardContent{padding-top:85px}
.saveCard.dark h3{margin:56px 0 0;color:#f4a8ef;font-size:59px;line-height:.95;letter-spacing:.08em;text-shadow:0 0 18px #fa38db76}
.saveCard.dark em{margin-top:4px;color:#f5b9ef;font-family:Georgia,'Times New Roman',serif;font-size:28px}
.saveCard.dark b{margin-top:18px;font-size:13px;letter-spacing:.18em}
.saveCard.dark strong{margin-top:22px;color:#d8a0ea;font-size:13px;letter-spacing:.18em}
.saveCard.dark p{margin:42px 0 0;color:#f6eef8;font-size:10px;line-height:1.65;letter-spacing:.14em}
.saveDivider{display:flex;align-items:center;justify-content:center;gap:12px;width:78%;margin-top:24px;color:#d97ceb;font-size:16px}
.saveDivider i{display:block;flex:1;height:1px;background:currentColor;opacity:.55}
.saveStar{margin-top:auto;color:#e46dec;font-size:23px}
.saveCard.light{right:0;top:104px;color:#776554;transform:rotate(2deg);border:1px solid #e5ddcf;animation-delay:-2s}
.saveCard.light:after{background:linear-gradient(145deg,#fff8,#fff2)}
.saveCard.light .saveCardContent{padding:78px 42px 48px}
.saveCard.light small{color:#a8876c}
.saveCard.light h3{margin:60px 0 0;color:#5e544c;font-size:43px;line-height:1.28;letter-spacing:.13em}
.saveCard.light h3 i{color:#bc8c52;font-size:29px;font-style:normal}
.saveCard.light b{margin-top:28px;color:#9c774f;font-size:12px;font-weight:500;letter-spacing:.17em}
.saveCard.light .saveDivider{margin-top:27px;color:#b28a58}
.saveCard.light p{margin-top:34px;color:#8c735d;font-family:Georgia,'Times New Roman',serif;font-size:15px;letter-spacing:.16em}
@keyframes saveTwinkle{50%{opacity:.32;transform:scale(.78)}}
@media(max-width:1100px) and (min-width:801px){
.save{grid-template-columns:38% 62%;gap:30px}
.saveStage{height:600px}
.saveCard{height:535px;width:56%}
.saveCard.dark h3{font-size:48px}
.saveCard.light h3{font-size:34px}
.saveCardContent{padding-inline:24px}
}
@media(max-width:800px){
.save{display:block;min-height:auto;background:linear-gradient(180deg,#fff,#fbf8ff 74%,#fff)}
.save h2{font-size:48px}
.save p{font-size:17px}
.saveCopy>strong{font-size:14px;padding:14px 18px}
.saveCopy>strong small{font-size:13px}
.saveCopy>footer{margin-top:46px;font-size:14px}
.saveStage{height:545px;margin-top:40px;overflow:hidden}
.saveCard{width:min(74%,300px);height:470px}
.saveCard.dark{left:0;top:12px}
.saveCard.light{right:0;top:66px}
.saveCard.dark .saveCardContent{padding:56px 20px 25px}
.saveCard.dark h3{margin-top:36px;font-size:42px}
.saveCard.dark em{font-size:21px}
.saveCard.dark b{font-size:10px}
.saveCard.dark p{margin-top:25px;font-size:8px}
.saveCard.light .saveCardContent{padding:55px 24px 32px}
.saveCard.light h3{margin-top:38px;font-size:31px}
.saveCard.light b{font-size:9px}
.saveCard.light p{margin-top:22px;font-size:12px}
}
@media(max-width:390px){
.save h2{font-size:43px}
.saveCopy>strong{align-items:flex-start;max-width:100%;line-height:1.35}
.saveStage{height:500px}
.saveCard{width:250px;height:430px}
.saveCard.light{top:58px}
}
/* Block 7 — interactive invitation preview */
.try{
min-height:900px;
grid-template-columns:minmax(390px,47%) minmax(430px,53%);
gap:clamp(42px,5vw,78px);
align-items:center;
background:
radial-gradient(circle at 78% 42%,#b27df12d 0,transparent 34%),
linear-gradient(180deg,#fff 0%,#fbf8ff 78%,#fff 100%);
}
.try:before{background:radial-gradient(circle at 74% 51%,#9d66ec25,transparent 35%)}
.tryCopy{position:relative;z-index:3;padding-left:4vw!important}
.tryCopy>.over{display:flex;align-items:center;gap:12px;margin-bottom:25px}
.tryCopy>.over .ico{color:#7250d7;fill:#7250d7;stroke-width:1.2}
.try h2{margin:0 0 28px;font-size:clamp(60px,5.6vw,80px);line-height:.98;letter-spacing:-.045em}
.tryCopy>p{max-width:500px;margin-bottom:0;font-size:19px;line-height:1.55}
.btn.tryCta{cursor:pointer;font-family:var(--font-body);appearance:none;-webkit-appearance:none}
.tryCta{min-width:370px;min-height:62px;margin-top:44px;border:1px solid #fff;border-radius:34px;font-size:18px;box-shadow:0 15px 34px #6932dc4a}
.textLink{position:relative;display:inline-flex;align-items:center;gap:12px;margin:22px 0 0;padding-bottom:5px;color:#5f31d8;text-decoration:none;font-size:17px;font-weight:600}
.textLink:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px dashed #7550da}
.mini{display:flex;align-items:center;gap:34px;margin-top:70px}
.mini>span{display:flex;align-items:center;gap:12px;min-width:0;color:#282330}
.mini>span>i{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;color:#4e2ab4;background:linear-gradient(145deg,#eee7ff,#fff);box-shadow:0 8px 20px #6138b41b;font-style:normal}
.mini>span>b{font-size:15px;font-weight:500;line-height:1.25}
.tryVisual{position:relative;z-index:1;min-height:790px;display:grid;place-items:center}
.tryDisco{position:absolute;z-index:-1;left:-15%;top:28%;width:390px;max-width:none;opacity:.23;filter:saturate(.9) drop-shadow(0 0 30px #8c54e92b);animation:discoDrift 8s ease-in-out infinite}
.tryConfetti{position:absolute;color:#9a6df0;opacity:.48;font-size:20px;animation:saveTwinkle 3.5s ease-in-out infinite}.tryConfetti.c1{left:3%;top:24%;rotate:22deg}.tryConfetti.c2{right:1%;top:31%;animation-delay:-1.4s}.tryConfetti.c3{right:4%;bottom:24%;font-size:25px;animation-delay:-2.2s}
.explore{position:relative;width:400px;height:790px;margin:auto;padding:17px 16px 13px;border:9px solid #25262d;border-radius:58px;color:#fff;background:#100622;box-shadow:0 34px 65px #4f347b4d,0 0 0 2px #777880,inset 0 0 0 1px #000;overflow:hidden;scrollbar-width:none;animation:phoneFloat 5.5s ease-in-out infinite}
.explore:after{content:"";position:absolute;inset:0;border-radius:49px;box-shadow:inset 0 0 0 1px #ffffff20;pointer-events:none}
.tryIsland{position:absolute;z-index:6;top:13px;left:50%;translate:-50%;width:104px;height:27px;border-radius:24px;background:#020203;box-shadow:inset 0 0 0 1px #111}
.tryStatus{position:relative;z-index:5;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#fff;font-size:12px}
.tryStatus span{font-size:10px;letter-spacing:.09em}
.explore .cover{position:relative;height:320px;margin:-51px -16px 0;padding:82px 18px 0;border-radius:49px 49px 0 0;background:linear-gradient(180deg,#22083026 0,#16062252 68%,#100622 100%),url('/images/web/personal-night.png') center 42%/cover;text-align:center;overflow:hidden}
.explore .cover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 10%,#d04af23d,transparent 32%);pointer-events:none}
.explore .cover>*{position:relative;z-index:1}
.explore .cover small{font-size:12px;letter-spacing:.21em}
.explore .cover h3{margin:18px 0 0;color:#ff98ef;font-family:Georgia,'Times New Roman',serif;font-size:59px;font-weight:400;letter-spacing:.06em;line-height:.92;text-shadow:0 0 15px #ff35e7a8}
.explore .cover em{display:block;color:#fff0ff;font-family:Georgia,'Times New Roman',serif;font-size:29px}
.tryRows{position:relative;z-index:3;margin-top:-4px}
.explore .tryRows>button{position:relative;width:100%;min-height:68px;display:flex;align-items:center;gap:12px;margin:8px 0;padding:10px 12px;color:#fff;background:#221039d9;border:1px solid #563278;border-radius:13px;text-align:left;overflow:hidden}
.explore .tryRows>button.on{background:#2d1448;border-color:#7843a3}
.tryRowIcon{display:grid!important;place-items:center!important;flex:0 0 43px!important;width:43px;height:43px;border-radius:9px;color:#f252e6;background:linear-gradient(145deg,#7c23ce,#4b176c);box-shadow:inset 0 0 14px #ffffff13}
.tryIcon1{color:#d993ff;background:linear-gradient(145deg,#6622b0,#361058)}
.tryIcon2{color:#ef70e7;background:linear-gradient(145deg,#8b2da4,#481152)}
.tryIcon3{color:#0f301c;background:#5be486}
.tryIcon4{color:#d76cff;background:linear-gradient(145deg,#7124b0,#3e125f)}
.tryRowCopy{display:block!important;flex:1;min-width:0}
.tryRowCopy>b,.tryRowCopy>small{display:block}
.tryRowCopy>b{font-size:15px;line-height:1.2}
.tryRowCopy>small{margin-top:3px;color:#c7bed1;font-size:10px;line-height:1.25}
.explore .tryRows>button>em{max-width:110px;padding:5px 8px;color:#bff0d2;background:#123e32;border-radius:12px;font-size:9px;font-style:normal;white-space:nowrap}
.explore .tryRows>button:nth-child(3)>em{color:#f093e9;background:#51204e}
.tryDetail{position:absolute!important;right:33px;bottom:7px;width:auto!important;color:#d5c8e3;font-size:8px;opacity:.72}
.tryGallery{display:flex!important;gap:5px;margin-top:8px}
.tryGallery img{width:52px!important;height:40px!important;margin:0!important;border:0;border-radius:5px;object-fit:cover}
.explore .tryRows>button:nth-child(5){min-height:112px;align-items:flex-start}
.explore>footer{position:absolute;z-index:4;left:0;right:0;bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px;color:#aea4b7;font-size:11px}.explore>footer strong{color:#fff;font-family:Georgia,serif;font-size:15px;font-weight:400}.explore>footer .ico{color:#ba61f0;fill:#ba61f0}
@keyframes phoneFloat{50%{transform:translateY(-9px)}}
@keyframes discoDrift{50%{transform:translateY(-10px) rotate(2deg)}}
@media(max-width:1100px) and (min-width:801px){
.try{grid-template-columns:43% 57%;gap:24px}
.tryCopy{padding-left:0!important}
.try h2{font-size:58px}
.tryCta{min-width:330px}
.mini{gap:18px}.mini>span>i{flex-basis:42px;width:42px;height:42px}.mini>span>b{font-size:13px}
.explore{width:370px;height:760px}
}
@media(max-width:800px){
.try{display:flex;flex-direction:column;gap:48px;min-height:auto}
.tryCopy{width:100%;padding:0!important}
.try h2{font-size:49px}
.tryCopy>p{font-size:17px}
.tryCta{width:100%;min-width:0;margin-top:34px}
.mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:42px 0 0;line-height:1.2}
.mini>span{display:grid;justify-items:center;gap:8px;text-align:center}.mini>span>b{font-size:12px}.mini>span>i{width:46px;height:46px;flex-basis:46px}
.tryVisual{width:100%;min-height:735px;order:2}
.explore{width:min(360px,100%);height:720px;border-width:7px;border-radius:48px;animation:none}
.explore .cover{height:285px;border-radius:41px 41px 0 0}
.tryDisco{left:-25%;top:22%;width:310px}
.tryConfetti.c1{left:0}.tryConfetti.c2{right:0}
}
@media(max-width:390px){
.try h2{font-size:44px}
.explore{height:700px;padding-inline:12px}
.explore .cover{margin-left:-12px;margin-right:-12px}
.tryRowIcon{flex-basis:38px!important;width:38px;height:38px}
.tryRowCopy>b{font-size:14px}
.explore .tryRows>button>em{max-width:92px;font-size:8px}
}
/* Global continuity, staged reveal and final corrective pass */
.demo,.editorial,.how,.events,.save,.try,.pricing,.faq{
background-color:#fbf9ff;
background-image:linear-gradient(180deg,#fbf9ff 0%,#fff 14%,#fff 84%,#fbf9ff 100%),radial-gradient(circle at 78% 44%,#a978ef1d 0,transparent 34%);
}
.how,.save,.try{background-image:linear-gradient(180deg,#fbf9ff 0%,#fff 17%,#fff 83%,#fbf9ff 100%),radial-gradient(circle at 76% 46%,#aa76ec20 0,transparent 35%)}
.events,.pricing,.faq{background-image:linear-gradient(180deg,#fbf9ff 0%,#fdfbff 16%,#fdfbff 84%,#fbf9ff 100%),radial-gradient(circle at 74% 40%,#a979f01b 0,transparent 35%)}
.section{margin-top:-1px}
.revealItem{opacity:0;transform:translateY(34px);transition:opacity .75s var(--ease-premium) var(--reveal-delay,0ms),transform .75s var(--ease-premium) var(--reveal-delay,0ms);will-change:opacity,transform}
.revealItem.revealed{opacity:1;transform:translateY(0)}
/* Block 3: protect the full desktop invitation artwork */
@media(min-width:1001px){
.editorial{padding-bottom:38px}
.personalStage{min-height:720px;margin-top:24px;padding:58px 38px 86px;align-items:center}
.personalCard{max-width:400px;width:100%;justify-self:center}
.editorial.seen .personalCard.wedding{transform:rotate(-4deg) translateX(-6px) translateY(12px)}
.editorial.seen .personalCard.night{transform:translateY(-8px)}
.editorial.seen .personalCard.corporate{transform:rotate(4deg) translateX(6px) translateY(12px)}
}
/* Block 7: attractive, genuinely expandable invitation modules */
.explore{height:820px}
.explore .tryRows>button{display:flex;flex-wrap:wrap;align-items:center;overflow:hidden;transition:min-height .38s var(--ease-premium),background .3s ease,border-color .3s ease,box-shadow .3s ease}
.explore .tryRows>button.on{min-height:128px;background:linear-gradient(135deg,#3d1961,#25103d);border-color:#a561d0;box-shadow:0 11px 24px #08020f66,inset 0 0 22px #ba5dea13}
.explore .tryRows>button>.ico:last-of-type{transition:transform .35s var(--ease-premium)}
.explore .tryRows>button.on>.ico:last-of-type{transform:rotate(90deg)}
.tryDetail{position:static!important;display:grid!important;grid-template-rows:0fr;flex:0 0 100%!important;width:100%!important;max-height:0;padding:0 8px!important;color:#d8cde2!important;font-size:10px!important;opacity:0!important;overflow:hidden;transition:max-height .42s var(--ease-premium),opacity .32s ease,padding .42s var(--ease-premium)}
.explore .tryRows>button.on .tryDetail{grid-template-rows:1fr;max-height:108px;padding:9px 8px 4px!important;border-top:1px solid #ffffff20;opacity:1!important}
.tryDetail>span:first-child{line-height:1.4}
.tryDetail>strong{justify-self:start;margin-top:7px;color:#ff8be9;font-size:10px}
.tryDetail .tryGallery{margin-top:7px}
.explore .tryRows>button:nth-child(5){min-height:68px;align-items:center}
.explore .tryRows>button:nth-child(5).on{min-height:168px;align-items:center}
/* Block 8: calmer prices, more legible glyphs */
.pricing .plans article>strong{font-size:clamp(38px,3.4vw,52px)}
.pricing .planIcon .ico{width:34px;height:34px;stroke-width:1.65}
@media(max-width:800px){
.head h2,.hero h1,.save h2,.try h2,.faq h2,.final h2{font-weight:800}
.editorial .head h2{font-weight:700}
.pricing .plans article>strong{font-size:43px}
.pricing .planIcon .ico{width:35px;height:35px}
.explore{height:760px}
.explore .tryRows>button.on{min-height:126px}
.explore .tryRows>button:nth-child(5).on{min-height:162px}
.revealItem{transform:translateY(26px)}
}
@media(prefers-reduced-motion:reduce){
.revealItem{opacity:1;transform:none;transition:none}
}
/* Icon, slider and typography corrections */
.uiIcon{display:inline-block;flex:0 0 auto}
.hero .uiIcon{color:inherit}
.heroCardIcon .uiIcon{width:29px;height:29px}
.personalSlider{position:relative;z-index:2;width:min(1360px,100%);margin:0 auto}
.personalSlider .personalStage{width:100%}
.sliderArrow{display:none}
/* Block 3: clean white finish below the invitation cards */
.editorial{background:#fff!important}
.editorial:before{background:radial-gradient(circle at 20% 34%,#d8c5ff24,transparent 26%),radial-gradient(circle at 82% 32%,#9b6df41d,transparent 28%)}
/* Blocks 4–6 typography */
.process article>b,.process article>h3,.process .panel h4{font-weight:800}
.eventGrid>article>h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.015em}
.save footer{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;letter-spacing:-.01em}
@media(max-width:800px){
.header{overflow:visible}
.mobileMenu{display:grid;position:absolute;left:0;right:0;top:100%;z-index:60;padding:20px;gap:4px;background:#10121b;border:1px solid #323545;border-top:0;border-radius:0 0 28px 28px;box-shadow:0 18px 45px #0007;max-height:min(70vh,calc(100dvh - 88px));overflow-y:auto}
.mobileMenu[hidden]{display:none!important}
.hambIcon[hidden]{display:none!important}
.mobileMenu>a:not(.btn){display:block;padding:12px;color:#fff;text-decoration:none;font-family:var(--font-body);transition:color var(--duration-premium) var(--ease-premium)}
.mobileMenu>.btn{margin-top:8px}
body.mobileMenu-open{overflow:hidden}
body.mobileMenu-open .wa{display:none!important}
body.mobileMenu-open::before{content:"";position:fixed;inset:0;background:#0006;z-index:45}
#como,#eventos,#ejemplos,#precios,#faq{scroll-margin-top:90px}
}
@media(max-width:800px){
.personalSlider{padding:0 4px}
.personalSlider .personalStage{padding-left:46px;padding-right:46px;scroll-padding:46px}
.sliderArrow{position:absolute;z-index:8;top:50%;display:grid;place-items:center;width:46px;height:46px;padding:0;color:#fff;background:linear-gradient(135deg,#a316dc,#5423e8);border:1px solid #ffffffb8;border-radius:50%;box-shadow:0 10px 25px #5820be4a;transform:translateY(-50%);cursor:pointer}
.sliderArrow.prev{left:10px}
.sliderArrow.next{right:10px}
.sliderArrow .uiIcon{width:27px;height:27px}
.personalCard{scroll-snap-align:center}
.editorial{background:#fff!important}
.save{background:linear-gradient(180deg,#fbf9ff 0%,#fff 14%,#fff 70%,#fbf9ff 100%)!important;padding-bottom:110px}
.try{margin-top:-1px;background:linear-gradient(180deg,#fbf9ff 0%,#fff 18%,#fff 84%,#fbf9ff 100%)!important}
}
.ejemplosLinks{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 28px;max-width:900px;margin:36px auto 0;padding:0 22px}
.ejemplosLinks .textLink{margin:0}
/* T8 — prototype parity: demo modules, header account, form T6, editorial seen */
.headerAuth{display:flex;align-items:center;gap:14px;flex-shrink:0;margin-right:6px}
.headerAccount{color:#fff;text-decoration:none;font-family:var(--font-body);font-size:15px;font-weight:600;white-space:nowrap;padding:8px 4px;transition:color var(--duration-premium) var(--ease-premium)}
.modulePanel[hidden]{display:none!important}
.modulePanel{animation:pop .35s var(--ease-premium)}
.demoPhone .module .map{display:grid;gap:6px;margin:18px 0;padding:20px;border-radius:12px;background:#eae4f5;text-align:left}
.demoPhone .module .map b{font-size:15px}
.demoPhone .module .map span{color:#5b5668;font-size:13px}
.demoPhone .module .dress{margin:23px 0;padding:19px;border:1px solid #7335dd;border-radius:10px;color:#6930d6;letter-spacing:.14em;font-weight:700}
.demoPhone .module .track{display:grid;grid-template-columns:1fr 44px;align-items:center;margin-top:22px;padding:15px;border-radius:12px;background:#1ed760;color:#082a12;text-align:left}
.demoPhone .module .track span{font-size:12px}
.demoPhone .module .track button{grid-column:2;grid-row:1/3;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#092213;color:#fff}
.form strong{display:block;margin:14px 0 2px;font-size:13px;color:#4a4458}
.form select,.form input[type="date"],.form input[type="time"],.form textarea{width:100%;border:1px solid #ddd6e8;border-radius:8px;padding:12px;color:#24202c;background:#fff}
.webFlash.error{margin:0 0 12px;color:#b42318;font-size:13px}
.editorial.seen .personalCard{box-shadow:0 28px 60px #3d265340}
@media(max-width:800px){
.headerAuth{display:none}
}
/* Legal and blog content pages */
.webComingSoon{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.webComingSoon>img{width:min(280px,72vw);height:auto;margin-bottom:48px}
.webComingSoon .actions{justify-content:center;margin-top:32px}
.webComingSoon .btn{min-height:58px;padding-inline:24px}
.webContent{background:#fff}
.webContent .head h1{font-size:clamp(36px,4.5vw,56px);line-height:1.05;margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800}
.webContentBody{max-width:760px;margin:40px auto 0;color:#555164;font-size:18px;line-height:1.65}
.webContentBody p{margin:0 0 1.1em}
.webContentBody p:last-child{margin-bottom:0}
.webContentBody h2{font-family:'Bricolage Grotesque',sans-serif;font-size:28px;line-height:1.2;margin:1.4em 0 .5em;color:var(--ink);font-weight:800}
.webContentBody h3{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;line-height:1.25;margin:1.25em 0 .4em;color:var(--ink);font-weight:700}
.webContentBody ul,.webContentBody ol{margin:0 0 1.1em 1.25em}
.webContentBody ul{list-style:disc}
.webContentBody ol{list-style:decimal}
.webContentBody li{margin:0 0 .35em}
.webContentBody a{color:#6531db;text-decoration:underline}
.webContentBody a:hover{color:var(--pink)}
.webContentBody blockquote{margin:1.2em 0;padding:.2em 0 .2em 1em;border-left:3px solid #6d28d9;color:#555164;font-style:italic}
.webContentBody strong,.webContentBody b{font-weight:700;color:var(--ink)}
.webBlogList{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;max-width:1160px;margin:48px auto 0}
.webBlogList article{display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid #e3dcf6;border-radius:22px;background:#fff;box-shadow:0 15px 45px #6230b516}
.webBlogCardImage{aspect-ratio:16/9;overflow:hidden}
.webBlogCardImage img{width:100%;height:100%;object-fit:cover;display:block}
.webBlogList article>.webBlogDate:first-child,.webBlogList article>h2:first-child{padding-top:28px}
.webBlogDate{display:block;margin:20px 28px 10px;color:#6031e7;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.webBlogList article h2{font-size:24px;margin:0 28px 12px;font-family:'Bricolage Grotesque',sans-serif}
.webBlogList article h2 a{color:var(--ink);text-decoration:none}
.webBlogList article h2 a:hover{color:#6031e7}
.webBlogList article>p{margin:0 28px 20px;color:#555164;font-size:16px;line-height:1.55;flex:1}
.webBlogReadMore{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin:0 28px 28px;color:#6531db;border:1px solid #6d28d9;border-radius:10px;padding:11px 15px;text-decoration:none;transition:transform var(--duration-premium) var(--ease-premium),box-shadow var(--duration-premium) var(--ease-premium),background-color var(--duration-premium) var(--ease-premium),border-color var(--duration-premium) var(--ease-premium),color var(--duration-premium) var(--ease-premium)}
.webBlogReadMore:focus-visible{outline:3px solid #f14b9b;outline-offset:4px}
@media (hover:hover) and (pointer:fine){
.webBlogReadMore:hover{color:#fff;background:var(--pink);border-color:var(--pink);transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-ghost-hover)}
.webBlogReadMore:hover .ico:last-child{transform:translateX(5px)}
}
@media(max-width:800px){
.webBlogList{grid-template-columns:1fr;gap:28px}
}
.webBlogArticle{max-width:820px;margin:0 auto}
.webBlogArticle h1{font-size:clamp(36px,4.5vw,52px);line-height:1.05;font-family:'Bricolage Grotesque',sans-serif;font-weight:800}
.webBlogHeroImage{width:100%;max-height:460px;object-fit:cover;border-radius:18px;margin-bottom:28px}
.webBlogExtracto{font-size:20px;color:#555164;margin:16px 0 28px;line-height:1.5}
.webBlogEmpty{text-align:center;color:#555164;font-size:18px;margin-top:40px}
.webBlogBack{margin-top:40px}
.webBlogPreviewBanner{max-width:820px;margin:0 auto 28px;padding:14px 18px;border:1px solid #e3dcf6;border-radius:14px;background:#f3edff;color:#4b4560;font-size:15px;line-height:1.5;text-align:center}
.webBlogPreviewBanner strong{color:#6031e7;font-weight:700}
/* Diseños catalog page — namespaced from `.cursor/tmp/pagina template/` (no header/footer/modal) */
.disenosPage{
--disenos-ink:#121118;
--disenos-violet:#7629ef;
--disenos-line:rgba(68,35,96,.13);
min-height:100vh;
overflow:clip;
color:var(--disenos-ink);
background:
radial-gradient(circle at 92% 12%,rgba(224,83,255,.2),transparent 25%),
radial-gradient(circle at 87% 42%,rgba(255,145,110,.15),transparent 28%),
radial-gradient(circle at 17% 88%,rgba(144,74,255,.12),transparent 28%),
linear-gradient(#fff,#fffafd 55%,#fff);
}
.disenosPage button,.disenosPage a{font:inherit}
.disenosPage button{color:inherit}
.disenosShell{width:min(1360px,calc(100% - 112px));margin-inline:auto}
.disenosHero{min-height:390px;padding:76px 0 54px;position:relative}
.disenosHero>div:first-child{position:relative;z-index:2;max-width:760px}
.disenosEyebrow{color:var(--disenos-violet);font-weight:800;letter-spacing:.08em;font-size:15px;margin:0 0 14px}
.disenosHero h1{margin:0;font-size:clamp(48px,5.4vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:750;font-family:'Bricolage Grotesque',sans-serif}
.disenosHero h1 span{background:linear-gradient(100deg,#8736f5,#d72bbb 55%,#ff8665);color:transparent;background-clip:text;-webkit-background-clip:text}
.disenosLead{color:#53515b;font-size:21px;margin:26px 0 20px}
.disenosHighlight{display:flex;align-items:flex-start;gap:14px;font-size:17px;line-height:1.45;margin:0}
.disenosHighlight svg,.disenosHighlight .uiIcon{color:#812df1;flex:none}
.disenosOrbit{position:absolute;right:-80px;top:-150px;width:520px;height:420px;border:1px solid #8b33eb38;border-radius:50%;font-size:34px;color:#d55af2;padding:280px 0 0 100px;pointer-events:none}
.disenosOrbit:before{content:"";position:absolute;inset:70px -70px -70px 50px;border:1px solid #ff6e8033;border-radius:50%}
.disenosCatalog{padding-bottom:95px}
.disenosFilterScroll{position:sticky;top:10px;z-index:10;padding:8px 0;margin-bottom:30px}
.disenosFilters{width:max-content;min-width:720px;max-width:100%;display:flex;gap:6px;padding:8px;border:1px solid #6e527d14;border-radius:999px;background:#ffffffd6;backdrop-filter:blur(18px);box-shadow:0 10px 27px #50296421}
.disenosFilters button{flex:1;min-width:160px;border:0;border-radius:999px;background:transparent;padding:13px 24px;font-weight:650;cursor:pointer}
.disenosFilters button.active{color:#fff;background:linear-gradient(110deg,#842cff,#c529d6);box-shadow:0 7px 16px #7b29ed47}
.disenosGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.disenosCard h2{margin:17px 0 4px;font-size:21px;line-height:1.2;font-family:'Bricolage Grotesque',sans-serif}
.disenosCard p{margin:0;color:#6c6872;font-size:15px}
.disenosCover{position:relative;border:1px solid #512f661a;border-radius:18px;padding:0;overflow:hidden;background:#f7f2fa;width:100%;aspect-ratio:9/16;cursor:pointer;box-shadow:0 12px 30px #27123417;display:block;text-decoration:none;color:inherit}
.disenosCover img{display:block;width:100%;height:100%;object-fit:contain;transition:.5s}
.disenosCoverPlaceholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#f3eeff,#e8e2f4)}
.disenosOverlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:20px;opacity:0;background:linear-gradient(transparent 57%,#100719b3);transition:.3s;pointer-events:none}
.disenosOverlay>span{width:100%;padding:13px;display:flex;justify-content:center;align-items:center;gap:9px;border:1px solid #ffffffb3;border-radius:999px;background:#2009307a;backdrop-filter:blur(8px);color:#fff;font-weight:700}
.disenosCover:hover img{transform:scale(1.018);filter:brightness(.83)}
.disenosCover:hover .disenosOverlay{opacity:1}
.disenosMobileView{display:none}
.disenosChoose{display:flex;justify-content:center;align-items:center;margin-top:12px;min-height:42px;padding:10px 18px;border-radius:999px;border:0;background:linear-gradient(110deg,#842cff,#c529d6);color:#fff;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 7px 16px #7b29ed47}
.disenosCustom{margin-top:58px;padding:34px 38px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;color:var(--disenos-ink);text-decoration:none;border:1px solid #8233d717;border-radius:24px;background:linear-gradient(110deg,#fffffff0,#f3e5ffe0,#ffefeedb);box-shadow:0 16px 42px #4e25611f;transition:.25s}
.disenosCustom:hover{transform:translateY(-3px)}
.disenosRound{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#7b2ff0;background:#fff;flex:none}
.disenosCustom strong{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:26px}
.disenosCustom small{display:block;font-size:17px;margin-top:5px;font-weight:400}
.disenosPage [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s ease var(--delay,0ms),transform .65s ease var(--delay,0ms)}
.disenosPage [data-reveal].visible{opacity:1;transform:none}
.disenosPage svg.uiIcon{width:24px;height:24px}
@media(max-width:1000px){
.disenosShell{width:calc(100% - 72px)}
.disenosGrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
.disenosShell{width:calc(100% - 44px)}
.disenosHero{min-height:0;padding:55px 0 46px}
.disenosHero .disenosEyebrow{font-size:14px}
.disenosHero h1{font-size:43px;line-height:1.04}
.disenosHero h1 br{display:none}
.disenosLead{font-size:18px;line-height:1.45}
.disenosHighlight{font-size:15px}
.disenosOrbit{width:360px;height:300px;top:-115px;right:-260px}
.disenosCatalog{width:100%;padding-bottom:60px}
.disenosFilterScroll{top:5px;overflow-x:auto;scrollbar-width:none;margin-bottom:15px}
.disenosFilterScroll::-webkit-scrollbar{display:none}
.disenosFilters{min-width:max-content;margin:0 22px;padding:6px}
.disenosFilters button{min-width:auto;padding:11px 18px;font-size:14px}
.disenosGrid{width:calc(100% - 44px);margin:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}
.disenosCover{aspect-ratio:1;border-radius:13px}
.disenosOverlay{display:none}
.disenosCard h2{font-size:16px;margin-top:10px}
.disenosCard p{font-size:13px;line-height:1.35;min-height:35px}
.disenosMobileView{width:100%;min-height:39px;margin-top:9px;display:flex;justify-content:center;align-items:center;gap:7px;border:1px solid #8434ef;border-radius:99px;color:#7525e3;background:#fff;font-weight:700;font-size:13px;cursor:pointer}
.disenosCustom{width:calc(100% - 44px);margin:45px auto 0;padding:24px 20px;gap:13px;border-radius:20px}
.disenosRound{width:44px;height:44px}
.disenosCustom strong{font-size:19px}
.disenosCustom small{font-size:14px;line-height:1.4}
}
@media(max-width:420px){
.disenosHero h1{font-size:38px}
.disenosGrid{gap:23px 14px}
.disenosCard h2{font-size:15px}
.disenosCard p{font-size:12px}
.disenosMobileView{font-size:12px}
.disenosCustom{grid-template-columns:auto 1fr}
.disenosCustom>.disenosRound:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){
.disenosPage [data-reveal]{opacity:1;transform:none;transition:none}
.disenosCover img,.disenosOverlay,.disenosCustom{transition:none}
}
.disenosPreviewBackdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#140f19ad;backdrop-filter:blur(10px)}
.disenosPreviewBackdrop[hidden]{display:none}
body.disenosPreview-open{overflow:hidden}
.disenosPreviewModal{position:relative;display:flex;flex-direction:column;width:min(1040px,calc(100% - 32px));height:min(760px,calc(100vh - 56px));max-height:calc(100vh - 56px);overflow:hidden;padding:28px 32px 32px;border-radius:30px;background:radial-gradient(circle at 37% 90%,#e245d32b,transparent 38%),#fffafd;box-shadow:0 28px 90px #10081854;border:1px solid #fff9}
.disenosPreviewClose{position:absolute;top:20px;right:20px;z-index:5;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#4a4454;cursor:pointer;box-shadow:0 5px 16px #0002}
.disenosPreviewClose:hover{background:#f5f0fb}
.disenosPreviewBody{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:32px;align-items:stretch;flex:1;min-height:0}
.disenosPreviewHint{position:absolute;z-index:4;bottom:37px;left:50%;transform:translateX(-50%);margin:0;padding:8px 14px;border-radius:999px;background:#110c16bf;white-space:nowrap;color:#fff;font-size:13px;font-weight:400;letter-spacing:normal;text-align:center}
.disenosPreviewHintMobile{display:none}
.disenosPreviewStage{position:relative;display:grid;place-items:center;min-height:0}
.disenosPreviewPhone{position:relative;width:min(365px,100%);height:100%;max-height:100%;border:0;border-radius:52px;padding:14px 14px 18px;background:linear-gradient(145deg,#5d5d61,#0a0a0b 18%,#202024 74%,#79797e);box-shadow:inset 0 0 0 2px #aaa,0 20px 43px #1b082343;overflow:hidden}
.disenosPreviewSpeaker{position:absolute;z-index:5;top:12px;left:50%;translate:-50%;width:94px;height:25px;background:#09090b;border:0;border-radius:20px}
.disenosPreviewPhone iframe{position:relative;z-index:2;display:block;width:100%;height:100%;border:0;border-radius:39px;background:#fff}
.disenosPreviewPanel{display:flex;flex-direction:column;justify-content:space-between;padding:120px 66px 62px 45px;min-height:0}
.disenosPreviewEyebrow{margin:0 0 10px;color:#842cff;font-size:12px;font-weight:800;letter-spacing:.12em}
.disenosPreviewPanel h2{margin:0 0 8px;font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(32px,4.2vw,46px);line-height:1.05;letter-spacing:-.04em}
.disenosPreviewMeta{margin:0;color:#706b75;font-size:17px}
.disenosPreviewNote{display:flex;align-items:center;gap:10px;margin:14px 0 12px;padding:12px 15px;border:1px solid rgba(68,35,96,.13);border-radius:13px;color:#56505b;font-size:14px}
.disenosPreviewActions{display:flex;flex-direction:column;gap:12px}
.disenosPreviewAdapt{position:relative}
.disenosPreviewChoose{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;padding:12px 24px;border-radius:14px;background:linear-gradient(100deg,#a20eb5,#d7259b 55%,#ff7e32);color:#fff;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 11px 24px #c5199c3b}
.disenosPreviewSecondary{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:58px;padding:12px 20px;border:1px solid #aaa1ae;border-radius:14px;background:#ffffffbf;color:#3d3644;font-weight:600;font-size:15px;cursor:pointer}
.disenosPreviewSecondary:hover{background:#fff}
.disenosPreviewPopover{position:absolute;z-index:6;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(280px,calc(100vw - 48px));padding:14px 16px;border-radius:12px;background:#1a1025;color:#fff;font-size:14px;line-height:1.45;text-align:center;box-shadow:0 12px 32px #1a102559}
.disenosPreviewPopover[hidden]{display:none}
@media(max-width:700px){
.disenosPreviewBackdrop{padding:0;align-items:flex-end}
.disenosPreviewModal{width:100%;height:auto;max-height:96vh;overflow-y:auto;border-radius:24px 24px 0 0;padding:22px 20px 28px}
.disenosPreviewBody{grid-template-columns:1fr;gap:20px;flex:none;min-height:auto}
.disenosPreviewStage{min-height:auto}
.disenosPreviewHintDesktop{display:none}
.disenosPreviewHintMobile{display:block}
.disenosPreviewPhone{width:min(260px,100%);height:520px;max-height:none;background:#111;box-shadow:0 20px 43px #1b082343}
.disenosPreviewPanel{text-align:center;padding:0 0 8px}
.disenosPreviewNote{display:none}
.disenosPreviewActions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.disenosPreviewAdapt{min-width:0}
.disenosPreviewChoose,.disenosPreviewSecondary{font-size:14px;padding:12px 14px}
.disenosPreviewClose{top:20px;right:20px}
}
/* Cuenta shell — account area on marketing host */
.cuenta-shell{
min-height:100vh;
background:#fbf9ff;
font-family:var(--font-body);
color:var(--ink);
}
.cuenta-main{
max-width:960px;
margin:0 auto;
padding:120px 24px 64px;
}
.cuenta-card{
max-width:440px;
margin:0 auto;
padding:32px;
background:#fff;
border:1px solid #e8e0f5;
border-radius:18px;
box-shadow:var(--shadow-card);
}
.cuenta-card--registro{max-width:560px}
.cuenta-field-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
align-items:start;
}
@media(max-width:639px){
.cuenta-field-row{grid-template-columns:1fr}
}
.cuenta-card h1{
font-family:var(--font-display);
font-size:28px;
line-height:1.2;
margin-bottom:24px;
}
.cuenta-card p{color:#555164;line-height:1.5}
.cuenta-field{margin-bottom:16px}
.cuenta-field label{
display:block;
margin-bottom:6px;
font-size:14px;
font-weight:600;
}
.cuenta-field input:not([type="checkbox"]):not([type="radio"]){
width:100%;
padding:12px 14px;
border:1px solid #d8cdea;
border-radius:10px;
font:inherit;
background:#fff;
}
.cuenta-field--checkbox label{
display:flex;
align-items:flex-start;
gap:10px;
margin-bottom:0;
font-size:14px;
font-weight:400;
line-height:1.5;
cursor:pointer;
}
.cuenta-field--checkbox input[type="checkbox"]{
width:auto;
margin-top:3px;
flex-shrink:0;
}
.cuenta-link{color:var(--v);text-decoration:none}
.cuenta-link:hover{text-decoration:underline}
.cuenta-alert{
margin-bottom:16px;
padding:12px 14px;
border-radius:10px;
font-size:14px;
}
.cuenta-alert--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.cuenta-alert--success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.cuenta-table{
width:100%;
border-collapse:collapse;
background:#fff;
border-radius:18px;
overflow:hidden;
}
.cuenta-table th,.cuenta-table td{
padding:14px 16px;
text-align:left;
border-bottom:1px solid #efe8fb;
}
.cuenta-table th{
font-size:13px;
text-transform:uppercase;
letter-spacing:.08em;
color:var(--v);
background:#faf7ff;
}
.cuenta-page-title{
margin:0 0 24px;
font-family:var(--font-display);
font-size:clamp(32px,4vw,44px);
}
.cuenta-subnav{
display:flex;
align-items:center;
gap:4px;
margin-bottom:24px;
padding:6px;
background:#fff;
border:1px solid #e8e0f5;
border-radius:14px;
flex-wrap:wrap;
}
.cuenta-subnav-link{
padding:10px 16px;
border-radius:10px;
font-size:14px;
font-weight:600;
color:#555164;
text-decoration:none;
}
.cuenta-subnav-link.is-active,
.cuenta-subnav-link:hover{
color:var(--v);
background:#faf7ff;
}
.cuenta-subnav-logout{
margin-left:auto;
}
.cuenta-empty{
padding:32px;
text-align:center;
color:#555164;
background:#fff;
border-radius:18px;
border:1px dashed #d8cdea;
}
.cuenta-dashboard-list{
display:grid;
grid-template-columns:1fr;
gap:24px;
}
@media(min-width:800px){
.cuenta-dashboard-list{grid-template-columns:repeat(2,1fr)}
}
.cuenta-dashboard-card{
display:flex;
flex-direction:column;
padding:30px 28px 27px;
background:#fff;
border:1px solid #e3dcf6;
border-radius:24px;
box-shadow:var(--shadow-card);
}
.cuenta-dashboard-card__header{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:space-between;
gap:12px 16px;
margin-bottom:12px;
}
.cuenta-dashboard-card__title{
margin:0;
font-family:var(--font-display);
font-size:20px;
line-height:1.25;
flex:1 1 auto;
}
.cuenta-dashboard-card__copy{
margin:0 0 16px;
font-size:15px;
line-height:1.45;
color:#555164;
}
.cuenta-dashboard-card__codigo{
margin:0 0 20px;
font-size:14px;
color:#6b6378;
}
.cuenta-dashboard-card__codigo span{
display:block;
margin-bottom:4px;
font-size:12px;
font-weight:600;
letter-spacing:.06em;
text-transform:uppercase;
color:#8b849c;
}
.cuenta-dashboard-card__actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:auto;
}
.cuenta-dashboard-card__actions .btn{
min-height:48px;
flex:1 1 auto;
border-radius:14px;
font-size:16px;
}
.cuenta-google-connect{margin-top:8px}
.cuenta-google-connect .btn{width:100%}
.cuenta-google-divider{
display:flex;
align-items:center;
gap:12px;
margin:20px 0 16px;
font-size:13px;
color:#8b849c;
}
.cuenta-google-divider::before,
.cuenta-google-divider::after{
content:'';
flex:1;
height:1px;
background:#e8e0f5;
}
.cuenta-google-legal{
margin-top:12px;
font-size:13px;
text-align:center;
color:#555164;
line-height:1.5;
}
.cuenta-card form .btn,
.cuenta-card>.btn{
width:100%;
margin-top:8px;
border:0;
cursor:pointer;
font:inherit;
border-radius:12px;
padding:14px 18px;
}
.cuenta-shell .btn--inline{
width:auto;
display:inline-flex;
}
.cuenta-shell .btn.ghost{
background:#fff;
border:1px solid #d8cdea;
color:var(--ink);
box-shadow:none;
}
@media(hover:hover) and (pointer:fine){
.cuenta-shell .btn.ghost:hover{
background:#faf7ff;
color:var(--ink);
border-color:#d8cdea;
transform:none;
box-shadow:none;
}
}
.cuenta-text-center{text-align:center}
.cuenta-text-sm{font-size:14px}
.cuenta-text-hint{font-size:12px;color:#6b7280}
.cuenta-mt-lg{margin-top:20px}
.cuenta-mt-md{margin-top:12px}
.cuenta-mt-sm{margin-top:8px}
.cuenta-mb-lg{margin-bottom:20px}
.cuenta-card--wide{max-width:720px}
.cuenta-solicitud-header{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:space-between;
gap:12px 16px;
margin-bottom:16px;
}
.cuenta-solicitud-header h1{margin-bottom:0}
.cuenta-badge{
display:inline-flex;
align-items:center;
padding:6px 12px;
border-radius:999px;
font-size:13px;
font-weight:600;
color:var(--v);
background:#f3edff;
border:1px solid #e0d4fb;
}
.cuenta-estado-copy{
margin:0 0 24px;
padding:14px 16px;
border-radius:12px;
font-size:15px;
line-height:1.5;
color:#4b4560;
background:#faf7ff;
border:1px solid #efe8fb;
}
.cuenta-detail-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px 24px;
margin:0;
}
.cuenta-detail-grid__item{margin:0}
.cuenta-detail-grid dt{
margin:0 0 4px;
font-size:12px;
font-weight:600;
letter-spacing:.06em;
text-transform:uppercase;
color:#8b849c;
}
.cuenta-detail-grid dd{
margin:0;
font-size:15px;
line-height:1.45;
color:var(--ink);
}
.cuenta-share{
margin-top:28px;
padding-top:24px;
border-top:1px solid #efe8fb;
}
.cuenta-share__title{
margin:0 0 12px;
font-family:var(--font-display);
font-size:22px;
line-height:1.2;
}
.cuenta-share__label{
display:block;
margin-bottom:8px;
font-size:14px;
font-weight:600;
}
.cuenta-share__row{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:14px;
}
.cuenta-share__input{
flex:1 1 220px;
min-width:0;
padding:12px 14px;
border:1px solid #d8cdea;
border-radius:10px;
font:inherit;
background:#fff;
}
.cuenta-share__copy{
flex:0 0 auto;
border:0;
cursor:pointer;
font:inherit;
}
.cuenta-share__cta{
width:100%;
text-align:center;
text-decoration:none;
}
.cuenta-rsvp{
margin-top:28px;
padding-top:24px;
border-top:1px solid #efe8fb;
}
.cuenta-rsvp__title{
margin:0 0 16px;
font-family:var(--font-display);
font-size:22px;
line-height:1.2;
color:var(--ink);
}
.cuenta-rsvp-counts{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
margin:0 0 16px;
font-size:14px;
color:#555164;
}
.cuenta-rsvp-counts__sep{color:#c4b5fd}
.cuenta-rsvp-badge{
display:inline-flex;
align-items:center;
border-radius:999px;
padding:4px 10px;
font-size:12px;
font-weight:700;
line-height:1.2;
}
.cuenta-rsvp-badge--yes{
background:#ede9fe;
color:#6031e7;
}
.cuenta-rsvp-badge--no{
background:#fce7f3;
color:#be185d;
}
.cuenta-rsvp-offline,
.cuenta-rsvp-empty{
margin:0;
font-size:15px;
line-height:1.5;
color:#555164;
}
.cuenta-rsvp-table-wrap{overflow-x:auto}
.cuenta-rsvp-table{
width:100%;
border-collapse:collapse;
background:#fff;
border-radius:14px;
overflow:hidden;
border:1px solid #efe8fb;
}
.cuenta-rsvp-table th,
.cuenta-rsvp-table td{
padding:12px 14px;
text-align:left;
border-bottom:1px solid #efe8fb;
vertical-align:top;
}
.cuenta-rsvp-table th{
font-size:12px;
text-transform:uppercase;
letter-spacing:.08em;
color:var(--v);
background:#faf7ff;
}
.cuenta-rsvp-table tbody tr:last-child td{border-bottom:0}
.cuenta-rsvp-details{font-size:14px}
.cuenta-rsvp-details__summary{
cursor:pointer;
color:var(--v);
font-weight:600;
list-style-position:outside;
}
.cuenta-rsvp-details__body{
margin-top:8px;
color:#555164;
line-height:1.45;
}
.cuenta-rsvp-details__body p{margin:0 0 6px}
.cuenta-rsvp-details__body p:last-child{margin-bottom:0}
.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
@media(max-width:639px){
.cuenta-detail-grid{grid-template-columns:1fr}
.cuenta-share__copy,.cuenta-share__cta{width:100%}
}