.home-introduction{padding-top:8px}.home-intro-grid{align-items:center;gap:28px;display:grid}.home-intro-kicker{color:var(--color-brand);font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:500}.home-intro-title{letter-spacing:-.05em;text-wrap:balance;max-width:650px;margin-top:18px;font-size:clamp(2rem,3.25vw,3rem);font-weight:600;line-height:1.13}.home-intro-title>span{color:var(--color-brand)}.home-intro-sub{max-width:470px;color:var(--color-muted);text-wrap:pretty;margin-top:20px;font-size:15px;line-height:1.75}.home-intro-actions{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.home-intro-actions .cta{border-color:var(--color-brand);font-size:13px}.home-intro-actions .btn-fill{background:var(--color-brand)}.home-intro-earn-note{color:var(--color-muted);margin-top:13px;font-size:11px;line-height:1.6}.home-intro-privacy{max-width:470px;color:var(--color-muted);text-wrap:pretty;align-items:flex-start;gap:6px;margin-top:6px;font-size:11px;line-height:1.6;display:flex}.home-intro-privacy .home-intro-privacy-icon{width:12px;height:12px;color:var(--color-brand);margin-top:3px}.home-intro-privacy a{color:var(--color-brand);text-underline-offset:3px;white-space:nowrap;text-decoration:underline}.home-open-art{width:100%;min-width:0;max-width:460px;margin-inline:auto;position:relative}.home-open-frame{mix-blend-mode:multiply;position:relative}.home-open-poster{width:100%;height:auto;display:block}.home-open-film{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .32s ease-out;display:block;position:absolute;inset:0}.home-open-film[data-playing]{opacity:1}.home-motion-control{width:44px;height:44px;color:var(--color-muted);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;right:0}.home-motion-control:focus-visible,.home-model-choice a:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:4px}@media (hover:hover) and (pointer:fine){.home-motion-control:hover{color:var(--color-brand);background:var(--color-soft)}.home-model-choice a:hover{text-underline-offset:4px;text-decoration:underline}}.home-model-choice{border-top:1px solid var(--color-border);margin-top:36px;padding-top:25px}.home-model-choice-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.home-model-choice-heading h2{letter-spacing:-.02em;font-size:15px;font-weight:600}.home-model-choice-heading p{max-width:550px;color:var(--color-muted);margin-top:5px;font-size:12px;line-height:1.6}.home-model-choice-heading>a{min-height:44px;color:var(--color-brand);flex-shrink:0;align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.home-model-types{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:20px 0 18px;display:grid}.home-model-types li{color:var(--color-brand);align-items:center;gap:10px;display:flex}.home-model-type-name{color:var(--color-foreground);font-size:12px;font-weight:500;display:block}.home-model-type-scope{color:var(--color-muted);margin-top:3px;font-size:10px;display:block}.home-model-label-link{min-height:36px;color:var(--color-brand);align-items:center;gap:7px;font-size:11px;display:inline-flex}@media (width>=760px){.home-intro-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;min-height:340px}}@media (width<=759px){.home-intro-grid{gap:10px}.home-open-art{max-width:240px}}@media (width<=639px){.home-introduction{padding-top:0}.home-intro-kicker{letter-spacing:.075em;font-size:9px}.home-intro-title{margin-top:14px;font-size:34px}.home-intro-sub{margin-top:16px;font-size:14px;line-height:1.7}.home-intro-actions{grid-template-columns:1fr;gap:10px;margin-top:20px;display:grid}.home-intro-actions .cta{justify-content:space-between;min-height:48px}.home-intro-earn-note,.home-intro-privacy{font-size:10px}.home-intro-privacy .home-intro-privacy-icon{margin-top:2px}.home-model-choice{margin-top:26px;padding-top:22px}.home-model-choice-heading{display:block}.home-model-choice-heading>a{margin-top:5px}.home-model-types{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;padding-top:12px}.home-model-label-link{min-height:44px;padding-top:10px;line-height:1.6}}.home-action-use{isolation:isolate;position:relative;overflow:hidden}.home-action-use>span:not(.home-token-stream){z-index:1;position:relative}.home-token-stream{pointer-events:none;opacity:.7;position:absolute;inset:0}.home-token-stream svg{width:100%;height:100%;display:block}.home-token{opacity:.3;transform:translate(100px)}@media (prefers-reduced-motion:no-preference){.home-token{animation:home-token-flight var(--token-time) linear var(--token-delay) infinite;animation-play-state:paused}.home-token-stream[data-running=true] .home-token{animation-play-state:running}}@keyframes home-token-flight{0%{opacity:0;transform:translate(-25px)}9%{opacity:.75}87%{opacity:.75}to{opacity:0;transform:translate(350px)}}@media (prefers-reduced-motion:reduce){.home-token-stream{opacity:.25}.home-token:nth-child(3n){transform:translate(245px)}.home-token:nth-child(3n+1){transform:translate(30px)}}.magic-overlay{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#071e18a3;position:fixed;inset:0}.magic-dialog{z-index:101;border:1px solid color-mix(in srgb,var(--color-brand) 15%,var(--color-border));background:var(--color-surface);width:calc(100% - 32px);max-width:560px;max-height:calc(100dvh - 40px);color:var(--color-foreground);border-radius:24px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 28px 100px #041c1840}.magic-dialog[data-view=api]{max-width:720px}.magic-dialog[data-view=chat]{--chat-col:760px;width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;border:0;border-radius:0;inset:0;transform:none}.magic-dialog[data-view=chat] .magic-toolbar{padding:max(8px,env(safe-area-inset-top)) 16px 8px 20px;border-bottom:1px solid var(--color-border);min-height:56px}.magic-dialog[data-view=chat] .magic-body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.magic-dialog[data-view=chat] .try-chat{min-height:0;padding:0 0 max(14px,env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.magic-dialog[data-view=chat] .try-chat>*{width:calc(100% - 40px);max-width:var(--chat-col);margin-inline:auto}.magic-dialog[data-view=chat] .try-chat[data-conversation=false]{justify-content:center;overflow-y:auto}.magic-dialog[data-view=chat] .try-chat[data-conversation=false] .try-topline{display:none}.magic-dialog[data-view=chat] .try-welcome h2{font-size:clamp(28px,4vw,40px)}.magic-dialog[data-view=chat] .try-topline{flex-shrink:0;padding-top:6px}.magic-dialog[data-view=chat] .try-chat>.try-transcript{width:100%;max-width:none;min-height:0;max-height:none;padding:18px max(20px,calc((100% - var(--chat-col)) / 2)) 24px;flex:1;gap:28px;margin:0}.magic-dialog[data-view=chat] .try-message-body{font-size:15px}.magic-dialog[data-view=chat] .try-composer{flex-shrink:0;box-shadow:0 8px 30px #0c3b2e10}.magic-dialog[data-view=chat] .try-chat[data-conversation=true] .try-composer textarea{min-height:52px}.magic-dialog[data-view=chat] .try-chat[data-conversation=true] .try-status{margin-top:8px}.magic-dialog[data-view=chat] .try-chat[data-conversation=true] .try-privacy,.magic-dialog[data-view=chat] .try-chat[data-conversation=true] #try-limits{display:none}.magic-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;min-height:60px;padding:16px 18px 0 28px;display:flex}.magic-wordmark{font:500 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand);align-items:center;gap:10px;display:flex}.magic-close{width:44px;height:44px;color:var(--color-muted);border-radius:50%;place-items:center;display:grid}.magic-close:hover{background:var(--color-soft);color:var(--color-brand)}.magic-back{min-height:44px;color:var(--color-muted);align-items:center;gap:7px;font-size:12px;display:flex}.magic-back:hover{color:var(--color-brand)}.magic-body{overscroll-behavior:contain;scrollbar-width:thin;padding:12px 32px 26px;overflow-y:auto}.magic-heading{margin-bottom:26px}.magic-heading h2{letter-spacing:-.045em;outline:0;font-size:clamp(27px,4vw,34px);font-weight:500;line-height:1.15}.magic-heading p{max-width:430px;color:var(--color-muted);text-wrap:pretty;margin-top:12px;font-size:14px;line-height:1.65}.magic-options{flex-direction:column;gap:12px;display:flex}.magic-option{text-align:left;border:1px solid var(--color-border);border-radius:16px;align-items:center;gap:17px;width:100%;padding:23px 20px;transition:background .18s,border-color .18s;display:flex}.magic-option-chat{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.magic-option-chat:hover{background:color-mix(in srgb,var(--color-brand) 90%,#000)}.magic-option-api:hover{background:var(--color-soft);border-color:color-mix(in srgb,var(--color-brand) 35%,var(--color-border))}.magic-option-icon{border:1px solid #ffffff30;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.magic-option-api .magic-option-icon{border-color:var(--color-border);color:var(--color-brand);background:var(--color-soft)}.magic-option-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.magic-option-copy .magic-option-meta{font:500 9px var(--font-mono);text-transform:uppercase;letter-spacing:.07em;opacity:.7}.magic-option-copy strong{letter-spacing:-.02em;font-size:21px;font-weight:500;line-height:1.2}.magic-option-copy>span:last-child{opacity:.8;font-size:12px;line-height:1.6}.magic-option-arrow{flex-shrink:0;margin-left:auto;transition:transform .18s}.magic-option:hover .magic-option-arrow{transform:translate(3px)}.magic-footer{color:var(--color-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:22px;font-size:11px;line-height:1.6;display:flex}.magic-footer a{min-height:44px;color:var(--color-brand);white-space:nowrap;align-items:center;gap:6px;display:flex}.magic-dialog button:focus-visible,.magic-dialog a:focus-visible,.magic-dialog pre:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.magic-api-steps{gap:18px;margin:0 0 24px;display:flex}.magic-api-steps li{flex:1;gap:8px;font-size:12px;line-height:1.5;display:flex}.magic-api-steps li>span{background:var(--color-soft);width:22px;height:22px;color:var(--color-brand);font:11px var(--font-mono);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.magic-api-base{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;column-gap:10px;padding:8px 0;display:flex}.magic-api-base>span{color:var(--color-muted);font:10px var(--font-mono)}.magic-api-base>code{font:12px var(--font-mono);overflow-wrap:anywhere}.magic-copy{min-width:44px;min-height:44px;color:var(--color-brand);justify-content:center;align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.magic-code{background:var(--color-soft);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.magic-code>div{border-bottom:1px solid var(--color-border);color:var(--color-muted);font:10px var(--font-mono);align-items:center;padding:0 10px 0 16px;display:flex}.magic-code pre{font:11px/1.8 var(--font-mono);scrollbar-width:thin;padding:16px;overflow-x:auto}.magic-api-hint{color:var(--color-muted);margin-top:9px;font-size:11px;line-height:1.6}.magic-api-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.magic-api-actions>a{min-height:44px;color:var(--color-brand);align-items:center;gap:9px;font-size:12px;display:flex}.magic-api-actions>.btn-fill{color:var(--color-surface)}.magic-api-scope{border-top:1px solid var(--color-border);color:var(--color-muted);margin-top:18px;padding-top:16px;font-size:11px;line-height:1.7}@media (prefers-reduced-motion:no-preference){.magic-overlay[data-state=open]{animation:.18s ease-out magic-fade}.magic-dialog[data-state=open]{animation:.22s cubic-bezier(.16,1,.3,1) magic-appear}.magic-dialog[data-state=open][data-view=chat]{animation:.26s cubic-bezier(.16,1,.3,1) magic-fill}}@keyframes magic-fill{0%{opacity:0;border-radius:24px;transform:scale(.97)}to{opacity:1;border-radius:0;transform:none}}@keyframes magic-fade{0%{opacity:0}to{opacity:1}}@keyframes magic-appear{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))scale(.985)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=639px){.magic-dialog{border-radius:21px;width:calc(100% - 20px);max-height:calc(100dvh - 24px)}.magic-dialog[data-view=chat]{border-radius:0;width:100%;max-height:none}.magic-dialog[data-view=chat] .magic-toolbar{padding:max(6px,env(safe-area-inset-top)) 8px 6px 14px;min-height:52px}.magic-dialog[data-view=chat] .try-chat>*{width:calc(100% - 24px)}.magic-dialog[data-view=chat] .try-chat>.try-transcript{width:100%;padding-inline:16px}.magic-toolbar{min-height:52px;padding:8px 10px 0 20px}.magic-body{padding:12px 20px max(20px,env(safe-area-inset-bottom))}.magic-heading{margin-bottom:22px}.magic-heading p{font-size:13px}.magic-option{gap:12px;padding:20px 15px}.magic-option-icon{border-radius:12px;width:38px;height:42px}.magic-option-copy strong{font-size:20px}.magic-option-copy>span:last-child{font-size:11px}.magic-footer{align-items:flex-start;margin-top:16px;font-size:10px}.magic-footer>span{align-self:center}.magic-api-steps{flex-direction:column;gap:10px}.magic-api-base{column-gap:7px}.magic-api-base>code{font-size:10px}.magic-api-base>span{width:100%}.magic-api-actions{gap:12px}}@media (prefers-reduced-motion:reduce){.magic-dialog *{transition:none}}.magic-dialog:focus{outline:none}
