/* Home v2: "Email us what you need. We're on it." Dark hero with a live email-to-result loop, request wall, scenarios, results-only pricing. */
.h-hero{position:relative;overflow:hidden;background:#0f2c24;color:#d6e7d8;padding:96px 0 104px;isolation:isolate}
.h-hero:before,.h-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);z-index:-1;pointer-events:none}
.h-hero:before{width:560px;height:560px;left:-160px;top:-180px;background:radial-gradient(circle,#2a7354 0,transparent 68%);opacity:.75;animation:h-drift 16s ease-in-out infinite alternate}
.h-hero:after{width:520px;height:520px;right:-140px;bottom:-220px;background:radial-gradient(circle,#e99d5f 0,transparent 66%);opacity:.32;animation:h-drift 19s ease-in-out infinite alternate-reverse}
.h-grid-bg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(214,231,216,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(214,231,216,.06) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 40%,#000 0,transparent 75%)}
@keyframes h-drift{to{transform:translate(60px,40px) scale(1.08)}}
.h-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.h-hero .kicker{color:#a9d1b2}
.h-hero h1{color:#f6faef;font-family:Manrope,"DM Sans","Noto Sans SC",sans-serif;font-size:clamp(46px,6vw,84px);line-height:1.02;letter-spacing:-.05em;margin:22px 0 26px;font-weight:800}
.h-hero h1 .on{display:inline-block;background:linear-gradient(100deg,#8fdcae 0,#f2c38f 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-sub{font-size:21px;line-height:1.5;color:#e4efe2;font-weight:600;letter-spacing:-.01em;max-width:560px}
.h-lead{margin-top:14px;font-size:16px;line-height:1.75;color:#a9c4b1;max-width:520px}
.h-hero .actions{margin-top:32px}
.btn-glow{background:#f2c38f;color:#12332b;box-shadow:0 10px 40px rgba(242,195,143,.35)}
.btn-glow:hover{background:#f7d3a8}
.btn-ghost{border-color:rgba(214,231,216,.35);color:#e4efe2;background:transparent}
.btn-ghost:hover{border-color:#e4efe2}
.h-note{margin-top:18px;font-size:13px;color:#86a693}
/* live demo */
.h-stage{position:relative;min-height:470px}
.h-mail{position:relative;background:rgba(255,253,248,.98);color:#173e34;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35);padding:22px 24px;transform:rotate(-1.5deg)}
.h-mail-top{display:flex;gap:7px;margin-bottom:14px}.h-mail-top i{width:10px;height:10px;border-radius:50%;background:#e2ddd0}
.h-mail-row{display:flex;gap:10px;font-size:13px;color:#667a70;border-bottom:1px solid #e6e2d6;padding:7px 0}.h-mail-row b{color:#173e34;font-weight:600}
.h-mail-body{min-height:84px;padding-top:14px;font-size:17px;line-height:1.55;color:#12332b;font-weight:500}
.h-caret{display:inline-block;width:2px;height:1.1em;background:#2a7354;vertical-align:-3px;margin-left:2px;animation:h-blink 1s steps(1) infinite}
@keyframes h-blink{50%{opacity:0}}
.h-stamp{position:absolute;right:-10px;top:-18px;background:#2a7354;color:#fff;font-family:Manrope,sans-serif;font-weight:800;font-size:15px;padding:9px 16px;border-radius:999px;box-shadow:0 12px 30px rgba(42,115,84,.45);transform:rotate(6deg) scale(.6);opacity:0;transition:transform .35s cubic-bezier(.2,1.6,.4,1),opacity .2s}
.h-stage.got .h-stamp{opacity:1;transform:rotate(6deg) scale(1)}
.h-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.h-tile{background:rgba(255,253,248,.08);border:1px solid rgba(214,231,216,.18);border-radius:16px;padding:16px 14px;min-height:118px;opacity:0;transform:translateY(18px) scale(.96);transition:opacity .45s,transform .45s cubic-bezier(.2,1.3,.4,1);backdrop-filter:blur(6px)}
.h-stage.done .h-tile{opacity:1;transform:none}
.h-stage.done .h-tile:nth-child(2){transition-delay:.15s}.h-stage.done .h-tile:nth-child(3){transition-delay:.3s}
.h-tile svg{width:28px;height:28px;stroke:#8fdcae;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.h-tile b{display:block;margin-top:12px;color:#f6faef;font-size:14.5px;line-height:1.3}
.h-tile small{display:block;margin-top:4px;color:#93b09d;font-size:12px;line-height:1.4}
.h-done{margin-top:14px;font-size:13px;color:#8fdcae;font-weight:700;letter-spacing:.06em;opacity:0;transition:opacity .2s}
.h-stage.done .h-done{opacity:1;transition:opacity .3s .6s}
/* request wall */
.h-wall{background:#0f2c24;padding:6px 0 64px;overflow:hidden}
.h-wall-title{color:#86a693;font-size:12px;letter-spacing:.14em;font-weight:750;text-transform:uppercase;margin-bottom:18px}
.h-marquee{display:flex;gap:14px;width:max-content;animation:h-scroll 60s linear infinite}
.h-marquee+.h-marquee{margin-top:14px;animation-duration:72s;animation-direction:reverse}
.h-wall:hover .h-marquee{animation-play-state:paused}
@keyframes h-scroll{to{transform:translateX(-50%)}}
.h-chip{flex:none;display:flex;align-items:center;gap:10px;border:1px solid rgba(214,231,216,.16);background:rgba(255,253,248,.05);color:#d6e7d8;border-radius:999px;padding:11px 20px;font-size:15px;white-space:nowrap}
.h-chip:before{content:"✉";color:#f2c38f;font-size:14px}
/* how it works */
.h-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:s}
.h-steps li{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:30px 28px;overflow:hidden}
.h-steps li:before{counter-increment:s;content:"0" counter(s);position:absolute;right:18px;top:6px;font-family:Manrope,sans-serif;font-weight:800;font-size:76px;letter-spacing:-.06em;color:#e8f0e3;line-height:1}
.h-steps h3{position:relative;font-size:23px;margin-bottom:10px}
.h-steps p{position:relative;color:var(--muted);font-size:15px}
/* scenarios */
.h-scen{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.h-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px 22px 22px;display:flex;flex-direction:column;gap:14px;transition:transform .25s,box-shadow .25s,border-color .25s;min-width:0}
.h-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#b9d3bd}
.h-card svg{width:30px;height:30px;stroke:var(--green);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.h-card h3{font-size:18px;letter-spacing:-.02em}
.h-card q{display:block;quotes:none;font-size:15px;line-height:1.55;color:#28503f;background:var(--mint2);border-radius:14px 14px 14px 4px;padding:12px 14px}
.h-card p{font-size:13.5px;line-height:1.6;color:var(--muted);margin-top:auto}
.h-card p b{color:var(--green);font-weight:700}
.h-scen-note{margin-top:22px;color:var(--muted);font-size:15px}
/* pricing */
.h-price{background:linear-gradient(140deg,#0f2c24 0,#183f33 100%);color:#c9dccb;border-radius:28px;padding:64px 58px;position:relative;overflow:hidden}
.h-price:after{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(242,195,143,.28),transparent 65%)}
.h-price .kicker{color:#a9d1b2}
.h-price h2{color:#f6faef;font-family:Manrope,"DM Sans","Noto Sans SC",sans-serif;font-size:clamp(34px,4.4vw,58px);letter-spacing:-.05em;margin:18px 0 14px}
.h-price h2 .on{color:#f2c38f}
.h-price>p{max-width:640px;font-size:17px;line-height:1.7}
.h-price-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}
.h-col{border-radius:20px;padding:26px 28px;background:rgba(255,253,248,.06);border:1px solid rgba(214,231,216,.16)}
.h-col.pay{background:#f6faef;color:#173e34;border-color:#f6faef}
.h-col h3{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#8fdcae}
.h-col.pay h3{color:var(--green)}
.h-col .big{font-family:Manrope,"DM Sans",sans-serif;font-size:40px;font-weight:800;letter-spacing:-.04em;color:#f6faef;margin:8px 0 14px}
.h-col.pay .big{color:#12332b}
.h-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15.5px}
.h-col li{padding-left:26px;position:relative}
.h-col li:before{content:"✓";position:absolute;left:0;color:#8fdcae;font-weight:800}
.h-col.pay li:before{color:var(--green)}
/* why */
.h-why{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.h-why>div{padding:28px 24px 8px 0}
.h-why>div+div{padding-left:24px;border-left:1px solid var(--line)}
.h-why b{display:block;font-size:18px;color:var(--ink-strong);letter-spacing:-.02em;margin-bottom:8px}
.h-why p{font-size:14.5px;color:var(--muted)}
/* reveal on scroll */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s cubic-bezier(.2,.9,.3,1)}
.reveal.in{opacity:1;transform:none}
@media(max-width:1080px){.h-scen{grid-template-columns:repeat(2,1fr)}.h-hero-grid{gap:44px}}
@media(max-width:900px){.h-hero-grid{grid-template-columns:1fr}.h-stage{min-height:0}.h-why{grid-template-columns:1fr 1fr}.h-why>div:nth-child(3){padding-left:0;border-left:0}}
@media(max-width:760px){.h-hero{padding:56px 0 64px}.h-sub{font-size:18px}.h-results{grid-template-columns:1fr 1fr 1fr;gap:8px}.h-tile{padding:12px 10px;min-height:104px}.h-tile b{font-size:13px}.h-tile small{display:none}.h-mail{padding:18px}.h-mail-body{font-size:15.5px}.h-steps{grid-template-columns:1fr}.h-scen{grid-template-columns:1fr}.h-price{padding:40px 24px;border-radius:22px}.h-price-grid{grid-template-columns:1fr}.h-why{grid-template-columns:1fr}.h-why>div,.h-why>div+div{padding:20px 0;border-left:0;border-bottom:1px solid var(--line)}.h-chip{font-size:14px;padding:9px 16px}.h-stamp{right:8px}}
@media(prefers-reduced-motion:reduce){.h-hero:before,.h-hero:after,.h-marquee{animation:none}.h-caret{display:none}.reveal{opacity:1;transform:none;transition:none}.h-tile,.h-stamp,.h-done{transition:none}}