/*
Theme Name: Nomadbase
Theme URI: https://nomadbase.example
Author: Nomadbase
Author URI: https://nomadbase.example
Description: One-page landing theme for Nomadbase — a modular lapboard that clamps your keyboard and mouse so you can work from anywhere.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
License: All Rights Reserved
Text Domain: nomadbase
*/


  :root{
    --space:#0b0b0e;        /* deep space ground */
    --panel:#141417;
    --panel-2:#1a1a1f;
    --line:#2b2b32;
    --line-soft:rgba(150,150,165,.09);
    --ink:#e7e4ec;          /* bone */
    --ink-2:#b7b3c2;
    --dim:#8a8794;
    --green:#ec5a22;        /* burnt orange — primary accent */
    --green-deep:#b8420f;
    --purple:#8a5bff;
    --purple-deep:#6a3fd0;
    --orange:#ff6a2b;
    --orange-deep:#cc4f1c;
    --card:#17171c;         /* default raised card */
    --grad-btn:linear-gradient(100deg,#7c3aed 0%,#e23ad0 52%,#ff5a1f 100%);
    /* per-section accent hooks (default = green) */
    --cy:var(--green);
    --cy-deep:var(--green-deep);
    /* the worlds — electric, alive; live ONLY inside windows */
    --w-hammock:linear-gradient(115deg,#d8ff66 0%,#b6ff3c 22%,#8a5bff 70%,#5a2ea0 100%);
    --w-workshop:linear-gradient(115deg,#ff9a4d 0%,#ff6a2b 30%,#e23ad0 72%,#7c3aed 100%);
    --w-morning:linear-gradient(115deg,#b6ff3c 0%,#3ad7ff 40%,#8a5bff 80%,#6a2ea8 100%);
    --w-night:linear-gradient(115deg,#ffb37a 0%,#e23ad0 38%,#8a5bff 72%,#2a1d5e 100%);
    --maxw:1240px;
    --pad:clamp(20px,5vw,64px);
  }

  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;color:var(--ink);
    background:radial-gradient(125% 80% at 50% -10%, #15101c 0%, var(--space) 58%) fixed, var(--space);
    font-family:"Space Grotesk",system-ui,sans-serif;
    font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  }
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  .wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
  .mono{font-family:"Space Mono",monospace}
  h1,h2,h3{font-family:"Archivo",sans-serif;font-weight:900;line-height:.96;letter-spacing:-.01em;margin:0;text-transform:uppercase}
  .eyebrow{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--cy)}

  /* ============ BLUEPRINT PRIMITIVES ============ */
  .frame{position:relative}
  .frame>.c{position:absolute;width:13px;height:13px;border:2px solid var(--cy);z-index:4;pointer-events:none}
  .c.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}
  .c.tr{top:-1px;right:-1px;border-left:none;border-bottom:none}
  .c.bl{bottom:-1px;left:-1px;border-right:none;border-top:none}
  .c.br{bottom:-1px;right:-1px;border-left:none;border-top:none}

  .cross{position:relative;width:15px;height:15px;flex:none}
  .cross::before,.cross::after{content:"";position:absolute;background:var(--cy)}
  .cross::before{left:50%;top:0;width:1.5px;height:100%;transform:translateX(-50%)}
  .cross::after{top:50%;left:0;height:1.5px;width:100%;transform:translateY(-50%)}

  .dim{display:flex;align-items:center;gap:8px;color:var(--dim);font-family:"Space Mono";font-size:11px;letter-spacing:.12em;text-transform:uppercase}
  .dim .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--cy-deep),var(--line))}
  .dim .tick{width:1px;height:9px;background:var(--cy);flex:none}
  .vdim{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--dim);font-family:"Space Mono";font-size:11px;letter-spacing:.12em}
  .vdim .rule{width:1px;flex:1;background:linear-gradient(180deg,var(--cy-deep),var(--line))}
  .vdim .tick{height:1px;width:9px;background:var(--cy)}
  .vdim span{writing-mode:vertical-rl;transform:rotate(180deg)}

  /* the window mark glyph */
  .winmark{position:relative;width:28px;height:28px;flex:none;border:2px solid var(--ink);transition:border-color .3s}
  .winmark::before{content:"";position:absolute;inset:3px;background:var(--w-morning);background-size:200% 200%;animation:drift 14s ease-in-out infinite;opacity:.92}
  .winmark .x{position:absolute;inset:0;z-index:2}
  .winmark .x::before,.winmark .x::after{content:"";position:absolute;background:rgba(11,11,14,.85)}
  .winmark .x::before{left:50%;top:0;width:1.5px;height:100%;transform:translateX(-50%)}
  .winmark .x::after{top:50%;left:0;height:1.5px;width:100%;transform:translateY(-50%)}

  /* ============ NAV ============ */
  nav{position:sticky;top:0;z-index:60;background:rgba(11,11,14,.74);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:background .3s,box-shadow .3s}
  nav.scrolled{background:rgba(11,11,14,.94);box-shadow:0 1px 0 rgba(255,255,255,.04),0 22px 48px -34px #000}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px}
  .brandmark{display:inline-flex;align-items:center;gap:12px}
  .brandmark .wm-word{font-family:"Archivo";font-weight:900;font-size:20px;letter-spacing:.01em;color:var(--ink)}
  .brandmark:hover .winmark{border-color:var(--cy)}
  .nav-links{display:flex;gap:30px;align-items:center}
  .nav-links a{font-family:"Space Mono";font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);transition:color .2s}
  .nav-links a:hover{color:var(--cy)}
  .btn{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;border-radius:7px;font-family:"Space Grotesk";font-weight:700;font-size:14px;padding:12px 22px;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;border:1px solid transparent;transition:transform .15s,background .2s,border-color .2s,color .2s}
  .btn-cy{background-image:var(--grad-btn);background-origin:border-box;background-clip:border-box;color:#fff;transition:filter .2s,box-shadow .25s}
  .btn-cy:hover{filter:brightness(1.08) saturate(1.04);box-shadow:0 12px 32px -12px rgba(226,58,208,.5)}
  .btn-line{border-color:var(--line);color:var(--ink)}
  .btn-line:hover{border-color:var(--cy);color:var(--cy)}
  .btn-line .cross{width:11px;height:11px}
  .btn-cy{position:relative;overflow:hidden;isolation:isolate}
  .btn-cy::after{content:"";position:absolute;top:0;left:-140%;width:55%;height:100%;z-index:1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg)}
  .btn-cy:hover::after{animation:sheen .85s ease}
  @keyframes sheen{to{left:160%}}
  @media (max-width:760px){.nav-links a{display:none}}

  /* ============ HERO ============ */
  .hero{padding-block:clamp(30px,5vw,56px) clamp(40px,7vw,80px)}
  .hero-dims{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:stretch}
  .hero-dims .left{display:flex;align-items:center}
  @media (max-width:680px){.hero-dims{grid-template-columns:1fr}.hero-dims .left{display:none}}

  .vp-frame{position:relative;border:1px solid var(--line);background:rgba(20,20,23,.4);padding:clamp(46px,7vw,92px) clamp(22px,4vw,56px) clamp(36px,5vw,60px);overflow:hidden}
  .vp-grid{position:absolute;inset:0;background:
    linear-gradient(var(--line-soft) 1px,transparent 1px) 0 0/42px 42px,
    linear-gradient(90deg,var(--line-soft) 1px,transparent 1px) 0 0/42px 42px;pointer-events:none}
  .vp-glow{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(120%,1200px);height:520px;z-index:0;pointer-events:none;
    background:radial-gradient(ellipse at center,rgba(138,91,255,.22),rgba(255,106,43,.10) 44%,transparent 70%);filter:blur(48px);animation:glowPulse 10s ease-in-out infinite}
  @keyframes glowPulse{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.07)}}

  .channel-bug{position:absolute;top:15px;left:16px;display:flex;align-items:center;gap:9px;font-family:"Space Mono";font-size:11px;letter-spacing:.14em;color:var(--cy);z-index:5}
  .channel-bug .rec{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px var(--orange);animation:blink 2s steps(1) infinite}
  @keyframes blink{0%,60%{opacity:1}61%,100%{opacity:.25}}
  .channel-bug .read{position:relative;height:14px;min-width:230px}
  .channel-bug .read span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0}
  .vp-meta{position:absolute;top:15px;right:18px;font-family:"Space Mono";font-size:11px;letter-spacing:.14em;color:var(--dim);z-index:5}

  .vp-window{position:relative;text-align:center;z-index:2}
  .vp-window .eyebrow{color:var(--dim);display:block;margin-bottom:clamp(20px,3vw,32px)}
  .bigwin{position:relative;display:inline-grid;max-width:100%;line-height:.92;padding:.1em .05em}
  .bigwin .layer{font-family:"Archivo";font-weight:900;text-transform:uppercase;letter-spacing:-.02em;grid-area:1/1;white-space:nowrap;
    font-size:clamp(30px,8.3vw,116px);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;background-size:160% 160%;background-position:50% 50%}
  .bigwin .stack{opacity:0}
  .vp-line{font-family:"Archivo";font-weight:800;font-size:clamp(22px,3.8vw,44px);line-height:1.02;letter-spacing:-.02em;margin:clamp(22px,3.4vw,38px) auto 0;max-width:15ch;text-transform:uppercase}
  .vp-sub{color:var(--ink-2);max-width:60ch;margin:18px auto 0;font-size:clamp(15px,1.6vw,18px)}
  .vp-cta{display:flex;gap:13px;justify-content:center;margin-top:30px;flex-wrap:wrap}
  .vp-cta .btn{padding:14px 26px;font-size:15px}

  /* staged hero entrance */
  @keyframes heroIn{from{opacity:0;transform:translateY(22px) scale(.99);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
  @keyframes fadeUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
  .bigwin{animation:heroIn 1.1s cubic-bezier(.2,.7,.2,1) both}
  .vp-window .eyebrow{animation:fadeUp .8s .15s both}
  .vp-line{animation:fadeUp .8s .5s both}
  .vp-sub{animation:fadeUp .8s .65s both}
  .vp-cta{animation:fadeUp .8s .8s both}
  .vp-frame>.c{animation:fadeUp .6s .3s both}

  /* ============ SECTION SCAFFOLD ============ */
  .band{padding-block:clamp(60px,9vw,120px);border-top:1px solid var(--line);background:transparent}
  .band.alt{background:#15151c;--card:#0b0b0e}
  .sec-head{max-width:52ch}
  .sec-head .idx{font-family:"Space Mono";font-size:13px;letter-spacing:.1em;color:var(--cy)}
  .idx{font-family:"Space Mono";font-size:13px;letter-spacing:.1em;color:var(--cy)}
  .sec-head h2{font-size:clamp(28px,5vw,58px);margin-top:14px}
  .sec-head p{color:var(--ink-2);margin-top:18px;font-size:clamp(15px,1.7vw,18px)}
  .head-dim{margin-top:clamp(28px,4vw,46px)}

  /* ============ STORY / STEPS ============ */
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:18px;border:1px solid var(--line)}
  .step{background:var(--card);padding:clamp(24px,3vw,34px) clamp(20px,2.4vw,28px);min-height:300px;display:flex;flex-direction:column;position:relative;transition:background .35s}
  .step .coord{font-family:"Space Mono";font-size:10px;letter-spacing:.14em;color:var(--dim);position:absolute;top:14px;right:16px}
  .step .glyph{height:84px;margin-bottom:10px;display:flex;align-items:center}
  .step svg{height:70px;width:auto}
  .stroke{stroke:var(--ink);stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .stroke-a{stroke:var(--cy);stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .step-num{font-family:"Space Mono";font-size:12px;color:var(--cy);letter-spacing:.12em;margin-top:auto}
  .step h3{font-size:clamp(19px,2.2vw,26px);margin-top:10px}
  .step p{color:var(--ink-2);margin:11px 0 0;font-size:15px}
  .step::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--cy);transition:width .45s cubic-bezier(.2,.7,.2,1)}
  .step:hover{background:var(--panel-2)}
  .step:hover::after{width:100%}
  @media (max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}.step{min-height:260px}}
  @media (max-width:520px){.steps{grid-template-columns:1fr}.step{min-height:0}}

  /* ============ FEATURES (spec sheet) ============ */
  .features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:18px;border:1px solid var(--line)}
  .feat{background:var(--card);padding:clamp(26px,3vw,38px);position:relative;transition:background .35s}
  .feat .ref{font-family:"Space Mono";font-size:10px;letter-spacing:.14em;color:var(--dim);position:absolute;top:16px;right:18px}
  .feat .tag{font-family:"Space Mono";font-size:12px;letter-spacing:.16em;color:var(--cy);text-transform:uppercase}
  .feat h3{font-size:clamp(19px,2vw,24px);margin-top:16px}
  .feat p{color:var(--ink-2);margin-top:12px;font-size:15px}
  .feat::after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--cy);transition:width .45s cubic-bezier(.2,.7,.2,1)}
  .feat:hover{background:var(--panel-2)}
  .feat:hover::after{width:100%}
  @media (max-width:860px){.features{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:560px){.features{grid-template-columns:1fr}}

  /* ============ MAKE IT YOURS ============ */
  .yours-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}
  .yours-card{background:var(--card);border:1px solid var(--line);padding:clamp(28px,3.4vw,42px);display:flex;flex-direction:column;transition:transform .35s,border-color .35s}
  .yours-card:hover{transform:translateY(-4px);border-color:var(--cy)}
  .yours-card .tag{font-family:"Space Mono";font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cy)}
  .yours-card h3{font-size:clamp(20px,2.4vw,28px);margin-top:16px}
  .yours-card p{color:var(--ink-2);margin-top:14px;font-size:15px}
  .emboss{margin-top:26px;font-family:"Archivo";font-weight:900;text-transform:uppercase;font-size:clamp(22px,3.4vw,40px);letter-spacing:-.01em;-webkit-text-stroke:2px var(--cy);color:transparent;-webkit-text-fill-color:transparent;opacity:.92}
  .acc-row{display:flex;gap:clamp(20px,3vw,38px);align-items:flex-end;margin-top:auto;padding-top:30px}
  .acc{display:flex;flex-direction:column;align-items:center;gap:10px;font-family:"Space Mono";font-size:11px;letter-spacing:.08em;color:var(--dim);text-transform:uppercase}
  .acc svg{height:48px;width:auto}
  .acc-more{font-family:"Space Mono";font-size:12px;color:var(--cy);letter-spacing:.1em;padding-bottom:4px}
  @media (max-width:760px){.yours-grid{grid-template-columns:1fr}}

  /* ============ TIERS ============ */
  .tiers{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}
  .tier{background:var(--card);border:1px solid var(--line);padding:clamp(28px,3.4vw,44px);display:flex;flex-direction:column;position:relative;transition:transform .35s,box-shadow .35s}
  .tier:hover{transform:translateY(-4px);box-shadow:0 34px 66px -42px #000}
  .tier.custom{border-color:var(--purple)}
  .tier.custom:hover{box-shadow:0 34px 70px -40px rgba(138,91,255,.45)}
  .tier .pill{position:absolute;top:-1px;right:-1px;background:var(--purple);color:#0b0b0e;font-family:"Space Mono";font-size:11px;letter-spacing:.14em;padding:6px 12px;font-weight:700}
  .tier h3{font-size:clamp(22px,2.6vw,30px)}
  .price{font-family:"Archivo";font-weight:900;font-size:clamp(44px,6vw,68px);line-height:1;margin:18px 0 6px}
  .price small{font-family:"Space Mono";font-weight:400;font-size:14px;color:var(--dim);letter-spacing:.05em}
  .tier p.lede{color:var(--ink-2);margin:10px 0 22px;font-size:15px}
  .tier ul{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:11px}
  .tier li{font-size:15px;padding-left:24px;position:relative;color:var(--ink)}
  .tier li::before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;border:1.5px solid var(--cy)}
  .tier.custom li::before{border-color:var(--purple)}
  .tier .btn{margin-top:auto;justify-content:center}
  @media (max-width:760px){.tiers{grid-template-columns:1fr}}

  /* ============ MADE TO ORDER ============ */
  .made{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,72px);align-items:center}
  .made h2{font-size:clamp(28px,5vw,54px)}
  .made p{color:var(--ink-2);margin-top:20px;max-width:46ch}
  .stat-stack{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line)}
  .stat{background:var(--card);padding:24px 28px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;transition:background .35s}
  .stat:hover{background:var(--panel-2)}
  .stat .n{font-family:"Archivo";font-weight:900;font-size:clamp(30px,4vw,46px)}
  .stat .n em{font-style:normal;color:var(--cy)}
  .stat .l{font-family:"Space Mono";font-size:12px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase;text-align:right}
  @media (max-width:760px){.made{grid-template-columns:1fr}}

  /* ============ WORLDS = CHANNELS ============ */
  .channels{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:18px}
  .chan{background:var(--card);position:relative;aspect-ratio:4/3;overflow:hidden}
  .chan .world{position:absolute;inset:0;background-size:200% 200%;animation:drift 16s ease-in-out infinite}
  .chan .scan{position:absolute;inset:0;background:linear-gradient(rgba(11,11,14,.30) 1px,transparent 1px) 0 0/4px 4px;pointer-events:none;mix-blend-mode:multiply}
  .chan .c1{background-image:var(--w-hammock)}
  .chan .c2{background-image:var(--w-workshop)}
  .chan .c3{background-image:var(--w-morning)}
  .chan .c4{background-image:var(--w-night)}
  .chan .bug{position:absolute;left:11px;bottom:10px;font-family:"Space Mono";font-size:11px;letter-spacing:.12em;font-weight:700;color:rgba(11,11,14,.88)}
  .chan .num{position:absolute;right:11px;top:9px;font-family:"Space Mono";font-size:10px;letter-spacing:.12em;font-weight:700;color:rgba(11,11,14,.72)}
  @media (max-width:680px){.channels{grid-template-columns:repeat(2,1fr)}}

  /* ============ FOOTER ============ */
  .foot{border-top:1px solid var(--line);padding-block:clamp(56px,8vw,90px) 0}
  .foot-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(30px,6vw,64px);align-items:start}
  .foot h2{font-size:clamp(26px,4vw,44px);max-width:16ch}
  .foot p{color:var(--ink-2);margin-top:14px;max-width:40ch}
  .signup{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
  .signup input{flex:1;min-width:200px;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:13px 16px;font-family:"Space Grotesk";font-size:15px}
  .signup input:focus{outline:2px solid var(--cy);outline-offset:1px;border-color:transparent}
  .foot-meta{display:flex;flex-direction:column;gap:13px;font-family:"Space Mono";font-size:13px;color:var(--dim)}
  .foot-meta .brandmark{margin-bottom:4px}
  .foot-meta a:hover{color:var(--cy)}
  .legal{display:flex;justify-content:space-between;align-items:center;margin-top:clamp(40px,6vw,72px);padding-block:22px;border-top:1px solid var(--line);font-family:"Space Mono";font-size:12px;color:var(--dim);flex-wrap:wrap;gap:12px}

  :focus-visible{outline:2px solid var(--cy);outline-offset:2px}

  /* ============ WORLD MOTION ============ */
  @keyframes drift{0%{background-position:42% 38%}50%{background-position:58% 62%}100%{background-position:42% 38%}}
  @keyframes cycle{0%,18%{opacity:1}25%,93%{opacity:0}100%{opacity:1}}
  .cyc .l0{animation:drift 16s ease-in-out infinite,cycle 24s linear infinite;animation-delay:0s,0s}
  .cyc .l1{animation:drift 16s ease-in-out infinite,cycle 24s linear infinite;animation-delay:0s,-18s}
  .cyc .l2{animation:drift 16s ease-in-out infinite,cycle 24s linear infinite;animation-delay:0s,-12s}
  .cyc .l3{animation:drift 16s ease-in-out infinite,cycle 24s linear infinite;animation-delay:0s,-6s}
  .cyc .l0{opacity:1}
  .w-hammock{background-image:var(--w-hammock)}
  .w-workshop{background-image:var(--w-workshop)}
  .w-morning{background-image:var(--w-morning)}
  .w-night{background-image:var(--w-night)}
  .read .b0{animation:cycle 24s linear infinite;animation-delay:0s;opacity:1}
  .read .b1{animation:cycle 24s linear infinite;animation-delay:-18s}
  .read .b2{animation:cycle 24s linear infinite;animation-delay:-12s}
  .read .b3{animation:cycle 24s linear infinite;animation-delay:-6s}

  /* ============ SCROLL REVEAL + DRAW-ON ============ */
  .rv{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}
  .rv.in{opacity:1;transform:none}
  .rvf{opacity:0;transition:opacity .8s ease}
  .rvf.in{opacity:1}
  .draw [class^="stroke"]{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.15s ease .15s}
  .draw.in [class^="stroke"]{stroke-dashoffset:0}

  @media (prefers-reduced-motion: reduce){
    *{animation:none !important;scroll-behavior:auto !important}
    .stack,.bigwin .stack{opacity:0}.l0{opacity:1}
    .read .b0{opacity:1}.read .b1,.read .b2,.read .b3{opacity:0}
    .rv,.rvf{opacity:1 !important;transform:none !important}
    .draw [class^="stroke"]{stroke-dashoffset:0}
  }