:root{--ink:#171717;--paper:#f7f4ec;--card:#fff;--lime:#c9ff36;--orange:#ff6b2c;--muted:#6f6d66;--line:#dedad0;--dark:#1d211b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.site-header{height:78px;display:flex;align-items:center;gap:28px;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(247,244,236,.94);backdrop-filter:blur(14px);z-index:50}.brand{display:flex;align-items:center;gap:8px;font-weight:950;letter-spacing:-1px;font-size:22px;text-decoration:none;color:inherit}.ringmark{display:inline-grid;place-items:center;width:30px;height:30px;border:5px solid currentColor;border-radius:50%;font-size:0}.accent{color:#5a8500}.site-header nav{display:flex;gap:25px;margin-left:auto}.site-header nav a,.text-link{color:inherit;text-decoration:none;font-weight:800;font-size:14px}.button{display:inline-block;background:var(--ink);color:white;padding:14px 20px;border-radius:10px;text-decoration:none;font-weight:900;font-size:14px}.button.small{padding:11px 15px}.hero{min-height:620px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:4vw;padding:70px 6vw 80px;overflow:hidden}.eyebrow{font-size:12px;font-weight:950;letter-spacing:2.2px;color:#5a8500;margin-bottom:14px}.hero h1{font-size:clamp(56px,7vw,98px);line-height:.87;letter-spacing:-6px;margin:0 0 28px}.hero h1 span{color:#5a8500}.lede{font-size:21px;line-height:1.5;max-width:650px;color:#4d4c47}.hero-actions{display:flex;align-items:center;gap:20px;margin:30px 0}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#575650;font-size:13px;font-weight:800}.hero-card{height:500px;position:relative;border-radius:32px;background:var(--dark);overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.16)}.keyring-graphic{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-size:150px;filter:drop-shadow(0 18px 10px rgba(0,0,0,.3))}.orbit{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-1{width:330px;height:330px}.orbit-2{width:470px;height:470px}.float{position:absolute;background:var(--lime);padding:12px 15px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.28);font-size:13px}.f1{top:16%;left:12%;transform:rotate(-5deg)}.f2{top:20%;right:9%;transform:rotate(5deg)}.f3{bottom:16%;left:10%;transform:rotate(4deg)}.f4{bottom:14%;right:9%;transform:rotate(-4deg)}.problem-strip{display:grid;grid-template-columns:repeat(5,1fr);background:var(--lime);border-block:1px solid #a5d11d}.problem-strip div{padding:22px 18px;border-right:1px solid rgba(0,0,0,.16);text-align:center}.problem-strip span,.problem-strip b{display:block}.problem-strip span{font-size:10px;letter-spacing:1.3px;font-weight:850}.problem-strip b{font-size:18px;margin-top:3px}.section{padding:86px 6vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section h2,.my-keyring h2{font-size:clamp(38px,5vw,64px);letter-spacing:-3px;line-height:.95;margin:0}.section-head>p{max-width:450px;color:var(--muted);line-height:1.55}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid var(--line);background:#fff;padding:10px 15px;border-radius:999px;font-weight:850;cursor:pointer}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;min-height:440px;transition:.2s transform,.2s box-shadow}.product:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(0,0,0,.08)}.product.hidden{display:none}.badge{align-self:flex-start;background:#eae6dc;border-radius:999px;padding:6px 9px;font-size:9px;letter-spacing:1.1px;font-weight:950}.badge.value{background:#dff6c0}.badge.clever{background:#ffe2ad}.product-art{height:120px;display:grid;place-items:center;font-size:75px}.meta{font-size:10px;letter-spacing:1.5px;font-weight:900;color:#77736b}.product h3{font-size:23px;letter-spacing:-.7px;margin:7px 0 8px}.product p{font-size:14px;line-height:1.5;color:#5f5d56;margin:0 0 14px}.specs{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.specs span{background:#f3f1ea;padding:6px 8px;border-radius:7px;font-size:11px;font-weight:800}.buy{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.buy strong{font-size:13px}.buy a{color:#5a8500;font-weight:950;text-decoration:none}.my-keyring{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:90px 6vw;background:#eee8db}.photo-wrap{background:#171717;padding:18px;border-radius:24px;transform:rotate(-1.5deg);box-shadow:0 25px 55px rgba(0,0,0,.18)}.photo-wrap img{display:block;width:100%;max-height:650px;object-fit:contain;border-radius:12px}.keyring-copy p{font-size:18px;line-height:1.65;color:#555249}.keyring-copy blockquote{margin:28px 0;padding:20px 24px;border-left:5px solid #5a8500;background:#fff;font-size:22px;font-weight:900;transform:rotate(1deg)}.keyring-copy .note{font-size:14px}.dark{background:var(--dark);color:white}.dark .eyebrow{color:var(--lime)}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mood-grid div{border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:26px;background:rgba(255,255,255,.045)}.mood-grid span,.mood-grid b,.mood-grid small{display:block}.mood-grid span{font-size:38px;margin-bottom:20px}.mood-grid b{font-size:20px;margin-bottom:7px}.mood-grid small{color:#b8bdb3;font-size:13px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 6vw;border-top:1px solid var(--line);font-size:12px;color:#68665f}footer .brand{color:var(--ink)}@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-card{height:430px}.problem-strip{grid-template-columns:repeat(2,1fr)}.problem-strip div:last-child{grid-column:1/-1}.my-keyring{grid-template-columns:1fr}.mood-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.site-header nav{display:none}.site-header .button{display:none}.site-header{padding:0 20px}.hero{padding:48px 20px}.hero h1{font-size:58px;letter-spacing:-4px}.hero-card{height:380px}.section,.my-keyring{padding:65px 20px}.section-head{display:block}.product-grid{grid-template-columns:1fr}.problem-strip{grid-template-columns:1fr}.problem-strip div:last-child{grid-column:auto}.mood-grid{grid-template-columns:1fr}.my-keyring h2,.section h2{letter-spacing:-2px}footer{display:block;padding:28px 20px}footer p{margin-top:14px}}