.landing-page{--landing-header-height:76px;padding-bottom:0}.landing-hero{position:relative;isolation:isolate;display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - var(--landing-header-height));min-height:calc(100dvh - var(--landing-header-height));overflow:hidden;text-align:center}.landing-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.landing-background canvas{width:100%;height:100%;display:block}.landing-hero-content{width:100%;max-width:1200px;padding:100px 24px 140px;display:flex;align-items:center;flex-direction:column}.landing-badge{display:flex;align-items:center;gap:9px;border-radius:999px;background:var(--panel);padding:5px 14px;font-size:12px;color:var(--muted);margin-bottom:30px}.landing-badge>span:first-child{width:5px;height:5px;background:#f59166;box-shadow:0 0 8px #e47b57;border-radius:50%}.landing-hero h1{font-size:64px;line-height:1.2;font-weight:600;max-width:100%;overflow-wrap:anywhere}.landing-lead{font-size:18px;line-height:1.8;color:var(--muted);margin-top:24px}.landing-hero #landing-search{display:flex;align-items:center;gap:12px;width:100%;max-width:560px;min-height:54px;padding:0 8px 0 18px;border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,transparent);margin-top:32px;box-shadow:0 2px 20px #0001}.landing-hero #landing-search>svg{color:var(--muted);height:18px;width:18px}.landing-hero input{border:0;background:none;flex:1;min-width:0;font-size:15px;padding:12px 0}.landing-hero #landing-search button{background:none}.landing-actions{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;margin-top:22px}.landing-actions .button{width:174px;min-height:48px;flex:0 1 174px;min-width:0;padding:11px 22px;font-size:15px;white-space:nowrap}.landing-page .button.primary{background:#ec855d;border-color:#ec855d;color:#22160f}.landing-page .button.primary:hover{background:#f29d79}.landing-content{max-width:1184px;margin:auto;padding:0 32px}.landing-announcements{max-width:1248px;margin:-20px auto 0;padding:0 32px;position:relative;z-index:1}.landing-announcements .portal-announcements{margin-bottom:0}.landing-section{padding:64px 0}.landing-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.landing-section-heading h2,.landing-closing h2{font-size:34px;line-height:1.35;font-weight:600}.landing-section-heading p:not(.eyebrow),.landing-closing>p{font-size:16px;color:var(--muted);margin-top:12px}.landing-section-heading .subtle-link{margin:0;flex-shrink:0}.landing-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-model{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:220px;padding:24px;background:var(--panel);border-radius:8px;transition:background .15s}.landing-model:hover{background:var(--hover)}.landing-model-icon{color:var(--accent);margin-bottom:20px}.landing-model-icon svg{width:25px;height:25px}.landing-model-kind{position:absolute;right:24px;top:26px;color:var(--muted);font-size:12px}.landing-model h3{font-size:18px;overflow-wrap:anywhere;max-width:100%}.landing-model p{color:var(--muted);font-size:14px;margin:12px 0 22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.landing-model-link{font-size:12px;display:flex;gap:5px;align-items:center;color:var(--muted);margin-top:auto}.landing-model-link svg{width:14px;height:14px}.landing-empty{min-height:120px;display:flex;gap:12px;align-items:center;color:var(--muted)}.landing-connect{display:grid;grid-template-columns:5fr 7fr;gap:44px;align-items:start}.landing-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:32px}.landing-steps li{display:flex;align-items:flex-start;gap:20px}.landing-steps li>span{font-size:13px;color:var(--accent);width:28px;padding-top:4px;flex-shrink:0}.landing-steps h3{font-size:18px}.landing-steps p{font-size:14px;color:var(--muted);margin-top:8px;max-width:320px}.landing-code{min-width:0;background:var(--panel);border-radius:8px;padding:16px 20px}.landing-code>div{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.landing-code>div>code{color:var(--text);font-size:13px;overflow-wrap:anywhere;min-width:0;flex:1}.landing-code pre{font-size:13px;line-height:1.9;overflow:auto;margin:14px 0 0;padding:0 0 8px;color:var(--muted)}.landing-code .icon-button{background:none}.landing-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-tools>a{position:relative;background:var(--panel);border-radius:8px;display:flex;align-items:flex-start;flex-direction:column;gap:16px;padding:28px;min-height:264px;transition:background .15s}.landing-tools>a:hover{background:var(--hover)}.landing-tools>a>svg{height:30px;width:30px;color:var(--accent);margin-bottom:12px}.landing-tool-number{position:absolute;right:28px;top:30px;font-size:12px;color:var(--muted)}.landing-tools h3{font-size:21px}.landing-tools p{font-size:14px;color:var(--muted)}.landing-tools>a>span:last-child{display:flex;align-items:center;gap:5px;font-size:13px;margin-top:auto}.landing-tools>a>span:last-child svg{height:14px;width:14px}.landing-closing{padding:100px 0 110px;text-align:center}.landing-closing .landing-actions{margin-top:28px}.landing-footer{display:grid;grid-template-columns:1fr auto;align-items:start;gap:28px;max-width:1184px;margin:0 auto;padding:42px 32px;color:var(--muted)}.landing-footer .brand strong{color:var(--text);font-size:20px}.landing-footer p{font-size:14px;margin-top:12px}.landing-footer nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:14px}.landing-footer nav>a{display:flex;gap:5px;align-items:center}.landing-footer nav>a[data-install-app]{color:var(--text)}.landing-footer nav>a[data-install-app] svg{color:var(--accent)}.landing-footer nav svg{width:14px;height:14px}.landing-footer small{grid-column:1/-1;font-size:12px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.console-page .page-content{padding-top:42px}@media(max-width:1024px){.landing-hero h1{font-size:48px}.landing-hero-content{padding-top:90px}.landing-models{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-connect{gap:24px}}@media(max-width:760px){.landing-content{padding:0 20px}.landing-announcements{padding:0 20px;margin-top:-12px}.landing-hero-content{padding:64px 20px 130px}.landing-hero h1{font-size:40px;max-width:660px}.landing-lead{font-size:16px}.landing-section{padding:42px 0}.landing-section-heading{align-items:flex-start;flex-direction:column;gap:18px}.landing-section-heading h2,.landing-closing h2{font-size:28px}.landing-connect{grid-template-columns:1fr;gap:32px}.landing-steps{gap:24px}.landing-tools{grid-template-columns:1fr}.landing-tools>a{min-height:200px}.landing-closing{padding:70px 0}.landing-footer{padding:32px 20px;grid-template-columns:1fr}.landing-footer nav{gap:20px}.console-page .page-content{padding-top:28px}}@media(max-width:440px){.landing-content,.landing-announcements{padding:0 16px}.landing-page{--landing-header-height:64px}.landing-hero-content{padding:54px 16px 120px}.landing-badge{font-size:11px;margin-bottom:24px}.landing-hero h1{font-size:34px;line-height:1.35;max-width:360px}.landing-lead{font-size:14px;line-height:1.8;margin-top:18px}.landing-hero #landing-search{margin-top:26px;gap:8px;padding-left:12px}.landing-hero input{font-size:13px}.landing-actions{gap:10px}.landing-actions .button{width:136px;flex-basis:136px;font-size:14px;padding:10px 12px;gap:6px}.landing-actions svg{height:16px;width:16px}.landing-models{grid-template-columns:1fr}.landing-model{min-height:200px;padding:22px}.landing-section-heading h2,.landing-closing h2{font-size:25px}.landing-section-heading p:not(.eyebrow){font-size:14px}.landing-code{padding:12px}.landing-code>div{gap:8px;flex-wrap:wrap}.landing-code>div>span{width:100%}.landing-code>div>code{font-size:12px}.landing-code pre{font-size:11px}.landing-footer{padding:24px 16px}.landing-footer nav{font-size:13px}.landing-closing>p{font-size:14px}}@media(max-width:440px){.landing-actions>.button.primary>svg:first-child:not(:last-child){display:none}}@media(max-width:360px){.landing-hero-content{padding-top:38px}.landing-hero h1{font-size:30px}}.landing-phrase{display:inline-block}@media(max-height:680px){.landing-hero-content{padding-top:24px;padding-bottom:90px}}
