:root{--ink:#303030;--muted:#6f6f6b;--line:#deded9;--paper:#f8f8f6;--panel:#f0f0ed;--accent:#a8a8a3;--white:#fff;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(48,48,48,.08);position:sticky;top:0;z-index:10;background:rgba(248,248,246,.88);backdrop-filter:blur(16px)}.brand img{width:112px;height:auto;display:block;mix-blend-mode:multiply}.desktop-nav{display:flex;gap:28px;font-size:14px;color:#60605c}.desktop-nav a:hover,.footer-links a:hover{color:#000}.header-actions{display:flex;align-items:center;gap:14px}.text-button,.menu-button{border:0;background:none;color:var(--muted);padding:8px}.menu-button{display:none;font-size:21px}.button{border:0;border-radius:999px;padding:13px 22px;font-weight:600;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.12)}.button-dark{background:var(--ink);color:#fff}.button-light{background:#fff;color:var(--ink)}.button-ghost{background:transparent;border:1px solid var(--line)}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1fr);align-items:center;gap:3vw;padding:clamp(60px,9vw,130px) clamp(20px,7vw,110px);overflow:hidden;position:relative}.hero:before{content:'';position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(219,220,215,.6),transparent 66%);right:-110px;top:70px;pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:620px}.eyebrow,.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.19em;color:#6a6a65;font-weight:700}.hero h1{font-size:clamp(50px,7vw,94px);line-height:.98;letter-spacing:-.06em;margin:21px 0 25px;font-weight:600}.hero h1 em,.intro h2 em,.how h2 em,.buy h2 em,.faq h2 em,.closing h2 em{font-family:var(--serif);font-weight:500}.hero-lede{font-size:clamp(18px,2vw,22px);line-height:1.45;color:#61615d;max-width:500px}.hero-buttons{display:flex;gap:12px;margin:33px 0 18px;flex-wrap:wrap}.micro-note{font-size:12px;color:#8a8a85}.hero-product{position:relative;min-height:550px;display:grid;place-items:center}.ring-stage{width:min(46vw,600px);height:min(46vw,600px);display:grid;place-items:center;position:relative;z-index:2}.ring-spin{width:90%;height:auto;display:block;filter:drop-shadow(0 32px 30px rgba(0,0,0,.2));animation:ringOrbit 9s ease-in-out infinite;transform-style:preserve-3d}.ring-spin.slow{animation-duration:14s}.orbital-ring{position:absolute;width:min(42vw,510px);height:min(42vw,510px);border:1px solid rgba(75,75,72,.18);border-radius:50%;transform:rotate(26deg);z-index:1}.orbital-ring:before,.orbital-ring:after,.orbital-ring span{content:'';position:absolute;border:1px solid rgba(75,75,72,.12);border-radius:50%}.orbital-ring:before{inset:35px;transform:rotate(60deg)}.orbital-ring:after{inset:75px;transform:rotate(-35deg)}.orbital-ring span:nth-child(1){width:7px;height:7px;background:#555;border:0;left:11%;top:20%}.orbital-ring span:nth-child(2){width:5px;height:5px;background:#999;border:0;right:13%;bottom:26%}.orbital-ring span:nth-child(3){width:4px;height:4px;background:#555;border:0;left:26%;bottom:10%}.spin-label{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;color:#777;letter-spacing:.04em}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#5e7d72;display:inline-block;margin-right:8px;box-shadow:0 0 0 5px rgba(94,125,114,.12)}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 clamp(20px,7vw,110px)}.proof-strip>div{display:flex;align-items:center;justify-content:center;gap:18px;padding:25px;border-right:1px solid var(--line)}.proof-strip>div:last-child{border-right:0}.proof-strip strong{font-family:var(--serif);font-size:34px;font-weight:500}.proof-strip span{color:#777;line-height:1.3;font-size:13px}.section-pad{padding:clamp(70px,10vw,145px) clamp(20px,7vw,110px)}.intro{max-width:1280px;margin:0 auto}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:30px;align-items:end}.intro h2,.section-heading h2,.how h2,.buy h2,.faq h2,.closing h2{font-size:clamp(40px,5vw,73px);line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:600}.intro-grid p{font-size:clamp(18px,2vw,23px);color:#686864;max-width:550px;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-heading>p{max-width:360px;color:#72726d;margin:0}.mosaic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1280px;margin:auto}.feature-card{margin:0;background:#fff;border:1px solid #e5e5e0;border-radius:24px;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(50,50,45,.12)}.feature-card img{display:block;width:100%;height:420px;object-fit:cover}.feature-card.tall img{height:650px}.feature-card.wide{grid-column:span 2}.feature-card.wide img{height:480px}.feature-card figcaption{padding:22px 24px 27px}.feature-card figcaption span{font-size:12px;color:#8b8b85;letter-spacing:.12em}.feature-card h3{font-size:25px;margin:8px 0 5px;letter-spacing:-.035em}.feature-card p{color:#777;max-width:430px;margin:0}.how{background:#ecece8}.how-header{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end;margin:30px 0 70px}.how-header p{color:#70706b;font-size:19px;max-width:430px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfcfca}.steps article{padding:28px 28px 15px 0;border-right:1px solid #cfcfca;margin-right:28px}.steps article:last-child{border:0;margin:0}.steps span{font-size:12px;color:#73736d;letter-spacing:.15em}.steps h3{font-size:25px;margin:21px 0 8px}.steps p{color:#73736d;max-width:300px}.buy{background:#e4e4df;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,9vw,140px);align-items:center}.buy-image{min-height:560px;border-radius:28px;background:linear-gradient(145deg,#f9f9f6,#d2d3cf);display:grid;place-items:center;position:relative;overflow:hidden}.buy-glow{position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),transparent 70%)}.buy-ring{width:95%;position:relative;filter:drop-shadow(0 28px 20px rgba(0,0,0,.18));animation:ringOrbit 12s ease-in-out infinite}.buy-panel{max-width:550px}.buy-panel h2{margin:16px 0 18px}.rating{display:flex;gap:12px;align-items:center;font-size:13px;color:#777}.rating span:first-child{letter-spacing:.15em;color:#5c5c58}.buy-copy{font-size:17px;color:#64645f;max-width:490px}.buy-price{display:flex;align-items:baseline;gap:14px;margin:30px 0 20px}.buy-price strong{font-size:34px}.buy-price span{color:#777;font-size:13px}.selector label{display:block;font-size:13px;font-weight:700;margin-bottom:10px}.sizes{display:flex;gap:8px;flex-wrap:wrap}.size-option{width:42px;height:42px;border-radius:50%;border:1px solid #b9b9b2;background:transparent;color:var(--ink)}.size-option.active,.size-option:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.size-link{display:inline-block;font-size:13px;text-decoration:underline;margin-top:11px;color:#656560}.buy-row{display:flex;gap:12px;margin-top:26px}.quantity{display:flex;border:1px solid #babbb4;border-radius:999px;align-items:center}.quantity button{border:0;background:none;width:38px;height:46px;font-size:20px;color:#555}.quantity span{min-width:24px;text-align:center}.buy-button{flex:1}.buy-note{font-size:12px;color:#777;margin-top:14px}.reviews{background:#f7f7f4}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review-grid img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 12px 28px rgba(0,0,0,.08)}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;margin-top:32px}.accordion details{border-top:1px solid var(--line);padding:22px 0}.accordion details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:20px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-weight:400;color:#777;font-size:24px}details[open] summary:after{content:'−'}details p{color:#73736e;max-width:650px;margin:15px 0 0}.closing{background:var(--ink);color:#f8f8f6;display:grid;grid-template-columns:1fr 1fr;min-height:500px;align-items:center;overflow:hidden}.closing .section-kicker{color:#b4b4ae}.closing h2{margin:18px 0 34px}.closing-orbit{display:grid;place-items:center;min-height:400px;background:radial-gradient(circle,rgba(255,255,255,.13),transparent 60%)}.closing-orbit img{width:80%;filter:drop-shadow(0 30px 30px rgba(0,0,0,.38))}.site-footer{padding:48px clamp(20px,7vw,110px);display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;border-top:1px solid var(--line);align-items:end}.footer-brand img{width:100px;mix-blend-mode:multiply}.footer-brand p,.copyright{font-size:13px;color:#777;margin:12px 0 0}.footer-links{display:flex;justify-content:center;gap:20px;font-size:13px;color:#777;flex-wrap:wrap}.copyright{text-align:right}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:#fff;padding:13px 20px;border-radius:999px;transition:all .3s ease;z-index:30;font-size:14px}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{animation:fadeUp .8s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes ringOrbit{0%{transform:perspective(900px) rotateY(-17deg) rotateZ(-9deg) translateY(0)}50%{transform:perspective(900px) rotateY(180deg) rotateZ(-5deg) translateY(-10px)}100%{transform:perspective(900px) rotateY(343deg) rotateZ(-9deg) translateY(0)}}@media(max-width:900px){.desktop-nav,.text-button{display:none}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:70px}.hero-product{min-height:410px}.ring-stage{width:min(90vw,520px);height:min(90vw,520px)}.orbital-ring{width:min(82vw,430px);height:min(82vw,430px)}.spin-label{bottom:0}.intro-grid,.how-header,.buy,.faq-grid{grid-template-columns:1fr;gap:35px}.mosaic-grid{grid-template-columns:1fr}.feature-card.wide{grid-column:auto}.feature-card img,.feature-card.tall img,.feature-card.wide img{height:auto;max-height:560px;object-fit:cover}.section-heading{display:block}.section-heading>p{margin-top:16px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid #cfcfca;margin:0;padding:25px 0}.buy-image{min-height:380px}.review-grid{grid-template-columns:1fr}.closing{grid-template-columns:1fr;padding-bottom:0}.closing-orbit{min-height:320px}.site-footer{grid-template-columns:1fr;text-align:left}.footer-links{justify-content:flex-start}.copyright{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ring-spin,.buy-ring{animation:none}.reveal{animation:none}.button,.feature-card{transition:none}}
