.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--page-padding-x)}.section{padding-block:2.5rem}.section-header{margin-bottom:2.5rem}.section-header--center{text-align:center;max-width:640px;margin-inline:auto}.section-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:.75rem}.section-title{font-size:clamp(1.6rem,2vw + 1.2rem,2.2rem);margin:0 0 .75rem}.section-subtitle{margin:0;color:var(--color-text-soft);font-size:.98rem}@media (max-width: 768px){.section-header{margin-bottom:1.75rem}.section-header--center{max-width:100%}.section-eyebrow{font-size:.7rem;margin-bottom:.5rem}}@media (max-width: 480px){.section-header{margin-bottom:1.5rem}}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--color-bg) 82%,transparent);border-bottom:1px solid transparent;border-image:linear-gradient(to right,transparent 0%,color-mix(in srgb,var(--color-primary) 15%,transparent) 20%,color-mix(in srgb,var(--color-primary) 25%,transparent) 50%,color-mix(in srgb,var(--color-primary) 15%,transparent) 80%,transparent 100%) 1}.header-inner{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.brand{display:inline-flex;align-items:center}.brand-logo{max-height:2.5rem;height:auto;width:auto;display:block}.brand-logo-text{font-weight:800;font-size:1.4rem;letter-spacing:-.01em;color:var(--color-logo)}.nav-desktop{display:flex;align-items:center;gap:1.5rem;margin-left:auto}.nav-link{font-size:.9rem;color:var(--color-muted);position:relative}.nav-link:after{content:"";position:absolute;left:0;bottom:-.35rem;width:0;height:2px;border-radius:var(--radius-full);background:var(--color-primary-strong);transition:width .16s ease}.nav-link:hover{color:var(--color-text)}.nav-link:hover:after{width:100%}.nav-link--highlight{padding:.4rem .9rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-primary) 8%,transparent);color:var(--color-primary-strong)}.header-actions{display:flex;align-items:center;gap:.75rem}.theme-toggle{width:2.25rem;height:2.25rem;border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);display:inline-flex;align-items:center;justify-content:center;background:#0f172a05;cursor:pointer;padding:0;transition:background .2s ease,transform .15s ease}.theme-toggle:hover{background:#0f172a0d;transform:scale(1.05)}html[data-theme=dark] .theme-toggle{background:#ffffff0d;border-color:#ffffff1a}html[data-theme=dark] .theme-toggle:hover{background:#ffffff1a}.theme-toggle__icon{width:1.25rem;height:1.25rem;display:none;color:var(--color-text);transition:transform .3s ease}html[data-theme=light] .theme-toggle__icon--light,html[data-theme=dark] .theme-toggle__icon--dark{display:block}.theme-toggle:hover .theme-toggle__icon{transform:rotate(15deg)}.nav-toggle{display:none;width:2.25rem;height:2.25rem;border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background:var(--color-surface);padding:0;align-items:center;justify-content:center;cursor:pointer;position:relative}.nav-toggle-bar{width:1.2rem;height:2px;border-radius:var(--radius-full);background:var(--color-text);transition:transform .16s ease,opacity .16s ease}.nav-toggle-bar:before,.nav-toggle-bar:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:1.2rem;height:2px;border-radius:var(--radius-full);background:var(--color-text);transition:transform .16s ease,top .16s ease,bottom .16s ease,opacity .16s ease}.nav-toggle-bar:before{top:calc(50% - .33rem - 1px)}.nav-toggle-bar:after{bottom:calc(50% - .33rem - 1px)}.nav-toggle--open .nav-toggle-bar{background:transparent}.nav-toggle--open .nav-toggle-bar:before{top:50%;transform:translate(-50%) translateY(-50%) rotate(45deg)}.nav-toggle--open .nav-toggle-bar:after{bottom:50%;transform:translate(-50%) translateY(50%) rotate(-45deg)}.nav-mobile{display:none;flex-direction:column;padding-inline:var(--page-padding-x);padding-bottom:.75rem;gap:.25rem;border-bottom:1px solid rgba(148,163,184,.25);background:var(--color-bg)}.nav-mobile--open{display:flex}.nav-mobile-link{color:var(--color-muted);padding:.6rem .75rem;border-radius:.75rem;font-size:.95rem}.nav-mobile-link:hover{color:var(--color-text)}.nav-mobile-link--highlight{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary-strong)}.hero{padding-top:3.5rem;padding-bottom:4.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 3%,transparent) 0%,color-mix(in srgb,var(--color-primary) 1%,transparent) 50%,transparent 100%)}.hero-inner{display:block}.hero-copy{max-width:100%}.hero-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:.8rem}.hero-title{font-size:clamp(2rem,3vw + 1.4rem,2.8rem);letter-spacing:-.03em;margin:0 0 .9rem}.hero-subtitle-heading{font-size:clamp(1.25rem,2vw + .75rem,1.75rem);font-weight:600;letter-spacing:-.02em;margin:0 0 .9rem;color:var(--color-text)}.hero-subtitle{margin:0 0 1.4rem;color:var(--color-text-soft);font-size:1rem;max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.6rem}.hero-meta{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.hero-stat__number{font-weight:700;font-size:1.15rem}.hero-stat__label{display:block;font-size:.85rem;color:var(--color-muted)}.hero-badge{padding:.5rem .9rem;border-radius:var(--radius-full);background:var(--color-surface);border:1px dashed rgba(148,163,184,.6);font-size:.85rem;color:var(--color-muted)}html[data-theme=dark] .hero{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 2%,transparent) 0%,transparent 100%)}.section-promo{padding-top:3rem;padding-bottom:3rem;background:linear-gradient(to bottom,rgba(15,23,42,.02),transparent),var(--color-bg);border-top:1px solid transparent;border-bottom:1px solid transparent;border-image:linear-gradient(to right,transparent 0%,color-mix(in srgb,var(--color-primary) 15%,transparent) 20%,color-mix(in srgb,var(--color-primary) 25%,transparent) 50%,color-mix(in srgb,var(--color-primary) 15%,transparent) 80%,transparent 100%) 1}.promo-banner{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:var(--color-surface);border:1px solid var(--color-border-card);border-radius:var(--radius-lg)}html[data-theme=dark] .promo-banner{background:var(--color-surface-card)}.promo-banner__icon{flex-shrink:0;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-primary) 12%,transparent);border-radius:var(--radius-md)}.promo-banner__icon svg{width:1.75rem;height:1.75rem;stroke:var(--color-primary)}.promo-banner__content{flex:1;min-width:0}.promo-banner__label{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);border-radius:var(--radius-sm);margin-bottom:.5rem}.promo-banner__title{font-size:1.125rem;font-weight:600;margin:0 0 .25rem;color:var(--color-text)}.promo-banner__text{font-size:.9rem;margin:0;color:var(--color-text-soft)}.promo-banner__actions{display:flex;gap:.75rem;flex-shrink:0}.promo-banner__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease;white-space:nowrap}.promo-banner__btn--primary{background:var(--color-primary);color:#fff}.promo-banner__btn--primary:hover{transform:translateY(-2px)}.promo-banner__btn--secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.promo-banner__btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}@media (max-width: 768px){.section-promo{padding-top:2rem;padding-bottom:2rem}.promo-banner{flex-direction:column;align-items:flex-start;padding:1.25rem;gap:1rem}.promo-banner__label{font-size:.65rem;margin-bottom:.35rem}.promo-banner__title{font-size:1rem}.promo-banner__text{font-size:.85rem}.promo-banner__actions{width:auto}.promo-banner__btn{padding:.55rem 1rem;font-size:.85rem}}@media (max-width: 480px){.section-promo{padding-top:1.75rem;padding-bottom:1.75rem}.promo-banner{padding:1rem;gap:.85rem}.promo-banner__title{font-size:.95rem}.promo-banner__text{font-size:.8rem}}.section-templates{background:linear-gradient(to bottom,rgba(15,23,42,.02),transparent),var(--color-bg)}.templates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.templates-grid--thumb{align-items:stretch}.template-card{border-radius:var(--radius-lg);padding:1.6rem;background:var(--color-surface);border:1px solid var(--color-border-card);display:flex;flex-direction:column;gap:1.3rem}.template-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 22%,transparent),#0f172ae6);border-radius:var(--radius-md)}.template-label{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;background:color-mix(in srgb,var(--color-primary) 90%,transparent);color:#fff;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.template-thumb img{width:100%;height:100%;object-fit:cover}.template-body{display:flex;flex-direction:column;gap:.9rem}.template-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.template-name{margin:0;font-size:1.05rem}.template-badge{font-size:.8rem;padding:.25rem .65rem;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-strong)}html[data-theme=dark] .template-badge{background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:color-mix(in srgb,var(--color-primary) 40%,white)}html[data-theme=dark] .template-card{background:var(--color-surface-card)}.template-description{margin:0;font-size:.9rem;color:var(--color-text-soft)}.template-price{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;line-height:1}.price-original{font-size:.85rem;color:var(--color-muted);text-decoration:line-through}.price-discounted{font-size:1.1rem;font-weight:600;color:var(--color-primary-strong)}html[data-theme=dark] .price-discounted{color:var(--color-primary-light)}.template-meta{margin:0;padding-left:1.1rem;font-size:.88rem;color:var(--color-muted);display:flex;flex-direction:column;gap:.2rem}.template-actions{margin-top:.4rem;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.template-actions-links{display:flex;gap:.8rem}.section-benefits{border-top:1px solid transparent;border-bottom:1px solid transparent;border-image:linear-gradient(to right,transparent 0%,color-mix(in srgb,var(--color-primary) 15%,transparent) 20%,color-mix(in srgb,var(--color-primary) 25%,transparent) 50%,color-mix(in srgb,var(--color-primary) 15%,transparent) 80%,transparent 100%) 1}.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.benefit-card{padding:1.4rem 1.3rem;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-card)}html[data-theme=dark] .benefit-card{background:var(--color-surface-card)}.benefit-title{margin:0 0 .55rem;font-size:1rem}.benefit-text{margin:0;font-size:.9rem;color:var(--color-text-soft)}.section-testimonials{background:radial-gradient(circle at top,rgba(15,23,42,.04),transparent 58%)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.testimonial-card{padding:1.5rem 1.4rem;border-radius:var(--radius-lg);background:#f4fdf7;border:1px solid rgba(16,185,129,.14);position:relative}html[data-theme=dark] .testimonial-card{background:#0d1f1a;border-color:#1e3a2f}.testimonial-card:before{content:'"';position:absolute;top:-1.2rem;right:1.5rem;font-size:5rem;line-height:1;color:#10b98124}.testimonial-quote{margin:0 0 1rem;font-size:.92rem;color:var(--color-text-soft)}.testimonial-name{margin:0;font-size:.88rem;font-weight:600}.testimonial-product{margin:.25rem 0 0;font-size:.8rem;color:var(--color-muted)}.testimonials-footnote{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--color-muted)}.faq-list{max-width:720px}.faq-item{position:relative;border-radius:var(--radius-lg);border:1px solid var(--color-border-card);background:var(--color-surface);padding:.9rem 1.1rem;margin-bottom:.8rem;transition:all .25s ease}.faq-item[open]{background:linear-gradient(to bottom right,color-mix(in srgb,var(--color-primary) 4%,transparent),var(--color-surface));border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.faq-item.is-closing{background:var(--color-surface);border-color:var(--color-border-card)}.faq-question{list-style:none;font-size:.96rem;cursor:pointer;transition:color .2s ease}.faq-item[open] .faq-question{color:var(--color-primary-strong)}html[data-theme=dark] .faq-item[open] .faq-question{color:var(--color-primary-light)}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"＋";float:right;font-size:.9rem;color:var(--color-muted);transition:transform .3s ease,color .3s ease;position:absolute;top:14px;right:12px}.faq-question.is-open:after{content:"－";color:var(--color-primary-strong);transform:rotate(180deg)}.faq-answer{margin:.65rem 0 .2rem;font-size:.9rem;color:var(--color-text-soft);overflow:hidden;display:block}.faq-item:not([open]) .faq-answer{display:none}.faq-contact{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--color-text-soft)}.faq-contact a{color:var(--color-primary);text-decoration:none;font-weight:500}.faq-contact a:hover{text-decoration:underline}@media (max-width: 768px){.faq-item{padding:.75rem 1rem;margin-bottom:.6rem}.faq-question{font-size:.9rem;padding-right:1.5rem}.faq-question:after{top:12px;right:10px;font-size:.85rem}.faq-answer{margin-top:.5rem;font-size:.85rem}.faq-contact{margin-top:1.5rem;font-size:.85rem}}@media (max-width: 480px){.faq-item{padding:.7rem .85rem;margin-bottom:.5rem}.faq-question{font-size:.85rem}.faq-answer{font-size:.8rem}.faq-contact{margin-top:1.25rem;font-size:.8rem}}.section-cta{padding-bottom:5rem}.cta-inner{border-radius:1.8rem;padding:2rem 1.7rem;background:radial-gradient(circle at top left,rgba(249,115,22,.22),var(--color-primary-strong));color:#fff7ed;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}.cta-title{margin:0 0 .6rem;font-size:1.7rem;letter-spacing:-.02em}.cta-subtitle{margin:0;font-size:.95rem;max-width:440px}.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.cta-actions .btn-primary{background:#fff;color:#111827}.cta-note{margin:0;font-size:.85rem;opacity:.9}html[data-theme=dark] .cta-inner{background:radial-gradient(circle at top left,rgba(249,115,22,.15),var(--color-primary-strong))}html[data-theme=dark] .cta-actions .btn-primary{background:#fffffff2;color:#111827}html[data-theme=dark] .cta-actions .btn-primary:hover{background:#fff}.site-footer{background:#0f172a03;border-top:1px solid var(--color-border-subtle);padding-block:1.5rem;margin-top:3rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-copy{font-size:.85rem;color:var(--color-muted)}.footer-nav{display:flex;gap:1rem}.footer-link{font-size:.85rem;color:var(--color-muted)}.footer-link:hover{color:var(--color-primary-strong)}html[data-theme=dark] .footer-link:hover{color:var(--color-primary-light)}@media (max-width: 768px){.site-footer{padding-block:1.25rem;margin-top:2rem}.footer-inner{flex-direction:column;text-align:center;gap:.75rem}.footer-nav{justify-content:center}.footer-copy,.footer-link{font-size:.8rem}}@media (max-width: 480px){.site-footer{padding-block:1rem;margin-top:1.5rem}.footer-nav{gap:.75rem}.footer-copy,.footer-link{font-size:.75rem}}@media (max-width: 960px){.templates-grid,.benefits-grid,.testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-desktop{display:none}.nav-toggle{display:inline-flex}}@media (max-width: 768px){.hero{padding-top:2rem;padding-bottom:2.5rem}.hero-inner{grid-template-columns:minmax(0,1fr)}.hero-title{font-size:1.6rem;margin-bottom:.5rem}.hero-subtitle-heading{font-size:1.15rem;margin-bottom:.6rem}.hero-subtitle{font-size:.95rem;margin-bottom:1.2rem}.hero-eyebrow{font-size:.75rem;margin-bottom:.5rem}.hero-actions{margin-bottom:1.25rem}.hero-meta{gap:1.5rem}.hero-stat__number{font-size:1.1rem}.hero-stat__label{font-size:.8rem}.section{padding-block:2rem}.section-header{margin-bottom:1.75rem}.section-title{font-size:1.4rem}.section-subtitle{font-size:.9rem}.section-eyebrow{font-size:.7rem}.templates-grid,.benefits-grid,.testimonials-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.template-card{padding:1.25rem;gap:1rem}.template-name{font-size:1rem}.template-badge{font-size:.75rem;padding:.2rem .5rem}.template-description{font-size:.85rem}.template-price{margin-top:.25rem}.price-original{font-size:.8rem}.price-discounted{font-size:1rem}.template-actions{margin-top:.25rem;gap:.6rem}.template-actions .btn{padding:.6rem 1rem;font-size:.85rem}.template-actions-links{gap:.6rem}.btn-link{font-size:.85rem}.benefit-card{padding:1.25rem}.benefit-title{font-size:.95rem;margin-bottom:.4rem}.benefit-text{font-size:.85rem}.testimonial-card{padding:1.25rem}.testimonial-card:before{font-size:4rem;top:-1rem;right:1rem}.testimonial-quote{font-size:.85rem;margin-bottom:.75rem}.testimonial-name{font-size:.85rem}.testimonial-product{font-size:.75rem}.testimonials-footnote{margin-top:1.5rem;font-size:.85rem}.testimonials-footnote .btn-link{font-size:.85rem}.cta-inner{padding:1.5rem 1.25rem}.cta-title{font-size:1.4rem}.footer-inner{flex-direction:column;text-align:center;gap:.75rem}.footer-nav{justify-content:center}}@media (max-width: 480px){.hero{padding-top:1.5rem;padding-bottom:2rem}.hero-title{font-size:1.4rem}.hero-subtitle-heading{font-size:1.05rem}.hero-subtitle{font-size:.9rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:.5rem}.hero-actions .btn{width:auto}.hero-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.hero-stat{display:flex;align-items:baseline;gap:.5rem}.hero-stat__label{display:inline}.section{padding-block:1.75rem}.section-header{margin-bottom:1.5rem}.section-title{font-size:1.25rem}.template-card{padding:1rem}.template-body{gap:.6rem}.template-label{font-size:.65rem;padding:.2rem .4rem}.benefit-card{padding:1rem}.benefit-title{font-size:.9rem}.benefit-text{font-size:.8rem}.testimonial-card{padding:1rem}.testimonial-card:before{font-size:3.5rem;top:-.75rem;right:.75rem}.testimonial-quote{font-size:.8rem}.cta-title{font-size:1.25rem}.cta-inner{padding:1.25rem 1rem}.nav-toggle,.theme-toggle{width:2.5rem;height:2.5rem}}@media (max-width: 360px){.hero-title{font-size:1.25rem}.hero-subtitle-heading{font-size:1rem}.section-title{font-size:1.15rem}.template-name,.price-discounted{font-size:.95rem}}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(1rem);transition:var(--transition-smooth);z-index:40}.back-to-top--visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--color-primary-strong);transform:translateY(-2px)}.back-to-top:active{transform:translateY(0)}@media (max-width: 768px){.back-to-top{bottom:1.5rem;right:1.5rem;width:2.75rem;height:2.75rem}}
