:root{
  --v23-rose:#ff79b3;
  --v23-rose-soft:#ffd9e8;
  --v23-lilac:#bda5ff;
  --v23-cream:#fff9f7;
}

.ui-icon-account{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10m0 2c-4.42 0-8 2.24-8 5v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1c0-2.76-3.58-5-8-5'/%3E%3C/svg%3E")}
.ui-icon-layout{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4.5 3h6A1.5 1.5 0 0 1 12 4.5v6a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 10.5v-6A1.5 1.5 0 0 1 4.5 3m9 0h6A1.5 1.5 0 0 1 21 4.5v6a1.5 1.5 0 0 1-1.5 1.5h-6a1.5 1.5 0 0 1-1.5-1.5v-6A1.5 1.5 0 0 1 13.5 3m-9 9h6a1.5 1.5 0 0 1 1.5 1.5v6a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 19.5v-6A1.5 1.5 0 0 1 4.5 12m9 0h6a1.5 1.5 0 0 1 1.5 1.5v6a1.5 1.5 0 0 1-1.5 1.5h-6a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 1.5-1.5'/%3E%3C/svg%3E")}
.ui-icon-help{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 4a4 4 0 0 0-4 4 1 1 0 0 0 2 0 2 2 0 1 1 2.76 1.85C11.65 12.3 11 13.18 11 14.5a1 1 0 1 0 2 0c0-.48.15-.68.55-.84A4 4 0 0 0 12 6m0 10.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5'/%3E%3C/svg%3E")}
.ui-icon-refresh{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 4a8 8 0 0 1 7.16 4.42l1.39-1.39A1 1 0 1 1 21.97 8.45l-3 3a1 1 0 0 1-1.42 0l-3-3a1 1 0 1 1 1.42-1.42l1.15 1.15A6 6 0 1 0 18 14a1 1 0 1 1 2 0A8 8 0 1 1 12 4'/%3E%3C/svg%3E")}
.ui-icon-lock{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10V8a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2zm2 0h6V8a3 3 0 0 0-6 0z'/%3E%3C/svg%3E")}
.ui-icon-mobile{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 2h8a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m0 2v16h8V4zm4 13a1.25 1.25 0 1 1 0 2.5A1.25 1.25 0 0 1 12 17'/%3E%3C/svg%3E")}
.ui-icon-music{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 4v11.2A3.5 3.5 0 1 0 11 18V8.2l7-1.55v7.55A3.5 3.5 0 1 0 20 17V3z'/%3E%3C/svg%3E")}

/* Hero */
.hero h1{max-width:11.5ch;font-size:clamp(3.2rem,6.3vw,6.8rem);line-height:.97;letter-spacing:-.055em}
.hero h1 em{background:linear-gradient(135deg,#ffdce9 0%,#ff8cbf 46%,#cbb3ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{font-size:clamp(1.02rem,.96rem + .32vw,1.22rem);max-width:61ch}
.hero-actions .ui-icon{margin-left:7px}
.microproof i{font-size:.9rem;color:#ffd7e7}
.story-strip{border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.marquee-track span{position:relative;padding-right:38px;color:rgba(255,255,255,.72)}
.marquee-track span:after{content:"";position:absolute;right:14px;top:50%;width:5px;height:5px;border-radius:50%;background:rgba(255,155,197,.62);transform:translateY(-50%)}

/* Product story */
.landing-story{padding:clamp(72px,9vw,132px) 0;position:relative;overflow:hidden}
.landing-story:before{content:"";position:absolute;left:-12%;top:8%;width:40vw;height:40vw;border-radius:50%;background:radial-gradient(circle,rgba(255,105,171,.12),transparent 68%);filter:blur(16px);pointer-events:none}
.landing-story-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:clamp(46px,7vw,100px);align-items:center}
.landing-story-copy h2{font-size:clamp(2.6rem,4.8vw,5.1rem);line-height:1;letter-spacing:-.045em;margin:12px 0 22px;max-width:11ch}
.landing-story-copy>p{font-size:1.05rem;line-height:1.82;color:rgba(255,255,255,.74);max-width:61ch}
.landing-story-points{display:grid;gap:12px;margin:28px 0}
.landing-story-points>div{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:14px 16px;border-radius:19px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.landing-story-points .ui-icon{display:grid;place-items:center;width:48px;height:48px;padding:13px;border-radius:16px;background:rgba(255,255,255,.08);color:#ffd6e8}
.landing-story-points strong{display:block;font-size:1rem;margin-bottom:4px}
.landing-story-points small{display:block;color:rgba(255,255,255,.62);font-size:.9rem;line-height:1.52}
.landing-story-cta{min-height:54px;padding-inline:22px}
.landing-memory-stack{position:relative;min-height:560px;isolation:isolate}
.memory-frame{position:absolute;margin:0;padding:12px 12px 34px;background:#fff9f6;border-radius:9px;box-shadow:0 28px 70px rgba(0,0,0,.27);overflow:hidden}
.memory-frame img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}
.memory-frame-main{width:min(70%,430px);height:500px;left:15%;top:24px;transform:rotate(-2deg);z-index:3}
.memory-frame-main figcaption{font-family:'Caveat',cursive;font-size:1.25rem;color:#6e4b59;padding:10px 8px 0;text-align:center}
.memory-frame-left{width:210px;height:270px;left:0;top:190px;transform:rotate(-8deg);z-index:2}
.memory-frame-right{width:205px;height:260px;right:0;top:120px;transform:rotate(8deg);z-index:2}
.memory-letter-card{position:absolute;right:2%;bottom:12px;z-index:5;display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;width:min(74%,360px);padding:17px 18px;border-radius:20px;background:rgba(23,13,24,.92);border:1px solid rgba(255,255,255,.13);box-shadow:0 22px 54px rgba(0,0,0,.32);backdrop-filter:blur(18px)}
.memory-letter-card .ui-icon{grid-row:1/3;width:44px;height:44px;padding:11px;border-radius:14px;background:linear-gradient(135deg,rgba(255,109,174,.2),rgba(193,155,255,.14));color:#ffcbe0}
.memory-letter-card strong{font-size:1rem}
.memory-letter-card small{color:rgba(255,255,255,.6);margin-top:4px}

/* Better commercial cards */
.templates-premium{grid-template-columns:repeat(4,minmax(0,1fr))}
.template-card-premium{min-height:100%}
.template-card-premium .template-tag{display:inline-flex;margin-top:2px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.template-card-premium h3{font-size:clamp(1.25rem,1.1rem + .3vw,1.5rem);line-height:1.16}
.section-head>p{font-size:1rem;line-height:1.8;color:rgba(255,255,255,.68)}

.how{gap:16px}
.how-card{position:relative;overflow:hidden;padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08)}
.how-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(255,117,177,.09),transparent 32%);pointer-events:none}
.how-card .step-num{font-family:'DM Sans',sans-serif;font-size:.76rem;letter-spacing:.2em;color:#ffc5dc;margin-bottom:22px}
.how-card h3{font-size:1.34rem;margin-bottom:10px}
.how-card p{line-height:1.72;color:rgba(255,255,255,.66)}

/* Value strip */
.landing-value{padding:30px 0 80px}
.landing-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.landing-value article{padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 44px rgba(0,0,0,.12)}
.landing-value .ui-icon{display:block;width:46px;height:46px;padding:12px;border-radius:15px;background:rgba(255,255,255,.075);color:#ffd3e5;margin-bottom:18px}
.landing-value strong{display:block;font-size:1.12rem;margin-bottom:8px}
.landing-value p{margin:0;color:rgba(255,255,255,.64);line-height:1.68}

/* Creator CTA section tweaks */
.creator-launch .launch-copy h3{font-size:clamp(1.7rem,1.3rem + 1vw,2.4rem);line-height:1.1;max-width:16ch}
.creator-launch .launch-copy p{line-height:1.75;color:rgba(255,255,255,.69);max-width:59ch}
.launch-btn .ui-icon{margin-left:7px}

/* Decision section */
#presente{padding-top:clamp(50px,7vw,92px)}
.home-pricing-copy h2{font-size:clamp(2.6rem,4.2vw,4.7rem);line-height:1;letter-spacing:-.045em}
.home-pricing-copy p{line-height:1.8;max-width:60ch;color:rgba(255,255,255,.7)}

/* Final CTA */
.landing-final-cta{padding:clamp(50px,7vw,96px) 0}
.landing-final-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;padding:clamp(28px,4vw,48px);border-radius:32px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 18% 20%,rgba(255,116,176,.16),transparent 30%),radial-gradient(circle at 86% 16%,rgba(182,152,255,.13),transparent 26%),rgba(255,255,255,.035);box-shadow:0 28px 72px rgba(0,0,0,.18)}
.landing-final-card h2{font-size:clamp(2.4rem,4vw,4.5rem);line-height:1.02;letter-spacing:-.045em;margin:10px 0 14px;max-width:13ch}
.landing-final-card p{max-width:63ch;margin:0;color:rgba(255,255,255,.69);line-height:1.76}
.landing-final-actions{display:grid;gap:12px;min-width:220px}
.landing-final-actions .btn{min-height:54px;justify-content:center}

/* Nav improvements */
.nav-inner{min-height:72px}
.nav-links a{position:relative}
.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;border-radius:2px;background:linear-gradient(90deg,#ff75b1,#c3a9ff);transition:right .2s ease}
.nav-links a:hover:after{right:0}
.nav-actions .btn-primary .ui-icon,.mobile-nav-create .ui-icon{margin-left:6px}
.mobile-nav-account>.ui-icon{width:42px;height:42px;padding:11px;border-radius:14px;background:rgba(255,255,255,.07);color:#ffd7e7}
.mobile-nav-links .ui-icon{width:18px;height:18px;margin-right:4px;color:#ffcde1}

/* Account link to site */
.mine-back{display:inline-flex;align-items:center;min-height:42px;padding:0 13px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:rgba(255,255,255,.74)}
.mine-back:hover{background:rgba(255,255,255,.075);color:#fff}

@media(max-width:1180px){
  .templates-premium{grid-template-columns:repeat(2,minmax(0,1fr))}
  .landing-story-grid{grid-template-columns:1fr 1fr;gap:44px}
  .landing-memory-stack{min-height:500px}
  .memory-frame-main{width:72%;height:450px}
}

@media(max-width:900px){
  .landing-story-grid{grid-template-columns:1fr}
  .landing-story-copy h2{max-width:13ch}
  .landing-memory-stack{width:min(100%,650px);margin-inline:auto}
  .landing-value-grid{grid-template-columns:1fr}
  .landing-final-card{grid-template-columns:1fr}
  .landing-final-actions{grid-template-columns:1fr 1fr;min-width:0}
}

@media(max-width:640px){
  .hero h1{font-size:clamp(3rem,14vw,4.6rem);max-width:9.5ch}
  .landing-story{padding:72px 0}
  .landing-story-copy h2{font-size:clamp(2.5rem,11vw,4rem);max-width:10ch}
  .landing-story-points>div{grid-template-columns:42px 1fr;padding:12px}
  .landing-story-points .ui-icon{width:42px;height:42px;padding:11px}
  .landing-memory-stack{min-height:420px;margin-top:14px}
  .memory-frame-main{left:12%;width:76%;height:350px}
  .memory-frame-left{width:150px;height:200px;top:170px}
  .memory-frame-right{width:145px;height:190px;top:110px}
  .memory-letter-card{right:2%;bottom:0;width:82%;grid-template-columns:38px 1fr;padding:14px}
  .memory-letter-card .ui-icon{width:38px;height:38px;padding:10px}
  .templates-premium{grid-template-columns:1fr}
  .template-media{height:190px}
  .landing-final-actions{grid-template-columns:1fr}
  .landing-final-card h2{font-size:clamp(2.4rem,11vw,3.7rem)}
}