:root{color-scheme:dark;--ink:#03070c;--text:#f5f4f2;--muted:#a8a9ae;--violet:#a984ff;--mint:#72dfbd;--hunter:#5ee7d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--text);font-family:"DM Sans",sans-serif;background:radial-gradient(circle at 73% 35%,rgba(40,71,104,.12),transparent 28rem),radial-gradient(circle at 19% 59%,rgba(12,142,137,.07),transparent 24rem),var(--ink)}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(180deg,rgba(11,19,28,.16),transparent 40%,rgba(3,8,13,.45))}a{color:inherit;text-decoration:none}.site-shell{width:min(1500px,calc(100% - 48px));min-height:100vh;margin:0 auto}.site-header{display:grid;min-height:88px;align-items:center;border-bottom:1px solid rgba(255,255,255,.035);grid-template-columns:1fr auto 1fr}.wordmark{font-size:1.35rem;letter-spacing:.34em;font-weight:500}.primary-nav{display:flex;height:100%;align-items:center;gap:48px;color:#d5d4d7}.primary-nav a{position:relative;display:grid;height:100%;place-items:center;transition:color .2s ease}.primary-nav a:hover,.primary-nav .active{color:#fff}.primary-nav .active{color:#c8a8ff}.primary-nav .active:after{position:absolute;right:0;bottom:9px;left:0;height:2px;border-radius:10px;content:"";background:#aa7aff;box-shadow:0 0 12px rgba(170,122,255,.55)}.hire-button{display:inline-flex;min-width:178px;min-height:50px;align-items:center;justify-content:space-between;justify-self:end;padding:0 22px;border:1px solid rgba(80,220,174,.72);border-radius:14px;background:linear-gradient(135deg,rgba(38,122,94,.42),rgba(11,58,51,.5));box-shadow:inset 0 1px rgba(255,255,255,.08)}.hire-button span,.explore-button span{font-size:1.35rem;transition:transform .2s ease}.hire-button:hover span,.explore-button:hover span{transform:translateX(5px)}
.intro{position:relative;display:flex;min-height:330px;align-items:center;padding:48px 28px 24px;overflow:hidden}.intro-copy{position:relative;z-index:2}h1{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:clamp(3rem,5vw,5.35rem);font-weight:600;letter-spacing:-.045em;line-height:.98}h1 span{color:var(--mint);text-shadow:0 0 32px rgba(73,221,177,.13)}.intro-copy p{margin:24px 0 25px;color:var(--muted);font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.48}.explore-button{display:flex;width:260px;min-height:54px;align-items:center;justify-content:space-between;padding:0 22px;border:1px solid rgba(150,120,255,.8);border-radius:13px;background:linear-gradient(135deg,rgba(72,54,162,.62),rgba(37,28,91,.72));box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 40px rgba(66,38,150,.12)}.intro-atmosphere{position:absolute;inset:0 0 0 42%;opacity:.48}.intro-atmosphere i{position:absolute;border-radius:999px;filter:blur(60px)}.intro-atmosphere i:nth-child(1){width:340px;height:120px;top:70px;left:12%;background:rgba(119,80,241,.12);transform:rotate(-18deg)}.intro-atmosphere i:nth-child(2){width:270px;height:90px;top:165px;left:48%;background:rgba(43,192,178,.09)}.intro-atmosphere i:nth-child(3){width:180px;height:180px;top:70px;right:4%;border:1px solid rgba(161,124,255,.18)}
.agents-section{position:relative;min-height:440px;padding:0 10px 22px}.agents-grid{display:grid;min-height:420px;align-items:end;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}.agent-slot{position:relative;min-width:0;height:410px;border-radius:20px}.empty-slot{background:transparent}.hunter-slot{z-index:5;cursor:pointer;outline:none;isolation:isolate;transform-origin:center bottom}.hunter-card{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:20px;object-fit:cover;box-shadow:0 20px 55px rgba(0,0,0,.48);user-select:none;transition:opacity .28s ease,transform .48s cubic-bezier(.2,.78,.2,1),filter .4s ease}.hunter-compact{z-index:1;opacity:1}.hunter-expanded{z-index:2;width:128%;height:128%;inset:auto auto 0 0;opacity:0;transform:translate3d(-2%,18px,0) scale(.91);transform-origin:left bottom;object-position:center;pointer-events:none;filter:brightness(.88)}.edge-pulse{position:absolute;z-index:3;inset:-1px;border-radius:20px;opacity:0;pointer-events:none;background:conic-gradient(from var(--pulse-angle,0deg),transparent 0 78%,rgba(94,231,209,.06) 83%,#94ffec 89%,rgba(94,231,209,.1) 94%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px}.hunter-slot:is(:hover,:focus-visible,.is-active){z-index:20}.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-compact{opacity:0;transform:translateY(-7px) scale(1.015)}.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-expanded{opacity:1;transform:translate3d(-2%,-8px,0) scale(1);filter:brightness(1.02);box-shadow:0 34px 90px rgba(0,0,0,.75),0 0 42px rgba(50,205,187,.09)}.hunter-slot:is(:hover,:focus-visible,.is-active) .edge-pulse{opacity:1;animation:borderPulse 2.8s linear infinite;width:128%;height:128%;inset:auto auto 0 0}@property --pulse-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes borderPulse{to{--pulse-angle:360deg}}
.category-bar{display:flex;min-height:108px;align-items:center;justify-content:space-around;gap:10px;margin:0 4px 28px;padding:18px 20px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(180deg,rgba(12,18,26,.86),rgba(6,11,17,.86));color:#bebfc4;box-shadow:inset 0 1px rgba(255,255,255,.02),0 25px 70px rgba(0,0,0,.22)}.category-bar a{display:flex;min-height:52px;align-items:center;gap:12px;padding:0 18px;border-radius:13px;white-space:nowrap}.category-bar a:not(:last-child):after{margin-left:28px;color:#51545c;content:"·"}.category-bar .selected{border:1px solid rgba(161,126,255,.55);color:#c6a8ff;background:rgba(101,65,175,.12)}.category-bar .selected:after{display:none}
@media(max-width:1050px){.agents-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agents-grid .empty-slot:nth-last-child(-n+2){display:none}.category-bar{overflow-x:auto;justify-content:flex-start}.category-bar a:after{display:none}}@media(max-width:720px){.site-shell{width:min(100% - 24px,600px)}.site-header{grid-template-columns:1fr auto}.primary-nav{display:none}.hire-button{min-width:138px}.intro{min-height:380px;padding:52px 8px 30px}h1{font-size:clamp(2.7rem,13vw,4.2rem)}.agents-grid{grid-template-columns:minmax(0,1fr);min-height:470px}.agent-slot{height:min(142vw,560px)}.empty-slot{display:none}.hunter-expanded{width:100%;height:100%;transform:translateY(10px) scale(.96)}.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-expanded{transform:translateY(-4px) scale(1)}.hunter-slot:is(:hover,:focus-visible,.is-active) .edge-pulse{width:100%;height:100%}.category-bar{min-height:82px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Keep the complete expanded artwork visible instead of cropping it to the compact-card ratio. */
.hunter-expanded{height:auto;aspect-ratio:4/7;object-fit:contain}
.hunter-slot:is(:hover,:focus-visible,.is-active) .edge-pulse{height:auto;aspect-ratio:4/7}
@media(max-width:720px){.hunter-expanded{height:auto;aspect-ratio:4/7}.hunter-slot:is(:hover,:focus-visible,.is-active) .edge-pulse{height:auto;aspect-ratio:4/7}}

/* Hunter production card: raster portrait + crisp live interface. */
.hunter-ui-card{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;padding:16px;border:1px solid rgba(82,223,205,.34);border-radius:20px;background:radial-gradient(circle at 55% 35%,rgba(19,125,126,.2),transparent 48%),linear-gradient(165deg,rgba(7,19,25,.98),rgba(2,8,12,.99));box-shadow:0 20px 55px rgba(0,0,0,.48);transform-origin:left bottom;transition:width .48s cubic-bezier(.2,.78,.2,1),height .48s cubic-bezier(.2,.78,.2,1),transform .48s cubic-bezier(.2,.78,.2,1),box-shadow .4s ease}
.hunter-heading{position:relative;z-index:4;display:flex;align-items:center;gap:11px}.hunter-symbol{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid rgba(47,210,194,.45);border-radius:11px;color:#78e4d5;background:rgba(9,43,48,.7);font-size:.9rem}.hunter-heading h2{margin:0;font-size:1.15rem;letter-spacing:.01em}.hunter-heading p{margin:2px 0 0;color:#6cdece;font-size:.67rem}.hunter-portrait-wrap{position:absolute;inset:54px 0 92px;overflow:hidden}.hunter-portrait-wrap:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 50%,rgba(3,10,14,.22) 70%,#030a0e 100%)}.hunter-portrait{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.9) contrast(1.03);transform:scale(1.08);transition:transform 4s cubic-bezier(.2,.7,.2,1),filter .5s ease}.hunter-intro{position:relative;z-index:4;margin:auto 0 11px;color:#e0e5e5;font-size:.7rem;line-height:1.45}.expanded-copy{display:none}.hunter-quick{position:relative;z-index:4;display:flex;gap:8px}.hunter-quick span{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:9px;color:#d5dddd;background:rgba(13,25,31,.9);font-size:.72rem}.hunter-quick span:first-child{color:#63dfcf}.hunter-details{display:none}.hunter-ui-card>.edge-pulse{inset:-1px;width:auto!important;height:auto!important;aspect-ratio:auto!important}

.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-ui-card{width:142%;height:142%;transform:translate(-2%,-5px);overflow:hidden;padding:20px;border-color:rgba(105,242,222,.62);box-shadow:0 34px 90px rgba(0,0,0,.75),0 0 42px rgba(50,205,187,.09)}.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-heading h2{font-size:1.35rem}.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-heading p{font-size:.74rem}.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-portrait-wrap{inset:62px 0 auto;height:43%}.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-portrait{transform:scale(1.02) translateY(-1%);filter:saturate(1) contrast(1.05)}.hunter-slot:is(:hover,:focus-visible,.is-active) .compact-copy,.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-quick{display:none}.hunter-slot:is(:hover,:focus-visible,.is-active) .expanded-copy{display:block;margin-top:45%;margin-bottom:9px;font-size:.68rem}.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-details{position:relative;z-index:5;display:grid;gap:7px}.hunter-details section h3{margin:0 0 4px;color:#69e1d0;font-size:.57rem;letter-spacing:.06em}.detail-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;border:1px solid rgba(70,211,194,.23);border-radius:8px;background:rgba(2,12,16,.74)}.detail-row span{display:flex;min-width:0;align-items:center;gap:4px;padding:2px 4px;color:#e2e8e8;font-size:.53rem;line-height:1.2}.detail-row span:not(:last-child){border-right:1px solid rgba(255,255,255,.09)}.hunter-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;margin-top:3px}.hunter-actions button{min-height:38px;border-radius:9px;color:#fff;font:600 .68rem "DM Sans",sans-serif;cursor:pointer;transition:transform .18s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.profile-button{border:1px solid rgba(177,203,211,.28);background:rgba(9,18,25,.78)}.profile-button:hover{border-color:rgba(211,236,241,.55);background:rgba(19,34,42,.96);transform:translateY(-2px)}.hire-hunter-button{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:0 13px;border:1px solid rgba(113,240,222,.8);background:linear-gradient(110deg,rgba(13,77,73,.92),rgba(19,111,101,.86));box-shadow:inset 0 1px rgba(255,255,255,.11)}.hire-hunter-button:before{position:absolute;inset:0;content:"";background:linear-gradient(105deg,transparent 20%,rgba(164,255,241,.25) 46%,transparent 70%);transform:translateX(-120%);transition:transform .55s ease}.hire-hunter-button span,.hire-hunter-button b{position:relative;z-index:1}.hire-hunter-button b{font-size:1rem;transition:transform .2s ease}.hire-hunter-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(57,220,197,.18),inset 0 1px rgba(255,255,255,.18)}.hire-hunter-button:hover:before{transform:translateX(120%)}.hire-hunter-button:hover b{transform:translateX(4px)}.hunter-actions button:active{transform:translateY(1px) scale(.98)}

@media(max-width:720px){.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-ui-card{width:100%;height:118%;transform:translateY(-4px)}.hunter-slot:is(:hover,:focus-visible,.is-active) .expanded-copy{margin-top:46%;font-size:.72rem}.detail-row span{font-size:.57rem}}
.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-ui-card>.edge-pulse{width:auto!important;height:auto!important;inset:-1px!important;aspect-ratio:auto!important}

/* Hunter's portrait remains live in both card sizes; interface layers stay above it. */
.compact-frame>.hunter-loop{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:none;user-select:none;pointer-events:none}
.hunter-expanded-frame>.hunter-loop{display:block;width:100%;height:100%;border-radius:20px;object-fit:cover;object-position:center top;box-shadow:0 34px 90px rgba(0,0,0,.76),0 0 42px rgba(50,205,187,.08);user-select:none;pointer-events:none}
.hunter-compact-frame .hunter-nameplate,.hunter-expanded-frame .hunter-nameplate,.hunter-expanded-frame .image-actions{position:absolute;z-index:12}
.compact-frame>.studio-loop{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:none;user-select:none;pointer-events:none}
.studio-expanded-frame>.studio-loop{display:block;width:100%;height:100%;border-radius:20px;object-fit:cover;object-position:center top;box-shadow:0 34px 90px rgba(0,0,0,.76),0 0 42px rgba(232,91,70,.1);user-select:none;pointer-events:none}
.studio-compact-frame .studio-nameplate,.studio-expanded-frame .studio-nameplate,.studio-expanded-frame .image-actions{position:absolute;z-index:12}
.compact-frame>.nova-loop{display:block;width:100%;height:100%;object-fit:fill;transform:scale(1.14);user-select:none;pointer-events:none}
.nova-expanded-frame>.nova-loop{display:block;width:100%;height:100%;border-radius:20px;object-fit:cover;object-position:center top;box-shadow:none;user-select:none;pointer-events:none}
.nova-expanded-frame .nova-feature-label,.nova-expanded-frame .nova-nameplate,.nova-expanded-frame .image-actions{position:absolute;z-index:12}

/* Approved image-card transition with live animated action buttons. */
.agents-section{z-index:3;overflow:visible}.hunter-expanded-frame{position:absolute;z-index:8;left:0;bottom:0;width:132%;opacity:0;pointer-events:none;transform:translate3d(-2%,18px,0) scale(.92);transform-origin:left bottom;filter:brightness(.9);transition:opacity .25s ease,transform .48s cubic-bezier(.2,.78,.2,1),filter .38s ease}.hunter-expanded-frame>img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 34px 90px rgba(0,0,0,.76),0 0 42px rgba(50,205,187,.08)}.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-expanded-frame{opacity:1;pointer-events:auto;transform:translate3d(-2%,-7px,0) scale(1);filter:brightness(1.02)}.image-actions{position:absolute;z-index:12;right:4.2%;bottom:3.9%;left:4.2%;display:grid;height:7.2%;grid-template-columns:1fr 1.18fr;gap:2.2%}.image-actions button{min-width:0;border-radius:10px;color:#fff;font:600 clamp(.62rem,.82vw,.82rem) "DM Sans",sans-serif;cursor:pointer;transition:transform .18s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.image-profile-button{border:1px solid rgba(196,218,224,.38);background:linear-gradient(180deg,rgba(24,34,40,.98),rgba(7,14,19,.98))}.image-profile-button:hover{border-color:rgba(223,244,247,.78);background:linear-gradient(180deg,rgba(38,52,59,.98),rgba(12,23,29,.98));box-shadow:0 9px 25px rgba(0,0,0,.3);transform:translateY(-3px)}.image-hire-button{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:0 12%;border:1px solid #88f6e7;background:linear-gradient(110deg,rgba(13,79,74,.98),rgba(21,126,113,.98));box-shadow:0 0 20px rgba(75,228,207,.18),inset 0 1px rgba(255,255,255,.18)}.image-hire-button:before{position:absolute;inset:0;content:"";background:linear-gradient(105deg,transparent 18%,rgba(204,255,248,.34) 48%,transparent 76%);transform:translateX(-130%);transition:transform .6s ease}.image-hire-button span,.image-hire-button b{position:relative;z-index:1}.image-hire-button b{font-size:1.2em;transition:transform .2s ease}.image-hire-button:hover{border-color:#d0fff8;box-shadow:0 10px 30px rgba(65,227,203,.27),0 0 23px rgba(82,235,214,.2);transform:translateY(-3px)}.image-hire-button:hover:before{transform:translateX(130%)}.image-hire-button:hover b{transform:translateX(5px)}.image-actions button:active{transform:translateY(1px) scale(.975)}.frame-pulse{position:absolute;z-index:9;inset:-1px;padding:2px;border-radius:20px;opacity:0;pointer-events:none;background:conic-gradient(from var(--pulse-angle,0deg),transparent 0 80%,rgba(129,255,238,.08) 85%,#b3fff4 90%,rgba(98,235,216,.12) 95%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.hunter-slot:is(:hover,:focus-visible,.is-active) .frame-pulse{opacity:.9;animation:borderPulse 3s linear infinite}
@media(max-width:720px){.hunter-expanded-frame{width:100%}.image-actions button{font-size:clamp(.7rem,3vw,.95rem)}}

/* Layered premium atmosphere: aurora, perspective grid and restrained motion. */
body{position:relative;overflow-x:hidden;background:#02070c}
body:before{position:fixed;inset:-18%;z-index:-3;content:"";pointer-events:none;background:radial-gradient(ellipse at 14% 22%,rgba(24,117,126,.24),transparent 30%),radial-gradient(ellipse at 83% 18%,rgba(104,67,184,.19),transparent 32%),radial-gradient(ellipse at 68% 77%,rgba(10,113,106,.13),transparent 29%),radial-gradient(ellipse at 33% 92%,rgba(62,44,139,.12),transparent 32%);filter:blur(18px);animation:auroraDrift 18s ease-in-out infinite alternate}
body:after{position:fixed;inset:0;z-index:-2;content:"";pointer-events:none;background-image:linear-gradient(rgba(117,227,218,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(139,119,213,.03) 1px,transparent 1px),radial-gradient(circle at 50% 45%,transparent 0 23%,rgba(2,7,12,.16) 65%,rgba(1,4,8,.78) 100%);background-size:70px 70px,70px 70px,100% 100%;mask-image:linear-gradient(to bottom,rgba(0,0,0,.2),#000 35%,rgba(0,0,0,.58) 88%,transparent);transform-origin:center bottom;animation:gridBreathe 14s ease-in-out infinite}
.site-shell:before,.site-shell:after{position:fixed;z-index:-1;width:34rem;height:34rem;border-radius:50%;content:"";pointer-events:none;filter:blur(95px);opacity:.12}.site-shell:before{top:10%;left:-18rem;background:#27d9c5;animation:orbFloatLeft 16s ease-in-out infinite alternate}.site-shell:after{right:-19rem;bottom:-8rem;background:#8b67ec;animation:orbFloatRight 20s ease-in-out infinite alternate}
@keyframes auroraDrift{0%{transform:translate3d(-1%,0,0) scale(1)}50%{transform:translate3d(2%,-1%,0) scale(1.035)}100%{transform:translate3d(0,2%,0) scale(1.07)}}@keyframes gridBreathe{0%,100%{opacity:.62;transform:perspective(900px) rotateX(0deg) scale(1)}50%{opacity:.9;transform:perspective(900px) rotateX(.8deg) scale(1.015)}}@keyframes orbFloatLeft{to{transform:translate3d(7rem,5rem,0) scale(1.15)}}@keyframes orbFloatRight{to{transform:translate3d(-8rem,-5rem,0) scale(1.18)}}
@media(prefers-reduced-motion:reduce){body:before,body:after,.site-shell:before,.site-shell:after{animation:none!important}}

/* STUDIO uses the same interaction system with its own coral identity. */
.studio-slot{z-index:5;cursor:pointer;outline:none;isolation:isolate;transform-origin:center bottom}.studio-card{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:20px;object-fit:cover;box-shadow:0 20px 55px rgba(0,0,0,.48);user-select:none;transition:opacity .28s ease,transform .48s cubic-bezier(.2,.78,.2,1),filter .4s ease}.studio-compact{z-index:1;opacity:1}.studio-expanded-frame{position:absolute;z-index:8;left:0;bottom:0;width:132%;opacity:0;pointer-events:none;transform:translate3d(-8%,18px,0) scale(.92);transform-origin:left bottom;filter:brightness(.9);transition:opacity .25s ease,transform .48s cubic-bezier(.2,.78,.2,1),filter .38s ease}.studio-expanded-frame>img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 34px 90px rgba(0,0,0,.76),0 0 42px rgba(232,91,70,.1)}.studio-slot:is(:hover,:focus-visible,.is-active){z-index:21}.studio-slot:is(:hover,:focus-visible,.is-active) .studio-compact{opacity:0;transform:translateY(-7px) scale(1.015)}.studio-slot:is(:hover,:focus-visible,.is-active) .studio-expanded-frame{opacity:1;pointer-events:auto;transform:translate3d(-8%,-7px,0) scale(1);filter:brightness(1.02)}.studio-slot:is(:hover,:focus-visible,.is-active) .studio-frame-pulse{opacity:.9;animation:borderPulse 3s linear infinite}.studio-hire-button{border-color:#ff9a87;background:linear-gradient(110deg,rgba(103,30,24,.98),rgba(166,55,40,.98));box-shadow:0 0 20px rgba(241,101,78,.2),inset 0 1px rgba(255,255,255,.18)}.studio-hire-button:before{background:linear-gradient(105deg,transparent 18%,rgba(255,218,207,.34) 48%,transparent 76%)}.studio-hire-button:hover{border-color:#ffd1c6;box-shadow:0 10px 30px rgba(245,102,77,.28),0 0 23px rgba(248,118,94,.2)}
@media(max-width:720px){.studio-expanded-frame{width:100%;transform:translateY(10px) scale(.96)}.studio-slot:is(:hover,:focus-visible,.is-active) .studio-expanded-frame{transform:translateY(-4px) scale(1)}}
.studio-frame-pulse{background:conic-gradient(from var(--pulse-angle,0deg),transparent 0 80%,rgba(255,121,96,.08) 85%,#ffd0c5 90%,rgba(255,105,82,.18) 95%,transparent 100%)}

/* NOVA shares the card mechanics and uses a violet customer-experience identity. */
.nova-slot{z-index:5;cursor:pointer;outline:none;isolation:isolate;transform-origin:center bottom}.nova-card{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:20px;object-fit:cover;box-shadow:0 20px 55px rgba(0,0,0,.48);user-select:none;transition:opacity .28s ease,transform .48s cubic-bezier(.2,.78,.2,1),filter .4s ease}.nova-compact{z-index:1;opacity:1}.nova-expanded-frame{position:absolute;z-index:8;left:0;bottom:0;width:120%;opacity:0;pointer-events:none;transform:translate3d(-10%,18px,0) scale(.92);transform-origin:center bottom;filter:brightness(.9);transition:opacity .25s ease,transform .48s cubic-bezier(.2,.78,.2,1),filter .38s ease}.nova-expanded-frame>img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 34px 90px rgba(0,0,0,.76),0 0 42px rgba(142,98,244,.12)}.nova-slot:is(:hover,:focus-visible,.is-active){z-index:22}.nova-slot:is(:hover,:focus-visible,.is-active) .nova-compact{opacity:0;transform:translateY(-7px) scale(1.015)}.nova-slot:is(:hover,:focus-visible,.is-active) .nova-expanded-frame{opacity:1;pointer-events:auto;transform:translate3d(-10%,-7px,0) scale(1);filter:brightness(1.02)}.nova-slot:is(:hover,:focus-visible,.is-active) .nova-frame-pulse{opacity:.9;animation:borderPulse 3s linear infinite}.nova-frame-pulse{background:conic-gradient(from var(--pulse-angle,0deg),transparent 0 80%,rgba(175,128,255,.08) 85%,#e1c9ff 90%,rgba(154,99,255,.2) 95%,transparent 100%)}.nova-hire-button{border-color:#ba8cff;background:linear-gradient(110deg,rgba(61,33,128,.98),rgba(105,56,207,.98));box-shadow:0 0 20px rgba(153,98,247,.23),inset 0 1px rgba(255,255,255,.18)}.nova-hire-button:before{background:linear-gradient(105deg,transparent 18%,rgba(230,210,255,.34) 48%,transparent 76%)}.nova-hire-button:hover{border-color:#e2ccff;box-shadow:0 10px 30px rgba(151,94,247,.3),0 0 23px rgba(174,121,255,.22)}
@media(max-width:720px){.nova-expanded-frame{width:100%;transform:translateY(10px) scale(.96)}.nova-slot:is(:hover,:focus-visible,.is-active) .nova-expanded-frame{transform:translateY(-4px) scale(1)}}

/* NOVA is the initial live demonstration; focus transfers to whichever card is explored. */
.interactive-agent-slot{transition:opacity .3s ease,transform .42s cubic-bezier(.2,.78,.2,1)}.agents-grid.has-preview .interactive-agent-slot:not(:hover):not(:focus-visible){opacity:.46;transform:scale(.955)}.nova-feature-label{position:absolute;z-index:30;top:-42px;left:50%;display:flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid rgba(183,143,255,.42);border-radius:999px;color:#dcc7ff;background:rgba(18,10,37,.78);box-shadow:0 8px 28px rgba(87,51,159,.24),inset 0 1px rgba(255,255,255,.08);font-size:.67rem;font-weight:600;letter-spacing:.045em;white-space:nowrap;opacity:0;transform:translate(-50%,9px);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.78,.2,1);backdrop-filter:blur(14px)}
@media(min-width:721px){.nova-slot.is-featured{z-index:18}.nova-slot.is-featured:before{position:absolute;z-index:-1;inset:-42% -48%;border-radius:50%;content:"";pointer-events:none;background:radial-gradient(circle,rgba(139,86,245,.22),rgba(92,55,184,.08) 40%,transparent 68%);filter:blur(18px);animation:novaSpotlight 5.5s ease-in-out infinite}.nova-slot.is-featured .nova-compact{opacity:0;transform:translateY(-7px) scale(1.015)}.nova-slot.is-featured .nova-expanded-frame{opacity:1;pointer-events:auto;transform:translate3d(-10%,-7px,0) scale(1);filter:brightness(1.035);animation:novaFloat 5.5s ease-in-out infinite}.nova-slot.is-featured .nova-frame-pulse{opacity:.8;animation:borderPulse 3.6s linear infinite}.nova-slot.is-featured .nova-feature-label{opacity:1;transform:translate(-50%,0)}.agents-grid.has-preview .nova-feature-label{opacity:0}}
@keyframes novaSpotlight{0%,100%{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes novaFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
.nova-expanded-frame .nova-feature-label{top:3.2%;right:4%;left:auto;transform:translateY(9px)}@media(min-width:721px){.nova-slot.is-featured .nova-feature-label{transform:translateY(0)}}

/* Desktop first viewport: keep the complete composition inside one screen. */
@media(min-width:1051px) and (min-height:680px){body{height:100svh;overflow:hidden}.site-shell{height:100svh}.site-header{min-height:72px}.site-shell main{display:grid;height:calc(100svh - 72px);grid-template-rows:minmax(205px,29%) minmax(360px,1fr) 70px}.intro{min-height:0;padding:22px 28px 8px}.intro-copy{max-width:580px}.intro h1{max-width:580px;font-size:clamp(3rem,4vw,4rem);line-height:.98}.intro-copy p{margin:15px 0 16px;font-size:1rem;line-height:1.38}.explore-button{width:242px;min-height:48px}.agents-section{min-height:0;padding:0 10px 10px}.agents-grid{height:100%;min-height:0}.agent-slot{height:min(370px,48vh)}.category-bar{min-height:60px;margin:0 4px 10px;padding:8px 16px}.nova-expanded-frame{width:104%;transform:translate3d(-2%,12px,0) scale(.94)}.nova-slot:is(:hover,:focus-visible,.is-active) .nova-expanded-frame,.nova-slot.is-featured .nova-expanded-frame{transform:translate3d(-2%,-4px,0) scale(1)}.nova-slot.is-featured:before{inset:-28% -30%}}

/* Compact cards crop only the generated outer canvas and redraw a complete edge. */
.compact-frame{position:absolute;z-index:1;inset:0;overflow:hidden;border-radius:20px;background:#03090d;box-shadow:0 20px 55px rgba(0,0,0,.48);transition:opacity .28s ease,transform .48s cubic-bezier(.2,.78,.2,1)}.compact-frame img{display:block;width:100%;height:100%;object-fit:fill;transform:scale(1.1);user-select:none}.hunter-compact-frame{border:1px solid rgba(82,223,205,.46)}.studio-compact-frame{border:1px solid rgba(255,102,79,.48)}.nova-compact-frame{border:1px solid rgba(169,119,255,.58)}.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-compact-frame,.studio-slot:is(:hover,:focus-visible,.is-active) .studio-compact-frame,.nova-slot:is(:hover,:focus-visible,.is-active,.is-featured) .nova-compact-frame{opacity:0;transform:translateY(-7px) scale(1.015)}
@media(min-width:1051px) and (min-height:680px){.site-shell main{grid-template-rows:minmax(250px,32%) minmax(330px,1fr) 70px}.intro{overflow:visible}.agent-slot{height:auto;aspect-ratio:2/3;max-height:min(405px,50vh);align-self:end}}

/* Use wide displays instead of holding the complete interface in a 1500px island. */
@media(min-width:1051px){.site-shell{width:calc(100% - 48px);max-width:none}.intro-copy{margin-left:0}}
@media(min-width:1450px){.agents-grid{grid-template-columns:repeat(5,minmax(0,270px));justify-content:space-between}.agent-slot{width:270px}.category-bar{width:auto}}

/* OPERATOR: cobalt operations identity with a right-balanced hover card. */
.operator-slot{z-index:5;cursor:pointer;outline:none;isolation:isolate;transform-origin:center bottom}.operator-compact-frame{border:1px solid rgba(75,164,255,.62)}.operator-expanded-frame{position:absolute;z-index:8;right:0;bottom:0;width:132%;opacity:0;pointer-events:none;transform:translate3d(8%,18px,0) scale(.92);transform-origin:right bottom;filter:brightness(.9);transition:opacity .25s ease,transform .48s cubic-bezier(.2,.78,.2,1),filter .38s ease}.operator-expanded-frame>img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 34px 90px rgba(0,0,0,.76),0 0 46px rgba(42,138,255,.16)}.operator-slot:is(:hover,:focus-visible,.is-active){z-index:23}.operator-slot:is(:hover,:focus-visible,.is-active) .operator-compact-frame{opacity:0;transform:translateY(-7px) scale(1.015)}.operator-slot:is(:hover,:focus-visible,.is-active) .operator-expanded-frame{opacity:1;pointer-events:auto;transform:translate3d(8%,-7px,0) scale(1);filter:brightness(1.03)}.operator-slot:is(:hover,:focus-visible,.is-active) .operator-frame-pulse{opacity:.94;animation:borderPulse 2.85s linear infinite}.operator-frame-pulse{background:conic-gradient(from var(--pulse-angle,0deg),transparent 0 80%,rgba(57,151,255,.08) 85%,#b8dcff 90%,rgba(42,137,255,.24) 95%,transparent 100%)}.operator-hire-button{border-color:#5caeff;background:linear-gradient(110deg,rgba(12,55,107,.98),rgba(20,103,201,.98));box-shadow:0 0 22px rgba(45,145,255,.24),inset 0 1px rgba(255,255,255,.2)}.operator-hire-button:before{background:linear-gradient(105deg,transparent 18%,rgba(204,232,255,.38) 48%,transparent 76%)}.operator-hire-button:hover{border-color:#c5e3ff;box-shadow:0 10px 30px rgba(44,142,255,.32),0 0 25px rgba(78,164,255,.24)}
@media(min-width:1051px) and (min-height:680px){.operator-expanded-frame{width:112%;transform:translate3d(6%,12px,0) scale(.94)}.operator-slot:is(:hover,:focus-visible,.is-active) .operator-expanded-frame{transform:translate3d(6%,-4px,0) scale(1)}}
@media(max-width:720px){.operator-expanded-frame{right:auto;left:0;width:100%;transform:translateY(10px) scale(.96);transform-origin:center bottom}.operator-slot:is(:hover,:focus-visible,.is-active) .operator-expanded-frame{transform:translateY(-4px) scale(1)}}

/* PULSE: emerald market-intelligence identity; the final card expands inward. */
.pulse-slot{z-index:5;cursor:pointer;outline:none;isolation:isolate;transform-origin:center bottom}.pulse-compact-frame{border:1px solid rgba(148,220,75,.62)}.pulse-expanded-frame{position:absolute;z-index:8;right:0;bottom:0;width:132%;opacity:0;pointer-events:none;transform:translate3d(2%,18px,0) scale(.92);transform-origin:right bottom;filter:brightness(.9);transition:opacity .25s ease,transform .48s cubic-bezier(.2,.78,.2,1),filter .38s ease}.pulse-expanded-frame>img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 34px 90px rgba(0,0,0,.76),0 0 46px rgba(131,210,55,.15)}.pulse-slot:is(:hover,:focus-visible,.is-active){z-index:24}.pulse-slot:is(:hover,:focus-visible,.is-active) .pulse-compact-frame{opacity:0;transform:translateY(-7px) scale(1.015)}.pulse-slot:is(:hover,:focus-visible,.is-active) .pulse-expanded-frame{opacity:1;pointer-events:auto;transform:translate3d(2%,-7px,0) scale(1);filter:brightness(1.03)}.pulse-slot:is(:hover,:focus-visible,.is-active) .pulse-frame-pulse{opacity:.94;animation:borderPulse 2.75s linear infinite}.pulse-frame-pulse{background:conic-gradient(from var(--pulse-angle,0deg),transparent 0 80%,rgba(142,225,62,.08) 85%,#ddffb5 90%,rgba(133,218,54,.25) 95%,transparent 100%)}.pulse-hire-button{border-color:#9ee459;background:linear-gradient(110deg,rgba(42,78,16,.98),rgba(83,141,27,.98));box-shadow:0 0 22px rgba(139,218,59,.24),inset 0 1px rgba(255,255,255,.2)}.pulse-hire-button:before{background:linear-gradient(105deg,transparent 18%,rgba(230,255,204,.38) 48%,transparent 76%)}.pulse-hire-button:hover{border-color:#e2ffc4;box-shadow:0 10px 30px rgba(137,219,55,.31),0 0 25px rgba(156,230,82,.24)}
@media(min-width:1051px) and (min-height:680px){.pulse-expanded-frame{width:112%;transform:translate3d(0,12px,0) scale(.94)}.pulse-slot:is(:hover,:focus-visible,.is-active) .pulse-expanded-frame{transform:translate3d(0,-4px,0) scale(1)}}
@media(max-width:720px){.pulse-expanded-frame{right:auto;left:0;width:100%;transform:translateY(10px) scale(.96);transform-origin:center bottom}.pulse-slot:is(:hover,:focus-visible,.is-active) .pulse-expanded-frame{transform:translateY(-4px) scale(1)}}

/* Consistent agent previews: source artwork has mixed canvas ratios, so every
   expanded card is rendered inside the same 9:16 frame. Nova remains the
   intentional focal point and is slightly larger than the surrounding cards. */
@media(min-width:721px){
  :is(.hunter-expanded-frame,.studio-expanded-frame,.operator-expanded-frame,.pulse-expanded-frame){
    width:124%;
    aspect-ratio:9/16;
  }
  .nova-expanded-frame{
    width:124%;
    aspect-ratio:9/16;
  }
  :is(.hunter-expanded-frame,.studio-expanded-frame,.nova-expanded-frame,.operator-expanded-frame,.pulse-expanded-frame)>img{
    width:100%;
    height:100%;
    object-fit:fill;
  }
  .hunter-expanded-frame{transform:translate3d(-2%,18px,0) scale(.92)}
  .studio-expanded-frame{transform:translate3d(-9%,18px,0) scale(.92)}
  .nova-expanded-frame{transform:translate3d(-12%,18px,0) scale(.92)}
  .operator-expanded-frame{transform:translate3d(9%,18px,0) scale(.92)}
  .pulse-expanded-frame{transform:translate3d(2%,18px,0) scale(.92)}
  .hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-expanded-frame{transform:translate3d(-2%,-7px,0) scale(1)}
  .studio-slot:is(:hover,:focus-visible,.is-active) .studio-expanded-frame{transform:translate3d(-9%,-7px,0) scale(1)}
  .nova-slot:is(:hover,:focus-visible,.is-active) .nova-expanded-frame,
  .nova-slot.is-featured .nova-expanded-frame{transform:translate3d(-12%,-10px,0) scale(1)}
  .operator-slot:is(:hover,:focus-visible,.is-active) .operator-expanded-frame{transform:translate3d(9%,-7px,0) scale(1)}
  .pulse-slot:is(:hover,:focus-visible,.is-active) .pulse-expanded-frame{transform:translate3d(2%,-7px,0) scale(1)}
}

/* The artwork already contains its own finished edge. Removing the extra CSS
   borders and zooming in slightly avoids the visible double-frame effect. */
.compact-frame{
  border:0;
}
.compact-frame img{
  transform:scale(1.14);
}

@media(min-width:721px){
  .nova-slot.is-featured{
    transform:scale(1.025);
  }
  .agents-grid.has-preview .nova-slot.is-featured:not(:hover):not(:focus-visible){
    transform:scale(.98);
  }
}

@media(max-width:720px){
  :is(.hunter-expanded-frame,.studio-expanded-frame,.nova-expanded-frame,.operator-expanded-frame,.pulse-expanded-frame){
    width:100%;
    aspect-ratio:9/16;
  }
  :is(.hunter-expanded-frame,.studio-expanded-frame,.nova-expanded-frame,.operator-expanded-frame,.pulse-expanded-frame)>img{
    width:100%;
    height:100%;
    object-fit:fill;
  }
}

/* Balanced hero typography and a shared, lively motion language for the two
   primary calls to action. */
.intro h1{
  max-width:760px;
  font-size:clamp(3.4rem,4vw,4.45rem);
  line-height:.94;
  letter-spacing:-.035em;
}
.intro-copy{
  max-width:760px;
}
.title-line{
  display:block;
  color:inherit;
  text-shadow:none;
  white-space:nowrap;
}
.title-line em{
  color:var(--mint);
  font-style:normal;
}

.hire-button,
.explore-button{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-width:1px;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .35s ease,background .35s ease;
}

.hire-button:before,
.explore-button:before{
  position:absolute;
  z-index:-1;
  inset:0;
  content:"";
  background:linear-gradient(110deg,transparent 12%,rgba(255,255,255,.22) 43%,transparent 68%);
  transform:translateX(-135%);
  animation:ctaShimmer 4.8s ease-in-out infinite;
}

.hire-button:after,
.explore-button:after{
  position:absolute;
  z-index:-2;
  inset:-1px;
  border-radius:inherit;
  content:"";
  opacity:.6;
  background:linear-gradient(120deg,rgba(105,245,203,.18),transparent 48%,rgba(171,118,255,.18));
  animation:ctaGlow 3.2s ease-in-out infinite;
}

.explore-button{
  border-color:rgba(174,126,255,.9);
  background:linear-gradient(115deg,rgba(63,44,133,.94),rgba(73,42,148,.88),rgba(35,95,103,.78));
  background-size:180% 180%;
  box-shadow:0 10px 30px rgba(94,55,190,.2),inset 0 1px rgba(255,255,255,.12);
  animation:ctaGradient 6s ease infinite;
}

.hire-button{
  border-color:rgba(79,226,181,.75);
  background:linear-gradient(115deg,rgba(16,76,66,.94),rgba(25,104,83,.86),rgba(54,57,120,.8));
  background-size:180% 180%;
  box-shadow:0 10px 28px rgba(30,154,119,.14),inset 0 1px rgba(255,255,255,.1);
  animation:ctaGradient 6s ease infinite reverse;
}

.hire-button:hover,
.explore-button:hover{
  transform:translateY(-3px) scale(1.02);
}

.explore-button:hover{
  border-color:#d4b9ff;
  box-shadow:0 16px 38px rgba(108,67,218,.34),0 0 24px rgba(157,104,255,.2),inset 0 1px rgba(255,255,255,.18);
}

.hire-button:hover{
  border-color:#a4ffe2;
  box-shadow:0 16px 38px rgba(36,188,144,.27),0 0 22px rgba(75,229,183,.16),inset 0 1px rgba(255,255,255,.17);
}

.hire-button:hover:before,
.explore-button:hover:before{
  animation-duration:1.05s;
}

.hire-button span,
.explore-button span{
  display:inline-block;
  animation:ctaArrow 2.1s ease-in-out infinite;
}

.hire-button:active,
.explore-button:active{
  transform:translateY(0) scale(.985);
}

@keyframes ctaGradient{
  0%,100%{background-position:0 50%}
  50%{background-position:100% 50%}
}
@keyframes ctaShimmer{
  0%,62%{transform:translateX(-135%)}
  82%,100%{transform:translateX(135%)}
}
@keyframes ctaGlow{
  0%,100%{opacity:.38}
  50%{opacity:.82}
}
@keyframes ctaArrow{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(5px)}
}

@media(max-width:720px){
  .intro h1{
    font-size:clamp(2.9rem,12.5vw,4rem);
    line-height:.96;
  }
  .title-line{
    white-space:normal;
  }
}

/* Hunter-only glass frame experiment. Remove this block to restore the old cards. */
.hunter-compact-frame{
  isolation:isolate;
  border:1px solid rgba(132,255,238,.42);
  background:linear-gradient(145deg,rgba(114,241,224,.14),rgba(10,34,42,.5));
  box-shadow:
    0 24px 64px rgba(0,0,0,.54),
    0 0 0 5px rgba(62,210,195,.055),
    0 0 28px rgba(65,226,207,.11),
    inset 0 1px rgba(230,255,251,.28),
    inset 0 0 22px rgba(67,219,204,.08);
}
.hunter-compact-frame:after{
  position:absolute;
  z-index:10;
  inset:0;
  border:6px solid rgba(152,255,241,.075);
  border-radius:inherit;
  content:"";
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(207,255,249,.12);
}
.hunter-expanded-frame{
  isolation:isolate;
}
.hunter-expanded-frame:before{
  position:absolute;
  z-index:0;
  inset:-9px;
  border:1px solid rgba(143,255,240,.36);
  border-radius:27px;
  content:"";
  pointer-events:none;
  background:linear-gradient(145deg,rgba(159,255,242,.13),rgba(17,52,61,.24));
  box-shadow:
    0 28px 80px rgba(0,0,0,.58),
    0 0 38px rgba(62,224,204,.13),
    inset 0 1px rgba(235,255,252,.3),
    inset 0 0 26px rgba(87,233,215,.09);
  backdrop-filter:blur(12px) saturate(1.18);
}
.hunter-expanded-frame>.hunter-loop{
  position:relative;
  z-index:1;
  border:1px solid rgba(196,255,248,.18);
}

/* Studio-only frame 2: warm editorial gallery frame. */
.studio-compact-frame{
  isolation:isolate;
  overflow:visible;
  border:1px solid rgba(255,157,139,.46);
  background:linear-gradient(145deg,rgba(255,151,130,.16),rgba(71,25,43,.44));
  box-shadow:
    0 24px 64px rgba(0,0,0,.54),
    0 0 0 4px rgba(255,118,103,.045),
    0 0 30px rgba(245,99,86,.1),
    inset 0 0 0 5px rgba(255,211,201,.045),
    inset 0 1px rgba(255,235,230,.26);
}
.studio-compact-frame:after{
  position:absolute;
  z-index:10;
  inset:-8px;
  border:1px solid rgba(255,220,211,.18);
  border-radius:27px;
  content:"";
  pointer-events:none;
  background:
    linear-gradient(90deg,#ffad99 0 28px,transparent 28px) left top/58px 1px no-repeat,
    linear-gradient(#ffad99 0 28px,transparent 28px) left top/1px 58px no-repeat,
    linear-gradient(270deg,#d7a4ff 0 28px,transparent 28px) right bottom/58px 1px no-repeat,
    linear-gradient(0deg,#d7a4ff 0 28px,transparent 28px) right bottom/1px 58px no-repeat;
  opacity:.82;
}
.studio-expanded-frame{
  isolation:isolate;
}
.studio-expanded-frame:before{
  position:absolute;
  z-index:0;
  inset:-11px;
  border:1px solid rgba(255,169,151,.35);
  border-radius:29px;
  content:"";
  pointer-events:none;
  background:linear-gradient(150deg,rgba(255,166,146,.13),rgba(91,37,61,.2) 48%,rgba(154,104,216,.11));
  box-shadow:
    0 30px 82px rgba(0,0,0,.6),
    0 0 34px rgba(240,104,91,.1),
    inset 0 0 0 6px rgba(255,218,210,.035),
    inset 0 1px rgba(255,238,233,.25);
  backdrop-filter:blur(10px) saturate(1.12);
}
.studio-expanded-frame:after{
  position:absolute;
  z-index:11;
  inset:-9px;
  border-radius:28px;
  content:"";
  pointer-events:none;
  background:
    linear-gradient(90deg,#ffb09d 0 54px,transparent 54px) left top/96px 2px no-repeat,
    linear-gradient(#ffb09d 0 54px,transparent 54px) left top/2px 96px no-repeat,
    linear-gradient(270deg,#d2a0ff 0 54px,transparent 54px) right bottom/96px 2px no-repeat,
    linear-gradient(0deg,#d2a0ff 0 54px,transparent 54px) right bottom/2px 96px no-repeat;
  filter:drop-shadow(0 0 7px rgba(255,131,111,.3));
}
.studio-expanded-frame>.studio-loop{
  position:relative;
  z-index:1;
  border:0;
}
.studio-compact-frame>.studio-loop{border-radius:20px}

/* Nova-only frame 3: floating luxury halo with a soft jewel finish. */
.nova-compact-frame{
  isolation:isolate;
  border:1px solid rgba(213,184,255,.48);
  background:linear-gradient(145deg,rgba(197,157,255,.16),rgba(53,32,78,.46));
  box-shadow:
    0 26px 70px rgba(0,0,0,.56),
    0 0 0 5px rgba(168,112,255,.05),
    0 0 34px rgba(168,105,255,.14),
    inset 0 1px rgba(255,244,226,.28),
    inset 0 0 24px rgba(180,126,255,.08);
}
.nova-compact-frame:before{
  position:absolute;
  z-index:9;
  inset:6px;
  border:1px solid transparent;
  border-radius:15px;
  content:"";
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,232,190,.5),rgba(213,176,255,.12) 35%,rgba(157,102,255,.5)) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.7;
}
.nova-compact-frame:after{
  position:absolute;
  z-index:8;
  top:-18%;
  left:12%;
  width:76%;
  height:34%;
  border-radius:50%;
  content:"";
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(221,190,255,.18),transparent 68%);
  filter:blur(15px);
}
.nova-expanded-frame{
  isolation:isolate;
}
.nova-expanded-frame:before{
  position:absolute;
  z-index:0;
  inset:-13px;
  border:1px solid rgba(220,192,255,.38);
  border-radius:31px;
  content:"";
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 8%,rgba(255,231,187,.16),transparent 30%),
    radial-gradient(circle at 82% 86%,rgba(171,111,255,.2),transparent 38%),
    linear-gradient(150deg,rgba(222,192,255,.12),rgba(49,30,73,.22));
  box-shadow:
    0 34px 96px rgba(0,0,0,.62),
    0 0 50px rgba(161,98,255,.16),
    0 -8px 35px rgba(255,220,171,.07),
    inset 0 1px rgba(255,245,225,.32),
    inset 0 0 32px rgba(182,127,255,.1);
  backdrop-filter:blur(14px) saturate(1.2);
}
.nova-expanded-frame:after{
  position:absolute;
  z-index:11;
  inset:-4px;
  border:1px solid transparent;
  border-radius:24px;
  content:"";
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,231,187,.82),rgba(255,255,255,.08) 28%,rgba(184,126,255,.2) 62%,rgba(208,171,255,.78)) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 9px rgba(180,119,255,.28));
  opacity:.78;
}
.nova-expanded-frame>.nova-loop{
  position:relative;
  z-index:1;
  border:1px solid rgba(238,218,255,.14);
}

/* Pulse frame: matching outer gallery geometry with emerald accents. */
.pulse-compact-frame{
  isolation:isolate;
  overflow:visible;
  border:1px solid rgba(105,235,208,.46);
  background:linear-gradient(145deg,rgba(105,235,208,.16),rgba(17,52,46,.44));
  box-shadow:
    0 24px 64px rgba(0,0,0,.54),
    0 0 0 4px rgba(56,207,179,.045),
    0 0 30px rgba(56,207,179,.1),
    inset 0 0 0 5px rgba(201,255,242,.045),
    inset 0 1px rgba(230,255,248,.26);
}
.pulse-compact-frame:after{
  position:absolute;
  z-index:10;
  inset:-8px;
  border:1px solid rgba(201,255,242,.18);
  border-radius:27px;
  content:"";
  pointer-events:none;
  background:
    linear-gradient(90deg,#83e8cc 0 28px,transparent 28px) left top/58px 1px no-repeat,
    linear-gradient(#83e8cc 0 28px,transparent 28px) left top/1px 58px no-repeat,
    linear-gradient(270deg,#60cdbb 0 28px,transparent 28px) right bottom/58px 1px no-repeat,
    linear-gradient(0deg,#60cdbb 0 28px,transparent 28px) right bottom/1px 58px no-repeat;
  opacity:.82;
}
.pulse-expanded-frame{
  isolation:isolate;
}
.pulse-expanded-frame:before{
  position:absolute;
  z-index:0;
  inset:-11px;
  border:1px solid rgba(105,235,208,.35);
  border-radius:29px;
  content:"";
  pointer-events:none;
  background:linear-gradient(150deg,rgba(105,235,208,.13),rgba(17,52,46,.2) 48%,rgba(56,207,179,.11));
  box-shadow:
    0 30px 82px rgba(0,0,0,.6),
    0 0 34px rgba(56,207,179,.1),
    inset 0 0 0 6px rgba(201,255,242,.035),
    inset 0 1px rgba(230,255,248,.25);
  backdrop-filter:blur(10px) saturate(1.12);
}
.pulse-expanded-frame:after{
  position:absolute;
  z-index:11;
  inset:-9px;
  border-radius:28px;
  content:"";
  pointer-events:none;
  background:
    linear-gradient(90deg,#83e8cc 0 54px,transparent 54px) left top/96px 2px no-repeat,
    linear-gradient(#83e8cc 0 54px,transparent 54px) left top/2px 96px no-repeat,
    linear-gradient(270deg,#60cdbb 0 54px,transparent 54px) right bottom/96px 2px no-repeat,
    linear-gradient(0deg,#60cdbb 0 54px,transparent 54px) right bottom/2px 96px no-repeat;
  filter:drop-shadow(0 0 7px rgba(105,235,208,.3));
}
.pulse-expanded-frame>.pulse-loop{
  position:relative;
  z-index:1;
  border:0;
}
.pulse-compact-frame>.pulse-loop{border-radius:20px}

.compact-frame>.pulse-loop{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:none;user-select:none;pointer-events:none}
.pulse-expanded-frame>.pulse-loop{display:block;width:100%;height:100%;border-radius:20px;object-fit:cover;object-position:center top;user-select:none;pointer-events:none}
.pulse-compact-frame .pulse-nameplate,.pulse-expanded-frame .pulse-nameplate,.pulse-expanded-frame .image-actions{position:absolute;z-index:12}

/* Operator-only frame 5: cobalt industrial chassis with precision rails. */
.compact-frame>.operator-loop{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:none;user-select:none;pointer-events:none}
.operator-compact-frame{
  isolation:isolate;
  overflow:visible;
  border:1px solid rgba(101,177,255,.5);
  background:linear-gradient(145deg,rgba(67,146,231,.14),rgba(13,31,57,.54));
  box-shadow:
    0 26px 70px rgba(0,0,0,.58),
    0 0 0 4px rgba(65,139,224,.05),
    0 0 30px rgba(51,145,255,.13),
    inset 0 1px rgba(220,240,255,.26),
    inset 0 0 24px rgba(49,133,231,.08);
}
.operator-compact-frame:before{
  position:absolute;
  z-index:9;
  inset:-8px;
  border-radius:27px;
  content:"";
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(167,216,255,.8) 0 42px,transparent 42px) left top/82px 2px no-repeat,
    linear-gradient(rgba(167,216,255,.8) 0 42px,transparent 42px) left top/2px 82px no-repeat,
    linear-gradient(270deg,rgba(66,151,255,.72) 0 42px,transparent 42px) right bottom/82px 2px no-repeat,
    linear-gradient(0deg,rgba(66,151,255,.72) 0 42px,transparent 42px) right bottom/2px 82px no-repeat;
  opacity:.76;
}
.operator-compact-frame:after{
  position:absolute;
  z-index:8;
  inset:-13px;
  border:1px solid rgba(144,202,255,.1);
  border-radius:31px;
  content:"";
  pointer-events:none;
  box-shadow:inset 0 0 18px rgba(45,135,234,.07);
}
.operator-expanded-frame{isolation:isolate}
.operator-expanded-frame:before{
  position:absolute;
  z-index:0;
  inset:-12px;
  border:1px solid rgba(104,179,255,.4);
  border-radius:28px 28px 24px 24px;
  content:"";
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(120,190,255,.13) 1px,transparent 1px) 0 0/32px 100%,
    linear-gradient(145deg,rgba(82,158,238,.12),rgba(12,31,58,.26));
  box-shadow:
    0 34px 94px rgba(0,0,0,.64),
    0 0 46px rgba(45,141,255,.16),
    inset 0 1px rgba(221,241,255,.3),
    inset 0 0 30px rgba(40,125,224,.09);
  backdrop-filter:blur(11px) saturate(1.12);
}
.operator-expanded-frame:after{
  position:absolute;
  z-index:11;
  inset:-9px;
  border-radius:28px;
  content:"";
  pointer-events:none;
  background:
    linear-gradient(90deg,#b8ddff 0 68px,transparent 68px) left top/118px 2px no-repeat,
    linear-gradient(#b8ddff 0 68px,transparent 68px) left top/2px 118px no-repeat,
    linear-gradient(270deg,#4b9dff 0 68px,transparent 68px) right bottom/118px 2px no-repeat,
    linear-gradient(0deg,#4b9dff 0 68px,transparent 68px) right bottom/2px 118px no-repeat;
  filter:drop-shadow(0 0 8px rgba(58,150,255,.32));
  opacity:.8;
}
.operator-expanded-frame>.operator-loop{position:relative;z-index:1;display:block;width:100%;height:100%;border:0;border-radius:20px;object-fit:cover;object-position:center top;user-select:none;pointer-events:none}
.operator-compact-frame>.operator-loop{border-radius:20px}
.operator-compact-frame .operator-nameplate,.operator-expanded-frame .operator-nameplate,.operator-expanded-frame .image-actions{position:absolute;z-index:12}

/* Living ambient background: a quiet aurora, a fine technical grid and a
   cursor-following pool of light. Content stays on its own clean layer. */
:root{
  --pointer-x:50vw;
  --pointer-y:38vh;
}
body{
  position:relative;
  isolation:isolate;
  overflow-x:hidden;
}
body:before,
body:after{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  content:"";
}
body:before{
  opacity:.72;
  background:
    radial-gradient(420px circle at var(--pointer-x) var(--pointer-y),rgba(111,82,230,.115),rgba(58,189,163,.045) 38%,transparent 72%),
    linear-gradient(rgba(122,185,190,.027) 1px,transparent 1px),
    linear-gradient(90deg,rgba(122,185,190,.027) 1px,transparent 1px);
  background-size:auto,72px 72px,72px 72px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 2%,#000 20%,#000 92%,transparent);
  mask-image:linear-gradient(to bottom,transparent 2%,#000 20%,#000 92%,transparent);
  transition:background-position .12s linear;
}
body:after{
  inset:-24%;
  opacity:.58;
  background:
    radial-gradient(ellipse at 18% 42%,rgba(15,155,139,.16),transparent 31%),
    radial-gradient(ellipse at 66% 24%,rgba(102,61,205,.15),transparent 30%),
    radial-gradient(ellipse at 86% 66%,rgba(34,117,173,.09),transparent 27%);
  filter:blur(45px);
  transform-origin:center;
  animation:ambientAurora 16s ease-in-out infinite alternate;
}
.site-shell{
  position:relative;
  z-index:1;
}
.agents-section:before{
  position:absolute;
  z-index:-1;
  right:4%;
  bottom:5%;
  left:4%;
  height:42%;
  border-radius:50%;
  content:"";
  pointer-events:none;
  opacity:.52;
  background:linear-gradient(90deg,rgba(49,224,196,.08),rgba(139,83,243,.11),rgba(105,215,56,.06));
  filter:blur(60px);
  animation:agentHorizon 7s ease-in-out infinite;
}
@keyframes ambientAurora{
  0%{transform:translate3d(-2%,-1%,0) rotate(-1deg) scale(1)}
  50%{transform:translate3d(3%,2%,0) rotate(1.5deg) scale(1.06)}
  100%{transform:translate3d(-1%,4%,0) rotate(-.5deg) scale(1.02)}
}
@keyframes agentHorizon{
  0%,100%{opacity:.34;transform:scaleX(.92)}
  50%{opacity:.62;transform:scaleX(1.04)}
}
@media(max-width:720px){
  body:before{
    background-size:auto,48px 48px,48px 48px;
  }
  body:after{
    opacity:.42;
  }
}

/* Wide screens previously distributed all leftover space between the cards.
   A controlled gap keeps the five-agent group visually connected and leaves
   enough room for Pulse's natural-ratio expanded state. */
@media(min-width:1450px){
  .agents-grid{
    justify-content:center;
    gap:clamp(72px,5vw,96px);
  }
}

/* Lively navigation states without the conventional pressed-tab underline. */
.primary-nav{
  gap:24px;
}
.primary-nav a{
  height:auto;
  min-height:40px;
  padding:0 16px;
  overflow:hidden;
  border:1px solid rgba(157,124,220,.2);
  border-radius:999px;
  color:#d7d2dd;
  background:linear-gradient(120deg,rgba(113,79,176,.035),rgba(47,108,105,.018));
  box-shadow:inset 0 1px rgba(222,205,255,.035);
  transition:color .25s ease,transform .28s cubic-bezier(.2,.8,.2,1),background .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.primary-nav a:before{
  position:absolute;
  inset:0;
  content:"";
  pointer-events:none;
  opacity:0;
  background:linear-gradient(110deg,transparent 12%,rgba(255,255,255,.12) 48%,transparent 72%);
  transform:translateX(-120%);
}
.primary-nav a:hover{
  color:#eee6ff;
  border-color:rgba(174,138,241,.4);
  background:linear-gradient(120deg,rgba(125,83,207,.1),rgba(50,154,137,.045));
  box-shadow:0 8px 24px rgba(61,35,112,.16),inset 0 1px rgba(232,218,255,.06);
  transform:translateY(-2px);
}
.primary-nav a:hover:before{
  opacity:1;
  animation:navShimmer .75s ease forwards;
}
.primary-nav .active{
  color:#ddc9ff;
  border-color:rgba(174,132,255,.46);
  background:linear-gradient(120deg,rgba(117,70,211,.16),rgba(39,171,150,.055));
  box-shadow:0 0 24px rgba(136,84,235,.12),inset 0 1px rgba(239,226,255,.08);
}
.primary-nav .active:after{
  display:none;
}
@keyframes navShimmer{
  to{transform:translateX(120%)}
}

/* Hunter capability experience. */
.agent-dialog{
  width:min(1120px,calc(100% - 44px));
  max-height:min(780px,calc(100svh - 44px));
  margin:auto;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(96,230,211,.35);
  border-radius:26px;
  color:#eff8f7;
  background:rgba(3,10,15,.96);
  box-shadow:0 40px 120px rgba(0,0,0,.82),0 0 65px rgba(45,211,190,.1),inset 0 1px rgba(255,255,255,.05);
}
.agent-dialog[open]{
  display:grid;
  grid-template-columns:minmax(310px,.82fr) minmax(470px,1.35fr);
  animation:dialogEnter .46s cubic-bezier(.16,.8,.2,1) both;
}
.agent-dialog::backdrop{
  background:rgba(1,5,9,.78);
  backdrop-filter:blur(12px) saturate(.75);
}
.dialog-close{
  position:absolute;
  z-index:20;
  top:18px;
  right:18px;
  display:grid;
  width:38px;
  height:38px;
  padding:0;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  color:#dce8e7;
  background:rgba(8,17,22,.82);
  font:300 1.55rem/1 "DM Sans",sans-serif;
  cursor:pointer;
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.dialog-close:hover{border-color:rgba(111,238,220,.6);background:rgba(25,69,64,.85);transform:rotate(90deg)}
.hunter-dialog-visual{position:relative;min-height:680px;overflow:hidden;background:#031014}
.hunter-dialog-visual:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 42%,rgba(2,9,13,.2) 58%,#02090d 91%),linear-gradient(90deg,transparent 68%,rgba(2,9,13,.82))}
.hunter-dialog-visual img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.88) contrast(1.04);transform:scale(1.05)}
.hunter-dialog-identity{position:absolute;z-index:3;right:28px;bottom:30px;left:30px}
.agent-status{display:inline-flex;align-items:center;gap:8px;margin-bottom:15px;padding:7px 11px;border:1px solid rgba(86,230,209,.28);border-radius:999px;color:#8de9dc;background:rgba(4,36,36,.68);font-size:.68rem;font-weight:600;letter-spacing:.04em}
.agent-status i{width:6px;height:6px;border-radius:50%;background:#6ff1dc;box-shadow:0 0 11px #6ff1dc;animation:statusPulse 2s ease-in-out infinite}
.hunter-dialog-identity>p{margin:0;color:#7de1d3;font-size:.78rem}
.hunter-dialog-identity h2{margin:2px 0 12px;font-size:clamp(3.4rem,6vw,5.4rem);line-height:.9;letter-spacing:-.06em}
.hunter-dialog-identity .hunter-promise{max-width:330px;color:#d6dfdf;font-size:.9rem;line-height:1.45}
.hunter-dialog-content{display:flex;min-width:0;flex-direction:column;padding:52px 54px 34px;background:radial-gradient(circle at 96% 5%,rgba(45,190,173,.08),transparent 35%),linear-gradient(145deg,rgba(8,20,25,.98),rgba(3,9,14,.98))}
.hunter-dialog-content header{max-width:610px}.eyebrow{color:#73dfd0;font-size:.67rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.hunter-dialog-content h3{margin:10px 0 13px;font-family:"Playfair Display",serif;font-size:clamp(2.2rem,3.3vw,3.35rem);line-height:1.02;letter-spacing:-.035em}.hunter-dialog-content header>p{max-width:600px;margin:0;color:#aeb9bb;font-size:.9rem;line-height:1.55}
.hunter-flow{display:grid;margin:30px 0 26px;padding:0;list-style:none;grid-template-columns:repeat(4,1fr)}
.hunter-flow li{position:relative;display:grid;gap:6px;padding-right:12px}.hunter-flow li:not(:last-child):after{position:absolute;top:8px;right:8px;width:calc(100% - 32px);height:1px;content:"";background:linear-gradient(90deg,rgba(89,225,207,.45),rgba(89,225,207,.05));transform:translateX(50%)}.hunter-flow b{position:relative;z-index:2;width:max-content;padding-right:7px;color:#70decf;background:#071519;font-size:.64rem}.hunter-flow span{color:#d9e1e1;font-size:.75rem}
.hunter-capabilities{display:grid;gap:10px;grid-template-columns:1fr 1fr}.hunter-capabilities article{display:flex;min-width:0;gap:12px;padding:14px;border:1px solid rgba(102,201,190,.14);border-radius:13px;background:rgba(8,23,27,.68);transition:transform .25s ease,border-color .25s ease,background .25s ease}.hunter-capabilities article:hover{border-color:rgba(96,225,208,.38);background:rgba(11,38,40,.78);transform:translateY(-2px)}.hunter-capabilities article>span{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid rgba(96,225,208,.26);border-radius:9px;color:#7be7d8;background:rgba(20,75,69,.28)}.hunter-capabilities b{display:block;margin:1px 0 4px;font-size:.8rem}.hunter-capabilities small{display:block;color:#879597;font-size:.66rem;line-height:1.35}
.hunter-dialog-footer{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-top:auto;padding-top:25px}.hunter-integrations{display:flex;max-width:300px;flex-wrap:wrap;gap:6px}.hunter-integrations small{width:100%;margin-bottom:3px;color:#607174;font-size:.56rem;letter-spacing:.12em}.hunter-integrations span{padding:5px 8px;border:1px solid rgba(255,255,255,.08);border-radius:7px;color:#aebabb;background:rgba(255,255,255,.025);font-size:.6rem}.hunter-dialog-actions{display:flex;gap:9px}.hunter-dialog-actions button{min-height:45px;padding:0 17px;border-radius:11px;color:#edf8f6;font:600 .72rem "DM Sans",sans-serif;cursor:pointer;transition:transform .22s ease,box-shadow .25s ease,border-color .25s ease}.try-hunter{border:1px solid rgba(167,194,195,.22);background:rgba(8,18,23,.85)}.hire-hunter-dialog{display:flex;min-width:140px;align-items:center;justify-content:space-between;border:1px solid rgba(103,239,220,.72);background:linear-gradient(110deg,#0b514b,#147c6e);box-shadow:0 8px 25px rgba(38,190,170,.15)}.hunter-dialog-actions button:hover{transform:translateY(-3px)}.hire-hunter-dialog:hover{box-shadow:0 12px 32px rgba(43,216,192,.25)}
@keyframes dialogEnter{from{opacity:0;transform:translateY(24px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes statusPulse{0%,100%{opacity:.5;transform:scale(.82)}50%{opacity:1;transform:scale(1.28)}}
@media(max-width:820px){.agent-dialog[open]{display:block;overflow-y:auto}.hunter-dialog-visual{min-height:380px}.hunter-dialog-content{padding:34px 24px}.hunter-flow{grid-template-columns:1fr 1fr;gap:18px}.hunter-flow li:after{display:none}.hunter-capabilities{grid-template-columns:1fr}.hunter-dialog-footer{align-items:stretch;flex-direction:column}.hunter-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.hunter-dialog-actions button{width:100%}}

/* Restrained color accents keep Hunter's panel from reading as a wall of white. */
.hunter-dialog-identity h2{
  color:transparent;
  background:linear-gradient(100deg,#f4fffd 8%,#9ef4e6 52%,#57cdbc 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 0 32px rgba(76,225,204,.11);
}
.hunter-dialog-content h3{
  color:#edf5f4;
}
.hunter-dialog-content h3 span{
  color:#76dfcf;
  text-shadow:0 0 28px rgba(77,221,199,.13);
}
.hunter-flow li:nth-child(2) b,.hunter-flow li:nth-child(2) span{color:#88cfc7}
.hunter-flow li:nth-child(3) b,.hunter-flow li:nth-child(3) span{color:#8fd7cc}
.hunter-flow li:nth-child(4) b,.hunter-flow li:nth-child(4) span{color:#a5eadf}
.hunter-capabilities article:nth-child(1) b{color:#9ce9de}
.hunter-capabilities article:nth-child(2) b{color:#b3d9ff}
.hunter-capabilities article:nth-child(3) b{color:#8ed7cd}
.hunter-capabilities article:nth-child(4) b{color:#b7f0c9}
.hunter-dialog-identity .hunter-promise strong,
.hunter-dialog-content header>p strong{color:#77dfd0}

/* Studio detail experience: warmer, more editorial and creative than Hunter. */
.studio-dialog{border-color:rgba(255,117,92,.38);box-shadow:0 40px 120px rgba(0,0,0,.82),0 0 70px rgba(236,76,54,.1),inset 0 1px rgba(255,255,255,.05)}
.studio-dialog-visual{position:relative;min-height:680px;overflow:hidden;background:#130604}
.studio-dialog-visual:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,rgba(12,3,2,.05) 30%,rgba(10,3,2,.3) 54%,#0d0403 91%),linear-gradient(90deg,transparent 68%,rgba(13,4,3,.78))}
.studio-dialog-visual img{width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(.92) contrast(1.05);transform:scale(1.42)}
.studio-dialog-identity{position:absolute;z-index:3;right:28px;bottom:30px;left:30px}
.studio-status{border-color:rgba(255,128,102,.3);color:#ffad9b;background:rgba(70,20,12,.66)}
.studio-status i{background:#ff8068;box-shadow:0 0 11px #ff745a}
.studio-dialog-identity>p{margin:0;color:#ff927d;font-size:.78rem}.studio-dialog-identity h2{margin:2px 0 12px;color:transparent;background:linear-gradient(100deg,#fff7f4 8%,#ffb09f 52%,#f56d52 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 32px rgba(245,100,76,.1);font-size:clamp(3.4rem,6vw,5.4rem);line-height:.9;letter-spacing:-.06em}.studio-dialog-identity .studio-promise{max-width:330px;margin:0;color:#ead7d2;font-size:.9rem;line-height:1.45}
.studio-dialog-content{display:flex;min-width:0;flex-direction:column;padding:52px 54px 34px;background:radial-gradient(circle at 96% 5%,rgba(225,70,46,.09),transparent 35%),linear-gradient(145deg,rgba(25,11,10,.98),rgba(10,6,8,.98))}
.studio-dialog-content header{max-width:610px}.studio-dialog-content .eyebrow{color:#ff8f79}.studio-dialog-content h3{margin:10px 0 13px;color:#f6eeec;font-family:"Playfair Display",serif;font-size:clamp(2.2rem,3.3vw,3.35rem);line-height:1.02;letter-spacing:-.035em}.studio-dialog-content h3 span{color:#ff856d;text-shadow:0 0 28px rgba(245,91,64,.15)}.studio-dialog-content header>p{max-width:600px;margin:0;color:#bdaca9;font-size:.9rem;line-height:1.55}
.studio-flow{display:grid;margin:30px 0 26px;padding:0;list-style:none;grid-template-columns:repeat(4,1fr)}.studio-flow li{position:relative;display:grid;gap:6px;padding-right:12px}.studio-flow li:not(:last-child):after{position:absolute;top:8px;right:8px;width:calc(100% - 32px);height:1px;content:"";background:linear-gradient(90deg,rgba(245,104,79,.46),rgba(245,104,79,.05));transform:translateX(50%)}.studio-flow b{position:relative;z-index:2;width:max-content;padding-right:7px;color:#ff866f;background:#180a09;font-size:.64rem}.studio-flow span{color:#e8cfca;font-size:.75rem}
.studio-capabilities{display:grid;gap:10px;grid-template-columns:1fr 1fr}.studio-capabilities article{display:flex;min-width:0;gap:12px;padding:14px;border:1px solid rgba(242,102,78,.17);border-radius:13px;background:rgba(34,12,10,.62);transition:transform .25s ease,border-color .25s ease,background .25s ease}.studio-capabilities article:hover{border-color:rgba(255,126,103,.4);background:rgba(55,20,16,.72);transform:translateY(-2px)}.studio-capabilities article>span{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,125,101,.29);border-radius:9px;color:#ff9a85;background:rgba(111,37,26,.25)}.studio-capabilities b{display:block;margin:1px 0 4px;font-size:.8rem}.studio-capabilities article:nth-child(1) b{color:#ffb09f}.studio-capabilities article:nth-child(2) b{color:#ffc4a9}.studio-capabilities article:nth-child(3) b{color:#ff947e}.studio-capabilities article:nth-child(4) b{color:#ffd0bd}.studio-capabilities small{display:block;color:#9e8986;font-size:.66rem;line-height:1.35}
.studio-dialog-footer{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-top:auto;padding-top:25px}.studio-integrations{display:flex;max-width:300px;flex-wrap:wrap;gap:6px}.studio-integrations small{width:100%;margin-bottom:3px;color:#78615e;font-size:.56rem;letter-spacing:.12em}.studio-integrations span{padding:5px 8px;border:1px solid rgba(255,145,122,.1);border-radius:7px;color:#c3aaa5;background:rgba(255,112,84,.035);font-size:.6rem}.studio-dialog-actions{display:flex;gap:9px}.studio-dialog-actions button{min-height:45px;padding:0 17px;border-radius:11px;color:#fff4f1;font:600 .72rem "DM Sans",sans-serif;cursor:pointer;transition:transform .22s ease,box-shadow .25s ease,border-color .25s ease}.try-studio{border:1px solid rgba(218,172,163,.24);background:rgba(24,12,13,.86)}.hire-studio-dialog{display:flex;min-width:140px;align-items:center;justify-content:space-between;border:1px solid rgba(255,139,113,.76);background:linear-gradient(110deg,#7d291d,#c44e38);box-shadow:0 8px 25px rgba(220,71,45,.17)}.studio-dialog-actions button:hover{transform:translateY(-3px)}.hire-studio-dialog:hover{box-shadow:0 12px 32px rgba(235,79,51,.27)}
@media(max-width:820px){.studio-dialog-visual{min-height:380px}.studio-dialog-content{padding:34px 24px}.studio-flow{grid-template-columns:1fr 1fr;gap:18px}.studio-flow li:after{display:none}.studio-capabilities{grid-template-columns:1fr}.studio-dialog-footer{align-items:stretch;flex-direction:column}.studio-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.studio-dialog-actions button{width:100%}}

/* Studio refinement: editorial portrait, larger copy and a plum-led palette
   where coral is reserved for deliberate accents. */
.studio-dialog{
  border-color:rgba(190,116,158,.35);
  box-shadow:0 40px 120px rgba(0,0,0,.82),0 0 70px rgba(121,70,139,.13),inset 0 1px rgba(255,255,255,.05);
}
.studio-dialog-visual{background:#100912}
.studio-dialog-visual:after{
  background:linear-gradient(180deg,transparent 42%,rgba(12,7,14,.14) 57%,#0b070d 92%),linear-gradient(90deg,transparent 70%,rgba(10,7,13,.7));
}
.studio-dialog-visual img{
  object-position:center 22%;
  filter:saturate(.9) contrast(1.03);
  transform:scale(1.02);
}
.studio-status{border-color:rgba(214,133,177,.32);color:#f3b3d1;background:rgba(60,28,55,.68)}
.studio-status i{background:#df7ead;box-shadow:0 0 11px #ce6fa1}
.studio-dialog-identity>p{color:#e99bbb;font-size:.84rem}
.studio-dialog-identity h2{background:linear-gradient(100deg,#fff8fb 8%,#f0afd0 52%,#be82d7 100%);-webkit-background-clip:text;background-clip:text}
.studio-dialog-identity .studio-promise{color:#dfd1dc;font-size:.96rem;line-height:1.48}
.studio-dialog-content{
  padding:48px 50px 32px;
  background:radial-gradient(circle at 96% 5%,rgba(160,78,132,.11),transparent 35%),linear-gradient(145deg,rgba(25,14,27,.98),rgba(9,7,13,.98));
}
.studio-dialog-content .eyebrow{color:#ef9fbe;font-size:.72rem}
.studio-dialog-content h3{font-size:clamp(2.35rem,3.45vw,3.5rem);color:#f5eef4}
.studio-dialog-content h3 span{color:#ef8fbc;text-shadow:0 0 28px rgba(196,93,153,.16)}
.studio-dialog-content header>p{color:#c2b3bf;font-size:.96rem;line-height:1.55}
.studio-flow span{color:#d8c5d4;font-size:.8rem}
.studio-flow b{color:#e9a0c0;background:#180f1b;font-size:.68rem}
.studio-flow li:not(:last-child):after{background:linear-gradient(90deg,rgba(204,120,166,.46),rgba(142,98,178,.06))}
.studio-capabilities{gap:11px}
.studio-capabilities article{
  gap:13px;
  padding:16px;
  border-color:rgba(183,115,160,.19);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(49,27,47,.7),rgba(24,17,31,.68));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.studio-capabilities article:hover{
  border-color:rgba(225,139,186,.44);
  background:linear-gradient(135deg,rgba(65,33,58,.78),rgba(30,20,39,.76));
  box-shadow:0 10px 28px rgba(10,4,14,.24),inset 0 1px rgba(255,255,255,.04);
  transform:translateY(-3px);
}
.studio-capabilities article>span{
  width:38px;
  height:38px;
  border-color:rgba(229,139,183,.3);
  border-radius:11px;
  color:#f0a1c4;
  background:linear-gradient(145deg,rgba(119,55,91,.4),rgba(72,42,83,.28));
  font-size:.95rem;
}
.studio-capabilities b{margin-bottom:5px;font-size:.86rem}
.studio-capabilities article:nth-child(1) b{color:#f4b0cc}
.studio-capabilities article:nth-child(2) b{color:#d6b7f0}
.studio-capabilities article:nth-child(3) b{color:#ef9dbd}
.studio-capabilities article:nth-child(4) b{color:#c7bce9}
.studio-capabilities small{color:#b2a4b0;font-size:.7rem;line-height:1.38}
.studio-capabilities small em{display:block;margin-top:6px;color:#d8a9c2;font-size:.59rem;font-style:normal;letter-spacing:.025em}
.studio-integrations small{color:#8f778d;font-size:.6rem}
.studio-integrations span{padding:6px 9px;border-color:rgba(203,137,178,.16);color:#cdbac9;background:rgba(139,81,126,.055);font-size:.64rem}
.hire-studio-dialog{border-color:rgba(226,133,180,.68);background:linear-gradient(110deg,#713653,#8750a3)}
.hire-studio-dialog:hover{box-shadow:0 12px 32px rgba(157,79,135,.26)}

/* Studio output showcase: concrete deliverables and instantly familiar channels. */
.studio-capabilities article{padding-right:76px}
.studio-capabilities article>strong{
  position:absolute;
  top:14px;
  right:13px;
  padding:4px 7px;
  border:1px solid rgba(223,145,190,.19);
  border-radius:999px;
  color:#d9aac6;
  background:rgba(117,65,105,.12);
  font-size:.52rem;
  font-weight:600;
  letter-spacing:.035em;
  white-space:nowrap;
}
.studio-output-board{
  margin-top:13px;
  padding:12px 14px 13px;
  border:1px solid rgba(176,123,166,.14);
  border-radius:14px;
  background:linear-gradient(110deg,rgba(38,25,43,.72),rgba(18,16,28,.68));
}
.output-label{display:block;margin-bottom:9px;color:#9d8298;font-size:.54rem;font-weight:600;letter-spacing:.13em}
.studio-channels{display:flex;flex-wrap:wrap;gap:7px}
.studio-channels>span{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  gap:6px;
  padding:0 9px 0 6px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:999px;
  color:#cbbfc9;
  background:rgba(255,255,255,.028);
  font-size:.6rem;
  transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease;
}

/* Studio showcase: a free editorial canvas, intentionally unlike the card grids used by other agents. */
.studio-dialog[open]{
  display:block;
  width:min(1380px,calc(100% - 30px));
  height:min(800px,calc(100svh - 28px));
  max-height:none;
  overflow:hidden;
  border-color:rgba(255,130,111,.3);
  border-radius:28px;
  background:#11151d;
  box-shadow:0 46px 140px rgba(0,0,0,.86),0 0 80px rgba(238,99,75,.12),inset 0 1px rgba(255,255,255,.07);
}
.studio-showcase{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 35%,rgba(255,105,78,.2),transparent 29%),
    radial-gradient(circle at 89% 82%,rgba(29,155,176,.14),transparent 24%),
    radial-gradient(circle at 18% 18%,rgba(129,67,118,.2),transparent 31%),
    linear-gradient(132deg,#1d1822 0%,#111923 46%,#091116 100%);
  isolation:isolate;
}
.studio-showcase:before{
  position:absolute;
  inset:0;
  z-index:-1;
  content:"";
  opacity:.34;
  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:48px 48px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 72%);
  mask-image:linear-gradient(90deg,#000,transparent 72%);
}
.studio-showcase-copy{position:absolute;z-index:8;top:66px;left:58px;width:34%;max-width:430px}
.studio-showcase-kicker{display:block;margin-bottom:18px;color:#ff9b87;font-size:.66rem;font-weight:800;letter-spacing:.17em}
.studio-showcase-copy h2{margin:0;color:#fff5f0;font-family:"Playfair Display",serif;font-size:clamp(3.7rem,6vw,6.25rem);line-height:.84;letter-spacing:-.065em}
.studio-showcase-copy h2 em{display:inline-block;color:transparent;background:linear-gradient(92deg,#ff765f 0%,#ffb080 42%,#e899cb 72%,#86dce4 100%);-webkit-background-clip:text;background-clip:text;font-style:normal;text-shadow:0 0 40px rgba(255,112,91,.08)}
.studio-showcase-copy>p{max-width:380px;margin:24px 0 0;color:#d7cbd0;font-size:.94rem;line-height:1.62}
.studio-showcase-proof{display:flex;align-items:center;gap:10px;margin-top:22px;color:#f1b3a7;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.studio-showcase-proof i{width:8px;height:8px;border-radius:50%;background:#69e0cf;box-shadow:0 0 15px rgba(105,224,207,.9)}
.studio-showcase-art{position:absolute;inset:0;margin:0}
.studio-shot{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,182,166,.25);border-radius:20px;background:#090d12;box-shadow:0 24px 65px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.07)}
.studio-shot img{display:block;width:100%;height:100%;object-fit:cover}
.studio-shot figcaption{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:end;justify-content:space-between;gap:15px;padding:34px 20px 16px;background:linear-gradient(transparent,rgba(4,7,10,.93));text-shadow:0 2px 12px #000}
.studio-shot figcaption b{color:#fff5f1;font-size:.82rem}.studio-shot figcaption span{color:#ff9d89;font-size:.59rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.studio-shot-main{z-index:2;top:42px;right:42px;width:62%;height:55%}
.studio-shot-main img{object-position:center 42%}
.studio-shot-main:after{position:absolute;inset:0;content:"";pointer-events:none;box-shadow:inset 0 0 55px rgba(4,8,13,.28)}
.studio-shot-result{z-index:5;right:50px;bottom:54px;width:26%;height:35%;border-color:rgba(255,135,112,.46);transform:rotate(2.2deg)}
.studio-shot-result img{object-position:center 30%}
.studio-shot-result figcaption{padding-right:16px;padding-left:16px}
.studio-shot-diagonal{z-index:6;left:31%;bottom:61px;width:43%;height:25%;border-color:rgba(116,221,220,.34);transform:rotate(-7deg);transform-origin:center;box-shadow:0 28px 70px rgba(0,0,0,.66),0 0 34px rgba(55,193,207,.08)}
.studio-shot-diagonal img{object-position:center 39%;transform:scale(1.02)}
.studio-showcase-footer{position:absolute;z-index:10;right:55px;bottom:18px;left:58px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.studio-showcase-footer>span{color:#8d8992;font-size:.56rem;font-weight:700;letter-spacing:.18em}
.studio-showcase-footer button{display:flex;min-width:188px;height:46px;align-items:center;justify-content:space-between;padding:0 18px;border-radius:12px;color:#fff;pointer-events:auto;font:700 .72rem "DM Sans",sans-serif;cursor:pointer}
.studio-showcase-footer button b{font-size:1rem}
@media(max-width:980px){
  .studio-dialog[open]{height:calc(100svh - 20px);overflow-y:auto}
  .studio-showcase{display:flex;min-height:1080px;flex-direction:column;padding:58px 22px 26px}
  .studio-showcase-copy{position:relative;top:auto;left:auto;width:auto;max-width:650px}
  .studio-showcase-copy h2{font-size:clamp(3.4rem,12vw,5.8rem)}
  .studio-showcase-art{position:relative;display:grid;margin-top:34px;grid-template-columns:1fr 1fr;gap:16px}
  .studio-shot{position:relative;inset:auto;width:auto;height:auto;min-height:300px;transform:none}
  .studio-shot-main{grid-column:1/-1;min-height:430px}
  .studio-shot-diagonal{grid-column:1/-1;min-height:260px;transform:rotate(-2deg)}
  .studio-showcase-footer{position:relative;right:auto;bottom:auto;left:auto;margin-top:auto;padding-top:24px}
}
@media(max-width:620px){
  .studio-showcase{min-height:1320px}
  .studio-showcase-art{grid-template-columns:1fr}
  .studio-shot-main,.studio-shot-diagonal{grid-column:auto}
  .studio-shot-main{min-height:360px}.studio-shot-result{min-height:340px}.studio-shot-diagonal{min-height:280px}
  .studio-showcase-footer>span{display:none}.studio-showcase-footer button{width:100%}
}
.studio-channels>span:hover{color:#fff;transform:translateY(-2px)}
.studio-channels i{
  display:grid;
  width:18px;
  height:18px;
  place-items:center;
  border-radius:6px;
  font-size:.58rem;
  font-style:normal;
  font-weight:700;
}
.channel-instagram i{color:#fff;background:linear-gradient(145deg,#7548d8,#d4478d 50%,#f3a04b)}
.channel-instagram:hover{border-color:rgba(213,89,160,.38)!important;background:rgba(169,65,137,.08)!important}
.channel-facebook i{color:#fff;background:#2775e8;font-family:Arial,sans-serif;font-size:.82rem}
.channel-facebook:hover{border-color:rgba(64,133,235,.42)!important;background:rgba(39,117,232,.08)!important}
.channel-story i{color:#ffb1cf;background:linear-gradient(145deg,#723b8d,#a34772)}
.channel-story:hover{border-color:rgba(212,108,169,.4)!important}
.channel-youtube i{color:#fff;background:#df3c4b;font-size:.5rem}
.channel-youtube:hover{border-color:rgba(226,66,79,.4)!important;background:rgba(223,60,75,.08)!important}
.channel-linkedin i{color:#fff;background:#2879ad;font-family:Arial,sans-serif}
.channel-linkedin:hover{border-color:rgba(54,137,190,.4)!important;background:rgba(40,121,173,.08)!important}
.channel-email i{color:#d9c2ef;background:#4f4162}
.channel-ads i{color:#ffd08b;background:#66502c;font-size:.47rem}
.channel-web i{color:#9de5d7;background:#285d58}
.studio-dialog-footer{padding-top:15px}
@media(max-width:820px){.studio-capabilities article{padding-right:82px}.studio-output-board{margin-top:12px}}

/* Compact Studio composition: one viewport, faster scanning, no repetition. */
.studio-dialog[open]{max-height:min(700px,calc(100svh - 36px))}
.studio-dialog-visual{min-height:660px}
.studio-dialog-identity{right:26px;bottom:24px;left:28px}
.studio-dialog-identity h2{font-size:clamp(3.2rem,5vw,4.65rem)}
.studio-dialog-identity .studio-promise{font-size:.84rem;line-height:1.42}
.studio-dialog-content{padding:38px 46px 26px}
.studio-dialog-content h3{margin:8px 0 10px;font-size:clamp(2.15rem,3vw,3.05rem)}
.studio-dialog-content header>p{max-width:590px;font-size:.84rem;line-height:1.45}
.studio-flow{display:none}
.studio-capabilities{margin-top:24px;gap:9px}
.studio-capabilities article{min-height:82px;align-items:center;padding:12px 70px 12px 12px;border-radius:13px}
.studio-capabilities article>span{width:34px;height:34px;border-radius:9px}
.studio-capabilities b{margin:0 0 4px;font-size:.78rem}
.studio-capabilities small{font-size:.64rem;line-height:1.25}
.studio-capabilities small em{display:none}
.studio-capabilities article>strong{top:12px;right:11px;font-size:.49rem}
.studio-output-board{margin-top:11px;padding:10px 12px 11px}
.output-label{margin-bottom:7px;font-size:.5rem}
.studio-channels{gap:5px}
.studio-channels>span{min-height:25px;padding:0 7px 0 5px;font-size:.55rem}
.studio-channels i{width:16px;height:16px;font-size:.51rem}
.studio-dialog-footer{justify-content:flex-end;margin-top:auto;padding-top:13px}
.studio-dialog-actions button{min-height:42px}
@media(max-width:820px){.studio-dialog[open]{max-height:calc(100svh - 24px);overflow-y:auto}.studio-dialog-visual{min-height:360px}.studio-dialog-content{padding:30px 22px 24px}.studio-capabilities{margin-top:20px}.studio-dialog-footer{padding-top:16px}}

/* Crisp, current capability cards with larger bespoke line icons. */
.studio-capabilities{gap:10px}
.studio-capabilities article{
  min-height:90px;
  gap:14px;
  padding:14px 78px 14px 14px;
  border-width:1px;
  border-color:rgba(217,139,185,.28);
  background:linear-gradient(135deg,rgba(52,29,51,.8),rgba(24,18,34,.8));
}
.studio-capabilities article:nth-child(2){border-color:rgba(167,132,214,.28);background:linear-gradient(135deg,rgba(45,30,54,.82),rgba(23,19,36,.8))}
.studio-capabilities article:nth-child(3){border-color:rgba(220,121,164,.3);background:linear-gradient(135deg,rgba(55,27,45,.82),rgba(28,17,31,.8))}
.studio-capabilities article:nth-child(4){border-color:rgba(146,143,211,.28);background:linear-gradient(135deg,rgba(39,32,55,.82),rgba(22,20,37,.8))}
.studio-capabilities article>span{
  width:42px;
  height:42px;
  border-width:1px;
  border-color:rgba(240,157,201,.42);
  border-radius:12px;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 6px 18px rgba(14,5,17,.2);
}
.studio-capabilities article:nth-child(2)>span{color:#c9a7ed;border-color:rgba(190,153,230,.42);background:linear-gradient(145deg,rgba(102,69,130,.52),rgba(62,48,91,.34))}
.studio-capabilities article:nth-child(3)>span{color:#f09abf;border-color:rgba(234,139,181,.43);background:linear-gradient(145deg,rgba(123,54,86,.5),rgba(81,41,67,.34))}
.studio-capabilities article:nth-child(4)>span{color:#bdb8ed;border-color:rgba(167,162,225,.42);background:linear-gradient(145deg,rgba(78,73,130,.48),rgba(51,48,91,.34))}
.studio-capabilities svg{width:21px;height:21px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.studio-capabilities article:first-child svg{fill:currentColor;stroke:none}
.studio-capabilities b{font-size:.86rem;line-height:1.2}
.studio-capabilities small{font-size:.7rem;line-height:1.3}
.studio-capabilities article>strong{top:13px;right:12px;padding:5px 8px;font-size:.53rem}
@media(max-width:820px){.studio-capabilities article{padding-right:84px}}

/* Keep result badges inside their cards and give every channel its own tile. */
.studio-capabilities article{position:relative}
.studio-dialog .dialog-close{z-index:50;background:#0d1017;box-shadow:0 6px 20px rgba(0,0,0,.38)}
.studio-channels{gap:8px}
.studio-channels>span{
  min-height:34px;
  padding:5px 10px 5px 7px;
  border-color:rgba(207,170,202,.15);
  border-radius:9px;
  background:linear-gradient(145deg,rgba(52,38,55,.78),rgba(27,23,37,.75));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 5px 14px rgba(7,4,11,.13);
  font-size:.62rem;
}
.studio-channels i{
  width:22px;
  height:22px;
  border-radius:7px;
  font-size:.62rem;
}
.channel-facebook i{font-size:.9rem}
.channel-youtube i{font-size:.58rem}
.channel-ads i{font-size:.5rem}
.studio-output-board{padding:11px 13px 13px}
@media(max-width:820px){.studio-channels>span{min-height:32px;padding:4px 8px 4px 6px}.studio-channels i{width:21px;height:21px}}

/* Re-center the full desktop composition with comfortable top breathing room. */
@media(min-width:1051px) and (min-height:680px){
  body{padding-top:20px}
  .site-shell{height:calc(100svh - 20px);transform:none}
  .site-shell main{
    height:calc(100svh - 92px);
  }
}

/* Hunter hover expression test: crossfade to a subtle smile after the card opens. */
.hunter-expanded-frame>.hunter-expression-base{position:relative;z-index:1}
.hunter-expanded-frame>.hunter-expression-smile{position:absolute;z-index:2;inset:0;opacity:0;pointer-events:none}
.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-expression-smile{animation:hunterSmile 1.35s .55s cubic-bezier(.22,.75,.25,1) forwards}
@keyframes hunterSmile{0%,28%{opacity:0;transform:scale(1)}100%{opacity:1;transform:scale(1.004)}}
@media(prefers-reduced-motion:reduce){.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-expression-smile{animation:none;opacity:1}}

/* Hunter is alive at rest; the video itself is the card, without a second dark frame. */
.hunter-compact-frame{border:0;background:transparent;box-shadow:none}
.hunter-compact-frame>.hunter-hover-video{position:absolute;z-index:2;inset:-2px;display:block;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:20px;object-fit:cover;transform:scale(1.12);user-select:none}
@media(prefers-reduced-motion:reduce){.hunter-hover-video{display:none!important}}

/* Hunter identity is live HTML over the clean portrait, never baked into the image. */
.hunter-compact-frame>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  transform:none;
}
.hunter-nameplate{
  position:absolute;
  z-index:4;
  right:9%;
  bottom:7%;
  left:9%;
  display:grid;
  padding:14px 15px 13px 18px;
  overflow:hidden;
  border:1px solid rgba(91,190,255,.5);
  border-radius:13px;
  background:linear-gradient(110deg,rgba(3,10,17,.9),rgba(5,18,31,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.34),0 0 18px rgba(36,137,255,.09);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}
.hunter-nameplate:before{
  position:absolute;
  top:12px;
  bottom:12px;
  left:0;
  width:2px;
  border-radius:3px;
  content:"";
  background:#43c8ff;
  box-shadow:0 0 12px rgba(67,200,255,.85);
}
.hunter-nameplate strong{
  color:#f7fbff;
  font-size:clamp(1.05rem,1.65vw,1.42rem);
  font-weight:500;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.hunter-nameplate small{margin-top:6px;color:#a8c6dc;font-size:clamp(.48rem,.63vw,.62rem);letter-spacing:.07em;text-transform:uppercase}
.hunter-nameplate-status{position:absolute;top:10px;right:12px;color:#45d4ff;font-size:.45rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.hunter-nameplate-status:before{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;content:"";background:#45d4ff;box-shadow:0 0 8px #45d4ff}
.hunter-expanded-frame>.hunter-expression-base{aspect-ratio:2/3;object-fit:cover;object-position:center top}
.hunter-nameplate-expanded{right:7%;bottom:16%;left:7%;padding:17px 18px 15px 21px}
.hunter-nameplate-expanded strong{font-size:clamp(1.25rem,2vw,1.75rem)}
.hunter-nameplate-expanded small{font-size:clamp(.55rem,.72vw,.72rem)}
.hunter-slot:is(:hover,:focus-visible,.is-active) .hunter-nameplate{box-shadow:inset 0 1px rgba(255,255,255,.1),0 16px 38px rgba(0,0,0,.42),0 0 24px rgba(36,137,255,.15)}

/* Studio uses the same living-card treatment while preserving its hover details. */
.studio-compact-frame{border:0;background:transparent;box-shadow:none}
.studio-compact-frame>.studio-loop-video{position:absolute;z-index:2;inset:-2px;display:block;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:20px;object-fit:cover;transform:scale(1.12);user-select:none}
@media(prefers-reduced-motion:reduce){.studio-loop-video{display:none!important}}

/* Studio gets a lighter, editorial identity treatment distinct from Hunter. */
.studio-compact-frame>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  transform:none;
}
.studio-expanded-frame>img{aspect-ratio:2/3;object-fit:cover;object-position:center top}
.studio-nameplate{
  position:absolute;
  z-index:4;
  right:7%;
  bottom:7%;
  left:7%;
  display:grid;
  min-height:72px;
  align-items:center;
  padding:12px 12px 12px 11px;
  border:1px solid rgba(198,139,255,.42);
  border-radius:16px;
  background:linear-gradient(112deg,rgba(12,9,22,.9),rgba(35,17,47,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 14px 34px rgba(0,0,0,.38),0 0 22px rgba(196,93,255,.1);
  grid-template-columns:42px 1fr auto;
  column-gap:10px;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.studio-nameplate-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,137,200,.55);border-radius:13px;color:#ffd0eb;background:linear-gradient(145deg,rgba(181,72,142,.52),rgba(100,57,159,.43));box-shadow:0 0 18px rgba(221,91,181,.18);font-size:1.05rem}
.studio-nameplate-copy{display:grid;min-width:0}
.studio-nameplate strong{font-size:clamp(1.05rem,1.55vw,1.38rem);font-weight:500;line-height:1;letter-spacing:.13em;text-transform:uppercase}
.studio-nameplate small{margin-top:6px;overflow:visible;color:#d3b8dc;font-size:clamp(.56rem,.59vw,.65rem);letter-spacing:.025em;text-overflow:clip;text-transform:uppercase;white-space:normal;line-height:1.35;overflow-wrap:break-word}
.studio-nameplate-status{align-self:start;margin-top:2px;color:#ff99c9;font-size:.43rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.studio-nameplate-expanded{right:6%;bottom:16%;left:6%;min-height:84px;padding:14px;grid-template-columns:48px 1fr auto}
.studio-nameplate-expanded .studio-nameplate-mark{width:48px;height:48px;font-size:1.2rem}
.studio-nameplate-expanded strong{font-size:clamp(1.3rem,2vw,1.75rem)}
.studio-nameplate-expanded small{font-size:clamp(.54rem,.68vw,.68rem)}
.studio-slot:is(:hover,:focus-visible,.is-active) .studio-nameplate{border-color:rgba(255,149,210,.58);box-shadow:inset 0 1px rgba(255,255,255,.11),0 18px 42px rgba(0,0,0,.45),0 0 28px rgba(205,91,255,.17)}

/* Operator is animated at rest while its expanded capability card remains on hover. */
.operator-compact-frame{border:0;background:transparent;box-shadow:none}
.operator-compact-frame>.operator-loop-video{position:absolute;z-index:2;inset:-2px;display:block;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:20px;object-fit:cover;transform:scale(1.12);pointer-events:none;user-select:none}
.operator-loop-video::-webkit-media-controls,.operator-loop-video::-webkit-media-controls-enclosure,.operator-loop-video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none}
@media(prefers-reduced-motion:reduce){.operator-loop-video{display:none!important}}

/* Operator uses a disciplined control-label treatment with warm signal accents. */
.operator-compact-frame>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  transform:none;
}
.operator-expanded-frame>img{aspect-ratio:2/3;object-fit:cover;object-position:center top}
.operator-nameplate{
  position:absolute;
  z-index:5;
  right:7%;
  bottom:7%;
  left:7%;
  display:grid;
  min-height:70px;
  align-items:center;
  overflow:hidden;
  padding:11px 13px;
  border:1px solid rgba(245,113,91,.42);
  border-radius:11px;
  background:linear-gradient(105deg,rgba(15,8,12,.93),rgba(40,14,27,.74));
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 14px 32px rgba(0,0,0,.4),0 0 20px rgba(240,81,76,.1);
  grid-template-columns:1fr auto;
  column-gap:11px;
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}
.operator-nameplate:before{position:absolute;top:0;right:0;left:0;height:1px;content:"";background:linear-gradient(90deg,transparent,#ff7768 50%,transparent)}
.operator-nameplate-index{display:grid;width:34px;height:38px;place-items:center;border-right:1px solid rgba(255,133,113,.28);color:#ff8d79;font-size:.62rem;font-weight:600;letter-spacing:.1em}
.operator-nameplate-copy{display:grid;min-width:0}
.operator-nameplate strong{font-size:clamp(.98rem,1.43vw,1.3rem);font-weight:500;line-height:1;letter-spacing:.11em;text-transform:uppercase}
.operator-nameplate small{margin-top:6px;color:#d2b3b5;font-size:clamp(.48rem,.6vw,.6rem);letter-spacing:.07em;text-transform:uppercase}
.operator-nameplate-signal{display:flex;align-items:end;gap:3px;height:20px}
.operator-nameplate-signal i{display:block;width:3px;border-radius:4px;background:#ff7868;box-shadow:0 0 7px rgba(255,98,82,.62)}
.operator-nameplate-signal i:nth-child(1){height:7px}.operator-nameplate-signal i:nth-child(2){height:13px}.operator-nameplate-signal i:nth-child(3){height:19px}
.operator-nameplate-expanded{right:6%;bottom:16%;left:6%;min-height:82px;padding:14px 16px;grid-template-columns:1fr auto}
.operator-nameplate-expanded .operator-nameplate-index{width:40px;height:46px}
.operator-nameplate-expanded strong{font-size:clamp(1.25rem,1.9vw,1.7rem)}
.operator-nameplate-expanded small{font-size:clamp(.55rem,.68vw,.68rem)}
.operator-slot:is(:hover,:focus-visible,.is-active) .operator-nameplate{border-color:rgba(255,129,108,.62);box-shadow:inset 0 1px rgba(255,255,255,.09),0 18px 40px rgba(0,0,0,.46),0 0 26px rgba(240,81,76,.16)}

/* Nova stays fixed and projects forward instead of looking clipped into a container. */
.nova-slot.is-featured .nova-expanded-frame{animation:none}
.nova-expanded-frame{overflow:visible;border-radius:20px;box-shadow:0 30px 75px rgba(0,0,0,.52),0 0 34px rgba(137,86,245,.2),0 0 70px rgba(91,57,185,.12)}
.nova-expanded-frame>img{box-shadow:none}
.nova-expanded-frame>.nova-loop-video{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;border-radius:20px;object-fit:fill;transform:none;filter:drop-shadow(0 18px 28px rgba(0,0,0,.28));pointer-events:none;user-select:none}
.nova-loop-video::-webkit-media-controls,.nova-loop-video::-webkit-media-controls-enclosure,.nova-loop-video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none}
@media(prefers-reduced-motion:reduce){.nova-loop-video{display:none!important}}

/* Nova is permanently presented in her expanded, already-hovered state. */
.nova-expanded-frame>img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2/3;
  border-radius:20px;
  object-fit:cover;
  object-position:center top;
}
.nova-expanded-frame:after{
  position:absolute;
  z-index:3;
  right:0;
  bottom:0;
  left:0;
  height:38%;
  border-radius:0 0 20px 20px;
  content:"";
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(10,4,20,.38) 45%,rgba(7,3,15,.78));
}
.nova-nameplate{
  position:absolute;
  z-index:5;
  right:8%;
  bottom:15.8%;
  left:8%;
  padding:14px 17px 13px;
  border-top:1px solid rgba(223,193,255,.62);
  border-bottom:1px solid rgba(166,112,233,.24);
  background:linear-gradient(90deg,rgba(15,7,27,.84),rgba(39,18,57,.62),rgba(15,7,27,.18));
  box-shadow:0 13px 28px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.nova-nameplate-kicker{display:block;margin-bottom:5px;color:#d6a9ff;font-size:clamp(.48rem,.6vw,.62rem);font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.nova-nameplate strong{display:block;color:#fff;font-size:clamp(1.65rem,2.4vw,2.35rem);font-weight:500;line-height:.94;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 22px rgba(190,131,255,.25)}
.nova-nameplate small{display:block;margin-top:8px;color:#e0d3e9;font-size:clamp(.55rem,.7vw,.72rem);letter-spacing:.065em;text-transform:uppercase}
.nova-expanded-frame>.nova-feature-label{z-index:6}
.nova-expanded-frame>.nova-image-actions{z-index:6}
.nova-image-actions{grid-template-columns:1fr;height:9.4%}
.nova-capabilities-button{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  padding:0 18px;
  overflow:hidden;
  border:2px solid rgba(242,228,255,.9);
  color:#fff;
  background:linear-gradient(115deg,#8f4fe7 0%,#7135c5 52%,#512397 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.3),0 8px 22px rgba(64,27,117,.48),0 0 24px rgba(174,121,255,.32);
  text-shadow:0 1px 8px rgba(18,7,37,.65);
  animation:novaButtonPulse 2.8s ease-in-out infinite;
}
.nova-capabilities-button:before{
  position:absolute;
  inset:0;
  content:"";
  pointer-events:none;
  background:linear-gradient(105deg,transparent 20%,rgba(236,220,255,.2) 48%,transparent 76%);
  transform:translateX(-135%);
  transition:transform .6s ease;
}
.nova-capabilities-button span,.nova-capabilities-button b,.nova-capabilities-button i{position:relative;z-index:1}
.nova-capabilities-button span{color:#fff;font-size:1.12em;text-shadow:0 0 12px rgba(255,255,255,.65)}
.nova-capabilities-button b{font:inherit;font-size:1.06em;letter-spacing:.02em}
.nova-capabilities-button i{display:grid;width:30px;height:30px;margin-left:auto;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:50%;color:#57229c;background:rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(31,10,66,.3);font-size:1.15em;font-style:normal;transition:transform .22s ease,background .22s ease}
.nova-capabilities-button:hover{
  border-color:#ead9ff;
  color:#fff;
  background:linear-gradient(115deg,#a363f4 0%,#8442dd 52%,#6129b3 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.34),0 13px 32px rgba(64,27,117,.58),0 0 30px rgba(190,145,255,.46);
  animation-play-state:paused;
}
.nova-capabilities-button:hover:before{transform:translateX(135%)}
.nova-capabilities-button:hover i{background:#fff;transform:translateX(5px) scale(1.06)}
@keyframes novaButtonPulse{
  0%,100%{box-shadow:inset 0 1px rgba(255,255,255,.28),0 7px 19px rgba(64,27,117,.42),0 0 18px rgba(151,94,247,.25)}
  50%{box-shadow:inset 0 1px rgba(255,255,255,.34),0 10px 27px rgba(64,27,117,.55),0 0 34px rgba(190,145,255,.48)}
}
.agent-explore-actions{grid-template-columns:1fr;height:9.4%}
.agent-explore-button{
  --agent-accent:#fff;
  --agent-glow:rgba(255,255,255,.28);
  --agent-start:#555;
  --agent-mid:#333;
  --agent-end:#191919;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  overflow:hidden;
  padding:0 18px;
  border:2px solid color-mix(in srgb,var(--agent-accent) 74%,white);
  color:#fff;
  background:linear-gradient(115deg,var(--agent-start),var(--agent-mid) 52%,var(--agent-end));
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 8px 22px rgba(0,0,0,.44),0 0 24px var(--agent-glow);
  text-shadow:0 1px 8px rgba(0,0,0,.62);
  animation:agentButtonPulse 2.8s ease-in-out infinite;
}
.agent-explore-button:before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.24) 48%,transparent 76%);transform:translateX(-135%);transition:transform .6s ease}
.agent-explore-button span,.agent-explore-button b,.agent-explore-button i{position:relative;z-index:1}
.agent-explore-button span{color:#fff;font-size:1.12em;text-shadow:0 0 12px rgba(255,255,255,.62)}
.agent-explore-button b{font:inherit;font-size:1.06em;letter-spacing:.02em}
.agent-explore-button i{display:grid;width:30px;height:30px;margin-left:auto;place-items:center;border:1px solid rgba(255,255,255,.62);border-radius:50%;color:var(--agent-end);background:rgba(255,255,255,.93);box-shadow:0 4px 12px rgba(0,0,0,.3);font-size:1.15em;font-style:normal;transition:transform .22s ease,background .22s ease}
.agent-explore-button:hover{border-color:#fff;background:linear-gradient(115deg,color-mix(in srgb,var(--agent-start) 84%,white),var(--agent-start) 54%,var(--agent-mid));box-shadow:inset 0 1px rgba(255,255,255,.35),0 13px 32px rgba(0,0,0,.52),0 0 32px var(--agent-glow);animation-play-state:paused}
.agent-explore-button:hover:before{transform:translateX(135%)}
.agent-explore-button:hover i{background:#fff;transform:translateX(5px) scale(1.06)}
.hunter-explore-button{--agent-accent:#82e8ff;--agent-glow:rgba(55,190,255,.38);--agent-start:#1686bc;--agent-mid:#08638f;--agent-end:#043c63}
.studio-explore-button{--agent-accent:#ffb3dc;--agent-glow:rgba(255,91,185,.38);--agent-start:#dc4d99;--agent-mid:#a82f78;--agent-end:#681d67}
.operator-explore-button{--agent-accent:#ffb09f;--agent-glow:rgba(255,103,83,.38);--agent-start:#db5847;--agent-mid:#a93635;--agent-end:#681f2e}
.pulse-explore-button{--agent-accent:#a2f5df;--agent-glow:rgba(75,226,193,.36);--agent-start:#20a98e;--agent-mid:#117963;--agent-end:#075044}
@keyframes agentButtonPulse{
  0%,100%{box-shadow:inset 0 1px rgba(255,255,255,.26),0 7px 19px rgba(0,0,0,.4),0 0 17px var(--agent-glow)}
  50%{box-shadow:inset 0 1px rgba(255,255,255,.34),0 10px 27px rgba(0,0,0,.5),0 0 31px var(--agent-glow)}
}
@media(max-width:720px){
  .nova-slot.is-featured{z-index:18}
  .nova-slot.is-featured .nova-compact-frame{opacity:0;pointer-events:none}
  .nova-slot.is-featured .nova-expanded-frame{width:100%;opacity:1;pointer-events:auto;transform:translateY(-4px) scale(1);filter:brightness(1.03)}
  .nova-slot.is-featured .nova-feature-label{opacity:1;transform:translateY(0)}
  .nova-nameplate{right:7%;bottom:16%;left:7%}
}

/* Pulse pairs human warmth with a living market-signal identity. */
.pulse-compact-frame>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  transform:none;
}
.pulse-expanded-frame>img{aspect-ratio:2/3;object-fit:cover;object-position:center top}
.pulse-nameplate{
  position:absolute;
  z-index:5;
  right:7%;
  bottom:7%;
  left:7%;
  display:grid;
  min-height:70px;
  align-items:center;
  padding:11px 13px;
  border:1px solid rgba(84,218,190,.38);
  border-radius:999px;
  background:linear-gradient(105deg,rgba(3,15,20,.92),rgba(8,39,43,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 32px rgba(0,0,0,.4),0 0 22px rgba(56,207,179,.1);
  grid-template-columns:42px 1fr auto;
  column-gap:10px;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.pulse-wave{display:flex;width:42px;height:42px;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(91,228,200,.38);border-radius:50%;background:rgba(25,103,91,.28)}
.pulse-wave i{display:block;width:2px;border-radius:4px;background:#67e7cc;box-shadow:0 0 7px rgba(103,231,204,.7);animation:pulseSignal 1.3s ease-in-out infinite alternate}
.pulse-wave i:nth-child(1),.pulse-wave i:nth-child(5){height:8px}.pulse-wave i:nth-child(2),.pulse-wave i:nth-child(4){height:17px;animation-delay:-.45s}.pulse-wave i:nth-child(3){height:26px;animation-delay:-.8s}
@keyframes pulseSignal{to{transform:scaleY(.55);opacity:.64}}
.pulse-nameplate-copy{display:grid;min-width:0}
.pulse-nameplate strong{font-size:clamp(1rem,1.48vw,1.34rem);font-weight:500;line-height:1;letter-spacing:.14em;text-transform:uppercase}
.pulse-nameplate small{margin-top:6px;overflow:visible;color:#afd1ca;font-size:clamp(.56rem,.58vw,.65rem);letter-spacing:.025em;text-overflow:clip;text-transform:uppercase;white-space:normal;line-height:1.35;overflow-wrap:break-word}
.pulse-live{margin-right:6px;color:#8ef0d8;font-size:.45rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.pulse-live:before{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;content:"";background:#79ebce;box-shadow:0 0 8px #79ebce}
.pulse-nameplate-expanded{right:6%;bottom:16%;left:6%;min-height:82px;padding:14px 16px;grid-template-columns:48px 1fr auto}
.pulse-nameplate-expanded .pulse-wave{width:48px;height:48px}
.pulse-nameplate-expanded strong{font-size:clamp(1.28rem,1.95vw,1.72rem)}
.pulse-nameplate-expanded small{font-size:clamp(.53rem,.66vw,.66rem)}
.pulse-slot:is(:hover,:focus-visible,.is-active) .pulse-nameplate{border-color:rgba(105,235,208,.6);box-shadow:inset 0 1px rgba(255,255,255,.1),0 18px 42px rgba(0,0,0,.46),0 0 28px rgba(56,207,179,.16)}
@media(prefers-reduced-motion:reduce){.pulse-wave i{animation:none}}

/* Ambient generative backdrop: flowing color beneath a restrained morphing dot field. */
.ambient-canvas{position:fixed;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}
.site-shell{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.ambient-canvas{opacity:.7}}

/* Hunter product briefing: evidence-led detail view. */
.hunter-dialog[open]{display:block;width:min(1180px,calc(100% - 36px));max-height:calc(100svh - 32px);overflow-y:auto;border:1px solid rgba(85,205,255,.25);background:#02080d;scrollbar-color:rgba(70,190,235,.45) rgba(255,255,255,.025)}
.hunter-dialog .dialog-close{position:fixed;z-index:40;top:max(25px,calc(50% - 374px));right:max(25px,calc(50% - 574px));background:rgba(4,14,21,.86);backdrop-filter:blur(12px)}
.hunter-product-hero{display:grid;min-height:410px;grid-template-columns:minmax(280px,.72fr) minmax(460px,1.28fr);background:radial-gradient(circle at 18% 32%,rgba(22,147,188,.16),transparent 32%),linear-gradient(135deg,#020a10,#06131b 58%,#03090e)}
.hunter-product-portrait{position:relative;min-height:410px;overflow:hidden;border-right:1px solid rgba(79,193,229,.14)}
.hunter-product-portrait:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 38%,rgba(2,8,13,.12) 56%,#030b11 100%),linear-gradient(90deg,transparent 66%,#06131b 100%)}
.hunter-product-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.86) contrast(1.05);transform:scale(1.04)}
.hunter-product-status{position:absolute;z-index:3;right:24px;bottom:24px;left:24px;display:flex;align-items:center;gap:8px;width:max-content;padding:8px 12px;border:1px solid rgba(88,220,255,.3);border-radius:999px;color:#8be9ff;background:rgba(5,34,47,.8);font-size:.67rem;font-weight:600;letter-spacing:.055em;backdrop-filter:blur(10px)}
.hunter-product-status i{width:6px;height:6px;border-radius:50%;background:#54e5ff;box-shadow:0 0 12px #54e5ff;animation:statusPulse 2s ease-in-out infinite}
.hunter-product-intro{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:50px 62px 42px}
.hunter-product-kicker{color:#62d9f5;font-size:.67rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.hunter-product-intro h2{margin:13px 0 18px;color:#f7fbff;font-family:"Playfair Display",serif;font-size:clamp(3rem,5vw,5rem);font-weight:600;line-height:.91;letter-spacing:-.055em}
.hunter-product-intro h2 em{color:transparent;background:linear-gradient(100deg,#9ff5ff,#41bae8);-webkit-background-clip:text;background-clip:text;font-style:normal}
.hunter-product-intro>p{max-width:650px;margin:0;color:#b4c5cc;font-size:1rem;line-height:1.58}
.hunter-trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hunter-trust-row span{padding:7px 10px;border:1px solid rgba(92,194,221,.17);border-radius:8px;color:#b9d9e1;background:rgba(38,119,143,.08);font-size:.63rem}
.hunter-product-flow{display:grid;margin:28px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.07);list-style:none;grid-template-columns:repeat(4,1fr)}
.hunter-product-flow li{position:relative;display:grid;gap:4px}.hunter-product-flow li:not(:last-child):after{position:absolute;top:5px;right:12px;width:calc(100% - 34px);height:1px;content:"";background:linear-gradient(90deg,rgba(78,204,239,.46),rgba(78,204,239,.05));transform:translateX(50%)}
.hunter-product-flow b{position:relative;z-index:2;width:max-content;padding-right:7px;color:#57d7f4;background:#07151d;font-size:.58rem}.hunter-product-flow span{color:#e4edf0;font-size:.71rem}
.hunter-product-story{padding:48px 52px 56px;background:radial-gradient(circle at 92% 15%,rgba(13,102,137,.11),transparent 30%),#02080d}
.hunter-product-story>header{display:grid;margin-bottom:27px;grid-template-columns:1fr auto;align-items:end}.hunter-product-story>header span{color:#58d3ef;font-size:.64rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.hunter-product-story>header h3{grid-column:1;margin:8px 0 0;font-family:"Playfair Display",serif;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1;letter-spacing:-.04em}.hunter-product-story>header p{grid-column:2;grid-row:1/3;max-width:260px;margin:0;color:#81949c;font-size:.75rem;line-height:1.5;text-align:right}
.hunter-story-card{overflow:hidden;border:1px solid rgba(74,174,209,.17);border-radius:18px;background:linear-gradient(145deg,rgba(8,23,32,.96),rgba(3,10,15,.98));box-shadow:0 24px 60px rgba(0,0,0,.28);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.hunter-story-card:hover{border-color:rgba(84,211,245,.42);box-shadow:0 30px 70px rgba(0,0,0,.42),0 0 26px rgba(31,157,201,.08);transform:translateY(-4px)}
.hunter-story-card-featured{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.65fr)}
.hunter-story-image{overflow:hidden;background:#02070c}.hunter-story-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.72,.2,1),filter .3s ease}.hunter-story-card:hover .hunter-story-image img{filter:brightness(1.06);transform:scale(1.025)}
.hunter-story-card-featured .hunter-story-image{min-height:330px}.hunter-story-copy{display:flex;flex-direction:column;justify-content:center;padding:27px}.hunter-story-copy>span{color:#54d8f5;font-size:.59rem;font-weight:700;letter-spacing:.15em}.hunter-story-copy h4{margin:10px 0 10px;color:#f2f8fa;font-size:1.25rem;line-height:1.08}.hunter-story-copy p{margin:0;color:#91a5ad;font-size:.75rem;line-height:1.52}.hunter-story-copy small{margin-top:26px;color:#4faec4;font-size:.52rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hunter-story-copy strong{margin-top:5px;color:#d8e8ec;font-size:.72rem;font-weight:500}
.hunter-story-grid{display:grid;gap:18px;margin-top:18px;grid-template-columns:1fr 1fr}.hunter-story-grid .hunter-story-image{height:265px}.hunter-story-grid .hunter-story-copy{min-height:168px;justify-content:flex-start}
.hunter-product-footer{position:sticky;z-index:20;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 52px;border-top:1px solid rgba(87,203,235,.18);background:rgba(3,12,18,.94);box-shadow:0 -18px 45px rgba(0,0,0,.38);backdrop-filter:blur(18px)}
.hunter-product-integrations{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.hunter-product-integrations small{width:100%;color:#58717a;font-size:.52rem;font-weight:700;letter-spacing:.13em}.hunter-product-integrations span{padding:5px 8px;border:1px solid rgba(255,255,255,.08);border-radius:7px;color:#a9bbc1;background:rgba(255,255,255,.025);font-size:.58rem}
.hunter-product-actions{display:flex;gap:10px}.hunter-product-actions button{min-height:46px;padding:0 17px;border-radius:11px;color:#eefcff;font:700 .7rem "DM Sans",sans-serif;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.hunter-sample-button{border:1px solid rgba(151,201,214,.25);background:rgba(11,28,36,.9)}.hunter-activate-button{display:flex;min-width:158px;align-items:center;justify-content:space-between;gap:18px;border:1px solid #83e9ff;background:linear-gradient(110deg,#087ba5,#0ba4c7);box-shadow:0 10px 28px rgba(13,155,193,.2),inset 0 1px rgba(255,255,255,.2)}.hunter-activate-button b{font-size:1rem;transition:transform .2s ease}.hunter-product-actions button:hover{transform:translateY(-3px)}.hunter-activate-button:hover{box-shadow:0 14px 34px rgba(13,180,220,.3),0 0 22px rgba(73,211,243,.16)}.hunter-activate-button:hover b{transform:translateX(4px)}
@media(max-width:900px){.hunter-product-hero{grid-template-columns:1fr}.hunter-product-portrait{min-height:360px;border-right:0;border-bottom:1px solid rgba(79,193,229,.14)}.hunter-product-intro{padding:38px 28px}.hunter-story-card-featured{grid-template-columns:1fr}.hunter-story-card-featured .hunter-story-image{min-height:0;height:auto}.hunter-story-grid{grid-template-columns:1fr}.hunter-story-grid .hunter-story-image{height:auto}.hunter-product-story{padding:38px 24px}.hunter-product-story>header{display:block}.hunter-product-story>header p{margin-top:12px;text-align:left}.hunter-product-footer{align-items:stretch;flex-direction:column;padding:18px 24px}.hunter-product-actions{display:grid;grid-template-columns:1fr 1fr}.hunter-dialog .dialog-close{position:sticky;top:10px;float:right;margin:10px 10px -48px 0}}
@media(max-width:560px){.hunter-product-intro h2{font-size:2.7rem}.hunter-product-flow{grid-template-columns:1fr 1fr;gap:15px}.hunter-product-flow li:after{display:none}.hunter-product-actions{grid-template-columns:1fr}.hunter-product-story{padding-right:16px;padding-left:16px}.hunter-story-copy{padding:22px}.hunter-product-footer{padding-right:16px;padding-left:16px}}

/* Keep the Studio editorial canvas authoritative over earlier compact-dialog rules. */
.agent-dialog.studio-dialog[open]{max-height:none}
.agent-dialog.studio-dialog[open] .studio-shot-result{z-index:7;right:3%;bottom:58px;width:22%;height:34%}
.agent-dialog.studio-dialog[open] .studio-shot-diagonal{left:34%;bottom:70px;width:39%;height:25%}
.agent-dialog.studio-dialog[open] .studio-shot figcaption{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:5px;padding:48px 18px 16px;background:linear-gradient(transparent,rgba(3,6,9,.96))}
.agent-dialog.studio-dialog[open] .studio-shot figcaption b{font-size:.94rem;line-height:1.12}
.agent-dialog.studio-dialog[open] .studio-shot figcaption span{color:#ffb09d;font-size:.66rem;line-height:1.3;letter-spacing:.055em}
.agent-dialog.studio-dialog[open] .studio-shot-main figcaption b{font-size:1.02rem}
.agent-dialog.studio-dialog[open] .studio-shot-main figcaption span{font-size:.7rem}
/* Ordered Studio story, with captions outside the images. */
.agent-dialog.studio-dialog[open]{height:min(860px,calc(100svh - 28px));max-height:calc(100svh - 28px);overflow-y:auto;background:#202023}
.studio-showcase{display:flex;flex-direction:column;gap:26px;height:auto;min-height:100%;padding:38px 48px 24px;overflow:visible;background:radial-gradient(ellipse at 8% 0%,rgba(207,106,72,.13),transparent 55%),linear-gradient(135deg,#282428,#1c2023)}
.studio-showcase-copy{position:relative;inset:auto;display:grid;grid-template-columns:1.1fr 1fr;column-gap:60px;width:100%;max-width:none;align-items:center}
.studio-showcase-copy h2{grid-column:1;grid-row:1/4;font-size:clamp(3.3rem,5.3vw,5.15rem);line-height:.98;letter-spacing:-.055em}
.studio-showcase-kicker{grid-column:1;margin:17px 0 0;font-size:.72rem;font-weight:900;letter-spacing:.12em;color:#ffb092}
.studio-showcase-copy>p{grid-column:2;grid-row:1/3;max-width:430px;margin:10px 0 0;font-size:.98rem;line-height:1.65;color:#d5cfd0}
.studio-showcase-proof{grid-column:2;grid-row:3;margin-top:14px;font-size:.62rem;color:#edb69f}
.studio-showcase-art{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1.4fr .94fr;gap:24px;align-items:center;margin:0}
.agent-dialog.studio-dialog[open] .studio-shot{position:relative;inset:auto;display:flex;flex-direction:column;width:100%;height:auto;min-height:0;margin:0;overflow:visible;transform:none;border:0;border-radius:0;background:none;box-shadow:none;grid-column:auto}
.studio-shot img{height:auto;border:1px solid rgba(255,182,150,.22);border-radius:15px;object-fit:cover;transform:none}
.studio-shot-direction img{aspect-ratio:4/5;object-position:53% center}
.studio-shot-main img{aspect-ratio:1.4;object-position:center top}
.studio-shot-main:after{display:none}
.studio-shot-result img{aspect-ratio:1;object-position:center 30%}
.agent-dialog.studio-dialog[open] .studio-shot figcaption{position:relative;inset:auto;display:flex;align-items:flex-start;flex-direction:column;gap:7px;min-height:64px;padding:15px 0 0;background:none;text-shadow:none}
.agent-dialog.studio-dialog[open] .studio-shot figcaption b{color:#fff0e7;font-size:.9rem;line-height:1.25}
.agent-dialog.studio-dialog[open] .studio-shot figcaption span{color:#c6aba0;font-size:.62rem;font-weight:600;line-height:1.4;letter-spacing:.045em}
.studio-showcase-footer{position:relative;inset:auto;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,203,179,.12);gap:20px}
.studio-showcase-footer>span{color:#a69c99}
.studio-showcase-footer button{min-width:212px;height:48px;border:1px solid #fdb699;color:#21140f;background:linear-gradient(110deg,#f48a64,#ffb58d);box-shadow:0 8px 28px rgba(226,113,70,.17);font-size:.8rem}
.studio-showcase-footer button:hover{background:linear-gradient(110deg,#ffa17e,#ffc5a5);box-shadow:0 10px 28px rgba(226,113,70,.2)}
@media(max-width:980px){
 .studio-showcase{min-height:100%;padding:48px 26px 24px;gap:26px}
 .studio-showcase-copy{column-gap:28px}
 .studio-showcase-copy h2{font-size:clamp(2.7rem,6vw,4rem)}
 .studio-showcase-copy>p{font-size:.85rem}
 .studio-showcase-art{gap:17px}
 .studio-showcase-kicker{font-size:.59rem}
}
@media(max-width:680px){
 .studio-showcase{padding:54px 22px 24px}
 .studio-showcase-copy{display:flex;flex-direction:column;align-items:flex-start}
 .studio-showcase-copy h2{font-size:clamp(2.8rem,10vw,4rem)}
 .studio-showcase-kicker{margin-top:18px;font-size:.62rem}
 .studio-showcase-copy>p{margin-top:18px}
 .studio-showcase-art{grid-template-columns:1fr;gap:24px}
 .studio-shot-direction img{aspect-ratio:4/5}
 .studio-shot-main img{aspect-ratio:1.25}
 .studio-shot-result img{aspect-ratio:1}
 .studio-showcase-footer>span{display:none}
 .studio-showcase-footer button{width:100%}
}
/* A single-screen Studio composition with a lightly overlapping result. */
.studio-showcase-copy>p{font-weight:650;color:#f0e3dc;line-height:1.45}
.studio-showcase-proof{width:max-content;max-width:100%;padding:10px 14px;border:1px solid rgba(117,231,160,.22);border-radius:12px;background:linear-gradient(110deg,rgba(58,113,70,.14),rgba(30,42,35,.3));text-transform:none;letter-spacing:.02em;gap:12px}
.studio-showcase-proof span{display:flex;flex-direction:column;gap:4px;color:#a4b5a9;font-size:.58rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.studio-showcase-proof strong{color:#e5f5e9;font-size:.7rem;font-weight:750;letter-spacing:.025em;text-transform:none}
.studio-showcase-proof i{flex:0 0 8px;width:8px;height:8px;background:#79ef9b;box-shadow:0 0 10px #68d98a;animation:studioReadyGlow 2.4s ease-in-out infinite}
@keyframes studioReadyGlow{0%,100%{box-shadow:0 0 0 0 rgba(111,237,151,.25),0 0 8px rgba(111,237,151,.5)}50%{box-shadow:0 0 0 6px rgba(111,237,151,0),0 0 16px rgba(111,237,151,.85)}}
@media(min-width:981px){
 .agent-dialog.studio-dialog[open]{height:min(800px,calc(100svh - 28px));max-height:calc(100svh - 28px);overflow:hidden}
 .studio-showcase{display:block;height:100%;min-height:0;padding:0;overflow:hidden;container-type:size}
 .studio-showcase-copy{position:absolute;display:block;left:4%;top:2.5%;width:37%;max-width:none}
 .studio-showcase-copy h2{font-size:min(5.15rem,6.5cqw,10cqh);line-height:.96}
 .studio-showcase-kicker{margin:12px 0 0;font-size:clamp(.55rem,.85cqw,.72rem)}
 .studio-showcase-copy>p{position:absolute;left:168%;top:64cqh;width:26cqw;max-width:none;margin:0;font-size:clamp(.8rem,1.2cqw,1.05rem)}
 .studio-showcase-proof{position:absolute;left:168%;top:73cqh;margin:0}
 .studio-showcase-art{position:absolute;display:block;inset:0;margin:0;pointer-events:none}
 .agent-dialog.studio-dialog[open] .studio-shot{position:absolute;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:0;min-width:0}
 .agent-dialog.studio-dialog[open] .studio-shot img{width:100%;height:100%;min-height:0;aspect-ratio:auto;box-shadow:0 18px 40px rgba(0,0,0,.24)}
 .agent-dialog.studio-dialog[open] .studio-shot-direction{left:4%;top:26%;width:29%;height:62%;z-index:2}
 .studio-shot-direction img{object-position:53% center}
 .agent-dialog.studio-dialog[open] .studio-shot-main{left:44%;top:5%;width:52%;height:64%;z-index:2}
 .studio-shot-main img{object-position:center top}
 .agent-dialog.studio-dialog[open] .studio-shot-result{left:31%;top:39%;width:min(32cqw,40cqh);height:auto;z-index:7;transform:none}
 .agent-dialog.studio-dialog[open] .studio-shot-result img{object-position:center 27%;border-color:rgba(255,181,140,.55)}
 .agent-dialog.studio-dialog[open] .studio-shot figcaption{min-height:0;gap:5px;padding:12px 0 0;justify-content:flex-start}
 .agent-dialog.studio-dialog[open] .studio-shot figcaption b{font-size:clamp(.7rem,1.08cqw,.92rem);font-weight:750}
 .agent-dialog.studio-dialog[open] .studio-shot figcaption span{font-size:clamp(.55rem,.8cqw,.68rem);line-height:1.45;text-transform:none;letter-spacing:0;font-weight:550}
 .agent-dialog.studio-dialog[open] .studio-shot-main figcaption{padding-left:37%}
 .agent-dialog.studio-dialog[open] .studio-shot-result figcaption{padding:10px 0 0;border-radius:0;background:transparent}
 .studio-showcase-footer{position:absolute;left:4%;right:4%;bottom:2.5%;margin:0;padding-top:12px}
 .studio-showcase-footer button{height:44px}
}
@media(prefers-reduced-motion:reduce){.studio-showcase-proof i{animation:none}}
/* Top-aligned landscape crop keeps the face and campaign visible. */
.agent-dialog.studio-dialog[open] .studio-shot-main img{object-fit:cover;object-position:center 14%;background:transparent}
.agent-dialog.studio-dialog[open] .studio-shot-result img{height:auto;aspect-ratio:1;object-fit:contain;object-position:center}
@media(min-width:981px){
 .agent-dialog.studio-dialog[open] .studio-shot-result{grid-template-rows:auto auto}
 .agent-dialog.studio-dialog[open] .studio-shot-main figcaption{padding-left:40%}
}
/* Render the first image directly, without resampling through transforms. */
.agent-dialog.studio-dialog[open] .studio-shot-direction img{filter:none;transform:none;image-rendering:auto;object-fit:cover;object-position:53% center}
/* Brighter, heavier captions with a consistent alignment. */
.agent-dialog.studio-dialog[open] .studio-shot figcaption{gap:7px;background:transparent;text-shadow:none}
.agent-dialog.studio-dialog[open] .studio-shot figcaption b{color:#fff0e5;font-size:1rem;font-weight:800;line-height:1.25;letter-spacing:-.015em}
.agent-dialog.studio-dialog[open] .studio-shot figcaption span{color:#ffc19f;font-size:.78rem;font-weight:650;line-height:1.45;letter-spacing:0;text-transform:none}
.agent-dialog.studio-dialog[open] .studio-shot-result figcaption{align-items:center;text-align:center;padding:18px 0 0;border:0;border-radius:0;background:transparent}
.agent-dialog.studio-dialog[open] .studio-shot-result figcaption b{color:#fff0e5}
.studio-showcase-proof span{color:#c5dfcb;font-weight:700}
.studio-showcase-proof strong{color:#f0fff3;font-weight:800}
.studio-showcase-footer>span{color:#d5beb0;font-weight:750;font-size:.62rem;letter-spacing:.13em}
@media(min-width:981px){
 .agent-dialog.studio-dialog[open] .studio-shot figcaption b{font-size:clamp(.8rem,1.18cqw,1.02rem)}
 .agent-dialog.studio-dialog[open] .studio-shot figcaption span{font-size:clamp(.66rem,.92cqw,.8rem)}
 .agent-dialog.studio-dialog[open] .studio-shot-result img{transform:rotate(-4deg)}
 .agent-dialog.studio-dialog[open] .studio-shot-main figcaption{padding-left:25%;align-items:center;text-align:center}
 .studio-showcase-copy>p{left:144%;top:70.5cqh;width:23cqw}
 .studio-showcase-proof{left:calc(92cqw - 106px);top:79cqh;max-width:212px;box-sizing:border-box;transform:translateX(-50%)}
}
/* Studio call to action: a gentle invitation, with a stronger hover response. */
.studio-showcase-footer .hire-studio-dialog{
 position:relative;
 isolation:isolate;
 overflow:visible;
 border-color:#ffc09c;
 background:linear-gradient(110deg,#ff7545,#ff9a5c);
 color:#291209;
 box-shadow:0 8px 24px rgba(255,111,50,.28),inset 0 1px 0 rgba(255,255,255,.3);
 transition:transform .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.studio-showcase-footer .hire-studio-dialog::after{
 content:"";
 position:absolute;
 inset:-3px;
 z-index:-1;
 border:1px solid rgba(255,157,98,.7);
 border-radius:inherit;
 pointer-events:none;
 animation:studioCreateImpulse 2.8s ease-out infinite;
}
@keyframes studioCreateImpulse{
 0%{opacity:0;transform:scale(1);box-shadow:0 0 0 rgba(255,126,60,0)}
 18%{opacity:.75;transform:scale(1.015);box-shadow:0 0 16px rgba(255,126,60,.28)}
 80%,100%{opacity:0;transform:scale(1.09,1.3);box-shadow:0 0 24px rgba(255,126,60,0)}
}
.studio-showcase-footer .hire-studio-dialog:is(:hover,:focus-visible){
 transform:translateY(-3px) scale(1.035);
 border-color:#ffe2bd;
 background:linear-gradient(110deg,#ff884c,#ffb36d);
 box-shadow:0 12px 32px rgba(255,117,50,.45),0 0 24px rgba(255,147,77,.25),inset 0 1px 0 rgba(255,255,255,.45);
}
.studio-showcase-footer .hire-studio-dialog:focus-visible{outline:2px solid #ffe2bd;outline-offset:5px}
.studio-showcase-footer .hire-studio-dialog:active{transform:translateY(-1px) scale(1.01)}
@media(prefers-reduced-motion:reduce){
 .studio-showcase-footer .hire-studio-dialog{transition:none}
 .studio-showcase-footer .hire-studio-dialog::after{animation:none;opacity:0}
 .studio-showcase-footer .hire-studio-dialog:is(:hover,:focus-visible,:active){transform:none}
}
/* A quick diagonal light sweep replaces the expanding ring. */
.studio-showcase-footer .hire-studio-dialog{overflow:hidden}
.studio-showcase-footer .hire-studio-dialog::after{
 inset:auto;
 top:-60%;
 left:-55%;
 width:30%;
 height:220%;
 z-index:1;
 border:0;
 border-radius:0;
 background:linear-gradient(90deg,transparent,rgba(255,247,218,.18) 25%,rgba(255,255,240,.78) 50%,rgba(255,247,218,.18) 75%,transparent);
 box-shadow:none;
 transform:skewX(-24deg);
 animation:studioCreateSweep 1.9s ease-in-out infinite;
}
@keyframes studioCreateSweep{
 0%,12%{left:-55%;opacity:0;transform:skewX(-24deg)}
 16%{opacity:.9}
 42%{left:125%;opacity:.9;transform:skewX(-24deg)}
 46%,100%{left:125%;opacity:0;transform:skewX(-24deg)}
}
@media(prefers-reduced-motion:reduce){
 .studio-showcase-footer .hire-studio-dialog::after{animation:none;opacity:0}
}
/* Stationary breathing light for the Studio call to action. */
.studio-showcase-footer .hire-studio-dialog{
 animation:studioCreateGlow 2.2s ease-in-out infinite;
}
.studio-showcase-footer .hire-studio-dialog::after{display:none;animation:none}
@keyframes studioCreateGlow{
 0%,100%{box-shadow:0 8px 24px rgba(255,111,50,.26),0 0 12px rgba(255,139,70,.12),inset 0 1px 0 rgba(255,255,255,.3)}
 50%{box-shadow:0 10px 32px rgba(255,111,50,.5),0 0 30px rgba(255,139,70,.42),0 0 48px rgba(255,125,60,.18),inset 0 1px 0 rgba(255,255,255,.48)}
}
.studio-showcase-footer .hire-studio-dialog:is(:hover,:focus-visible){animation:none}
@media(prefers-reduced-motion:reduce){
 .studio-showcase-footer .hire-studio-dialog{animation:none}
}
/* Continuous diagonal sweep: re-enter immediately after leaving the button. */
.studio-showcase-footer .hire-studio-dialog{animation:none}
.studio-showcase-footer .hire-studio-dialog::after{
 display:block;
 animation:studioCreateContinuousSweep 1.15s linear infinite;
}
@keyframes studioCreateContinuousSweep{
 from{left:-55%;opacity:.85;transform:skewX(-24deg)}
 to{left:125%;opacity:.85;transform:skewX(-24deg)}
}
@media(prefers-reduced-motion:reduce){
 .studio-showcase-footer .hire-studio-dialog::after{display:none;animation:none}
}
/* Pulse: a connected sequence with an enlarged discovery moment. */
.agent-dialog.pulse-dialog[open]{display:block;width:min(1280px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow-y:auto;border-color:#294557;background:#071019;color:#f3f5f7}
.pulse-story{padding:42px 48px 24px;background:radial-gradient(ellipse at 50% 60%,#142434 0%,transparent 60%),radial-gradient(ellipse at 95% 0%,#34281988,transparent 42%)}
.pulse-story-heading{position:relative;z-index:1}
.pulse-story-kicker{display:block;color:#7ecdf4;font-size:.65rem;letter-spacing:.2em;font-weight:800;margin-bottom:15px}
.pulse-story-heading h2{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,4.3vw,4.1rem);line-height:1.02;letter-spacing:-.045em;margin:0}
.pulse-story-heading h2 em{font-style:normal;color:#f4c27d}
.pulse-story-heading>p{color:#a8bccb;font-size:.88rem;margin:16px 0 0}
.pulse-story-sequence{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px 24px;align-items:start;margin-top:46px;padding:12px 8px 28px}
.pulse-story-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:.65}
.pulse-story-path path{fill:none;stroke:url(#pulse-path-color);stroke-width:1.4;stroke-dasharray:5 7}
.pulse-story-shot{position:relative;margin:0;min-width:0}
.pulse-story-signals{grid-column:1/6;grid-row:1;margin-top:0;transform:rotate(-2deg)}
.pulse-story-opportunity{grid-column:6/13;grid-row:1;margin-top:100px;transform:rotate(2deg)}
.pulse-story-partner{grid-column:4/11;grid-row:2;margin-top:-12px;transform:rotate(-1.5deg);z-index:2}
.pulse-story-image{position:relative;border:1px solid #35617b;border-radius:4px 32px 4px 4px;box-shadow:0 18px 40px #0006;background:#08121b}
.pulse-story-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:inherit}
.pulse-story-signals .pulse-story-image img{aspect-ratio:4/5;object-position:57% center}
.pulse-story-opportunity .pulse-story-image img{aspect-ratio:6/5;object-position:center 35%}
.pulse-story-partner .pulse-story-image img{aspect-ratio:1;object-fit:contain}
.pulse-story-opportunity .pulse-story-image{border-color:#bf975a;border-radius:32px 4px 32px 4px;box-shadow:0 18px 50px #0008,0 0 34px #dca65312}
.pulse-story-partner .pulse-story-image{border-color:#927748;border-radius:4px 4px 4px 32px}
.pulse-story-image>span{position:absolute;left:14px;top:14px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #88c7e966;background:#07111ce6;color:#b9e6ff;border-radius:50%;font-size:.68rem;font-weight:800}
.pulse-story-opportunity .pulse-story-image>span,.pulse-story-partner .pulse-story-image>span{color:#ffce86;border-color:#e0ad5866}
.pulse-story-shot figcaption{padding:20px 8px 0}
.pulse-story-shot figcaption b{display:block;font-size:1rem;line-height:1.25;color:#f8eee0}
.pulse-story-shot figcaption p{font-size:.8rem;line-height:1.55;color:#b2c5d3;margin:7px 0 0;max-width:31ch}
.pulse-story-opportunity figcaption b{color:#ffd18e}
.pulse-story-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #bedaff1a;margin-top:24px;padding-top:18px}
.pulse-story-footer>span{font-size:.61rem;letter-spacing:.14em;color:#b6ccdc;font-weight:700}
.pulse-story-footer i{font-style:normal;color:#edb96e;margin:0 12px}
.pulse-story-footer p{margin:0;color:#d5b889;font-size:.75rem}
@media(max-width:850px){.pulse-story{padding:50px 26px 24px}.pulse-story-sequence{gap:28px 18px}.pulse-story-partner{grid-column:3/12;margin-top:0}.pulse-story-opportunity{margin-top:70px}.pulse-story-heading h2{font-size:3rem}.pulse-story-shot figcaption b{font-size:1rem}}
@media(max-width:600px){.pulse-story{padding:55px 22px 24px}.pulse-story-heading h2{font-size:2.5rem}.pulse-story-sequence{grid-template-columns:1fr;gap:42px;margin-top:30px;padding:8px 0 20px}.pulse-story-shot{grid-column:1;grid-row:auto;width:94%;margin-top:0}.pulse-story-opportunity{justify-self:end;transform:rotate(1.5deg)}.pulse-story-partner{justify-self:center;width:98%;transform:rotate(-1deg)}.pulse-story-path{display:none}.pulse-story-shot figcaption b{font-size:1.05rem}.pulse-story-shot figcaption p{max-width:35ch;font-size:.85rem}.pulse-story-footer{align-items:start;flex-direction:column;gap:12px}}

/* A single viewport canvas: image sizes follow both available width and height. */
.agent-dialog.pulse-dialog[open]{width:calc(100vw - 28px);max-width:1600px;height:calc(100svh - 28px);max-height:calc(100svh - 28px);overflow:hidden}
.pulse-story{height:100%;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:24px 36px 18px;gap:12px}
.pulse-story-heading{padding-right:48px}
.pulse-story-kicker{margin-bottom:8px}
.pulse-story-heading h2{font-size:clamp(1.7rem,4.8vh,3.3rem)}
.pulse-story-heading>p{margin-top:8px;font-size:.8rem}
.pulse-story-sequence{display:block;min-height:0;margin:0;padding:0;container-type:size}
.pulse-story-shot{position:absolute;display:flex;flex-direction:column;margin:0;width:auto;min-height:0}
.pulse-story-signals{left:1%;top:3%;width:min(32cqw,55cqh);transform:rotate(-2deg)}
.pulse-story-opportunity{left:34%;top:17%;width:min(35cqw,66cqh);transform:rotate(2deg)}
.pulse-story-partner{right:1%;top:2%;width:min(31cqw,64cqh);transform:rotate(-1deg)}
.pulse-story-shot .pulse-story-image{flex:none}
.pulse-story-shot figcaption{padding:10px 3px 0}
.pulse-story-shot figcaption b{font-size:clamp(.75rem,1.25vw,1.05rem)}
.pulse-story-shot figcaption p{font-size:clamp(.65rem,.95vw,.8rem);line-height:1.35;margin-top:5px;max-width:34ch}
.pulse-story-footer{margin:0;padding-top:10px;gap:10px}
@media(max-width:600px) and (orientation:portrait){
 .pulse-story{padding:48px 16px 14px;gap:10px}
 .pulse-story-heading h2{font-size:clamp(1.5rem,3.7svh,2.2rem)}
 .pulse-story-heading>p{font-size:.7rem}
 .pulse-story-kicker{font-size:.55rem}
 .pulse-story-signals{left:1%;top:1%;width:min(45cqw,31cqh)}
 .pulse-story-opportunity{left:auto;right:1%;top:8%;width:min(49cqw,40cqh)}
 .pulse-story-partner{right:5%;top:auto;bottom:0;width:min(65cqw,43cqh)}
 .pulse-story-shot figcaption{padding-top:6px}
 .pulse-story-shot figcaption b{font-size:.7rem}
 .pulse-story-shot figcaption p{font-size:.6rem;margin-top:3px}
 .pulse-story-image>span{width:23px;height:23px;left:8px;top:8px;font-size:.6rem}
 .pulse-story-footer{flex-direction:row;align-items:center}
 .pulse-story-footer>span{font-size:.48rem;letter-spacing:.04em}
 .pulse-story-footer i{margin:0 5px}
 .pulse-story-footer p{font-size:.58rem;max-width:18ch;text-align:right}
}
@media(max-height:500px){
 .pulse-story{padding:14px 24px 10px;gap:6px}
 .pulse-story-heading h2{font-size:1.4rem}
 .pulse-story-heading h2 br{display:none}
 .pulse-story-heading h2 em{margin-left:.25em}
 .pulse-story-kicker{font-size:.5rem;margin-bottom:4px}
 .pulse-story-heading>p{margin-top:4px;font-size:.65rem}
 .pulse-story-shot figcaption b{font-size:.65rem}
 .pulse-story-shot figcaption p{font-size:.55rem}
 .pulse-story-shot figcaption{padding-top:5px}
 .pulse-story-footer{padding-top:5px}
}

/* Near-full-screen Pulse collage, with touching image corners. */
@media(min-width:601px){
 .agent-dialog.pulse-dialog[open]{width:calc(100vw - 24px);max-width:none;height:calc(100svh - 24px);max-height:calc(100svh - 24px);border-radius:18px}
 .pulse-story{position:relative;display:block;padding:0;container-type:size}
 .pulse-story-heading{position:absolute;left:4%;top:3%;width:35%;padding:0;z-index:4}
 .pulse-story-heading h2{font-size:clamp(1.5rem,4.7cqh,3.6rem)}
 .pulse-story-heading>p{max-width:34ch;font-size:clamp(.65rem,1.5cqh,.85rem)}
 .pulse-story-kicker{font-size:clamp(.5rem,1.2cqh,.7rem)}
 .pulse-story-sequence{position:absolute;inset:0;container-type:size}
 .pulse-story-signals{left:4%;top:25%;width:32%;height:66%;transform:rotate(-5deg);z-index:1}
 .pulse-story-opportunity{left:43%;right:auto;top:4%;width:53%;height:43%;transform:rotate(1deg);z-index:1}
 .pulse-story-partner{left:34%;right:auto;top:43%;bottom:auto;width:min(36cqw,48cqh);height:auto;transform:rotate(-8deg);z-index:3}
 .pulse-story-signals .pulse-story-image,.pulse-story-opportunity .pulse-story-image{height:100%;min-height:0;flex:1 1 auto}
 .pulse-story-signals .pulse-story-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:55% center}
 .pulse-story-opportunity .pulse-story-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 24%}
 .pulse-story-partner .pulse-story-image img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
 .pulse-story-image{border-radius:5px;box-shadow:0 20px 45px #0009}
 .pulse-story-opportunity .pulse-story-image,.pulse-story-partner .pulse-story-image{border-radius:5px}
 .pulse-story-shot figcaption{flex:none;padding:8px 4px 0}
 .pulse-story-shot figcaption b{font-size:clamp(.65rem,1.7cqh,1rem)}
 .pulse-story-shot figcaption p{font-size:clamp(.55rem,1.35cqh,.8rem);line-height:1.3;margin-top:3px;max-width:38ch}
 .pulse-story-opportunity figcaption{padding-left:48%}
 .pulse-story-partner figcaption{text-align:center}
 .pulse-story-partner figcaption p{margin-left:auto;margin-right:auto}
 .pulse-story-footer{position:absolute;right:3%;bottom:3%;width:28%;display:block;padding-top:12px}
 .pulse-story-footer>span{font-size:clamp(.48rem,1.2cqh,.7rem);letter-spacing:.08em}
 .pulse-story-footer i{margin:0 6px}
 .pulse-story-footer p{font-size:clamp(.55rem,1.35cqh,.8rem);margin-top:8px}
 .pulse-dialog .dialog-close{top:10px;right:10px;z-index:30}
 .pulse-story-path{display:none}
}

/* Exact frames with complete images: no cropping of the woman or city. */
@media(min-width:601px){
 .pulse-story-heading{left:3%;top:3%;width:30%}
 .pulse-story-heading h2{font-size:clamp(1.4rem,4cqh,3rem)}
 .pulse-story-heading>p{font-size:clamp(.6rem,1.35cqh,.8rem)}
 .pulse-story-signals{left:3%;top:22%;width:calc(65cqh * 9 / 16);height:auto;transform:none}
 .pulse-story-signals .pulse-story-image{width:100%;height:auto;aspect-ratio:9/16;flex:none}
 .pulse-story-opportunity{left:33%;top:5%;width:min(63cqw,75cqh);height:auto;transform:none}
 .pulse-story-opportunity .pulse-story-image{width:100%;height:auto;aspect-ratio:16/9;flex:none}
 .pulse-story-signals .pulse-story-image img,.pulse-story-opportunity .pulse-story-image img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
 .pulse-story-image{overflow:hidden;background:radial-gradient(ellipse at center,#142434,#050d14 80%)}
 .pulse-story-partner{left:32%;top:51%;width:min(33cqw,37cqh);transform:rotate(-6deg)}
 .pulse-story-partner .pulse-story-image{aspect-ratio:1}
 .pulse-story-opportunity figcaption{padding-left:4px;text-align:right}
 .pulse-story-opportunity figcaption p{margin-left:auto}
 .pulse-story-footer{right:4%;width:25%}
}
@media(max-width:600px) and (orientation:portrait){
 .pulse-story-signals{transform:none}
 .pulse-story-opportunity{transform:none}
 .pulse-story-signals .pulse-story-image{aspect-ratio:9/16}
 .pulse-story-opportunity .pulse-story-image{aspect-ratio:16/9}
 .pulse-story-signals .pulse-story-image img,.pulse-story-opportunity .pulse-story-image img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
}
@media(min-width:601px){
 .pulse-story-opportunity{width:min(63cqw,112cqh)}
 .pulse-story-partner{top:auto;bottom:7%;left:32%;width:min(33cqw,35cqh)}
}

/* Images recomposed to the actual frame proportions, edge to edge. */
.pulse-story-signals .pulse-story-image img,.pulse-story-opportunity .pulse-story-image img{object-fit:cover;object-position:center}
.pulse-story-opportunity .pulse-story-image{aspect-ratio:2.2/1}
@media(min-width:601px){
 .pulse-story-opportunity{left:30%;width:min(66cqw,130cqh)}
 .pulse-story-opportunity .pulse-story-image{aspect-ratio:2.2/1}
 .pulse-story-partner{left:29%;bottom:7%;width:min(36cqw,42cqh)}
}

/* Larger connected collage and the shared Studio activation treatment. */
@media(min-width:601px){
 .pulse-story-signals{top:20%;width:calc(70cqh * 9 / 16)}
 .pulse-story-partner{left:calc(1cqw + 70cqh * 9 / 16);top:43%;bottom:auto;width:min(38cqw,46cqh);z-index:5}
}
.pulse-story-footer .pulse-activation{position:relative;inset:auto;display:flex;justify-content:flex-end;width:100%;margin:16px 0 0;padding:0;border:0;pointer-events:auto;gap:0}
.pulse-story-footer .pulse-activation button{width:auto;min-width:212px;height:44px}
@media(max-width:600px) and (orientation:portrait){
 .pulse-story-signals{width:min(47cqw,33cqh)}
 .pulse-story-partner{width:min(70cqw,46cqh)}
 .pulse-story-footer{flex-wrap:wrap}
 .pulse-story-footer .pulse-activation{margin-top:4px}
 .pulse-story-footer .pulse-activation button{min-width:180px;height:40px}
}

/* Pulse heading: stronger hierarchy and the agent's blue/cyan palette. */
.pulse-story-heading{display:flex;flex-direction:column;gap:0}
.pulse-story-heading h2{order:0;font-size:clamp(1.65rem,4.4cqh,3.3rem);line-height:1.04;color:#f4fbff}
.pulse-story-heading h2 em{color:#79d9f5;background:linear-gradient(105deg,#b4edff,#65c9ef 55%,#78aef5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pulse-story-heading .pulse-story-kicker{order:1;margin:12px 0 0;color:#84ddff;font-size:clamp(.65rem,1.45cqh,.85rem);font-weight:800;letter-spacing:.15em;line-height:1.4}
.pulse-story-heading>p{order:2;color:#f4f8fc;font-weight:650;font-size:clamp(.7rem,1.5cqh,.9rem);line-height:1.45;margin-top:8px;max-width:35ch}
@media(max-width:600px) and (orientation:portrait){
 .pulse-story-heading h2{font-size:clamp(1.55rem,3.7svh,2.25rem)}
 .pulse-story-heading .pulse-story-kicker{font-size:.62rem;margin-top:8px;letter-spacing:.12em}
 .pulse-story-heading>p{font-size:.7rem;margin-top:6px}
}
@media(max-height:500px){
 .pulse-story-heading h2{font-size:1.4rem}
 .pulse-story-heading .pulse-story-kicker{font-size:.55rem;margin-top:5px}
 .pulse-story-heading>p{font-size:.6rem;margin-top:4px}
}

/* Clear separation above the portrait and brighter image captions. */
@media(min-width:601px){
 .pulse-story-heading{left:1.6%;top:1.2%;width:28.5%}
 .pulse-story-heading .pulse-story-kicker{margin-top:8px}
 .pulse-story-heading>p{margin-top:5px;font-size:clamp(.68rem,1.4cqh,.86rem);line-height:1.3;max-width:39ch}
 .pulse-story-signals{top:22%;width:calc(68cqh * 9 / 16)}
}
.pulse-story-heading .pulse-story-kicker{color:#418edb;font-weight:800}
.pulse-story-shot figcaption b,.pulse-story-opportunity figcaption b{color:#a9e7ff;font-weight:800}
.pulse-story-shot figcaption p{color:#f1f7fc;font-weight:650}
.pulse-story-footer>span{color:#b7e8ff;font-weight:800}
.pulse-story-footer i{color:#62c9f5}
.pulse-story-footer p{color:#f1f7fc;font-weight:650}
@media(max-height:500px) and (min-width:601px){
 .pulse-story-heading>p{font-size:.58rem;line-height:1.2}
 .pulse-story-heading .pulse-story-kicker{margin-top:4px}
 .pulse-story-signals{top:27%;width:calc(62cqh * 9 / 16)}
}

/* Pulse-colored activation and a horizontal footer beside the final image. */
.pulse-story-footer .pulse-activation .activate-pulse{border-color:#8ee4ff;background:linear-gradient(110deg,#39b9e9,#78d8f3);color:#052231;box-shadow:0 8px 24px #269bce40,inset 0 1px 0 #d8f7ff66}
.pulse-story-footer .pulse-activation .activate-pulse:is(:hover,:focus-visible){border-color:#c1f3ff;background:linear-gradient(110deg,#57cbf3,#a0eaff);box-shadow:0 12px 32px #299edc66,0 0 24px #63d8ff40,inset 0 1px 0 #ffffff66}
.pulse-story-footer .pulse-activation .activate-pulse:focus-visible{outline-color:#b3efff}
.pulse-story-footer .pulse-activation .activate-pulse::after{background:linear-gradient(90deg,transparent,#c9f6ff2e 25%,#effcffc7 50%,#c9f6ff2e 75%,transparent)}
@media(min-width:601px){
 .pulse-story-footer{right:3%;bottom:3%;width:43%;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:7px;align-items:center}
 .pulse-story-footer>span{grid-column:1;grid-row:1;align-self:end}
 .pulse-story-footer>p{grid-column:1;grid-row:2;align-self:start;margin:0;font-size:clamp(.65rem,1.5cqh,.9rem)}
 .pulse-story-footer .pulse-activation{grid-column:2;grid-row:1/3;width:auto;margin:0}
 .pulse-story-heading .pulse-story-kicker{margin-top:14px}
 .pulse-story-heading>p{margin-top:11px;font-size:clamp(.72rem,1.55cqh,.94rem)}
 .pulse-story-shot figcaption p{font-size:clamp(.62rem,1.5cqh,.9rem);line-height:1.4}
}
@media(min-width:601px) and (max-width:1000px){
 .pulse-story-footer{width:44%;column-gap:12px}
 .pulse-story-footer .pulse-activation button{min-width:155px;padding:0 12px}
}
@media(max-width:600px){
 .pulse-story-heading .pulse-story-kicker{margin-top:11px}
 .pulse-story-heading>p{margin-top:9px;font-size:.75rem}
 .pulse-story-shot figcaption p{font-size:.65rem}
}
@media(max-height:500px) and (min-width:601px){
 .pulse-story-heading .pulse-story-kicker{margin-top:6px}
 .pulse-story-heading>p{margin-top:6px;font-size:.65rem}
 .pulse-story-shot figcaption p{font-size:.6rem}
}

/* Reversible size trial: match Studio's dialog while retaining Pulse's collage. */
.agent-dialog.pulse-dialog[open]{width:min(1380px,calc(100% - 30px));max-width:1380px;height:min(860px,calc(100svh - 28px));max-height:calc(100svh - 28px);border-radius:28px;overflow:hidden}
@media(min-width:981px){
 .agent-dialog.pulse-dialog[open]{height:min(800px,calc(100svh - 28px))}
}

/* Put the story summary in the open space beside the square photograph. */
.pulse-story-summary{color:#f4f8fc;font-weight:650;line-height:1.5;text-align:center;margin:0}
.pulse-story-opportunity figcaption{text-align:center}
.pulse-story-opportunity figcaption p{margin-left:auto;margin-right:auto;text-wrap:balance}
.pulse-story-shot figcaption b{display:block;margin:0 0 5px}
.pulse-story-shot figcaption p{text-wrap:balance}
@media(min-width:601px){
 .pulse-story-summary{position:absolute;left:58%;top:69%;width:29%;font-size:clamp(.85rem,1.9cqh,1.1rem)}
 .pulse-story-opportunity figcaption{width:64%;box-sizing:border-box;margin-left:auto;padding:10px 10px 0;text-align:center}
 .pulse-story-opportunity figcaption p{max-width:42ch;line-height:1.45}
}
@media(max-width:600px){
 .pulse-story{grid-template-rows:auto minmax(0,1fr) auto auto}
 .pulse-story-summary{font-size:.75rem;padding:0 8px}
 .pulse-story-opportunity figcaption{padding-left:0;text-align:center}
}

/* More even title spacing and slightly larger story captions. */
@media(min-width:601px){
 .pulse-story-heading .pulse-story-kicker{margin-top:24px;font-size:clamp(.72rem,1.65cqh,.96rem);line-height:1.4;letter-spacing:.13em}
 .pulse-story-shot figcaption b{font-size:clamp(.74rem,1.9cqh,1.1rem)}
 .pulse-story-shot figcaption p{font-size:clamp(.68rem,1.65cqh,.98rem);line-height:1.42}
 .pulse-story-opportunity figcaption p{margin-top:10px}
}
@media(max-width:600px){
 .pulse-story-heading .pulse-story-kicker{margin-top:16px;font-size:.68rem}
 .pulse-story-shot figcaption b{font-size:.77rem}
 .pulse-story-shot figcaption p{font-size:.71rem}
 .pulse-story-opportunity figcaption p{margin-top:8px}
}
@media(max-height:500px) and (min-width:601px){
 .pulse-story-heading .pulse-story-kicker{margin-top:10px;font-size:.62rem}
 .pulse-story-shot figcaption b{font-size:.7rem}
 .pulse-story-shot figcaption p{font-size:.63rem}
 .pulse-story-opportunity figcaption p{margin-top:6px}
}

/* Fine adjustments to the Pulse title and summary. */
@media(min-width:601px){
 .pulse-story-heading h2{font-size:clamp(1.75rem,4.6cqh,3.45rem)}
 .pulse-story-heading .pulse-story-kicker{margin-top:28px}
 .pulse-story-summary{top:71%}
}
@media(max-width:600px){
 .pulse-story-heading h2{font-size:clamp(1.65rem,3.9svh,2.35rem)}
 .pulse-story-heading .pulse-story-kicker{margin-top:20px}
 .pulse-story-summary{position:relative;top:4px}
}
@media(max-height:500px) and (min-width:601px){
 .pulse-story-heading h2{font-size:1.45rem}
 .pulse-story-heading .pulse-story-kicker{margin-top:12px}
}

/* Light-blue Pulse accent for the story summary. */
.pulse-story-summary{color:#b4e7ff;background:linear-gradient(110deg,#d4f3ff 10%,#98dcfa 55%,#78bdf3 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

/* Framed Pulse summary, slightly lower in the open space. */
.pulse-story-summary{box-sizing:border-box;padding:14px 18px;border:1px solid rgba(116,202,247,.35);border-radius:14px;background:linear-gradient(120deg,rgba(43,112,158,.18),rgba(17,47,72,.3));background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:initial;color:#bceaff;box-shadow:inset 0 1px 0 rgba(192,234,255,.07),0 8px 24px rgba(0,0,0,.12)}
@media(min-width:601px){.pulse-story-summary{top:72.5%}}
@media(max-width:600px){.pulse-story-summary{top:6px;padding:9px 12px}}

/* Studio summary follows Pulse's framed treatment in a soft warm palette. */
.studio-showcase-copy>p{
 box-sizing:border-box;
 padding:14px 18px;
 border:1px solid rgba(255,175,105,.3);
 border-radius:14px;
 background:transparent;
 color:#ffe3a3;
 text-align:center;
 box-shadow:inset 0 1px 0 rgba(255,225,192,.06);
}
@media(max-width:600px){.studio-showcase-copy>p{padding:9px 12px}}
@media(min-width:981px){.studio-showcase-copy>p{left:150%}}
.studio-summary-text{
 color:transparent;
 background:linear-gradient(92deg,#ff765f 0%,#ffb080 42%,#e899cb 72%,#86dce4 100%);
 -webkit-background-clip:text;
 background-clip:text;
 -webkit-text-fill-color:transparent;
 text-shadow:0 0 40px rgba(255,112,91,.08);
}
/* Give the role the full width below the name and status. */
.studio-nameplate-copy,.pulse-nameplate-copy{display:contents}
.studio-nameplate-mark,.pulse-nameplate .pulse-wave{grid-column:1;grid-row:1 / 3;align-self:center}
.studio-nameplate strong,.pulse-nameplate strong{grid-column:2;grid-row:1;min-width:0}
.studio-nameplate-status,.pulse-nameplate .pulse-live{grid-column:3;grid-row:1;align-self:center;margin:0}
.studio-nameplate small,.pulse-nameplate small{grid-column:2 / -1;grid-row:2;min-width:0}
.studio-nameplate-expanded small,.pulse-nameplate-expanded small{font-size:clamp(.6rem,.68vw,.72rem)}
/* Gentle user-requested close-up, clipped inside the existing photo frames. */
.studio-photo-window{width:100%;min-width:0;min-height:0;overflow:hidden;border-radius:15px;isolation:isolate;aspect-ratio:1;box-shadow:0 18px 40px rgba(0,0,0,.24)}
.studio-shot-direction .studio-photo-window{aspect-ratio:4/5}
.studio-shot-main .studio-photo-window{aspect-ratio:1.4}
.agent-dialog.studio-dialog[open] .studio-photo-window img{display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;border:0;border-radius:0;box-shadow:none;filter:none;transform:scale(1.05);transform-origin:60% 30%}
.agent-dialog.studio-dialog[open] .studio-shot-result .studio-photo-window img{transform:scale(1.08);transform-origin:55% 25%}
@media(min-width:981px){
 .studio-shot-direction .studio-photo-window,.studio-shot-main .studio-photo-window{height:100%;aspect-ratio:auto}
 .studio-shot-result .studio-photo-window{transform:rotate(-4deg)}
}
@media(max-width:680px){.studio-shot-main .studio-photo-window{aspect-ratio:1.25}}

/* Liyrra initial study: ?brand=square previews the alternative frame. */
.liyrra-brand{display:inline-flex;width:66px;align-items:center;justify-content:center;letter-spacing:0;border-radius:50%;outline-offset:5px}
.liyrra-emblem{position:relative;isolation:isolate;display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border:1px solid #94bac17a;border-radius:50%;background:radial-gradient(ellipse at 23% 90%,#31e8ca55,transparent 53%),radial-gradient(ellipse at 90% 16%,#6fbaff55,transparent 55%),linear-gradient(145deg,#23353e,#060d14 60%,#112b31);box-shadow:inset 0 1px 2px #ecffff80,inset 0 -2px 4px #4bedd54d,0 0 15px #53d4d521,0 5px 14px #0009;transition:box-shadow .25s ease,transform .25s ease}
.liyrra-emblem:before{content:"";position:absolute;inset:4px;border:1px solid #abcdd228;border-top-color:#d6f9ff70;border-bottom-color:#66ecd56b;border-radius:inherit;pointer-events:none}
.liyrra-emblem:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(145deg,#ffffff24,transparent 44%);clip-path:polygon(0 0,100% 0,100% 26%,0 65%)}
.liyrra-emblem svg{width:47px;height:47px;filter:drop-shadow(0 2px 2px #000b) drop-shadow(0 0 5px #80e6ed45)}
.liyrra-brand:hover .liyrra-emblem,.liyrra-brand:focus-visible .liyrra-emblem{transform:translateY(-1px);box-shadow:inset 0 1px 2px #ecffffa0,inset 0 -2px 5px #4bedd575,0 0 22px #53d4d549,0 5px 14px #0009}
.liyrra-brand-square,.liyrra-brand-square .liyrra-emblem{border-radius:15px}

/* Six glass letter windows for the Liyrra wordmark. */
.liyrra-brand{width:max-content;gap:5px;border-radius:10px;justify-self:start}
.liyrra-emblem{width:37px;height:43px;border-radius:10px;flex:none}
.liyrra-emblem b{font-size:25px;line-height:1;font-weight:600;letter-spacing:0;background:linear-gradient(155deg,#fff 15%,#d9f3f4 42%,#88b3bf 65%,#f0ffff 88%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px #000b) drop-shadow(0 0 4px #8de2e54a)}
.liyrra-emblem:nth-child(2){--light-delay:.08s}.liyrra-emblem:nth-child(3){--light-delay:.16s}.liyrra-emblem:nth-child(4){--light-delay:.24s}.liyrra-emblem:nth-child(5){--light-delay:.32s}.liyrra-emblem:nth-child(6){--light-delay:.4s}
.liyrra-brand:is(:hover,:focus-visible) .liyrra-emblem{animation:liyrra-window-light .8s ease both;animation-delay:var(--light-delay,0s)}
@keyframes liyrra-window-light{0%,100%{filter:brightness(1)}45%{filter:brightness(1.65)}}
@media(min-width:721px) and (max-width:1000px){.primary-nav{gap:22px}.liyrra-brand{gap:4px}.liyrra-emblem{width:30px;height:38px}.liyrra-emblem b{font-size:23px}.hire-button{min-width:138px;padding-inline:14px}}
@media(max-width:420px){.liyrra-brand{gap:3px}.liyrra-emblem{width:25px;height:34px;border-radius:8px}.liyrra-emblem:before{inset:3px}.liyrra-emblem b{font-size:21px}.site-header{column-gap:10px}.site-header .hire-button{min-width:112px;padding-inline:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.liyrra-brand .liyrra-emblem{animation:none!important;transition:none}}

/* Full-size circular Liyrra letter windows. */
.site-header .liyrra-brand{gap:5px}
.site-header .liyrra-emblem{width:58px;height:58px;border-radius:50%}
.site-header .liyrra-emblem:before{inset:4px}
.site-header .liyrra-emblem b{font-size:34px}
@media(min-width:721px) and (max-width:1150px){.site-header{grid-template-columns:auto 1fr auto;column-gap:20px}.site-header .primary-nav{justify-content:center;gap:18px}.site-header .hire-button{min-width:120px;padding-inline:12px}}
@media(max-width:850px){.site-header{grid-template-columns:1fr auto;column-gap:12px}.site-header .primary-nav{display:none}}
@media(max-width:560px){.site-header{grid-template-columns:1fr;padding-block:12px;row-gap:12px}.site-header .liyrra-brand{justify-self:center;gap:clamp(0px,1vw,5px)}.site-header .hire-button{justify-self:center}}
@media(max-width:371px){.site-header .liyrra-brand{display:grid;grid-template-columns:repeat(3,58px);gap:6px}}

/* Balanced header wordmark: prominent without dominating the agent content. */
.site-header .liyrra-brand{display:inline-flex;gap:4px}
.site-header .liyrra-emblem{width:44px;height:44px}
.site-header .liyrra-emblem b{font-size:27px}
@media(min-width:851px) and (max-width:1150px){.site-header{grid-template-columns:1fr auto 1fr;column-gap:20px}}
@media(max-width:560px){.site-header{grid-template-columns:1fr auto;padding-block:10px;column-gap:12px;row-gap:0}.site-header .liyrra-brand{justify-self:start;gap:3px}.site-header .liyrra-emblem{width:34px;height:34px}.site-header .liyrra-emblem b{font-size:22px}.site-header .hire-button{justify-self:end;min-width:112px;padding-inline:10px;font-size:12px}}
@media(max-width:371px){.site-header .liyrra-brand{display:inline-flex;gap:2px}.site-header .liyrra-emblem{width:28px;height:28px}.site-header .liyrra-emblem:before{inset:3px}.site-header .liyrra-emblem b{font-size:19px}.site-header{column-gap:8px}}

/* Continuous, gently staggered illumination for the brand. */
.site-header .liyrra-emblem{width:48px;height:48px;animation:liyrra-ambient-light 4.8s ease-in-out infinite;animation-delay:var(--light-delay,0s)}
.site-header .liyrra-emblem b{font-size:30px}
.site-header .liyrra-brand:is(:hover,:focus-visible) .liyrra-emblem{animation-name:liyrra-ambient-light;animation-duration:4.8s;animation-iteration-count:infinite;animation-fill-mode:none}
@keyframes liyrra-ambient-light{0%,8%,42%,100%{filter:brightness(1.08)}24%{filter:brightness(1.65)}}
@media(max-width:560px){.site-header .liyrra-emblem{width:36px;height:36px}.site-header .liyrra-emblem b{font-size:24px}}
@media(max-width:371px){.site-header .liyrra-emblem{width:28px;height:28px}.site-header .liyrra-emblem b{font-size:19px}}
@media(prefers-reduced-motion:reduce){.site-header .liyrra-brand .liyrra-emblem{animation:none!important;filter:brightness(1.15)}}

/* Slightly inset branding with a more frequent light pass. */
.site-header .liyrra-brand{margin-left:6px}
.site-header .liyrra-emblem,.site-header .liyrra-brand:is(:hover,:focus-visible) .liyrra-emblem{animation-duration:2.6s}
@media(max-width:560px){.site-header .liyrra-brand{margin-left:4px}}
@media(max-width:371px){.site-header .liyrra-brand{margin-left:0}}


/* Fine positioning of the Liyrra wordmark. */
.site-header .liyrra-brand{position:relative;left:-3px;top:-4px}


/* Clearer supporting message beneath the main headline. */
.intro-copy .hero-description{margin:16px 0 18px;padding-left:14px;border-left:2px solid #72dfbd99;font-size:clamp(1.05rem,1.25vw,1.2rem);line-height:1.45;color:#c4ced3}
.hero-description strong{display:block;color:#edf7f4;font-weight:600;letter-spacing:.01em}
.hero-description span{display:block;margin-top:3px}
@media(max-width:720px){.intro-copy .hero-description{font-size:1.05rem;margin-block:22px}}

/* Remove stray decorative outlines over agent portraits. */
.agents-grid .frame-pulse,.agents-grid .edge-pulse{display:none}
.agents-grid .compact-frame::before,.agents-grid .compact-frame::after{content:none}
.agents-grid .agent-slot:is(:hover,:focus-visible,.is-active)>.compact-frame{opacity:0;visibility:hidden;pointer-events:none}
@media(min-width:721px){.agents-grid .nova-slot.is-featured>.compact-frame{opacity:0;visibility:hidden;pointer-events:none}}
.agents-grid .nova-expanded-frame>.nova-loop{border:0}
.site-header{border-bottom:0}

/* Reset inherited outline/mask and top inset on Nova's bottom shading layer. */
.agents-grid .nova-expanded-frame::after{inset:auto 0 0;height:38%;padding:0;border:0;border-radius:0 0 20px 20px;-webkit-mask:none;mask:none;filter:none;opacity:1;background:linear-gradient(180deg,transparent,rgba(10,4,20,.38) 45%,rgba(7,3,15,.78))}

/* Nova stays at the same full expanded dimensions as Studio and Operator. */
.agents-grid .nova-slot.is-featured,.agents-grid.has-preview .nova-slot.is-featured:not(:hover):not(:focus-visible){transform:none}
.agents-grid .nova-slot.is-featured .nova-expanded-frame{opacity:1;pointer-events:auto;animation:none;aspect-ratio:9/16}
@media(min-width:721px){.agents-grid .nova-slot.is-featured .nova-expanded-frame{width:124%;transform:translate3d(-12%,-7px,0) scale(1)}}
@media(max-width:720px){.agents-grid .nova-slot.is-featured .nova-expanded-frame{width:100%;transform:translateY(-4px) scale(1)}}