/* The sunset hero keeps its existing composition and colours. */
body{background:#171922;color:#f5f1f8}body::before{background:radial-gradient(ellipse at 7% 25%,#5863a323,transparent 38%),radial-gradient(ellipse at 96% 61%,#a5806220,transparent 35%),linear-gradient(115deg,#ffffff02,transparent 45%);background-size:auto;z-index:-1}
.benefits,.story,.everyday,.faq-preview{position:relative;isolation:isolate}.benefits::before,.story::before,.everyday::before{content:'';position:absolute;inset:0 -4vw;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 30%,#6673b921,transparent 58%),radial-gradient(ellipse at 85% 80%,#c09b7715,transparent 48%)}.story::before{background:radial-gradient(ellipse at 85% 20%,#6078a52b,transparent 40%),radial-gradient(ellipse at 10% 72%,#97806520,transparent 35%)}.everyday::before{background:radial-gradient(ellipse at 50% 70%,#8d9ec32a,transparent 65%)}
.benefit-grid{gap:24px}.benefit-grid article{padding:28px;border:1px solid #ced9f224;border-radius:24px;background:linear-gradient(140deg,#ffffff0b,#ffffff02 60%);box-shadow:inset 0 1px #ffffff10,0 15px 35px #00000025;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .35s,box-shadow .35s,transform .35s}.benefit-grid article::before{inset:0;border-radius:24px;background:radial-gradient(ellipse at 15% 0%,#adbbdf22,transparent 75%)}.benefit-grid h3{font-size:28px}.benefit-grid p{color:#bdc1d0}.feature-number,.preview-label{color:#b8bed7}.section-heading em,.everyday em{color:#c4cce4}
.chapter{border-color:#bcc3de21}.chapter .phone{background:linear-gradient(140deg,#ffffff12,#a3b3d209 50%,#c1a8890c);border:1px solid #d6e3ff2b;box-shadow:inset 0 1px #f0f3ff26,0 35px 80px #00000055,0 0 75px #6b88bb14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:perspective(1200px) rotateY(-2deg)}.chapter:nth-of-type(even) .phone{transform:perspective(1200px) rotateY(2deg)}.chapter .phone::before{background:radial-gradient(ellipse,#7288bc25,transparent 70%)}.app-screen{background:linear-gradient(155deg,#2b2e3bd9,#222430ef)}.chat-header,.app-header{border-color:#e0e7ff17}.bubble{background:linear-gradient(130deg,#ffffff15,#ffffff09);border:1px solid #dbe2f329;box-shadow:inset 0 1px #ffffff11,0 8px 22px #00000018;color:#f5f2fa}.bubble.you{background:linear-gradient(135deg,#fcf5ea,#e8e4ef);color:#55506a;border-color:#fff3ddaa;box-shadow:0 0 25px #e7ceb618,0 7px 18px #00000025}.bubble span{color:#b8bfd4}.bubble.you span{color:#7a7088}.pact-card,.week,.letter-body{background:linear-gradient(145deg,#353849,#292b38);border-color:#cad5ed25}.pact-body .muted,.pact-body p,.fine,.muted{color:#bdc3d4}.demo-badge{background:#45485b;color:#dee3f4;border-color:#ffffff20}.app-nav{background:#3b3e50}.days b{background:#494e62}.days .kept{background:#d0d8ee;color:#2e3240}.chapter-links{background:#ffffff06;border-color:#c7d1e821}.chapter-links a[aria-current]{background:#8996c326;color:#e5eaff}.prose>p:not(.chapter-number),.story-intro>p,.everyday-copy,.faq-list details p,.faq-preview details p{color:#bcc2d1}.chapter-number{color:#b1bbd4}.faq-list details,.faq-preview details{border-color:#b4bfd627}.footer{background:linear-gradient(120deg,#12141d,#222632);border-color:#b7c3e724}.footer p,.footer nav h2,.footer-bottom{color:#b6bed2}.footer nav a{color:#e9ecf5}
@media(hover:hover) and (pointer:fine){.benefit-grid article:hover{transform:translateY(-5px);border-color:#cddaff52;box-shadow:inset 0 1px #fff3,0 22px 48px #0005,0 0 36px #99a9db15}.benefit-grid article:hover .feature-number{color:#e4eaff;text-shadow:0 0 18px #b4c7ff55}}
@media(max-width:700px){.benefit-grid{gap:16px}.benefit-grid article{padding:24px}.chapter .phone,.chapter:nth-of-type(even) .phone{transform:none}.benefits::before,.story::before,.everyday::before{inset:0}.bubble{font-size:17px}}
@media(prefers-reduced-motion:reduce){.chapter .phone{transform:none!important}.benefit-grid article:hover{transform:none}}