/* crypto-license.io — production styles (vanilla). Tokens mirror tokens.css. */
:root{
  --accent:oklch(0.4569 0.2537 288.58);      /* #5E0ED7 */
  --accent-hover:oklch(0.3870 0.2129 288.84);
  --accent-onink:oklch(0.6471 0.1938 300.51);
  --accent-tint:oklch(0.9401 0.0280 303.92);
  --ink:oklch(0.1448 0 89.88);
  --ink-soft:oklch(0.2157 0.0293 292.95);
  --paper:#fff; --paper-2:oklch(0.9850 0.0040 300);
  --muted:oklch(0.4615 0.0282 301.38);
  --border:oklch(0.9194 0.0167 301.20);
  --maxw:1160px; --measure:66ch; --sec-y:clamp(3.5rem,7.5vw,6.5rem);
  --r-sm:8px; --r-md:12px; --r-lg:20px; --r-pill:999px;
  --shadow-card:0 1px 2px oklch(0.18 0.03 293/.06),0 8px 24px oklch(0.18 0.03 293/.06);
  --ease:cubic-bezier(.22,1,.36,1);
  --font:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}
body{background:var(--paper);color:var(--ink);font-family:var(--font);font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern","liga","cv11";font-size:1.0625rem;overflow-x:hidden;width:100%;max-width:100%}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.shell{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,3rem)}
.u-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:600;font-size:clamp(.625rem,.6vw+.45rem,.85rem)}
.u-eyebrow.accent{color:var(--accent)}
.u-eyebrow.dim{opacity:.6}
.u-display{font-weight:600;line-height:.98;letter-spacing:-.022em}
.u-plus{color:var(--accent);font-size:.5em;vertical-align:.18em;margin-right:.02em}
.i-arrow{vertical-align:-.12em}

/* ---------- header ---------- */
.site-header{position:fixed;inset:0 0 auto;z-index:40;transition:background .25s,border-color .25s}
.site-header{border-bottom:1px solid transparent}
.site-header.scrolled{background:color-mix(in oklch,var(--paper) 88%,transparent);backdrop-filter:saturate(140%) blur(8px);border-bottom-color:var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;padding-block:1rem}
.logo{display:inline-flex;align-items:center;gap:.6rem}
.logo-mark{width:32px;height:32px;border:2px solid var(--accent);border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
.logo-dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}
.logo-word{font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.95rem}
.logo-word b{color:var(--accent);font-weight:600}
.logo.on-dark .logo-word{color:#fff}
.site-header.on-dark:not(.scrolled) .nav-links a,.site-header.on-dark:not(.scrolled) .logo-word{color:#fff}
.nav-links{display:none;gap:2rem}
.nav-links a{text-transform:uppercase;letter-spacing:.14em;font-weight:600;font-size:.8rem;transition:opacity .2s}
.nav-links a:hover{opacity:.65}
.burger{width:36px;height:36px;border:0;border-radius:50%;background:var(--ink);display:inline-grid;place-content:center;gap:4px;cursor:pointer}
.burger span{width:16px;height:2px;background:#fff;display:block}
@media(min-width:769px){.nav-links{display:flex}.burger{display:none}}

/* ---------- mobile menu ---------- */
.mobile-menu{position:fixed;inset:0;z-index:50;background:var(--paper);display:flex;flex-direction:column}
.mobile-menu[hidden]{display:none}
.mm-top{display:flex;align-items:center;justify-content:space-between;padding-block:1rem}
.mm-top .burger.close{background:var(--ink)}
.mm-links{display:flex;flex-direction:column;gap:2rem;margin-top:4rem}
.mm-links a{font-size:1.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.mm-cta{margin-top:auto;padding-bottom:2.5rem}
.mm-cta a{color:var(--accent);font-size:1.25rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(120% 90% at 80% 0%,color-mix(in oklch,var(--accent) 24%,var(--ink-soft)) 0%,var(--ink-soft) 55%)}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,color-mix(in oklch,var(--ink-soft) 70%,transparent) 100%)}
.hero-mid{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:flex-end;padding-top:6rem;padding-bottom:2rem}
.creds{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(1rem,4vw,2.5rem);text-align:right;max-width:100%}
.cred-n{font-size:clamp(1.5rem,5vw,3.5rem);font-weight:600;line-height:1}
.cred .u-plus{color:var(--accent-onink)}
.cred-l{margin-top:.4rem;line-height:1.2;opacity:.85}
.hero-bot{position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,3rem);padding-bottom:clamp(2rem,5vw,3rem)}
.hero-rowA{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.hero-rowA p{max-width:240px;opacity:.85}
.hero-cta{color:var(--accent-onink);font-weight:600;font-size:clamp(1rem,2vw,1.5rem);display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}
.hero-rowB{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
.hero-desc{width:clamp(120px,22vw,280px);flex:0 0 auto;opacity:.8}
.hero-h1{font-size:clamp(2rem,9vw,9rem);line-height:.88;text-align:right;text-transform:none}
.clip{display:block;overflow:hidden}
.clip>span{display:block;transform:translateY(110%);animation:clip .7s var(--ease) forwards;animation-delay:calc(.4s + var(--i)*.14s)}
@keyframes clip{to{transform:translateY(0)}}
/* hero: golden shimmering bitcoin coin + faint crypto symbols on the background */
.hero-coin{position:absolute;right:-4%;top:50%;transform:translateY(-50%);z-index:0;pointer-events:none;
  font-size:min(58vh,640px);line-height:1;font-weight:700;opacity:.22;
  background:linear-gradient(115deg,#6e520f 0%,#caa233 22%,#fff4c2 42%,#ffd966 55%,#caa233 70%,#7a5b12 88%,#f3e3a0 100%);
  background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  animation:gold 7s ease-in-out infinite}
@keyframes gold{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero-syms{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.hero-syms span{position:absolute;font-weight:700;opacity:.42;
  background:linear-gradient(120deg,#caa233,#fff4c2,#ffd966,#caa233);background-size:240% 240%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  animation:gold 8s ease-in-out infinite;animation-delay:calc(var(--p)*0.55s)}
.hero-syms span:nth-child(1){left:6%;top:17%;font-size:3rem}
.hero-syms span:nth-child(2){left:23%;top:64%;font-size:2rem}
.hero-syms span:nth-child(3){left:39%;top:28%;font-size:2.5rem}
.hero-syms span:nth-child(4){left:55%;top:74%;font-size:1.8rem}
.hero-syms span:nth-child(5){left:69%;top:20%;font-size:2.2rem}
.hero-syms span:nth-child(6){left:88%;top:58%;font-size:3.3rem}
.hero-syms span:nth-child(7){left:13%;top:43%;font-size:1.6rem}
.hero-syms span:nth-child(8){left:47%;top:50%;font-size:2.1rem}
@media(max-width:560px){.hero-coin{font-size:62vw;right:-12%;opacity:.18}.hero-syms span:nth-child(n+5){display:none}}

/* ---------- page hero ---------- */
.page-hero{padding-top:8.5rem;padding-bottom:2.25rem}
.crumb{font-size:.82rem;color:var(--muted);margin-bottom:1.5rem;letter-spacing:.01em}
.crumb a:hover{color:var(--accent)}
.crumb .cur{color:var(--ink)}
.ph-eyebrow{margin-bottom:.9rem}
.page-hero h1{font-size:clamp(2.1rem,5vw,3.4rem);max-width:18ch}
.ph-lede{margin-top:1.15rem;font-size:clamp(1.1rem,1.4vw,1.28rem);color:var(--muted);max-width:58ch;line-height:1.55}
.byline{margin-top:1.6rem;font-size:.88rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.25rem .6rem;align-items:center}
.byline strong{color:var(--ink)}

/* ---------- prose ---------- */
.article{padding-bottom:1rem}
.prose{font-size:1.075rem;line-height:1.72}
.prose>*:first-child{margin-top:0}
.prose h2{font-size:clamp(1.55rem,3vw,2.2rem);font-weight:600;line-height:1.18;letter-spacing:-.018em;margin:3.25rem 0 1.1rem;scroll-margin-top:6rem}
.prose h2+p,.prose h2+ul{margin-top:0}
.prose h3{font-size:clamp(1.18rem,2vw,1.45rem);font-weight:600;line-height:1.3;letter-spacing:-.01em;margin:2rem 0 .65rem}
.prose p{margin:0 0 1.15rem;max-width:100%}
.prose ul,.prose ol{margin:0 0 1.2rem;padding-left:1.35rem;max-width:100%}
.prose li{margin:.45rem 0;padding-left:.2rem}
.prose li::marker{color:var(--accent)}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{color:var(--accent-hover)}
.prose strong{font-weight:600}
.prose code{background:var(--paper-2);padding:.1em .35em;border-radius:4px;font-size:.9em}
.prose blockquote{border-left:3px solid var(--accent);padding-left:1rem;color:var(--muted);margin:1.25rem 0}
.table-wrap{overflow-x:auto;margin:1.5rem 0}
.prose table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
.prose th,.prose td{border:1px solid var(--border);padding:.6rem .8rem;text-align:left;vertical-align:top}
.prose thead th{background:var(--paper-2);font-weight:600}
.prose tbody tr:nth-child(even){background:var(--paper-2)}
.cta-inline{background:var(--accent-tint);border:1px solid color-mix(in oklch,var(--accent) 30%,transparent);border-radius:var(--r-md);padding:1.25rem 1.5rem;margin:2rem 0;max-width:100%;font-weight:500}
.cta-inline a{color:var(--accent);font-weight:600}

/* ---------- faq ---------- */
.faq{margin-top:3rem}
.faq h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;margin-bottom:1.25rem}
.faq-list{border-top:1px solid var(--border)}
.faq details{border-bottom:1px solid var(--border)}
.faq summary{cursor:pointer;padding:1rem 0;font-weight:600;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq-plus{color:var(--accent);flex:0 0 auto;transition:transform .2s}
.faq details[open] .faq-plus{transform:rotate(45deg)}
.faq details p{padding:0 0 1.1rem;color:var(--muted);max-width:100%;line-height:1.6}

/* ---------- hub / cards / closing ---------- */
.hub{padding-block:var(--sec-y)}
.hub-h{font-size:clamp(1.6rem,4vw,2.75rem);margin:.5rem 0 2rem;max-width:18ch}
.cards{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:560px){.cards{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.cards{grid-template-columns:repeat(4,1fr)}}
.card{display:flex;flex-direction:column;gap:.4rem;border:1px solid var(--border);border-radius:var(--r-md);padding:1.5rem;min-height:160px;background:var(--paper);transition:border-color .2s,box-shadow .2s,transform .2s}
.card:hover{border-color:var(--accent);box-shadow:var(--shadow-card);transform:translateY(-2px)}
.card-t{font-size:1.15rem;font-weight:600;line-height:1.25;margin-top:auto}
.card-go{color:var(--accent);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.3rem;margin-top:.5rem}
.closing{padding-bottom:var(--sec-y)}
.closing-box{background:var(--accent-tint);border-radius:var(--r-lg);padding:clamp(2rem,5vw,3.5rem);text-align:center}
.closing-box h2{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:.75rem}
.closing-box p{color:var(--muted);max-width:52ch;margin:0 auto 1.5rem;line-height:1.55}
.btn-primary{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:#fff;font-weight:600;padding:.85rem 1.5rem;border-radius:var(--r-pill)}
.btn-primary:hover{background:var(--accent-hover)}

/* ---------- home: featured jurisdictions ---------- */
.jur{padding-block:var(--sec-y)}
.more-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);font-weight:600;margin-top:1.5rem}
.jcards{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:560px){.jcards{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.jcards{grid-template-columns:repeat(3,1fr)}}
.jcard{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--paper);transition:transform .2s,box-shadow .2s,border-color .2s}
.jcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);border-color:var(--accent)}
.jcard-img{aspect-ratio:16/10;background:var(--paper-2);overflow:hidden}
.jcard-img img{width:100%;height:100%;object-fit:cover}
.jcard-body{padding:1rem 1.1rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.jcard-name{font-weight:600;font-size:1.05rem}

/* ---------- home: how it works ---------- */
.howit{background:var(--paper-2)}
.howit-grid{display:grid;gap:2.5rem;align-items:start;padding-block:var(--sec-y)}
@media(min-width:880px){.howit-grid{grid-template-columns:.92fr 1.08fr;gap:3.5rem}}
.howit-intro h2{font-size:clamp(1.6rem,4vw,2.5rem);margin:.5rem 0 1rem}
.howit-intro p{color:var(--muted);max-width:50ch;line-height:1.65;margin-bottom:1rem}
.howit-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}
.hstep{display:flex;gap:1rem;align-items:flex-start;background:var(--paper);border:1px solid var(--border);border-radius:var(--r-md);padding:1.15rem 1.25rem;transition:border-color .2s,box-shadow .2s}
.hstep:hover{border-color:var(--accent);box-shadow:var(--shadow-card)}
.hstep-n{flex:0 0 auto;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-content:center;font-weight:600}
.hstep-tx{min-width:0}
.hstep-tx strong{display:block;font-size:1.05rem;margin-bottom:.2rem}
.hstep-tx p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.5}

/* ---------- home: why us ---------- */
.why{padding-block:0}
.why-grid{display:grid;gap:2rem;align-items:center}
@media(min-width:860px){.why-grid{grid-template-columns:1.1fr .9fr}}
.why-copy h2{font-size:clamp(1.6rem,4vw,2.5rem);margin:.5rem 0 1rem}
.why-copy p{color:var(--muted);max-width:54ch;line-height:1.6}
.why-stats{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;margin:1.5rem 0}
.why-stats>div{display:flex;flex-direction:column;gap:.2rem}
.why-stats .ig-num{font-size:clamp(1.5rem,4vw,2.25rem)}
.why-img{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-card)}
.why-img img{width:100%;height:100%;object-fit:cover}

/* ---------- contact ---------- */
.contact-grid{display:grid;gap:2.5rem;align-items:start;padding-bottom:2.5rem}
@media(min-width:840px){.contact-grid{grid-template-columns:.82fr 1.18fr}}
.contact-info{display:flex;flex-direction:column;gap:1.35rem}
.ci-block .u-eyebrow{margin-bottom:.3rem}
.contact-info address{font-style:normal;line-height:1.65}
.contact-info a{color:var(--accent);font-weight:500}
.ci-cta{background:var(--accent-tint);border-radius:var(--r-md);padding:1.25rem 1.35rem;margin-top:.4rem}
.ci-cta p{color:var(--muted);margin:.4rem 0 0;font-size:.95rem}
.contact-form{display:flex;flex-direction:column;gap:1rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--r-lg);padding:clamp(1.25rem,3vw,2rem)}
.cf-grid{display:grid;gap:1rem}
@media(min-width:560px){.cf-grid{grid-template-columns:1fr 1fr}}
.contact-form label{display:flex;flex-direction:column;gap:.4rem;font-weight:500;font-size:.9rem}
.contact-form input,.contact-form textarea{font:inherit;font-size:1rem;padding:.7rem .8rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--paper-2);color:var(--ink)}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px;background:#fff}
.contact-form textarea{resize:vertical}
.cf-consent{flex-direction:row;align-items:flex-start;gap:.55rem;font-weight:400;color:var(--muted);font-size:.85rem;line-height:1.4}
.cf-consent input{width:auto;margin-top:.15rem}
.contact-form .btn-primary{align-self:flex-start;border:0;cursor:pointer}
.cf-note{font-size:.8rem;color:var(--muted);margin:0}
.contact-map{width:100%;height:430px;border:0;border-radius:var(--r-lg);display:block;margin-top:.5rem}

/* ---------- footer ---------- */
.site-footer{background:var(--ink-soft);color:#fff;margin-top:5rem}
.site-footer .shell{padding-block:3.5rem}
.foot-grid{display:grid;gap:2.5rem}
@media(min-width:768px){.foot-grid{grid-template-columns:repeat(3,1fr)}}
.site-footer address{font-style:normal;line-height:1.7;opacity:.85;font-size:.95rem;margin-top:.75rem}
.site-footer address a{text-decoration:underline;text-underline-offset:2px}
.site-footer .accent{color:var(--accent-onink)}
.site-footer ul{list-style:none;display:grid;gap:.5rem;margin-top:.75rem}
.site-footer ul a{opacity:.85;font-size:.95rem}
.site-footer ul a:hover{opacity:1}
.foot-base{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid color-mix(in oklch,#fff 18%,transparent);font-size:.85rem;opacity:.6}

/* ---------- images / figures ---------- */
.ph-hero{margin:0 0 2rem;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/7;box-shadow:var(--shadow-card)}
.ph-hero img{width:100%;height:100%;object-fit:cover}
.ph-fig{margin:2rem 0;border-radius:var(--r-md);overflow:hidden}
.ph-fig.ph-inline{aspect-ratio:16/9;max-width:100%}
.ph-fig img{width:100%;height:100%;object-fit:cover;display:block}
.credit{font-size:.72rem;color:var(--muted);padding:.4rem 0 0;letter-spacing:.02em}
.ph-hero .credit,.ph-fig .credit{position:absolute;right:.5rem;bottom:.4rem;color:#fff;opacity:.7;padding:.1rem .4rem;background:rgba(0,0,0,.35);border-radius:4px}
.ph-hero,.ph-fig{position:relative}

/* ---------- infographics (HTML/SVG visuals) ---------- */
.infographic{margin:2.25rem 0;max-width:100%;border:1px solid var(--border);border-radius:var(--r-lg);padding:clamp(1.1rem,3vw,1.65rem);background:linear-gradient(180deg,var(--accent-tint),var(--paper))}
.infographic figcaption{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.15rem}
.infographic .ig-title{font-weight:600;font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.25;letter-spacing:-.01em}
.ig-list{list-style:none;margin:0;padding:0;display:flex;gap:.6rem}
.ig-flow .ig-list,.ig-bars .ig-list{flex-direction:column}
.ig-cols .ig-list{flex-direction:row;flex-wrap:wrap}
.ig-cols .ig-node{flex:1 1 240px}
.ig-node{display:flex;align-items:center;gap:.8rem;min-width:0;background:var(--paper);border:1px solid var(--border);border-radius:var(--r-md);padding:.85rem 1rem;position:relative}
.ig-flow .ig-node:not(:last-child)::after{content:"";position:absolute;left:calc(1rem + .85rem);top:100%;width:2px;height:.6rem;background:var(--accent);opacity:.45}
.ig-i{flex:0 0 auto;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-content:center;font-weight:600;font-size:.85rem;align-self:flex-start}
.ig-num{flex:0 0 auto;font-weight:600;color:var(--accent);font-size:1rem;line-height:1.3;white-space:nowrap}
.ig-tx{flex:1 1 auto;min-width:0;font-size:.92rem;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.ig-flow .ig-node,.ig-bars .ig-node{align-items:flex-start}
@media(max-width:560px){.ig-cols .ig-list{flex-direction:column}}
/* SVG charts (timeline + bars) */
.ig-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:.4rem}
.ig-svg{width:100%;min-width:460px;height:auto;display:block;font-family:var(--font)}
.tl-axis{stroke:var(--border);stroke-width:2}
.tl-dot{fill:var(--accent)}
.tl-date{fill:var(--ink);font-size:15px;font-weight:600;letter-spacing:-.01em}
.tl-cap{fill:var(--muted);font-size:12.5px}
.br-lab{fill:var(--ink);font-size:14px;font-weight:500}
.br-trk{fill:color-mix(in oklch,var(--accent) 12%,var(--paper))}
.br-bar{fill:var(--accent)}
.br-val{fill:var(--accent);font-size:14px;font-weight:600}
/* mobile: let SVG charts shrink to fit instead of forcing horizontal scroll/overflow */
@media(max-width:560px){.ig-svg{min-width:0}}
.hero-rowA{flex-wrap:wrap}

/* ---------- reveal ---------- */
[data-reveal]{opacity:0;transform:translateY(32px)}
[data-reveal].in{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:var(--d,0s)}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  [data-reveal]{opacity:1;transform:none}
  .clip>span{transform:none}
}
