.og-landing{& .og-dir{padding-top:72px;& .dir-head{margin-bottom:28px}& .dir-head .lead{font:600 var(--lp-h2) /1.08 var(--og-display-font);letter-spacing:-.025em;margin:8px 0 0;text-wrap:balance}& .dir-head .link{font-size:14px;color:var(--og-text-secondary);&:hover{color:var(--og-text)}}& .rows{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}& .drow-h{display:flex;align-items:center;gap:14px;min-height:28px;margin-bottom:10px;& h2{font:600 20px/1.2 var(--og-display-font);letter-spacing:-.01em}& h2,&>p{white-space:nowrap;margin:0}&>p{min-width:0;color:var(--lp-ink-3);font-size:13.5px;overflow:hidden;text-overflow:ellipsis}}& .drow-go{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none;&>a{margin-right:8px;font-size:13px;color:var(--og-text-secondary);white-space:nowrap;transition:color var(--og-duration-ui) var(--og-ease);&:hover{color:var(--og-text)}}& a:focus-visible,& button:focus-visible{outline:2px solid var(--og-link);outline-offset:2px;border-radius:var(--og-radius-small)}}& .arrows{display:flex;gap:6px;& button{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--lp-line-2);background:transparent;color:var(--og-text-secondary);cursor:pointer;transition:color var(--og-duration-ui) var(--og-ease),border-color var(--og-duration-ui) var(--og-ease),opacity var(--og-duration-ui) var(--og-ease);&:hover:not([aria-disabled=true]){color:var(--og-text);border-color:var(--og-border-hover)}&[aria-disabled=true]{opacity:.35;cursor:default}& svg{width:16px;height:16px}}}& .strip{--card-w:232px;--card-h:150px;--peek:1.6;mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);&[data-end]{mask-image:none}&[data-shape=tall]{--card-w:176px;--card-h:230px;--peek:2.4}&[data-shape=guide]{--card-w:340px;--card-h:128px;--peek:1.15}}& .t{position:relative;display:block;width:min(var(--card-w),calc((100% - 12px) / var(--peek)));height:var(--card-h);border-radius:var(--og-radius-card);overflow:hidden;background:var(--og-surface-raised);color:var(--og-text);isolation:isolate;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;&:focus-visible{outline:2px solid var(--og-link);outline-offset:-2px}}& .med{position:absolute;inset:0;& img,& video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}& img{transition:transform var(--lp-duration-slow) var(--og-ease)}& video{opacity:0;transition:opacity var(--og-duration-ui) var(--og-ease)}}& .t:hover .med img{transform:scale(1.04)}& .med video[data-ready],& .t[data-playing] .med video{opacity:1}& .cap{position:absolute;inset:auto 0 0;z-index:1;padding:40px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.82));& h3{font:600 14px/1.3 var(--og-display-font);margin:0}& h3,& p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& p{margin:2px 0 0;font-size:11.5px;line-height:1.35;color:var(--og-text-secondary)}}& .strip[data-shape=guide] .t{display:grid;grid-template-columns:40% minmax(0,1fr);border:1px solid var(--lp-line-1);background:var(--og-surface)}& .strip[data-shape=guide] .med{position:relative}& .strip[data-shape=guide] .cap{position:static;align-self:center;padding:14px 16px;background:none;& h3,& p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}& p{margin-top:6px}}@media (hover:none),(pointer:coarse){& .arrows{display:none}}@media (max-width:767px){padding-top:56px;& .arrows,& .drow-h>p{display:none}& .drow-h h2{white-space:normal}& .strip{margin-inline:calc(-1 * var(--og-gutter));padding-inline:var(--og-gutter);scroll-padding-inline:var(--og-gutter);mask-image:none}}@media (prefers-reduced-motion:reduce){& .med img,& .med video{transition:none}& .t:hover .med img{transform:none}}}}.og-landing{& .ogl-film{text-align:center;& .lede{margin-inline:auto}}& .ogl-film .film-wrap{margin-top:40px;perspective:1600px}& .ogl-film .film-chapters{display:flex;justify-content:center;gap:8px;margin-top:20px;overflow-x:auto;scrollbar-width:none;& button{flex:none;height:36px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--og-border);border-radius:999px;background:transparent;color:var(--og-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--og-duration-ui) var(--og-ease),color var(--og-duration-ui) var(--og-ease);& span{font-variant-numeric:tabular-nums;opacity:.6}&[aria-current=true]{background:var(--og-text);border-color:transparent;color:var(--og-surface)}&:focus-visible{outline:2px solid var(--og-focus);outline-offset:2px}}}@media (max-width:720px){& .ogl-film .film-chapters{justify-content:flex-start;gap:6px;margin-inline:calc(-1 * var(--og-gutter));padding-inline:var(--og-gutter);scroll-padding-inline:var(--og-gutter);scroll-snap-type:x proximity;mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 48px),transparent);& button{height:34px;padding:0 12px;scroll-snap-align:start}}}& .ogl-film .film{position:relative;overflow:hidden;aspect-ratio:16/9;border:0;border-radius:24px;background:#000;box-shadow:var(--lp-elev-3);transform:scale(calc(.94 + .06 * var(--k, 0))) rotateX(calc(8deg * (1 - var(--k, 0))));transform-origin:center top;text-align:left;&:before{z-index:1}& video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}& .film-bar{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;z-index:2;& button{position:static;flex:none;height:36px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:#0a0a0a99;backdrop-filter:blur(8px);color:#fff;font-size:13px;font-weight:500;cursor:pointer;& svg{width:16px;height:16px}&.film-icon{width:36px;padding:0;justify-content:center}}}& .film-seek{flex:1 1 auto;min-width:0;height:36px;margin:0;padding:0 6px;border:0;border-radius:999px;background:#0a0a0a99;backdrop-filter:blur(8px);appearance:none;cursor:pointer;accent-color:#fff;&::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#ffffff40}&::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;border:0}&::-moz-range-track{height:4px;border-radius:999px;background:#ffffff40}&::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:0}&:disabled{opacity:.5;cursor:default}}& .film-seek:focus-visible,& button:focus-visible{outline:2px solid var(--og-focus);outline-offset:2px}& .film-big{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;padding:0;border:0;border-radius:0;background:radial-gradient(60% 60% at 50% 50%,#00000040,#000000d9);color:#fff;text-align:center;cursor:pointer;& i{display:grid;place-items:center;width:80px;height:80px;margin-bottom:14px;border-radius:50%;background:#fff;color:#000;box-shadow:0 0 0 12px #ffffff1f;transition:transform var(--og-duration-ui) var(--og-ease);& svg{width:28px;height:28px;margin-left:4px;fill:currentColor}}& b{font:600 24px/30px var(--og-display-font);letter-spacing:-.01em}& small{color:var(--og-text-secondary);font-size:14px}&:hover i{transform:scale(1.05)}&:focus-visible{outline-offset:-4px}}&:fullscreen{transform:none;border-radius:0;aspect-ratio:auto;box-shadow:none;&:before{display:none}& video{object-fit:contain}}}@media (max-width:520px){& .ogl-film .film{border-radius:22px;& .film-bar{left:8px;right:8px;bottom:8px;gap:6px}& .film-big{& i{width:60px;height:60px;margin-bottom:8px}& b{font-size:18px;line-height:24px}}}}@media (prefers-reduced-motion:reduce){& .ogl-film .film{transform:none;& .film-big i{transition:none}}}}@keyframes ogl-cn-spin{to{transform:rotate(1turn)}}@keyframes ogl-cn-blink{50%{opacity:0}}@keyframes ogl-cn-bar{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes ogl-cn-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes ogl-cn-in{0%{opacity:0;transform:translateY(8px) scale(.82)}to{opacity:1;transform:none}}@keyframes ogl-cn-land{0%{opacity:0;transform:translate(-26px,22px) rotate(-7deg) scale(.8)}to{opacity:1;transform:none}}@keyframes ogl-cn-sharpen{0%{filter:blur(10px) saturate(.5);transform:scale(1.08)}to{filter:none;transform:none}}@keyframes ogl-cn-scan{0%{top:0;opacity:.95}85%{opacity:.95}to{top:100%;opacity:0}}@keyframes ogl-cn-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes ogl-cn-halo{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.35)}}.og-landing{--cn-spring:cubic-bezier(.34,1.56,.64,1);--cn-draw:470ms;--cn-draw-out:170ms;@supports (transition-timing-function:linear(0,1)){--cn-spring:linear(0,.09 3%,.32 7%,.63 12%,.88 17%,1.03 22%,1.1 27%,1.1 31%,1.07 36%,1.02 43%,.99 51%,.985 58%,.995 70%,1.002 83%,1)}& .cn-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--og-surface-hover);color:var(--og-text);&[data-tile=chatgpt]{background:linear-gradient(180deg,#fff,#ededf0)}&[data-tile=claude]{background:linear-gradient(180deg,#dc7a59,#d2684a)}&[data-size=sm]{width:22px;height:22px;border-radius:7px}&[data-size=sm] svg{width:13px;height:13px}& svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}& svg[data-brand]{width:20px;height:20px;stroke:none}}& .cn .lgo{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#fff;&[data-tile=dark]{background:var(--og-canvas);border:1px solid var(--og-border)}& img{width:18px;height:18px;object-fit:contain}&[data-blacken] img{filter:brightness(0)}}& .cn-wave{display:flex;align-items:center;gap:3px;width:100%;height:100%;& i{flex:1;height:var(--h);border-radius:2px;background:var(--og-text);opacity:.92}&[data-playing] i{animation:ogl-cn-bar 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--k) * -70ms)}}& .cn-md{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}& .cn-au{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:18px;background:var(--og-canvas);&[data-cover]:after{content:"";position:absolute;inset:35% 0 0 0;background:linear-gradient(transparent,#000000cc)}& q{quotes:none;margin:8px 0 auto;font:600 26px/30px var(--og-display-font);letter-spacing:-.03em}& .cn-wave,& q{position:relative;z-index:1}& .cn-wave{height:46px;flex:none}}& .cn-kt{position:absolute;left:10px;bottom:10px;z-index:2;font:500 9.5px/1 var(--og-mono);letter-spacing:.08em;text-transform:uppercase;background:#000000b8;padding:6px 7px;border-radius:6px}& .cn-scan{position:absolute;left:0;right:0;top:0;z-index:3;height:2px;background:#fff;opacity:0;pointer-events:none}& [data-develop]{animation:ogl-cn-land .56s var(--cn-spring) both;& .cn-md{animation:ogl-cn-sharpen .52s cubic-bezier(.2,.7,.2,1) both}& .cn-scan{animation:ogl-cn-scan .46s cubic-bezier(.45,0,.2,1) 60ms both}}& .cn-pz{height:30px;padding:0 12px;border:1px solid var(--og-border);border-radius:999px;background:var(--og-canvas);color:var(--og-text-secondary);font-size:12px;font-weight:500;white-space:nowrap;transition:color var(--og-duration-ui) var(--og-ease),border-color var(--og-duration-ui) var(--og-ease);&:hover{color:var(--og-text);border-color:var(--og-border-hover)}}& .caret{display:inline-block;width:2px;height:15px;margin-left:1px;vertical-align:-2px;background:var(--og-text);animation:ogl-cn-blink 1s steps(2) infinite}& .cn-top{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center}& .cn-head h2.sec{font-size:50px;line-height:54px;letter-spacing:-.04em}& .cn-head .lede{max-width:38ch}& .cn-cta{gap:10px;margin-top:28px}& .cn-cta,& .cn-mini{display:flex;flex-wrap:wrap}& .cn-mini{gap:8px;margin-top:22px}& .cn-mini span{font:500 10.5px/1 var(--og-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--og-border);padding:7px 9px;border-radius:999px;color:var(--og-text-secondary)}& .cn-sg{position:relative;height:468px;display:grid;grid-template-columns:128px minmax(0,1fr) 272px;align-items:center;padding:0 34px 0 30px;overflow:hidden;&:after{content:"";inset:0;background-image:radial-gradient(var(--og-border) 1px,transparent 1px);background-size:20px 20px;opacity:.35;mask-image:radial-gradient(ellipse 75% 75% at 45% 50%,#000 25%,transparent 100%);pointer-events:none}&:after,&>.cn-pz{position:absolute}&>.cn-pz{top:14px;right:14px;z-index:4}}& .cn-sg-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none;& path{fill:none;stroke:var(--og-border);stroke-width:1.25}& path.lit{stroke:#e5e5e5;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:0}}& .cn-sg[data-running] .cn-sg-lines path.lit{animation:ogl-cn-draw var(--cn-draw) cubic-bezier(.3,.7,.2,1) both;&.out{animation-duration:var(--cn-draw-out)}}& .cn-sg-apps{position:relative;z-index:2;display:grid;gap:12px;justify-items:start}& .cn-sa{position:relative;width:54px;height:54px;border-radius:16px;border:1px solid var(--og-border);background:var(--og-canvas);display:grid;place-items:center;opacity:.62;transition:transform .42s var(--og-ease),border-color .2s,opacity .2s,box-shadow .2s;&:after{content:"";inset:-5px;border-radius:20px;border:1.5px solid #fff}& b,&:after{position:absolute;opacity:0;pointer-events:none}& b{left:64px;top:50%;transform:translate(-8px,-50%);white-space:nowrap;font:500 12px/1 var(--og-sans);color:var(--og-text);background:var(--og-canvas);border:1px solid var(--og-border);padding:7px 9px;border-radius:999px;transition:opacity .16s,transform .38s var(--cn-spring)}&[data-on]{opacity:1;transform:scale(1.12);border-color:var(--og-border-hover);box-shadow:0 0 0 4px #ffffff10,0 10px 30px -8px #000;transition:transform .46s var(--cn-spring),border-color .12s,opacity .12s,box-shadow .2s}&[data-on] b{opacity:1;transform:translateY(-50%)}}& .cn-core{position:relative;z-index:2;justify-self:center;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:var(--og-canvas);border:1px solid var(--og-border-control);transition:border-color .3s,transform .38s var(--og-ease);&>img{width:40px;height:40px;object-fit:contain;transition:transform .42s var(--og-ease)}& .ring{position:absolute;inset:-20px;border-radius:50%;border:1px dashed var(--og-border-control);opacity:.7}& .ring.r2{inset:-44px;border-style:solid;border-color:var(--og-border);opacity:.8;animation:none}& .pulse{position:absolute;inset:0;border-radius:50%;border:1.5px solid #fff;opacity:0;pointer-events:none;animation:ogl-cn-pulse .64s cubic-bezier(.2,.7,.2,1)}& .pulse.p2{border-width:1px;animation-delay:.11s;animation-fill-mode:backwards}&[data-hit]{border-color:#fff;transform:scale(1.05);transition:border-color 80ms,transform .42s var(--cn-spring)}&[data-hit]>img{transform:scale(1.16);transition:transform .42s var(--cn-spring)}}& .cn-sg[data-running] .cn-sa[data-on]:after{animation:ogl-cn-halo .52s cubic-bezier(.2,.7,.2,1) both}& .cn-sg[data-running] .cn-core .ring:not(.r2){animation:ogl-cn-spin 46s linear infinite}& .cn-model{position:absolute;top:calc(100% + 62px);left:50%;transform:translateX(-50%);white-space:nowrap}& .cn-mb{display:flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;border:1px solid var(--og-border);border-radius:999px;background:var(--og-canvas);font-size:13px;font-weight:500;animation:ogl-cn-in .42s var(--cn-spring) both;& .lgo{width:26px;height:26px;border-radius:50%}& .lgo img{width:15px;height:15px}}& .cn-sg-stage{position:relative;z-index:2;justify-self:end;display:grid;gap:18px;justify-items:center}& .cn-deck{position:relative;width:226px;height:302px}& .cn-dk{position:absolute;inset:0;border-radius:16px;overflow:hidden;background:var(--og-surface-raised);border:1px solid var(--og-border-control);transform-origin:50% 100%;transition:transform .52s var(--cn-spring),opacity .3s;&[data-pos="1"]{transform:translate(16px,-9px) rotate(5deg) scale(.95);opacity:.5}&[data-pos="2"]{transform:translate(30px,-16px) rotate(10deg) scale(.9);opacity:.22}&[data-pos="3"]{transform:translate(40px,-20px) rotate(14deg) scale(.86);opacity:0}& .cn-au~.cn-kt{bottom:auto;top:10px}}& .cn-sg-cap{display:flex;gap:4px;& span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;border:1px solid transparent;font:500 10.5px/1 var(--og-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--og-text-secondary);transition:color .16s,border-color .16s,transform .36s var(--cn-spring);&[data-on]{color:var(--og-text);border-color:var(--og-border-control);transform:scale(1.06)}}}& .cn-chip{position:absolute;left:0;top:0;z-index:3;display:grid;place-items:center;offset-rotate:0deg;opacity:0;pointer-events:none;& span{white-space:nowrap;font:500 12px/1 var(--og-sans);padding:8px 12px;border-radius:999px;color:#0a0a0a}& i,& span{grid-area:1/1;background:#fff}& i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px #ffffff24;opacity:0}}& .cn-note{margin-top:16px;font-size:13px;line-height:20px;color:var(--og-text-secondary);& .link{display:inline-flex;align-items:center;gap:4px;margin-left:6px}& .link svg{width:14px;height:14px}}& .cn-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:28px 0 0;padding:0;list-style:none;& li{position:relative;padding:14px 16px;border:1px solid var(--lp-line-1);border-radius:14px;background:var(--og-surface);font-size:13.5px;line-height:20px;color:var(--og-text-secondary)}& li:not(:last-child):after{content:"→";position:absolute;top:50%;right:-26px;transform:translateY(-50%);color:var(--lp-ink-3)}& b{display:block;margin-bottom:2px;font-size:14px;font-weight:600;color:var(--og-text)}}@media (max-width:1100px){& .cn-top{grid-template-columns:minmax(0,1fr);gap:40px}}@media (max-width:767px){& .cn-head h2.sec{font-size:38px;line-height:42px}& .cn-sg{grid-template-columns:minmax(0,1fr);height:auto;gap:26px;justify-items:center;padding:58px 18px 22px}& .cn-chip,& .cn-sg-lines{display:none}& .cn-sg-apps{grid-auto-flow:column;gap:8px}& .cn-sa{width:46px;height:46px;border-radius:14px}& .cn-sa b{left:50%;top:auto;bottom:-30px;transform:translate(-50%,-4px)}& .cn-sa[data-on] b{transform:translate(-50%)}& .cn-core{margin:26px 0 54px}& .cn-core .ring.r2{display:none}& .cn-model{top:calc(100% + 30px)}& .cn-sg-stage{justify-self:center}& .cn-flow{grid-template-columns:minmax(0,1fr);gap:10px}& .cn-flow li:not(:last-child):after{display:none}}@media (prefers-reduced-motion:reduce){& .caret,& .cn-core .pulse,& .cn-core .ring,& .cn-mb,& .cn-sa:after,& .cn-sg-lines path,& .cn-wave i,& [data-develop],& [data-develop] *{animation:none!important}& .cn-core,& .cn-core>img,& .cn-dk,& .cn-sa,& .cn-sa b,& .cn-sa[data-on],& .cn-sg-cap span{transition:none}}}@keyframes ogl-panel{0%{opacity:0;transform:translateY(8px)}}@keyframes ogl-job-scrub{0%{transform:scaleX(.18)}to{transform:scaleX(1)}}@keyframes ogl-job-spin{to{transform:rotate(1turn)}}@keyframes ogl-job-bar{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes ogl-job-label{0%{opacity:0;transform:translateY(5px)}}.og-landing{& .qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:40px;margin-top:36px;& details{border-bottom:1px solid var(--og-border)}& summary{display:flex;align-items:center;gap:16px;padding:18px 0;cursor:pointer;list-style:none;font:500 16px/24px var(--og-sans);transition:color var(--og-duration-fast);&::-webkit-details-marker{display:none}& svg.lucide{width:16px;height:16px;margin-left:auto;flex:none;color:var(--og-text-secondary);transition:transform var(--og-duration-ui) var(--og-ease)}}& summary:hover{color:var(--og-link)}& summary:focus-visible{outline:2px solid var(--og-focus);outline-offset:2px;border-radius:4px}& details[open] summary svg.lucide{transform:rotate(45deg)}& details p{padding:0 32px 18px 0;color:var(--og-text-secondary);font-size:14px;line-height:22px}}& .qa-help{margin-top:20px;font-size:13px;color:var(--og-text-disabled);& a{color:var(--og-text-secondary);text-decoration:underline;text-underline-offset:3px}& a:hover{color:var(--og-text)}}& .hub-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start;margin-top:36px}& .cmp{border:1px solid var(--og-border);border-radius:var(--og-radius-panel);background:var(--og-surface);overflow:hidden}& .cmp-tabs{display:flex;border-bottom:1px solid var(--og-border);overflow-x:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}& button{flex:none;padding:12px 16px;border-right:1px solid var(--og-border);font:500 13px/18px var(--og-sans);color:var(--og-text-secondary);transition:background var(--og-duration-fast),color var(--og-duration-fast)}& button:hover{color:var(--og-text)}& button[aria-selected=true]{background:var(--og-surface-raised);color:var(--og-text)}& button:focus-visible{outline:2px solid var(--og-focus);outline-offset:-2px}}& .cmp-panel{padding:24px;animation:ogl-panel .42s var(--og-ease)}& .cmp-verdict{font:500 17px/27px var(--og-display-font);letter-spacing:-.01em;text-wrap:pretty}& .cmp-them{margin-top:20px;& ul{margin-top:10px;display:grid;gap:6px;list-style:none;padding:0}& li{position:relative;padding-left:18px;font-size:14px;line-height:22px;color:var(--og-text-secondary);&:before{content:"";position:absolute;left:0;top:11px;width:8px;height:1px;background:var(--og-border-control)}}}& .cmp-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;& .link{color:var(--og-link);font-size:14px}&>span{font-size:12px;line-height:18px;color:var(--og-text-disabled)}}& .hub-more{margin-top:14px;font-size:13px;line-height:22px;color:var(--og-text-disabled);& a{color:var(--og-text-secondary)}& a:hover{color:var(--og-text)}}& .gd{list-style:none;margin:0;padding:6px 20px;border:1px solid var(--og-border);border-radius:var(--og-radius-panel);background:var(--og-surface);& li:not(:last-child) a{border-bottom:1px solid var(--og-border)}& a{display:grid;grid-template-columns:64px minmax(0,1fr) 14px;align-items:center;gap:12px;padding:11px 0;color:var(--og-text-secondary);transition:color var(--og-duration-fast)}& small{font:500 10px/16px var(--og-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--og-text-disabled)}& span{font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}& svg.lucide{width:14px;height:14px;opacity:0;transition:opacity var(--og-duration-ui)}& a:focus-visible,& a:hover{color:var(--og-text)}& a:focus-visible svg.lucide,& a:hover svg.lucide{opacity:1}}& .hub-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:14px;font-size:14px}& .hub-try{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--og-text-secondary);& svg.lucide{width:14px;height:14px;color:var(--og-link)}&:hover{color:var(--og-text)}}& .closing .wrap{display:flex;flex-direction:column;align-items:center;text-align:center}& .closing .lede{margin-inline:auto}& .jobs{--job-spring:cubic-bezier(.34,1.4,.64,1);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-top:36px;text-align:left}& .job{position:relative;display:flex;flex-direction:column;gap:6px;padding:10px 10px 18px;border:1px solid var(--og-border);border-radius:var(--og-radius-panel);background:var(--og-surface);transition:border-color var(--og-duration-ui),background var(--og-duration-ui),transform .36s var(--job-spring),box-shadow .36s var(--og-ease)}& .job:focus-visible,& .job[data-on]{border-color:var(--lp-brand-line);background:var(--og-surface-raised);transform:translateY(-4px);box-shadow:0 24px 48px -24px #000,0 0 0 1px var(--lp-brand-wash)}& .job:focus-visible{outline:2px solid var(--og-focus);outline-offset:2px}& .job-t{display:flex;align-items:center;gap:10px;margin:12px 8px 0;& b{font:600 16px/22px var(--og-display-font);letter-spacing:-.01em}}& .job-ic{position:absolute;top:18px;right:18px;z-index:2;width:30px;height:30px;flex:none;border-radius:9px;background:#000000a8;backdrop-filter:blur(8px);box-shadow:0 0 0 1px var(--lp-line-2) inset;display:grid;place-items:center;color:var(--og-text-secondary);transition:background var(--og-duration-ui),color var(--og-duration-ui),transform .36s var(--job-spring);& svg.lucide{width:16px;height:16px}}& .job:focus-visible .job-ic,& .job[data-on] .job-ic{background:var(--og-blue);color:var(--og-on-blue);transform:rotate(-6deg) scale(1.08)}& .job-d{margin:0 8px;font-size:13px;line-height:19px;color:var(--og-text-secondary)}& svg.lucide.job-go{margin-left:auto;flex:none;width:16px;height:16px;color:var(--og-text-disabled);transition:color var(--og-duration-ui),transform var(--og-duration-ui) var(--og-ease)}& .job:focus-visible .job-go,& .job[data-on] .job-go{color:var(--og-text);transform:translate(2px,-2px)}& .job-pv{position:relative;display:block;height:128px;border-radius:12px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0,#1f1f25,#121215);box-shadow:0 0 0 1px var(--lp-line-1) inset;isolation:isolate;& img,& video{display:block;object-fit:cover}}& .job-pv[data-kind=image]{& .pv-back,& .pv-front{position:absolute;top:50%;left:50%;width:46%;aspect-ratio:4/3;border-radius:8px;box-shadow:0 10px 24px -8px #000;transition:transform .48s var(--job-spring)}& .pv-back{height:auto;transform:translate(-82%,-54%) rotate(-8deg);filter:saturate(.85) brightness(.8)}& .pv-front{transform:translate(-22%,-44%) rotate(5deg);& img{width:100%;height:100%;border-radius:inherit}}& .pv-sel{position:absolute;inset:-5px;border:1px dashed #fff;border-radius:10px;opacity:0;transform:scale(1.08);transition:opacity .2s,transform .42s var(--job-spring)}}& .job:focus-visible .job-pv[data-kind=image],& .job[data-on] .job-pv[data-kind=image]{& .pv-back{transform:translate(-96%,-56%) rotate(-12deg)}& .pv-front{transform:translate(-12%,-48%) rotate(3deg) scale(1.06)}& .pv-sel{opacity:.9;transform:none;transition-delay:.12s}}& .job-pv[data-kind=video]{& video{position:absolute;inset:0;width:100%;height:100%;transform:scale(1.04);transition:transform .7s var(--og-ease)}& .pv-play{position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:#000000a0;backdrop-filter:blur(6px);transition:opacity .2s,transform .36s var(--job-spring);&:after{content:"";position:absolute;left:14px;top:11px;border:7px solid transparent;border-left:11px solid #fff;border-right:0}}& .pv-track{position:absolute;left:10px;right:10px;bottom:10px;height:3px;border-radius:2px;background:#ffffff38;overflow:hidden;& i{position:absolute;inset:0;background:#fff;transform:scaleX(.18);transform-origin:0 50%}}}& .job:focus-visible .job-pv[data-kind=video],& .job[data-on] .job-pv[data-kind=video]{& video{transform:none}& .pv-play{opacity:0;transform:scale(.6)}& .pv-track i{animation:ogl-job-scrub 6s linear infinite}}& .job-pv[data-kind=sound]{display:flex;align-items:center;gap:14px;padding:0 16px;& .pv-disc{flex:none;width:64px;height:64px;border-radius:50%;box-shadow:0 0 0 4px #0a0a0a,0 0 0 5px var(--lp-line-2),0 10px 22px -8px #000;mask-image:radial-gradient(circle,transparent 5px,#000 5.5px)}& .pv-wave{flex:1;display:flex;align-items:center;gap:2px;height:54px;& i{flex:1;height:var(--h);border-radius:2px;background:var(--og-text-secondary);opacity:.55;transform-origin:50% 50%;transition:opacity .2s,background .2s}}}& .job:focus-visible .job-pv[data-kind=sound],& .job[data-on] .job-pv[data-kind=sound]{& .pv-disc{animation:ogl-job-spin 3.2s linear infinite}& .pv-wave i{background:var(--og-text);opacity:1;animation:ogl-job-bar .9s ease-in-out infinite alternate;animation-delay:calc(var(--k) * -73ms)}}& .job-pv[data-kind=brief]{display:grid;align-content:center;gap:8px;padding:0 54px 0 16px;& .pv-step{display:flex;align-items:center;gap:10px;font:500 12px/16px var(--og-sans);color:var(--og-text-disabled);transition:color .2s;transition-delay:0s;& i{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--og-border-control);transition:background .2s,border-color .2s,transform .36s var(--job-spring)}& svg.lucide{width:12px;height:12px;stroke-width:3;color:var(--og-on-blue);opacity:0;transform:scale(.4);transition:opacity .16s,transform .36s var(--job-spring)}&:after{content:"";flex:1;height:1px;background:var(--lp-line-2)}}& .pv-step:first-child{color:var(--og-text-secondary);& i{background:var(--og-surface-hover);border-color:transparent}& svg.lucide{opacity:1;transform:none;color:var(--og-text-secondary)}}}& .job:focus-visible .job-pv[data-kind=brief] .pv-step,& .job[data-on] .job-pv[data-kind=brief] .pv-step{color:var(--og-text);transition-delay:calc(var(--k) * .14s);& i,& svg.lucide{transition-delay:calc(var(--k) * .14s)}& i{background:var(--og-blue);border-color:var(--og-blue);transform:scale(1.08)}& svg.lucide{opacity:1;transform:none;color:var(--og-on-blue)}}& .closing-cta{margin-top:28px;min-width:196px;justify-content:center}& .closing-cta-l{display:inline-block;animation:ogl-job-label .26s var(--og-ease) both}@media (max-width:1100px){& .hub-grid{grid-template-columns:minmax(0,1fr)}& .jobs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){& .qa{grid-template-columns:minmax(0,1fr);margin-top:24px}& .cmp-panel{padding:20px}& .cmp-foot{flex-direction:column;align-items:flex-start}& .gd{padding:4px 16px;& a{grid-template-columns:minmax(0,1fr) 14px;gap:2px 12px}& small{grid-column:1/-1}& span{white-space:normal}}& .jobs{grid-template-columns:minmax(0,1fr);gap:10px}& .job{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:4px;align-content:center;padding:8px 14px 8px 8px}& .job-pv{grid-row:1/3;height:88px}& .job-t{align-self:end;margin:0}& .job-ic{display:none}& .job-d{align-self:start;margin:0}& .job-pv[data-kind=sound]{justify-content:center;padding:0;& .pv-disc{width:56px;height:56px}& .pv-wave{display:none}}& .job-pv[data-kind=brief]{gap:6px;padding:0 10px;& .pv-step{font-size:0;gap:0}& .pv-step i{width:16px;height:16px;margin-right:8px}}}@media (prefers-reduced-motion:reduce){& .cmp-panel{animation:none}& .job,& .job-ic,& .job:focus-visible,& .job[data-on]{transform:none!important}& .closing-cta-l,& .job,& .job .job-pv *,& .job-ic{transition:none!important;animation:none!important}& .job-go{transition:none}}}@keyframes ogl-hx-tile-in{0%,1.47%{opacity:0;transform:translateY(8px) scale(.6);animation-timing-function:cubic-bezier(.2,.9,.3,1)}4.41%{opacity:1;transform:translateY(-1px) scale(1.08);animation-timing-function:cubic-bezier(.45,0,.55,1)}6.76%,60%{opacity:1;transform:none}60.01%,to{opacity:0;transform:translateY(8px) scale(.6)}}@keyframes ogl-hx-tile-out{0%,52.65%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.55,0,.75,.3)}57.35%,to{opacity:0;transform:translateX(var(--to)) scale(.3)}}@keyframes ogl-hx-sum{0%,11.03%{opacity:0;transform:translateY(6px) scale(.96);animation-timing-function:cubic-bezier(.2,.9,.3,1.2)}15.44%,48.53%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.55,0,.75,.3)}51.47%,to{opacity:0;transform:translateX(-12px)}}@keyframes ogl-hx-strike{0%,25%{transform:scaleX(0);animation-timing-function:cubic-bezier(.3,.7,.2,1)}28.68%,to{transform:scaleX(1)}}@keyframes ogl-hx-mark{0%,56.62%{opacity:0;transform:scale(.6);animation-timing-function:cubic-bezier(.2,.9,.3,1)}62.5%{opacity:1;transform:scale(1.08);animation-timing-function:cubic-bezier(.45,0,.55,1)}64.71%,to{opacity:1;transform:none}}@keyframes ogl-hx-pulse{0%,58.09%{opacity:0;transform:scale(.7)}61.03%{opacity:.9;transform:scale(1.1)}71.32%,to{opacity:0;transform:scale(1.6)}}@keyframes ogl-hx-copy{0%,58.82%{opacity:0;transform:translateY(10px);animation-timing-function:cubic-bezier(.2,.9,.3,1)}64.71%,to{opacity:1;transform:none}}@keyframes ogl-hx-one{0%,93.38%{opacity:1}97.06%,to{opacity:0}}@keyframes ogl-hx-sheen{0%{background-position:120% 0,0 0}30%,to{background-position:-20% 0,0 0}}@keyframes ogl-hx-float{0%{transform:translate3d(0,-4px,0)}to{transform:translate3d(0,4px,0)}}@keyframes ogl-hx-ring{0%{opacity:0;transform:scale(.55)}12%{opacity:.9}to{opacity:0;transform:scale(1.9)}}@keyframes ogl-hx-ignite{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes ogl-hx-pop{to{opacity:1;transform:none}}@keyframes ogl-hx-press{0%{transform:scale(1)}30%{transform:scale(.88);box-shadow:0 0 0 6px rgba(40,80,237,.25),0 0 28px 4px rgba(59,98,240,.6)}to{transform:scale(1)}}@keyframes ogl-hx-bar{0%,to{transform:scaleY(.35);opacity:.55}50%{transform:scaleY(1);opacity:1}}@keyframes ogl-hx-played{to{opacity:1;background:linear-gradient(180deg,#fff,var(--og-link))}}@keyframes ogl-hx-pulse-card{0%{opacity:1;box-shadow:inset 0 0 0 2px rgba(154,176,255,.9),0 0 0 0 rgba(59,98,240,.6)}to{opacity:0;box-shadow:inset 0 0 0 2px rgba(154,176,255,0),0 0 0 14px rgba(59,98,240,0)}}@keyframes ogl-hx-drift-l{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(60px,40px,0) scale(1.12)}}@keyframes ogl-hx-drift-r{0%{transform:translateZ(0) scale(1.05)}to{transform:translate3d(-50px,-50px,0) scale(.95)}}@keyframes ogl-hx-marquee-r{0%{transform:translateX(calc(-100% / 3))}to{transform:translateX(0)}}@keyframes ogl-hx-blob{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(40deg) scale(1.15) translate(4%,-3%)}}@keyframes ogl-hx-spin{to{transform:rotate(1turn)}}@keyframes ogl-hx-sum-c{0%,11.03%{opacity:0;transform:translateY(6px) scale(.96);animation-timing-function:cubic-bezier(.2,.9,.3,1.2)}15.44%,48.53%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.55,0,.75,.3)}51.47%,to{opacity:0;transform:scale(.92)}}@keyframes ogl-hx-mark-c{0%,56.62%{opacity:0;transform:translateX(var(--mark-from,0)) scale(.6);animation-timing-function:cubic-bezier(.2,.9,.3,1)}60.29%{opacity:1;transform:translateX(var(--mark-from,0)) scale(1.08);animation-timing-function:cubic-bezier(.45,0,.55,1)}63.24%{opacity:1;transform:translateX(var(--mark-from,0)) scale(1);animation-timing-function:cubic-bezier(.65,0,.35,1)}68.38%,to{opacity:1;transform:none}}@keyframes ogl-hx-copy-c{0%,66.18%{opacity:0;transform:translateX(-8px);animation-timing-function:cubic-bezier(.2,.9,.3,1)}70.59%,to{opacity:1;transform:none}}.og-landing{& .hx{--hx-pad:max(var(--og-gutter),env(safe-area-inset-left),env(safe-area-inset-right));--hx-col:760px;--hx-s:1;--hx-u:min(calc(var(--hx-s) * 1px),calc((100svh - 214px) / 560));--hx-w0:232;--hx-w1:152;--hx-w2:232;--hx-h0:calc(var(--hx-w0) * var(--hx-u) / 1.6);--hx-h1:calc(var(--hx-w1) * var(--hx-u) / .5625);--hx-h2:calc(var(--hx-w2) * var(--hx-u) / 1.6);--hx-gap:32px;--hx-g0:calc(44 * var(--hx-u));--hx-g1:calc(150 * var(--hx-u));--hx-form-h:148px;--hx-status-h:36px;--hx-mode-h:28px;--hx-media-h:26px;position:relative;overflow:hidden;padding:20px 0 0;text-align:center;&:before{content:"";position:absolute;left:50%;top:300px;width:1100px;height:620px;transform:translateX(-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--og-blue) 14%,transparent),transparent);opacity:.6;pointer-events:none}}& .hx-glow{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;& i{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(120px);will-change:transform}}& .hx>.hx-wall{position:relative}& .hx-glow-l{top:12%;left:-200px;background:color-mix(in srgb,var(--og-blue) 11%,transparent);animation:ogl-hx-drift-l 18s ease-in-out infinite alternate}& .hx-glow-r{bottom:6%;right:-200px;background:color-mix(in srgb,var(--og-blue) 7%,transparent);animation:ogl-hx-drift-r 22s ease-in-out infinite alternate}& .hx-stage{isolation:isolate;grid-template-columns:minmax(0,1fr) var(--hx-col) minmax(0,1fr);grid-template-rows:minmax(calc(var(--hx-h1) / 2 + var(--hx-gap) + var(--hx-h0) - var(--hx-form-h) / 2 + 6px),auto) auto minmax(calc(var(--hx-h1) / 2 + var(--hx-gap) + var(--hx-h2) + 24px - var(--hx-form-h) / 2),auto);padding:0 0 40px}& .hx-col,& .hx-stage{position:relative;display:grid}& .hx-col{z-index:3;grid-column:2;grid-row:1/span 3;grid-template-rows:subgrid;min-width:0}& .hx-head{align-self:end;display:flex;flex-direction:column;align-items:center;padding-bottom:26px}& .hx-chip{position:relative;display:inline-flex;align-items:center;gap:10px;padding:5px 16px 5px 5px;border-radius:var(--og-radius-pill);background:linear-gradient(180deg,#1f1f24,#131316 60%,#101013);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.4),0 10px 30px -12px rgba(0,0,0,.8);font:500 14.5px/22px var(--og-sans);letter-spacing:-.005em;color:#d4d4d8;transition:color var(--og-duration-ui),box-shadow var(--og-duration-ui);&:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.06) 55%,rgba(255,255,255,.1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}&:hover{color:var(--og-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.4),0 12px 34px -12px rgba(0,0,0,.9)}&:hover .hx-chip-go{transform:translateX(3px);color:var(--og-text)}&:focus-visible{outline:2px solid var(--og-link);outline-offset:3px}& b{font-weight:600;color:var(--og-text)}& b:after{content:"";display:inline-block;width:1px;height:14px;margin-left:10px;vertical-align:-2px;background:rgba(255,255,255,.14)}}& .hx-chip-apps{display:flex;gap:4px;& .lp-brand{border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.6)}}& .hx-chip-go{color:var(--lp-ink-3);transition:transform var(--og-duration-ui) var(--og-ease),color var(--og-duration-ui)}& .hx-chip{gap:8px;padding:5px 12px;font-size:13.5px;line-height:20px}& .hx-chip-apps .lp-brand{width:22px;height:22px;border-radius:7px}& .hx h1{margin:18px 0 0;font:700 var(--lp-display) /.98 var(--og-display-font);letter-spacing:-.04em;color:var(--og-text);& em{font-style:normal;color:var(--og-link);-webkit-box-decoration-break:clone;box-decoration-break:clone}@supports (background-clip:text) or (-webkit-background-clip:text){& em{background:linear-gradient(100deg,transparent 0 42%,rgba(255,255,255,.7) 50%,transparent 58% 100%) 120% 0 /250% 100% no-repeat,linear-gradient(100deg,#B9C7FF,#8BA2FF 45%,#5576FF);-webkit-background-clip:text;background-clip:text;color:transparent;animation:ogl-hx-sheen 8s var(--lp-ease-io) 1.2s infinite}}}& .hx-lead{margin:10px auto 0;font-size:17px;line-height:26px;color:var(--og-text-secondary)}& .hx-stack{--cycle:6.8s;position:relative;width:292px;height:80px;margin:22px auto 0;text-align:left}& .hx-stack[data-offscreen] *,& .hx-stack[data-offscreen] :after,& .hx-stack[data-offscreen] :before{animation-play-state:paused}& .hx-stack-row{position:absolute;inset:0 0 auto 0;display:flex;align-items:center;gap:8px}& .hx-stack-item{--to:calc((2 - var(--i)) * 60px);width:52px;animation:ogl-hx-tile-out var(--cycle) linear infinite both;animation-delay:calc(var(--d) * -70ms)}& .hx-stack-pop{display:flex;flex-direction:column;align-items:center;gap:5px;animation:ogl-hx-tile-in var(--cycle) linear infinite both;animation-delay:calc(var(--d) * 85ms);& small{font:500 10px/13px var(--og-mono);color:var(--lp-ink-3);white-space:pre}}& .hx-stack-sum{position:absolute;left:0;right:0;top:58px;display:flex;justify-content:center;align-items:baseline;gap:8px;transform-origin:center;animation:ogl-hx-sum-c var(--cycle) linear infinite both}& .hx-stack-total{position:relative;width:max-content;font:700 18px/1 var(--og-display-font);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--og-text);white-space:pre;&:after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:2px;border-radius:1px;background:var(--og-error);transform-origin:left;animation:ogl-hx-strike var(--cycle) linear infinite both}}& .hx-stack-cap{font-size:11px;color:var(--lp-ink-3);white-space:nowrap}& .hx-stack-one{position:absolute;left:0;right:0;top:50%;display:flex;justify-content:center;align-items:center;gap:11px;margin-top:-23px;white-space:nowrap;animation:ogl-hx-one var(--cycle) linear infinite both;& b{display:block;font:700 17px/1.1 var(--og-display-font);letter-spacing:-.02em;color:#fff}}& .hx-stack-mark{position:relative;flex:none;width:46px;height:46px;animation:ogl-hx-mark-c var(--cycle) linear infinite both;& img{position:relative;display:block;margin:2px;filter:drop-shadow(0 0 1px rgba(154,176,255,.5)) drop-shadow(0 0 14px color-mix(in srgb,var(--og-blue) 80%,transparent)) drop-shadow(0 0 36px color-mix(in srgb,var(--og-blue) 45%,transparent))}&:before{content:"";position:absolute;inset:-17px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--og-blue) 70%,transparent),transparent);animation:ogl-hx-pulse var(--cycle) linear infinite both}}& .hx-stack-copy{animation:ogl-hx-copy-c var(--cycle) linear infinite both}& .hx-composer{position:relative;align-self:center;& .composer{box-shadow:0 30px 90px -30px #000000d9,0 0 0 1px var(--lp-line-1);transition:border-color var(--og-duration-ui),background var(--og-duration-ui),box-shadow .42s var(--og-ease)}& .ogc{gap:0}& .ogc>.seg{display:none}& .status{justify-content:flex-end;min-height:var(--hx-status-h)}& .status-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}& .pfield{padding:14px 16px 0;& textarea{min-height:48px}}& .ghost{left:16px;right:16px;top:14px}& .bar{gap:4px;padding:6px 10px 8px}& .bar .ctl{height:32px;padding:0 8px;font-size:12.5px}& .bar .seg.sm{display:none}& .send{height:34px;min-width:34px;padding:0 8px}& .status{padding:0 14px;font-size:11.5px}&[data-sent] .status .keys{opacity:0}& .ghost{color:var(--og-text-secondary)}& .ghost mark{position:relative;background:linear-gradient(90deg,var(--og-link),#C9D5FF);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:500;&:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;border-radius:1px;background:linear-gradient(90deg,var(--og-blue-hover),rgba(154,176,255,.15));transform:scaleX(0);transform-origin:left;transition:transform .28s var(--og-ease)}&[data-done]:after{transform:scaleX(1)}}}& .hx-composer[data-sent] .ghost mark{text-shadow:0 0 18px rgba(59,98,240,.55)}& .hx-composer[data-sent]{& .composer{box-shadow:0 30px 90px -30px #000000d9,0 0 0 1px rgba(154,176,255,.35),0 0 40px -6px rgba(40,80,237,.45)}& .composer:not(.filled) .send{background:var(--og-blue);color:#fff;animation:ogl-hx-press .42s var(--og-ease)}}& .hx-modes{position:absolute;z-index:2;left:10px;bottom:calc((var(--hx-status-h) - var(--hx-mode-h)) / 2);display:inline-flex;gap:2px;padding:2px;border-radius:var(--og-radius-pill);background:var(--og-canvas);& button{display:inline-flex;align-items:center;gap:6px;height:calc(var(--hx-mode-h) - 4px);padding:0 11px;border:0;border-radius:var(--og-radius-pill);background:none;font:500 12.5px var(--og-sans);color:var(--og-text-secondary);cursor:pointer;transition:background var(--og-duration-fast),color var(--og-duration-fast);&:hover{color:var(--og-text)}&[aria-pressed=true]{background:var(--og-surface-hover);color:var(--og-text)}&:focus-visible{outline:2px solid var(--og-link);outline-offset:1px}}& svg{width:14px;height:14px}}& .hx-medias{position:absolute;z-index:2;left:10px;bottom:calc(var(--hx-status-h) + 8px);display:inline-flex;gap:2px;padding:3px;border-radius:var(--og-radius-pill);background:var(--og-canvas);& button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--hx-media-h);min-width:var(--hx-media-h);padding:0 10px;border:0;border-radius:var(--og-radius-pill);background:none;font:500 12.5px var(--og-sans);color:var(--og-text-secondary);cursor:pointer;transition:background var(--og-duration-fast),color var(--og-duration-fast);&:hover{color:var(--og-text)}&[aria-pressed=true]{background:var(--og-surface-hover);color:var(--og-text)}&:focus-visible{outline:2px solid var(--og-link);outline-offset:1px}}& svg{display:none;width:16px;height:16px}}& .hx-making{position:absolute;right:14px;bottom:0;display:flex;align-items:center;gap:8px;height:var(--hx-status-h);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .22s,transform .22s var(--og-ease);&[data-show]{opacity:1;transform:none}}& .hx-making-l{font:500 11px/1 var(--og-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--lp-ink-3)}& .hx-making-i{display:flex;gap:4px;& i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--og-surface-hover);box-shadow:0 0 0 1px rgba(154,176,255,.22);color:var(--og-link);opacity:0;transform:scale(.4) translateY(4px)}& svg{width:14px;height:14px}}& .hx-making[data-show] .hx-making-i i{animation:ogl-hx-pop .38s cubic-bezier(.2,.9,.3,1.3) both;animation-delay:calc(var(--k) * 60ms)}& .hx-foot{display:flex;flex-direction:column;align-items:center;min-width:0}& .hx-ideas{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:8px;margin:16px 0 0;padding:0;list-style:none;& button{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:1px solid var(--og-border);border-radius:var(--og-radius-pill);background:none;font:500 13px var(--og-sans);color:var(--og-text-secondary);white-space:nowrap;cursor:pointer;transition:color var(--og-duration-fast),border-color var(--og-duration-fast);&:hover{color:var(--og-text);border-color:var(--og-border-control)}&:focus-visible{outline:2px solid var(--og-link);outline-offset:2px}}}& .hx-wall6{position:absolute;grid-column:1/-1;grid-row:2/3;inset:0;pointer-events:none}& .hx-card{--ry:16deg;--g:var(--hx-g0);--card-w:calc(var(--w) * var(--hx-u));--card-h:calc(var(--card-w) / var(--ar));position:absolute;z-index:1;width:var(--card-w);text-align:left;pointer-events:auto;&[data-side=l]{right:calc(50% + var(--hx-col) / 2 + var(--g))}&[data-side=r]{--ry:-16deg;left:calc(50% + var(--hx-col) / 2 + var(--g))}&[data-row="0"]{top:calc(50% - var(--hx-h1) / 2 - var(--hx-gap) - var(--hx-h0))}&[data-row="1"]{--g:var(--hx-g1);top:calc(50% - var(--hx-h1) / 2)}&[data-row="2"]{top:calc(50% + var(--hx-h1) / 2 + var(--hx-gap))}&[data-side=l][data-row="0"],&[data-side=r][data-row="2"]{rotate:6deg}&[data-side=l][data-row="2"],&[data-side=r][data-row="0"]{rotate:-6deg}&[data-row="1"][data-side=l]{--ry:21deg}&[data-row="1"][data-side=r]{--ry:-21deg}}& .hx-card:focus-visible{outline:none;& .hx-card-in{outline:2px solid var(--og-link);outline-offset:3px}}& .hx-card-float{position:relative;animation:ogl-hx-float 9s ease-in-out infinite alternate}& .hx-card[data-row="1"] .hx-card-float{animation-duration:10s;animation-delay:-3s}& .hx-card[data-row="2"] .hx-card-float{animation-duration:8s;animation-delay:-5s}& .hx-card[data-side=r] .hx-card-float{animation-delay:-6s}& .hx-card-in{position:relative;aspect-ratio:var(--ar);overflow:hidden;border-radius:14px;background:#0d0d10;box-shadow:0 0 0 1px rgba(255,255,255,.07),0 24px 60px -24px #000;transform:perspective(1100px) rotateY(var(--ry)) scale(.96);transform-origin:100% 50%;transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s cubic-bezier(.2,.8,.2,1)}& .hx-card[data-side=r] .hx-card-in{transform-origin:0 50%}& .hx-card:is([data-on],[data-hover]) .hx-card-in{transform:perspective(1100px) rotateY(calc(var(--ry) * .35)) scale(1.03);box-shadow:0 0 0 1px rgba(154,176,255,.55),0 0 0 5px rgba(40,80,237,.12),0 30px 70px -18px rgba(40,80,237,.55),0 24px 60px -24px #000}& .hx-card-media{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}& .hx-card-dim{position:absolute;inset:0;z-index:4;background:#0a0a0a;opacity:.6;transition:opacity .6s var(--og-ease);pointer-events:none}& .hx-card:is([data-on],[data-hover]) .hx-card-dim{opacity:0}& .hx-card-flash{position:absolute;inset:-1px;z-index:5;border-radius:inherit;background:radial-gradient(90% 70% at 100% 50%,rgba(170,190,255,.3),rgba(59,98,240,.1) 35%,transparent 65%);mix-blend-mode:screen;opacity:0;pointer-events:none}& .hx-card[data-side=r] .hx-card-flash{background:radial-gradient(90% 70% at 0 50%,rgba(170,190,255,.3),rgba(59,98,240,.1) 35%,transparent 65%)}& .hx-card[data-ignite] .hx-card-flash{animation:ogl-hx-ignite .9s cubic-bezier(.2,.8,.2,1) both}& .hx-card-cat{position:absolute;z-index:6;left:8px;top:8px;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--og-radius-pill);background:rgba(10,10,10,.62);backdrop-filter:blur(10px);font:600 11px/1 var(--og-sans);color:var(--og-text);white-space:nowrap;opacity:0;transform:translateY(-4px);transition:opacity .32s,transform .32s var(--og-ease)}& .hx-card:is([data-on],[data-hover]) .hx-card-cat{opacity:1;transform:none;transition-delay:.26s}& .hx-card-ref{position:absolute;top:calc(100% + 7px);font:500 10.5px/14px var(--og-sans);color:var(--lp-ink-3);white-space:nowrap;opacity:.75}& .hx-card[data-side=l] .hx-card-ref{right:4px}& .hx-card[data-side=r] .hx-card-ref{left:4px}& .hx-anchor{position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;visibility:hidden}& .hx-card[data-side=l] .hx-anchor{right:-3.5px}& .hx-card[data-side=r] .hx-anchor{left:-3.5px}& .hx-card-voice{position:absolute;z-index:3;left:8px;bottom:8px;display:flex;align-items:center;gap:2px;height:22px;padding:0 7px;border-radius:var(--og-radius-pill);background:rgba(10,10,10,.55);backdrop-filter:blur(8px);& b{display:block;width:2.5px;height:var(--h);max-height:14px;border-radius:2px;background:linear-gradient(180deg,#fff,var(--og-link));transform:scaleY(.35)}}& .hx-card:is([data-on],[data-hover]) .hx-card-voice b{animation:ogl-hx-bar 1.1s var(--lp-ease-io) infinite}& .hx-card-music{position:absolute;inset:0;display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(180deg,#18181c,var(--og-surface))}& .hx-cover-art{position:relative;flex:none;height:100%;aspect-ratio:1;overflow:hidden;border-radius:10px;isolation:isolate;background:radial-gradient(120% 90% at 0 100%,#ff5f6d 0,transparent 55%),radial-gradient(90% 80% at 100% 0,#4f6bff 0,transparent 60%),linear-gradient(160deg,#1b1340,#3b0f4f 55%,#120a24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);& b{left:8px;right:8px;bottom:8px;font:700 11.5px/1.1 var(--og-display-font);letter-spacing:-.01em;text-shadow:0 1px 8px rgba(0,0,0,.45)}& b,& small{position:absolute;z-index:2;color:#fff}& small{right:7px;top:7px;padding:2px 6px;border-radius:var(--og-radius-pill);background:rgba(10,10,10,.45);font:600 8.5px/1.2 var(--og-sans);letter-spacing:.02em}}& .hx-cover-blob{position:absolute;left:18%;top:14%;width:70%;height:62%;border-radius:58% 42% 63% 37%/45% 55% 45% 55%;background:radial-gradient(circle at 35% 35%,#ffd36e,#ff7a59 45%,#b43cff 100%);filter:blur(6px);opacity:.85;mix-blend-mode:screen;animation:ogl-hx-blob 9s ease-in-out infinite alternate}& .hx-cover-blob-b{left:34%;top:30%;width:52%;height:50%;border-radius:41% 59% 38% 62%/60% 40% 60% 40%;background:radial-gradient(circle at 60% 40%,#6ee7ff,#4f6bff 55%,transparent 80%);animation-duration:12s;animation-direction:alternate-reverse}& .hx-cover-vinyl{position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent 0 20%,rgba(255,255,255,.16) 25%,transparent 32% 70%,rgba(255,255,255,.1) 75%,transparent 82%);mix-blend-mode:soft-light;animation:ogl-hx-spin 14s linear infinite}& .hx-card:not([data-on],[data-hover]) .hx-cover-art *{animation-play-state:paused}& .hx-card-track{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;padding-top:22px}& .hx-card-wave{display:flex;align-items:center;gap:2px;height:34px;& b{display:block;flex:1;max-width:3px;height:var(--h);border-radius:2px;background:#fff;opacity:.28}}& .hx-card:is([data-on],[data-hover]) .hx-card-wave b{animation:ogl-hx-played 1ms linear both;animation-delay:calc(.4s + var(--k) * 90ms)}& .hx-card-time{display:flex;justify-content:flex-end;font:500 10.5px/1 var(--og-mono);color:var(--lp-ink-3)}& .hx-fx{pointer-events:none}& .hx-fx,& .hx-trail{position:absolute;inset:0}& .hx-trail{z-index:2;width:100%;height:100%}& .hx-ring{position:absolute;z-index:2;left:var(--x,0);top:var(--y,0);width:0;height:0;&:before{content:"";position:absolute;left:calc(var(--rw, 0px) / -2);top:calc(var(--rh, 0px) / -2);width:var(--rw,0);height:var(--rh,0);border:1.5px solid rgba(170,190,255,.8);border-radius:50%;box-shadow:0 0 30px rgba(59,98,240,.6),inset 0 0 30px rgba(59,98,240,.35);opacity:0}&[data-go]:before{animation:ogl-hx-ring .76s cubic-bezier(.15,.7,.2,1) both}}& .hx-pause{position:absolute;z-index:4;right:var(--og-gutter);bottom:16px;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--lp-line-2);border-radius:var(--og-radius-pill);background:none;font-size:9px;letter-spacing:-1px;color:var(--lp-ink-3);cursor:pointer;transition:color var(--og-duration-fast),border-color var(--og-duration-fast);&:hover{color:var(--og-text);border-color:var(--og-border-hover)}&:focus-visible{outline:2px solid var(--og-link);outline-offset:2px}}& .hx[data-motion-paused] *,& .hx[data-motion-paused] :after,& .hx[data-motion-paused] :before{animation-play-state:paused!important}& .hx-wall{margin-top:8px;border-top:1px solid var(--lp-line-1);border-bottom:1px solid var(--lp-line-1)}& .hx-wall-in{display:flex;align-items:center;height:76px}& .hx-wall-track{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);&:focus-within .hx-wall-run,&:hover .hx-wall-run{animation-play-state:paused}}& .hx-wall-run{display:flex;width:max-content;animation:ogl-hx-marquee-r 40s linear infinite;will-change:transform}& .hx-wall-set{display:flex;flex:none;gap:40px;padding-right:40px}& .hx-wall-it{display:flex;align-items:center;gap:10px;padding:4px 0;border-radius:8px;white-space:nowrap;transition:opacity var(--og-duration-ui);&:hover{opacity:.75}& b{font:600 15px/1 var(--og-display-font);color:var(--og-text)}}@media (max-width:1379px){& .hx{--hx-col:700px;--hx-s:.88}}@media (max-width:1199px){& .hx{--hx-col:620px;--hx-s:.76}& .hx h1{font-size:46px}}@media (max-width:1099px){& .hx{--hx-s:.66}}@media (max-width:1023px){& .hx{padding-top:20px}& .hx-stage{display:flex;flex-direction:column;padding:0 0 56px}& .hx-col{display:contents}& .hx-head{order:1;padding:0 var(--hx-pad)}& .hx-composer{order:2;width:min(720px,100%);margin:18px auto 0;padding:0 var(--hx-pad)}& .hx-making{left:calc(var(--hx-pad) + 20px)}& .hx-medias,& .hx-modes{left:calc(var(--hx-pad) + 10px)}& .hx-medias{bottom:calc(var(--hx-status-h) + 8px - 3px)}& .hx-foot{order:4;padding:0 0 8px}& .hx-composer{--hx-status-h:54px;--hx-mode-h:48px;--hx-media-h:44px;& .bar .ctl,& .send{min-height:44px;min-width:44px}& .seg.sm button{height:44px}}& .hx-ideas button{height:44px;padding:0 16px}& .hx-pause{width:44px;height:44px;right:var(--hx-pad)}& .hx-wall6{position:static;pointer-events:auto;order:3;display:flex;align-items:flex-end;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:18px;padding:10px var(--hx-pad) 26px;scroll-padding-inline:var(--hx-pad);&::-webkit-scrollbar{display:none}}& .hx-ideas{align-self:stretch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:4px 0 0;padding:0 var(--hx-pad);&::-webkit-scrollbar{display:none}}& .hx-card,& .hx-card[data-side],& .hx-card[data-side][data-row]{position:relative;inset:auto;rotate:none;flex:none;width:auto;margin:0;scroll-snap-align:center}& .hx-composer{align-self:auto}& .hx-head{padding-bottom:0}& .hx-card-in,& .hx-card:is([data-on],[data-hover]) .hx-card-in,& .hx-card[data-side] .hx-card-in{height:176px;transform:none}& .hx-card-float{animation:none}& .hx-card[data-side] .hx-card-ref{left:2px;right:0;overflow:hidden;text-overflow:ellipsis}& .hx-anchor,& .hx-port,& .hx-trail{display:none}& .hx-card[data-pulse] .hx-card-in:after{content:"";position:absolute;z-index:7;inset:0;border-radius:inherit;animation:ogl-hx-pulse-card .9s cubic-bezier(.2,.8,.2,1) both}}@media (max-width:760px){& .hx-chip{gap:8px;max-width:100%;padding-right:14px;font-size:12.5px;white-space:nowrap}& .hx-chip-go{display:none}& .hx-chip-t{min-width:0;overflow:hidden;text-overflow:ellipsis}& .hx-chip-apps .lp-brand{width:22px;height:22px;border-radius:6px}& .hx-chip b:after{margin-left:8px}& .hx h1{font-size:clamp(30px,9.4vw,40px)}& .hx-lead{font-size:15.5px;line-height:24px}& .hx-stack{margin-top:18px}& .hx-composer .bar .ctl [data-value],& .hx-making-l{display:none}& .hx-composer .pfield textarea{min-height:72px}& .hx-medias{& svg{display:block}& span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}& button{padding:0}}& .hx-glow i{width:300px;height:300px;filter:blur(80px)}& .hx-card-in,& .hx-card:is([data-on],[data-hover]) .hx-card-in,& .hx-card[data-side] .hx-card-in{height:164px}& .hx-card[data-side] .hx-card-ref{font-size:9.5px;letter-spacing:-.01em}& .hx-wall-in{height:64px}}@media (max-width:340px){& .hx-chip{gap:6px;padding-right:12px;font-size:11.5px}& .hx-chip-apps .lp-brand{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){& .hx h1 em{animation:none}& .hx-stack-item,& .hx-stack-pop,& .hx-stack-sum{opacity:1;transform:none;animation:none}& .hx-stack-total:after{transform:none;animation:none}& .hx-stack-one{display:none}& .hx-card-float,& .hx-card-voice b,& .hx-cover-blob,& .hx-cover-vinyl,& .hx-glow i,& .hx-ring,& .hx-trail{animation:none}& .hx-ring,& .hx-trail{display:none}& .hx-card-cat,& .hx-card-dim,& .hx-card-in{transition:none}& .hx-card[data-hover] .hx-card-in{transform:perspective(1100px) rotateY(var(--ry)) scale(.96)}& .hx-card:is([data-on],[data-hover]) .hx-card-wave b{animation:none;opacity:.8}& .hx-wall-run{animation:none}& .hx-wall-track{overflow-x:auto;scrollbar-width:none;mask-image:none}& .hx-wall-set[aria-hidden]{display:none}}}.og-landing{--lp-display:clamp(40px,4.1vw,58px);--lp-h2:clamp(30px,3.4vw,44px);--lp-ink-3:#7d7d88;--lp-line-1:rgba(255,255,255,.07);--lp-line-2:rgba(255,255,255,.11);--lp-brand-line:rgba(154,176,255,.38);--lp-brand-wash:rgba(40,80,237,.14);--lp-elev-3:0 1px 0 rgba(255,255,255,.06) inset,0 40px 100px -20px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.04);--lp-duration-slow:640ms;--lp-ease-io:cubic-bezier(.65,0,.35,1);& .lp-frame{position:relative;border-radius:28px;background:linear-gradient(180deg,#121216,#0b0b0e);box-shadow:var(--lp-elev-3)}& .lp-frame:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.05) 30%,rgba(255,255,255,.03) 70%,var(--lp-brand-line));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}& .lp-logo{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:11px;background:var(--og-surface-raised);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 1px 2px rgba(0,0,0,.4)}& .lp-logo img{width:58%;height:58%;object-fit:contain;filter:brightness(0) invert(1)}& .lp-logo--sm{width:26px;height:26px;border-radius:8px}& .lp-brand{display:block;flex:none;width:var(--lp-brand-size,24px);height:var(--lp-brand-size,24px);border-radius:25%;box-shadow:0 1px 2px rgba(0,0,0,.5),0 6px 14px -6px rgba(0,0,0,.7)}& .lp-logo--color img{filter:none}& .lp-logo--raster img{filter:none;mix-blend-mode:screen;width:96%;height:96%}& .lp-tick{color:var(--lp-ink-3);font-size:13px}& .lp-tick:before{content:"✓";color:var(--og-success);margin-right:6px}& .lp-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:2px}& .lp-row::-webkit-scrollbar{display:none}& .lp-row>*{scroll-snap-align:start;flex:none}}
/*# sourceMappingURL=aa55d20c66235226.css.map*/