:root{--color-warm-white:#fbf9f4;--color-soft-beige:#eee7dc;--color-sage:#a8b5a2;--color-olive-gray:#4e544c;--color-dusty-rose:#d8bfc3;--color-champagne:#d9c9aa;--color-body-text:#5f655c;--color-muted-text:#6f756b;--font-body:"Montserrat", Arial, Helvetica, sans-serif;--font-display:"Cormorant Garamond", Georgia, serif;--space-page:clamp(1rem, 5vw, 5.5rem);--space-section:clamp(4rem, 9vw, 8rem);--container-max:1180px;--radius-card:8px;--radius-pill:999px;--shadow-soft:0 28px 80px #4e544c29}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-warm-white);color:var(--color-olive-gray);font-family:var(--font-body);min-width:320px;margin:0}body,button,input,textarea,select{font:inherit}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-sage);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--color-olive-gray);font-family:var(--font-display);letter-spacing:0;font-weight:700}h1{font-size:clamp(3.5rem,16vw,8.5rem);line-height:.92}h2{font-size:clamp(2.35rem,9vw,5rem);line-height:.98}h3{font-size:clamp(1.7rem,5vw,2.35rem);line-height:1}p{line-height:1.75}.site-shell{overflow:hidden}.container{max-width:var(--container-max);padding:0 var(--space-page);width:100%;margin:0 auto}.section{padding:var(--space-section) 0}.section-muted{background:var(--color-soft-beige)}.section-dark{background:var(--color-olive-gray);color:var(--color-warm-white)}.section-dark h2,.section-dark .eyebrow,.section-dark p{color:var(--color-warm-white)}.section-grid{grid-template-columns:minmax(0,.9fr) minmax(18rem,.7fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.eyebrow{color:var(--color-muted-text);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700}.section-title{gap:1rem;max-width:48rem;display:grid}.section-title p:last-child{color:var(--color-body-text);font-size:clamp(1rem,2vw,1.15rem)}.button{border-radius:var(--radius-pill);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:3rem;padding:.9rem 1.35rem;font-size:.95rem;font-weight:700;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--color-olive-gray);color:var(--color-warm-white)}.button-secondary{color:var(--color-olive-gray);background:0 0;border-color:#4e544c47}.site-header{z-index:20;background:#fbf9f4eb;border-bottom:1px solid #d9c9aaa6;position:sticky;top:0}.site-header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:4.75rem;display:grid}.brand-link{align-items:center;gap:.7rem;font-weight:700;display:inline-flex}.brand-placeholder{aspect-ratio:1;background:var(--color-sage);color:var(--color-warm-white);font-family:var(--font-display);justify-content:center;align-items:center;width:2.4rem;font-size:1.25rem;display:inline-flex}.main-nav{justify-content:center;gap:clamp(.8rem,2vw,1.5rem);display:flex}.main-nav a{font-size:.9rem;font-weight:700}.hero{background:linear-gradient(115deg, #fbf9f4eb, #eee7dcd1), var(--color-warm-white);min-height:calc(100vh - 4.75rem);padding:clamp(3rem,8vw,7rem) 0}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,.82fr);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.hero-copy{gap:1.1rem;display:grid}.hero-subtitle{color:#8f7278;font-family:var(--font-display);font-size:clamp(1.55rem,5vw,2.45rem);font-weight:600;line-height:1.1}.hero-description{color:var(--color-body-text);max-width:40rem;font-size:clamp(1rem,2vw,1.18rem)}.hero-actions{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:.5rem;display:flex}.purchase-note{color:var(--color-muted-text);max-width:40rem;font-size:.9rem}.product-mockup{min-height:30rem;position:relative}.mockup-page{box-shadow:var(--shadow-soft);background:#fffdf8;border:1px solid #d9c9aae0;gap:1rem;padding:clamp(1.25rem,4vw,2.4rem);display:grid;position:absolute}.mockup-page-main{width:min(76%,24rem);min-height:28rem;top:0;left:0}.mockup-page-secondary{width:min(50%,16rem);min-height:15rem;bottom:0;right:0}.mockup-title{font-family:var(--font-display);font-size:clamp(2.35rem,7vw,4rem);font-weight:700;line-height:.95}.mockup-subtitle{color:#8f7278;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.mockup-image-slot{background:linear-gradient(135deg,#a8b5a259,#d8bfc36b);border:1px solid #a8b5a26b;min-height:12rem}.mockup-lines{gap:.55rem;display:grid}.mockup-lines span{background:var(--color-champagne);width:70%;height:.5rem;display:block}.mockup-lines span:first-child{width:90%}.preview-grid,.benefits-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;display:grid}.feature-card,.preview-card{border-radius:var(--radius-card);background:#fffdf8b8;border:1px solid #d9c9aacc;padding:clamp(1.25rem,3vw,2rem)}.feature-card{gap:.8rem;display:grid}.feature-card p,.preview-card p{color:var(--color-body-text)}.preview-card{min-height:18rem}.preview-placeholder{color:var(--color-muted-text);text-align:center;background:#a8b5a238;border:1px dashed #4e544c61;justify-content:center;align-items:center;min-height:12rem;font-size:.9rem;display:flex}.check-list,.steps-list,.faq-list{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.check-list li,.steps-list li{border-radius:var(--radius-card);background:#fffdf8;border:1px solid #d9c9aad1;padding:1rem}.steps-list{grid-template-columns:repeat(5,1fr);margin-top:2rem}.steps-list span{color:#8f7278;font-family:var(--font-display);margin-bottom:.65rem;font-size:2rem;font-weight:700;display:block}.price-panel{border-radius:var(--radius-card);background:#fffdf8;border:1px solid #d9c9aad9;gap:1rem;margin-top:2rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.price{color:var(--color-olive-gray);font-family:var(--font-display);font-size:clamp(3rem,10vw,5rem);font-weight:700;line-height:1}.faq-list{margin-top:2rem}.accordion-item{border-radius:var(--radius-card);background:#fffdf8;border:1px solid #d9c9aad1;padding:1rem 1.1rem}.accordion-item summary{cursor:pointer;font-weight:700}.accordion-item p{color:var(--color-body-text);margin-top:.8rem}.final-cta{background:var(--color-dusty-rose);text-align:center}.final-cta .container{place-items:center;gap:1rem;display:grid}.site-footer{background:var(--color-olive-gray);color:var(--color-warm-white);padding:2rem 0}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:1.25rem;display:flex}.footer-brand{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.footer-links{flex-wrap:wrap;gap:1rem;display:flex}.external-note{color:#fbf9f4c7;flex-basis:100%;margin-top:1rem;font-size:.85rem}.legal-page,.not-found-page{min-height:100vh;padding:clamp(4rem,10vw,8rem) 0}.legal-page h1,.not-found-page h1{margin:1rem 0}.legal-page p,.not-found-page p{max-width:48rem}.not-found-page .button{margin-top:1.5rem}@media (max-width:920px){.site-header-inner{grid-template-columns:1fr auto}.main-nav{display:none}.hero-grid,.section-grid{grid-template-columns:1fr}.hero{min-height:auto}.preview-grid,.benefits-grid,.steps-list{grid-template-columns:1fr}}@media (max-width:640px){.site-header-inner{min-height:4.25rem}.brand-link span:last-child{max-width:9rem}.product-mockup{min-height:23rem}.mockup-page-main{width:78%;min-height:22rem}.mockup-page-secondary{width:54%;min-height:12rem}.button{width:100%}}
