/* =====================================================================
   Seventh Avenue Media · Direction B · THE TIME MACHINE
   Palette: the 1999 hyperlink blue grew up (#2323ff) + acid lime + ink.
   ===================================================================== */
:root{
  --blue:#2323ff;
  --blue-deep:#1414c8;
  --lime:#d4ff3a;
  --ink:#0c0c14;
  --ink-2:#1b1b28;
  --white:#ffffff;
  --mist:#eceeff;
  --muted:#c3c3d6;
  --link99:#0000ee;
  --visited99:#551a8b;
  --display:"Archivo", "Arial Black", system-ui, sans-serif;
  --body:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wrap:min(1240px, 100% - 2*clamp(20px, 5vw, 72px));
  --head-h:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--head-h) + 12px)}
body{margin:0;font-family:var(--body);font-size:18px;line-height:1.55;color:var(--ink);background:var(--ink);overflow-x:clip}
img,video{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button,input{font:inherit}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{width:var(--wrap);margin-inline:auto}

/* focus: ink by default, lime on dark grounds */
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.on-dark :focus-visible,.site-header :focus-visible,.era-2026 :focus-visible,.year :focus-visible,.more :focus-visible,.pricing :focus-visible,.foot :focus-visible,.hud :focus-visible{outline-color:var(--lime)}

.skip{position:fixed;left:12px;top:-80px;z-index:100;background:var(--lime);color:var(--ink);padding:12px 18px;font-weight:700;text-decoration:none;transition:top .2s}
.skip:focus{top:12px}

/* ---------- buttons: square, solid, hard offset shadow ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:0 24px;border:0;border-radius:0;font-family:var(--body);font-weight:700;font-size:17px;line-height:1.1;text-decoration:none;cursor:pointer;position:relative;transition:transform .18s ease, box-shadow .18s ease}
.btn--lime{background:var(--lime);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}
.btn--ink{background:var(--ink);color:var(--white);box-shadow:5px 5px 0 var(--blue)}
.btn:hover{transform:translate(-2px,-2px)}
.btn--lime:hover{box-shadow:7px 7px 0 var(--ink)}
.year .btn--lime,.pricing-trust .btn--lime{box-shadow:5px 5px 0 var(--blue)}
.year .btn--lime:hover,.pricing-trust .btn--lime:hover{box-shadow:7px 7px 0 var(--blue)}
.btn--ink:hover{box-shadow:7px 7px 0 var(--blue)}
.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.btn--lg{min-height:60px;padding:0 30px;font-size:19px}
.btn--sm{min-height:44px;padding:0 18px;font-size:15px;box-shadow:3px 3px 0 #000}
.btn[disabled]{opacity:.6;cursor:progress}

/* ---------- fixed site header ---------- */
.site-header{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--head-h);display:flex;align-items:center;gap:clamp(14px,2.4vw,34px);padding:0 clamp(16px,4vw,56px);background:var(--ink);color:var(--white);transform:translateY(-101%);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.site-header.show,.site-header:focus-within,.no-js .site-header,.rm .site-header{transform:none}
.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:44px;margin-right:auto}
.wm-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--lime);color:var(--ink);font:900 24px/1 var(--display);font-stretch:125%}
.wm-text{font:800 17px/1 var(--display);font-stretch:112%;letter-spacing:-.01em;white-space:nowrap}
.site-nav{display:flex;gap:clamp(14px,2vw,28px)}
.site-nav a{font-weight:500;font-size:15px;text-decoration:none;padding:12px 0;background:linear-gradient(var(--lime),var(--lime)) 0 calc(100% - 6px)/0 3px no-repeat;transition:background-size .25s}
.site-nav a:hover{background-size:100% 3px}
.country-switch{font-size:13px;color:inherit;opacity:.78}
.country-switch--head{max-width:13em;line-height:1.25;text-decoration:underline;text-underline-offset:3px}
@media (max-width:1240px){.country-switch--head{display:none}}
@media (max-width:900px){.site-nav{display:none}}
@media (max-width:420px){.wm-text{font-size:14px;font-stretch:100%}.site-header .btn--sm{padding:0 14px}}

/* =====================================================================
   THE STAGE
   ===================================================================== */
.stage{position:relative;background:#008080}
.js .stage{height:640vh}
.stage-pin{position:relative}
.js .stage-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;overflow:clip}
.stage{overflow-x:clip}
.era{position:absolute;inset:0;overflow:hidden;container-type:size;transform:scale(calc(1 + var(--enter,0)*.07));transform-origin:50% 0;will-change:clip-path,transform}
.js .era-2009,.js .era-2016,.js .era-2026{clip-path:inset(0 0 100% 0)}
.era.gone{visibility:hidden}
.era::after{content:"";position:absolute;inset:0;z-index:10;background:#000;opacity:calc(var(--leave,0)*.5);pointer-events:none}
.era-2026::after{display:none}

/* legacy fixed-width pages get scaled to fit, exactly like a non-responsive site on a phone */
.legacy{position:absolute;left:50%;top:20px;transform:translateX(-50%) scale(var(--s,1));transform-origin:50% 0}
.era-note{position:absolute;left:16px;right:16px;top:auto;opacity:0;font:600 17px/1.35 var(--body);color:var(--white);background:var(--ink);padding:14px 16px;transition:opacity .3s}
.era-note b{font-family:var(--display);font-weight:900;font-stretch:118%;color:var(--lime);margin-right:.25em}
.era-note.show{opacity:1}

/* ---------------- 1999 ---------------- */
.era-1999{background-color:#008080;background-image:radial-gradient(circle,#4fd3d3 1.2px,transparent 1.6px),repeating-linear-gradient(45deg,#007474 0 9px,#008a8a 9px 18px);background-size:16px 16px,auto;font-family:"Times New Roman",Times,serif;color:#000}
.e99-page{width:640px;background:#ffffcc;border:6px outset #d4d0c8;box-shadow:8px 8px 0 rgba(0,0,0,.55)}
.e99-title{background:#000080;padding:16px 10px 12px;text-align:center;border-bottom:4px ridge #d4d0c8}
.e99-wordart{display:inline-block;font:900 44px/1.05 "Arial Black","Arial Bold",Gadget,sans-serif;letter-spacing:-1px;background:linear-gradient(180deg,#fffb00 0%,#ffb300 45%,#ff2a00 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(3px 3px 0 #ff00ff) drop-shadow(2px 2px 0 #000);transform:perspective(320px) rotateX(16deg) scaleY(1.12)}
.e99-tag{margin-top:6px;color:#00ff00;font:bold 17px "Comic Sans MS","Comic Sans","Chalkboard SE",sans-serif}
.e99-marquee{background:#ff0000;color:#ffff00;font:bold 15px/30px "Courier New",Courier,monospace;white-space:nowrap;overflow:hidden;border-bottom:3px ridge #d4d0c8}
.e99-marquee span{display:inline-block;padding-left:100%;animation:marq 16s linear infinite}
@keyframes marq{to{transform:translateX(-100%)}}
.e99-body{display:flex}
.e99-nav{width:150px;flex:none;background:#c0c0c0;padding:12px 10px;border-right:3px groove #fff;display:flex;flex-direction:column;gap:7px}
.e99-btn{display:block;background:#d4d0c8;border:3px outset #fff;font:bold 15px Arial,Helvetica,sans-serif;padding:6px 4px;text-align:center;color:#0000ee;text-decoration:underline}
.e99-new{margin:16px auto 0;width:96px;height:96px;background:#ff0000;clip-path:polygon(50% 0,61% 20%,83% 9%,80% 33%,100% 40%,84% 56%,96% 77%,72% 77%,66% 100%,50% 84%,34% 100%,28% 77%,4% 77%,16% 56%,0 40%,20% 33%,17% 9%,39% 20%);display:grid;place-items:center;animation:blink 1.1s steps(1) infinite}
.e99-new span{font:900 20px "Arial Black",sans-serif;color:#ffff00;transform:rotate(-14deg)}
@keyframes blink{50%{opacity:.15}}
.e99-main{flex:1;padding:14px 18px 16px;font-size:17px;line-height:1.3}
.e99-h{font:bold 54px/1 "Times New Roman",Times,serif;color:#ff0000;text-align:center;text-shadow:3px 3px 0 #000080}
.e99-hr{height:10px;margin:14px 0 12px;border:2px inset #999;background:linear-gradient(90deg,#f00,#f80,#ff0,#0f0,#0ff,#00f,#f0f)}
.e99-main p{margin-bottom:10px}
.e99-a{color:var(--link99);text-decoration:underline}
.e99-a--v{color:var(--visited99)}
.e99-list{list-style:square;padding-left:24px;margin-bottom:12px}
.e99-list li::marker{color:#ff00ff}
.e99-uc{background:repeating-linear-gradient(-45deg,#ffd800 0 14px,#111 14px 28px);padding:9px;text-align:center;border:2px solid #000}
.e99-uc span{display:inline-block;background:#ffd800;font:900 19px "Arial Black",sans-serif;padding:2px 12px;color:#000;letter-spacing:1px}
.e99-scroll{margin:12px 0 10px;font:bold 22px "Comic Sans MS","Comic Sans","Chalkboard SE",sans-serif;color:#ff00ff;text-align:center;animation:blink 1s steps(1) infinite}
.e99-counter{text-align:center;font-size:15px}
.e99-digits{display:inline-flex;gap:2px;vertical-align:middle;margin-left:4px}
.e99-digits b{display:inline-block;background:#000;color:#39ff14;font:bold 17px/1 "Courier New",monospace;padding:3px 4px;border:1px solid #666}
.e99-small{margin-top:8px;font-size:13px;text-align:center}

/* ---------------- 2009 ---------------- */
.era-2009{background:linear-gradient(#1a222c 0,#2a3644 170px,#d9dee5 170px,#eef1f4 100%);font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;color:#333}
.e09-page{width:980px;background:#fff;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 0 0 1px #9aa6b4,0 6px 26px rgba(0,0,0,.45)}
.e09-head{position:relative;height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:linear-gradient(#4a627b,#1d2a37)}
.e09-head::after{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.04))}
.e09-logo{position:relative;z-index:1;color:#fff;font:bold 36px/1 "Trebuchet MS",sans-serif;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.6)}
.e09-logo small{display:block;margin-top:7px;font:14px Georgia,serif;color:#a9bdd2;letter-spacing:0;text-shadow:none}
.e09-search{position:relative;z-index:1;width:210px;height:30px;border-radius:15px;background:linear-gradient(#e9edf2,#fff);box-shadow:inset 0 2px 4px rgba(0,0,0,.45);color:#8a96a3;font-size:13px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}
.e09-search i{width:12px;height:12px;border:2px solid #6d7b8a;border-radius:50%;position:relative}
.e09-search i::after{content:"";position:absolute;width:6px;height:2px;background:#6d7b8a;right:-6px;bottom:-3px;transform:rotate(45deg)}
.e09-nav{display:flex;padding:0 22px;height:46px;background:linear-gradient(#7aa0cc 0,#4471a7 49%,#335d91 51%,#3f6ba1 100%);border-bottom:1px solid #22446d}
.e09-nav span{color:#fff;font:bold 15px/46px "Trebuchet MS",sans-serif;padding:0 20px;border-right:1px solid rgba(255,255,255,.25);text-shadow:0 -1px 0 rgba(0,0,0,.45)}
.e09-nav span.on{background:linear-gradient(#fff,#e4ebf4);color:#2f5683;border-radius:7px 7px 0 0;margin-top:7px;line-height:39px;text-shadow:none;border-right:0}
.e09-cols{display:flex;gap:26px;padding:24px 26px 26px}
.e09-content{width:620px;flex:none}
.e09-slider{position:relative;height:332px;border:6px solid #fff;border-radius:8px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #b9c3cf,0 4px 12px rgba(0,0,0,.4)}
.e09-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.e09-slider img.on{opacity:1}
.e09-arrow{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font:bold 30px/36px Arial,sans-serif;text-align:center;box-shadow:0 0 0 2px rgba(255,255,255,.6)}
.e09-arrow--l{left:12px}.e09-arrow--r{right:12px}
.e09-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px}
.e09-dots i{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 1px 2px rgba(0,0,0,.6)}
.e09-dots i.on{background:#fff}
.e09-real,.anno{position:absolute;left:12px;top:12px;z-index:2;background:var(--lime);color:var(--ink);font:700 14px/1.2 var(--body);padding:7px 11px;transform:rotate(-1.5deg);box-shadow:3px 3px 0 var(--ink)}
.e09-post .e09-h{margin-top:20px;font:bold 31px/1.15 Georgia,"Times New Roman",serif;color:#2f5683}
.e09-meta{margin:6px 0 10px;font-size:12px;color:#8a96a3;border-bottom:1px dotted #c5ccd5;padding-bottom:8px}
.e09-post p{font-size:15px;line-height:1.6;color:#444}
.e09-more{display:inline-block;margin-left:6px;padding:4px 12px;border-radius:5px;color:#fff;font-weight:bold;font-size:13px;background:linear-gradient(#ffbd59,#e3780c);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.4)}
.e09-side{flex:1}
.e09-widget{background:#f3f5f8;border:1px solid #d3dae3;border-radius:7px;padding:12px;margin-bottom:14px;font-size:14px}
.e09-wt{margin:-12px -12px 10px;padding:8px 12px;border-radius:7px 7px 0 0;background:linear-gradient(#7aa0cc,#3f6ba1);color:#fff;font-weight:bold;text-shadow:0 -1px 0 rgba(0,0,0,.4)}
.e09-a{color:#2f6db3;text-decoration:underline}
.e09-tags span{color:#2f6db3;font-size:14px;line-height:1.5}
.e09-rss{display:inline-block;width:16px;height:16px;border-radius:3px;vertical-align:-3px;background:radial-gradient(circle at 22% 78%,#fff 2px,transparent 2.6px),radial-gradient(circle at 0 100%,transparent 6px,#fff 6px,#fff 8px,transparent 8px,transparent 11px,#fff 11px,#fff 13px,transparent 13px),linear-gradient(#ffa64d,#e86a0c)}
.e09-foot{background:#1d2a37;color:#a9bdd2;font-size:13px;padding:14px;text-align:center}

/* ---------------- 2016 ---------------- */
.era-2016{background:#1f262d;color:#fff;font-family:Montserrat,"Helvetica Neue",Arial,sans-serif}
.e16-bg{position:absolute;inset:0;background:#33424f center/cover no-repeat}
.e16-bg::after{content:"";position:absolute;inset:0;background:rgba(17,22,28,.58)}
.e16-nav{position:absolute;inset:0 0 auto 0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:30px 5cqw}
.e16-logo{font-weight:700;font-size:24px;letter-spacing:.12em}
.e16-logo b{color:#1abc9c}
.e16-burger{display:flex;flex-direction:column;gap:6px}
.e16-burger i{width:30px;height:3px;background:#fff}
.e16-center{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 7cqw 8cqh}
.e16-pre{font-weight:300;font-size:clamp(12px,1.3cqw,16px);letter-spacing:.42em;text-transform:uppercase;padding-bottom:14px;margin-bottom:22px;border-bottom:1px solid rgba(255,255,255,.55)}
.e16-h{font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(24px,4.3cqw,66px);line-height:1.18;max-width:15em}
.e16-sub{font-weight:300;font-size:clamp(15px,1.45cqw,21px);margin:18px 0 32px;opacity:.92}
.e16-ghost{border:2px solid #fff;padding:15px 36px;font-weight:700;font-size:13px;letter-spacing:.26em;text-transform:uppercase}
.e16-chev{width:18px;height:18px;margin-top:5cqh;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);animation:chev 1.6s ease-in-out infinite}
@keyframes chev{50%{transform:translateY(8px) rotate(45deg)}}
.e16-cookie{position:absolute;inset:auto 0 0 0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#2c3e50;padding:16px 5cqw;font-size:14px;line-height:1.4}
.e16-cookie span{flex:none;background:#1abc9c;padding:10px 22px;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.1em}
.e16-chat{position:absolute;right:28px;bottom:96px;z-index:4;display:flex;align-items:flex-end;gap:12px}
.e16-bubble{max-width:230px;background:#fff;color:#333;font-size:14px;line-height:1.4;padding:14px 16px;border-radius:14px 14px 2px 14px;box-shadow:0 8px 24px rgba(0,0,0,.35);opacity:0;transform:translateY(10px) scale(.9);transform-origin:100% 100%;transition:all .45s cubic-bezier(.2,1.4,.4,1) .4s}
.era-2016.live .e16-bubble{opacity:1;transform:none}
.e16-chat-btn{flex:none;width:60px;height:60px;border-radius:50%;background:#e74c3c;box-shadow:0 6px 16px rgba(0,0,0,.35);position:relative}
.e16-chat-btn::before{content:"";position:absolute;left:17px;top:19px;width:26px;height:18px;background:#fff;border-radius:5px}
.e16-chat-btn::after{content:"";position:absolute;left:21px;top:35px;border:6px solid transparent;border-top-color:#fff;border-left-color:#fff}
@container (max-width:700px){
  .e16-cookie{font-size:12px;padding:12px 16px;bottom:66px}
  .e16-cookie span{padding:9px 12px}
  .e16-chat{right:14px;bottom:170px}
  .e16-bubble{max-width:180px;font-size:13px}
  .e16-nav{padding:22px 20px}
  .e16-h{letter-spacing:.08em}
  .e16-center{padding-bottom:16cqh}
}

/* ---------------- 2026: SAM today ---------------- */
.era-2026{background:var(--blue);color:var(--white)}
.hero{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(24px,4cqw,64px);padding:calc(var(--head-h) + 3cqh) 0 4cqh clamp(20px,5cqw,80px)}
.hero-h1{font-family:var(--display);font-weight:900;font-stretch:calc(116% - var(--enter,0)*54%);font-size:clamp(52px,8.9cqw,164px);line-height:.86;letter-spacing:-.025em}
.hl{display:block;transform:translateX(calc(var(--enter,0)*var(--dx,0)*1cqw))}
.hl-1{--dx:-14}.hl-2{--dx:10}.hl-3{--dx:-6}
.hero-h1 em{font-style:normal;color:var(--lime)}
.hero-sub{max-width:34em;margin-top:clamp(18px,3.4cqh,36px);font-size:clamp(17px,1.45cqw,21px);line-height:1.5;color:#e8e8ff}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:clamp(20px,4cqh,40px)}
.hero-alt{font-weight:600;font-size:17px;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:5px;display:inline-block;padding:10px 0}
.hero-film{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-bottom:2cqh}
.hero-video{width:100%;height:min(72cqh,640px);object-fit:cover;object-position:40% 50%;background:#1a1a2e;box-shadow:-18px 18px 0 var(--lime);transform:translateY(calc(var(--enter,0)*12cqh)) rotate(calc(var(--enter,0)*-4deg))}
.hero-film-cap{margin-top:26px;font:700 15px/1.35 var(--body);color:var(--white);padding-left:4px}
.hero-film-cap span{color:var(--lime)}
@container (max-width:760px){
  .hero{grid-template-columns:1fr;align-content:start;padding:calc(var(--head-h) + 22px) 20px 92px;gap:22px}
  .hero-h1{font-size:clamp(46px,14.4cqw,72px)}
  .hero-film{padding:0}
  .hero-video{height:min(30cqh,260px);box-shadow:-10px 10px 0 var(--lime);margin-left:10px}
  .hero-film-cap{display:none}
  .hero-actions .btn{width:100%}
}
@container (max-height:700px) and (min-width:761px){.hero-h1{font-size:clamp(48px,7.6cqw,120px)}}

/* ---------------- scan band ---------------- */
.scan{position:absolute;left:0;right:0;top:0;height:0;z-index:20;pointer-events:none;opacity:0;transform:translateY(var(--y,0px))}
.scan::before{content:"";position:absolute;left:0;right:0;top:-4px;height:8px;background:var(--lime);box-shadow:0 -4px 0 #ff2bd6,0 4px 0 #00e1ff}
.scan::after{content:"";position:absolute;left:0;right:0;top:8px;height:90px;background:repeating-linear-gradient(rgba(0,0,0,.28) 0 2px,transparent 2px 4px);-webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent)}
.scan-year{position:absolute;right:clamp(70px,8vw,140px);bottom:12px;background:var(--ink);color:var(--lime);font:900 clamp(34px,4vw,60px)/1 var(--display);font-stretch:122%;padding:8px 16px 6px;box-shadow:6px 6px 0 var(--lime)}
.scan.low .scan-year{bottom:auto;top:20px}

/* ---------------- HUD ---------------- */
.hud{position:absolute;right:16px;top:50%;z-index:30;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:16px;transition:opacity .35s, visibility .35s}
.hud.off{opacity:0;visibility:hidden}
.hud-years{display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.hud-years li{font:800 13px/1 var(--display);font-stretch:110%;background:var(--ink);color:#fff;padding:6px 8px;transition:background .2s,color .2s,transform .2s}
.hud-years li.on{background:var(--lime);color:var(--ink);transform:translateX(-6px)}
.hud-skip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:var(--ink);color:#fff;font:700 14px/1 var(--body);text-decoration:none;box-shadow:3px 3px 0 var(--lime)}
@media (max-width:760px){
  .hud{top:auto;bottom:14px;left:12px;right:12px;transform:none;flex-direction:row;justify-content:space-between;align-items:center}
  .hud-years{flex-direction:row}
  .hud-years li.on{transform:translateY(-4px)}
  .scan-year{right:16px}
}
.no-js .scan,.no-js .hud,.rm .scan,.rm .hud{display:none}
.rm .stage{height:auto}
.rm .stage-pin{position:relative;height:auto;overflow:visible}
.no-js .stage .era:not(.era-2026),.rm .stage .era:not(.era-2026){display:none}
.no-js .era-2026,.rm .era-2026{position:relative;min-height:100svh;container-type:inline-size;clip-path:none;transform:none}
.no-js .hero,.rm .hero{position:relative;min-height:100svh}
.no-js .era-2026 .hero-video,.rm .era-2026 .hero-video{height:min(64vh,620px)}
@media (max-width:760px){.no-js .era-2026 .hero-video,.rm .era-2026 .hero-video{height:260px}}

/* reduced-motion static then/now */
.rm-strip{background:var(--ink);color:#fff;padding:clamp(56px,8vw,110px) 0}
.rm-h{width:var(--wrap);margin:0 auto 32px;font:900 clamp(32px,4.6vw,64px)/1 var(--display);font-stretch:110%}
.rm-grid{width:var(--wrap);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rm-box{position:relative;aspect-ratio:16/10;overflow:hidden;background:#000}
.rm-box .era{position:absolute;left:0;top:0;width:1280px;height:800px;inset:auto;transform-origin:0 0;clip-path:none}
.rm-thumb figcaption{margin-top:12px;font-size:16px;color:var(--muted)}
.rm-thumb figcaption b{color:var(--lime);font-family:var(--display);font-stretch:115%}
@media (max-width:760px){.rm-grid{grid-template-columns:1fr}}

/* =====================================================================
   WHAT YEAR IS YOUR WEBSITE FROM?
   ===================================================================== */
.year{background:var(--ink);color:#fff;padding:clamp(72px,10vw,150px) 0 clamp(64px,8vw,120px)}
.year-h{font:900 clamp(44px,7.4vw,120px)/.9 var(--display);font-stretch:108%;letter-spacing:-.025em;max-width:11em}
.year-lede{margin-top:22px;font-size:clamp(18px,1.6vw,22px);color:var(--muted);max-width:36em}
.year-form{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}
.year-field{flex:1 1 420px;display:flex;align-items:center;background:#fff;color:var(--ink);min-height:60px;box-shadow:5px 5px 0 var(--blue)}
.year-field:focus-within{outline:3px solid var(--lime);outline-offset:3px}
.year-prefix{padding-left:18px;color:#5b5b70;font-size:20px}
.year-field input{flex:1;min-width:0;border:0;background:transparent;padding:0 16px 0 2px;height:60px;font-size:20px;color:var(--ink)}
.year-field input:focus{outline:none}
.year-field input[aria-invalid="true"]{color:#b00020}

.ruler{position:relative;margin-top:64px;padding-top:58px}
.ruler-track{position:relative;height:46px;background:#24243a}
.ruler-era{position:absolute;top:0;bottom:0;left:calc(var(--a)*1%);width:calc((var(--b) - var(--a))*1%);display:flex;align-items:center;padding:0 12px;font:700 14px/1.1 var(--body);white-space:nowrap;overflow:hidden;color:#fff}
.ruler-era:nth-child(1){background:#008080;font-family:"Times New Roman",serif;font-size:16px}
.ruler-era:nth-child(2){background:linear-gradient(#5b84b8,#2f5683);font-family:"Trebuchet MS",sans-serif}
.ruler-era:nth-child(3){background:#1abc9c;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:#0b2a24}
.ruler-era--now{background:var(--lime);color:var(--ink)!important;font-family:var(--display)!important;font-weight:900}
.ruler-ticks{display:flex;justify-content:space-between;margin-top:10px;font-size:14px;color:var(--muted)}
.ruler-pin{position:absolute;top:0;bottom:24px;left:calc(var(--p,100)*1%);width:4px;margin-left:-2px;background:var(--lime);transition:left 1.3s cubic-bezier(.3,1,.3,1);opacity:var(--pin-o,0)}
.ruler-pin-y{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--lime);color:var(--ink);font:900 20px/1 var(--display);font-stretch:115%;padding:7px 10px;white-space:nowrap}
.ruler[data-edge="l"] .ruler-pin-y{transform:none;left:0}
.ruler[data-edge="r"] .ruler-pin-y{transform:none;left:auto;right:0}

.year-out{margin-top:48px;min-height:120px}
.year-idle{color:var(--muted);font-size:16px}
.yr-big{font:900 clamp(110px,22vw,320px)/.78 var(--display);font-stretch:118%;letter-spacing:-.04em;color:var(--lime)}
.yr-lead{margin-top:28px;font:800 clamp(24px,3vw,42px)/1.1 var(--display);font-stretch:104%;max-width:22em}
.yr-lead span{color:var(--lime);overflow-wrap:anywhere}
.yr-msg{margin-top:14px;font-size:clamp(18px,1.6vw,22px);max-width:36em;color:#e6e6f2}
.yr-actions{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;margin-top:30px}
.yr-link{color:#fff;font-weight:600;text-underline-offset:4px;display:inline-block;padding:10px 0}
.yr-foot{margin-top:24px;font-size:14px;color:var(--muted);max-width:44em}
.yr-loading{font:800 clamp(22px,2.6vw,34px)/1.2 var(--display);display:flex;align-items:center;gap:16px}
.yr-loading i{width:28px;height:28px;border:4px solid #33334a;border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite;flex:none}
@keyframes spin{to{transform:rotate(360deg)}}
.btn-plain{background:none;border:0;color:#fff;text-decoration:underline;text-underline-offset:4px;font-weight:600;cursor:pointer;min-height:44px;padding:0}

/* =====================================================================
   PROBLEM
   ===================================================================== */
.problem{background:var(--mist);padding:clamp(72px,10vw,150px) 0}
.problem-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.problem-head{position:sticky;top:calc(var(--head-h) + 40px)}
.problem-head h2{font:900 clamp(38px,4.8vw,74px)/.95 var(--display);font-stretch:104%;letter-spacing:-.02em}
.problem-kicker{margin-top:26px;font-size:clamp(19px,1.6vw,23px);font-weight:600;max-width:24em;padding-left:18px;border-left:6px solid var(--blue)}
.problem-demos{display:flex;flex-direction:column;gap:clamp(48px,6vw,88px)}
.demo:nth-child(2){margin-left:clamp(0px,8%,90px)}
.demo-stage{position:relative;height:clamp(260px,30vw,380px);overflow:hidden;display:grid;place-items:center}
.demo figcaption{margin-top:18px;font-size:clamp(18px,1.5vw,21px);max-width:30em}
.demo figcaption strong{font-family:var(--display);font-weight:900;font-stretch:108%;font-size:1.15em;display:block;margin-bottom:2px}
.demo--secure .demo-stage{background:var(--blue)}
.addr{width:min(84%,520px);display:flex;align-items:center;gap:12px;background:#fff;padding:14px 16px;font-size:17px;box-shadow:8px 8px 0 var(--ink)}
.addr-warn{flex:none;color:#b3261e;font-weight:700;animation:warn 2.4s ease-in-out infinite}
.addr-url{color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes warn{0%,70%,100%{transform:none}78%{transform:translateX(-4px)}86%{transform:translateX(4px)}}
.addr-page{position:absolute;left:8%;right:8%;bottom:-20px;height:42%;background:#fff;opacity:.16;display:flex;flex-direction:column;gap:14px;padding:22px}
.addr-page i{height:14px;background:#000;width:70%}.addr-page i:nth-child(2){width:90%}.addr-page i:nth-child(3){width:50%}
.demo--pinch .demo-stage{background:var(--lime)}
.phone{width:172px;height:322px;background:var(--ink);border-radius:30px;padding:10px;box-shadow:10px 10px 0 var(--blue)}
.phone-screen{position:relative;height:100%;background:#fff;border-radius:22px;overflow:hidden}
.mini99{position:absolute;left:8px;top:14px;width:136px;background:#ffffcc;border:2px outset #ccc;padding-bottom:6px;transform-origin:30% 30%;animation:pinch 3.6s ease-in-out infinite}
.mini99 b{display:block;height:16px;background:#000080}
.mini99 i{display:block;height:4px;margin:5px 6px 0;background:#999}
.mini99 i:first-of-type{height:8px;background:#f00;width:70%;margin-left:auto;margin-right:auto}
.mini99 i:last-child{height:6px;background:repeating-linear-gradient(-45deg,#ffd800 0 4px,#111 4px 8px)}
@keyframes pinch{0%,20%{transform:scale(1)}45%,65%{transform:scale(2.3)}90%,100%{transform:scale(1)}}
.finger{position:absolute;width:30px;height:30px;border-radius:50%;background:rgba(35,35,255,.35);border:2px solid var(--blue);top:46%;left:46%;animation:f1 3.6s ease-in-out infinite}
.finger.f2{animation-name:f2}
@keyframes f1{0%,20%{transform:translate(-6px,-6px)}45%,65%{transform:translate(-46px,-50px)}90%,100%{transform:translate(-6px,-6px)}}
@keyframes f2{0%,20%{transform:translate(6px,6px)}45%,65%{transform:translate(40px,46px)}90%,100%{transform:translate(6px,6px)}}
.demo--slow .demo-stage{background:var(--ink)}
.demo--slow .phone{background:#2c2c3e;box-shadow:10px 10px 0 var(--lime)}
.phone-screen--slow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#f1f1f4}
.spin{width:38px;height:38px;border:4px solid #d6d6de;border-top-color:#666;border-radius:50%;animation:spin 1s linear infinite}
.bar{width:70%;height:6px;background:#d6d6de}
.bar i{display:block;height:100%;width:0;background:var(--blue);animation:crawl 6s cubic-bezier(.1,.9,.2,1) infinite}
@keyframes crawl{0%{width:0}80%,100%{width:38%}}
.back{position:absolute;left:10px;top:12px;font-size:13px;font-weight:700;padding:6px 10px;background:#fff;color:var(--ink);animation:tap 6s ease infinite}
@keyframes tap{0%,62%{box-shadow:none;transform:none}70%{box-shadow:0 0 0 10px rgba(35,35,255,.3);transform:scale(.92)}78%,100%{box-shadow:none;transform:none}}

/* =====================================================================
   WHAT YOU GET: then / now
   ===================================================================== */
.get{background:#fff;padding:clamp(72px,10vw,150px) 0}
.get-h{font:900 clamp(40px,6vw,96px)/.92 var(--display);font-stretch:110%;letter-spacing:-.025em;max-width:12em}
.get-lede{margin-top:20px;font-size:clamp(18px,1.6vw,22px);font-weight:600}
.tn{margin-top:clamp(40px,5vw,64px);border-bottom:3px solid var(--ink)}
.tn-row{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1.25fr);align-items:center;gap:20px;padding:26px 0;border-top:3px solid var(--ink)}
.tn-then{justify-self:start;font:22px/1.35 "Times New Roman",Times,serif;color:var(--link99)}
.tn-row:nth-child(even) .tn-then{color:var(--visited99)}
.tn-then s{text-decoration:underline;text-underline-offset:3px;background:linear-gradient(var(--ink),var(--ink)) 0 58%/100% 3px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .7s cubic-bezier(.6,0,.2,1) .15s}
.js:not(.rm) .tn-row:not(.in) .tn-then s{background-size:0 3px}
.tn-arrow{height:3px;background:var(--blue);position:relative}
.tn-arrow::after{content:"";position:absolute;right:-2px;top:-7px;border:8.5px solid transparent;border-left:13px solid var(--blue);border-right:0}
.tn-now{font:800 clamp(21px,2.1vw,30px)/1.15 var(--display);font-stretch:104%}
@media (max-width:760px){
  .tn-row{grid-template-columns:1fr;gap:8px;padding:22px 0}
  .tn-arrow{display:none}
  .tn-then{font-size:19px}
}

/* =====================================================================
   PROOF: Ed Gutentag
   ===================================================================== */
.proof{background:var(--lime);padding:clamp(72px,10vw,150px) 0}
.proof-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end}
.proof-h{font:900 clamp(44px,7.2vw,124px)/.88 var(--display);font-stretch:108%;letter-spacing:-.03em}
.proof-lede{font-size:clamp(18px,1.55vw,22px);font-weight:500;max-width:28em}
.compare{position:relative;margin-top:clamp(36px,5vw,64px);aspect-ratio:1200/750;background:var(--ink);box-shadow:14px 14px 0 var(--ink);overflow:hidden;user-select:none;-webkit-user-select:none}
.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.compare-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--x)*1%) 0 0)}
.compare-handle{position:absolute;top:0;bottom:0;left:calc(var(--x)*1%);width:4px;margin-left:-2px;background:var(--lime);pointer-events:none}
.compare-handle i{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;background:var(--lime);border:3px solid var(--ink);display:grid;place-items:center}
.compare-handle i::before,.compare-handle i::after{content:"";position:absolute;top:50%;margin-top:-7px;border:7px solid transparent}
.compare-handle i::before{left:7px;border-right:10px solid var(--ink);border-left:0}
.compare-handle i::after{right:7px;border-left:10px solid var(--ink);border-right:0}
.compare-tag{position:absolute;top:16px;z-index:2;background:var(--ink);color:#fff;font:700 15px/1.2 var(--body);padding:9px 13px;pointer-events:none}
.compare-tag--b{left:16px}
.compare-tag--a{right:16px;background:var(--lime);color:var(--ink);box-shadow:0 0 0 2px var(--ink)}
.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}
.compare:focus-within{outline:4px solid var(--blue);outline-offset:6px}
.proof-found{display:grid;grid-template-columns:auto 1fr 1fr;gap:clamp(20px,3vw,40px);align-items:start;margin-top:clamp(56px,7vw,96px)}
.proof-found-h{font:900 clamp(24px,2.4vw,34px)/1 var(--display);font-stretch:108%;max-width:7em}
.proof-found figure:nth-of-type(1){transform:rotate(-1.6deg)}
.proof-found figure:nth-of-type(2){transform:rotate(1.2deg) translateY(18px)}
.proof-found img{width:100%;box-shadow:8px 8px 0 var(--ink);background:#fff}
.proof-found figcaption{margin-top:14px;font-size:16px;font-weight:600}
.review{margin-top:clamp(72px,9vw,140px);max-width:1100px}
.review p{font:700 clamp(26px,3.15vw,48px)/1.14 var(--display);font-stretch:100%;letter-spacing:-.012em}
.review mark{background:var(--ink);color:var(--lime);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.review footer{margin-top:24px;font-size:18px;font-weight:700}
.review footer a{text-underline-offset:4px}
@media (max-width:860px){
  .proof-top{grid-template-columns:1fr}
  .proof-found{grid-template-columns:1fr}
  .proof-found figure:nth-of-type(2){transform:rotate(1.2deg)}
  .compare{box-shadow:8px 8px 0 var(--ink)}
  .compare-tag{font-size:12px;padding:6px 8px;top:10px}
  .compare-tag--b{left:10px}.compare-tag--a{right:10px}
  .compare-handle i{width:44px;height:44px;margin:-22px 0 0 -22px}
}

/* =====================================================================
   MORE WORK
   ===================================================================== */
.more{background:var(--ink);color:#fff;padding:clamp(72px,10vw,150px) 0 clamp(96px,12vw,190px)}
.more-h{font:900 clamp(40px,6vw,96px)/.92 var(--display);font-stretch:110%;letter-spacing:-.025em}
.more-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,40px);margin-top:clamp(40px,5vw,72px)}
.site-shot{display:block;text-decoration:none}
.site-shot:nth-child(2){margin-top:72px}
.site-shot:nth-child(3){margin-top:144px}
.shot-frame{display:block;aspect-ratio:16/10;overflow:hidden;background:#222;box-shadow:10px 10px 0 var(--blue)}
.site-shot:nth-child(2) .shot-frame{box-shadow:10px 10px 0 var(--lime)}
.shot-frame img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.site-shot:hover .shot-frame img{transform:scale(1.045)}
.shot-name{display:block;margin-top:22px;font:900 clamp(22px,2vw,30px)/1.05 var(--display);font-stretch:108%}
.shot-meta{display:block;margin-top:6px;font-size:16px;color:var(--muted)}
@media (max-width:860px){
  .more-row{grid-template-columns:1fr;gap:48px}
  .site-shot:nth-child(n){margin-top:0}
}

/* =====================================================================
   PRICING
   ===================================================================== */
.pricing{background:var(--blue);color:#fff;padding:clamp(72px,10vw,150px) 0}
.pricing-h{font:900 clamp(40px,6.2vw,104px)/.9 var(--display);font-stretch:106%;letter-spacing:-.028em;max-width:12em}
.pricing-lede{margin-top:22px;font-size:clamp(18px,1.6vw,22px);max-width:34em;color:#e8e8ff}
.builds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(48px,6vw,88px);align-items:end}
.build{padding:clamp(26px,3vw,44px);min-height:360px;display:flex;flex-direction:column}
.build h3{font:800 clamp(24px,2.2vw,32px)/1 var(--display);font-stretch:112%}
.build-price{margin-top:auto;padding-top:40px;font:900 clamp(50px,5.6vw,92px)/.9 var(--display);font-stretch:116%;letter-spacing:-.03em}
.build-for{margin-top:18px;font-size:17px;line-height:1.45}
.build--a{background:#fff;color:var(--ink)}
.build--b{background:var(--lime);color:var(--ink);min-height:410px}
.build--c{background:var(--ink);color:#fff;min-height:460px}
.care{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:32px;align-items:center;margin-top:clamp(40px,5vw,64px);padding-top:36px;border-top:3px solid rgba(255,255,255,.9)}
.care h3{font:800 clamp(24px,2.2vw,32px)/1.05 var(--display);font-stretch:108%}
.care-intro p{margin-top:10px;color:#e8e8ff;font-size:17px}
.care-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.care-list dt{font-weight:600;font-size:17px}
.care-list dd{font:900 clamp(34px,3.4vw,52px)/1 var(--display);font-stretch:112%;color:var(--lime);margin-top:6px}
.pricing-trust{display:flex;flex-wrap:wrap;align-items:center;gap:18px 40px;margin-top:clamp(44px,5vw,72px);padding:28px clamp(20px,3vw,36px);background:var(--ink)}
.pay{font-size:18px;flex:1 1 300px}
.mini-quote{font:800 22px/1.2 var(--display);color:var(--lime)}
.mini-quote span{display:block;font:500 14px var(--body);color:var(--muted);margin-top:4px}
@media (max-width:860px){
  .builds{grid-template-columns:1fr}
  .build,.build--b,.build--c{min-height:0}
  .build-price{padding-top:28px}
  .care{grid-template-columns:1fr}
}
@media (max-width:480px){.care-list{grid-template-columns:1fr;gap:14px}.care-list div{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:10px}.care-list dd{margin:0}.pricing-trust .btn{width:100%}}

/* =====================================================================
   HOW IT WORKS
   ===================================================================== */
.how{background:#fff;padding:clamp(72px,10vw,150px) 0}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px)}
.step{position:relative}
.step-word{display:block;font:900 clamp(52px,5.6vw,96px)/.85 var(--display);font-stretch:112%;letter-spacing:-.035em;color:var(--ink)}
.step:nth-child(2) .step-word{color:var(--blue)}
.step p{margin-top:22px;font-size:clamp(17px,1.45vw,20px);max-width:22em;padding-top:18px;border-top:3px solid var(--ink)}
.step:not(:last-child)::after{content:"";position:absolute;right:calc(clamp(20px,3vw,48px)/-2 - 12px);top:clamp(14px,2.6vw,48px);border:12px solid transparent;border-left:18px solid var(--lime);border-right:0;filter:drop-shadow(2px 2px 0 var(--ink))}
@media (max-width:860px){
  .steps{grid-template-columns:1fr;gap:56px}
  .step:not(:last-child)::after{right:auto;left:6px;top:auto;bottom:-44px;border:12px solid transparent;border-top:18px solid var(--lime);border-bottom:0}
}

/* =====================================================================
   AUDIT / FINAL CTA
   ===================================================================== */
.audit{background:var(--lime);padding:clamp(72px,10vw,150px) 0}
.audit-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:start}
.audit-h{font:900 clamp(48px,7.6vw,132px)/.86 var(--display);font-stretch:108%;letter-spacing:-.035em}
.audit-copy>p{margin-top:24px;font-size:clamp(18px,1.6vw,22px);max-width:30em;font-weight:500}
.contact{margin-top:36px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.contact-big{display:inline-flex;align-items:center;min-height:60px;padding:0 28px;background:var(--ink);color:var(--lime);font:900 22px/1 var(--display);font-stretch:110%;text-decoration:none;box-shadow:5px 5px 0 var(--blue)}
.contact-line{display:inline-block;padding:8px 0;font:800 clamp(20px,2vw,28px)/1.15 var(--display);text-underline-offset:5px;text-decoration-thickness:3px;overflow-wrap:anywhere}
.audit-form{background:#fff;padding:clamp(24px,3vw,40px);box-shadow:12px 12px 0 var(--ink);display:flex;flex-direction:column;gap:20px}
.f label{display:block;font-weight:700;font-size:16px;margin-bottom:6px}
.f input{width:100%;min-height:56px;padding:0 14px;border:3px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);font-size:18px}
.f input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.f input[aria-invalid="true"]{border-color:#b00020}
.f-err{margin-top:6px;color:#b00020;font-weight:600;font-size:15px}
.form-note{font-size:14px;color:#44445a}
@media (max-width:860px){.audit-grid{grid-template-columns:1fr}.audit-form .btn{width:100%}}

/* =====================================================================
   FOOTER
   ===================================================================== */
.foot{background:var(--ink);color:#d8d8e6;padding:clamp(64px,8vw,120px) 0 40px;font-size:16px}
.foot-mark{font:900 clamp(40px,8.6vw,150px)/.88 var(--display);font-stretch:125%;letter-spacing:-.04em;color:#fff}
.foot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px;padding-top:28px;border-top:3px solid #2c2c40}
.foot a{color:#fff;text-underline-offset:3px;display:inline-block;padding:6px 0}
.foot .country-switch{opacity:1;font-size:16px}
.foot-egg{margin-top:48px;font:15px "Times New Roman",Times,serif;color:#9a9ab4}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr}.foot-mark{font-stretch:100%}}

/* ---------- motion off ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ---------- small-screen fixes ---------- */
@media (max-width:860px){
  .problem-grid{grid-template-columns:1fr}
  .problem-head{position:static}
  .demo:nth-child(2){margin-left:0}
}
@media (max-width:600px){
  .ruler-era{font-size:10px!important;padding:0 5px;letter-spacing:0!important;text-transform:none!important}
  .compare-tag--a{top:auto;bottom:10px}
}