:root{--green:#a9fb30;--dark:#031b16;--dark2:#06271f;--red:#e72d2d;--gold:#f5b92f;--cream:#f5fff8;--muted:#a8c5b9;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:white;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}
header{height:86px;padding:0 clamp(20px,4vw,70px);display:flex;align-items:center;gap:35px;position:sticky;top:0;z-index:50;background:rgba(2,24,19,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.logo{width:49px;height:49px;border:3px solid var(--gold);background:#fff;border-radius:50%;display:grid;place-items:center;font-size:28px}.brand b{font-size:21px;display:block;letter-spacing:.03em}.brand small{font-size:10px;font-weight:900;color:var(--green);letter-spacing:.12em;display:block;margin-top:3px}
nav{display:flex;gap:32px;font-size:14px;font-weight:700}nav a:hover{color:var(--green)}.top-btn,.green{background:var(--green);color:#041812!important;font-weight:900;border-radius:12px;padding:15px 22px}.menu{display:none;background:none;border:0;color:#fff;font-size:26px}
.hero{min-height:900px;position:relative;overflow:hidden;padding:88px clamp(25px,7vw,115px) 245px;background:radial-gradient(ellipse at 70% 8%,rgba(169,251,48,.25),transparent 34%),radial-gradient(ellipse at 45% 90%,rgba(15,112,79,.45),transparent 38%),linear-gradient(#03201a,#06251f 70%,#031914)}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:85px 85px;opacity:.18}.tree-side{position:absolute;left:-90px;bottom:40px;font-size:420px;filter:drop-shadow(0 0 25px rgba(255,187,40,.2));opacity:.95}.hero-copy{position:relative;z-index:4;width:50%;max-width:720px}.kicker{font-size:12px;letter-spacing:.3em;font-weight:700}.hero h1{font-family:"Luckiest Guy",Impact,sans-serif;font-size:clamp(75px,8.4vw,135px);line-height:.82;margin:28px 0 12px;text-shadow:0 7px 0 #b91f1f,0 10px 25px #000;letter-spacing:.01em}.hero h2{font-size:clamp(25px,2.7vw,42px);margin:0;letter-spacing:.06em}.script{font-family:Pacifico,cursive;color:var(--green);font-size:clamp(42px,4.5vw,70px);line-height:1.2;margin:3px 0 18px}.desc{font-size:18px;line-height:1.65;max-width:600px;color:#e0eee8}.actions{display:flex;gap:12px;margin-top:28px}.btn{padding:16px 24px;border-radius:12px;font-weight:900;display:inline-flex;gap:22px;align-items:center;justify-content:center}.clear{border:1px solid var(--line);background:rgba(255,255,255,.05)}
.coin-wrap{position:absolute;z-index:3;right:8%;top:115px;width:min(43vw,620px);aspect-ratio:1}.coin{width:100%;height:100%;border-radius:50%;padding:22px;background:linear-gradient(140deg,#fff1a4,#ffc13b 30%,#d78708 68%,#ffe477);box-shadow:0 25px 70px #0008,0 0 80px #a9fb3022;transform:rotate(4deg)}.coin-face{width:100%;height:100%;border-radius:50%;border:8px solid #a96b12;background:radial-gradient(circle,#ffc94e,#eda41d);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}.santa{font-size:min(18vw,250px);filter:drop-shadow(0 9px 3px #0004)}.glasses{position:absolute;top:39%;display:flex;gap:7px}.glasses span{background:linear-gradient(#a9fb30,#087747);border:7px solid #101713;border-radius:15px;padding:7px 18px;font-size:30px}.coin strong{font-family:"Luckiest Guy";color:#061a13;font-size:clamp(28px,3.2vw,48px);letter-spacing:.05em}.hand{position:absolute;right:-3%;bottom:4%;font-size:115px;transform:rotate(-12deg)}.hero-slogan{position:absolute;right:3.5%;top:75px;font-family:Pacifico,cursive;color:var(--green);font-size:31px;line-height:1.05;transform:rotate(-5deg);z-index:5}.hero-slogan span{color:#d5ffe6}
.pillars{position:absolute;z-index:6;bottom:38px;left:22%;right:5%;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.pillars article{text-align:center}.pillars i{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#087d49;border:3px solid #a9fb30;font-style:normal;font-size:30px;box-shadow:0 8px 25px #0006}.pillars article:nth-child(2) i{background:#c92d22;border-color:#ff675d}.pillars article:nth-child(3) i{background:#d69312;border-color:#ffc84b}.pillars b{display:block;font-size:14px}.pillars p{font-size:12px;color:#d7e8e0;line-height:1.45}
.marquee{background:var(--green);color:#041710;overflow:hidden;white-space:nowrap;padding:14px 0;font-weight:900;letter-spacing:.13em}.marquee div{width:max-content;animation:move 24s linear infinite}@keyframes move{to{transform:translateX(-50%)}}
.section{padding:105px clamp(22px,7vw,110px)}.section-title{text-align:center;max-width:850px;margin:0 auto 55px}.section-title>span,.quote-copy>span{color:var(--green);font-weight:900;letter-spacing:.25em;font-size:11px}.section-title h2,.quote h2,.cta h2{font-size:clamp(43px,6vw,82px);line-height:.98;letter-spacing:-.045em;margin:14px 0 24px}.section-title h2 em,.quote h2 em,.cta h2 em{font-style:normal;color:var(--green)}.section-title p{font-size:18px;line-height:1.65;color:#c8dbd3}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{padding:35px;background:linear-gradient(145deg,#0b3025,#071e18);border:1px solid var(--line);border-radius:22px}.cards article div{font-size:38px;color:var(--green)}.cards h3{font-size:22px}.cards p{color:var(--muted);line-height:1.6}
.quote{display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:#eefaf2;color:#061a13}.quote-art{position:relative;overflow:hidden;background:linear-gradient(#06251e 0 60%,#dff5e7 60%)}.moon{position:absolute;right:10%;top:10%;width:150px;height:150px;border-radius:50%;background:#fff0b1;box-shadow:0 0 45px #fff0b1}.forest{position:absolute;bottom:-25px;left:-20px;color:#096640;font-size:150px;letter-spacing:-45px;white-space:nowrap}.q-santa{position:absolute;bottom:-15px;left:20%;font-size:min(30vw,390px);filter:drop-shadow(0 12px 8px #0004)}.quote-copy{padding:80px clamp(35px,7vw,100px);display:flex;justify-content:center;flex-direction:column}.quote-copy p{font-size:18px;line-height:1.7;color:#3b5b4f}.quote-copy strong{font-family:"Luckiest Guy";font-size:clamp(30px,3.5vw,52px);color:#08784a;margin-top:35px}
.token{background:radial-gradient(circle at 85% 10%,#a9fb3019,transparent 30%)}.tokenbox{max-width:1050px;margin:auto;background:linear-gradient(140deg,#0d3328,#061c16);border:1px solid #a9fb3044;border-radius:25px;padding:30px;display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:center}.token-head{display:flex;align-items:center;gap:15px}.smallcoin{width:75px;height:75px;border-radius:50%;background:var(--gold);border:4px solid #ffe16a;display:grid;place-items:center;font-size:43px}.token-head small,.facts small{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em;font-weight:800;margin-bottom:5px}.token-head b{font-size:21px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:22px}.facts b{font-size:14px}.warning{text-align:center;color:#8fac9f;font-size:12px;margin-top:18px}
.buy{background:#08251d}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps article{background:#f4fff8;color:#061912;padding:30px;border-radius:20px;min-height:245px}.steps>b{}.steps article>b{color:#0b9a5d}.steps h3{font-size:21px;margin-top:42px}.steps p{color:#496359;font-size:14px;line-height:1.55}
.redband{background:var(--red);padding:45px clamp(22px,7vw,110px);display:flex;align-items:center;justify-content:space-between;gap:25px}.redband>b{font-family:"Luckiest Guy";font-size:clamp(42px,6vw,85px)}.redband span{font-weight:900}.redband strong{font-family:Pacifico;font-size:26px}
.faq{max-width:1100px;margin:auto}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:24px 0;font-size:18px;font-weight:800;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary i{color:var(--green);font-style:normal}.faq-list p{color:var(--muted);line-height:1.7;margin:0 0 25px}
.cta{margin:25px clamp(20px,5vw,70px) 70px;border-radius:30px;padding:45px 55px;background:linear-gradient(120deg,#f3b72e,#ffd35e);color:#061a13;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px}.cta-santa{font-size:100px}.cta span{font-size:10px;font-weight:900;letter-spacing:.18em}.cta h2{font-size:clamp(34px,4vw,58px);margin:7px 0}.cta h2 em{color:#087348}
footer{padding:55px clamp(22px,7vw,110px);border-top:1px solid var(--line)}footer p{max-width:900px;color:#829f93;font-size:11px;line-height:1.75;margin:30px 0}.foot{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#91ab9f;font-size:11px;font-weight:800}
@media(max-width:950px){header{height:72px}.menu{display:block}.top-btn{display:none}nav{display:none;position:absolute;top:72px;left:0;right:0;padding:22px;background:#041b15;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{padding:70px 24px 450px;min-height:1150px}.hero-copy{width:100%;text-align:center;margin:auto}.actions{justify-content:center}.coin-wrap{top:510px;left:50%;right:auto;transform:translateX(-50%);width:min(76vw,510px)}.hero-slogan{display:none}.tree-side{font-size:300px;left:-110px}.pillars{left:4%;right:4%;grid-template-columns:1fr 1fr}.quote{grid-template-columns:1fr}.quote-copy{order:-1}.cards,.steps{grid-template-columns:1fr 1fr}.cta{grid-template-columns:1fr;text-align:center}}
@media(max-width:580px){.brand b{font-size:17px}.brand small{font-size:8px}.logo{width:42px;height:42px}.hero{padding-bottom:650px;min-height:1280px}.hero h1{font-size:19vw}.hero h2{font-size:6vw}.kicker{font-size:9px}.desc{font-size:16px}.actions{flex-direction:column}.btn{width:100%}.coin-wrap{top:530px;width:88vw}.santa{font-size:39vw}.glasses{top:39%;gap:3px}.glasses span{border-width:4px;padding:3px 10px;font-size:18px}.hand{font-size:70px}.pillars{bottom:30px;grid-template-columns:1fr;gap:12px}.pillars article{display:grid;grid-template-columns:55px 1fr;text-align:left;align-items:center}.pillars i{width:48px;height:48px;font-size:20px;grid-row:1/3;margin:0}.pillars p{margin:4px 0}.section{padding:75px 20px}.cards,.steps{grid-template-columns:1fr}.quote-art{min-height:420px}.q-santa{font-size:60vw}.tokenbox{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.redband{flex-direction:column;text-align:center}.cta{padding:35px 20px;margin:15px}.foot{flex-direction:column}.marquee div{animation-duration:16s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}}

.hero.hero-photo{min-height:calc(100svh - 86px);padding:100px clamp(24px,7vw,115px);display:flex;align-items:center;isolation:isolate;background:#031b16;position:relative;overflow:hidden}.hero-image{position:absolute;z-index:-3;inset:0 0 0 34%;background:url('assets/hero.webp') center 43%/cover no-repeat;filter:saturate(1.15) contrast(1.05)}.hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#031b16 0%,#031b16 27%,rgba(3,27,22,.97) 36%,rgba(3,27,22,.72) 49%,rgba(3,27,22,.2) 66%,rgba(3,27,22,.03) 100%)}.hero.hero-photo .hero-copy{width:min(650px,52%);max-width:650px;position:relative;z-index:2}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.hero-tags span{font-size:10px;font-weight:900;letter-spacing:.12em;padding:9px 12px;border-radius:999px;border:1px solid rgba(169,251,48,.35);background:rgba(3,27,22,.7);color:#dfffea}.visuals{background:linear-gradient(180deg,#031b16,#06261e)}.visual-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.visual-grid figure{margin:0;position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);aspect-ratio:1}.visual-grid .visual-main{grid-column:span 2;grid-row:span 2}.visual-grid img{width:100%;height:100%;display:block;object-fit:cover;transition:.35s}.visual-grid figure:hover img{transform:scale(1.025)}.visual-grid figcaption{position:absolute;left:14px;bottom:14px;padding:8px 11px;border-radius:9px;background:rgba(2,20,15,.8);font-size:10px;font-weight:900;letter-spacing:.11em;color:#b7ffd4;border:1px solid rgba(169,251,48,.3)}@media(max-width:950px){.hero.hero-photo{min-height:900px;align-items:flex-start;padding:75px 24px 460px}.hero-image{inset:39% 0 0;background-position:center 42%}.hero-shade{background:linear-gradient(180deg,#031b16 0%,#031b16 30%,rgba(3,27,22,.9) 42%,rgba(3,27,22,.12) 70%)}.hero.hero-photo .hero-copy{width:100%;max-width:700px;text-align:center;margin:auto}.hero.hero-photo .actions,.hero-tags{justify-content:center}.visual-grid{grid-template-columns:1fr 1fr}.visual-grid .visual-main{grid-column:span 2}}@media(max-width:580px){.hero.hero-photo{min-height:820px;padding:55px 20px 390px}.hero-image{inset:43% 0 0;background-position:center top}.hero.hero-photo h1{font-size:18vw}.visual-grid{grid-template-columns:1fr}.visual-grid .visual-main{grid-column:auto;grid-row:auto}}/* V4 festive polish */
.logo{overflow:hidden;padding:0;background:#000;border:0;box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 20px rgba(169,251,48,.15)}
.logo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
.hero.hero-photo h1,.section-title h2,.quote h2,.cta h2,.redband>b{font-family:"Luckiest Guy",Impact,sans-serif;text-transform:uppercase;text-shadow:0 4px 0 #a51d1d,0 7px 0 rgba(0,0,0,.45);letter-spacing:.01em}
.hero.hero-photo h1{background:linear-gradient(#fff 15%,#fffde9 65%,#dfffe9);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.2);filter:drop-shadow(0 5px 0 #d52323) drop-shadow(0 8px 0 #075b37)}
.hero.hero-photo h2{font-family:"Luckiest Guy",Impact,sans-serif;letter-spacing:.06em;text-shadow:0 3px 0 #075b37,0 5px 12px #000}
.script{transform:rotate(-2deg);text-shadow:0 3px 0 #075b37,0 6px 18px rgba(0,0,0,.35)}
.section-title h2 em,.quote h2 em,.cta h2 em{font-family:Pacifico,cursive;text-transform:none;text-shadow:none;letter-spacing:0}
.section-title>span,.quote-copy>span,.kicker{color:#fff;text-shadow:0 0 12px rgba(169,251,48,.7)}
.cards h3,.steps h3,.token-head b,.facts b{font-weight:900}.green,.top-btn{box-shadow:0 5px 0 #07934d,0 12px 28px rgba(169,251,48,.2)}
/* Hero artwork: crop away the artwork's CHRISTMAS headline while preserving TO THE MOON. */
.hero-image{inset:0 0 0 34%;background-size:cover;background-position:center 64%;transform:scale(1.18);transform-origin:center right}
@media (min-width:951px) and (orientation:landscape){.hero.hero-photo{min-height:clamp(620px,calc(100svh - 86px),900px)}.hero-image{inset:0 -2% 0 35%;background-size:cover;background-position:center 67%;transform:scale(1.2)}.hero-shade{background:linear-gradient(90deg,#031b16 0%,#031b16 30%,rgba(3,27,22,.98) 38%,rgba(3,27,22,.72) 51%,rgba(3,27,22,.15) 70%,rgba(3,27,22,0) 100%)}}
@media(max-width:950px){.hero-image{transform:none;background-position:center 65%;background-size:cover}.hero.hero-photo h1{filter:drop-shadow(0 4px 0 #d52323) drop-shadow(0 7px 0 #075b37)}}
@media(max-width:580px){.hero-image{background-position:center 63%}.hero.hero-photo h1{-webkit-text-stroke:1px rgba(255,255,255,.2)}}

/* V4.1 requested hero/logo corrections */
.hero-image{inset:0 0 0 34%;background-size:cover;background-position:center top;transform:none;transform-origin:center center}
.q-santa img,.cta-santa img,.smallcoin img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.q-santa{width:min(30vw,390px);height:min(30vw,390px);font-size:0}
.cta-santa{width:100px;height:100px;font-size:0}
.smallcoin{overflow:hidden;padding:0}
@media (min-width:951px) and (orientation:landscape){.hero-image{inset:0 -2% 0 35%;background-size:cover;background-position:center top;transform:none}}
@media(max-width:950px){.hero-image{transform:none;background-position:center top;background-size:cover}}
@media(max-width:580px){.hero-image{background-position:center top}.q-santa{width:60vw;height:60vw}}
/* V4.2 — approved Santa Coin hero + distributed artwork */
.hero.hero-photo h1{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;-webkit-text-stroke:1px rgba(255,255,255,.35);text-shadow:0 5px 0 #d52323,0 9px 0 #075b37,0 14px 26px rgba(0,0,0,.55);filter:none}
.hero-image{background-position:center center;filter:saturate(1.18) contrast(1.04)}
.story-image{max-width:980px;margin:70px auto 0;border-radius:24px;overflow:hidden;background:#061f19;border:1px solid rgba(169,251,48,.22);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.story-image img{width:100%;height:auto;max-height:760px;display:block;object-fit:cover}
.story-image figcaption{padding:20px 24px 23px;display:flex;flex-direction:column;gap:7px;background:linear-gradient(135deg,#092a21,#051a15)}
.story-image figcaption b{font-family:"Luckiest Guy",Impact,sans-serif;font-size:24px;letter-spacing:.04em;color:#fff;text-shadow:0 3px 0 #b82020,0 5px 0 #075b37}
.story-image figcaption span{color:#bdd5ca;font-size:14px;line-height:1.6}
.about .story-image,.token .story-image,.buy .story-image,.faq .story-image{margin-top:58px}
@media(min-width:951px) and (orientation:landscape){.hero-image{background-position:center center}}
@media(max-width:950px){.hero-image{background-position:center center}.story-image{margin-top:45px}}
@media(max-width:580px){.hero-image{background-position:center center}.story-image{border-radius:17px}.story-image figcaption{padding:16px 17px 19px}.story-image figcaption b{font-size:21px}}
/* V4.3 — preserve the original square artwork without cropping */
.story-image img{
  width:100%;
  height:auto;
  max-height:none;
  aspect-ratio:1 / 1;
  object-fit:contain;
  object-position:center;
  background:#061f19;
}


/* V4.5 — portrait phone hero artwork fix */
.mobile-hero-art{display:none}
@media (max-width:580px) and (orientation:portrait){
  .hero.hero-photo{min-height:auto;padding:55px 20px 58px;display:block}
  .hero-image{display:none}
  .hero-shade{display:none}
  .mobile-hero-art{display:block;width:100%;background:#031b16;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(169,251,48,.18)}
  .mobile-hero-art img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;background:#031b16}
}

/* V4.7 — portrait mobile typography + simplified HOME controls */
@media (max-width:580px) and (orientation:portrait){
  .hero.hero-photo h1{
    font-size:clamp(52px,15vw,72px);
    line-height:.94;
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    letter-spacing:-.025em;
    white-space:nowrap;
  }
  .hero.hero-photo .actions,
  .hero.hero-photo .hero-tags{display:none!important}
}

/* V4.8 — readable portrait CHRISTMAS title + smaller desktop story artwork */
@media (max-width:580px) and (orientation:portrait){
  .hero.hero-photo h1{
    font-size:clamp(45px,12.7vw,61px);
    line-height:.98;
    letter-spacing:.005em;
    transform:scaleX(.88);
    transform-origin:center center;
    width:113.6%;
    max-width:none;
    margin-left:-6.8%;
    margin-right:-6.8%;
    white-space:nowrap;
  }
}
@media (min-width:951px) and (orientation:landscape){
  .story-image{max-width:680px;margin-top:48px}
  .about .story-image,.token .story-image,.buy .story-image,.faq .story-image{margin-top:48px}
  .story-image figcaption{padding:17px 20px 20px}
  .story-image figcaption b{font-size:21px}
}

/* V4.9 — improve CHRISTMAS title readability on portrait phones */
@media (max-width:580px) and (orientation:portrait){
  .hero.hero-photo h1{
    font-size:clamp(43px,12vw,58px);
    letter-spacing:.045em;
    transform:scaleX(.84);
    transform-origin:center center;
    width:119%;
    margin-left:-9.5%;
    margin-right:-9.5%;
  }
}

/* V4.10 — more spacing between CHRISTMAS letters on portrait phones */
@media (max-width:580px) and (orientation:portrait){
  .hero.hero-photo h1{
    font-size:clamp(41px,11.4vw,55px);
    letter-spacing:.085em;
    transform:scaleX(.82);
    transform-origin:center center;
    width:122%;
    margin-left:-11%;
    margin-right:-11%;
  }
}

/* V4.11 contract update */
.contract-hero{margin-top:28px;max-width:600px;padding:14px 15px;border:1px solid rgba(169,251,48,.42);border-radius:14px;background:rgba(3,27,22,.78);box-shadow:0 0 28px rgba(169,251,48,.08)}
.contract-hero>span{display:block;font-size:10px;font-weight:900;letter-spacing:.15em;color:#dfffea;margin-bottom:9px}
.contract-row{display:flex;align-items:center;gap:10px}.contract-row code{min-width:0;flex:1;overflow-wrap:anywhere;font-family:Inter,sans-serif;font-size:13px;color:#fff}.copy-contract{flex:0 0 auto;border:0;border-radius:9px;background:var(--green);color:#07170e;padding:10px 14px;font:900 11px Inter,sans-serif;letter-spacing:.06em;cursor:pointer}.copy-contract:hover{filter:brightness(1.08)}
.contract-fact b{font-size:11px!important;overflow-wrap:anywhere;word-break:break-all}
@media(max-width:950px){.contract-hero{margin-left:auto;margin-right:auto;text-align:left}}
@media(max-width:580px){.contract-row{align-items:stretch;flex-direction:column}.copy-contract{width:100%}.contract-row code{font-size:11px}.contract-hero{margin-top:25px}}

/* X social links */
.x-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:50%;
  border:1px solid rgba(169,251,48,.55);
  color:#fff;
  text-decoration:none;
  font-size:21px;
  font-weight:700;
  line-height:1;
  background:rgba(0,0,0,.18);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
.x-icon:hover{transform:translateY(-2px);border-color:#a9fb30;background:rgba(169,251,48,.12);}
footer .x-icon{margin-left:10px;}
@media (max-width:760px){
  header .x-icon{width:34px;height:34px;flex-basis:34px;font-size:19px;}
  footer .foot .x-icon{margin-left:0;}
}