:root{--background: 36 33% 97%;--foreground: 220 15% 20%;--card: 36 30% 95%;--card-foreground: 220 15% 20%;--primary: 350 30% 55%;--primary-foreground: 36 33% 97%;--secondary: 30 25% 90%;--secondary-foreground: 220 15% 25%;--muted: 30 20% 92%;--muted-foreground: 220 10% 45%;--accent: 350 25% 88%;--accent-foreground: 350 30% 35%;--border: 30 20% 88%;--input: 30 20% 85%;--ring: 350 30% 55%;--radius: .75rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-copy,.hero-visual-shell{animation:none!important;opacity:1!important;transform:none!important}.hero-brand-animated,.hero-brand-heart{animation:none!important}.hero-brand-heart{opacity:0}.social-proof-carousel{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none}.social-proof-track{animation:none!important}.social-proof-card--real{scroll-snap-align:start}}body{background:hsl(var(--background));color:hsl(var(--foreground));font-family:DM Sans,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif}a,button,input,summary{touch-action:manipulation}.skip-link{position:fixed;top:.75rem;left:1rem;z-index:120;transform:translateY(-150%);border:1px solid hsl(var(--border));border-radius:.6rem;padding:.55rem .8rem;color:hsl(var(--primary));background:hsl(var(--background));text-decoration:none;font-weight:700;transition:transform .12s ease-in-out}.skip-link:focus-visible{transform:translateY(0);outline:2px solid hsl(var(--ring) / .5)}.container{width:min(100% - 2rem,1200px);margin:0 auto}.section{padding:4rem 0}.section h2{margin:0 0 .75rem;font-size:clamp(1.95rem,4vw,2.8rem);line-height:1.15}.section h3{margin:0}.section-header{margin-bottom:3rem}.section-header--center{text-align:center}.section-header--center .section-subtitle{margin-inline:auto}.section-subtitle{margin:0;max-width:36rem;color:hsl(var(--muted-foreground));line-height:1.65}.eyebrow{margin:0 0 1rem;font-size:.82rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--primary))}.hero-brand-animated{display:inline-flex;align-items:center;gap:.35rem;transform-origin:center;animation:hero-brand-breathe 4.2s ease-in-out infinite}.hero-brand-hearts{position:relative;width:.95rem;height:.9rem;display:inline-block}.hero-brand-heart{position:absolute;left:0;bottom:0;color:hsl(var(--primary) / .72);font-size:.58rem;line-height:1;opacity:0;transform:translateY(0) scale(.9);animation:hero-heart-float 5.4s ease-in-out infinite}.hero-brand-heart--one{left:0;animation-delay:.1s}.hero-brand-heart--two{left:.26rem;animation-delay:1.35s}.hero-brand-heart--three{left:.5rem;animation-delay:2.4s}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;border-radius:999px;padding:.68rem 1.55rem;font-family:inherit;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}.button:hover{transform:translateY(-1px)}.button:focus-visible{outline:2px solid hsl(var(--ring) / .4);outline-offset:2px}.button--primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.button--primary:hover{background:hsl(var(--primary) / .9)}.button--secondary{background:transparent;border-color:hsl(var(--primary));color:hsl(var(--primary))}.button--secondary:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.button[aria-disabled=true],.button:disabled{opacity:.5;pointer-events:none}.section-actions{display:flex;flex-direction:column;gap:.75rem}.section-actions--center{justify-content:center;align-items:center}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-slow{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.section--hero{overflow:hidden}.hero-layout{display:grid;gap:2.5rem;align-items:center}.hero-copy{animation:fade-in .6s ease-out forwards}.hero-copy h1{margin:0 0 1rem;font-size:clamp(2.1rem,5vw,3.8rem);line-height:1.08}.hero-copy h1 span{color:hsl(var(--primary));font-style:italic}.hero-copy .lead{margin:0;max-width:33rem;font-size:clamp(1rem,2.1vw,1.2rem);color:hsl(var(--muted-foreground));line-height:1.6}.hero-points{margin:1.25rem 0 0;padding:0;list-style:none;display:grid;gap:.8rem}.hero-points li{display:flex;align-items:center;gap:.75rem}.hero-actions{margin-top:1.75rem}.hero-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex:0 0 auto;border-radius:999px;background:hsl(var(--accent))}.hero-icon{width:.95rem;height:.95rem;color:hsl(var(--accent-foreground))}.hero-visual-shell{position:relative;width:100%;max-width:42rem;justify-self:end;animation:fade-in .6s ease-out forwards;animation-delay:.3s;opacity:0}.hero-visual{position:relative;margin:0;border-radius:1rem;overflow:hidden;aspect-ratio:8 / 5;background:hsl(var(--card));box-shadow:0 25px 50px -12px #00000040}.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-proof-chip{position:absolute;left:-1rem;bottom:-1rem;display:none;border:1px solid hsl(var(--border));border-radius:.75rem;padding:.8rem .9rem;background:hsl(var(--card));box-shadow:0 10px 20px #0f172a1f;font-size:.9rem;font-weight:500}.email-capture-input{width:100%;height:2.5rem;border:1px solid hsl(var(--input));border-radius:.45rem;padding:0 .75rem;font:inherit;color:hsl(var(--foreground));background:hsl(var(--background));text-align:center}.email-capture-input:focus-visible{outline:2px solid hsl(var(--ring) / .45);outline-offset:2px}.newsletter-helper{margin:0;text-align:center;font-size:.75rem;color:hsl(var(--muted-foreground))}.social-proof-grid{max-width:68rem;margin-inline:auto}.benefits-grid{display:grid;gap:1.5rem;max-width:68rem;margin-inline:auto}.social-proof-section{background:transparent}.social-proof-carousel{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 5%,black 95%,transparent 100%)}.social-proof-track{display:flex;gap:1rem;width:max-content;animation:social-proof-scroll 34s linear infinite;will-change:transform}.social-proof-carousel:hover .social-proof-track,.social-proof-carousel:focus-within .social-proof-track,.social-proof-carousel.is-paused .social-proof-track{animation-play-state:paused}.social-proof-card{border:1px solid hsl(var(--border));border-radius:.85rem;background:hsl(var(--card));padding:.7rem;box-shadow:0 1px 3px #0206170f}.social-proof-card--real{display:grid;gap:.6rem;flex:0 0 clamp(11.5rem,18vw,14.5rem)}.social-proof-open{border:0;background:transparent;padding:0;margin:0;width:100%;cursor:pointer}.social-proof-open:focus-visible{outline:none}.social-proof-open:focus-visible .social-proof-media{box-shadow:0 0 0 2px hsl(var(--ring) / .4)}.social-proof-media{margin:0;border-radius:.7rem;overflow:hidden;border:1px solid hsl(var(--border));background:hsl(var(--background));height:clamp(15.2rem,25vw,19.6rem)}.social-proof-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:top center}.social-proof-meta{display:flex;justify-content:center}.social-proof-author{margin:0;font-size:.9rem;color:hsl(var(--muted-foreground));font-weight:600;text-align:center}@media (max-width: 640px){.social-proof-card--real{flex-basis:min(74vw,16.5rem)}.social-proof-media{height:min(56vh,19rem)}}.social-proof-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;background:#0f172aa6;display:grid;place-items:center;padding:1rem}.social-proof-modal{position:relative;width:min(100%,42rem);max-height:calc(100vh - 2rem);overflow:auto;border:1px solid hsl(var(--border));border-radius:1rem;background:hsl(var(--card));box-shadow:0 25px 50px -12px #00000073;padding:.95rem}.social-proof-modal-close{position:absolute;top:.65rem;right:.65rem;width:2rem;height:2rem;border:1px solid hsl(var(--border));border-radius:999px;background:hsl(var(--background));color:hsl(var(--foreground));cursor:pointer;font-size:1rem;line-height:1}.social-proof-modal-header{padding-right:2.5rem}.social-proof-modal-header h3{margin:0 0 .75rem;font-size:1.3rem}.social-proof-modal-image{margin:0;border-radius:.85rem;overflow:hidden;border:1px solid hsl(var(--border));background:hsl(var(--background))}.social-proof-modal-image img{display:block;width:100%;height:auto;max-height:76vh;object-fit:contain}.social-proof-modal-actions{margin-top:.95rem;display:flex;justify-content:center;gap:.75rem}@keyframes social-proof-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - .5rem))}}.benefits-section{background:transparent}.benefit-card{text-align:center}.benefit-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:1rem;background:hsl(var(--accent));margin-bottom:1rem}.benefit-icon{width:1.7rem;height:1.7rem;color:hsl(var(--accent-foreground))}.benefit-card h3{margin-bottom:.65rem;font-family:DM Sans,sans-serif;font-size:1.15rem;font-weight:600}.benefit-card p{margin:0;color:hsl(var(--muted-foreground));line-height:1.65;font-size:.95rem}.pattern-includes-list{max-width:48rem;margin-inline:auto;display:grid;gap:1rem}.pattern-includes-item{display:flex;align-items:center;gap:1rem;border:1px solid hsl(var(--border));border-radius:.75rem;background:hsl(var(--card));padding:1.2rem 1.25rem;box-shadow:0 1px 3px #0206170f}.pattern-includes-item p{margin:0;font-weight:500}.pattern-includes-badge{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;background:hsl(var(--accent));flex:0 0 auto}.pattern-includes-icon{width:1.1rem;height:1.1rem;color:hsl(var(--accent-foreground))}.pattern-includes-section,.pattern-showcase-section{background:hsl(var(--secondary))}.pattern-showcase-grid{display:grid;gap:1.25rem;max-width:68rem;margin-inline:auto}.pattern-showcase-card{border:1px solid hsl(var(--border));border-radius:1rem;background:hsl(var(--card));box-shadow:0 10px 24px #0f172a1a;overflow:hidden}.pattern-showcase-thumb{display:block;width:100%;border:0;background:transparent;padding:0;cursor:pointer}.pattern-showcase-thumb img{display:block;width:100%;height:auto}.pattern-showcase-body{padding:1rem;display:grid;gap:.65rem}.pattern-showcase-body h3{margin:0;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:700}.pattern-showcase-body p{margin:0;color:hsl(var(--muted-foreground));font-size:.9rem;line-height:1.55}.pattern-showcase-actions{margin-top:2rem}.pattern-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;background:#0f172a94;display:grid;place-items:center;padding:.75rem}.pattern-modal{position:relative;width:min(100%,56rem);max-height:calc(100vh - 1.5rem);overflow:auto;border:1px solid hsl(var(--border));border-radius:1rem;background:hsl(var(--card));box-shadow:0 25px 50px -12px #00000073;padding:1rem}.pattern-modal-close{position:absolute;top:.6rem;right:.6rem;width:2rem;height:2rem;border:1px solid hsl(var(--border));border-radius:999px;background:hsl(var(--background));color:hsl(var(--foreground));cursor:pointer;font-size:1rem;line-height:1}.pattern-modal-header{padding-right:2.25rem}.pattern-modal-header h3{margin:0;font-size:1.5rem}.pattern-modal-header p{margin:.55rem 0 1rem;color:hsl(var(--muted-foreground))}.pattern-modal-grid{display:grid;gap:.75rem}.pattern-modal-item{margin:0}.pattern-modal-item img{display:block;width:100%;height:auto;border-radius:.75rem}.pattern-modal-actions{margin-top:1rem}.email-capture-section{background:transparent;scroll-margin-top:1rem}.anchor-bridge{display:block;position:relative;top:-1px;width:0;height:0}.newsletter-card{max-width:42rem;margin-inline:auto;border:2px solid hsl(var(--primary) / .2);border-radius:1rem;background:hsl(var(--card));padding:2rem;box-shadow:0 10px 24px #0f172a1a;text-align:center}.newsletter-header{margin-bottom:1.5rem}.newsletter-subtitle{max-width:28rem}.newsletter-perks{margin:0 0 1.8rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.65rem}.newsletter-perks li{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-size:.875rem}.newsletter-perk-icon{width:1rem;height:1rem;color:hsl(var(--primary))}.email-capture-form{width:min(100%,24rem);margin-inline:auto;display:grid;gap:.75rem}.email-capture-feedback{margin:0;font-size:.88rem}.email-capture-feedback--error{color:#c32222}.email-capture-feedback--success{color:#248f50}.faq-section{background:hsl(var(--secondary))}.faq-list{max-width:48rem;margin-inline:auto;display:grid;gap:.5rem}.faq-item{border:1px solid hsl(var(--border));border-radius:.75rem;background:hsl(var(--card));padding-inline:1.2rem;overflow:hidden}.faq-question{width:100%;border:0;background:transparent;text-align:left;font:inherit;position:relative;padding:1rem 2.1rem 1rem 0;cursor:pointer;font-weight:500;line-height:1.5;color:hsl(var(--foreground))}.faq-question:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);color:hsl(var(--primary));font-size:1.2rem;transition:opacity .2s ease}.faq-item.is-open .faq-question:after{content:"-";transform:translateY(-50%)}.faq-answer-wrap{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s ease,opacity .2s ease}.faq-item.is-open .faq-answer-wrap{grid-template-rows:1fr;opacity:1}.faq-answer-inner{overflow:hidden}.faq-answer{margin:0;padding:0 0 1rem;font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.625}.cta-final-section{background:hsl(var(--secondary));padding-top:4.75rem;padding-bottom:4.75rem}.cta-final-section .section-header{margin-bottom:2rem}.cta-final-section .section-subtitle{max-width:28rem}.cta-final-section .section-actions{gap:1rem}.cta-final-section .button{padding-inline:2rem}.footer.section{background:hsl(var(--background));border-top:1px solid hsl(var(--border));text-align:center;padding-top:2.5rem;padding-bottom:2.5rem}.footer .container{display:grid;place-items:center;gap:1rem}.footer-brand{margin:0;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;color:hsl(var(--foreground))}.footer-tagline{margin:0;color:hsl(var(--muted-foreground));font-size:.875rem}.footer-socials{margin-top:0;display:flex;align-items:center;justify-content:center;gap:1.5rem}.footer-socials a{color:hsl(var(--muted-foreground));transition:color .2s ease}.footer-socials a:hover{color:hsl(var(--primary))}.footer-icon{width:1.25rem;height:1.25rem}.footer-copy{margin:0;color:hsl(var(--muted-foreground));font-size:.75rem}@keyframes hero-brand-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes hero-heart-float{0%{opacity:0;transform:translateY(0) scale(.88)}20%{opacity:.72}70%{opacity:.15;transform:translateY(-.48rem) scale(1)}to{opacity:0;transform:translateY(-.7rem) scale(1.03)}}.back-to-top{position:fixed;right:1rem;bottom:1rem;z-index:110;width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid hsl(var(--border));border-radius:999px;background:hsl(var(--card));color:hsl(var(--primary));box-shadow:0 10px 24px #0f172a29;text-decoration:none;opacity:1;transform:translateY(0);transition:transform .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease}.back-to-top--hidden{opacity:0;pointer-events:none;transform:translateY(10px)}.back-to-top:hover{transform:translateY(-2px);background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.back-to-top:focus-visible{outline:2px solid hsl(var(--ring) / .45);outline-offset:2px}.back-to-top__icon{width:1.1rem;height:1.1rem}@media (min-width: 640px){.section-actions{flex-direction:row;flex-wrap:wrap}.benefits-grid,.pattern-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.newsletter-perks{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1rem}.pattern-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.section{padding:5.3rem 0}.cta-final-section{padding-top:6rem;padding-bottom:6rem}.newsletter-card{padding:3rem}}@media (min-width: 980px){.hero-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:6rem}.hero-proof-chip{display:block}}@media (min-width: 1024px){.social-proof-card--real{flex-basis:clamp(18rem,22vw,23rem)}.social-proof-media{height:clamp(24rem,30vw,32rem)}.benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pattern-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 480px){.back-to-top{right:.75rem;bottom:.75rem}}@media (max-width: 360px){.hero-layout{gap:2rem}.hero-copy h1{font-size:clamp(1.95rem,10vw,2.35rem);line-height:1.12;overflow-wrap:anywhere}}