.hero{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(520px,76vh,820px);background:radial-gradient(120% 100% at 18% 8%,var(--flood-from, #f9b4c4) 0%,var(--flood-to, #f2909f) 100%);font-family:Manrope,system-ui,sans-serif}.hero *,.hero *:before,.hero *:after{box-sizing:border-box}.dots{position:absolute;inset:0;z-index:1;pointer-events:none;display:none}.dots.on{display:block}.blob{position:absolute;border-radius:50%;background:var(--blob, #fac3cf);opacity:var(--blob-op, .45);pointer-events:none;z-index:0;animation:pf-float var(--blob-speed, 22s) ease-in-out infinite}.blob--main{width:min(62vw,700px);aspect-ratio:1;right:-8vw;top:-10%}.blob--sm{width:120px;aspect-ratio:1;left:6%;bottom:12%;opacity:calc(var(--blob-op, .45) * .7);animation-direction:reverse}.blobs-off .blob,.blobs-off .ring{display:none}@keyframes pf-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,18px,0)}}.ring{position:absolute;width:84px;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--blob, #fac3cf);right:38%;bottom:11%;opacity:.6;pointer-events:none;z-index:1}.hero__grid{position:relative;z-index:3;max-width:1180px;margin:0 auto;padding:clamp(40px,7vh,84px) clamp(20px,5vw,56px) clamp(48px,8vh,92px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;min-height:inherit}.hero__kicker{font-family:Playfair Display,Georgia,serif;margin:0;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;color:#2e2a2b}.hero__h{font-family:Playfair Display,Georgia,serif;margin:-.06em 0 0;font-size:clamp(3rem,8vw,6.4rem);font-weight:700;line-height:.92;letter-spacing:-.02em;color:#fff}.hero__body{margin:20px 0 0;max-width:42ch;font-size:.98rem;line-height:1.6;color:#ffffffe6}.hero__cta{display:inline-flex;align-items:center;gap:10px;margin-top:26px;background:#fff;color:#2e2a2b;text-decoration:none;border-radius:999px;padding:14px 24px;font-size:.92rem;font-weight:700}.photo{position:absolute;right:clamp(0px,3vw,52px);bottom:-46%;height:150%;z-index:2;pointer-events:none}.photo img{height:100%;width:auto;display:block;filter:drop-shadow(0 24px 40px rgba(120,30,50,.18))}.curve{position:absolute;left:0;right:0;bottom:-1px;line-height:0;pointer-events:none;z-index:5}.curve svg{display:block;width:100%;height:var(--curve-h, 88px)}.curve.under{z-index:1}.curve.hidden{display:none}.after{padding:52px clamp(20px,5vw,56px);background:var(--next-color, #fff);color:#333;font-family:Manrope,system-ui,sans-serif}.after p{max-width:62ch;margin:0;line-height:1.65;font-size:.98rem}.codewrap{padding:32px clamp(20px,5vw,56px) 64px;background:#0f1115}.codehead{display:flex;align-items:center;gap:16px;max-width:1180px;margin:0 auto 14px}.codehead h2{margin:0 auto 0 0;color:#e8eaed;font-size:1rem;font-family:Manrope,system-ui,sans-serif;font-weight:700}.copybtn{background:#2b6cb0;color:#fff;border:0;border-radius:8px;padding:9px 18px;font-size:.84rem;font-weight:600;cursor:pointer}.copybtn:hover{background:#2c5f96}.code{max-width:1180px;margin:0 auto;overflow-x:auto;background:#171a21;border:1px solid #262a33;border-radius:12px;padding:20px;color:#d7dce5;font-size:.82rem;line-height:1.65;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.panel{width:100%;border-top:1px solid #e3e3e8;background:#fafafb}@media(min-width:1024px){.panel{width:372px;flex:none;border-top:0;border-left:1px solid #e3e3e8;height:100vh;position:sticky;top:0;overflow-y:auto}}.panel__in{padding:22px 22px 60px;font-family:Manrope,system-ui,sans-serif;color:#1c1e24}.back{font-size:.8rem;color:#6a707c;text-decoration:none}.back:hover{color:#1c1e24}.panel__title{font-size:1.15rem;font-weight:700;margin:10px 0 4px}.panel__sub{font-size:.84rem;color:#6a707c;margin:0 0 18px}.panel fieldset{border:0;border-top:1px solid #e3e3e8;padding:16px 0 4px;margin:0}.panel legend{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8a909c;padding:0 8px 0 0}.lbl{display:block;font-size:.82rem;font-weight:600;margin:14px 0 6px}.lbl output{font-variant-numeric:tabular-nums;color:#2b6cb0}.panel input[type=range]{width:100%;accent-color:#2b6cb0}.panel input[type=color]{width:100%;height:38px;padding:2px;cursor:pointer;border:1px solid #d8dae0;border-radius:8px;background:#fff}.hint{font-size:.76rem;color:#767d89;margin:6px 0 0;line-height:1.5}.chk{display:flex;align-items:center;gap:9px;margin:14px 0 0;font-size:.84rem}.chk input{accent-color:#2b6cb0;width:16px;height:16px}.segs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.segs button{border:1px solid #d8dae0;background:#fff;border-radius:8px;padding:9px 4px;font-size:.78rem;font-weight:600;cursor:pointer;color:#4a5060}.segs button.on{background:#2b6cb0;border-color:#2b6cb0;color:#fff}.reset{margin-top:26px;width:100%;border:1px solid #d8dae0;background:#fff;border-radius:8px;padding:11px;font-size:.84rem;font-weight:600;cursor:pointer}.reset:hover{background:#f1f2f5}@media(prefers-reduced-motion:reduce){.blob{animation:none}}