.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle{width:48px;height:34px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.07);color:inherit;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:3px;cursor:pointer}.theme-toggle span{display:grid;place-items:center;height:26px;border-radius:50%;font-size:13px;transition:background .25s,color .25s,transform .25s}.theme-toggle .sun{background:#fff;color:#31443a;box-shadow:0 3px 9px rgba(0,0,0,.14)}.theme-toggle .moon{opacity:.55}.theme-toggle:focus-visible{outline:3px solid rgba(200,240,106,.5);outline-offset:2px}
html[data-theme="dark"]{--ink:#f3f4ed;--paper:#0a1710;--line:rgba(226,241,228,.13);color-scheme:dark}html[data-theme="dark"] body{background:#0a1710;color:#f3f4ed}html[data-theme="dark"] header{background:rgba(8,21,14,.9)}html[data-theme="dark"] nav a{color:#c8d5cc}html[data-theme="dark"] .nav-cta{background:var(--lime);color:#0c1711}html[data-theme="dark"] .hero{background:radial-gradient(circle at 80% 15%,#264832 0,transparent 30%),linear-gradient(145deg,#09160f 8%,#10291d 100%)}html[data-theme="dark"] .hero h1 em{color:#a9d96c}html[data-theme="dark"] .hero-copy>p{color:#b7c5bb}html[data-theme="dark"] .badge{border-color:#405b49;background:rgba(255,255,255,.06)}html[data-theme="dark"] .ghost{border-color:#486052;background:rgba(255,255,255,.04)}html[data-theme="dark"] .primary{background:var(--lime);color:#0c1711;box-shadow:0 12px 30px rgba(0,0,0,.28)}html[data-theme="dark"] .reassurance{color:#9eb0a4}html[data-theme="dark"] .one{background:#325c3d}html[data-theme="dark"] .two{background:#254a35}html[data-theme="dark"] .float-card{background:rgba(18,39,27,.88);border-color:rgba(255,255,255,.12);box-shadow:0 18px 40px rgba(0,0,0,.32)}html[data-theme="dark"] .float-card span,html[data-theme="dark"] .float-card small{color:#a8b8ad}html[data-theme="dark"] .proof{background:#0d1d15}html[data-theme="dark"] .proof span,html[data-theme="dark"] .proof p{color:#9cad9f}html[data-theme="dark"] .workflow{background:#0a1710}html[data-theme="dark"] .steps article{background:#102219;border-color:rgba(226,241,228,.12)}html[data-theme="dark"] .step-icon{background:#1d3a29;color:#b8e477}html[data-theme="dark"] .steps b{color:#76877b}html[data-theme="dark"] .steps p{color:#a8b6ad}html[data-theme="dark"] .kicker{color:#9dca66!important}html[data-theme="dark"] .feature-showcase{background:#173e2d}html[data-theme="dark"] .privacy{background:#10291e;border-color:#294637}html[data-theme="dark"] .privacy p:last-child{color:#adbbb1}html[data-theme="dark"] .privacy-icon{background:#234c36}html[data-theme="dark"] .join{background:#06100b}html[data-theme="dark"] .light{background:var(--lime);color:#0c1711}html[data-theme="dark"] .theme-toggle .sun{background:transparent;color:inherit;box-shadow:none;opacity:.55}html[data-theme="dark"] .theme-toggle .moon{background:var(--lime);color:#0c1711;opacity:1;box-shadow:0 3px 9px rgba(0,0,0,.28)}
@media(max-width:560px){.theme-toggle{width:42px}.header-actions{gap:6px}.nav-cta span{display:none}}

.header-socials,.footer-socials{display:flex;align-items:center;gap:8px}.social-button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:transform .2s ease,background .2s ease,border-color .2s ease}.social-button:hover{transform:translateY(-2px);background:rgba(200,240,106,.13);border-color:rgba(152,194,92,.5)}.social-button:focus-visible{outline:3px solid rgba(200,240,106,.5);outline-offset:2px}.social-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.social-button svg .instagram-dot{fill:currentColor;stroke:none}
.site-footer{background:#08120d;color:#eaf0ea;border-top:1px solid rgba(226,241,228,.12)}.footer-main{max-width:1240px;margin:auto;padding:72px max(28px,5vw) 60px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:70px}.footer-brand>p{max-width:340px;color:#91a097;font-size:13px;line-height:1.75;margin:20px 0}.footer-socials .social-button{border-color:rgba(226,241,228,.18)}.future-social{display:flex;gap:8px}.future-social i{display:block;width:34px;height:34px;border:1px dashed rgba(226,241,228,.16);border-radius:50%}.footer-column{display:flex;flex-direction:column;gap:12px;font-size:13px}.footer-column strong{font:700 12px Manrope;letter-spacing:.12em;text-transform:uppercase;color:#c8f06a;margin-bottom:8px}.footer-column a,.footer-column span{color:#91a097;transition:color .2s}.footer-column a:hover{color:#fff}.footer-bottom{max-width:1240px;margin:auto;padding:22px max(28px,5vw);border-top:1px solid rgba(226,241,228,.1);display:flex;justify-content:space-between;color:#6f7d74;font-size:11px}.site-footer .brand img{width:34px;height:34px}
html:not([data-theme="dark"]) .site-footer{background:#11291d}.header-socials+.theme-toggle{margin-left:2px}
@media(max-width:900px){.header-socials{display:none}.footer-main{grid-template-columns:1.5fr repeat(3,1fr);gap:35px}}
@media(max-width:700px){.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:440px){.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{padding-bottom:28px}}

/* Mobile navigation */
.mobile-menu-button,.mobile-nav-tools{display:none}.mobile-menu-button{width:42px;height:36px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.07);color:inherit;align-items:center;justify-content:center;gap:4px;cursor:pointer}.mobile-menu-button span{width:4px;height:4px;border-radius:50%;background:currentColor}.mobile-menu-button:focus-visible{outline:3px solid rgba(200,240,106,.5);outline-offset:2px}
@media(max-width:900px){header{position:relative}.header-socials{display:flex!important}.header-actions .social-button{display:grid!important;place-items:center;flex-shrink:0;padding:0}.header-actions .social-button svg{display:block}.header-actions>.theme-toggle,.header-actions>.nav-cta{display:none}.mobile-menu-button{display:flex}header>nav{position:absolute;top:calc(100% + 1px);left:max(16px,4vw);right:max(16px,4vw);display:flex;visibility:hidden;opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:rgba(10,23,16,.98);border:1px solid rgba(226,241,228,.14);border-radius:0 0 18px 18px;box-shadow:0 20px 45px rgba(0,0,0,.28);z-index:30;transform-origin:calc(100% - 20px) 0;transform:translateY(-9px) scale(.72);clip-path:circle(0 at calc(100% - 20px) 0);transition:clip-path .34s cubic-bezier(.2,.8,.2,1),transform .34s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility 0s linear .34s}header>nav.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);clip-path:circle(150% at calc(100% - 20px) 0);transition-delay:0s}header>nav>a{padding:14px 12px;border-bottom:1px solid rgba(226,241,228,.09);color:#e4ebe6!important}.mobile-nav-tools{display:flex;align-items:center;justify-content:space-between;padding:13px 12px 7px;color:#aebdb3;font-size:12px;font-weight:700}.mobile-nav-tools .theme-toggle{display:grid}html:not([data-theme="dark"]) header>nav{background:rgba(250,248,242,.98);border-color:rgba(12,23,17,.13)}html:not([data-theme="dark"]) header>nav>a{color:#31443a!important;border-color:rgba(12,23,17,.09)}.mobile-menu-button{transition:background .25s ease,border-color .25s ease,transform .25s ease}.mobile-menu-button[aria-expanded="true"]{background:var(--lime);border-color:var(--lime);color:#0c1711;transform:scale(.96)}.mobile-menu-button[aria-expanded="true"] span:nth-child(1){transform:translateX(4px)}.mobile-menu-button[aria-expanded="true"] span:nth-child(3){transform:translateX(-4px)}.mobile-menu-button span{transition:transform .25s ease}}
@media(prefers-reduced-motion:reduce){header>nav,.mobile-menu-button,.mobile-menu-button span{transition:none!important}}

.footer-appearance{display:flex;align-items:center;gap:10px;color:#91a097}.footer-appearance>span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.footer-theme-toggle{border-color:rgba(226,241,228,.2);background:rgba(255,255,255,.06);color:#eaf0ea}
@media(max-width:700px){.footer-appearance{margin-top:4px}.footer-theme-toggle{width:48px}}

/* Current page indicator, including the expanded mobile menu. */
html header>nav>a[aria-current="page"]{color:#557b30!important;font-weight:700;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
html[data-theme="dark"] header>nav>a[aria-current="page"]{color:var(--lime)!important}
html:not([data-theme="dark"]) header>nav>a[aria-current="page"]{color:#557b30!important}
/* Use the supplied transparent nug photo as an alpha mask. */
.hero .nug-shadow{border-radius:0;background:#71916c!important;pointer-events:none;filter:blur(2px);opacity:.2;-webkit-mask:url("assets/nug-shadow.svg?v=2") center/contain no-repeat;mask:url("assets/nug-shadow.svg?v=2") center/contain no-repeat}
.hero .nug-shadow.one{width:260px;height:260px;top:-20px;right:-25px;transform:rotate(24deg)}
.hero .nug-shadow.two{width:240px;height:240px;left:-35px;right:auto;top:48%;bottom:auto;transform:rotate(-28deg)}
html[data-theme="dark"] .hero .nug-shadow{background:#426f4b!important;opacity:.3}
@media(max-width:900px){.hero .nug-shadow.one{top:12px;bottom:auto;right:-30px}.hero .nug-shadow.two{left:-35px;right:auto;top:235px;bottom:auto}}
@media(max-width:560px){.hero .nug-shadow.one{width:220px;height:220px;top:8px;right:-40px;bottom:auto}.hero .nug-shadow.two{width:190px;height:190px;left:-25px;right:auto;top:260px;bottom:auto}}

.cursor-vapor{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1000}
@media(prefers-reduced-motion:reduce){.cursor-vapor{display:none}}

/* A descending burn front leaves a visible brown, charred surface. */
.is-burning{animation:button-ignite .85s linear both!important;box-shadow:inset 0 var(--burn-depth,0px) 0 #51341f,inset 0 0 8px #1c100b!important}
@keyframes button-ignite{
  0%{filter:brightness(1);opacity:1}
  12%{filter:brightness(1.1);opacity:1}
  65%{color:#efdfc7;filter:brightness(.95)}
  88%,100%{background-color:#51341f;color:#efdfc7;border-color:#785033;filter:brightness(.9);opacity:1}
}
@media(prefers-reduced-motion:reduce){.is-burning{animation:none!important;box-shadow:none!important}}
/* Extra desktop decoration; keep phones and tablets at two nugs. */
.hero .nug-shadow.three{display:none}
@media(min-width:901px){
  .hero .nug-shadow.three{display:block;width:190px;height:190px;left:38%;right:auto;top:auto;bottom:-20px;transform:rotate(12deg)}
}
/* Make the scorched surface win over green CTA and active-menu styling. */
.is-burning{background-image:linear-gradient(to bottom,#51341f 0 var(--burn-depth,0px),transparent var(--burn-depth,0px) 100%)!important}
html body .is-charred{animation:none!important;background:#51341f!important;color:#efdfc7!important;border-color:#785033!important;filter:none!important;opacity:1!important;box-shadow:inset 0 0 9px #231309,0 0 0 1px #785033!important}
html[data-theme] header>nav>a.is-burning,html[data-theme] header>nav>a.is-charred{color:#efdfc7!important}
@media(min-width:901px){header>nav>a{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:9px}header>nav{gap:10px}}
@media(prefers-reduced-motion:reduce){.is-burning{background-image:none!important}}


/* Any visible site surface can be scorched independently. Refreshing restores it. */
.burn-surface{--burn-radius:10px}
.burn-surface.is-burning,.burn-surface.is-charred{border-radius:var(--burn-radius)}
html body .burn-surface.is-charred,
html body .burn-surface.is-charred:hover{
  background-color:#51341f!important;
  background-image:linear-gradient(145deg,#654128,#432919 58%,#2a190f)!important;
  color:#f4e5cf!important;
  border-color:#8b5b38!important;
  text-shadow:0 1px 1px rgba(20,8,2,.55);
}
html body .burn-surface.is-charred :is(h1,h2,h3,h4,p,span,strong,small,li,label,a){
  color:#f4e5cf!important;
  opacity:1!important;
}
html body .burn-surface.is-charred img{
  filter:sepia(1) saturate(.65) brightness(.58) contrast(1.18)!important;
  opacity:.8!important;
}
html body img.burn-surface.is-charred{
  filter:sepia(1) saturate(.65) brightness(.58) contrast(1.18)!important;
  opacity:.8!important;
  background:#51341f!important;
}
html body .burn-surface.is-charred svg{color:#f4e5cf!important;stroke:currentColor}
html body :is(input,textarea,select).burn-surface.is-charred{
  -webkit-text-fill-color:#f4e5cf!important;
  caret-color:#f4e5cf;
}
@media(prefers-reduced-motion:reduce){
  .burn-surface.is-charred{background:#51341f!important;color:#f4e5cf!important}
}