:root{--ink:#1A1720;--ground:#F1F0EE;--paper:#FFFFFF;--flame:#D61F55;--live:#138048;--grey:#5E5863;--tint:#F9DDE5;--spring:linear(0,.009,.035 2.1%,.141,.281 6.7%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--disp:"Schibsted Grotesk",system-ui,sans-serif;--body:"Figtree",system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--grey) var(--ground)}body{margin:0;background:var(--ground);color:var(--ink);font:400 1rem/1.6 var(--body);overflow-x:clip}::selection{background:var(--tint);color:var(--ink)}a{color:inherit}:focus-visible{outline:3px solid var(--flame);outline-offset:3px;border-radius:4px}.crop{height:70px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}.crop span{font:800 clamp(3.4rem,15vw,8rem)/0.8 var(--disp);letter-spacing:-0.04em;white-space:nowrap;color:var(--ink);transform:translateY(-38%)}.logo{display:flex;justify-content:flex-start;padding:12px max(16px,env(safe-area-inset-left));max-width:1120px;margin:0 auto}.logo img{width:56px;height:56px;display:block}.hero{text-align:center;padding:0 16px 56px}.word{font:800 clamp(4.2rem,20vw,9rem)/0.8 var(--disp);letter-spacing:-0.04em;margin:0;color:var(--ink);user-select:none}.ride{position:relative;width:min(304px,100%);margin:-0.9rem auto 0;animation:in 1s var(--spring) both}.fig{display:block;width:100%;height:auto}.fig .t{font:600 13px var(--body);fill:var(--ink)}h1{font:800 clamp(1.6rem,1.1rem + 2.2vw,2.6rem)/1.12 var(--disp);letter-spacing:-0.02em;margin:18px auto 8px;max-width:20ch;text-wrap:balance}.sub{margin:0 auto 18px;max-width:34ch;text-wrap:pretty;color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:248px;min-height:56px;padding:0 28px;border-radius:999px;background:var(--flame);color:#fff;font:600 1.125rem/1 var(--body);text-decoration:none;transition:transform .5s var(--spring)}@media (hover: hover) and (pointer: fine){.btn:hover{transform:scale(1.05)}}.btn:active{transform:scale(.97)}@keyframes in{from{transform:scale(.9);filter:blur(6px)}}.fig g,.fig path.r-rule{transform-box:fill-box;transform-origin:center;transition:opacity .45s ease-out,transform .9s var(--spring)}.fig .scan{opacity:0;transform:translateY(0);transition:opacity .3s ease-out,transform 1.4s cubic-bezier(.16,1,.3,1)}.fig[data-step="0"] .r-name,.fig[data-step="0"] .r-match,.fig[data-step="1"] .r-match,.fig[data-step="2"] .r-match,.fig[data-step="0"] .r-c1,.fig[data-step="1"] .r-c1,.fig[data-step="2"] .r-c1,.fig[data-step="3"] .r-c1,.fig[data-step="0"] .r-c2,.fig[data-step="1"] .r-c2,.fig[data-step="2"] .r-c2,.fig[data-step="3"] .r-c2,.fig[data-step="0"] .r-live,.fig[data-step="1"] .r-live,.fig[data-step="2"] .r-live,.fig[data-step="3"] .r-live,.fig[data-step="0"] .r-rule,.fig[data-step="1"] .r-rule,.fig[data-step="2"] .r-rule{opacity:0;transform:translateX(12px)}.fig[data-step="0"] .p-photo{opacity:.35}.fig[data-step="2"] .scan{opacity:1;transform:translateY(124px)}.fig[data-step="3"] .r-match,.fig[data-step="4"] .r-match{transform:scale(1)}.steps{background:var(--paper);padding:48px 16px}.wrap{max-width:880px;margin:0 auto;text-align:center}h2{font:800 clamp(1.3rem,1.1rem + 0.8vw,1.6rem)/1.2 var(--disp);letter-spacing:-0.01em;margin:0 0 20px;text-wrap:balance}.bento{display:grid;gap:0;grid-template-columns:1fr;border:1px solid var(--ink);border-radius:8px;overflow:hidden;background:var(--paper)}.tile{padding:20px 16px;border-top:1px solid var(--ink);text-align:center}.tile:first-child{border-top:0}.tile .n{display:block;font:800 clamp(2.6rem,2rem + 2vw,3.6rem)/1 var(--disp);color:var(--ink);letter-spacing:-0.03em}.tile p{margin:6px auto 14px;max-width:30ch;text-wrap:pretty}.tile .fig{max-width:280px;margin:0 auto}.pc{background:var(--ground);padding:48px 16px 56px}.pcgrid{display:grid;grid-template-columns:1fr;border:1px solid var(--ink);border-radius:8px;overflow:hidden;background:var(--paper)}.pcgrid>div{padding:20px 16px;border-top:1px solid var(--ink)}.pcgrid>div:first-child{border-top:0}h3{font:600 1rem/1.3 var(--body);margin:0 0 6px}ul{list-style:none;margin:0;padding:0}li{display:flex;gap:10px;align-items:flex-start;justify-content:center;padding:10px 0;border-top:1px solid #DCD6CE;text-align:left}li:first-child{border-top:0}li svg{flex:none;width:20px;height:20px;margin-top:3px}li span{max-width:32ch}.verdict{margin:0;padding:16px;border-top:1px solid var(--ink);grid-column:1 / -1;font-weight:600}.box{margin-top:20px;border:1px solid var(--ink);border-radius:8px;background:var(--paper);padding:16px}.tabs{display:flex;justify-content:center;gap:6px;margin:0 0 12px}.tabs button{font:600 .875rem/1 var(--body);min-height:44px;padding:0 16px;border:1px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);cursor:pointer}.tabs button[aria-selected="true"]{background:var(--ink);color:var(--paper)}.box p{margin:0 auto;max-width:56ch;font-size:.875rem;line-height:1.55;color:var(--ink)}.box [role="tabpanel"]{animation:fadeup .5s var(--spring) both}@keyframes fadeup{from{opacity:.2;transform:translateY(6px)}}footer{background:var(--ink);color:var(--ground);margin-top:0;padding:36px max(16px,env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.fgrid{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:14px;text-align:center;font-size:.875rem}.fgrid .brand{font:800 1.25rem/1 var(--disp)}.fgrid nav{display:flex;justify-content:center;gap:4px}.fgrid nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--ground)}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--ink);transform:translateY(110%);visibility:hidden;transition:transform .6s var(--spring),visibility 0s .6s}.bar.on{transform:none;visibility:visible;transition:transform .6s var(--spring)}.bar .btn{min-height:48px;min-width:240px}.drawer{position:fixed;inset:0 0 0 auto;width:min(440px,100%);z-index:10;background:var(--paper);color:var(--ink);border-left:1px solid var(--ink);padding:24px 20px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;transform:translateX(102%);visibility:hidden;transition:transform .6s var(--spring),visibility 0s .6s}.drawer.open,.drawer:has(:target){transform:none;visibility:visible;transition:transform .6s var(--spring)}.drawer details{border-top:1px solid #DCD6CE;padding:10px 0}.drawer summary{font-weight:600;cursor:pointer;min-height:44px;display:flex;align-items:center}.drawer ol{margin:0;padding-left:1.3rem;font-size:.875rem}.drawer li{display:list-item;border:0;padding:4px 0}.close{margin-top:16px;font:600 1rem var(--body);min-height:44px;padding:0 18px;border:1px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);cursor:pointer}@media (min-width: 720px){.bento{grid-template-columns:1fr 1fr}.tile:nth-child(2){border-top:0;border-left:1px solid var(--ink)}.tile:nth-child(4){border-left:1px solid var(--ink)}.pcgrid{grid-template-columns:1fr 1fr}.pcgrid>div:nth-child(2){border-top:0;border-left:1px solid var(--ink)}.fgrid{grid-template-columns:1fr 1fr 1fr;align-items:center}.fgrid .brand{text-align:left}.fgrid nav{justify-content:flex-end}.logo img{width:72px;height:72px}}@media (min-width: 1000px){.ride{width:340px;margin-top:-1.6rem}h1{max-width:24ch;margin-top:14px}.sub{max-width:52ch}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}}body{overflow-x:clip;max-width:100%}html{overflow-x:clip;max-width:100%}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/figtree.1a0208b7.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/figtree.aae647b0.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/figtree.1a0208b7.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/figtree.aae647b0.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Schibsted Grotesk';font-style: normal;font-weight: 800;font-display: swap;src: url(../fonts/schibstedgrotesk.dd1ebc40.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Schibsted Grotesk';font-style: normal;font-weight: 800;font-display: swap;src: url(../fonts/schibstedgrotesk.6a1e3892.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}