body.claude-note{background:#f7f4ed;color:#332f29}.claude-note main{max-width:none;padding:0}.cn{--ink:#332f29;--accent:#a34e38;--line:#dcd6ca;max-width:1120px;margin:auto;padding:60px 28px 30px;font:17px/1.75 Arial,sans-serif}.cn h1,.cn h2,.cn h3{color:var(--ink);letter-spacing:-.035em;line-height:1.12}.cn h1,.cn h2{font-family:Georgia,serif;font-weight:400}.cn h1{font-size:clamp(48px,7.5vw,90px);margin:25px 0;max-width:990px}.cn h2{font-size:clamp(33px,4.5vw,53px);margin:16px 0 28px}.cn h3{font-size:22px;margin:26px 0 12px}.cn em{color:var(--accent)}.cn a{color:#87412f;text-underline-offset:4px}.cn-kicker,.cn-pill{font-size:11px;letter-spacing:.13em;font-weight:700;color:#7b5545}.cn-dek{font-size:21px;line-height:1.6;max-width:750px}.cn-byline,.cn-caption{font-size:13px;color:#686057}.cn-hero-art{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.cn-hero-art>div{background:#eee8db;border:1px solid var(--line);padding:25px 32px;border-radius:20px;overflow:hidden}.cn-hero-art>div+div{background:#f1dcd1}.cn-hero-art span{font-size:10px;letter-spacing:.15em}.cn-hero-art strong{font:24px Georgia,serif;display:block}.cn-spark{height:100px;display:flex;align-items:end;gap:12px;margin:10px 0 20px}.cn-spark i{flex:1;background:#ba7055;border-radius:6px 6px 0 0;height:30%}.cn-spark i:nth-child(2n){height:50%}.cn-spark i:nth-child(3n){height:65%}.cn-spark i:nth-child(5){height:80%}.cn-spark i:last-child{height:100%}.cn-orbits{height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.cn-orbits b{width:85px;height:85px;border:1px solid #a85c43;border-radius:50%;margin-left:-18px}.cn-orbits b:nth-child(2){background:#ba7055}.cn-prose{max-width:740px;margin:65px auto}.cn-prose p{margin:20px 0}.cn-section{padding:45px 0;border-top:1px solid var(--line);margin:25px 0}.cn-section>p{max-width:820px}.cn-tabs{display:flex;gap:8px;margin:20px 0}.cn button,.cn select{font:inherit;font-size:14px;border:1px solid #bcb2a4;border-radius:30px;padding:12px 22px;background:#fffdf8;color:var(--ink);cursor:pointer}.cn button:hover{background:#ead7ca}.cn button[aria-selected=true],.cn #cn-play{background:var(--ink);color:#fffdf8}.cn :focus-visible{outline:3px solid #a34e38;outline-offset:4px}.cn-panel{background:#efe9de;padding:32px;border-radius:18px}.cn [hidden]{display:none!important}.cn-panel h3{font:32px Georgia,serif}.cn-demo{padding:35px;background:#fffdf8;border:1px solid var(--line);border-radius:24px}.cn-demo-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.cn-demo-top h2{margin-bottom:10px}.cn-demo label{font-size:12px;display:grid;gap:6px}.cn-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0}.cn-metrics>div{padding:20px;border:1px solid var(--line);border-radius:12px;background:#f7f4ed}.cn-metrics span{display:block;font-size:12px}.cn-metrics strong{font:40px/1.4 Georgia,serif}.cn-chart-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.cn-chart-grid h3{font-size:15px;letter-spacing:0}.cn-chart-grid svg{width:100%;height:auto;display:block}.cn-channel{margin:15px 0;font-size:12px}.cn-channel span{display:flex;justify-content:space-between}.cn-channel i{display:block;background:#c48268;height:10px;border-radius:10px;margin:7px 0;transition:width .3s}.cn details{margin-top:25px;font-size:14px;border-top:1px solid var(--line);padding-top:15px}.cn summary{cursor:pointer;font-weight:700}.cn-frames{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.cn-frame{padding:26px;background:#eee8dc;border:1px solid var(--line);border-radius:18px}.cn-frame>span{font-size:10px;letter-spacing:.12em}.cn-frame h3{font:28px/1.25 Georgia,serif;min-height:100px}.cn-frame p{font-size:13px}.cn-steps,.cn-preview{min-height:130px;display:flex;justify-content:center;flex-direction:column;gap:7px}.cn-steps i{background:#fffaf3;border:1px solid #d5c6b7;padding:3px 12px;font-style:normal;font-size:13px;border-radius:6px}.cn-preview{font:25px Georgia,serif}.cn-preview span{font-size:42px;color:#a34e38}.cn-story.is-playing .cn-frame{animation:cn-frame 6s both}.cn-story.is-playing .cn-frame:nth-child(2){animation-delay:2s;animation-duration:4s}.cn-story.is-playing .cn-frame:nth-child(3){animation-delay:4s;animation-duration:2s}@keyframes cn-frame{0%{background:#f3d6c5;transform:translateY(-5px);box-shadow:0 0 0 2px #ac654b}100%{background:#eee8dc;transform:translateY(0);box-shadow:0 0 0 0 transparent}}.cn table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}.cn caption{text-align:left;color:#686057;font-size:12px;margin-bottom:15px}.cn th,.cn td{padding:18px 14px;vertical-align:top;border-bottom:1px solid var(--line)}.cn thead{background:#eee8dc}.cn-table-wrap{overflow-x:auto}.cn-verdict{background:#ebd6c8;padding:45px;border:0;border-radius:24px}.cn-verdict p{max-width:740px}.cn-link{display:inline-block;font-weight:bold;margin:12px 0}.cn-sources{font-size:13px}.cn-sources h2{font-size:30px}.cn-sources li{margin:12px 0}.claude-note .uip-signup{background:#eee8dc;border-color:#dcd6ca;border-radius:18px;margin:28px 0;padding:23px}.claude-note .uip-signup h2{font:26px/1.2 Georgia,serif}.claude-note .uip-signup button{background:#83432f!important;color:#fff!important}.claude-note .uip-signup p{font-size:14px}.claude-note .uip-signup a{color:#87412f}.claude-note .uip-signup .uip-fields,.claude-note .uip-signup input{min-width:0}
@media(max-width:700px){.cn{padding:35px 20px}.cn h1{font-size:48px}.cn-dek{font-size:18px}.cn-hero-art{gap:10px}.cn-hero-art>div{padding:18px}.cn-hero-art strong{font-size:20px}.cn-spark{gap:5px;height:85px}.cn-orbits{height:95px}.cn-orbits b{width:48px;height:48px;margin-left:-14px}.cn-prose{margin:40px auto}.cn-demo{padding:22px 16px}.cn-demo-top{align-items:start;flex-direction:column}.cn-metrics{gap:7px}.cn-metrics>div{padding:12px 7px}.cn-metrics strong{font-size:28px}.cn-metrics span{font-size:10px}.cn-chart-grid,.cn-frames{grid-template-columns:1fr}.cn-frame h3{min-height:0}.cn-steps,.cn-preview{min-height:90px}.cn-section{padding-top:32px;padding-bottom:32px}.cn-verdict{padding:28px}.cn th,.cn td{padding:12px 9px;min-width:105px}.cn table{font-size:13px}.claude-note .uip-signup{display:block}.cn-panel{padding:24px}}
@media(prefers-reduced-motion:reduce){.cn *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}