/* Plumb Line Spine & Sport — "a clinical chart, beautifully set". Bold Swiss: white, black, one blue. */
:root{
  --blue:#0A41FF; --blue-k:#4A74FF; --black:#0A0A0A; --white:#fff; --grey:#5B5B5B;
  --m:clamp(16px,3.2vw,48px); --gap:clamp(10px,1.6vw,24px);
  --e:cubic-bezier(.16,1,.3,1);
  --line:rgba(10,10,10,.14);
}
*,*::before,*::after{box-sizing:border-box;border-radius:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--black);font:400 1.0625rem/1.5 "Hanken Grotesk",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote,table{margin:0;padding:0}
ul,ol{list-style:none}
img{display:block;width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.blue :focus-visible,.black :focus-visible{outline-color:#fff}

.g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding-inline:var(--m)}
.c1-3{grid-column:1/4}.c4-6{grid-column:4/7}.c7-9{grid-column:7/10}.c10-12{grid-column:10/13}.c4-9{grid-column:4/10}.c4-12{grid-column:4/13}
.lab{font-size:.75rem;line-height:1.35;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.sub{font-size:.9rem;color:var(--grey)}

.blue{background:var(--blue);color:#fff;--line:rgba(255,255,255,.28)}
.black{background:var(--black);color:#fff;--line:rgba(255,255,255,.2)}
.white{background:#fff}

/* visible 12-column grid */
[data-grid]{position:relative;isolation:isolate}
.cols{position:absolute;inset:0 calc(var(--m) - var(--gap)/2);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);pointer-events:none;z-index:-1}
.cols i{border-left:1px solid var(--line);transform-origin:top}
.cols i:last-child{border-right:1px solid var(--line)}
.js .cols i{transform:scaleY(0)}
.js .hero .cols i{animation:draw 1.3s var(--e) forwards}
.js .on>.cols i{transform:none;transition:transform 1.3s var(--e)}
.cols i:nth-child(2){animation-delay:.04s;transition-delay:.04s}.cols i:nth-child(3){animation-delay:.08s;transition-delay:.08s}.cols i:nth-child(4){animation-delay:.12s;transition-delay:.12s}.cols i:nth-child(5){animation-delay:.16s;transition-delay:.16s}.cols i:nth-child(6){animation-delay:.2s;transition-delay:.2s}.cols i:nth-child(7){animation-delay:.24s;transition-delay:.24s}.cols i:nth-child(8){animation-delay:.28s;transition-delay:.28s}.cols i:nth-child(9){animation-delay:.32s;transition-delay:.32s}.cols i:nth-child(10){animation-delay:.36s;transition-delay:.36s}.cols i:nth-child(11){animation-delay:.4s;transition-delay:.4s}.cols i:nth-child(12){animation-delay:.44s;transition-delay:.44s}
@keyframes draw{to{transform:none}}

/* header */
.bar{position:sticky;top:0;z-index:60;display:flex;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--black);padding-left:var(--m);min-height:56px}
.mark{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-size:1rem;letter-spacing:-.01em;margin-right:auto;min-height:44px}
.mark svg{height:30px;width:12px;fill:var(--blue)}
.mark b{font-weight:800}
.bar nav{display:flex;align-items:stretch}
.bar nav a{display:flex;align-items:center;gap:.5rem;padding:0 1.1rem;text-decoration:none;font-size:.92rem;font-weight:600;border-left:1px solid var(--line);transition:background .35s var(--e),color .35s var(--e)}
.bar nav a i{font-style:normal;font-size:.68rem;letter-spacing:.08em;color:var(--blue);transition:color .35s var(--e)}
.bar nav a:hover,.bar nav a:focus-visible{background:var(--black);color:#fff}
.bar nav a:hover i,.bar nav a:focus-visible i{color:#fff}
.bar-tel{display:flex;align-items:center;padding:0 1.3rem;text-decoration:none;font-weight:800;border-left:1px solid var(--black);transition:background .35s var(--e),color .35s var(--e)}
.bar-tel:hover,.bar-tel:focus-visible{background:var(--black);color:#fff}
.bar-book{display:flex;align-items:center;padding:0 2rem;background:var(--blue);color:#fff;text-decoration:none;font-weight:800;transition:background .35s var(--e)}
.bar-book:hover,.bar-book:focus-visible{background:var(--black)}
.bar :focus-visible{outline-offset:-4px}

/* buttons */
.btn{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:64px;padding:0 1.4rem;font:800 1.12rem/1 "Hanken Grotesk",sans-serif;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .4s var(--e),color .4s var(--e),border-color .4s var(--e)}
.btn span{transition:transform .5s var(--e)}
.btn:hover span,.btn:focus-visible span{transform:translateX(8px)}
.btn-white{background:#fff;color:var(--blue)}
.btn-white:hover,.btn-white:focus-visible{background:var(--black);color:#fff}
.btn-ghost{border-color:#fff;color:#fff}
.btn-ghost:hover,.btn-ghost:focus-visible{background:#fff;color:var(--blue)}
.btn-blue{background:var(--blue);color:#fff;width:100%}
.btn-blue:hover,.btn-blue:focus-visible{background:var(--black)}

/* hero */
.hero{min-height:calc(100svh - 92px);display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:1.4rem 0 clamp(1.4rem,3vw,2.6rem)}
.hero-top .lab{padding-top:.2rem}
h1{font-size:clamp(4.4rem,17.2vw,20rem);line-height:.8;font-weight:800;letter-spacing:-.06em;padding-inline:var(--m);margin-left:-.055em}
h1 .row{display:block;overflow:hidden;padding:.04em 0 .1em;margin-bottom:-.08em}
h1 .row>span{display:block}
.js h1 .row>span{animation:rise 1.15s var(--e) .15s both}
.js h1 .row:nth-child(2)>span{animation-delay:.27s}
@keyframes rise{from{transform:translateY(108%)}to{transform:none}}
.js .hero-top,.js .hero-bot{animation:up 1s var(--e) .7s both}
.js .hero-top{animation-delay:.1s}
@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero-bot{align-items:end;row-gap:2rem}
.hero-p{grid-column:1/5;font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.35;font-weight:600;max-width:26em}
.figs{grid-column:5/10;display:grid;grid-template-columns:2fr 2fr 1fr;column-gap:var(--gap)}
.figs div{border-top:2px solid #fff;padding-top:.6rem}
.figs dt{font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.figs dd{font-size:clamp(2.8rem,6vw,6.8rem);font-weight:800;letter-spacing:-.05em;line-height:.95;white-space:nowrap}
.figs small{font-size:.32em;letter-spacing:0;font-weight:600;margin:0 .1em;vertical-align:.95em}
.hero-cta{grid-column:10/13;display:grid;gap:.6rem}

.plumbline{position:absolute;top:0;left:calc(var(--m) + (100% - 2*var(--m) + var(--gap))/12*10.5 - var(--gap)/2);height:58%;width:2px;background:#fff;transform-origin:50% 0;z-index:-1}
.plumbline svg{position:absolute;left:-13px;bottom:-40px;width:28px;height:40px;fill:#fff}
.js .plumbline{animation:swing 4.2s cubic-bezier(.37,0,.63,1) .2s both}
@keyframes swing{0%{transform:rotate(9deg)}18%{transform:rotate(-6.5deg)}36%{transform:rotate(4.5deg)}54%{transform:rotate(-2.8deg)}72%{transform:rotate(1.4deg)}88%{transform:rotate(-.5deg)}100%{transform:none}}

/* plate */
.plate{background:#fff;overflow:hidden}
.plate img{aspect-ratio:21/9;object-fit:cover;object-position:50% 72%}
.plate figcaption{padding-block:.8rem;border-bottom:1px solid var(--black)}

/* sections */
.sec{padding:clamp(3.5rem,8vw,8rem) 0 clamp(4rem,9vw,9rem)}
.head{margin-bottom:clamp(2.5rem,6vw,6rem);row-gap:1.2rem}
.head .lab{padding-top:.7rem;border-top:2px solid currentColor}
h2{font-size:clamp(2.7rem,8.2vw,9rem);line-height:.88;font-weight:800;letter-spacing:-.05em;margin-left:-.04em;padding-top:.3rem;border-top:2px solid currentColor;padding-top:.5rem}
.note{margin-top:2.2rem}
.note span{font-size:.95rem;max-width:42em}
.white .note span{color:var(--grey)}

/* conditions */
.rows li,.fees li{border-top:1px solid currentColor;padding-block:1.35rem;align-items:baseline;transition:background .35s var(--e),color .35s var(--e)}
.rows li:last-child,.fees li:last-child{border-bottom:1px solid currentColor}
.rows li:hover{background:var(--blue);color:#fff}
.idx{grid-column:1/4;font-size:.75rem;font-weight:600;letter-spacing:.09em}
.rows h3{grid-column:4/8;font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1;font-weight:800;letter-spacing:-.035em}
.rows p{grid-column:8/11;font-size:1rem}
.plan{grid-column:11/13;text-align:right;font-size:.75rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}

/* chart — signature */
.chart{align-items:start;row-gap:2.5rem}
.chart-fig{grid-column:1/6;position:relative}
.hint{margin-bottom:1rem;color:var(--blue-k)}
.spine{display:block;width:min(100%,500px);height:auto;overflow:visible}
.spine text{fill:#fff;font:600 11px "Hanken Grotesk",sans-serif;letter-spacing:.09em}
.spine .code{font-size:10px;opacity:.7}
.spine .bones rect,.spine .bones path:not(.ln){fill:#fff;transition:fill .45s var(--e)}
.spine .ln,.spine .joint{fill:none;stroke:#fff;stroke-width:3;transition:stroke .45s var(--e)}
.spine .ghost{opacity:.35}
.spine .plumb{stroke:var(--blue-k);stroke-width:1.5;stroke-dasharray:3 6}
.spine .bob{fill:var(--blue-k)}
.spine .tick{stroke:#fff;opacity:.25;transition:opacity .45s var(--e),stroke .45s var(--e)}
.spine .hit{fill:#fff;fill-opacity:0;transition:fill-opacity .35s var(--e)}
.rg{cursor:pointer;outline:none}
.rg:hover .hit,.rg:focus-visible .hit{fill-opacity:.09}
.rg:focus-visible .tick{opacity:1}
.rg[aria-pressed=true] .bones rect,.rg[aria-pressed=true] .bones path:not(.ln){fill:var(--blue-k)}
.rg[aria-pressed=true] .ln,.rg[aria-pressed=true] .joint{stroke:var(--blue-k)}
.rg[aria-pressed=true] .tick{opacity:1;stroke:var(--blue-k)}
.rg[aria-pressed=true] .hit{fill:var(--blue);fill-opacity:.22}
.chart-panel{grid-column:7/13;position:sticky;top:90px}
.chart-no{font-size:clamp(7rem,17vw,19rem);font-weight:800;line-height:.76;letter-spacing:-.06em;color:var(--blue-k);margin-left:-.05em}
.chart-title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1.4rem 0 1.6rem}
.chart-title h3{font-size:clamp(2.2rem,4.4vw,4.4rem);font-weight:800;letter-spacing:-.045em;line-height:.95}
.chart-panel dl div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap);border-top:1px solid rgba(255,255,255,.4);padding-block:1.1rem}
.chart-panel dt{grid-column:1/3;padding-top:.25rem}
.chart-panel dd{grid-column:3/7;font-size:1.06rem}
.chart-no,.chart-title,.chart-panel dd{transition:opacity .3s var(--e),transform .5s var(--e)}
.chart-panel.swap .chart-no,.chart-panel.swap .chart-title,.chart-panel.swap dd{opacity:0;transform:translateY(10px)}
.chart-keys{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1.2rem;border:1px solid #fff}
.chart-keys li+li{border-left:1px solid #fff}
.chart-keys button{all:unset;box-sizing:border-box;width:100%;min-height:56px;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.2rem;font-weight:800;font-size:.98rem;cursor:pointer;transition:background .35s var(--e),color .35s var(--e)}
.chart-keys button i{font-style:normal;font-size:.68rem;font-weight:600;letter-spacing:.09em}
.chart-keys button:hover{background:rgba(255,255,255,.14)}
.chart-keys button[aria-pressed=true]{background:#fff;color:var(--black)}
.chart-keys button:focus-visible{outline:3px solid var(--blue-k);outline-offset:-3px}

/* process */
.steps li{border-top:1px solid var(--black);padding-block:1.4rem clamp(1.6rem,3vw,3rem);align-items:start;overflow:hidden}
.steps li:last-child{border-bottom:1px solid var(--black)}
.num{grid-column:1/6;font-size:clamp(7rem,19vw,21rem);font-weight:800;line-height:.78;letter-spacing:-.065em;color:var(--blue);margin-left:-.05em;display:block;will-change:transform}
.step-t{grid-column:6/9}
.step-t h3{font-size:clamp(1.6rem,2.4vw,2.3rem);font-weight:800;letter-spacing:-.035em;line-height:1;margin-bottom:.7rem}
.step-t .lab{color:var(--grey)}
.step-p{grid-column:9/13;font-size:1.06rem}

/* fees */
.fees li:hover{background:#fff;color:var(--blue)}
.fees h3{grid-column:4/7;font-size:clamp(1.4rem,2.1vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.05}
.fees p{grid-column:7/10;font-size:1rem}
.min{grid-column:10/11;font-size:.75rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.usd{grid-column:11/13;text-align:right;font-size:clamp(3rem,6.4vw,7rem);font-weight:800;letter-spacing:-.055em;line-height:.8}
.usd small{font-size:.34em;font-weight:600;vertical-align:1.25em;margin-right:.08em;letter-spacing:0}

/* clinic */
.clinic{row-gap:clamp(2rem,4vw,4rem);align-items:end}
.ph{overflow:hidden}
.ph img{object-fit:cover}
.ph figcaption{padding-top:.7rem}
.ph-a{grid-column:1/9}.ph-a img{aspect-ratio:3/2}
.ph-b{grid-column:9/13}.ph-b img{aspect-ratio:1/1}
.clinic-t{grid-column:4/9;align-self:start}
.clinic-t>p{font-size:clamp(1.3rem,1.9vw,1.8rem);line-height:1.22;font-weight:600;letter-spacing:-.02em}
.staff{margin-top:2rem}
.staff li{border-top:1px solid var(--black);padding-block:.9rem;display:grid;gap:.25rem}
.staff li:last-child{border-bottom:1px solid var(--black)}
.staff b{font-weight:800;font-size:1.15rem}
.staff .lab{color:var(--grey)}
.ph-c{grid-column:10/13;align-self:start}.ph-c img{aspect-ratio:4/5}

/* reviews */
.score{display:flex;align-items:flex-end;gap:clamp(1rem,3vw,3rem);flex-wrap:wrap}
.score-n{font-size:clamp(8rem,24vw,27rem);line-height:.74;letter-spacing:-.07em;margin-left:-.03em}
.score-s{display:grid;gap:.9rem;padding-bottom:.4rem;letter-spacing:0}
.bars{display:flex;gap:6px}
.bars i{width:clamp(34px,4vw,60px);height:14px;background:var(--blue-k)}
.bars i.part{background:rgba(255,255,255,.3);position:relative}.bars i.part::after{content:"";position:absolute;inset:0 10% 0 0;background:var(--blue-k)}
.revs{row-gap:0}
.revs blockquote{grid-column:span 6;border-top:1px solid rgba(255,255,255,.45);padding-block:1.4rem 2.6rem}
.revs p{font-size:clamp(1.35rem,2.2vw,2.1rem);line-height:1.14;font-weight:600;letter-spacing:-.025em;max-width:22em}
.revs footer{margin-top:1.2rem;color:rgba(255,255,255,.8)}

/* visit */
.visit{row-gap:3rem;align-items:start}
.visit-info{grid-column:1/6}
.visit-info dl div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--gap);border-top:1px solid var(--black);padding-block:1rem}
.visit-info dl div:last-child{border-bottom:1px solid var(--black)}
.visit-info dt{grid-column:1/3;padding-top:.3rem}
.visit-info dd{grid-column:3/6;font-size:1.06rem;font-weight:600}
.visit-info dd a{display:inline-block;padding-block:.3rem;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--blue);word-break:break-word}
.visit-info dd a:hover{color:var(--blue)}
.visit-info table{border-collapse:collapse;width:100%}
.visit-info th{text-align:left;font-weight:600;padding:0 1rem .15rem 0}
.visit-info td{font-weight:400;text-align:right}
.visit-info .sub{font-weight:400}
.form{grid-column:7/13;display:grid;grid-template-columns:1fr 1fr;gap:1.4rem var(--gap)}
.form label{display:grid;gap:.4rem}
.form .full{grid-column:1/-1}
.form input,.form select,.form textarea{font:600 1.1rem "Hanken Grotesk",sans-serif;color:var(--black);background:#fff;border:0;border-bottom:2px solid var(--black);padding:.7rem 0;min-height:48px;width:100%;transition:border-color .3s var(--e)}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-bottom-color:var(--blue);box-shadow:0 2px 0 var(--blue)}
.form textarea{resize:vertical}
.form-note{font-weight:800;color:var(--blue)}

/* footer */
.foot{padding:clamp(2rem,4vw,4rem) 0 2rem;overflow:hidden}
.foot-mark{font-size:clamp(4rem,19.6vw,23rem);font-weight:800;letter-spacing:-.065em;line-height:.8;white-space:nowrap;padding-inline:var(--m);margin:0 0 clamp(2rem,4vw,4rem) -.06em}
.foot .g{row-gap:1.4rem}
.foot .g p{border-top:1px solid #fff;padding-top:.7rem;line-height:1.7}
.foot a{text-underline-offset:3px;display:inline-block;padding-block:.15rem;word-break:break-word}
.foot-fine{padding-inline:var(--m);margin-top:2rem;font-size:.85rem}

.dock{display:none}

/* motion */
.js [data-in]{opacity:0;transform:translateY(30px);transition:opacity .9s var(--e),transform 1.1s var(--e)}
.js [data-in].in{opacity:1;transform:none}
.js [data-wipe] img{clip-path:inset(0 100% 0 0);transform:scale(1.1);transition:clip-path 1.4s var(--e),transform 1.8s var(--e)}
.js [data-wipe].in img{clip-path:inset(0);transform:none}

@media (max-width:1000px){
  .bar nav{display:none}
  .rows h3{grid-column:4/9}.rows p{grid-column:4/11;margin-top:.6rem}.plan{grid-column:9/13;grid-row:1}
  .fees h3{grid-column:4/10}.fees p{grid-column:4/10;margin-top:.5rem}.min{grid-column:4/10;margin-top:.5rem}.usd{grid-column:10/13;grid-row:1/4;align-self:center}
  .hero-p{grid-column:1/8}.figs{grid-column:1/13;order:3}.hero-cta{grid-column:8/13}
  .num{grid-column:1/13}.step-t{grid-column:1/6;margin-top:1rem}.step-p{grid-column:6/13;margin-top:1rem}
}
@media (max-width:760px){
  body{padding-bottom:60px}
  .g,.cols{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cols i:nth-child(n+5){display:none}
  .cols i:nth-child(4){border-right:1px solid var(--line)}
  .c1-3,.c4-6,.c7-9,.c10-12,.c4-9,.c4-12{grid-column:1/-1}
  .bar-tel{display:none}
  .bar-book{padding:0 1.4rem}
  .hero{min-height:calc(100svh - 150px);padding-top:1rem}
  .hero-top .lab:nth-child(n+3){display:none}
  .hero-top .c1-3{grid-column:1/3}.hero-top .c4-6{grid-column:3/5}
  h1{font-size:23.5vw}
  .hero-p,.figs,.hero-cta{grid-column:1/-1}
  .figs{order:0;grid-template-columns:1fr 1fr 1fr}
  .figs dd{font-size:13.5vw}
  .figs dt{min-height:2.7em}
  .plate img{aspect-ratio:4/3}
  .plate figcaption .c1-3,.plate figcaption .c10-12{display:none}
  h2{font-size:clamp(2.7rem,13vw,4.4rem)}
  .idx,.rows h3,.rows p,.plan,.fees h3,.fees p,.min{grid-column:1/-1;grid-row:auto;text-align:left;margin-top:0}
  .rows li,.fees li{row-gap:.55rem}
  .fees h3{grid-column:1/4}
  .usd{grid-column:3/5;grid-row:1/3;font-size:16vw;align-self:start}
  .fees .idx{grid-column:1/3}
  .fees h3{grid-column:1/-1}
  .chart{row-gap:0}
  .chart-panel{display:contents}
  .chart-fig{grid-column:1/3;grid-row:1}
  .spine{width:100%}
  .spine text{display:none}
  .chart-keys{grid-column:3/5;grid-row:1;grid-template-columns:1fr;align-self:end;margin:0}
  .chart-keys li+li{border-left:0;border-top:1px solid #fff}
  .chart-keys button{min-height:64px}
  .chart-no,.chart-title,.chart-panel dl{grid-column:1/-1}
  .chart-no{margin-top:2.5rem;font-size:30vw}
  .plumbline{left:auto;right:calc(var(--m) + 14px);height:30%}
  .chart-panel dl div{grid-template-columns:1fr}
  .chart-panel dt,.chart-panel dd{grid-column:1/-1}
  .chart-panel dt{margin-bottom:.4rem}
  .hint-hover{font-size:0}
  .hint-hover::after{content:"Tap a region";font-size:.8rem}
  .lab,.figs dt{font-size:.8rem}
  .foot a,.visit-info dd a{display:inline-block;padding-block:.7rem}
  .num,.step-t,.step-p{grid-column:1/-1}
  .num{font-size:34vw}
  .ph-a,.ph-b,.ph-c,.clinic-t{grid-column:1/-1}
  .ph-b{grid-column:2/5}.ph-c{grid-column:1/4}
  .revs blockquote{grid-column:1/-1}
  .score-n{font-size:40vw}
  .visit-info,.form{grid-column:1/-1}
  .visit-info dl div{grid-template-columns:1fr}
  .visit-info dt,.visit-info dd{grid-column:1/-1}
  .form{grid-template-columns:1fr}
  .foot .g p{grid-column:1/-1}
  .dock{position:fixed;left:0;right:0;bottom:0;z-index:2147483100;display:grid;grid-template-columns:1.5fr 1fr;border-top:1px solid #fff}
  .dock a{display:flex;align-items:center;justify-content:center;min-height:60px;background:var(--black);color:#fff;text-decoration:none;font-weight:800;font-size:1.02rem}
  .dock .dock-b{background:var(--blue)}
}
/* Reduce Motion: the grid lines still draw in and the plumb line still settles; the headline and
   reveals become plain fades; the sliding numerals and image zoom-wipes stay off. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js h1 .row>span,.js .hero-top,.js .hero-bot{animation-name:fadein}
  .js [data-in]{transform:none;transition:opacity .9s ease}
  .js [data-wipe] img{clip-path:none;transform:none;opacity:0;transition:opacity 1s ease}
  .js [data-wipe].in img{opacity:1}
  .chart-panel.swap .chart-no,.chart-panel.swap .chart-title,.chart-panel.swap dd{transform:none}
  .btn span{transition:none}
  @keyframes fadein{from{opacity:0}}
}