.hero-previews{position:relative;margin-top:12px;border-radius:17px;overflow:hidden;isolation:isolate;background:#0c2022;height:clamp(215px,19vw,270px)}.hero-preview{position:absolute;inset:0;overflow:hidden;transform-origin:center;border-radius:inherit}.hero-preview[hidden]{display:none}.hero-preview>img,.hero-preview>video{width:100%;height:100%;object-fit:cover;display:block}.preview-caption{position:absolute;inset:auto 0 0;padding:50px 20px 18px;background:linear-gradient(transparent,#020a0ce0);display:flex;flex-direction:column;gap:6px;color:#fff;pointer-events:none}.preview-caption>span{font-size:9px;letter-spacing:.12em;color:#b6e5d9}.preview-caption strong{font-size:19px;font-weight:500;line-height:1.2}.preview-caption small{font-size:10px;color:#c6d6d1}.preview-writing{padding:26px;display:flex;flex-direction:column;justify-content:center;background:#ecebe1;color:#132524}.preview-writing>span,.preview-writing>small{font-size:10px;letter-spacing:.06em}.preview-writing h3{font-family:Georgia,serif;font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.05;margin:18px 0 12px}.preview-writing p{font-size:14px;line-height:1.6;margin:0 0 16px;max-width:380px}.preview-pause{position:absolute;top:12px;right:12px;min-height:36px;padding:8px 13px;border:1px solid #ffffff40;border-radius:30px;background:#051012aa;backdrop-filter:blur(10px);color:#fff;font-size:11px;cursor:pointer}.service-tabs button{position:relative;transition:background .3s,color .3s,box-shadow .3s;min-height:44px}.service-tabs button[aria-selected=true]{background:var(--cyan);box-shadow:0 3px 18px #24dec925}.service-tabs button:focus-visible,.preview-pause:focus-visible{outline:2px solid var(--yellow);outline-offset:-3px}.hero-studio .prompt-stage{min-height:0}.hero-studio .prompt-stage p{min-height:0;font-size:15px;margin-block:12px}@media(max-width:760px){.hero-previews{aspect-ratio:4/3}.preview-caption{padding:35px 15px 15px}.preview-caption strong{font-size:17px}.preview-writing{padding:20px}.preview-writing h3{font-size:30px}.preview-writing p{font-size:13px}}@media(prefers-reduced-motion:reduce){.service-tabs button{transition:none}}.hero-studio [data-prompt-output]{min-height:6.2em;line-height:1.55}[data-prompt-output].is-typing{display:grid;grid-template-columns:minmax(0,1fr)}.prompt-reserve,.prompt-ink{grid-area:1/1}.prompt-reserve{visibility:hidden}.prompt-ink:after{content:"";display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.12em;background:var(--cyan);animation:prompt-caret .7s ease-in-out infinite}@keyframes prompt-caret{50%{opacity:.2}}.preview-writing{padding:20px}.preview-writing h3{font-size:32px;margin:12px 0 10px}.preview-writing p{font-size:13px;line-height:1.45;margin-bottom:10px}@media(max-width:760px){.hero-previews{height:220px;aspect-ratio:auto}.preview-writing{padding:16px}.preview-writing h3{font-size:28px;margin-block:10px}.preview-writing>span,.preview-writing>small{font-size:9px}}@media(max-width:360px){.hero-studio [data-prompt-output]{min-height:7.75em}.preview-writing p{font-size:12px}}@media(prefers-reduced-motion:reduce){.prompt-ink:after{animation:none}}.service-tabs button{overflow:hidden}.service-tabs button:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:3px;border-radius:3px;background:var(--ink);opacity:.55;transform:scaleX(var(--tab-progress,0));transform-origin:left;pointer-events:none}.studio-result{transition:opacity .22s ease,transform .3s ease,max-height .4s ease,margin .4s ease,padding .4s ease;transform:translateY(-5px)}.studio-result.visible{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.service-tabs button:after{display:none}.studio-result{transition:none}}[data-view-prompt].is-typing{display:grid;grid-template-columns:minmax(0,1fr)}.view-prompt p{white-space:normal;overflow-wrap:anywhere;min-height:3.2em}.playground-rail>button{position:relative;transition:background .25s,border-color .25s,color .25s,box-shadow .25s}.playground-rail>button.active{border-color:#24dec959;background:#24dec914;box-shadow:inset 3px 0 var(--cyan)}.playground-rail>button.active>i{background:var(--cyan);color:var(--ink)}@media(max-width:760px){.playground-rail>button.active{box-shadow:inset 0 -3px var(--cyan)}.view-prompt p{min-height:6.4em}}.hero-studio.hero-intro-pending{overflow:hidden}.hero-studio.hero-intro-pending .studio-topline,.hero-studio.hero-intro-pending .service-tabs,.hero-studio.hero-intro-pending .hero-previews,.hero-studio.hero-intro-pending .prompt-stage,.hero-studio.hero-intro-pending .generate-button,.hero-studio.hero-intro-pending .studio-result{opacity:0;will-change:transform,opacity,filter}.hero-studio.hero-intro-pending .studio-topline{transform:translateY(-9px)}.hero-studio.hero-intro-pending .service-tabs{transform:translateY(10px) scale(.985)}.hero-studio.hero-intro-pending .hero-previews{clip-path:inset(0 100% 0 0 round 17px);transform:scale(.985);filter:saturate(.7)}.hero-studio.hero-intro-pending .prompt-stage{transform:translateY(12px)}.hero-studio.hero-intro-pending .generate-button,.hero-studio.hero-intro-pending .studio-result{transform:translateY(10px)}.hero-studio.hero-intro-pending.hero-intro-active .studio-topline,.hero-studio.hero-intro-pending.hero-intro-active .service-tabs,.hero-studio.hero-intro-pending.hero-intro-active .hero-previews,.hero-studio.hero-intro-pending.hero-intro-active .prompt-stage,.hero-studio.hero-intro-pending.hero-intro-active .generate-button,.hero-studio.hero-intro-pending.hero-intro-active .studio-result{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0 round 17px);transition-property:opacity,transform,filter,clip-path;transition-duration:.58s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}.hero-studio.hero-intro-pending.hero-intro-active .studio-topline{transition-delay:.08s}.hero-studio.hero-intro-pending.hero-intro-active .service-tabs{transition-delay:.2s}.hero-studio.hero-intro-pending.hero-intro-active .hero-previews{transition-delay:.32s;transition-duration:.72s}.hero-studio.hero-intro-pending.hero-intro-active .prompt-stage{transition-delay:.55s}.hero-studio.hero-intro-pending.hero-intro-active .generate-button{transition-delay:.7s}.hero-studio.hero-intro-pending.hero-intro-active .studio-result{transition-delay:.82s}.hero-studio.hero-intro-pending .service-tabs button{opacity:0;transform:translateY(7px)}.hero-studio.hero-intro-pending.hero-intro-active .service-tabs button{opacity:1;transform:none;transition:opacity .42s var(--ease),transform .42s var(--ease),background .3s,color .3s,box-shadow .3s}.hero-studio.hero-intro-pending.hero-intro-active .service-tabs button:nth-child(1){transition-delay:.25s}.hero-studio.hero-intro-pending.hero-intro-active .service-tabs button:nth-child(2){transition-delay:.31s}.hero-studio.hero-intro-pending.hero-intro-active .service-tabs button:nth-child(3){transition-delay:.37s}.hero-studio.hero-intro-pending:after{content:"";position:absolute;z-index:8;inset:-35% auto -35% -45%;width:25%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transform:skew(-18deg);pointer-events:none}.hero-studio.hero-intro-pending.hero-intro-active:after{animation:studio-intro-glint 1.15s .28s var(--ease) both}@keyframes studio-intro-glint{0%{left:-45%}to{left:125%}}@media(prefers-reduced-motion:reduce){.hero-studio.hero-intro-pending *{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}.hero-studio.hero-intro-pending:after{display:none}}