.rings-story{position:relative;isolation:isolate;overflow:hidden;padding-block:96px!important}.rings-story .feature-split{position:relative;z-index:1;gap:72px}.rings-copy{position:relative;padding-block:70px}.rings-story h2{font-size:clamp(38px,4.2vw,56px)!important;max-width:480px;text-wrap:balance}.rings-story .feature-description{max-width:380px}.ring-sculpture{position:absolute;z-index:0;left:calc(50% - 650px);top:75px;width:600px;height:470px;perspective:850px;opacity:.55;mask-image:linear-gradient(90deg,#000 35%,transparent 98%);pointer-events:none}.ring-sculpture:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 65% 35%,#0a0a0beb,transparent 85%)}.ring-sculpture i{position:absolute;width:330px;height:330px;left:45px;top:45px;border-radius:50%;border:27px solid #143c29;transform:rotateX(58deg) rotateY(-24deg) rotateZ(-32deg);box-shadow:inset 3px 4px 4px #99ffd299,inset -4px -7px 6px #030b08,2px 3px 0 #426e55,5px 8px 0 #152d21,8px 13px 0 #0c2016,11px 18px 0 #06170e,15px 30px 30px #000b,0 0 65px #22c55e12;background:transparent}.ring-sculpture i+ i{left:185px;top:150px;transform:rotateX(58deg) rotateY(23deg) rotateZ(35deg);border-color:#174332;box-shadow:inset 3px 4px 5px #b2ffdc80,inset -5px -6px 5px #030c08,2px 4px 0 #426e55,5px 8px 0 #163a29,8px 13px 0 #0b2117,11px 18px 0 #06170e,15px 30px 35px #000c,0 0 60px #22c55e16}.rings-demo{min-width:0}.rings-live{position:relative;background:radial-gradient(ellipse at 50% 30%,#22c55e10,transparent 70%)}.rings-live iframe{width:100%;height:155px;display:block;border:0;pointer-events:none}.rings-readout{display:flex;justify-content:center;gap:18px;margin:0 0 27px;font-size:11px;color:var(--text-secondary)}.rings-readout span{display:flex;align-items:center;gap:7px}.rings-readout b{color:var(--text-primary);font-variant-numeric:tabular-nums}.rings-settings{border:1px solid #ffffff12;border-radius:18px;background:linear-gradient(135deg,#191d1acc,#111312);box-shadow:0 20px 55px #0005;padding:20px}.rings-settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:13px;font-weight:600}.rings-settings-head button{border:0;background:none;color:var(--text-secondary);font:inherit;font-size:10px;font-weight:400;cursor:pointer;padding:5px}.rings-settings-head button:hover{color:var(--text-primary)}.rings-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ring-field{min-width:0;border-radius:10px;transition:filter .3s}.ring-field label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-secondary);margin-bottom:10px}.ring-field label i{height:7px;width:7px;background:#22c55e;border-radius:50%}.ring-field[data-ring=inner] label i{background:#f97316}.ring-field select{width:100%;border:1px solid #ffffff14;border-radius:8px;background:#0a0c0b;color:#e5e7e5;font:inherit;font-size:12px;min-height:38px;padding:8px 9px;cursor:pointer;color-scheme:dark}.ring-field>select{margin-top:7px;color:var(--text-secondary)}.ring-picker{position:relative}.ring-picker>img{position:absolute;left:10px;top:10px;pointer-events:none}.ring-picker>select{padding-left:36px}.ring-menu{position:absolute;z-index:3;left:0;right:0;top:44px;padding:5px;border:1px solid #ffffff21;border-radius:10px;background:#1b211d;box-shadow:0 12px 24px #0009;pointer-events:none}.ring-menu[hidden]{display:none}.ring-menu span{display:flex;align-items:center;gap:9px;font-size:12px;padding:8px;border-radius:5px;color:#b4bcb7}.ring-menu img{width:18px;height:18px}.ring-menu .selected{background:#22c55e20;color:#e9fff0}.ring-field.is-changing .ring-picker>select{border-color:#22c55e88;box-shadow:0 0 0 3px #22c55e0a}.rings-try{text-align:center;font-size:11px;color:var(--text-muted);margin:14px 0 0}.rings-demo :is(button,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:760px){.rings-story{padding-block:64px!important}.rings-story .feature-split{gap:26px}.rings-copy{padding-block:24px}.ring-sculpture{left:-100px;top:-20px;opacity:.38}.rings-story h2{font-size:40px!important}.rings-demo{width:100%;max-width:480px;justify-self:center}.rings-readout{gap:12px;font-size:10px}.rings-settings{padding:17px}.rings-fields{gap:10px}}
@media(prefers-reduced-motion:reduce){.rings-story *{transition:none!important}}
.ring-picker>img[src$="chatgpt.svg"],.ring-menu img[src$="chatgpt.svg"]{filter:invert(1)}
.ring-picker>img[src$="grok.svg"],.ring-menu img[src$="grok.svg"]{filter:invert(1)}
.ring-menu .ring-more{justify-content:center;color:var(--text-muted);padding-block:3px;letter-spacing:3px}