/* Verify Online v3: home page. Motion language: scan, stamp, inspect. */
section{position:relative}
.sec-head{margin-bottom:34px}
.sec-head h2,.gate-side h2,.class-copy h2,.close h2{font-size:clamp(34px,4.4vw,60px)}
.sec-head .lede{margin-top:14px}
.sec-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* hero */
.hero{padding:62px 0 0;overflow:hidden}
.hero-in{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:56px;align-items:center}
.pulse{width:9px;height:9px;border-radius:50%;background:var(--a);box-shadow:0 0 0 0 rgba(14,122,78,.5);animation:pulse 2.2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(14,122,78,0)}100%{box-shadow:0 0 0 0 rgba(14,122,78,0)}}
.hero-h{position:relative;z-index:0;font-size:clamp(46px,6.3vw,94px);line-height:.98;letter-spacing:-.035em}
.hero-h .hl{display:block;color:var(--a);position:relative;width:max-content;max-width:100%}
.hero-h .hl::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.12em;background:var(--a2);z-index:-1;transform-origin:left;animation:underline 1.1s .5s var(--ease) both}
@keyframes underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-sub{margin-top:22px;font-size:21px;line-height:1.5;color:var(--ink2);max-width:40ch}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-facts{display:flex;gap:26px;flex-wrap:wrap;list-style:none;margin-top:34px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.hero-facts b{display:block;font:700 30px/1 var(--sans);color:var(--ink);letter-spacing:-.02em;margin-bottom:4px}

.loupe{margin:0}
.loupe-stage{--x:58%;--y:46%;--r:120px;position:relative;aspect-ratio:16/11;border-radius:22px;overflow:hidden;background:var(--dark);cursor:crosshair;touch-action:pan-y;box-shadow:0 40px 80px -40px rgba(13,25,19,.45)}
.loupe-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.loupe-base{filter:grayscale(1) sepia(.35) hue-rotate(95deg) saturate(1.5) brightness(1.04) contrast(.95) blur(1.6px);transform:scale(1.02)}
.loupe-lens{position:absolute;inset:0;clip-path:circle(var(--r) at var(--x) var(--y));-webkit-clip-path:circle(var(--r) at var(--x) var(--y))}
.loupe-lens img{transform:scale(1.4);transform-origin:var(--x) var(--y)}
.loupe-ring{position:absolute;left:var(--x);top:var(--y);width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 3px var(--a),0 18px 40px -10px rgba(0,0,0,.55),inset 0 0 30px rgba(255,255,255,.25);pointer-events:none}
.loupe-ring::after{content:"";position:absolute;right:-34px;bottom:-34px;width:52px;height:14px;border-radius:7px;background:var(--ink);transform:rotate(45deg);box-shadow:0 0 0 3px #fff}
.loupe-tag{position:absolute;left:16px;top:14px;background:rgba(255,255,255,.92);color:var(--a-deep);padding:5px 9px;border-radius:6px;font-weight:600}
.corner{position:absolute;width:26px;height:26px;border:3px solid #fff;opacity:.85;pointer-events:none}
.c-tl{left:14px;top:46px;border-right:0;border-bottom:0}.c-tr{right:14px;top:14px;border-left:0;border-bottom:0}
.c-bl{left:14px;bottom:14px;border-right:0;border-top:0}.c-br{right:14px;bottom:14px;border-left:0;border-top:0}
.loupe figcaption{margin-top:12px;color:var(--muted);max-width:60ch}

.terms{display:flex;align-items:center;gap:18px;margin-top:62px;border-top:1px solid var(--line);background:var(--mint);padding:0 0 0 28px}
.terms-lab{flex:none;color:var(--a-deep);text-transform:uppercase;letter-spacing:.14em;font-weight:600}
.terms-track{overflow:hidden;flex:1;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.terms-run{display:flex;gap:10px;width:max-content;padding:14px 0;animation:run 80s linear infinite}
.terms:hover .terms-run,.terms:focus-within .terms-run{animation-play-state:paused}
@keyframes run{to{transform:translateX(-50%)}}
.terms-run a{flex:none;text-decoration:none;font:600 14px var(--sans);padding:7px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink2)}
.terms-run a:hover{border-color:var(--a);color:var(--a-deep)}

/* share gate */
.gate{padding:86px 0}
.gate{background-color:var(--mint);background-image:linear-gradient(rgba(14,122,78,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(14,122,78,.07) 1px,transparent 1px);background-size:32px 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gate-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
.gate-side{position:sticky;top:110px}
.gate-side .lede{margin-top:16px}
.scan{--s:100%;position:relative;margin:30px 0 0;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:var(--dark);box-shadow:0 30px 60px -36px rgba(13,25,19,.5)}
.scan img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scan-base{filter:grayscale(1) contrast(1.1) brightness(.92)}
.scan-cover{position:absolute;inset:0;clip-path:inset(var(--s) 0 0 0);-webkit-clip-path:inset(var(--s) 0 0 0)}
.scan-line{position:absolute;left:0;right:0;top:var(--s);height:3px;margin-top:-1px;background:#4BE3A1;box-shadow:0 0 18px 4px rgba(75,227,161,.7),0 -40px 50px -10px rgba(75,227,161,.18)}
.scan figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.92);color:var(--a-deep);padding:5px 9px;border-radius:6px;font-weight:600}

.checks{list-style:none;display:grid;gap:12px}
.check{background:#fff;border:1px solid var(--line);border-radius:16px;transition:border-color .25s,box-shadow .25s}
.check-b{display:grid;grid-template-columns:44px 1fr;gap:4px 16px;width:100%;text-align:left;background:none;border:0;padding:20px 20px 10px;cursor:pointer;border-radius:16px}
.check-box{grid-row:1/3;width:40px;height:40px;border-radius:12px;border:2px solid var(--a2);display:grid;place-items:center;transition:background .25s,border-color .25s,transform .3s var(--ease)}
.check-box svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .4s .05s var(--ease)}
.check-q{font:700 21px/1.2 var(--sans);letter-spacing:-.015em;display:flex;gap:10px;align-items:baseline}
.check-n{color:var(--a);font-weight:600}
.check-a{font-size:16.5px;line-height:1.5;color:var(--ink2)}
.check-g{display:inline-block;margin:0 20px 16px 80px;font:600 13.5px var(--sans);color:var(--a-deep)}
.check-b:hover .check-box{border-color:var(--a)}
.check-b[aria-pressed="true"] .check-box{background:var(--a);border-color:var(--a);transform:rotate(-6deg)}
.check-b[aria-pressed="true"] .check-box svg{stroke-dashoffset:0}
.check:has(.check-b[aria-pressed="true"]){border-color:var(--a);box-shadow:0 12px 30px -22px rgba(14,122,78,.7)}
.check.on{border-color:var(--a);box-shadow:0 12px 30px -22px rgba(14,122,78,.7)}

.meter-row{display:flex;gap:24px;align-items:center;margin-top:24px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px}
.meter{position:relative;width:120px;height:120px;flex:none}
.meter svg{width:120px;height:120px;transform:rotate(-90deg)}
.m-track{fill:none;stroke:var(--line2);stroke-width:12}
.m-fill{fill:none;stroke:var(--a);stroke-width:12;stroke-linecap:round;stroke-dasharray:314.16;stroke-dashoffset:314.16;transition:stroke-dashoffset .6s var(--ease),stroke .3s}
.m-num{position:absolute;inset:0;display:grid;place-items:center;font:600 15px var(--mono);color:var(--muted)}
.m-num b{font:700 34px var(--sans);color:var(--ink)}
.m-num{display:flex;align-items:center;justify-content:center}
.meter-copy{min-width:0}
.m-state{font:700 20px/1.3 var(--sans);letter-spacing:-.01em}
.m-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.share-b[aria-disabled="true"]{background:var(--line2);border-color:var(--line);color:var(--muted);cursor:not-allowed;box-shadow:none;transform:none}
.share-b[aria-disabled="false"]{animation:ready 1.6s var(--ease) 2}
.share-b[aria-disabled="false"] .lock-arc{transform:translate(4px,-2px) rotate(18deg);transform-origin:16px 11px}
.lock-arc{transition:transform .4s var(--ease)}
@keyframes ready{50%{box-shadow:0 0 0 10px rgba(14,122,78,.15)}}
.m-after{margin-top:14px;color:var(--a-deep);font-size:16px}

/* spot the signs */
.signs{padding:100px 0 30px}
.signs-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:48px;align-items:start}
.mock-wrap{position:relative}
.mock-wrap::before{content:"";position:absolute;inset:26px -18px -18px 26px;border-radius:24px;background:var(--a2);opacity:.45;z-index:-1}
.mock{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 30px 70px -40px rgba(13,25,19,.45);font:16px/1.5 var(--sans)}
.mock-flag{background:#FFF6E5;color:var(--amber);border:1px dashed #E2B46A;border-radius:8px;padding:7px 10px;margin-bottom:16px;font-weight:600}
.mock-head{display:flex;gap:12px;align-items:center}
.mock-av{width:46px;height:46px;border-radius:50%;background:conic-gradient(from 30deg,#E25C4B,#F4C76B,#E25C4B);flex:none}
.mock-who{display:flex;flex-direction:column;min-width:0}
.mock-name{font-weight:700}
.mock-meta{color:var(--muted);font-size:14.5px}
.mock-text{margin:14px 0;font-size:17px}
.mock-img{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.mock-img svg{width:100%;height:auto}
.mock-link{margin-top:12px;color:var(--muted);font-size:15px}
.mock-acts{display:flex;gap:26px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line2);color:var(--muted);font-weight:600;font-size:14px}
.mock-miss{min-height:1.6em;margin-top:8px;color:var(--muted)}
.hs{position:relative;background:none;border:0;padding:0 2px;margin:0 -2px;font:inherit;color:inherit;cursor:pointer;border-radius:5px;transition:background .2s,box-shadow .2s}
.hs:hover{background:rgba(14,122,78,.08)}
.hs-loud{font-weight:700}
.mock-meta .hs{color:var(--muted)}
.mock-link .hs{color:#2457C5;text-decoration:underline}
.hs.found{background:rgba(180,35,24,.09);box-shadow:0 0 0 2px var(--flag)}
.hs.found::after{content:attr(data-n);position:absolute;right:-10px;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--flag);color:#fff;font:700 12px/22px var(--sans);text-align:center;animation:pop .4s var(--ease)}
@keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}
.hs-area{position:absolute;padding:0;margin:0;border-radius:12px}
.hs-area:hover{background:rgba(14,122,78,.12)}
.hs-area.found{background:rgba(180,35,24,.08);box-shadow:none;outline:3px dashed var(--flag);outline-offset:-3px}
.mock.shake{animation:shake .35s}
@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}

.finds{background:var(--mint);border:1px solid var(--line);border-radius:20px;padding:24px}
.finds-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.finds-count{font:600 16px var(--sans);flex:none}
.finds-count b{font-size:28px;color:var(--flag)}
.finds-bar{flex:1;height:8px;border-radius:4px;background:#fff;overflow:hidden;border:1px solid var(--line)}
.finds-bar span{display:block;height:100%;width:0;background:var(--flag);transition:width .5s var(--ease)}
.finds-list{list-style:none;counter-reset:f;display:grid;gap:8px}
.finds-list li{counter-increment:f;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px 12px 50px;position:relative;font:15px/1.45 var(--sans)}
.finds-list li::before{content:counter(f);position:absolute;left:14px;top:12px;width:24px;height:24px;border-radius:50%;border:2px dashed var(--line);color:var(--muted);font:700 12px/20px var(--sans);text-align:center}
.finds-list li:not(.on){color:var(--muted)}
.finds-list li:not(.on) > *{display:none}
.finds-list li:not(.on)::after{content:"Not found yet";font-style:italic}
.finds-list li.on{border-color:#E9B4AE;animation:pop .35s var(--ease)}
.finds-list li.on::before{content:attr(data-n);background:var(--flag);border:2px solid var(--flag);color:#fff}
.f-t{font-weight:700;color:var(--ink)}
.f-d{color:var(--ink2);margin:2px 0 4px}
.finds-list a{color:var(--a-deep);font-weight:600;font-size:14px}
.finds-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

/* desks */
.desks{padding:100px 0 20px}
.desk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.desk{position:relative;display:flex;flex-direction:column;gap:8px;min-height:210px;padding:22px;border:1px solid var(--line);border-radius:18px;text-decoration:none;background:#fff;overflow:hidden;transition:transform .3s var(--ease),border-color .3s,color .3s}
.desk::before{content:"";position:absolute;inset:0;background:var(--a);transform:translateY(101%);transition:transform .45s var(--ease);z-index:0}
.desk > *{position:relative;z-index:1}
.desk-n{font:600 13px var(--mono);color:var(--a)}
.desk-name{font:700 23px/1.1 var(--sans);letter-spacing:-.02em}
.desk-note{font-size:15.5px;line-height:1.45;color:var(--muted)}
.desk-c{margin-top:auto;font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--a-deep)}
.desk:hover,.desk:focus-visible{transform:translateY(-3px);border-color:var(--a);color:#fff}
.desk:hover::before,.desk:focus-visible::before{transform:translateY(0)}
.desk:hover .desk-note,.desk:hover .desk-c,.desk:hover .desk-n,.desk:focus-visible .desk-note,.desk:focus-visible .desk-c,.desk:focus-visible .desk-n{color:#E6F4EC}

/* bench: three effects */
.bench{padding:100px 0 20px}
.bench-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.lab{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
.lab-copy{padding:22px}
.lab-n{color:var(--a);text-transform:uppercase;letter-spacing:.14em;font-weight:600;margin-bottom:8px}
.lab-copy h3{font-size:25px;margin-bottom:10px}
.lab-copy p{font-size:16.5px;line-height:1.55;color:var(--ink2);margin-bottom:12px}
.lab-copy a{font:600 14px var(--sans);color:var(--a-deep)}
.rs,.crop,.hud{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--dark)}
.rs img,.crop img,.hud video,.hud .vposter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rs-copy{position:absolute;inset:0;clip-path:inset(0 0 0 var(--p));-webkit-clip-path:inset(0 0 0 var(--p))}
.rs-copy img{image-rendering:auto}
.rs-handle{position:absolute;top:0;bottom:0;left:var(--p);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.rs-handle::after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.35);background-image:linear-gradient(90deg,transparent 13px,var(--a) 13px,var(--a) 15px,transparent 15px,transparent 25px,var(--a) 25px,var(--a) 27px,transparent 27px)}
.rs:focus-within .rs-handle::after{box-shadow:0 0 0 4px var(--a),0 6px 18px rgba(0,0,0,.35)}
.rs-l,.rs-r{position:absolute;top:12px;background:rgba(255,255,255,.92);color:var(--ink);padding:4px 8px;border-radius:6px;font-weight:600;pointer-events:none}
.rs-l{left:12px}.rs-r{right:12px;color:var(--flag)}
.rs-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.crop img{transform:scale(2.3);transform-origin:22% 62%;transition:transform 1.1s var(--ease),filter 1.1s}
.crop.open img{transform:scale(1)}
.crop-marks{position:absolute;inset:16px;pointer-events:none;transition:inset 1.1s var(--ease)}
.crop.open .crop-marks{inset:6px}
.crop-marks i{position:absolute;width:30px;height:30px;border:3px solid #fff}
.crop-marks i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}
.crop-marks i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}
.crop-marks i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}
.crop-marks i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}
.crop-b{position:absolute;left:14px;bottom:14px;border:0;border-radius:999px;background:#fff;color:var(--a-deep);font:700 14px var(--sans);padding:10px 15px;cursor:pointer;box-shadow:0 8px 20px -8px rgba(0,0,0,.5)}
.crop-b:hover{background:var(--mint)}
.hud video,.hud .vposter{filter:grayscale(.6) sepia(.45) hue-rotate(88deg) saturate(1.4) contrast(1.05)}
.hud.novideo video{display:none}
.hud-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.hud-scan::after{content:"";position:absolute;left:0;right:0;height:30%;background:linear-gradient(transparent,rgba(75,227,161,.16),transparent);animation:sweep 4.5s linear infinite}
@keyframes sweep{from{top:-30%}to{top:100%}}
.hud-tc,.hud-rec{position:absolute;top:12px;color:#B9F5D8;background:rgba(13,25,19,.65);padding:4px 8px;border-radius:5px;font-weight:600}
.hud-tc{left:12px}.hud-rec{right:12px}
.hud-rec::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#4BE3A1;margin-right:6px;animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.hud-strip{position:absolute;left:12px;right:12px;bottom:58px;height:6px;border-radius:3px;background:rgba(185,245,216,.25)}
.hud-strip i{position:absolute;top:-5px;width:3px;height:16px;border-radius:2px;background:#4BE3A1;box-shadow:0 0 8px #4BE3A1}
.hud-btns{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:8px}
.hud-btns button{border:1px solid rgba(185,245,216,.5);background:rgba(13,25,19,.7);color:#E6FFF2;border-radius:8px;padding:8px 12px;font:600 13px var(--sans);cursor:pointer}
.hud-btns button:hover{background:var(--a)}

/* featured */
.feats{padding:100px 0 20px}
.feat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tag-feat{min-height:220px;padding:24px 24px 20px 28px}
.tag-feat .tag-t{font-size:22px}

/* classrooms */
.class{margin-top:100px;padding:80px 0;background:var(--mint);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.class-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.wipe{position:relative;aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:var(--dark);transition:clip-path 1.4s var(--ease),-webkit-clip-path 1.4s var(--ease)}
.wipe.armed{clip-path:circle(0% at 30% 50%);-webkit-clip-path:circle(0% at 30% 50%)}
.wipe.armed.in{clip-path:circle(120% at 30% 50%);-webkit-clip-path:circle(120% at 30% 50%)}
.wipe video,.wipe .vposter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wipe.novideo video{display:none}
.grain{position:absolute;inset:-50%;pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}100%{transform:translate(0,0)}}
.wipe-play{position:absolute;right:14px;bottom:14px;border:0;border-radius:999px;background:#fff;color:var(--a-deep);font:700 13px var(--sans);padding:8px 14px;cursor:pointer}
.class-copy .lede{margin-top:16px}
.class-links{list-style:none;margin-top:24px;display:grid;gap:8px}
.class-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;font:600 16px var(--sans);transition:border-color .2s,transform .2s var(--ease)}
.class-links a::after{content:"";width:9px;height:9px;border-top:2px solid var(--a);border-right:2px solid var(--a);transform:rotate(45deg);flex:none}
.class-links a:hover{border-color:var(--a);transform:translateX(4px)}

/* close */
.close{padding:110px 0 10px;text-align:center}
.close-in{display:flex;flex-direction:column;align-items:center;gap:18px}
.close .lede{margin:0 auto}
.close-stamp span{display:inline-block;font:700 18px var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--a);border:3px solid var(--a);border-radius:8px;padding:8px 14px 8px 20px;transform:rotate(-8deg);transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .2s}
.close-stamp.armed span{transform:rotate(-8deg) scale(1.8);opacity:0}
.close-stamp.armed.in span{transform:rotate(-8deg) scale(1);opacity:1}

@media (max-width:1020px){
  .hero-in,.gate-in,.signs-in,.class-in{grid-template-columns:1fr}
  .gate-side{position:static}
  .desk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bench-grid,.feat-grid{grid-template-columns:1fr 1fr}
  .lab-hud{grid-column:1/-1}
}
@media (max-width:640px){
  .hero{padding-top:36px}
  .hero-in{gap:34px}
  .hero-sub{font-size:18px}
  .loupe-stage{--r:78px;border-radius:16px}
  .terms{padding-left:16px;margin-top:40px}
  .gate,.class{padding:56px 0}
  .gate,.signs,.desks,.bench,.feats{margin-top:0}
  .signs,.desks,.bench,.feats{padding-top:64px}
  .class{margin-top:64px}
  .check-b{grid-template-columns:36px 1fr;padding:16px 14px 8px;gap:4px 12px}
  .check-box{width:34px;height:34px}
  .check-q{font-size:18px}
  .check-g{margin:0 14px 14px 62px}
  .meter-row{flex-direction:column;align-items:flex-start}
  .mock{padding:16px}
  .mock-wrap::before{inset:16px -8px -10px 16px}
  .desk-grid,.bench-grid,.feat-grid{grid-template-columns:1fr}
  .desk{min-height:0}
  .finds{padding:18px}
}
@media (prefers-reduced-motion:reduce){
  .terms-run{animation:none;flex-wrap:wrap;width:auto}
  .terms-run a:nth-child(n+27){display:none}
  .wipe{clip-path:none;-webkit-clip-path:none}
  .scan{--s:0%!important}
  .scan-line{display:none}
  .close-stamp span{transform:rotate(-8deg);opacity:1}
  .crop img{transition:none}
}