/* ============================================================
   UNICOMI landing page — ported verbatim from the Claude Design
   project "UNICOMI Landing.dc.html" (keyframes + responsive rules).
   Loaded ONLY on the landing page (see layouts/base.njk).
   Do not hand-tune: re-port from the design source instead.
   ============================================================ */

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Open Sans',sans-serif;background:#0d1a09;color:#111827;-webkit-font-smoothing:antialiased}
a{color:#4A5A3A;text-decoration:none}
a:hover{color:#8DC63F}
@keyframes uni-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes uni-marqueeRev{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
@keyframes uni-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes uni-floatB{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-26px) rotate(8deg)}}
@keyframes uni-aurora{0%{transform:translate(0,0) scale(1)}33%{transform:translate(6%,-4%) scale(1.15)}66%{transform:translate(-5%,5%) scale(.95)}100%{transform:translate(0,0) scale(1)}}
@keyframes uni-shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes uni-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes uni-pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}
@keyframes uni-cue{0%{opacity:0;transform:translateY(-6px)}40%{opacity:1}100%{opacity:0;transform:translateY(10px)}}
@keyframes uni-dash{to{stroke-dashoffset:-1000}}
@keyframes uni-sweep{0%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(320%) skewX(-18deg)}}
@keyframes uni-glowline{0%,100%{opacity:.4;transform:scaleX(.6)}50%{opacity:1;transform:scaleX(1)}}
@keyframes uni-orbit{0%{transform:rotate(0deg) translateX(140px) rotate(0deg)}100%{transform:rotate(360deg) translateX(140px) rotate(-360deg)}}
@keyframes uni-eq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes uni-flow{0%{left:0%;opacity:0}4%{left:0%;opacity:1}18%{left:0%}28%{left:33%}44%{left:33%}54%{left:66%}70%{left:66%}80%{left:100%}94%{left:100%;opacity:1}100%{left:100%;opacity:0}}
@keyframes uni-ping{0%{transform:scale(.6);opacity:.8}70%,100%{transform:scale(2.2);opacity:0}}
@keyframes uni-grow{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@media(max-width:1000px){[data-hero-u]{display:none !important}}
@media(max-width:980px){
[data-bento]{grid-template-columns:1fr !important;grid-auto-rows:auto !important}
[data-bento]>div{grid-row:auto !important;grid-column:auto !important}
[data-cstiles]{grid-template-columns:repeat(2,1fr) !important}
[data-solgrid]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:900px){
[data-wrap]{padding-left:24px !important;padding-right:24px !important}
[data-hero-h1]{font-size:38px !important}
[data-hero-content]{padding:70px 0 90px !important}
[data-statgrid]{grid-template-columns:repeat(2,1fr) !important}
[data-statgrid]>div{border-right:none !important;border-bottom:1px solid rgba(255,255,255,.07)}
[data-csfeat]{grid-template-columns:1fr !important}
[data-mggrid]{grid-template-columns:1fr !important;gap:36px !important}
[data-newsgrid]{grid-template-columns:1fr !important}
}
@media(max-width:800px){[data-footgrid]{grid-template-columns:1fr 1fr !important}}
@media(max-width:760px){
[data-ledger-row]{flex-wrap:wrap !important}
[data-ledger-thumb]{order:5;width:100% !important;height:110px !important;clip-path:none !important;border-radius:10px}
}
@media(max-width:680px){[data-solgrid]{grid-template-columns:1fr !important}}
@media(max-width:600px){
h2{font-size:26px !important}
[data-cta-h2]{font-size:30px !important}
[data-hero-h1]{font-size:31px !important}
}
@media(max-width:560px){
[data-cstiles]{grid-template-columns:1fr !important}
[data-bento]>div{flex-wrap:wrap !important}
[data-radar-top]{flex-wrap:wrap !important}
[data-nav-contact]{display:none !important}
}
@media(max-width:480px){[data-footgrid]{grid-template-columns:1fr !important}}
@media(max-width:900px){
  [data-navlinks]{display:none !important}
  [style*="padding:0 52px"]{padding-left:22px !important;padding-right:22px !important}
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr) !important}
  [style*="grid-template-columns:1.4fr 1fr 1fr"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:repeat(3,minmax(0,400px))"]{grid-template-columns:1fr !important;justify-content:stretch !important}
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:5fr 3fr 3fr"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:2.5fr 1fr 1fr 1fr"]{grid-template-columns:repeat(2,1fr) !important}
  [style*="grid-column:span 2"]{grid-column:auto !important}
  [style*="grid-row:span 2"]{grid-row:auto !important}
  [style*="padding:90px 0"]{padding-top:58px !important;padding-bottom:58px !important}
  [style*="padding:110px 0 120px"]{padding:72px 0 80px !important}
  [style*="padding:96px 0"]{padding-top:64px !important;padding-bottom:64px !important}
  [style*="width:440px;height:440px"]{display:none !important}
}
@media(max-width:640px){
  [style*="font-size:58px"]{font-size:34px !important}
  [style*="font-size:40px"]{font-size:26px !important}
  [style*="font-size:34px"]{font-size:23px !important}
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:2.5fr 1fr 1fr 1fr"]{grid-template-columns:1fr !important}
  [data-navlinks]{display:none !important}
}