.scroll-progress{position:fixed;inset:0 0 auto;z-index:100;height:3px;pointer-events:none}.scroll-progress i{display:block;width:0;height:100%;background:var(--lime);box-shadow:0 0 18px var(--lime)}
.cursor-glow{position:fixed;z-index:0;width:460px;height:460px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#b8e64a18,transparent 67%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}body.pointer-active .cursor-glow{opacity:1}main,header,footer{position:relative;z-index:1}
h1 em,.section-heading h2 em,.ai-copy h2 em,.book h2 em{font-family:"Cormorant Garamond",serif;font-weight:600;letter-spacing:-.02em}.hero-flourish{display:flex;align-items:center;gap:14px;margin:-10px 0 26px;color:#426258}.hero-flourish i{width:45px;height:1px;background:#6a8b7f}.hero-flourish span{font:600 italic 17px "Cormorant Garamond",serif;letter-spacing:.04em}
.marquee{overflow:hidden;background:var(--lime);border-block:1px solid #10231f1d;padding:17px 0}.marquee-track{display:flex;width:max-content;align-items:center;gap:28px;animation:marquee 28s linear infinite;font:700 12px Manrope;letter-spacing:.16em;text-transform:uppercase}.marquee-track i{font-style:normal;color:#4c725f}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
.showcase{overflow:hidden}.compare{border:1px solid #cfd7d1;padding:14px;background:#e7ebe5;box-shadow:0 35px 80px #19382e20}.compare-stage{height:570px;position:relative;overflow:hidden;background:#ddd}.site-concept{position:absolute;inset:0}.before-site{background:#f4f4f2;color:#323232}.after-site{background:radial-gradient(circle at 85% 15%,#395a4d 0,transparent 30%),#10231f;color:#fff;clip-path:inset(0 0 0 var(--position))}.browser-bar{height:32px;padding:0 14px;display:flex;align-items:center;gap:6px;background:#e4e4df}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#aaa}.browser-bar b{margin-left:auto;color:#4e6f62;font:700 8px Manrope;letter-spacing:.14em}.after-site .browser-bar{background:#e8eee9}.before-nav,.after-nav{height:70px;display:flex;align-items:center;padding:0 6%;font-size:11px}.before-nav{justify-content:center;border-bottom:1px solid #ddd}.after-nav{justify-content:space-between;border-bottom:1px solid #ffffff20}.after-nav strong{font:800 20px Manrope}.after-nav button,.after-copy button{border:0;background:var(--lime);padding:12px 16px;color:var(--ink);font-weight:800}.before-copy,.after-copy{padding:90px 9%}.before-copy small,.after-copy small{font:700 9px Manrope;letter-spacing:.16em}.before-copy strong,.after-copy strong{display:block;margin:17px 0;font:700 clamp(38px,5vw,68px) Manrope;letter-spacing:-.06em;line-height:.97}.before-copy p,.after-copy p{max-width:400px;line-height:1.6}.before-copy button{margin-top:20px;border:1px solid #555;background:transparent;padding:10px 16px}.after-copy{padding-top:72px}.after-copy small{color:var(--lime)}.after-copy strong em{font:600 italic clamp(45px,5.7vw,78px) "Cormorant Garamond",serif;color:var(--mint)}.after-copy p{color:#adc0b8}.after-copy button{margin-top:22px}.compare-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--position);width:2px;background:var(--lime);transform:translateX(-1px);pointer-events:none}.compare-divider span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);background:var(--lime);color:var(--ink);box-shadow:0 8px 25px #0005;font-weight:800}.compare input{position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.compare-label{position:absolute;z-index:4;bottom:18px;padding:8px 10px;background:#fff;color:#243b33;font:800 9px Manrope;letter-spacing:.14em;pointer-events:none}.compare-label.old{left:18px}.compare-label.new{right:18px;background:var(--lime)}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d7dcd6;border-top:0}.value{padding:28px 24px;border-right:1px solid #d7dcd6}.value:last-child{border:0}.value strong{display:block;font:600 italic 44px "Cormorant Garamond",serif;color:#35735b}.value span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}
.package{overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.package:after{content:"";position:absolute;inset:-100% auto auto -30%;width:45%;height:250%;background:linear-gradient(90deg,transparent,#ffffff12,transparent);transform:rotate(22deg);transition:transform .7s;pointer-events:none}.package:hover:after{transform:translateX(410%) rotate(22deg)}.package:hover{transform:translateY(-8px);border-color:#b8e64a66;box-shadow:0 24px 55px #0003}.package.featured:hover{transform:translateY(-22px)}.feature{transition:background .35s,transform .35s}.feature:hover{background:#fff;transform:translateY(-4px)}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-section .section-heading{display:block;margin:0}.faq-section .section-heading p{margin-top:25px}.faq-list{border-top:1px solid #ccd4ce}.faq-list details{border-bottom:1px solid #ccd4ce}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:25px 0;cursor:pointer;font:700 17px Manrope;letter-spacing:-.02em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:400 25px DM Sans;color:#438065;transition:transform .25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0 45px 25px 0;color:var(--muted);font-size:14px;line-height:1.7}
.floating-cta{position:fixed;z-index:50;right:22px;bottom:22px;display:flex;flex-direction:column;justify-content:center;width:116px;height:116px;border-radius:50%;padding:20px;background:var(--lime);color:var(--ink);box-shadow:0 15px 40px #10231f45;transition:transform .25s}.floating-cta:hover{transform:rotate(-5deg) scale(1.06)}.floating-cta span{font-size:10px}.floating-cta strong{font:800 14px Manrope}
@media(max-width:900px){.faq-section{grid-template-columns:1fr;gap:45px}.compare-stage{height:500px}.value-grid{grid-template-columns:1fr 1fr}.value:nth-child(2){border-right:0}.value:nth-child(-n+2){border-bottom:1px solid #d7dcd6}}
@media(max-width:650px){.cursor-glow{display:none}.hero-flourish{margin-top:-3px}.compare{padding:7px}.compare-stage{height:440px}.after-nav span{display:none}.before-copy,.after-copy{padding:60px 7%}.before-copy strong,.after-copy strong{font-size:38px}.after-copy strong em{font-size:45px}.before-copy p,.after-copy p{font-size:12px}.value{padding:22px 17px}.value strong{font-size:36px}.floating-cta{width:auto;height:auto;border-radius:30px;right:14px;bottom:14px;padding:12px 17px}.floating-cta span{display:none}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.package,.feature,.floating-cta{transition:none}.cursor-glow{display:none}}