:root{--paper:#f7f7f4;--ink:#171715;--muted:#777771;--line:#dcdcd5;--accent:#d9ff58;--sans:Inter,"Noto Sans SC",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.site-shell{max-width:1440px;min-height:100vh;margin:auto;padding:0 6.6vw}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:13px;font-weight:600;letter-spacing:.01em}.wordmark-dot{width:9px;height:9px;background:var(--ink);border-radius:50%}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;cursor:pointer;transition:.2s}.icon-button:hover{background:var(--ink);border-color:var(--ink)}.icon-button span{width:3px;height:3px;border-radius:50%;background:var(--ink);transition:.2s}.icon-button:hover span{background:var(--paper)}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:calc(100vh - 88px);padding:5vh 0 10vh;gap:8vw}.eyebrow,.section-label,.form-label{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{width:34px;height:1px;background:var(--line)}h1{font-size:clamp(70px,11vw,172px);line-height:.88;letter-spacing:-.075em;font-weight:600;margin:30px 0 26px}.h1-period{color:#aaa}.role{font-size:18px;margin:0 0 17px;font-weight:500}.intro{font-size:15px;line-height:1.9;color:var(--muted);margin:0;max-width:450px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:42px}.primary-link,.secondary-link{font-size:13px;text-decoration:none;color:var(--ink)}.primary-link{background:var(--ink);color:var(--paper);padding:13px 17px}.primary-link span,.secondary-link span{margin-left:12px;font-size:16px}.secondary-link{border-bottom:1px solid var(--ink);padding-bottom:5px}.hero-mark{position:relative;width:min(34vw,430px);aspect-ratio:1;margin-left:auto;display:grid;place-items:center}.mark-ring{position:absolute;border:1px solid var(--line);border-radius:50%}.ring-one{inset:8%}.ring-two{inset:20%;border-color:#c4c4bc}.mark-center{width:31%;aspect-ratio:1;background:var(--accent);border-radius:50%;display:grid;place-items:center;font-size:clamp(20px,3vw,42px);font-weight:600;letter-spacing:-.08em}.mark-label{position:absolute;font:10px var(--mono);letter-spacing:.06em;color:var(--muted)}.label-top{top:3%;right:2%}.label-bottom{bottom:4%;left:4%}.rule{height:1px;background:var(--line)}.social-row{display:flex;align-items:center;justify-content:space-between;padding:34px 0 40px}.social-links{display:flex;gap:36px}.social-links a{color:var(--ink);text-decoration:none;font-size:13px}.social-links a:hover{opacity:.55}.social-links a span{color:var(--muted);margin-left:7px}.products{padding:30px 0 110px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.product-count{font:11px var(--mono);color:var(--muted)}.product-item{display:grid;grid-template-columns:70px 1fr auto;align-items:center;border-top:1px solid var(--line);padding:23px 0;transition:.2s}.product-item:hover{padding-left:12px;background:#f1f1eb}.product-number{font:11px var(--mono);color:var(--muted)}.product-name{font-size:20px;font-weight:500}.product-desc{font-size:13px;color:var(--muted);margin-top:6px}.product-arrow{font-size:20px}.product-item:last-child{border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted);letter-spacing:.04em}.overlay{position:fixed;inset:0;background:rgba(23,23,21,.25);z-index:4}.settings-drawer{position:fixed;z-index:5;right:0;top:0;width:min(460px,100%);height:100%;background:var(--paper);padding:36px 38px;overflow-y:auto;transform:translateX(100%);transition:transform .3s ease;box-shadow:-20px 0 45px rgba(23,23,21,.08)}.settings-drawer.is-open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}.drawer-head h2{font-size:32px;letter-spacing:-.05em;margin:10px 0 0}.close-button{border:0;background:none;font-size:30px;font-weight:300;cursor:pointer;color:var(--ink);line-height:1}.form-section{border-top:1px solid var(--line);padding:23px 0}.form-label{margin-bottom:18px}.form-label-row{display:flex;justify-content:space-between}.text-button,.reset-button{border:0;background:none;color:var(--muted);font:11px var(--mono);cursor:pointer;padding:0}.text-button:hover,.reset-button:hover{color:var(--ink)}label{display:block;font-size:12px;margin:0 0 16px;color:var(--muted)}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:9px 0 8px;color:var(--ink);font:14px var(--sans);outline:none;resize:vertical}input:focus,textarea:focus{border-color:var(--ink)}.product-field{position:relative;padding:12px 30px 4px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.product-field input{border-bottom:0;padding-top:2px}.product-field .remove-product{position:absolute;right:0;top:12px;border:0;background:none;color:var(--muted);cursor:pointer;font-size:18px}.save-button{border:0;background:var(--ink);color:var(--paper);width:100%;padding:15px;font:500 12px var(--sans);cursor:pointer;margin-top:4px}.save-button span{margin-left:10px}.reset-button{display:block;margin:22px auto 0}.toast{position:fixed;z-index:7;bottom:28px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:11px 16px;font-size:12px;animation:fade-out 2.2s forwards}@keyframes fade-out{0%,70%{opacity:1}100%{opacity:0}}@media(max-width:700px){.site-shell{padding:0 22px}.topbar{height:74px}.hero{display:block;min-height:auto;padding:14vh 0 13vh}.hero-mark{width:75vw;max-width:330px;margin:90px auto 0}.social-row{display:block;padding:25px 0 32px}.social-links{gap:19px;flex-wrap:wrap;margin-top:22px}.products{padding:26px 0 75px}.product-item{grid-template-columns:42px 1fr auto;padding:19px 0}.product-name{font-size:17px}.product-desc{font-size:12px}.settings-drawer{padding:28px 24px}.drawer-head{margin-bottom:28px}h1{font-size:21vw;margin-top:24px}.hero-actions{gap:20px;flex-wrap:wrap}.intro{font-size:14px}footer{font-size:9px}}