/* ===== Design tokens ===== */
:root{
  --c-green:#1B3A2B; --c-green-2:#2E5340; --c-umber:#6E5432; --c-gold:#BE9F67;
  --c-blue:#A9C4D0; --c-sage:#A8C3A0; --c-cream:#F2EAD8; --c-road:#C8BBA0; --c-road-2:#D6CBB4;
  --c-brick:#8E3A2A; --c-brick-2:#752E20;

  --color-bg:#F2EAD8; --color-surface:#E9DCC0; --color-text:#22301F;
  --color-accent:#6E5432; --color-accent-2:#BE9F67;
  --color-divider:color-mix(in srgb,#1B3A2B 40%,transparent);

  --color-accent-100:#F6EFE1; --color-accent-200:#E9DBC0; --color-accent-300:#D6C199;
  --color-accent-400:#B99C6C; --color-accent-500:#8C6E42; --color-accent-600:#5B452A;
  --color-accent-700:#48361F; --color-accent-800:#352818; --color-accent-900:#241B10;

  --color-accent-2-100:#FBF4E6; --color-accent-2-200:#F1E3C6; --color-accent-2-300:#E3CEA1;
  --color-accent-2-400:#D3B885; --color-accent-2-500:#BE9F67; --color-accent-2-600:#A2854F;
  --color-accent-2-700:#806840; --color-accent-2-800:#5E4C2F; --color-accent-2-900:#3E3220;

  --color-neutral-100:#FAF5EA; --color-neutral-200:#EFE5D0; --color-neutral-300:#DFD2B6;
  --color-neutral-400:#C7B896; --color-neutral-500:#A99B7C; --color-neutral-600:#8A7E64;
  --color-neutral-700:#6B614C; --color-neutral-800:#4C4436; --color-neutral-900:#2E2A21;

  --font-heading:"Plus Jakarta Sans",system-ui,sans-serif;
  --font-body:"Inter",system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;

  --edge:clamp(20px,5vw,68px);
  --section-pad:clamp(52px,6vw,84px);
}

/* ===== Base ===== */
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;text-wrap:pretty;background:var(--c-cream);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-heading);font-weight:800;letter-spacing:-0.028em;margin:0}
p{margin:0}
img{max-width:100%}
a{color:var(--c-umber);text-underline-offset:3px}
a:hover{color:var(--color-accent-700)}
button{font:inherit}
input,textarea{font-family:inherit}
input[type=number]{appearance:textfield;-moz-appearance:textfield;text-align:center}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--color-text) 42%,transparent)}

.rr-dark :focus-visible{outline:2px solid var(--c-gold);outline-offset:3px}
.rr-dark a{color:var(--c-blue)}
.rr-dark a:hover{color:var(--c-gold)}
:focus-visible{outline:2px solid var(--c-umber);outline-offset:2px}

.container{max-width:1200px;margin:0 auto;padding-left:var(--edge);padding-right:var(--edge)}
.section{padding-top:var(--section-pad);padding-bottom:var(--section-pad)}
.divider{border-bottom:2px solid var(--color-divider)}
.eyebrow{display:block;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--c-umber);font-weight:600;margin-bottom:14px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border:none;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease;white-space:nowrap}
.btn-block{width:100%;display:flex}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}

/* ===== Keyframes ===== */
@keyframes rr-drop{0%{transform:translateY(-150px);opacity:0}55%{opacity:1}100%{transform:translateY(0);opacity:1}}
@keyframes rr-pop{0%{opacity:0;transform:scale(0)}55%{opacity:1;transform:scale(1.25)}100%{opacity:1;transform:scale(1)}}
@keyframes rr-spark{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.35)}}
@keyframes rr-rise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes rr-stamp{0%{opacity:0;transform:rotate(-9deg) scale(.55)}38%{opacity:1;transform:rotate(11deg) scale(1)}62%{opacity:1;transform:rotate(11deg) scale(1)}100%{opacity:0;transform:rotate(-9deg) scale(.55)}}
@keyframes rr-ring{0%{transform:scale(.35);opacity:.85}70%{opacity:0}100%{transform:scale(1.7);opacity:0}}

/* ===== Nav ===== */
.nav{position:sticky;top:0;z-index:60;background:var(--c-green);border-bottom:2px solid var(--c-green-2)}
.nav-row{padding-top:12px;padding-bottom:12px;display:flex;align-items:center;gap:clamp(16px,3vw,32px)}
.nav-brand{display:flex;align-items:center;gap:11px;margin-right:auto;text-decoration:none}
.nav-brand-mark{width:42px;height:42px;display:block}
.nav-brand-word{font-family:var(--font-heading);font-weight:700;font-size:22px;letter-spacing:-0.02em;color:var(--c-cream)}
.nav-links{display:flex;align-items:center;gap:clamp(14px,2.2vw,26px)}
.nav-links a{color:var(--c-cream);text-decoration:none;font-size:14.5px;white-space:nowrap}
.nav-links a:hover{color:var(--c-gold)}
.nav-cta{background:var(--c-gold);color:var(--c-green);font-family:var(--font-body);font-weight:700;font-size:14px;letter-spacing:.01em;padding:11px 18px}
.nav-cta:hover{background:#D3B885;color:var(--c-green)}

/* ===== Hero ===== */
.hero{position:relative;overflow:hidden;background:var(--c-cream);color:var(--color-text)}
.hero-inner{padding-top:clamp(44px,6vw,84px);padding-bottom:clamp(56px,6vw,96px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,0.9fr);gap:clamp(32px,4vw,60px);align-items:center}
.hero-copy{position:relative;z-index:1}
.hero-eyebrow{margin-bottom:22px}
.hero-h1{font-size:clamp(33px,4.1vw,56px);line-height:1.06;color:var(--c-green);margin-left:-0.03em;perspective:600px}
.hero-h1 span{display:block}
.hero-h1 .word{display:inline-block}
.hero-h1 .accent{color:var(--c-umber)}
.hero-body{font-size:clamp(16.5px,1.35vw,19px);line-height:1.62;max-width:52ch;margin:26px 0 0;color:color-mix(in srgb,var(--color-text) 84%,transparent)}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.cta-radar{position:relative;display:inline-flex}
.radar-ring{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:999px;background:var(--c-gold);opacity:0;pointer-events:none}
.cta-radar .hero-cta-primary{position:relative;z-index:1}
.hero-cta-primary{background:var(--c-green);color:var(--c-cream);font-weight:600;font-size:16px;padding:15px 24px}
.hero-cta-primary:hover{background:var(--c-green-2);color:var(--c-cream)}
.hero-cta-secondary{border:2px solid var(--color-divider);color:var(--c-umber);font-weight:500;font-size:16px;padding:14px 22px;background:transparent}
.hero-cta-secondary:hover{border-color:var(--c-umber);background:var(--color-accent-100);color:var(--c-umber)}
.hero-chips{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:22px;list-style:none;padding:0;margin-block-start:22px}
.hero-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 0;font-size:12.5px;white-space:nowrap;color:color-mix(in srgb,var(--color-text) 78%,transparent)}
.hero-chip svg{flex:none}

.widget{border:2px solid var(--color-divider);background:var(--color-surface)}
.widget-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:2px solid var(--color-divider)}
.widget-header-label{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 62%,transparent);white-space:nowrap}
.widget-status-dot{width:9px;height:9px;background:var(--c-sage);display:block}
.widget-map{position:relative;aspect-ratio:16/11;overflow:hidden;background:var(--c-cream)}
.widget-map-layer{position:absolute;inset:0;opacity:.6;-webkit-mask-image:radial-gradient(118% 118% at 50% 46%,#000 42%,rgba(0,0,0,.55) 74%,transparent 97%);mask-image:radial-gradient(118% 118% at 50% 46%,#000 42%,rgba(0,0,0,.55) 74%,transparent 97%);transition:filter 1.7s cubic-bezier(.2,.7,.3,1);filter:saturate(.1) contrast(.93)}
.widget-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(27,58,43,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(27,58,43,.07) 1px,transparent 1px);background-size:34px 34px}
.widget-parcel{position:absolute}
.widget-parcel.p1{left:7%;top:11%;width:27%;height:23%;background:var(--c-sage);opacity:.55}
.widget-parcel.p2{right:9%;top:7%;width:23%;height:29%;background:var(--c-blue);opacity:.5}
.widget-parcel.p3{left:12%;bottom:9%;width:31%;height:25%;background:var(--c-blue);opacity:.32}
.widget-parcel.p4{right:5%;bottom:13%;width:25%;height:21%;background:var(--c-sage);opacity:.38}
.widget-road{position:absolute}
.widget-road.r1{left:-12%;top:42%;width:124%;height:13px;background:var(--c-road);transform:rotate(-6deg)}
.widget-road.r2{left:-12%;top:72%;width:124%;height:7px;background:var(--c-road-2);transform:rotate(3deg)}
.widget-road.r3{left:37%;top:-16%;height:132%;width:10px;background:var(--c-road);transform:rotate(9deg)}
.widget-road.r4{left:73%;top:-16%;height:132%;width:6px;background:var(--c-road-2);transform:rotate(-4deg)}
.widget-pin-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);display:flex;flex-direction:column;align-items:center}
.widget-pin{opacity:.88;transform-origin:50% 100%}
.widget-pin.is-animated{animation:rr-drop 1.1s cubic-bezier(.16,1,.3,1) .6s both}
.widget-ring{width:54px;height:20px;margin-top:-7px;border:2px solid var(--c-umber);border-radius:50%;animation:rr-ring 2.6s ease-out 1.15s infinite}
.widget-footer{display:flex;align-items:center;gap:14px;padding:15px 18px;border-top:2px solid var(--color-divider)}
.widget-stars{display:flex;gap:3px}
.widget-stars svg{transition:transform .3s cubic-bezier(.3,1.7,.5,1),opacity .3s ease;transform:scale(.85);opacity:.85}
.widget-stars svg:first-child{opacity:.5}
.widget-stars svg use{transition:fill .35s ease}
.widget-rating{font-family:var(--font-mono);font-weight:600;font-size:27px;line-height:1;color:var(--c-green)}
.widget-count-wrap{margin-left:auto;text-align:right;white-space:nowrap;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 62%,transparent)}
.widget-count{font-family:var(--font-mono);font-weight:600;color:var(--c-umber)}

/* ===== Trust bar ===== */
.trust-bar-inner{padding-top:26px;padding-bottom:26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px clamp(18px,2.4vw,36px)}
.trust-badges{display:flex;flex-wrap:wrap;align-items:center;gap:12px clamp(14px,1.8vw,26px)}
.trust-badge{display:flex;align-items:center;gap:8px}
.trust-badge svg{flex:none}
.trust-badge span{font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;font-weight:600;white-space:nowrap}
.trust-rating{display:flex;align-items:center;gap:14px;flex:1 1 250px;min-width:0;border-left:2px solid var(--color-divider);padding-left:clamp(16px,2vw,28px)}
.trust-rating-seal{position:relative;width:60px;height:60px;flex:none;display:grid;place-items:center}
.trust-rating-seal svg{position:absolute;inset:0}
.trust-rating-seal span{position:relative;font-family:var(--font-mono);font-weight:600;font-size:20px;color:var(--c-green)}
.trust-rating p{font-size:11.5px;line-height:1.42;max-width:46ch;color:color-mix(in srgb,var(--color-text) 78%,transparent);flex:1 1 190px;min-width:0}

/* ===== How it works ===== */
.how h2{font-size:clamp(30px,3.6vw,44px);line-height:1.08;max-width:20ch;margin-left:-0.02em}
.how-rows{margin-top:clamp(34px,4vw,54px)}
.how-row{display:grid;grid-template-columns:88px minmax(0,340px) minmax(0,1fr);gap:14px clamp(24px,4vw,64px);align-items:start;padding:30px 0;border-top:2px solid var(--color-divider)}
.how-row:last-child{border-bottom:2px solid var(--color-divider)}
.how-num{display:flex;align-items:center;gap:12px}
.how-num-mark{width:11px;height:11px;background:var(--c-gold);flex:none}
.how-num-text{font-family:var(--font-mono);font-weight:600;font-size:16px;color:var(--c-umber)}
.how-row h3{font-size:24px;line-height:1.2}
.how-row p{font-size:16px;line-height:1.62;max-width:54ch;color:color-mix(in srgb,var(--color-text) 82%,transparent)}

/* ===== Pricing ===== */
.pricing h2{font-size:clamp(30px,3.6vw,44px);line-height:1.08;max-width:22ch;margin-left:-0.02em}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(18px,2vw,26px);margin-top:clamp(38px,4.5vw,56px);align-items:stretch}
.plan{position:relative;border:2px solid var(--color-divider);background:var(--c-cream);padding:clamp(24px,2.6vw,34px);display:flex;flex-direction:column;gap:20px;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .5s ease,box-shadow .5s ease}
.plan:hover{transform:translateY(-7px);border-color:var(--c-gold);box-shadow:0 26px 48px -28px color-mix(in srgb,var(--c-green) 55%,transparent)}
.plan-featured{border:2px solid var(--c-green)}
.plan-featured:hover{border-color:var(--c-green);box-shadow:0 26px 48px -24px color-mix(in srgb,var(--c-green) 65%,transparent)}
.plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--c-green);color:var(--c-cream);padding:7px 13px;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;line-height:1}
.plan-eyebrow{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:color-mix(in srgb,var(--color-text) 55%,transparent);margin-bottom:9px}
.plan-eyebrow-brick{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--c-brick);margin-bottom:9px}
.plan-eyebrow-brick .dot{width:8px;height:8px;background:var(--c-brick)}
.plan h3{font-size:23px;line-height:1.15;letter-spacing:.02em}
.plan-desc{margin:9px 0 0;font-size:14.5px;line-height:1.55;color:color-mix(in srgb,var(--color-text) 75%,transparent);max-width:34ch}
.plan-price{display:flex;align-items:baseline;gap:9px;border-top:2px solid var(--color-divider);padding-top:22px}
.plan-price-amount{font-family:var(--font-mono);font-weight:600;font-size:46px;line-height:1;letter-spacing:-0.02em;color:var(--c-green)}
.plan-price-unit{font-size:13px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}
.plan-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;flex:1}
.plan-features li{display:flex;gap:11px;font-size:15px;line-height:1.5}
.plan-features .marker{width:9px;height:9px;flex:0 0 auto;margin-top:8px}
.marker-sage{background:var(--c-sage)}
.marker-gold{background:var(--c-gold)}
.marker-brick{background:var(--c-brick);opacity:.65}
.plan-stepper{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:2px solid var(--color-divider);padding-top:20px;flex-wrap:wrap}
.plan-stepper-units{display:flex;align-items:center;gap:12px}
.plan-stepper-label{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 70%,transparent)}
.stepper{display:flex;align-items:center;border:2px solid var(--color-divider)}
.stepper.stepper-green{border-color:var(--c-green)}
.stepper-btn{width:42px;height:42px;border:0;background:transparent;cursor:pointer;font-family:var(--font-mono);font-size:20px;color:var(--c-umber);line-height:1}
.stepper-btn:hover{background:var(--color-accent-100)}
.stepper-green .stepper-btn{color:var(--c-green)}
.stepper-green .stepper-btn:hover{background:color-mix(in srgb,var(--c-green) 10%,transparent)}
.stepper-value{min-width:44px;text-align:center;font-family:var(--font-mono);font-weight:600;font-size:17px;border-left:2px solid var(--color-divider);border-right:2px solid var(--color-divider);height:42px;display:grid;place-items:center}
.stepper-green .stepper-value{border-left-color:var(--c-green);border-right-color:var(--c-green)}
.plan-stepper-total{font-family:var(--font-mono);font-size:15px;color:var(--c-green)}
.plan-cta{justify-content:flex-start;font-family:var(--font-body);font-weight:700;font-size:15px;padding:14px 18px;cursor:pointer}
.plan-cta-outline{border:2px solid var(--c-umber);color:var(--c-umber);background:transparent}
.plan-cta-outline:hover{background:var(--color-accent-100);color:var(--c-umber)}
.plan-cta-green{background:var(--c-green);color:var(--c-cream);border:2px solid var(--c-green)}
.plan-cta-green:hover{background:var(--c-green-2);border-color:var(--c-green-2);color:var(--c-cream)}
.plan-cta-brick{background:var(--c-brick);color:var(--c-cream);border:2px solid var(--c-brick)}
.plan-cta-brick:hover{background:var(--c-brick-2);border-color:var(--c-brick-2);color:var(--c-cream)}

/* ===== Order form ===== */
.order h2{font-size:clamp(30px,3.6vw,44px);line-height:1.08;max-width:18ch;margin-left:-0.02em}
.order-form{margin-top:clamp(28px,3vw,40px);display:flex;flex-direction:column;gap:22px;max-width:780px}
.field{display:flex;flex-direction:column}
.field label{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:7px}
.field .hint{margin:7px 0 0;font-size:12.5px;color:color-mix(in srgb,var(--color-text) 65%,transparent)}
.input{min-height:50px;font-size:16px;padding:10px 13px;border-width:1.5px;border-style:solid;border-color:var(--color-divider);background:var(--c-cream);color:var(--color-text)}
.input:focus-visible{outline:2px solid var(--c-umber);outline-offset:2px}
textarea.input{min-height:118px;padding:11px 13px;resize:vertical;font-size:16px}
.field-row{display:flex;gap:18px;flex-wrap:wrap}
.field-row .field{flex:1 1 250px}

.order-packages legend{font-size:13px;font-weight:600;padding:0;margin-bottom:9px}
.package-box{border:1.5px solid var(--color-divider)}
.package-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px}
.package-row.surface{background:var(--color-surface)}
.package-row-rule{height:1.5px;background:var(--color-divider)}
.package-info{flex:1;min-width:180px}
.package-name{font-family:var(--font-heading);font-weight:700;font-size:19px;line-height:1.2}
.package-unit-price{font-size:12.5px;margin-top:3px;color:color-mix(in srgb,var(--color-text) 68%,transparent)}
.package-unit-price span{font-family:var(--font-mono)}
.qty-stepper{display:flex;align-items:center;border:1.5px solid var(--color-divider)}
.qty-stepper.qty-green{border-color:var(--c-green)}
.qty-stepper-btn{width:44px;height:46px;border:0;background:transparent;cursor:pointer;font-family:var(--font-mono);font-size:20px;color:var(--c-umber);line-height:1}
.qty-stepper-btn:hover{background:var(--color-accent-100)}
.qty-green .qty-stepper-btn{color:var(--c-green)}
.qty-green .qty-stepper-btn:hover{background:var(--color-accent-2-200)}
.qty-input{width:62px;height:46px;text-align:center;font-family:var(--font-mono);font-weight:600;font-size:16px;color:var(--color-text);background:var(--color-surface);border:0;border-left:1.5px solid var(--color-divider);border-right:1.5px solid var(--color-divider);padding:0}
.qty-green .qty-input{background:var(--c-cream);border-left-color:var(--c-green);border-right-color:var(--c-green)}
.package-line{min-width:72px;text-align:right;font-family:var(--font-mono);font-weight:600;font-size:17px;color:var(--c-green)}
.package-rescue{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px;cursor:pointer}
.package-rescue input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--c-umber);cursor:pointer}

.order-summary{border-top:2px solid var(--color-divider);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.order-summary-lines{display:flex;flex-direction:column;gap:4px;font-size:14px;color:color-mix(in srgb,var(--color-text) 78%,transparent)}
.order-summary-lines .line-amount{font-family:var(--font-mono)}
.order-summary-lines .line-total{margin-top:5px;padding-top:7px;border-top:1.5px solid var(--color-divider);font-weight:600;color:var(--color-text)}
.order-summary-lines .line-total .amount{font-family:var(--font-mono);color:var(--c-green)}

.ignite-btn{position:relative;border:2px solid var(--c-umber);background:var(--c-umber);color:var(--c-cream);font-family:var(--font-body);font-weight:700;font-size:16px;letter-spacing:.01em;padding:16px 26px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;min-width:290px;transition:transform .32s cubic-bezier(.3,1.4,.5,1),padding .32s ease,background .18s ease}
.ignite-btn:hover{background:var(--color-accent-600);border-color:var(--color-accent-600)}
.ignite-label{display:inline-flex;align-items:center;gap:12px;transition:opacity .26s ease,transform .26s ease}
.ignite-label svg{flex:none;animation:rr-stamp 4.6s ease-in-out infinite}
.ignite-stars{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;opacity:0;pointer-events:none}
.ignite-stars svg{opacity:0;transform:scale(0)}
.ignite-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}
.ignite-burst i{position:absolute;opacity:0}

.started-line{margin:-8px 0 0;display:flex;align-items:center;gap:9px;font-family:var(--font-heading);font-weight:700;font-size:16px;color:var(--c-green);animation:rr-rise .42s ease both}
.reassurance{margin:0;font-size:12.5px;color:color-mix(in srgb,var(--color-text) 62%,transparent)}

.success-panel{margin-top:clamp(28px,3vw,40px);border:2px solid var(--c-green);padding:clamp(24px,3vw,36px);display:flex;gap:24px;align-items:flex-start;max-width:620px;flex-wrap:wrap}
.success-mark{position:relative;width:88px;height:88px;flex:none;display:grid;place-items:center}
.success-mark svg:first-child{position:absolute;inset:0}
.success-mark svg:last-child{position:relative}
.success-panel h3{font-size:24px;line-height:1.2}
.success-panel p{margin:10px 0 0;font-size:15.5px;line-height:1.6;color:color-mix(in srgb,var(--color-text) 82%,transparent)}
.success-panel .amount{font-family:var(--font-mono);font-weight:600;color:var(--c-green)}
.success-reset{margin-top:16px;border:2px solid var(--c-umber);color:var(--c-umber);background:transparent;font-family:var(--font-body);font-weight:600;font-size:14px;padding:11px 16px;cursor:pointer}
.success-reset:hover{background:var(--color-accent-100)}

/* ===== Why it works ===== */
.why h2{font-size:clamp(30px,4vw,52px);line-height:1.06;max-width:19ch;margin-left:-0.025em;color:var(--c-umber)}
.why p{margin:clamp(30px,3.5vw,46px) 0 0;border-top:2px solid var(--color-divider);padding-top:24px;font-size:16.5px;line-height:1.6;max-width:74ch;color:color-mix(in srgb,var(--color-text) 88%,transparent)}

/* ===== FAQ ===== */
.faq-inner{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.faq h2{font-size:clamp(28px,3.2vw,38px);line-height:1.1;margin-left:-0.02em}
.faq-list{border-top:2px solid var(--color-divider)}
.faq-item{border-bottom:2px solid var(--color-divider)}
.faq-trigger{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:20px;text-align:left;background:transparent;border:0;cursor:pointer;padding:22px 0;font-family:var(--font-heading);font-weight:700;font-size:clamp(18px,2.2vw,21px);line-height:1.3;color:var(--color-text)}
.faq-trigger:hover{color:var(--c-umber)}
.faq-trigger .marker{font-family:var(--font-mono);font-size:20px;color:var(--c-umber);flex:none}
.faq-answer{margin:0;padding:0 0 24px;font-size:16px;line-height:1.62;max-width:62ch;color:color-mix(in srgb,var(--color-text) 84%,transparent)}

/* ===== Closing + footer ===== */
.closing{background:var(--c-green);color:var(--c-cream)}
.closing-inner{padding-top:clamp(52px,6vw,86px);padding-bottom:clamp(40px,4vw,56px)}
.closing h2{font-size:clamp(34px,5vw,64px);line-height:1.05;color:var(--c-cream);margin-left:-0.025em}
.closing h2 .gold{color:var(--c-gold)}
.closing-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.closing-cta-gold{background:var(--c-gold);color:var(--c-green);font-weight:700;font-size:16px;padding:15px 24px}
.closing-cta-gold:hover{background:#D3B885;color:var(--c-green)}
.closing-cta-outline{border:2px solid color-mix(in srgb,var(--c-cream) 45%,transparent);background:transparent;color:var(--c-cream);font-weight:600;font-size:16px;padding:14px 22px;cursor:pointer}
.closing-cta-outline:hover{border-color:var(--c-gold);color:var(--c-gold)}
.closing-rule{height:2px;background:var(--c-green-2)}

.site-footer{padding:34px var(--edge) 44px;max-width:1200px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:28px clamp(24px,4vw,56px);align-items:start}
.footer-brand{display:flex;align-items:center;gap:11px}
.footer-brand img{width:38px;height:38px;display:block}
.footer-brand span{font-family:var(--font-heading);font-weight:700;font-size:20px;letter-spacing:-0.02em;color:var(--c-cream)}
.footer-desc{margin:14px 0 0;font-size:13.5px;line-height:1.6;max-width:34ch;color:color-mix(in srgb,var(--c-cream) 62%,transparent)}
.footer-col{display:flex;flex-direction:column;gap:9px}
.footer-col-heading{font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--c-gold)}
.footer-col a{font-size:14px}
.legal-text{margin:32px 0 0;padding-top:20px;border-top:2px solid var(--c-green-2);font-size:12px;line-height:1.6;max-width:78ch;color:color-mix(in srgb,var(--c-cream) 52%,transparent)}

/* ===== Payment modal ===== */
.modal-backdrop{position:fixed;inset:0;z-index:140;background:color-mix(in srgb,#1B3A2B 76%,transparent);display:flex;align-items:flex-start;justify-content:center;padding:clamp(14px,4vh,52px) 15px;overflow:auto;animation:rr-rise .2s ease both}
.modal-panel{width:100%;max-width:700px;background:var(--c-cream);border:2px solid var(--c-green);box-shadow:0 30px 70px color-mix(in srgb,#1B3A2B 45%,transparent)}
.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px clamp(20px,3.4vw,30px);border-bottom:2px solid var(--color-divider)}
.modal-header h3{font-size:clamp(23px,2.6vw,29px);line-height:1.1}
.modal-eyebrow{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-umber);font-weight:600;margin-bottom:7px}
.modal-close{flex:none;width:44px;height:44px;border:1.5px solid var(--color-divider);background:transparent;color:var(--c-umber);cursor:pointer;display:grid;place-items:center}
.modal-close:hover{background:var(--color-accent-100);border-color:var(--c-umber)}
.modal-body{padding:clamp(20px,3.4vw,30px);display:flex;flex-direction:column;gap:24px}

.summary-box{border:1.5px solid var(--color-divider)}
.summary-box-header{padding:13px 16px;border-bottom:1.5px solid var(--color-divider);background:var(--color-surface);font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--c-umber)}
.summary-box-body{padding:14px 16px;display:flex;flex-direction:column;gap:9px;font-size:14.5px}
.summary-line{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.summary-line .amount{font-family:var(--font-mono);font-weight:600}
.summary-profile{display:flex;flex-direction:column;gap:2px;padding-top:4px;font-size:12.5px;color:color-mix(in srgb,var(--color-text) 62%,transparent)}
.summary-profile .url{font-family:var(--font-mono);overflow-wrap:anywhere;color:color-mix(in srgb,var(--color-text) 80%,transparent)}
.summary-total{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-top:4px;padding-top:11px;border-top:2px solid var(--color-divider);font-family:var(--font-heading);font-weight:700;font-size:17px}
.summary-total .amount{font-family:var(--font-mono);color:var(--c-green)}

.method-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
.method-label{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--c-umber)}
.method-value{font-family:var(--font-mono);font-weight:600;font-size:14px;color:var(--c-green)}
.net-chips{display:flex;gap:10px;flex-wrap:wrap}
.net-chip{flex:1 1 92px;border:2px solid var(--color-divider);background:transparent;color:var(--color-text);font-family:var(--font-mono);font-weight:600;font-size:14px;letter-spacing:.05em;padding:12px 8px;min-height:48px;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}
.net-chip[aria-pressed="true"]{border-color:var(--c-green);background:var(--c-green);color:var(--c-cream)}
.sending-on{margin:0;display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--c-green)}

.address-block{border:2px solid var(--c-gold);background:var(--color-surface);padding:clamp(16px,2.4vw,22px);display:flex;gap:clamp(16px,2.6vw,24px);flex-wrap:wrap;align-items:flex-start}
.qr-col{flex:none;display:flex;flex-direction:column;gap:8px;align-items:center}
.qr-col img{display:block;width:156px;height:156px;border:1.5px solid var(--color-divider);image-rendering:pixelated}
.qr-caption{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:color-mix(in srgb,var(--color-text) 66%,transparent)}
.amount-col{flex:1;min-width:230px;display:flex;flex-direction:column;gap:16px}
.address-col-label{display:block;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--c-umber);margin-bottom:5px}
.amount-value{display:block;font-family:var(--font-mono);font-weight:600;font-size:clamp(24px,3vw,31px);line-height:1.1;color:var(--c-green)}
.address-row{display:flex;gap:9px;align-items:stretch;flex-wrap:wrap}
.address-code{flex:1;min-width:190px;background:var(--c-cream);border:1.5px solid var(--color-divider);padding:10px 12px;font-family:var(--font-mono);font-size:13px;line-height:1.5;overflow-wrap:anywhere;color:var(--color-text)}
.copy-btn{flex:none;border:2px solid var(--c-umber);background:var(--c-umber);color:var(--c-cream);font-family:var(--font-body);font-weight:600;font-size:13.5px;padding:0 16px;min-height:46px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.copy-btn:hover{background:var(--color-accent-600);border-color:var(--color-accent-600)}

.note-block{margin:0;border-left:3px solid var(--c-umber);padding-left:14px;font-size:14px;line-height:1.6;color:color-mix(in srgb,var(--color-text) 84%,transparent)}
.modal-footer{border-top:2px solid var(--color-divider);padding-top:20px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.modal-confirm{border:2px solid var(--c-green);background:var(--c-green);color:var(--c-cream);font-family:var(--font-body);font-weight:700;font-size:15.5px;padding:15px 24px;min-height:54px;cursor:pointer}
.modal-confirm:hover{background:var(--c-green-2);border-color:var(--c-green-2)}
.modal-back{border:2px solid var(--c-umber);background:transparent;color:var(--c-umber);font-family:var(--font-body);font-weight:600;font-size:14.5px;padding:14px 20px;min-height:54px;cursor:pointer}
.modal-back:hover{background:var(--color-accent-100)}

/* ===== Responsive ===== */
@media (max-width:900px){
  .hero-inner,.pricing-grid,.faq-inner,.footer-grid{grid-template-columns:1fr!important}
}
@media (max-width:820px){
  .nav-links{display:none!important}
  .how-row{grid-template-columns:1fr!important}
  .trust-rating{flex-basis:100%!important;border-left:0!important;padding-left:0!important;border-top:2px solid var(--color-divider);padding-top:18px}
}
@media (max-width:480px){
  .nav-row{gap:10px!important}
  .nav-brand-mark{width:34px!important;height:34px!important}
  .nav-brand-word{font-size:18px!important}
  .nav-cta{font-size:13px!important;padding:10px 13px!important}
  .ignite-btn{min-width:0!important;width:100%!important}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .ignite-label svg{animation:none!important;opacity:1!important;transform:none!important}
}
