:root{--ink:#0a0a0a;--paper:#f4f4f4;--accent:#d9d9d9;--line:#2b2b2b;--muted:#a1a1a1;--panel:#141414}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f7f7f7;font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(9,10,12,.92);backdrop-filter:blur(16px);z-index:20}.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:.16em}.mark{display:flex;gap:2px;align-items:flex-end;width:29px;height:22px}.mark i{display:block;width:7px;background:var(--accent);transform:skew(-17deg)}.mark i:nth-child(1){height:10px}.mark i:nth-child(2){height:16px}.mark i:nth-child(3){height:22px}.topbar nav{display:flex;gap:30px;font-size:.88rem;color:#c7c7c7}.topbar nav a:hover{color:var(--accent)}button{font:inherit}.ghost{background:none;border:1px solid #3d3d3d;color:#fff;border-radius:50%;width:38px;height:38px;cursor:pointer}.hero{min-height:760px;padding:110px 5vw 70px;position:relative;overflow:hidden}.eyebrow,.section-head span,.label-copy>span{font-size:.76rem;letter-spacing:.2em;color:var(--accent);font-weight:700}.hero h1{font-size:clamp(4rem,9.6vw,9rem);line-height:.82;letter-spacing:-.075em;margin:26px 0 36px;max-width:1100px}.hero h1 span{color:#737373}.hero>p{color:#b4b4b4;max-width:540px;font-size:1.14rem;margin-bottom:38px}.primary{display:inline-flex;align-items:center;gap:24px;background:var(--accent);color:#090909;padding:16px 20px;font-weight:800}.primary span{font-size:1.25rem}.hero-card{position:absolute;right:7vw;bottom:45px;width:360px;height:310px}.slab{position:absolute;z-index:2;right:40px;bottom:5px;width:195px;height:278px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.3);border-radius:9px;padding:13px;transform:rotate(8deg);box-shadow:0 30px 80px #000}.card-art{height:214px;background:linear-gradient(145deg,#191919,#717171 50%,#1a1a1a);position:relative;overflow:hidden;padding:13px}.card-art:before{content:"";position:absolute;width:180px;height:180px;border:30px solid rgba(215,217,220,.42);border-radius:50%;top:45px;left:-50px}.card-art span,.card-art b,.card-art em{position:relative;z-index:1}.card-art span{font-size:.55rem;letter-spacing:.16em}.card-art b{font-size:4rem;display:block;margin-top:50px}.card-art em{font-style:normal;font-size:.65rem}.label-preview{height:42px;background:#050505;margin-top:7px;padding:5px 35px 3px 26px;position:relative}.label-preview strong{font-size:.55rem;letter-spacing:.1em}.label-preview small{display:block;font-size:.35rem;color:#aaa}.label-preview b{position:absolute;right:8px;top:3px;font-size:1.7rem}.mini-mark{position:absolute;left:7px;color:var(--accent);transform:rotate(-20deg)}.orbit{position:absolute;border:1px solid #343434;border-radius:50%;width:300px;height:300px}.orbit-a{right:5px;top:0}.orbit-b{right:80px;top:38px}.grader,.standard,.label-section{padding:100px 5vw;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:46px}.section-head h2,.label-copy h2{font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-.055em;line-height:.95;margin:12px 0}.section-head p{max-width:500px;color:var(--muted)}.workbench{display:grid;grid-template-columns:1.5fr .7fr;border:1px solid var(--line);background:var(--panel)}.controls{padding:35px}.control{display:grid;grid-template-columns:120px 1fr 86px;gap:22px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.control:last-child{border:0}.control label{font-weight:700}.control output{text-align:right;color:var(--accent);font-size:.9rem}input[type=range]{width:100%;accent-color:var(--accent)}.result{background:var(--accent);color:#090909;padding:35px;display:flex;flex-direction:column}.result>span{letter-spacing:.16em;font-size:.72rem;font-weight:800}.score{font-size:9rem;line-height:.9;font-weight:900;letter-spacing:-.1em;margin-top:auto}.grade-name{font-size:1.7rem;font-weight:800}.meter{height:6px;background:rgba(0,0,0,.2);margin:25px 0 15px}.meter i{height:100%;display:block;background:#0a0a0a;transition:width .25s}.result p{min-height:50px}.secondary{margin-top:auto;background:transparent;border:1px solid #0a0a0a;padding:13px;cursor:pointer;font-weight:700}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.signal-grid article{min-height:275px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.signal-grid article>b{color:#5d5d5d}.signal-grid h3{font-size:1.7rem;margin:55px 0 7px}.signal-grid p{color:var(--muted)}.signal-grid article>span{margin-top:auto;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.label-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:#e9e9e9;color:#111}.label-copy>span{color:#535353}.label-copy p{color:#5b5b5b;max-width:540px}.label-copy ul{padding:0;list-style:none;margin-top:30px}.label-copy li{padding:11px 0;border-bottom:1px solid #c8c8c8}.label-copy li:before{content:"＋";margin-right:12px}.label-stage{min-height:380px;background:#d5d5d5;display:grid;place-items:center;position:relative;overflow:hidden}.thermal-label{width:90%;max-width:610px;height:154px;background:#050505;color:white;display:grid;grid-template-columns:1.2fr 1.5fr 90px 90px;align-items:center;padding:14px 17px;box-shadow:0 30px 60px rgba(0,0,0,.25)}.label-brand strong{display:block;letter-spacing:.15em;font-size:.85rem}.label-brand small{color:#aaa;font-size:.55rem}.mark.light{height:17px;margin-bottom:8px}.mark.light i{background:#fff;width:5px}.label-card strong,.label-card span{display:block}.label-card strong{font-size:.85rem}.label-card span{color:#aaa;font-size:.65rem;margin-top:5px}.qr{width:67px;height:67px;background:repeating-conic-gradient(#fff 0 25%,#000 0 50%) 0/14px 14px;border:6px solid #fff}.label-grade{font-size:4.5rem;font-weight:900;line-height:.7;text-align:center}.label-grade small{font-size:.55rem;display:block;letter-spacing:.12em;margin-top:14px}.dimensions{position:absolute;bottom:22px;left:5%;right:5%;display:flex;justify-content:space-between;color:#777;font-size:.7rem;letter-spacing:.15em}footer{padding:34px 5vw;display:flex;justify-content:space-between;align-items:center;color:#888;font-size:.78rem}footer>span{color:#fff;font-weight:800;letter-spacing:.16em}.light-mode{--ink:#f3f3f3;--paper:#0a0a0a;--line:#cfcfcf;--muted:#626262;--panel:#fff;color:#111}.light-mode .topbar{background:rgba(243,243,239,.93)}.light-mode .ghost{color:#111}.light-mode .hero h1 span{color:#a2a2a2}.light-mode .slab{background:rgba(0,0,0,.08)}
@media(max-width:800px){.topbar nav{display:none}.hero{min-height:720px;padding-top:75px}.hero h1{font-size:4rem}.hero-card{opacity:.48;right:-80px}.hero>p,.primary{position:relative;z-index:3}.section-head{display:block}.workbench,.label-section{grid-template-columns:1fr}.signal-grid{grid-template-columns:1fr 1fr}.control{grid-template-columns:90px 1fr}.control output{grid-column:2}.thermal-label{transform:scale(.72);width:125%}footer{gap:15px;flex-wrap:wrap}}@media(max-width:480px){.signal-grid{grid-template-columns:1fr}.hero h1{font-size:3.45rem}.controls{padding:22px}.result{min-height:340px}.label-stage{min-height:300px}.thermal-label{transform:scale(.55);width:165%}}