:root{color-scheme:light;--bg:#fafbfc;--surface:#f0f2f5;--muted:#656c78;--line:#15263c14;--blue:#286bea;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:#191c22;font-size:16px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0;color:inherit;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #80b5ff;outline-offset:5px}button:disabled{cursor:default;opacity:.35}img,video{display:block;max-width:100%}h1,h2,h3,p{margin:0}h2{font-size:21px;font-weight:500;letter-spacing:-.5px}p{line-height:1.55;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:white;color:black;padding:15px}.skip-link:focus{top:15px}.hero{position:relative;isolation:isolate;min-height:570px;overflow:hidden;background:#010203;border-bottom:1px solid var(--line)}.starfield{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.77;z-index:-2;animation:star-drift 32s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#010203 0%,transparent 23%,#0002 65%,#0005)}.hero-top{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 40px}.brand{display:flex;gap:7px;align-items:center;font-size:27px;font-weight:600;letter-spacing:-1.4px}.brand img{width:29px;height:33px}.motion-toggle{display:flex;gap:8px;align-items:center;color:#999;font-size:12px;padding:9px 12px;border:1px solid #ffffff24;border-radius:30px;background:#ffffff05}.hero-copy{padding:22px 24px 58px;max-width:980px;margin:auto;text-align:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:500;color:#a8a8ab}.hero-eyebrow{display:flex;gap:9px;justify-content:center;align-items:center;margin:0 0 21px;color:#c3c6d1;font-size:10px;letter-spacing:2.4px}.tiny-spark{color:white;font-size:17px}.hero h1{font-size:clamp(54px,6.1vw,84px);font-weight:500;letter-spacing:-4.5px;line-height:1.08;margin-bottom:18px}.hero-copy>p{font-size:17px;color:#aaaab0;letter-spacing:-.25px}.prompt-orbit{position:relative;margin:35px auto 0;max-width:810px}.prompt-box{position:relative;z-index:3;text-align:left;background:linear-gradient(140deg,#090b10,#010203 55%);border:1px solid #a2b6cebd;box-shadow:0 0 0 3px #b8d6ff13,0 0 0 6px #7fa9e010,0 0 40px #88bfff22,inset 0 0 12px #aacdff10;border-radius:28px;padding:21px 22px 16px}.prompt-box textarea{color:#eee;resize:none;background:transparent;border:0;outline:none;display:block;width:100%;font-size:17px;line-height:1.5;height:49px}.prompt-box textarea::placeholder{color:#83838c}.prompt-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px}.attachment-wrap{display:flex;align-items:center;gap:10px;min-width:0}#attachment-name{font-size:12px;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aaa}.attach{width:34px;height:34px;border-radius:50%;background:#17191c;display:grid;place-items:center;font-size:25px;cursor:pointer}.attach input{position:absolute;width:1px;height:1px;opacity:0}.attach:focus-within{outline:2px solid #80b5ff}.prompt-actions{display:flex;align-items:center;gap:5px;color:#b6b6bc;font-size:14px}.prompt-actions select{border:none;background:transparent;color:inherit;max-width:150px;cursor:pointer;outline:none}.prompt-actions option{background:#181818}.quality{padding-right:12px}.generate{border-radius:50%;background:#e7e7e9;color:#060606;font-size:26px;width:38px;height:38px;transition:background .2s,transform .2s}.generate:hover{background:#fff;transform:rotate(90deg)}.orbital{pointer-events:none;position:absolute;border-radius:38px;inset:-8px;border:1px solid #c1ddff44;box-shadow:0 0 18px #b9d9ff35;transform:rotate(-.3deg);animation:orbit-shimmer 5s ease-in-out infinite}.orbital-two{inset:-17px -19px;transform:rotate(1deg);opacity:.45;animation-delay:-2s}.orbital-three{inset:-29px -42px;transform:rotate(-2deg);opacity:.16;animation-delay:-3.5s}@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.orbital:before{content:"";position:absolute;inset:-2px;padding:2px;border-radius:inherit;background:conic-gradient(from var(--glow-angle),transparent 0deg,#d5e9ff 35deg,transparent 72deg,transparent 175deg,#eaf4ff 210deg,transparent 252deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:glow-rotate 7s linear infinite;filter:drop-shadow(0 0 8px #bddcff)}.prompt-suggestions{display:flex;justify-content:center;gap:10px;margin-top:29px;position:relative;z-index:4}.prompt-suggestions button{border:1px solid #ffffff1b;background:#080a0eb3;border-radius:30px;padding:9px 13px;font-size:12px;color:#a7a8b0;transition:color .2s,border-color .2s}.prompt-suggestions button:hover{color:white;border-color:#ffffff66}.prompt-suggestions span{margin-left:9px;color:#666}.hero-scroll{display:flex;gap:12px;justify-content:center;font-size:11px;color:#74767d;margin:-15px auto 25px;letter-spacing:.3px}.page-content{max-width:1580px;margin:auto;padding:42px 48px 26px}.feature-stage{aspect-ratio:2.9;position:relative;background:#1b2024;border-radius:15px;overflow:hidden;min-height:280px}.feature-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s}.feature-slide.active{opacity:1;visibility:visible}.feature-slide>video,.feature-slide>img{width:100%;height:100%;object-fit:cover}.feature-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0002,#0000 25%,#0006)}.feature-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.feature-overlay h3{font-size:clamp(32px,4.6vw,68px);font-weight:500;letter-spacing:-2px;text-shadow:0 2px 25px #0005;display:flex;align-items:center;gap:20px}.feature-overlay h3 img{width:48px;height:48px;object-fit:contain}.feature-links{display:flex;gap:10px}.white-button,.glass-button,.pill,.blue-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:30px;font-size:14px;padding:12px 20px;transition:background .2s,transform .2s}.white-button{color:#111;background:#fff}.white-button:hover{background:#e2e2e2;transform:translateY(-2px)}.glass-button{background:#ffffff25;backdrop-filter:blur(16px);border:1px solid #ffffff40}.glass-button:hover{background:#ffffff40}.feature-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px}.feature-caption h2{font-size:17px;font-weight:500;letter-spacing:-.3px}.carousel-controls{display:flex;gap:8px;align-items:center}.circle{height:34px;width:34px;flex-shrink:0;background:#242424;color:#ccc;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .2s}.circle:hover{background:#3c3c3c;color:white}.dots{display:flex;gap:5px;padding:0 14px}.dots button{width:5px;height:5px;border-radius:6px;background:#525252;padding:0;transition:width .3s,background .3s}.dots button.active{width:19px;background:white}.tools{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:51px}.agent-card{position:relative;overflow:hidden;min-height:230px;border-radius:15px;background:#151720}.agent-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s}.agent-card:hover .agent-bg{transform:scale(1.06)}.agent-graphic{position:absolute;right:-4%;height:100%;width:64%;object-fit:cover;object-position:left;transition:transform .7s}.agent-card:hover .agent-graphic{transform:translateX(-10px)}.agent-card-copy{position:relative;height:100%;padding:23px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:35px}.badge{font-size:10px;border:1px solid #ffffff29;background:#ffffff12;border-radius:20px;display:inline-flex;align-items:center;gap:6px;padding:5px 8px}.badge img{width:17px;height:17px;border-radius:50%;background:#fff;filter:invert(1)}.agent-card h2{font-size:25px;font-weight:600;letter-spacing:-.8px}.agent-card p{font-size:14px;margin:7px 0 14px;color:#c3c3cf}.blue-button{background:linear-gradient(110deg,#1760fc,#58acff);font-size:13px;padding:9px 17px;box-shadow:0 3px 20px #226aff35}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-card{position:relative;border-radius:15px;background:#242424;padding:18px;transition:background .25s,transform .25s;overflow:hidden}.tool-card:hover{background:#303030;transform:translateY(-3px)}.tool-icon{height:27px;width:27px;object-fit:contain;margin-bottom:11px}.tool-symbol{height:27px;display:flex;gap:4px;align-items:center;font-size:24px;margin-bottom:11px}.tool-card h3,.tool-card p{font-size:14px;line-height:1.28;font-weight:400;letter-spacing:-.2px}.tool-card h3{color:#eee}.tool-card p{color:#999}.tool-arrow{position:absolute;right:12px;top:16px;color:#666;font-size:15px;opacity:0;transition:opacity .2s}.tool-card:hover .tool-arrow{opacity:1}.section{margin-top:51px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-heading h2{display:flex;align-items:center;gap:7px;font-size:20px}.section-heading h2 img{height:23px;width:22px;background:#252525;border-radius:4px;padding:1px}.section-heading p{font-size:14px;margin-top:8px}.muted{color:#a7a7a7}.heading-actions{display:flex;gap:8px;align-items:center}.pill{background:#252525;font-size:13px;padding:11px 18px;white-space:nowrap}.pill:hover{background:#373737}.horizontal-track{display:flex;gap:15px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:0 0 6px}.horizontal-track::-webkit-scrollbar{display:none}.template{flex:0 0 calc((100% - 45px)/4);min-width:230px;scroll-snap-align:start;text-align:left;padding:0}.template-media{position:relative;aspect-ratio:1.12;overflow:hidden;border-radius:14px;background:#262626}.template-media img,.template-media video{width:100%;height:100%;object-fit:cover;transition:transform .65s}.template:hover .template-media img,.template:hover .template-media video{transform:scale(1.055)}.template-media:after{content:"↗";position:absolute;bottom:13px;right:13px;background:#0006;backdrop-filter:blur(15px);width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff35;border-radius:50%;opacity:0;transform:translateY(7px);transition:opacity .25s,transform .25s}.template:hover .template-media:after{opacity:1;transform:translateY(0)}.template h3{font-size:15px;font-weight:500;margin:14px 0 5px}.template p{font-size:13px;line-height:1.5;max-width:270px}.search-icon{display:inline-block;width:14px;height:14px;border:1.5px solid currentColor;border-radius:50%;position:relative;margin-right:3px}.search-icon:after{content:"";position:absolute;width:5px;height:1.5px;background:currentColor;transform:rotate(45deg);right:-4px;bottom:-2px}.model-card{position:relative;flex:0 0 calc((100% - 45px)/4);min-width:265px;scroll-snap-align:start;border-radius:15px;overflow:hidden;aspect-ratio:.84;background:#24282d;isolation:isolate}.model-card>video,.model-card>img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s}.model-card:hover>video,.model-card:hover>img{transform:scale(1.06)}.model-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111e 0%,#1118 45%,#1110 80%);z-index:-1}.model-badges{position:absolute;top:14px;left:14px;display:flex;gap:6px}.model-badges span{font-size:10px;border-radius:20px;padding:5px 9px;background:#ffffff2b;backdrop-filter:blur(10px)}.model-badges .featured{background:#f8eccb;color:#4c3f1f}.model-body{position:absolute;bottom:0;padding:20px;width:100%}.model-body h3{font-size:24px;letter-spacing:-.8px;font-weight:500;margin-bottom:9px}.model-body p{font-size:13px;color:#dbdbdf;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.model-meta{display:flex;justify-content:space-between;margin-top:18px;font-size:11px;color:#eee}.model-link{display:flex;justify-content:space-between;align-items:center;margin-top:18px;border-top:1px solid #ffffff29;padding-top:13px;font-size:13px}.image-model{flex:0 0 calc((100% - 45px)/4);min-width:265px;scroll-snap-align:start}.image-model-media{height:200px;border-radius:14px;overflow:hidden;position:relative;background:#252525}.image-model-media>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.image-model:hover .image-model-media>img{transform:scale(1.05)}.image-model h3{font-size:18px;font-weight:500;margin:15px 0 7px;letter-spacing:-.4px}.image-model p{font-size:13px;line-height:1.5;max-width:280px}.image-model .model-meta{color:#999}.detail-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;background:#191919;border:1px solid #ffffff08;border-radius:20px;padding:40px;overflow:hidden;margin-top:72px}.detail-copy{padding:10px 0 10px 8px}.detail-copy h2{font-size:clamp(30px,3.5vw,48px);font-weight:400;letter-spacing:-1.8px;line-height:1.08;margin:23px 0 20px}.detail-copy p{max-width:340px;font-size:15px;line-height:1.7;margin-bottom:26px}.demo-note{display:block;font-size:11px;color:#777;margin-top:14px}.comparison{position:relative;aspect-ratio:1.4;border-radius:12px;overflow:hidden;background:#333;--split:50%}.comparison img{height:100%;width:100%;object-fit:cover}.comparison-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-before img{filter:blur(3.5px) saturate(.72);transform:scale(1.015)}.comparison-label{position:absolute;top:15px;font-size:11px;z-index:2;padding:6px 10px;border-radius:20px;background:#0005;backdrop-filter:blur(8px)}.before-label{left:15px}.after-label{right:15px}.comparison-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff9;pointer-events:none}.comparison-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:43px;height:43px;display:grid;place-items:center;background:#fff;color:#222;border-radius:50%;font-size:18px;box-shadow:0 3px 15px #0003;white-space:nowrap}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:3}.comparison:focus-within{outline:2px solid #80b5ff;outline-offset:3px}.drag-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:11px;background:#0006;padding:7px 12px;border-radius:30px}.gallery-section{margin-top:84px}.gallery-top{text-align:center}.gallery-top h2{font-size:clamp(36px,4.5vw,60px);font-weight:400;letter-spacing:-2.6px;margin:18px 0 14px}.gallery-top p{font-size:15px}.gallery-search{display:flex;gap:12px;align-items:center;max-width:520px;border:1px solid #ffffff1e;border-radius:40px;background:#1e1e1e;margin:27px auto 35px;padding:15px 20px;color:#888}.gallery-search input{background:none;border:0;outline:none;color:white;width:100%;font-size:14px}.gallery-search:focus-within{border-color:#727272}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{color:#999;font-size:13px;border-radius:30px;padding:10px 15px}.filters button.active{background:#ededed;color:#151515}.filters button:hover:not(.active){background:#222;color:white}.gallery-count{font-size:12px;color:#777;white-space:nowrap}.gallery-grid{columns:4;column-gap:14px}.gallery-item{display:block;position:relative;width:100%;margin:0 0 14px;padding:0;border-radius:12px;overflow:hidden;background:#242424;break-inside:avoid;text-align:left}.gallery-item img{width:100%;height:auto;min-height:190px;transition:transform .6s,filter .6s}.gallery-item:hover img{transform:scale(1.04);filter:brightness(.8)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;padding:35px 16px 15px;background:linear-gradient(transparent,#0009);display:flex;justify-content:space-between;align-items:end;opacity:0;transition:opacity .3s}.gallery-overlay strong{font-size:13px;font-weight:400;display:block}.gallery-overlay small{font-size:10px;color:#ccc;display:block;margin-top:5px}.gallery-item:hover .gallery-overlay,.gallery-item:focus-visible .gallery-overlay{opacity:1}.gallery-end{padding:32px 0 12px;display:flex;align-items:center;justify-content:center;gap:25px;font-size:13px;color:#777}#gallery-empty{text-align:center;padding:50px}dialog{position:fixed;padding:0;width:min(860px,92vw);max-height:88dvh;background:#171717;border:1px solid #444;border-radius:20px;color:#eee;overflow:auto;box-shadow:0 35px 130px #000c}dialog::backdrop{background:#000c;backdrop-filter:blur(10px)}.dialog-close{position:absolute;right:15px;top:15px;z-index:5;background:#161616c9;font-size:25px}.dialog-layout{display:grid;grid-template-columns:1.1fr 1fr}.dialog-layout>img,.dialog-layout>video{width:100%;height:100%;min-height:450px;max-height:75dvh;object-fit:cover}.dialog-info{padding:58px 30px 34px;display:flex;flex-direction:column;justify-content:center}.dialog-info h2{font-size:30px;line-height:1.12;margin:14px 0 16px;letter-spacing:-1px}.dialog-info p{font-size:14px;line-height:1.7;margin-bottom:25px}.dialog-info .white-button{align-self:flex-start}.dialog-info .demo-note{line-height:1.6}.search-dialog{padding:38px}.search-dialog h2{font-size:26px;margin-bottom:24px}.search-dialog input{width:100%;padding:13px 16px;border-radius:10px;border:1px solid #444;background:#252525;color:white;outline:none}.model-search-list{display:grid;gap:8px;margin-top:20px}.model-search-result{display:flex;justify-content:space-between;gap:15px;border-radius:10px;padding:15px;background:#252525}.model-search-result:hover{background:#333}.model-search-result small{color:#999}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#efefef;color:#151515;border-radius:30px;padding:13px 22px;font-size:13px;z-index:20;transition:opacity .25s,transform .25s;box-shadow:0 5px 40px #0008}#toast.show{opacity:1;transform:translate(-50%,0)}.reveal{animation:fade-in .7s ease both}@keyframes fade-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes star-drift{to{transform:scale(1.07) rotate(.5deg)}}@keyframes glow-rotate{to{--glow-angle:360deg}}@keyframes orbit-shimmer{0%,100%{opacity:.55}45%{opacity:.9}65%{opacity:.3}}.motion-paused *,.motion-paused *:before{animation-play-state:paused!important}.motion-paused .feature-slide{transition:none}
@media(min-width:1600px){.hero{min-height:660px}.hero-copy{padding-top:52px}.hero-scroll{margin-top:0}.page-content{padding-top:48px}.feature-stage{aspect-ratio:3.15}.agent-card{min-height:260px}}
@media(max-width:1000px){.page-content{padding:32px 28px 20px}.hero-top{padding:0 28px}.hero{min-height:540px}.hero-copy{max-width:850px}.hero h1{font-size:68px}.prompt-orbit{max-width:720px}.tool-card{padding:15px}.tool-card h3,.tool-card p{font-size:12px}.tools{gap:12px}.tool-grid{gap:10px}.agent-card{min-height:220px}.template{flex-basis:31%}.model-card,.image-model{flex-basis:31%}.detail-feature{padding:28px;gap:28px}.gallery-grid{columns:3}.feature-overlay h3{font-size:43px}.feature-stage{min-height:280px}.hero-eyebrow{margin-bottom:17px}}
@media(max-width:700px){.hero{min-height:570px}.hero-top{height:65px;padding:0 20px}.brand{font-size:25px}.hero-copy{padding:38px 23px 45px}.hero h1{font-size:63px;letter-spacing:-3.7px}.hero-copy>p{font-size:15px;max-width:340px;margin:auto}.hero-eyebrow{font-size:9px;letter-spacing:1.8px}.prompt-orbit{margin-top:31px}.prompt-box{padding:18px 16px 13px;border-radius:24px}.prompt-box textarea{font-size:16px;height:53px}.prompt-actions{font-size:12px}.quality{padding-right:5px}.prompt-suggestions{gap:6px;margin-top:26px}.prompt-suggestions button{font-size:10px;padding:8px 10px}.prompt-suggestions button:last-child{display:none}.hero-scroll{margin:0 auto 23px}.page-content{padding:25px 18px 15px}.feature-stage{aspect-ratio:1.4;min-height:0;border-radius:13px}.feature-overlay{gap:21px}.feature-overlay h3{font-size:30px;letter-spacing:-1px;gap:10px;flex-wrap:wrap;justify-content:center;text-align:center;padding:0 25px}.feature-overlay h3 img{width:31px;height:31px}.feature-links a{font-size:12px;padding:10px 14px}.feature-caption{gap:10px;margin-top:13px;align-items:start}.feature-caption h2{font-size:13px;line-height:1.5;max-width:245px}.dots{display:none}.circle{height:31px;width:31px;font-size:18px}.tools{grid-template-columns:1fr;margin-top:32px;gap:12px}.agent-card{min-height:220px}.agent-card h2{font-size:26px}.tool-grid{gap:9px}.tool-card{min-height:109px;padding:16px}.tool-card h3,.tool-card p{font-size:13px}.tool-icon,.tool-symbol{margin-bottom:10px}.section{margin-top:36px}.section-heading{gap:10px;align-items:end;margin-bottom:17px}.section-heading h2{font-size:18px}.section-heading p{font-size:12px;max-width:230px;line-height:1.5}.heading-actions{gap:5px}.heading-actions .pill{font-size:11px;padding:9px 12px;gap:8px}.templates-section .heading-actions>.circle{display:none}.template{flex-basis:70%;min-width:210px}.template-media{aspect-ratio:1.15}.template h3{font-size:14px}.template p{font-size:12px}.model-card{flex-basis:76%;min-width:240px;aspect-ratio:.85}.image-model{flex-basis:72%;min-width:240px}.image-model-media{height:190px}.model-body h3{font-size:27px}#search-models{font-size:0;width:32px;height:32px;padding:0}.search-icon{flex-shrink:0}#search-models .search-icon{width:13px;height:13px;margin:0 3px 0 0}.detail-feature{grid-template-columns:1fr;padding:26px 20px 20px;gap:26px;margin-top:40px}.detail-copy{padding:0}.detail-copy h2{font-size:37px;margin:19px 0 16px}.detail-copy p{font-size:14px;margin-bottom:23px}.detail-copy .white-button{font-size:12px}.comparison{aspect-ratio:1.12}.gallery-section{margin-top:55px}.gallery-top h2{font-size:37px;letter-spacing:-1.8px;margin:16px 0 12px}.gallery-top p{font-size:13px;max-width:280px;margin:auto}.gallery-search{margin:23px 0;padding:14px 18px}.gallery-toolbar{margin-bottom:13px}.filters{gap:2px}.filters button{font-size:11px;padding:9px 11px}.gallery-count{display:none}.gallery-grid{columns:2;column-gap:10px}.gallery-item{margin-bottom:10px;border-radius:9px}.gallery-item img{min-height:160px}.gallery-end{flex-direction:column;gap:15px;padding-top:25px}.dialog-layout{grid-template-columns:1fr}.dialog-layout>img,.dialog-layout>video{height:280px;min-height:0}.dialog-info{padding:25px}.dialog-info h2{font-size:27px}.search-dialog{padding:45px 23px 25px}#attachment-name{max-width:100px}.eyebrow{font-size:10px}.motion-label{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.prompt-actions select{width:72px}.prompt-actions select:has(option:checked:not(:first-child)){width:128px}
@media(max-width:700px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{min-height:115px}.tool-card h3,.tool-card p{font-size:14px}.tool-card p{margin-top:2px}.hero-copy>p{max-width:320px}.prompt-actions select:has(option:checked:not(:first-child)){width:102px}}
.badge img{background:transparent;filter:none}

/* Светлая тема: светлые поверхности и контрастные подписи поверх медиа. */
.hero{background:radial-gradient(ellipse at 50% 62%,#e8f1ff 0%,#f4f8ff 38%,#fff 75%);border-bottom-color:#dfe6ef}
.starfield{filter:invert(1);opacity:.3;mix-blend-mode:multiply}
.hero:after{background:linear-gradient(0deg,#fafbfc,transparent 30%,#ffffff50)}
.brand img,.tool-icon[src$="krea-logo.svg"],.section-heading h2 img{filter:invert(1)}
.motion-toggle{color:#596372;border-color:#d9e0e9;background:#ffffffa8}
.hero-eyebrow{color:#5b6b84}.tiny-spark{color:#31547f}
.hero h1{color:#172236;letter-spacing:-3px}.hero-copy>p{color:#647189;max-width:650px;margin:auto}
.prompt-box{background:linear-gradient(145deg,#fff,#fdfdff);border-color:#aac2e5;box-shadow:0 0 0 3px #accbff21,0 0 0 7px #b2d1ff13,0 15px 70px #4780d122,inset 0 0 12px #fff}
.prompt-box textarea{color:#202d40}.prompt-box textarea::placeholder{color:#7a879b}
.attach{color:#50617c;background:#edf1f7}.attach:hover{background:#e0e9f5}
#attachment-name{color:#5c6b80}.prompt-actions{color:#5d6b7f}.prompt-actions option{background:white;color:#222}
.generate{background:#1d2d46;color:#fff}.generate:hover{background:#286bea}
.orbital{border-color:#86a9d63b;box-shadow:0 0 20px #8bb8f52b}
.orbital:before{background:conic-gradient(from var(--glow-angle),transparent 0deg,#598bdd 35deg,transparent 72deg,transparent 175deg,#8fbfff 210deg,transparent 252deg);filter:drop-shadow(0 0 8px #84b5ff)}
.prompt-suggestions button{color:#5c6c83;background:#ffffffa8;border-color:#d9e3ef}
.prompt-suggestions button:hover{color:#1d4f9a;border-color:#88b2ee;background:#fff}
.prompt-suggestions span{color:#8294ad}.hero-scroll{color:#78859a}
.feature-caption h2{color:#2c3340}.circle{color:#566170;background:#eceff3}
.circle:hover{background:#dfe5ee;color:#17263e}.dots button{background:#ced4df}.dots button.active{background:#273d5d}
.feature-overlay{color:#fff}.feature-overlay h3{letter-spacing:-1.4px;text-align:center;padding-inline:20px}
.glass-button{color:#fff}.feature-overlay .white-button{background:#fff;color:#202530}.feature-overlay .white-button:hover{background:#eef3ff}
.agent-card{background:#edf1fa;border:1px solid #e2e7f0}
.agent-bg{opacity:.22;filter:brightness(1.8)}
.agent-graphic{mask-image:linear-gradient(to right,transparent,#000 24%);width:61%}
.agent-card-copy{color:#1e2940}.agent-card h2{color:#1e2940}.agent-card p{color:#5e687c;max-width:185px;line-height:1.5}
.badge{color:#566179;border-color:#cbd4e3;background:#ffffffb0}.badge img{filter:invert(1);background:transparent}
.blue-button{color:#fff}.tool-card{background:#fff;border:1px solid #e4e8ef;box-shadow:0 3px 8px #20304f03}
.tool-card:hover{background:#f4f7fc;border-color:#c8d7ec;box-shadow:0 8px 22px #25426b09}
.tool-card h3{color:#252d3a;line-height:1.4}.tool-card p{color:#727c8c;line-height:1.4}.tool-arrow{color:#7587a1}
.muted{color:#77808e}.section-heading h2 img{background:transparent}
.pill{background:#edf0f5;color:#475368}.pill:hover{background:#dfe6ef;color:#1f3555}
.template-media,.image-model-media{background:#edf0f5}.template h3,.image-model h3{color:#202a3b}
.template p,.image-model p{color:#6d7684}.image-model .model-meta{color:#707b8d}
.model-card{color:white}.model-body p{color:#e2e6ec}.model-meta{color:#edf0f6}
.model-badges span{color:white}.model-badges .featured{color:#53482d;background:#fbefcc}
.detail-feature{background:#eef3f9;border-color:#e2e9f2}.detail-copy h2{color:#25354e;letter-spacing:-1.5px}
.eyebrow{color:#75839a}.detail-copy p{color:#69778c}.demo-note{color:#7d8898}
.white-button{background:#22344f;color:#fff}.white-button:hover{background:#345780;color:#fff}
.comparison-label,.drag-hint{color:#fff}.comparison-line span{color:#243a57}
.gallery-top h2{letter-spacing:-1.7px;max-width:1000px;margin-left:auto;margin-right:auto;line-height:1.12}
.gallery-search{background:white;border-color:#dce3ec;color:#7c8ba0;box-shadow:0 5px 24px #1c375905}
.gallery-search input{color:#24344e}.gallery-search input::placeholder{color:#8791a1}
.gallery-search:focus-within{border-color:#86afe8;box-shadow:0 0 0 3px #286bea0b}
.filters button{color:#748095}.filters button.active{background:#243752;color:#fff}
.filters button:hover:not(.active){background:#eaf0f7;color:#253b5c}.gallery-count{color:#8690a0}
.gallery-item{background:#e9eef5}.gallery-overlay{color:white}.gallery-overlay small{color:#e1e5ec}
.gallery-end{color:#8993a3}dialog{background:#fff;color:#243249;border-color:#dce3ed;box-shadow:0 35px 130px #1c2c5555}
dialog::backdrop{background:#273a576b;backdrop-filter:blur(10px)}
.dialog-close{background:#fffffff0;color:#34435c;box-shadow:0 3px 14px #172c4220}
.dialog-close:hover{background:#edf2f8}.dialog-info p{color:#6b788c;overflow-wrap:anywhere}
.dialog-info .badge{background:#edf3fc;border-color:#dce5f2;color:#516781}
.search-dialog input{background:#f8fafd;border-color:#dce4ef;color:#263852}
.search-dialog input:focus{border-color:#92b3e3}.model-search-result{background:#f1f5fa;color:#35445d}
.model-search-result:hover{background:#e5edf7}.model-search-result small{color:#77869d}
#toast{background:#213650;color:#fff;box-shadow:0 5px 40px #18395333}
:focus-visible{outline-color:#3375cf}
.prompt-actions select{width:70px}.quality{font-size:12px}.heading-actions{flex-shrink:0}
.section-heading>div:first-child{min-width:0}.section-heading h2{flex-wrap:wrap;line-height:1.35}
@media(max-width:1000px){.tool-card h3,.tool-card p{font-size:13px}.tools{grid-template-columns:.9fr 1.1fr}.tool-card{padding:14px}.feature-overlay h3{font-size:40px}}
@media(max-width:700px){
 .hero h1{font-size:59px;letter-spacing:-2.6px}.hero-copy{padding-inline:21px}.hero-copy>p{max-width:320px;font-size:15px}
 .prompt-suggestions button{font-size:11px}.tools{grid-template-columns:1fr}.tool-card{padding:16px}.tool-card h3,.tool-card p{font-size:14px}
 .hero-scroll{font-size:12px}.feature-overlay h3{font-size:27px;letter-spacing:-.5px;line-height:1.18}
 .feature-links{gap:7px;flex-wrap:wrap;justify-content:center;padding-inline:14px}.feature-links a{font-size:12px;gap:8px}
 .feature-caption h2{font-size:13px}.templates-section .section-heading{align-items:flex-start;flex-wrap:wrap}
 .templates-section .heading-actions{margin-top:2px}.section-heading h2{font-size:18px}
 .section-heading p{font-size:13px}.template p{font-size:13px}.gallery-top h2{font-size:36px;letter-spacing:-1.1px;max-width:340px}
 .gallery-top p{font-size:14px}.detail-copy h2{font-size:37px;letter-spacing:-1px}.filters button{font-size:12px;padding:9px 10px}
 .comparison-label{font-size:12px}.drag-hint{font-size:12px}.dialog-info h2{font-size:28px;letter-spacing:-.6px}
 .dialog-info .white-button,.dialog-info .pill{font-size:13px}.dialog-info .demo-note{font-size:12px}.quality{display:none}
 .search-dialog h2{padding-right:25px}.model-search-result{align-items:center}.model-search-result small{font-size:11px}
}

.prompt-actions select:focus-visible,.prompt-box textarea:focus-visible,.gallery-search input:focus-visible,.search-dialog input:focus-visible{outline:2px solid #3375cf;outline-offset:4px}
/* Фиксируем ширину баннера: min-height не должен расширять его через aspect-ratio. */
.feature-stage{width:100%;max-width:100%}
@media(min-width:701px) and (max-width:900px){
 .tools{grid-template-columns:1fr}
 .agent-card{min-height:230px}
 .tool-card{min-height:116px;padding:18px}
 .tool-card h3,.tool-card p{font-size:14px}
}