/* GRGT — лендинг токена-подяки бригади «Ґреґіт» */

@font-face{font-family:"KhCond";src:url("../fonts/Khartia_023-CondBlack.otf") format("opentype");font-display:swap}
@font-face{font-family:"KhComp";src:url("../fonts/Khartia_023-CompBlack.otf") format("opentype");font-display:swap}
@font-face{font-family:"KhBold";src:url("../fonts/Khartia_023-CondBold.otf") format("opentype");font-display:swap}
@font-face{font-family:"KhMed";src:url("../fonts/Khartia_023-CondMedium.otf") format("opentype");font-display:swap}
@font-face{font-family:"KhReg";src:url("../fonts/Khartia_023-Regular.otf") format("opentype");font-display:swap}

:root{
  --mint:#00e4a5; --mint-2:#7dffd9; --mint-d:#00825d;
  --amber:#ffb020;
  --bg:#000; --ink:#eafff8; --dim:#8fb8a8; --mute:#5b7a6e;
  --glass:rgba(10,32,26,.55); --line:rgba(0,228,165,.22);
  --r:18px; --pad:clamp(16px,4vw,48px); --max:1240px;
}
*{box-sizing:border-box}
.grgt-landing [hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:clip}
body.grgt-landing{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 "KhMed",system-ui,sans-serif;letter-spacing:.3px;overflow-x:clip;-webkit-font-smoothing:antialiased}
.grgt-landing a{color:var(--mint);text-decoration:none}
.grgt-landing a:hover{color:var(--mint-2)}
.grgt-landing code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86em;letter-spacing:0}
.grgt-landing img{max-width:100%;height:auto}
.grgt-landing h1,.grgt-landing h2,.grgt-landing h3{margin:0;font-weight:400}
.grgt-landing button{font:inherit;color:inherit;cursor:pointer}
.grgt-landing :focus-visible{outline:2px solid var(--mint-2);outline-offset:3px}

/* ---------- background ---------- */
.bg{position:fixed;inset:0;z-index:-1;pointer-events:none}
.bg-topo{position:absolute;inset:-10%;background:url("../img/topo.svg") center/cover;opacity:.07}
.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,228,165,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,228,165,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 70%)}
.bg-glow{position:absolute;left:50%;top:-20vh;width:120vw;height:90vh;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(0,228,165,.16),transparent 60%)}

/* ---------- test bar ---------- */
.testbar{position:relative;z-index:30;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:center;padding:10px var(--pad);background:repeating-linear-gradient(-45deg,rgba(255,176,32,.16) 0 14px,rgba(255,176,32,.08) 14px 28px);border-bottom:1px solid rgba(255,176,32,.45);color:#ffe2a8;font-size:14px;text-align:center}
.testbar strong{font-family:"KhBold";letter-spacing:2px;color:var(--amber)}
.testbar .dot{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 0 rgba(255,176,32,.7);animation:pulse 1.8s infinite}

/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;max-width:calc(var(--max) + 2*var(--pad));margin:0 auto;padding:14px var(--pad);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.55));border-bottom:1px solid rgba(0,228,165,.08)}
.brand{display:flex;align-items:center;gap:12px;color:var(--mint)!important}
.brand img{width:40px;height:40px;filter:drop-shadow(0 0 10px rgba(0,228,165,.45))}
.brand .wm{height:17px;fill:var(--ink)}
.brand span{font:400 12px/1 "KhBold";letter-spacing:5px;color:var(--mint)}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{font:400 15px/1 "KhBold";letter-spacing:1.5px;text-transform:uppercase;color:var(--dim)}
.nav a:hover{color:var(--ink)}
.net{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;font:400 12px/1 "KhBold";letter-spacing:2px;text-transform:uppercase;white-space:nowrap}
.net i{width:8px;height:8px;border-radius:50%}
.net-test{color:var(--amber);border:1px solid rgba(255,176,32,.5);background:rgba(255,176,32,.08)}
.net-test i{background:var(--amber);animation:pulse 1.8s infinite}
.net-main{color:var(--mint);border:1px solid var(--line);background:rgba(0,228,165,.06)}
.net-main i{background:var(--mint);box-shadow:0 0 8px var(--mint)}

main{max-width:calc(var(--max) + 2*var(--pad));margin:0 auto;padding:0 var(--pad)}

/* ---------- hero ---------- */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;min-height:calc(100vh - 120px);padding:40px 0 60px}
.kicker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.kicker span{padding:6px 12px;border:1px solid var(--line);border-radius:99px;font:400 12px/1 "KhBold";letter-spacing:3px;color:var(--mint);background:rgba(0,228,165,.05)}
.hero h1{display:flex;flex-direction:column;line-height:.86}
.h1a{font:400 clamp(64px,10vw,150px)/.86 "KhComp";letter-spacing:2px;color:var(--ink)}
.h1b{font:400 clamp(64px,10vw,150px)/.86 "KhComp";letter-spacing:2px;background:linear-gradient(180deg,#eafff8 0%,#5fffd3 35%,#00e4a5 60%,#00825d 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(0,228,165,.35))}
.lead{max-width:560px;margin:26px 0 30px;font-size:clamp(17px,1.6vw,20px);color:#cfe9df}
.lead b{color:var(--ink);font-family:"KhBold";font-weight:400}
.cta{display:flex;flex-wrap:wrap;gap:12px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:12px;border:1px solid transparent;font:400 16px/1 "KhBold"!important;letter-spacing:2px;text-transform:uppercase;transition:transform .15s,box-shadow .2s,background .2s,opacity .2s}
.btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn-primary{background:linear-gradient(180deg,#3dffc9,#00c98f);color:#001a12!important;box-shadow:0 10px 30px -8px rgba(0,228,165,.6),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 40px -8px rgba(0,228,165,.75),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-ghost{background:rgba(0,228,165,.06);border-color:var(--line);color:var(--ink)!important}
.btn-ghost:hover:not(:disabled){border-color:var(--mint);background:rgba(0,228,165,.12)}
.btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}
.btn-block{width:100%}
.btn.is-busy{pointer-events:none;opacity:.8}
.btn.is-busy::after{content:"";width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}

.stats{display:grid;grid-template-columns:repeat(3,auto);gap:12px 36px;margin:42px 0 0;justify-content:start}
.stats div{position:relative;padding-left:16px}
.stats div::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:linear-gradient(var(--mint),transparent)}
.stats dt{font:400 12px/1.2 "KhBold";letter-spacing:2px;text-transform:uppercase;color:var(--mute)}
.stats dd{margin:6px 0 0;font:400 40px/1 "KhCond";color:var(--ink)}
.stats dd small{font:400 15px/1 "KhBold";color:var(--mint);letter-spacing:1px}
.stats-note{margin:14px 0 0;font-size:13px;color:var(--mute)}

/* ---------- coin ---------- */
.hero-coin{position:relative;aspect-ratio:1;max-width:560px;width:100%;justify-self:center;display:grid;place-items:center}
.coin-halo{position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle,rgba(0,228,165,.28),transparent 62%);animation:breathe 5s ease-in-out infinite}
.coin-orbit{position:absolute;border:1px solid rgba(0,228,165,.25);border-radius:50%}
.coin-orbit.o1{inset:-2% 6%;transform:rotate(-58deg) scaleY(.42);animation:orbit 26s linear infinite}
.coin-orbit.o2{inset:8% -4%;transform:rotate(24deg) scaleY(.38);opacity:.6;animation:orbit 38s linear infinite reverse}
.coin-scene{position:relative;width:82%;aspect-ratio:1;perspective:1600px;transition:transform .3s ease-out}
.coin{position:absolute;inset:0;transform-style:preserve-3d;animation:spin3d 14s cubic-bezier(.45,.05,.55,.95) infinite}
.hero-coin:hover .coin{animation-play-state:paused}
.coin-face{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 0 30px rgba(0,228,165,.25))}
.coin-face.front{transform:translateZ(14px)}
.coin-face.back{transform:rotateY(180deg) translateZ(14px)}
.coin-edge{position:absolute;inset:1.2%;border-radius:50%;transform-style:preserve-3d}
.coin-edge::before,.coin-edge::after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(#2c3634 0 1.5deg,#0d1211 1.5deg 3deg);box-shadow:0 0 0 2px #00a676 inset}
.coin-edge::before{transform:translateZ(7px)}
.coin-edge::after{transform:translateZ(-7px)}
.coin-shadow{position:absolute;bottom:2%;left:22%;right:22%;height:7%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,228,165,.35),transparent 70%);filter:blur(6px);animation:shadow 14s cubic-bezier(.45,.05,.55,.95) infinite}

/* ---------- marquee ---------- */
.marquee{margin:0 calc(-1*var(--pad));overflow:hidden;border-block:1px solid var(--line);background:rgba(0,228,165,.04);transform:rotate(-1.2deg)}
.marquee-track{display:flex;width:max-content;animation:marq 40s linear infinite}
.marquee span{padding:18px 26px;font:400 22px/1 "KhCond";letter-spacing:4px;color:var(--ink);white-space:nowrap}
.marquee i{align-self:center;font-style:normal;color:var(--mint)}

/* ---------- sections ---------- */
.section{padding:clamp(70px,10vw,130px) 0 0}
.sec-head{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"num h" ". p";column-gap:22px;margin-bottom:40px}
.sec-num{grid-area:num;font:400 16px/1 "KhBold";color:var(--mint);letter-spacing:2px;padding-top:12px}
.sec-head h2,.amb h2{grid-area:h;font:400 clamp(44px,6vw,84px)/.9 "KhComp";letter-spacing:1px;text-transform:uppercase}
.sec-head p{grid-area:p;max-width:640px;margin:14px 0 0;color:var(--dim)}

.card{position:relative;padding:clamp(22px,3vw,36px);border-radius:var(--r);background:linear-gradient(160deg,rgba(14,44,36,.75),rgba(4,14,11,.85));border:1px solid var(--line);box-shadow:0 30px 80px -40px rgba(0,228,165,.35),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(10px)}
.card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(0,228,165,.7),transparent 35%,transparent 70%,rgba(0,228,165,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.card h3{font:400 34px/1 "KhCond";margin:10px 0 22px}
.card-tag{font:400 11px/1 "KhBold";letter-spacing:3px;color:var(--mint)}

.donate-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;align-items:start}

.steps{display:flex;gap:8px;list-style:none;margin:0 0 22px;padding:0}
.steps li{flex:1;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,228,165,.12);color:var(--mute);font:400 13px/1.1 "KhBold";letter-spacing:1px;text-transform:uppercase;transition:.25s}
.steps b{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;border:1px solid currentColor;font-weight:400}
.steps li.is-active{color:var(--ink);border-color:var(--mint);background:rgba(0,228,165,.08)}
.steps li.is-done{color:var(--mint)}
.steps li.is-done b{background:var(--mint);color:#001a12;border-color:var(--mint)}

.notice{margin:0 0 18px;padding:14px 16px;border-radius:12px;font-size:15px;line-height:1.5}
.notice-wait{border:1px dashed rgba(255,176,32,.5);background:rgba(255,176,32,.06);color:#ffe2a8}
.notice-wait b{color:var(--amber);font-family:"KhBold";font-weight:400}
.notice-err{border:1px solid rgba(255,90,90,.5);background:rgba(255,90,90,.08);color:#ffc4c4}

.wallet-row{margin-bottom:20px}
.wallet-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:14px 16px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid var(--line)}
.wallet-info[hidden]{display:none}
.wi-dot{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}
.wallet-info code{color:var(--ink)}
.wi-bal{margin-left:auto;font-size:14px;color:var(--dim)}
.wi-bal b{color:var(--mint);font-family:"KhBold";font-weight:400}

.donate-form{display:grid;gap:16px}
.fld{display:grid;gap:8px}
.fld>span{font:400 13px/1 "KhBold";letter-spacing:2px;text-transform:uppercase;color:var(--dim)}
.fld small{font-family:"KhMed";letter-spacing:.5px;text-transform:none;color:var(--mute)}
.fld input{width:100%;min-height:54px;padding:0 18px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.45);color:var(--ink);font:400 17px "KhMed";transition:border-color .2s,box-shadow .2s}
.fld input:focus{outline:none;border-color:var(--mint);box-shadow:0 0 0 4px rgba(0,228,165,.12)}
.amount{position:relative}
.amount input{font:400 34px "KhCond";min-height:70px;padding-right:90px}
.amount em{position:absolute;right:18px;top:50%;transform:translateY(-50%);font:400 15px "KhBold";font-style:normal;letter-spacing:2px;color:var(--mint)}
.presets{display:flex;flex-wrap:wrap;gap:8px}
.presets button{flex:1;min-width:64px;min-height:42px;border-radius:10px;border:1px solid var(--line);background:rgba(0,228,165,.04);font:400 17px "KhCond";letter-spacing:1px;transition:.2s}
.presets button:hover{border-color:var(--mint)}
.presets button.on{background:var(--mint);color:#001a12;border-color:var(--mint)}
.receive{margin:0;color:var(--dim)}
.receive b{font:400 22px "KhCond";color:var(--mint)}
.actions{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}

.log{display:grid;gap:8px;margin-top:16px}
.log:empty{display:none}
.log-item{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:rgba(0,0,0,.35);border-left:3px solid var(--mint);font-size:15px;line-height:1.45;animation:rise .35s ease-out}
.log-item.err{border-left-color:#ff5a5a;color:#ffc4c4}
.log-item.warn{border-left-color:var(--amber);color:#ffe2a8}
.log-item a{word-break:break-all}

.card-direct{text-align:center}
.qr{position:relative;width:min(240px,100%);aspect-ratio:1;margin:6px auto 18px;padding:14px;border-radius:16px;background:#eafff8;box-shadow:0 0 0 1px var(--line),0 20px 50px -20px rgba(0,228,165,.6)}
.qr svg{display:block;width:100%;height:100%}
.qr-logo{position:absolute;left:50%;top:50%;width:22%;height:22%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 5px #eafff8}
.qr-empty{display:grid;place-items:center;background:rgba(0,0,0,.4);border:1px dashed var(--line);box-shadow:none}
.qr-empty span{font:400 42px "KhComp";color:var(--mute);letter-spacing:4px}
.addr{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 14px;border-radius:12px;background:rgba(0,0,0,.4);border:1px solid var(--line);text-align:left}
.addr code{flex:1;word-break:break-all;color:var(--ink);font-size:14px}
.icon-btn{display:inline-grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:rgba(0,228,165,.06);vertical-align:middle;transition:.2s}
.icon-btn:hover{border-color:var(--mint);background:rgba(0,228,165,.15)}
.icon-btn svg,.link svg{width:17px;height:17px;fill:none;stroke:var(--mint);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.link{display:inline-flex;align-items:center;gap:6px;margin:14px 0 4px;font:400 14px "KhBold";letter-spacing:1px}
.mini{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;text-align:left;font-size:15px;color:var(--dim)}
.mini li{position:relative;padding-left:22px}
.mini li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;transform:rotate(45deg);background:var(--mint)}
.mini b{color:var(--ink);font-family:"KhBold";font-weight:400}

/* ---------- flow ---------- */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:f}
.flow-card{position:relative;padding:28px 24px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(170deg,rgba(0,228,165,.07),rgba(0,0,0,.2));overflow:hidden;transition:transform .25s,border-color .25s}
.flow-card:hover{transform:translateY(-4px);border-color:var(--mint)}
.flow-card::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(0,228,165,.2),transparent 70%)}
.fc-n{font:400 13px "KhBold";color:var(--mute);letter-spacing:2px}
.flow-card svg{display:block;width:52px;height:52px;margin:16px 0 18px;fill:none;stroke:var(--mint);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(0,228,165,.5))}
.flow-card h3{font:400 26px/1 "KhCond";margin-bottom:10px}
.flow-card p{margin:0;font-size:15px;color:var(--dim)}

/* ---------- coin section ---------- */
.coin-show{border-radius:calc(var(--r) + 6px);overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 100px -40px rgba(0,228,165,.45)}
.coin-show img{display:block;width:100%}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:20px;border-radius:var(--r);overflow:hidden;background:var(--line);border:1px solid var(--line)}
.facts div{padding:24px 22px;background:#020806}
.facts b{display:block;font:400 46px/1 "KhComp";color:var(--mint);letter-spacing:1px}
.facts span{display:block;margin-top:8px;font-size:15px;color:var(--dim)}
.contract-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 0;color:var(--dim);font-size:15px}
.contract-line code{word-break:break-all}

/* ---------- guide ---------- */
.need{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:18px;border-radius:var(--r);overflow:hidden;background:var(--line);border:1px solid var(--line)}
.need div{padding:18px 20px;background:#03100c}
.need b{display:block;font:400 22px/1.1 "KhCond";color:var(--mint)}
.need span{display:block;margin-top:4px;font-size:14px;color:var(--dim)}
@media (max-width:680px){.need{grid-template-columns:1fr 1fr}}
.guide{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;counter-reset:g}
.guide li{position:relative;counter-increment:g;padding:26px 26px 26px 92px;border-radius:var(--r);border:1px solid rgba(0,228,165,.14);background:rgba(4,16,13,.7)}
.guide li::before{content:counter(g,decimal-leading-zero);position:absolute;left:24px;top:22px;font:400 46px/1 "KhComp";color:transparent;-webkit-text-stroke:1.5px var(--mint)}
.guide h3{font:400 24px/1.1 "KhCond";margin-bottom:8px}
.guide p{margin:0;font-size:15.5px;color:var(--dim)}
.guide b{color:var(--ink);font-family:"KhBold";font-weight:400}
.inline-copy{cursor:pointer;padding:2px 6px;border-radius:6px;background:rgba(0,228,165,.12);color:var(--mint)}
.safety{display:flex;gap:16px;align-items:flex-start;margin-top:18px;padding:20px 24px;border-radius:var(--r);border:1px solid rgba(255,176,32,.35);background:rgba(255,176,32,.05)}
.safety svg{flex:none;width:30px;height:30px;fill:none;stroke:var(--amber);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.safety p{margin:0;color:#f3dcae;font-size:15.5px}
.safety b{color:var(--amber);font-family:"KhBold";font-weight:400}

/* ---------- feed ---------- */
.feed{display:grid;gap:10px}
.feed-empty{padding:34px;border-radius:var(--r);border:1px dashed var(--line);text-align:center;color:var(--mute)}
.feed-row{display:grid;grid-template-columns:auto 1fr auto;gap:6px 18px;align-items:center;padding:16px 20px;border-radius:14px;border:1px solid rgba(0,228,165,.14);background:rgba(4,16,13,.7);animation:rise .4s ease-out both}
.feed-ava{width:40px;height:40px;border-radius:50%;grid-row:span 2}
.feed-who{font-size:14px;color:var(--dim)}
.feed-who code{color:var(--ink)}
.feed-msg{grid-column:2;font-size:15px;color:#cfe9df;word-break:break-word}
.feed-amt{grid-row:span 2;text-align:right;font:400 26px/1 "KhCond";color:var(--mint)}
.feed-amt small{display:block;margin-top:6px;font:400 12px "KhMed";color:var(--mute);letter-spacing:.5px}

/* ---------- ambassadors ---------- */
.amb{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.amb-img{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);transform:perspective(1400px) rotateY(8deg) rotateX(2deg);box-shadow:-30px 40px 90px -40px rgba(0,228,165,.5);transition:transform .5s}
.amb-img:hover{transform:none}
.amb-img img{display:block;width:100%}
.amb-text .sec-num{display:block;margin-bottom:14px}
.amb-text p{color:var(--dim)}
.amb-text .btn{margin-top:26px}

/* ---------- faq ---------- */
.faq{display:grid;gap:10px;max-width:900px}
.faq details{border-radius:14px;border:1px solid rgba(0,228,165,.14);background:rgba(4,16,13,.7);transition:border-color .2s}
.faq details[open]{border-color:var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font:400 21px/1.2 "KhCond"}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);color:var(--mint);font:400 20px/1 "KhMed";transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0;padding:0 24px 22px;color:var(--dim)}

/* ---------- footer ---------- */
.foot{max-width:calc(var(--max) + 2*var(--pad));margin:clamp(80px,10vw,140px) auto 0;padding:40px var(--pad) 50px;display:grid;grid-template-columns:1fr auto;gap:24px 40px;border-top:1px solid rgba(0,228,165,.12)}
.foot-brand .wm{height:22px;fill:var(--mint)}
.foot-brand p{margin:10px 0 0;color:var(--mute);font-size:15px}
.foot-links{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center}
.foot-links a{font:400 14px "KhBold";letter-spacing:1.5px;text-transform:uppercase;color:var(--dim)}
.foot-glory{grid-column:1/-1;font:400 clamp(60px,14vw,200px)/.8 "KhComp";letter-spacing:4px;color:transparent;-webkit-text-stroke:1px rgba(0,228,165,.25);text-align:center;white-space:nowrap;overflow:hidden}

/* ---------- toast ---------- */
.toast{position:fixed;left:50%;bottom:28px;z-index:50;transform:translate(-50%,30px);opacity:0;padding:12px 20px;border-radius:12px;background:var(--mint);color:#001a12;font:400 15px "KhBold";letter-spacing:1px;pointer-events:none;transition:.3s}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- reveal ---------- */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.js .reveal.in{opacity:1;transform:none}

/* ---------- animations ---------- */
@keyframes spin3d{0%{transform:rotateY(0) rotateX(8deg)}45%{transform:rotateY(180deg) rotateX(-6deg)}50%{transform:rotateY(180deg) rotateX(-6deg)}95%{transform:rotateY(360deg) rotateX(8deg)}100%{transform:rotateY(360deg) rotateX(8deg)}}
@keyframes shadow{0%,50%,100%{transform:scaleX(1);opacity:1}25%,75%{transform:scaleX(.35);opacity:.5}}
@keyframes breathe{50%{transform:scale(1.06);opacity:.75}}
@keyframes orbit{to{rotate:360deg}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,176,32,.7)}70%{box-shadow:0 0 0 10px rgba(255,176,32,0)}100%{box-shadow:0 0 0 0 rgba(255,176,32,0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes rise{from{opacity:0;transform:translateY(8px)}}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .nav{display:none}
  .net{margin-left:auto}
  .hero{grid-template-columns:1fr;min-height:0;padding-top:24px;text-align:left}
  .hero-coin{order:-1;max-width:400px}
  .donate-grid,.amb{grid-template-columns:1fr}
  .flow,.facts{grid-template-columns:repeat(2,1fr)}
  .amb-img{transform:none}
}
@media (max-width:680px){
  body.grgt-landing{font-size:16px}
  .brand .wm{display:none}
  .net{padding:7px 10px;font-size:10px;letter-spacing:1px}
  .hero-coin{max-width:300px}
  .stats{grid-template-columns:1fr 1fr;gap:18px 20px}
  .stats dd{font-size:32px}
  .guide,.flow{grid-template-columns:1fr}
  .guide li{padding:22px 20px 22px 76px}
  .guide li::before{left:18px;font-size:38px}
  .actions{grid-template-columns:1fr}
  .steps li span{display:none}
  .steps li{justify-content:center}
  .sec-head{grid-template-columns:1fr;grid-template-areas:"num" "h" "p"}
  .sec-num{padding:0 0 10px}
  .feed-row{grid-template-columns:auto 1fr;padding:14px}
  .feed-amt{grid-row:auto;grid-column:2;text-align:left}
  .foot{grid-template-columns:1fr}
  .wi-bal{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}