:root{--bg:#f7f8f4;--ink:#17242b;--acid:#d9ebe0;--pink:#f7d2ba;--blue:#2f6f68;--white:#fff}
body{background:var(--bg);color:var(--ink);font-family:"Space Grotesk",Arial,sans-serif;letter-spacing:-.01em}
img{object-fit:cover}
.site-header{min-height:78px;padding:13px max(4vw,calc((100vw - 1360px)/2));border-bottom:1px solid #e0e7e1;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}
.brand{font:700 24px/1 "Space Grotesk",sans-serif;letter-spacing:-.055em;white-space:nowrap}
.logo-mark{width:35px;height:35px;border-radius:11px;background:#2f6f68;color:#fff;font-size:24px;transform:rotate(-8deg)}
.main-nav{text-transform:none;font-size:14px;letter-spacing:0;gap:27px;font-weight:600}
.main-nav a:hover{color:#2f6f68}
.nav-actions{gap:17px}
.btn{border:1px solid #17242b;border-radius:10px;box-shadow:none;padding:13px 19px;text-transform:none;font-size:14px;letter-spacing:0;transition:transform .18s,box-shadow .18s,background .18s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #17242b21}
.btn-primary{background:#2f6f68;color:#fff;border-color:#2f6f68}
.btn-dark{background:#17242b}
.btn-outline{border-color:#cbd9d2}
.btn-emerald{background:#f7d2ba}
.hero{max-width:1450px;margin:auto;padding:95px 4vw 100px;gap:6vw;grid-template-columns:1fr 1.08fr;min-height:640px}
.hero h1,.page-hero h1,.section h2{font-family:"Space Grotesk",Arial,sans-serif;text-transform:none;line-height:1.04;letter-spacing:-.065em}
.hero h1{font-size:clamp(56px,6.7vw,100px);max-width:770px}
.hero-copy{color:#51645c;font-size:19px;line-height:1.7;max-width:590px}
.hero .eyebrow{color:#2f6f68}
.hero-art,.feature-art,.main-image{border:1px solid #dce6df;border-radius:24px;padding:10px;box-shadow:0 24px 55px #17242b1c;background:#fff;overflow:hidden}
.hero-art img{border-radius:16px;width:100%}
.checker{height:1px;border:0;background:#dce6df;max-width:1280px;margin:auto}
.section{padding:96px 4vw}
.section>*{max-width:1280px;margin-left:auto;margin-right:auto}
.section.alt{background:#eff4ef}
.section h2{font-size:clamp(40px,4.5vw,67px);max-width:800px;margin:0 auto 22px}
.section .center>p:not(.eyebrow){color:#607269;font-size:17px}
.page-hero{padding:85px 4vw 55px}
.page-hero h1{font-size:clamp(48px,5.6vw,82px)}
.eyebrow{letter-spacing:.16em;color:#2f6f68;font-size:11px}
.gold-rule{height:5px;border:0;border-radius:10px;background:#e6ae8b;max-width:110px}
.grid-3,.grid-4,.grid-6,.price-grid{gap:22px}
.card,.price-card,.review,.contact-block,.faq-item{border:1px solid #dfe7e1;border-radius:20px;box-shadow:0 8px 28px #17242b0b;padding:26px;transition:transform .2s,box-shadow .2s}
.card:hover,.price-card:hover,.review:hover{transform:translateY(-5px);box-shadow:0 18px 35px #17242b18}
.grid-6 .card{padding:12px 12px 24px;overflow:hidden;display:flex;flex-direction:column}
.grid-6 .card img{width:100%;aspect-ratio:800/520;border-radius:13px;background:#ecf3ee;object-fit:cover;border:1px solid #e2e9e4}
.grid-6 .card h3,.grid-6 .card p,.grid-6 .card .btn{margin-left:13px;margin-right:13px}
.grid-6 .card h3{font-size:20px;margin-top:21px;margin-bottom:4px}
.grid-6 .card p{color:#61736a;font-size:14px;margin-top:0}
.grid-6 .card .btn{align-self:flex-start;margin-top:auto}
.template-gallery .card{padding:10px 10px 24px;overflow:hidden}
.template-gallery .card img{border:0;border-radius:14px;width:100%;aspect-ratio:800/520;object-fit:cover;transition:transform .35s ease}
.template-gallery .card:hover img{transform:scale(1.025)}
.template-gallery .card h3{margin-top:19px;font-size:22px}
.story-gallery .card{padding:10px 10px 24px;overflow:hidden}
.story-gallery .card img{border:0;border-radius:14px;width:100%;aspect-ratio:800/520;object-fit:cover;transition:transform .35s ease}
.story-gallery .card:hover img{transform:scale(1.025)}
.story-gallery .card h3{margin-top:19px;font-size:22px}
.step-no{font:700 51px "Space Grotesk";color:#c8e2d4;-webkit-text-stroke:0}
.price-card{padding:30px}
.price-card.is-featured{background:#e4f1e9;border-color:#accdb8}
.badge{background:#f7d2ba;border:0;box-shadow:none;border-radius:999px;transform:none;font-size:11px}
.price{font:700 41px "Space Grotesk";letter-spacing:-.06em}
.compare th,.compare td{border:1px solid #dfe7e1}
.compare .is-highlight{background:#e6f1e9}
.strip{background:#dfeee5;border:0;color:#274e44}
.detail-grid{max-width:1380px;margin:auto;padding:20px 4vw 85px;gap:50px}
.main-image img{border-radius:15px}
.thumbs img{border:1px solid #dce6df;border-radius:10px;padding:2px;background:#fff}
.purchase-panel{border:1px solid #dce6df;border-radius:22px;box-shadow:0 16px 40px #17242b10;padding:35px}
.purchase-panel h1{font-size:clamp(31px,2.8vw,42px);line-height:1.13;letter-spacing:-.05em;margin:18px 0}
.purchase-panel .price [data-plan-price]{font:700 clamp(38px,3.4vw,48px) "Space Grotesk",sans-serif;letter-spacing:-.06em}
.purchase-panel .price span:not([data-plan-price]){font-size:15px;color:#66786f}
.purchase-panel .qty-row{margin:22px 0 12px}
.purchase-panel .qty-row button,.purchase-panel .qty-row input{border:1px solid #cad8cf;border-radius:9px}
.purchase-panel .qty-row input{width:52px}
.delivery,.notice,.is-success{background:#e4f1e9;border:1px solid #b5d5c0;border-radius:12px;box-shadow:none}
.cart-layout,.contact-grid{max-width:1380px;margin:auto}
.cart-row{border-color:#e0e7e1}
.field input,.field select,.field textarea,.promo-row input{border:1px solid #ccd9d0;border-radius:9px}
.site-footer{background:#182d2c;padding:70px max(4vw,calc((100vw - 1360px)/2)) 25px}
.footer-brand{font:700 27px "Space Grotesk";letter-spacing:-.05em}
.footer-grid h4{color:#a9d2be}
.footer-grid a,.footer-grid p{color:#c5d4cd}
.cookie-banner{border:1px solid #dce6df;border-radius:14px;box-shadow:0 14px 36px #17242b25;max-width:1050px;margin:auto}
@media(max-width:900px){.site-header{padding:12px 20px}.main-nav{top:74px;border-bottom:1px solid #dce6df}.hero{grid-template-columns:minmax(0,1fr);min-height:0;gap:40px;padding-top:70px;padding-bottom:70px}.hero>*{min-width:0}.hero-art{width:100%}.section{padding:70px 20px}}
@media(max-width:640px){.hero h1{font-size:clamp(44px,11vw,60px)}.hero-copy{font-size:16px}.hero,.section,.page-hero{padding-left:18px;padding-right:18px}.section{padding-top:62px;padding-bottom:62px}.site-footer{padding-left:20px;padding-right:20px}.brand{font-size:21px}.logo-mark{width:31px;height:31px}.grid-6 .card{padding-bottom:20px}}