.hub-pr-studio{position:relative;margin:12px auto 84px;padding:clamp(28px,4vw,52px);border:1px solid rgba(255,255,255,.12);border-radius:34px;overflow:hidden;color:#f7fbff;background:radial-gradient(circle at 8% 12%,rgba(77,225,190,.18),transparent 28%),radial-gradient(circle at 88% 18%,rgba(107,147,255,.2),transparent 30%),linear-gradient(145deg,#071a23 0%,#0c2330 50%,#101c35 100%);box-shadow:0 34px 90px rgba(2,17,26,.2)}
.hub-pr-studio::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.pr-studio-head,.pr-demo-grid{position:relative;z-index:1}.pr-studio-kicker{margin:0 0 10px;color:#81efd0;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}.pr-studio-head h2{max-width:820px;margin:0;font-size:clamp(30px,4.4vw,62px);line-height:.98;letter-spacing:-.045em}.pr-studio-head>p:last-child{max-width:720px;margin:20px 0 0;color:rgba(237,248,255,.72);font-size:15px;line-height:1.85}
.pr-demo-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:36px}.pr-demo-card{grid-column:span 4;display:flex;flex-direction:column;min-height:300px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:24px;color:inherit;text-decoration:none;background:rgba(255,255,255,.055);backdrop-filter:blur(14px);transition:transform .35s ease,border-color .35s ease,background .35s ease}.pr-demo-card:nth-child(-n+2){grid-column:span 6;min-height:338px}.pr-demo-card:hover{transform:translateY(-6px);border-color:rgba(129,239,208,.55);background:rgba(255,255,255,.09)}.pr-demo-screen{position:relative;height:168px;overflow:hidden;border-radius:17px;background:linear-gradient(145deg,rgba(3,19,28,.9),rgba(26,54,72,.88));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.pr-demo-card:nth-child(-n+2) .pr-demo-screen{height:195px}.pr-demo-screen::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(123,242,207,.2),transparent 28%),radial-gradient(circle at 82% 70%,rgba(110,154,255,.18),transparent 34%)}.pr-demo-number{position:absolute;top:15px;left:16px;z-index:2;color:rgba(255,255,255,.5);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.pr-demo-copy{display:flex;flex:1;flex-direction:column;padding:18px 4px 3px}.pr-demo-copy strong{font-size:18px;letter-spacing:-.02em}.pr-demo-copy p{margin:8px 0 18px;color:rgba(234,245,252,.62);font-size:12px;line-height:1.7}.pr-demo-cta{margin-top:auto;color:#91f3d6;font-size:12px;letter-spacing:.04em}.pr-scene{position:absolute;inset:0}.pr-scene span{position:absolute;display:block}
.scene-timeline .rail{left:13%;right:13%;top:53%;height:1px;background:rgba(255,255,255,.2)}.scene-timeline .pulse{top:calc(53% - 5px);width:11px;height:11px;border-radius:50%;background:#82efd0;box-shadow:0 0 20px #82efd0;animation:prTravel 4.8s ease-in-out infinite}.scene-timeline .checkpoint{top:calc(53% - 3px);width:7px;height:7px;border-radius:50%;background:#6f94ff}.scene-timeline .checkpoint:nth-child(3){left:27%}.scene-timeline .checkpoint:nth-child(4){left:50%}.scene-timeline .checkpoint:nth-child(5){left:73%}.scene-timeline .year{top:30%;color:rgba(255,255,255,.48);font:700 9px/1 ui-monospace,monospace}.scene-timeline .year-a{left:20%}.scene-timeline .year-b{left:45%}.scene-timeline .year-c{left:68%}
.scene-docs .sheet{width:43%;height:55%;left:29%;top:22%;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(255,255,255,.07);box-shadow:0 14px 35px rgba(0,0,0,.18);animation:prSheets 4.2s ease-in-out infinite}.scene-docs .sheet:nth-child(2){transform:translate(-17px,9px);animation-delay:-.8s}.scene-docs .sheet:nth-child(3){transform:translate(17px,-8px);animation-delay:-1.6s}.scene-docs .check{left:calc(50% - 14px);top:calc(50% - 14px);width:28px;height:28px;border:1px solid rgba(130,239,208,.6);border-radius:50%;box-shadow:0 0 25px rgba(130,239,208,.35)}.scene-docs .check::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#82efd0;font-size:16px}
.scene-record .bar{bottom:23%;width:9%;border-radius:7px 7px 2px 2px;background:linear-gradient(#84f0d1,#527bdd);transform-origin:bottom;animation:prBars 3.8s ease-in-out infinite}.scene-record .bar:nth-child(1){left:22%;height:30%}.scene-record .bar:nth-child(2){left:36%;height:48%;animation-delay:-.7s}.scene-record .bar:nth-child(3){left:50%;height:39%;animation-delay:-1.4s}.scene-record .bar:nth-child(4){left:64%;height:62%;animation-delay:-2.1s}.scene-record .baseline{left:15%;right:15%;bottom:22%;height:1px;background:rgba(255,255,255,.2)}
.scene-family .person{width:26px;height:26px;border:1px solid rgba(130,239,208,.6);border-radius:50%;background:rgba(130,239,208,.12);box-shadow:0 0 20px rgba(130,239,208,.2);animation:prBreathe 3.2s ease-in-out infinite}.scene-family .p1{left:calc(50% - 13px);top:23%}.scene-family .p2{left:29%;bottom:24%;animation-delay:-1s}.scene-family .p3{right:29%;bottom:24%;animation-delay:-2s}.scene-family .link{height:1px;width:28%;top:55%;background:linear-gradient(90deg,transparent,#668ff1)}.scene-family .l1{left:31%;transform:rotate(-28deg)}.scene-family .l2{right:31%;transform:rotate(28deg)}
.scene-submit .ring{left:calc(50% - 42px);top:calc(50% - 42px);width:84px;height:84px;border:1px solid rgba(255,255,255,.12);border-top-color:#82efd0;border-radius:50%;animation:prSpin 6s linear infinite}.scene-submit .ring:nth-child(2){inset:calc(50% - 29px) auto auto calc(50% - 29px);width:58px;height:58px;border-color:rgba(112,150,255,.2);border-right-color:#7096ff;animation-direction:reverse;animation-duration:4s}.scene-submit .core{left:calc(50% - 17px);top:calc(50% - 17px);width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#82efd0,#698fff);box-shadow:0 0 28px rgba(120,211,220,.4)}
.scene-outcome .path{left:17%;top:49%;width:34%;height:2px;background:linear-gradient(90deg,transparent,#82efd0)}.scene-outcome .path:nth-child(2){left:49%;top:42%;transform:rotate(-23deg);background:linear-gradient(90deg,#82efd0,#6d91ff)}.scene-outcome .path:nth-child(3){left:49%;top:57%;transform:rotate(23deg);background:linear-gradient(90deg,#82efd0,#6d91ff)}.scene-outcome .destination{right:15%;width:34px;height:34px;border:1px solid rgba(109,145,255,.6);border-radius:11px;background:rgba(109,145,255,.12);animation:prBreathe 3s ease-in-out infinite}.scene-outcome .d1{top:22%}.scene-outcome .d2{bottom:20%;animation-delay:-1.5s}
@keyframes prTravel{0%,100%{left:13%;opacity:.35}50%{left:82%;opacity:1}}@keyframes prSheets{0%,100%{filter:brightness(.86)}50%{filter:brightness(1.3)}}@keyframes prBars{0%,100%{transform:scaleY(.72);opacity:.7}50%{transform:scaleY(1);opacity:1}}@keyframes prBreathe{0%,100%{transform:scale(.88);opacity:.65}50%{transform:scale(1.12);opacity:1}}@keyframes prSpin{to{transform:rotate(360deg)}}
@media(max-width:860px){.pr-demo-card,.pr-demo-card:nth-child(-n+2){grid-column:span 6;min-height:300px}.pr-demo-card:nth-child(-n+2) .pr-demo-screen{height:168px}}@media(max-width:560px){.hub-pr-studio{padding:24px 16px;border-radius:26px}.pr-demo-grid{gap:12px}.pr-demo-card,.pr-demo-card:nth-child(-n+2){grid-column:1/-1;min-height:284px}}@media(prefers-reduced-motion:reduce){.hub-pr-studio *{animation:none!important;transition:none!important}}