.landing-page{overflow-x:hidden}.hero-section{background:linear-gradient(180deg,var(--brand-soft) 0,rgba(243,250,247,.2) 100%);padding:40px 0 48px}.hero-shell{display:flex;align-items:center;gap:30px}.hero-copy,.hero-visual{flex:1 1 0}.hero-copy{max-width:555px}.app-copy h2,.hero-copy h1,.section-heading h2,.steps-copy h2{margin:0;font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.12;font-weight:700}.hero-copy h1 span,.section-heading h2 span,.steps-copy h2 span{background:linear-gradient(90deg,var(--brand-deep),#31c48d);-webkit-background-clip:text;background-clip:text;color:transparent}.app-copy p,.feature-copy p,.feature-row-copy p,.footer-brand p,.hero-copy p,.section-heading p,.step-desc,.testimonial-card p{color:var(--muted);line-height:1.65}.hero-copy p{margin:18px 0 0;max-width:36rem;font-size:1.06rem}.hero-cta{margin-top:28px}.primary-cta{min-height:52px;padding:0 28px;background:var(--brand);color:#fff;font-size:1rem;font-weight:600}.primary-cta:hover{background:var(--brand-deep)}.hero-visual{display:flex;justify-content:flex-end}.hero-visual-frame{position:relative;width:min(100%,555px);aspect-ratio:555/332;overflow:hidden;border-radius:6px}.app-visual-image,.features-bg-image,.hero-visual-image,.steps-visual-image{object-fit:contain;object-position:center}.section-stack{display:flex;flex-direction:column;gap:40px}.home-articles-section,.steps-section,.templates-section,.testimonials-section{padding:72px 0}.home-articles-section{background:radial-gradient(circle at top right,rgba(188,240,218,.38),transparent 28%),linear-gradient(180deg,#ffffff,#f8fbfa)}.section-heading{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.section-heading h2{max-width:820px;font-size:clamp(1.9rem,3vw,2.9rem)}.section-heading p{max-width:760px;margin:0;font-size:1rem}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.template-card{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:24px;background:var(--card);transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.template-card:hover{background:#def7ec;box-shadow:0 0 40px rgba(14,159,110,.25)}.template-preview{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:210/297;background:#f3f4f6}.template-image{object-fit:cover;object-position:top}.template-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(222,247,236,.5);opacity:0;transition:opacity .2s ease}.template-preview:hover .template-overlay{opacity:1}.template-action,.template-mobile-action{min-height:40px;padding:0 18px;border:0;background:var(--brand-deep);color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;font-family:inherit}.template-action:disabled,.template-mobile-action:disabled{cursor:not-allowed;opacity:.65}.template-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.feature-copy h3,.feature-row-copy h3,.footer-links h3,.template-meta h3,.testimonial-author h3{margin:0}.template-meta h3{font-size:1rem;font-weight:600;color:#374151}.template-meta span{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 10px;border-radius:999px;background:var(--brand);color:#fff;font-size:.75rem}.template-mobile-action{display:none}.features-section,.section-cta-center{display:flex;justify-content:center}.features-section{width:100%;flex-direction:column;align-items:center;padding:0 32px}.features-inner{width:100%;position:relative}.features-pattern{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;min-height:818px;border-radius:24px;overflow:hidden;z-index:-1;pointer-events:none}.features-pattern .features-bg-image{object-fit:cover;object-position:center}.container{max-width:var(--container-max-width)}.features-wrapper{gap:40px;padding:80px 0;z-index:2}.features-header,.features-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.features-header{gap:16px;z-index:1}.features-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:2px 10px;border-radius:999px;background:rgba(228,255,200,.2);color:#b2ec77;font-size:.875rem;font-weight:500;line-height:1.5}.features-badge-icon{flex-shrink:0}.features-title{margin:0;font-size:2.25rem;font-weight:600;line-height:1.25;text-align:center;text-transform:capitalize;background:linear-gradient(90deg,#ffffff,#bcf0da);-webkit-background-clip:text;background-clip:text;color:transparent}.features-grid{flex-direction:column;z-index:1}.features-grid,.features-row-3{display:flex;gap:24px;width:100%;align-items:stretch}.features-row-2,.features-row-3{justify-content:space-between}.features-row-2{display:flex;align-items:center;gap:24px;width:100%}.feature-card{position:relative;border-radius:24px;z-index:1}.feature-card:hover{transform:none;box-shadow:none}.feature-card.feature-vertical{width:100%;height:374px;padding:8px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.feature-card.feature-vertical .feature-card-effect{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:24px;background:transparent;z-index:-1;pointer-events:none}.feature-card.feature-vertical .feature-card-effect:after{content:"";position:absolute;inset:2px;border-radius:22px;background:#171717;z-index:-1}.feature-card.feature-vertical .feature-card-effect:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:conic-gradient(from 0deg,rgb(14,159,70) 0,rgb(7,108,49) 15.636%,rgb(4,83,38) 23.454%,rgb(0,57,28) 31.272%,rgb(0,31,24) 100%);z-index:-2;transform:translate(-50%,-50%);animation:feature-border-rotate 4s linear infinite}@keyframes feature-border-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.feature-card-img{width:100%;height:209px;flex-shrink:0;border-radius:16px;overflow:hidden;background:#0b0b0b;position:relative}.feature-card-img--float .feature-card-img-inner{animation:feature-img-float 3s ease-in-out infinite}@keyframes feature-img-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.feature-card-img-hover,.feature-card-img-inner{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s ease}.feature-card-img-hover{opacity:0;pointer-events:none;object-fit:contain;object-position:center}.feature-card-img--card3 .feature-card-img-hover,.feature-card-img--card3 .feature-card-img-inner{width:320px;height:184.68px;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;object-position:center}.feature-card-img:not(.feature-card-img--float) .feature-card-img-inner{opacity:1}.feature-card-img:not(.feature-card-img--float):hover .feature-card-img-inner{opacity:0}.feature-card-img:not(.feature-card-img--float):hover .feature-card-img-hover{opacity:1}.feature-card.feature-vertical .feature-content{display:flex;flex-direction:column;gap:12px;padding:16px;flex:1;min-height:0}.feature-heading{font-size:1.375rem;font-weight:600;background:linear-gradient(90deg,#3afd96,#24a765);-webkit-background-clip:text;background-clip:text;color:transparent}.feature-desc,.feature-heading{margin:0;line-height:1.25;text-align:left}.feature-desc{font-size:1.125rem;font-weight:400;color:#ffffff}.feature-card.feature-horizontal{width:100%;min-height:134px;display:flex;flex-direction:row;align-items:center;padding:24px;gap:24px;overflow:hidden;border-radius:24px;background:transparent}.feature-card.feature-horizontal:before{content:"";position:absolute;inset:2px;border-radius:22px;background:#171717;z-index:-2;pointer-events:none}.feature-card-effect-h{background:linear-gradient(135deg,rgba(14,159,70,1),rgba(1,71,55,1));z-index:-1}.feature-card-effect-h,.feature-card-effect-h:after{position:absolute;inset:0;border-radius:24px;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .3s ease}.feature-card-effect-h:after{content:"";background:linear-gradient(135deg,rgba(1,71,55,1),rgba(14,159,70,1));opacity:0}.feature-card.feature-horizontal:hover .feature-card-effect-h:after{opacity:1}.feature-card-leftSide{display:flex;flex-direction:column;justify-content:center;gap:12px;flex:1;min-width:0}.feature-card.feature-horizontal .feature-desc,.feature-card.feature-horizontal .feature-heading{margin:0}.feature-card-rightSide{flex-shrink:0;width:127px;min-height:85px;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .5s ease;transform-origin:center center}.feature-card.feature-horizontal:first-child:hover .feature-card-rightSide{transform:scale(1.12)}.feature-card.feature-horizontal:nth-child(2):hover .feature-card-rightSide{transform:none}.feature-card-rightSide img{width:100%;height:auto;display:block}.feature-card-rightSide .rightSide-default,.feature-card-rightSide .rightSide-hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .5s ease,transform .5s ease}.feature-card-rightSide .rightSide-default{transition:opacity .5s ease}.feature-card-rightSide .rightSide-hover{opacity:0;transform:translate(-50%,-50%) translateX(16px)}.feature-card.feature-horizontal:hover .feature-card-rightSide .rightSide-default{opacity:0}.feature-card.feature-horizontal:hover .feature-card-rightSide .rightSide-hover{opacity:1;transform:translate(-50%,-50%) translateX(0)}.feature-card.feature-horizontal:nth-child(2) .feature-card-rightSide{overflow:hidden}.feature-card.feature-horizontal:nth-child(2) .feature-card-rightSide .rightSide-default{opacity:1;left:0;transform:translateY(-50%)}.feature-card.feature-horizontal:nth-child(2) .feature-card-rightSide .rightSide-hover{opacity:1;left:calc(100% + 16px);transform:translateY(-50%)}.feature-card.feature-horizontal:nth-child(2):hover .feature-card-rightSide .rightSide-default,.feature-card.feature-horizontal:nth-child(2):hover .feature-card-rightSide .rightSide-hover{opacity:1;transform:translate(calc(-100% - 16px),-50%)}.steps-shell{display:flex;align-items:stretch;gap:30px}.steps-copy,.steps-visual{flex:1 1 0}.steps-copy{gap:32px}.steps-copy,.steps-list{display:flex;flex-direction:column}.steps-list{gap:18px}.step-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:18px 20px;border:0;border-radius:20px;background:transparent;text-align:left;cursor:pointer}.step-card:hover{background:rgba(0,0,0,.04)}.step-card.is-active{background:var(--brand-softest)}.step-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:999px;background:#d1d5db;color:rgba(0,0,0,.85);font-size:1rem;font-weight:500}.step-card.is-active .step-pill{background:linear-gradient(90deg,var(--brand-deep),#31c48d);color:#fff;font-weight:600}.step-title{color:#6b7280;font-size:1.24rem;font-weight:600;line-height:1.3}.step-card.is-active .step-title{color:var(--brand)}.step-desc{font-size:1rem}.step-card.is-active .step-desc{color:var(--text)}.steps-visual{display:flex}.steps-visual-frame{position:relative;width:100%;min-height:520px;overflow:hidden;border-radius:28px;background:#f3faf7}.app-banner{background:linear-gradient(90deg,var(--brand-deep),#31c48d)}.app-banner-shell{display:flex;align-items:center;gap:30px}.app-copy,.app-visual{flex:1 1 0}.app-copy{display:flex;flex-direction:column;gap:22px;max-width:555px}.app-copy h2,.app-copy p{color:#fff}.app-copy p{margin:0;font-size:1.04rem}.store-buttons{display:flex;flex-wrap:wrap;gap:12px}.store-button{min-height:50px;padding:0 20px;background:rgba(255,255,255,.2);color:#fff;font-size:.95rem;font-weight:500}.store-button:hover{background:rgba(255,255,255,.28);transform:translateY(-1px)}.app-visual{position:relative;min-height:340px}.testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.testimonial-card{display:flex;flex-direction:column;gap:24px;padding:24px;border-radius:24px;background:#f3faf7}.testimonial-card p{margin:0;color:var(--text);font-size:1rem}.quote-icon{flex:0 0 auto}.testimonial-author{display:flex;align-items:center;gap:12px;padding:8px;border-radius:16px;background:#def7ec}.testimonial-avatar{border-radius:999px;object-fit:cover}.testimonial-author h3{font-size:1rem;font-weight:700;color:var(--text)}.testimonial-author span{display:block;margin-top:4px;color:var(--text);font-size:.88rem}