/* Studio HQ V30: detailed readiness */
:root{color-scheme:dark;--bg:#0a1020;--ink:#edf3ff;--mute:#b7c7dd;--line:#7f91b052;--purple:#b9a4ff;--green:#7bdec0;--cyan:#60cddf;--font:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 var(--font)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
button,input,select{font:inherit}[hidden]{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bfe9ff;outline-offset:3px}
.rd-shell{max-width:1230px;margin-inline:auto;padding-inline:clamp(16px,3vw,32px)}
.rd-skip{position:absolute;top:-100px;left:10px;background:#fff;color:#1b2438;padding:10px;z-index:9}.rd-skip:focus{top:12px}
.rd-header{background:#0b1427;border-bottom:1px solid #7088ab56}
.rd-nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:14px 25px}
.rd-logo{font-size:16px;font-weight:900;display:flex;align-items:center;gap:9px;letter-spacing:.05em}
.rd-logo span{background:linear-gradient(145deg,#6e4be6,#a794f4);display:grid;place-items:center;width:35px;height:35px;border-radius:10px;font-size:21px}
.rd-logo b{display:inline-block;font-size:9px;letter-spacing:.1em;color:#bfb6e5;margin-left:7px}
.rd-nav nav{display:flex;gap:12px 24px;flex-wrap:wrap}
.rd-nav nav a{font-size:12px;font-weight:800;color:#d3e2f7}
.rd-hero{position:relative;overflow:hidden;border-bottom:1px solid #7c86b44f;
 background:radial-gradient(ellipse at 0% 0%,#302858 0,transparent 52%),radial-gradient(ellipse at 95% 85%,#163953 0,transparent 50%),#10172b;padding:clamp(45px,6vw,76px) 0 36px}
.rd-hero:before{content:"";position:absolute;pointer-events:none;width:550px;height:550px;right:-170px;top:-340px;border-radius:50%;border:1px solid #99b4ff47;box-shadow:0 0 0 70px #6d83ff08,0 0 0 140px #6d83ff07}
.rd-overline,.rd-heading>p{font-size:10px;font-weight:870;color:#c2b3ff;letter-spacing:.17em;margin:0 0 15px}
.rd-hero h1{max-width:860px;font-size:clamp(35px,5vw,66px);line-height:1.09;letter-spacing:-.06em;margin:0}
.rd-hero h1 em{font-style:normal;color:#c5b5ff}
.rd-hero-desc{max-width:780px;color:#c8d5e7;font-size:clamp(12px,1.4vw,16px);line-height:1.8;margin:23px 0}
.rd-hero-actions{display:flex;gap:9px 24px;align-items:center;flex-wrap:wrap;font-size:12px;font-weight:820}
.rd-hero-actions a{padding:11px 0}
.rd-hero-actions .rd-action-main{background:#e6dcff;color:#151d33;padding:13px 18px;border-radius:8px}
.rd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:35px}
.rd-kpis>div{display:flex;gap:10px;align-items:baseline;border-radius:11px;border:1px solid #8da4bf61;background:#17243e;padding:12px 17px}
.rd-kpis strong{font-size:25px;color:#f4f0ff;font-variant-numeric:tabular-nums}.rd-kpis span{font-size:11px;color:#b9cce3;font-weight:710}
.rd-section{padding-top:clamp(42px,5vw,70px);padding-bottom:clamp(44px,6vw,76px)}
.rd-heading{margin-bottom:26px}.rd-heading h2{font-size:clamp(28px,3.4vw,43px);line-height:1.17;letter-spacing:-.05em;margin:0 0 12px}
.rd-heading span{font-size:12px;line-height:1.8;color:#b9cadf;max-width:750px;display:block}
.rd-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.rd-project{background:linear-gradient(150deg,#1a2944,#111d33);border:1px solid #829ac16c;padding:20px;border-radius:14px;display:flex;flex-direction:column;min-width:0;scroll-margin-top:35px}
.rd-project-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rd-num{font-size:12px;font-weight:850;color:#b9afe9}
.rd-qa{font-size:9px;font-weight:800;border-radius:6px;padding:5px 7px;background:#5b403d;color:#ffe0c2;border:1px solid #ad7b6e8c}
.rd-project h3{font-size:22px;line-height:1.3;letter-spacing:-.04em;margin:18px 0 8px;overflow-wrap:anywhere}
.rd-project>p:not(.rd-next){font-size:10px;color:#c4d2e6;margin:0 0 16px}
.rd-stack{display:flex;width:100%;height:10px;border-radius:20px;background:#30405b;overflow:hidden}
.rd-stack i{height:100%;background:#69cfa9}.rd-stack b{height:100%;background:#a093f2}
.rd-indicators{display:flex;gap:5px 12px;flex-wrap:wrap;margin-top:11px;font-size:9px;color:#b9cce5}
.rd-indicators .rd-done{color:#97eed0}.rd-indicators .rd-progress{color:#cec3ff}
.rd-estimate{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:space-between;color:#d5c9ff;font-weight:830;font-size:11px;padding:15px 0 0;border-top:1px solid #6b7e9a3e;margin-top:16px}
.rd-next{line-height:1.6;font-size:11px;color:#c5d5eb;margin:14px 0 15px}
.rd-next strong{color:#e5d9ff}
.rd-project-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto}
.rd-project-actions a{font-size:11px;color:#d2c1ff;font-weight:780}
.rd-all{border-block:1px solid #8999bb41;background:radial-gradient(ellipse at 95% 5%,#20294a 0,transparent 48%),#0e182a}
.rd-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;align-items:end;padding:17px;background:#172641;border:1px solid #7894be79;border-radius:13px}
.rd-toolbar label{font-size:11px;font-weight:790;color:#d3e1fa;display:grid;gap:7px}
.rd-toolbar select,.rd-toolbar input{border:1px solid #91acc57a;background:#233552;color:#fff;border-radius:8px;padding:9px;min-height:43px;min-width:0;width:100%;font:650 12px var(--font)}
.rd-toolbar input::placeholder{color:#aebfd9}
.rd-toolbar button{border:1px solid #879bb770;border-radius:8px;min-height:43px;background:#334966;color:#f0f6ff;padding:10px;cursor:pointer;font-size:11px;font-weight:820}
.rd-toolbar [data-rd-count]{font-size:11px;color:#c0d1e4;margin:0;align-self:center}
.rd-legend{display:flex;gap:8px 18px;flex-wrap:wrap;margin:19px 0;font-size:10px;color:#c1cfe6}
.rd-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.rd-dot-done{background:#73daba}.rd-dot-progress{background:#ac9cf2}.rd-dot-planned{background:#7789aa}
.rd-tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.rd-milestone{min-width:0;border:1px solid #6e8caa63;background:#17263d;border-radius:11px;padding:15px;scroll-margin-top:20px}
.rd-milestone:target{border-color:#c5b2ff;box-shadow:0 0 0 3px #9c84f744}
.rd-milestone-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rd-project-tag,.rd-state,.rd-targets{border-radius:5px;padding:4px 6px;font-weight:800;font-size:9px}
.rd-project-tag{background:#2f3e56;color:#dde9ff}
.rd-state-done{color:#9bedcb;background:#215442}
.rd-state-in_progress{color:#e5dbff;background:#4a3f77}
.rd-state-planned{color:#d0dae9;background:#3a4458}
.rd-targets{color:#d7d1ff;border:1px solid #a69ace57}
.rd-milestone h3{font-size:13px;line-height:1.5;margin:12px 0 10px;overflow-wrap:anywhere;min-height:39px}
.rd-milestone details{border-top:1px solid #7188a646;padding:10px 0}
.rd-milestone summary{cursor:pointer;font-size:10px;color:#c3deff;font-weight:800;min-height:25px}
.rd-milestone details p{font-size:11px;color:#bfd1e8;line-height:1.75;overflow-wrap:anywhere}
.rd-milestone>a{color:#b7a8ff;font-weight:780;font-size:10px}
.rd-empty{padding:30px;border:1px dashed #849ab47c;text-align:center;border-radius:10px}
.rd-help{margin-top:30px;background:#1d2c42;border:1px solid #9eafd05e;border-radius:12px;padding:20px}
.rd-help h3{font-size:17px;margin:0 0 12px}
.rd-help p{font-size:12px;line-height:1.75;color:#c6d5e9}
.rd-help a{font-size:11px;font-weight:830;color:#c3b3ff}
.rd-footer{display:flex;gap:14px 24px;align-items:center;flex-wrap:wrap;padding-block:27px 40px;color:#b5c4dc;font-size:11px}
.rd-footer span{margin-left:auto}
.rd-hq-teaser{margin-top:30px;margin-bottom:45px;background:linear-gradient(125deg,#242149,#142f3d);border:1px solid #b8a6ff69;border-radius:15px;padding:clamp(22px,4vw,40px)}
.rd-hq-teaser h2{font-size:clamp(25px,3vw,39px);line-height:1.17;letter-spacing:-.04em;margin:0 0 13px}
.rd-hq-teaser h2 em{font-style:normal;color:#bcaaff}
.rd-hq-teaser>p:not(.hq-overline){color:#ccdcf0;font-size:12px}
.rd-hq-teaser>a{display:inline-block;margin-top:12px;background:#e3d8ff;color:#11192b;padding:11px 16px;border-radius:8px;font-weight:830;font-size:11px}
@media(max-width:1050px){.rd-projects,.rd-tasks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.rd-nav{align-items:flex-start;flex-direction:column;padding-block:14px}.rd-nav nav{gap:8px 17px}.rd-kpis,.rd-projects,.rd-tasks,.rd-toolbar{grid-template-columns:1fr}.rd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-kpis>div{flex-direction:column;gap:0}.rd-toolbar{padding:13px}.rd-section{padding-top:42px}.rd-hero h1{font-size:36px}.rd-project h3{font-size:20px}.rd-footer span{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}