:root{
  /* Eclipse palette — change these to re-colour the whole site, including the 3D hand. */
  --bg:#07050c; --bg-rgb:7,5,12; --bg-2:#0d0a14;
  --glass:rgba(255,255,255,.03); --glass-2:rgba(255,255,255,.055);
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.15);
  --text:#f1edf7; --body-text:#cfc8dc; --muted:#958ca8;
  --glow:#b69cff;   --glow-rgb:182,156,255;   /* spectral violet */
  --glow-2:#ff3d7f; --glow-2-rgb:255,61,127;  /* crimson rose */
  --glow-3:#ffb36b;                           /* ember gold */
  /* Previous "neon cyan" look: --bg:#05060a; --bg-rgb:5,6,10; --glow:#5ef1ff; --glow-rgb:94,241,255; --glow-2:#8b7bff; --glow-2-rgb:139,123,255; --glow-3:#ff6bd6 */
  --grad:linear-gradient(100deg,var(--glow),var(--glow-2) 58%,var(--glow-3));
  --radius:20px; --max:1200px;
  --display:"Unbounded", system-ui, sans-serif;
  --sans:"Inter", system-ui, sans-serif;
  --mono:"JetBrains Mono", ui-monospace, monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.7;font-size:16.5px;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:72px 72px;opacity:.2;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 75%)}
body::after{content:"";position:fixed;z-index:-1;pointer-events:none;inset:-20%;
  background:radial-gradient(40% 35% at 30% 10%,rgba(var(--glow-rgb),.13),transparent 70%),radial-gradient(35% 30% at 75% 20%,rgba(var(--glow-2-rgb),.08),transparent 70%),radial-gradient(30% 30% at 60% 90%,rgba(var(--glow-rgb),.05),transparent 70%);
  filter:blur(30px);animation:aurora 40s ease-in-out infinite alternate}
@keyframes aurora{50%{transform:translate(4%,3%) scale(1.06)}100%{transform:translate(-3%,5%) scale(.98)}}
html::after{content:"";position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27160%27 height=%27160%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.85%27 numOctaves=%273%27 stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url(%23n)%27/%3E%3C/svg%3E")}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--glow-2);color:#fff}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

h1,h2,h3{font-family:var(--display);font-weight:300;line-height:1.08;letter-spacing:-.03em}
h1{font-size:clamp(2.5rem,6.4vw,5.4rem)}
h2{font-size:clamp(1.8rem,3.8vw,3rem)}
h3{font-size:1.15rem;font-weight:400;letter-spacing:-.01em;line-height:1.3}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
h1 em,h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font-family:var(--mono);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--glow);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--glow);box-shadow:0 0 8px var(--glow)}
.muted{color:var(--muted)}

/* Header */
header{position:sticky;top:0;z-index:50;background:rgba(var(--bg-rgb),.6);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px}
.logo{font-family:var(--display);font-size:1.02rem;font-weight:400;letter-spacing:-.02em;display:flex;align-items:center}
.logo::before{content:"";width:10px;height:10px;margin-right:12px;border-radius:50%;background:var(--glow);box-shadow:0 0 12px var(--glow),0 0 24px var(--glow-2)}
.logo span{color:var(--glow)}
.menu{display:flex;gap:6px;align-items:center;list-style:none}
.menu a:not(.btn){font-size:.9rem;color:var(--muted);padding:8px 14px;border-radius:99px;transition:color .2s,background .2s}
.menu a:not(.btn):hover{color:var(--text)}
.menu a.active{color:var(--text);background:var(--glass-2)}
.menu .btn{margin-left:10px}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:42px;height:42px;color:var(--text);font-size:1.2rem;cursor:pointer}

/* Buttons */
.btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:99px;font-family:var(--sans);font-weight:500;font-size:.92rem;border:0;cursor:pointer;color:#05060a;background:var(--grad);background-size:200% 100%;transition:background-position .5s,transform .2s,box-shadow .3s;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 8px 30px -8px rgba(var(--glow-2-rgb),.6)}
.btn:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.2),0 12px 40px -6px rgba(var(--glow-rgb),.55)}
.btn.ghost{background:var(--glass);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);backdrop-filter:blur(8px)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--glow),0 0 24px -6px var(--glow)}

/* Sections */
section{padding:110px 0;position:relative}
.page-hero{padding:110px 0 30px}
.page-hero p{max-width:620px;color:var(--muted);margin-top:22px;font-size:1.08rem}
.page-hero h1{margin-top:18px}
.alt{background:linear-gradient(180deg,transparent,rgba(var(--glow-2-rgb),.04) 30%,rgba(var(--glow-rgb),.03) 70%,transparent)}

/* Home hero with 3D hand */
.hero{padding:0;min-height:calc(100vh - 74px);display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;max-width:1440px;margin:0 auto;overflow:hidden}
.hero-text{padding:60px 24px 60px max(24px,calc((100vw - var(--max))/2 + 24px));position:relative;z-index:2}
.hero h1{margin:22px 0 26px;font-size:clamp(2.4rem,4.9vw,4.4rem)}
.hero .lead{max-width:520px;font-size:1.12rem;color:var(--muted);margin-bottom:38px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-meta{display:flex;gap:28px;margin-top:56px;font-family:var(--mono);font-size:.75rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.hero-meta b{display:block;font-family:var(--display);font-weight:300;font-size:1.6rem;color:var(--text);letter-spacing:-.02em;text-transform:none}
#hand-stage{position:relative;height:calc(100vh - 74px);min-height:560px;opacity:0;transition:opacity 1.4s}
#hand-stage.ready,#hand-stage.no-webgl{opacity:1}
#hand-stage canvas{display:block;width:100%!important;height:100%!important;-webkit-mask-image:radial-gradient(ellipse 78% 72% at 52% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 78% 72% at 52% 50%,#000 55%,transparent 100%)}

#hand-stage.no-webgl{background:radial-gradient(circle at 50% 50%,rgba(var(--glow-2-rgb),.35),rgba(var(--glow-rgb),.12) 35%,transparent 65%)}
.hud{position:absolute;z-index:2;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;color:rgba(var(--glow-rgb),.75);text-transform:uppercase;pointer-events:none}
.hud.tl{top:28px;left:12%}.hud.br{bottom:34px;right:32px;text-align:right}
.hud i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--glow);box-shadow:0 0 10px var(--glow);margin-right:8px;animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.25}}
.scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:22px;height:36px;border:1px solid var(--line-2);border-radius:12px;z-index:3}
.scroll-cue::after{content:"";position:absolute;left:50%;top:7px;width:2px;height:7px;border-radius:2px;background:var(--glow);transform:translateX(-50%);animation:cue 1.8s infinite}
@keyframes cue{0%{opacity:0;transform:translate(-50%,0)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,12px)}}

/* Marquee */
.marquee{border-block:1px solid var(--line);overflow:hidden;padding:22px 0;background:rgba(255,255,255,.015)}
.marquee-track{display:flex;gap:56px;width:max-content;animation:marq 38s linear infinite;font-family:var(--display);font-weight:300;font-size:1.25rem;color:var(--muted);white-space:nowrap}
.marquee-track span::after{content:"✦";margin-left:56px;color:var(--glow-2)}
@keyframes marq{to{transform:translateX(-50%)}}

/* Layout helpers */
.split{display:grid;grid-template-columns:1fr 1.25fr;gap:72px;align-items:center}
.prose p{margin-bottom:20px;color:var(--body-text)}
.grid{display:grid;gap:20px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:52px;flex-wrap:wrap}
.section-head h2{margin-top:16px}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.stat{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--line)}
.stat b{font-family:var(--display);font-size:2rem;font-weight:300;display:block;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{font-size:.85rem}

/* Holographic portrait */
.portrait{position:relative;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;max-width:440px;width:100%;margin:0 auto}
.portrait::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1px;background:conic-gradient(from 0deg,var(--glow),transparent 30%,var(--glow-2) 55%,transparent 80%,var(--glow));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 9s linear infinite}
.portrait::after{content:"";position:absolute;inset:14%;border-radius:50%;border:1px dashed rgba(var(--glow-rgb),.25);animation:spin 30s linear infinite reverse}
.portrait .core{width:58%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:200;font-size:clamp(3rem,7vw,5rem);background:radial-gradient(circle at 35% 30%,rgba(var(--glow-2-rgb),.45),rgba(var(--glow-rgb),.08) 55%,rgba(var(--bg-rgb),.9));box-shadow:0 0 80px -10px rgba(var(--glow-2-rgb),.6),inset 0 0 40px rgba(var(--glow-rgb),.15)}
.portrait .tag{position:absolute;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:99px;background:rgba(var(--bg-rgb),.8);border:1px solid var(--line-2);backdrop-filter:blur(6px)}
.portrait .t1{top:12%;right:-2%}.portrait .t2{bottom:16%;left:-4%}.portrait .t3{bottom:2%;right:12%}
@keyframes spin{to{transform:rotate(360deg)}}

/* Cards (glass + spotlight) */
.card{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);padding:32px;overflow:hidden;transition:transform .35s,border-color .35s;isolation:isolate}
.card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(var(--glow-2-rgb),.16),rgba(var(--glow-rgb),.05) 40%,transparent 70%)}
.card:hover{transform:translateY(-4px);border-color:var(--line-2)}
.card:hover::before{opacity:1}
.card .num{font-family:var(--mono);font-size:.75rem;color:var(--glow);letter-spacing:.1em;margin-bottom:26px;display:flex;align-items:center;justify-content:space-between}
.card .num::after{content:"";width:34px;height:34px;border-radius:10px;border:1px solid var(--line-2);background:linear-gradient(135deg,rgba(var(--glow-rgb),.15),rgba(var(--glow-2-rgb),.15))}
.card h3{margin-bottom:12px}
.card p,.card li{color:var(--muted);font-size:.95rem}
.card ul{list-style:none;margin-top:12px;display:grid;gap:8px}
.card li{padding-left:20px;position:relative}
.card li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:1px;background:var(--glow);box-shadow:0 0 6px var(--glow)}

/* Blog */
.post-card{display:flex;flex-direction:column;padding:0}
.post-thumb{position:relative;aspect-ratio:16/10;display:grid;place-items:center;font-family:var(--display);font-weight:200;font-size:2.6rem;color:rgba(255,255,255,.9);overflow:hidden;border-bottom:1px solid var(--line)}
.post-thumb::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle,#000,transparent 75%);-webkit-mask-image:radial-gradient(circle,#000,transparent 75%)}
.post-body{padding:26px;display:flex;flex-direction:column;gap:10px;flex:1}
.post-meta{font-family:var(--mono);font-size:.72rem;color:var(--glow);letter-spacing:.12em;text-transform:uppercase}
.post-body .more{margin-top:auto;padding-top:10px;font-weight:500;font-size:.9rem}
.post-card:hover .more{color:var(--glow)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px}
.chip{padding:9px 18px;border-radius:99px;border:1px solid var(--line);background:var(--glass);color:var(--muted);cursor:pointer;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;transition:all .2s}
.chip.on,.chip:hover{border-color:var(--glow);color:var(--text);box-shadow:0 0 18px -6px var(--glow)}
article.post{max-width:760px;margin:0 auto}
article.post h1{font-size:clamp(2rem,4.6vw,3.4rem);margin:16px 0 30px}
article.post h2{font-size:1.5rem;margin:44px 0 14px}
article.post p,article.post li{color:var(--body-text);margin-bottom:18px}
article.post ul{padding-left:22px}


/* Forms */
form{display:grid;gap:16px}
label{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:grid;gap:8px}
input,textarea,select{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--text);font-family:var(--sans);font-size:.98rem;width:100%;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--glow);box-shadow:0 0 0 4px rgba(var(--glow-rgb),.1)}
select option{background:#120e1a}
textarea{min-height:130px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.note{font-size:.88rem;color:var(--muted)}

/* Contact */
.contact-list{display:grid;gap:12px}
.contact-item{display:flex;align-items:center;gap:16px;padding:16px 18px;background:var(--glass);border:1px solid var(--line);border-radius:16px;transition:border-color .25s,transform .25s}
a.contact-item:hover{border-color:var(--glow);transform:translateX(4px)}
.contact-item .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,rgba(var(--glow-rgb),.14),rgba(var(--glow-2-rgb),.14));border:1px solid var(--line)}
.contact-item svg{width:20px;height:20px;fill:var(--glow)}
.contact-item small{display:block;color:var(--muted);font-size:.82rem}

/* CTA */
.cta{position:relative;border-radius:28px;padding:80px 48px;text-align:center;overflow:hidden;border:1px solid var(--line-2);background:radial-gradient(ellipse at 50% 120%,rgba(var(--glow-2-rgb),.35),transparent 60%),radial-gradient(ellipse at 50% -20%,rgba(var(--glow-rgb),.18),transparent 55%),var(--bg-2)}
.cta p{color:var(--muted);max-width:540px;margin:20px auto 34px}
.cta .hero-actions{justify-content:center}
.cta .eyebrow::before{display:none}

/* Footer */
footer{border-top:1px solid var(--line);padding:64px 0 36px;margin-top:40px;background:rgba(255,255,255,.01)}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.foot h4{font-family:var(--mono);font-weight:400;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--glow);margin-bottom:16px}
.foot ul{list-style:none;display:grid;gap:8px;font-size:.92rem}
.foot a:hover{color:var(--glow)}
.socials{display:flex;gap:10px;margin-top:20px}
.socials a{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--glass);display:grid;place-items:center;transition:all .25s}
.socials a:hover{border-color:var(--glow);box-shadow:0 0 20px -4px var(--glow);transform:translateY(-2px)}
.socials svg{width:17px;height:17px;fill:var(--text)}
.copy{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}


/* Reveal */
.reveal{opacity:0;transform:translateY(24px);filter:blur(6px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter .9s}
.reveal.in{opacity:1;transform:none;filter:none}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;filter:none}
  body::after,.marquee-track,.portrait::before,.portrait::after{animation:none}
}
@media (max-width:1000px){
  .menu{position:fixed;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;background:rgba(var(--bg-rgb),.97);padding:20px;gap:4px;border-bottom:1px solid var(--line);display:none}
  .menu.open{display:flex}
  .menu .btn{margin:10px 0 0;justify-content:center}
  .burger{display:block}
}
@media (max-width:900px){
  .split,.g3,.g2,.foot{grid-template-columns:1fr}
  .hero{grid-template-columns:1fr;min-height:0}
  #hand-stage{order:-1;height:58vh;min-height:400px}

  .hero-text{padding:0 24px 72px}
  .hud.tl{left:24px;top:18px}.hud.br{display:none}
  .scroll-cue{display:none}
  section{padding:80px 0}
  .cta{padding:56px 22px}
}
@media (max-width:560px){
  .wrap{padding:0 16px}
  .hero-text{padding:0 16px 64px}
  .row2{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr 1fr;gap:10px}
  .stat{padding:14px}
  .stat b{font-size:1.5rem}
  .hero-meta{gap:18px}
}

/* FAQ */
.faq-tools{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:28px}
.faq-tools .filters{margin:0}
.faq-search{position:relative;flex:1;max-width:380px;min-width:220px}
.faq-search input{padding-left:44px;border-radius:99px}
.faq-search::before{content:"";position:absolute;left:18px;top:50%;width:12px;height:12px;border:1.5px solid var(--muted);border-radius:50%;transform:translateY(-60%)}
.faq-search::after{content:"";position:absolute;left:29px;top:56%;width:6px;height:1.5px;background:var(--muted);transform:rotate(45deg)}
.faq-list{display:grid;gap:12px}
.faq-item{background:var(--glass);border:1px solid var(--line);border-radius:18px;transition:border-color .3s,background .3s}
.faq-item:hover{border-color:var(--line-2)}
.faq-item[open]{border-color:rgba(var(--glow-rgb),.4);background:linear-gradient(135deg,rgba(var(--glow-rgb),.05),rgba(var(--glow-2-rgb),.05));box-shadow:0 0 40px -18px var(--glow)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:22px 24px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-tag{flex:none;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:99px;border:1px solid var(--line-2);color:var(--glow)}
.faq-q{flex:1;font-size:1.04rem;font-weight:400;color:var(--text)}
.faq-item summary i{flex:none;position:relative;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);transition:transform .35s,border-color .3s}
.faq-item summary i::before,.faq-item summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:var(--text);transform:translate(-50%,-50%)}
.faq-item summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .3s}
.faq-item[open] summary i{transform:rotate(180deg);border-color:var(--glow)}
.faq-item[open] summary i::after{opacity:0}
.faq-a{padding:0 24px 24px 24px;animation:faqIn .45s ease}
.faq-a p{color:var(--body-text);max-width:820px;border-top:1px solid var(--line);padding-top:18px}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}}
.faq-wrap{max-width:920px}
@media (max-width:560px){
  .faq-item summary{padding:18px;gap:12px;flex-wrap:wrap}
  .faq-tag{order:-1}
  .faq-q{flex-basis:calc(100% - 50px)}
  .faq-a{padding:0 18px 20px}
}

/* Contact form section */
#contact{scroll-margin-top:100px}
.cta-form{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;text-align:left;padding:64px}
.cta-form .cta-copy p{margin:20px 0 0;max-width:420px}
.cta-form .cta-copy .note a{color:var(--glow)}
.quick-form{gap:14px}
.quick-form .btn{justify-self:start}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.form-status{font-size:.9rem;min-height:1.4em;margin:0}
.form-status[data-kind="ok"]{color:#7ef0b0}
.form-status[data-kind="error"]{color:#ff8fa8}
.form-status[data-kind="error"] a{color:inherit;text-decoration:underline}
.btn:disabled{opacity:.6;cursor:wait;transform:none}
@media (max-width:900px){
  .cta-form{grid-template-columns:1fr;gap:32px;padding:44px 22px}
}

[hidden]{display:none!important}