
:root{color-scheme:light}.series-page{max-width:1440px;margin:auto;padding:28px 24px 90px;color:#172035}.series-back{display:inline-block;margin-bottom:34px;color:#53627b;text-decoration:none}.series-hero{background:#12151b;color:#fff;border-radius:30px;padding:56px;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 95% 15%,#80653d55,transparent 55%)}.series-eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#a78446}.series-hero h1{font-size:clamp(36px,5vw,68px);line-height:1.08;letter-spacing:-.04em;margin:22px 0}.series-hero h1 span{color:#e4be70}.series-hero>p:not(.series-eyebrow){max-width:750px;line-height:1.7;color:#c3c6ce;font-size:18px}.series-pills{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.series-pills span{border:1px solid #ffffff2a;border-radius:99px;padding:10px 16px;font-size:13px}.series-hero .primary,.series-submit{background:#2654eb;border-color:#2654eb}.series-showcase{margin:50px 0}.series-section-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.series-section-head>p{max-width:360px;color:#667287;font-size:14px;line-height:1.6}.series-page h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.03em;line-height:1.15;margin:12px 0 24px}.series-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.series-example{min-width:0}.series-example button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.series-example img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;background:#16181c}.series-example small{display:block;color:#9c7439;text-transform:uppercase;font-size:10px;letter-spacing:.08em;margin-bottom:10px}.series-example h3{font-size:15px;margin:12px 0}.series-muted{color:#69768a;font-size:13px;line-height:1.7}.series-editor{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;align-items:start}.series-panel{border:1px solid #dfe4ee;background:#fff;border-radius:24px;padding:30px}.series-panel label:not(.series-consent){display:block;font-weight:700;font-size:14px;margin:24px 0 10px}.series-panel input:not([type=radio]):not([type=checkbox]),.series-panel textarea{width:100%;box-sizing:border-box;border:1px solid #cbd4e4;border-radius:12px;padding:14px;font:inherit;background:#f9fbff;color:#172035}.series-panel label small{font-weight:400;color:#758197}.series-panel textarea{resize:vertical;min-height:160px}.series-photos{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.series-photos img{width:86px;height:100px;object-fit:contain;border-radius:10px;border:1px solid #dce1ea;background:#fff}.series-styles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.series-styles label{margin:0!important;border:2px solid #e0e5ef;border-radius:16px;padding:16px;cursor:pointer}.series-styles label:has(input:checked){border-color:#2654eb}.series-styles input{accent-color:#2654eb}.series-styles strong,.series-styles small{display:block;margin-top:8px}.series-styles small{line-height:1.5}.series-swatch{height:50px;border-radius:10px;margin:0 0 12px;background:linear-gradient(135deg,#111315 45%,#c8a05a)}.series-swatch[data-style=studio-light]{background:linear-gradient(135deg,#f0ede4 45%,#698575)}.series-plan{list-style:none;padding:0;counter-reset:slide}.series-plan li{counter-increment:slide;display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f5;line-height:1.5;font-size:14px}.series-plan li:before{content:'0' counter(slide);color:#a78245;font-weight:800}.series-price{margin:28px 0 0;padding:22px;background:#f3f6fc;border-radius:16px}.series-price strong{display:block;font-size:32px;letter-spacing:-.04em}.series-price span{font-size:13px;color:#68748a}.series-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:25px 0}.series-consent input{margin-top:4px;flex-shrink:0}.series-submit{width:100%;min-height:55px;justify-content:center}.series-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:26px 0}.series-results img{width:100%;border-radius:14px}.series-results h3{font-size:16px}#series-result{margin-top:35px}#series-status{font-size:14px;line-height:1.7}#series-dialog{width:min(700px,92vw);max-height:92vh;border:0;border-radius:18px;padding:16px}#series-dialog::backdrop{background:#09101bcc}#series-dialog img{display:block;max-width:100%;max-height:80vh;margin:12px auto;object-fit:contain}button:disabled{cursor:not-allowed;opacity:.55}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #537cfa;outline-offset:3px}
@media(max-width:1000px){.series-examples{grid-template-columns:repeat(3,minmax(0,1fr))}.series-hero{padding:36px}.series-editor{grid-template-columns:1fr}}@media(max-width:560px){.series-page{padding:20px 16px 60px}.series-hero{padding:28px 22px;border-radius:22px}.series-hero>p:not(.series-eyebrow){font-size:16px}.series-section-head{display:block}.series-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.series-panel{padding:22px 18px;border-radius:20px}.series-styles{grid-template-columns:1fr}.series-results{grid-template-columns:1fr 1fr;gap:14px}.series-results .control{font-size:12px;padding:10px}.series-results h3{font-size:14px}}

.series-example details{font-size:12px;color:#55667d;line-height:1.7}.series-example summary{cursor:pointer;font-weight:700}.series-example details p{overflow-wrap:anywhere}.series-example h3{font-size:18px;line-height:1.4}
