@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@500;600&display=swap');:root{--bg:#faf8f5;--ink:#16161a;--gold:#b89b6a;--muted:#716c65}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:74px;border-bottom:1px solid #dedad3;display:flex;align-items:center;justify-content:space-between;padding:0 8vw;position:sticky;top:0;background:#faf8f5ee;backdrop-filter:blur(12px);z-index:3}.logo{font:20px 'Playfair Display',serif}.logo i,footer i{color:var(--gold);font-style:normal}.mark{color:var(--gold);margin-right:8px}nav{display:flex;gap:30px;font:12px 'DM Mono',monospace;color:#77736b}header button{border:1px solid #cfc9c0;background:none;border-radius:50%;width:29px;height:29px}.hero{min-height:650px;padding:120px 9vw;display:grid;grid-template-columns:1fr 1fr;align-items:center}.hero small,section>small{font:10px 'DM Mono',monospace;letter-spacing:.14em;color:var(--gold)}.hero h1,h2{font:500 clamp(48px,6vw,80px)/.98 'Playfair Display',serif;letter-spacing:-.05em;margin:25px 0}.hero p,.intro p{max-width:420px;color:var(--muted);line-height:1.65}.button{display:inline-block;background:var(--gold);color:#fff;padding:15px 20px;font-size:12px;margin:18px 0 30px}.hero label{display:block;max-width:300px;font:11px/1.6 'DM Mono',monospace;color:#938d84}.stage{height:440px;display:grid;place-items:center;position:relative}.halo{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,#fff,#d9e2ea,transparent 68%)}.diamond{width:215px;height:215px;transform:rotate(45deg);background:linear-gradient(135deg,#fff,#9daeb8 25%,#fff 38%,#8c9ea8 53%,#fff 65%,#b6c6cd);box-shadow:0 20px 50px #60707a55,inset 5px 5px 20px #fff;position:relative}.stage span{position:absolute;top:55px;right:0;font:10px 'DM Mono',monospace;color:var(--gold)}section{padding:105px 9vw;border-top:1px solid #dedad3}section>small{display:flex;justify-content:space-between}section>small b{font-weight:400}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin:30px 0 55px}.intro h2{font-size:55px;margin:0}.lab{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.slider{padding:22px 0;border-top:1px solid #d9d4cc}.slider div{display:flex;justify-content:space-between;font-size:13px;margin-bottom:16px}.slider b{color:var(--gold);font:13px 'DM Mono',monospace}input{width:100%;accent-color:var(--gold)}.result{background:#f0eee9;padding:28px}.result>div:first-child,.meter{display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;color:#817c75}.result-stone{width:150px;height:150px;margin:75px auto}.meter{align-items:center;gap:10px}.meter b{height:3px;flex:1;background:#d2d0ca}.meter i{display:block;height:100%;background:var(--gold);width:96%}.result article{border-top:1px solid #d2cec5;margin-top:25px;padding-top:16px}.result article p{font:14px/1.5 'Playfair Display',serif}.compare{display:grid;grid-template-columns:1fr 1px 1fr;gap:50px;align-items:center;background:#f0eee9;padding:55px;text-align:center}.compare .small{width:95px;height:95px;margin:35px auto}.compare strong{font:18px 'Playfair Display',serif}.line{height:150px;background:#d4d0c7}.dim{filter:brightness(.78) saturate(.55)}.sizes{height:270px;background:#f0eee9;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}.sizes i{display:block;border:1px solid var(--gold);border-radius:50%;background:#d9e2eaaa}.one{width:116px;height:116px}.two{width:90px;height:90px}.three{width:72px;height:72px}.sizes div{width:100%;text-align:center;font:10px 'DM Mono',monospace;color:#938d84}footer{padding:38px 9vw;border-top:1px solid #dedad3;display:flex;justify-content:space-between;font:15px 'Playfair Display',serif}footer span{font:11px 'DM Sans',sans-serif;color:#938d84}@media(max-width:760px){nav{display:none}.hero{grid-template-columns:1fr;padding:75px 25px}.stage{height:310px}.hero .diamond{width:155px;height:155px}.halo{width:290px;height:290px}section{padding:70px 25px}.intro,.lab{grid-template-columns:1fr;gap:30px}.intro h2{font-size:45px}.compare{gap:15px;padding:30px 12px}.compare strong{font-size:13px}footer{display:block}footer span{display:block;margin-top:18px}}