:root{--ink:#252139;--muted:#797683;--purple:#6848e8;--line:#e9e7e7;--cream:#faf9f6;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.section-wrap{max-width:1216px;margin:auto;padding-left:28px;padding-right:28px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1390px;margin:auto;padding:0 40px;position:relative;z-index:3}.wordmark{font:800 25px var(--display);letter-spacing:-1.8px;display:inline-flex;align-items:center;gap:8px}.brand-glyph{font-size:31px;color:var(--purple);line-height:1}.brand-dot{color:var(--purple);margin-left:-8px}.desktop-nav{display:flex;gap:38px;margin-left:70px}.desktop-nav a,.nav-login{font-size:13px;font-weight:700;color:#4e4a57}.desktop-nav a:hover,.nav-login:hover{color:var(--purple)}.nav-actions{display:flex;align-items:center;gap:28px}.button{border:0;border-radius:11px;display:inline-flex;gap:24px;align-items:center;justify-content:center;font-weight:800;font-size:14px;min-height:53px;padding:0 24px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 22px #37219226}.button span{font-size:18px;font-weight:400}.button-small{min-height:39px;padding:0 17px;font-size:12px;gap:16px;border-radius:8px}.button-dark{background:#28243a;color:white}.button-purple{background:var(--purple);color:white;box-shadow:0 7px 15px #6848e82e}.button-outline{border:1px solid #d5d1dc;background:white;color:var(--ink)}.button-white{background:#fff;color:var(--purple)}.menu-button,.mobile-nav{display:none}.hero{position:relative;text-align:center;padding-top:82px}.eyebrow,.kicker{font-size:11px;letter-spacing:2.5px;font-weight:800;color:var(--purple)}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:#f2efff;padding:10px 15px;border-radius:30px;letter-spacing:1.5px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--purple)}h1,h2,h3,p{margin-top:0}.hero h1{font:800 clamp(54px,7vw,96px)/1.1 var(--display);letter-spacing:-7px;margin:27px 0 23px}.hero h1 em,.section-heading h2 em,.studio-intro h2 em,.pricing-head h2 em,.faq h2 em,.bottom-cta h2 em{font-style:normal;color:var(--purple)}.hero-copy{font-size:17px;color:#75717d;line-height:1.7;max-width:590px;margin:0 auto 25px}.hero-cta{display:flex;align-items:center;justify-content:center;gap:20px}.hero-cta>span{font-size:12px;color:#96919f}.hero-proof{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:30px;text-align:left}.avatar-stack{display:flex;padding-left:6px}.avatar-stack span{width:30px;height:30px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;margin-left:-7px;color:#fff;font-weight:800;font-size:10px;background:#4e9b8a}.avatar-stack span:nth-child(2){background:#e0a780}.avatar-stack span:nth-child(3){background:#9376c0}.hero-proof strong{display:block;font-size:11px}.hero-proof small{display:block;color:#a09ca8;font-size:10px;margin-top:2px}.floating{position:absolute;z-index:-1;display:grid;place-items:center;filter:blur(.1px);border-radius:24px;box-shadow:0 14px 28px #442ca02a}.floating-one{left:11%;top:115px;background:#eee9ff;color:#7d5cf4;width:68px;height:68px;font-size:36px;transform:rotate(-18deg)}.floating-two{right:13%;top:130px;background:#ffebe7;color:#f49d82;width:60px;height:60px;font-size:42px;transform:rotate(18deg)}.floating-three{left:7%;top:315px;background:#eaf9f4;color:#70c9ab;width:45px;height:45px;font-size:26px;transform:rotate(17deg)}.floating-four{right:9%;top:320px;background:#f4eafb;color:#c6a0da;width:42px;height:42px;font-size:28px;transform:rotate(-20deg)}.hero-preview{margin:72px auto 0;max-width:1080px;border:1px solid #eeeaf8;box-shadow:0 27px 80px #3731431d;border-radius:17px;text-align:left;overflow:hidden;background:#fff}.preview-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;border-bottom:1px solid #efedf4;color:#aaa5b0;font-size:9px;letter-spacing:1.7px;font-weight:800}.preview-dots{display:flex;gap:5px}.preview-dots i{width:7px;height:7px;border-radius:50%;background:#e7e4ed}.preview-dots i:first-child{background:#eb9a91}.preview-dots i:nth-child(2){background:#efd590}.preview-status{letter-spacing:0;font-weight:600;text-transform:none;font-size:10px}.preview-status i{display:inline-block;width:6px;height:6px;background:#67c7a1;border-radius:50%;margin-right:5px}.preview-content{display:flex;height:354px}.preview-sidebar{width:205px;flex-shrink:0;border-right:1px solid #efedf4;padding:25px 20px}.sidebar-caption{font-size:9px;font-weight:800;letter-spacing:1px;color:#aaa4b0;display:block;margin-bottom:11px}.sidebar-field{border:1px solid #e8e5ed;border-radius:6px;font-size:11px;padding:11px;margin-bottom:26px}.fake-chip{border:1px solid #eeeaf2;border-radius:6px;padding:9px;margin:7px 0;font-size:10px;font-weight:700}.fake-chip.active{background:#f3efff;border-color:#dfd5ff;color:var(--purple)}.fake-palette{display:flex;gap:7px;margin-top:24px}.fake-palette i{width:20px;height:20px;border-radius:50%;background:#553bd9}.fake-palette i:nth-child(2){background:#ed9e88}.fake-palette i:nth-child(3){background:#212236}.fake-palette i:nth-child(4){background:#ebd5a9}.preview-designs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:26px;flex:1;background:#faf9fc}.preview-design{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:10px;min-width:0}.preview-design b{font-family:var(--display);font-size:20px;letter-spacing:1px}.preview-design small{font-size:7px;letter-spacing:2px;margin-top:7px}.preview-violet{background:#ebe4ff;color:#4934ac}.preview-cream{background:#f4ebdf;color:#252633}.preview-cream b{font-size:23px;letter-spacing:-1px}.preview-cream b span{color:#e58a66}.preview-dark{background:#31304c;color:white}.sample-orbit{width:70px;height:70px;border:8px solid #7358e6;border-radius:50%;transform:rotate(-25deg);position:relative;margin-bottom:23px}.sample-orbit:after{content:'';position:absolute;left:29px;top:-21px;width:22px;height:22px;border-radius:50%;background:#f8b8ae}.sample-sun{font-size:63px;color:#e99a78;margin-bottom:10px}.sample-moon{font-size:70px;margin-bottom:14px;color:#a99ff6}.trusted{padding:65px 0 80px}.trusted>span{color:#b3afb8;letter-spacing:2.4px;font-weight:800;font-size:10px}.trusted-names{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:20px;color:#aaa6ad}.trusted-names b{font-size:19px;font-family:var(--display);letter-spacing:-1px}.trusted-names b:nth-child(2){letter-spacing:3px;font-size:13px}.trusted-names b:nth-child(4){font-family:Georgia,serif;font-size:26px}.trusted-names span{color:#9c85df}.how{padding-top:100px;padding-bottom:122px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading h2,.studio-intro h2,.pricing-head h2,.faq h2,.bottom-cta h2{font:800 clamp(36px,4.3vw,58px)/1.16 var(--display);letter-spacing:-3.5px;margin:17px 0 0}.section-heading p{max-width:350px;color:#817d88;line-height:1.7;font-size:14px;margin:0 0 5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article h3{font:800 18px var(--display);margin:24px 0 8px}.steps article p{color:#837f88;line-height:1.6;font-size:13px;max-width:320px}.step-art{height:210px;border-radius:13px;position:relative;display:grid;place-items:center;overflow:hidden}.step-one{background:#f0edfc}.step-two{background:#f5f0e9}.step-three{background:#e9f3f0}.step-number{position:absolute;left:17px;top:15px;font-size:10px;color:#a6a0ae;font-weight:800;letter-spacing:1px}.mini-form,.mini-options,.mini-finish{background:white;border-radius:9px;box-shadow:0 13px 20px #4d3e7e14;padding:17px;width:64%;transform:rotate(-4deg)}.mini-form span,.mini-options>span{display:block;font-size:7px;color:#9d95ab;letter-spacing:1px;font-weight:800}.mini-form b{display:block;border:1px solid #e9e6ed;border-radius:4px;padding:11px;font-size:11px;margin:7px 0}.mini-form b .cursor{display:inline;color:var(--purple);font-size:13px}.mini-form small{font-size:8px;color:var(--purple);font-weight:700}.mini-options{width:55%;transform:rotate(4deg)}.mini-options div{font-size:9px;padding:8px 9px;border:1px solid #eee9ed;margin-top:6px;border-radius:5px;font-weight:700}.mini-options div:first-of-type{color:var(--purple);background:#f4f0ff;border-color:#e2d9fa}.mini-options i{float:right;font-style:normal}.mini-finish{display:flex;align-items:center;flex-direction:column;transform:rotate(-4deg);width:63%;height:125px;justify-content:center}.mini-finish span{font-size:34px;color:#50a995}.mini-finish b{font-size:21px;letter-spacing:-1px}.mini-finish small{font-size:6px;letter-spacing:1.5px;color:#b1aab5;margin-top:5px}.explore{background:#faf9f7;padding:110px 0 115px}.sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.sample-tile{height:245px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:12px}.sample-tile .sample-symbol{font-size:67px;line-height:1;margin-bottom:8px}.sample-tile b{font:800 26px var(--display)}.sample-tile small{font-size:7px;letter-spacing:2px;margin-top:5px}.sample-a{background:#e9e1fe;color:#5c45b6}.sample-a b span{color:#e59f83}.sample-b{background:#e9eee9;color:#3b544d}.sample-c{background:#f8e8e3;color:#a65f57}.sample-c b{font-family:Georgia,serif;font-style:italic}.sample-d{background:#e6e8f5;color:#4e5d9a}.centered{text-align:center;margin-top:36px}.studio-section{padding-top:115px;padding-bottom:125px;scroll-margin-top:30px}.studio-intro{text-align:center;margin-bottom:45px}.studio-intro p{font-size:15px;color:#8a8590;margin:18px 0 0}.studio-shell{border:1px solid #ece8f1;border-radius:18px;box-shadow:0 22px 55px #41366c13;overflow:hidden;background:#fff}.studio-top{height:54px;border-bottom:1px solid #eeebf3;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.studio-top-left{font:800 14px var(--display)}.studio-top-left .brand-glyph{font-size:18px;vertical-align:-2px}.studio-step,.studio-mode{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#aaa5b1}.studio-mode{color:#50ae8a}.studio-body{display:flex;min-height:610px}.studio-controls{width:285px;flex-shrink:0;border-right:1px solid #eeeaf2;padding:30px 23px}.field-label{display:block;font-size:11px;font-weight:800;margin:0 0 9px;color:#474051}.field-label span{color:var(--purple)}input:not([type=color]),textarea,select{display:block;width:100%;border:1px solid #e4e0e9;background:#fff;border-radius:7px;padding:12px;color:var(--ink);outline:none;font-size:12px}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6848e81c}textarea{resize:vertical;min-height:85px;line-height:1.5}.studio-controls input,.studio-controls textarea{margin-bottom:24px}.style-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.style-options button{border:1px solid #e7e3ea;background:#fff;border-radius:6px;padding:10px 7px;text-align:left;font-size:13px;color:var(--purple)}.style-options button span{font-size:10px;color:#4f4958;margin-left:2px}.style-options button.selected{background:#f1edff;border-color:#cbbdfd}.generate-button{width:100%;margin-top:24px}.control-hint{color:#a29ca8;font-size:10px;line-height:1.5;text-align:center;margin:10px 0 0}.results-area{flex:1;background:#fbfafc;padding:29px;min-width:0}.results-header{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:21px}.results-header .kicker{font-size:9px}.results-header h3{font:800 19px var(--display);letter-spacing:-.7px;margin:7px 0 0}.result-tools{display:flex;gap:8px}.filter-button{border:1px solid #e9e5eb;background:#fff;color:#625d6b;border-radius:6px;padding:8px 10px;font-size:10px;font-weight:800}.filter-button.active{border-color:#c8b9f7;color:var(--purple);background:#f5f1ff}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.logo-card{position:relative;border:1px solid #efedf2;border-radius:9px;background:#fff;padding:7px;transition:transform .18s,box-shadow .18s;min-width:0}.logo-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #4d3d7d18}.logo-card-preview{height:155px;border-radius:5px;display:grid;place-items:center;overflow:hidden;cursor:pointer}.logo-card-preview img{display:block;width:100%;height:100%;object-fit:contain}.logo-card-meta{padding:8px 3px 2px;display:flex;justify-content:space-between;align-items:center;gap:4px}.logo-card-meta>button:first-child{border:0;background:transparent;font-size:10px;font-weight:800;text-align:left;color:#595362;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heart-button{border:0;background:none;font-size:18px;color:#9b94a7;line-height:1}.heart-button.saved{color:#e8879a}.results-note{font-size:10px;color:#aaa4ad;text-align:center;margin:20px 0 0}.empty-state{grid-column:1/-1;text-align:center;padding:70px 20px;color:#9992a2}.pricing-section{background:#f7f5fb;padding:100px 0}.pricing-head{text-align:center;max-width:700px;margin:0 auto 45px}.pricing-head p{color:#88828f;font-size:14px;line-height:1.6;margin:18px auto 0}.pricing-card{max-width:850px;margin:auto;border:1px solid #e9e2f2;background:white;border-radius:17px;padding:35px 42px;display:grid;grid-template-columns:1fr 240px;gap:20px;box-shadow:0 15px 40px #4e368414}.pricing-pill{font-size:9px;letter-spacing:1px;color:var(--purple);background:#f0eaff;padding:7px 10px;border-radius:20px;font-weight:800}.pricing-card h3{font:800 26px var(--display);margin:18px 0 8px;letter-spacing:-1px}.pricing-card p{font-size:13px;line-height:1.6;color:#8a8490;max-width:430px}.pricing-side{text-align:right}.pricing-side strong{font:800 35px var(--display);display:block;margin-bottom:12px}.pricing-side strong span{font-size:12px;color:#9b96a1;font-family:var(--font)}.pricing-side .button{width:100%}.pricing-card ul{grid-column:1/-1;border-top:1px solid #eee9f1;margin:5px 0 0;padding:22px 0 0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pricing-card li{font-size:12px;color:#645e6a}.pricing-card li:before{content:'✓';color:var(--purple);font-weight:800;margin-right:9px}.pricing-disclosure{font-size:11px;text-align:center;color:#a29ca9;margin:20px 0 0}.faq{padding-top:110px;padding-bottom:120px}.faq-list{max-width:830px}.faq-list details{border-bottom:1px solid #ebe8ed}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-weight:800;font-size:15px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:400;color:var(--purple)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:#827c89;line-height:1.7;padding-bottom:20px;max-width:650px}.bottom-cta{background:#6446d9;color:white;text-align:center;overflow:hidden}.bottom-cta .section-wrap{position:relative;padding-top:94px;padding-bottom:104px}.bottom-cta .kicker{color:#c9bdfc}.bottom-cta h2{margin:16px 0 25px}.bottom-cta h2 em{color:#d6c9ff}.bottom-deco{position:absolute;right:9%;bottom:-165px;font-size:350px;opacity:.08;line-height:1}footer{background:#252137;color:#fff}.footer-top{padding:70px 0 90px;display:flex;justify-content:space-between}.footer-brand{color:white}.footer-top p{color:#a7a1b4;font-size:13px;line-height:1.6;margin:18px 0}.footer-links{display:flex;gap:100px}.footer-links div{display:flex;flex-direction:column;gap:14px}.footer-links b{font-size:10px;letter-spacing:1.5px;color:#a7a1b4;margin-bottom:10px}.footer-links a{font-size:12px;color:#ddd9e7}.footer-bottom{border-top:1px solid #4a4558;padding:23px 0;display:flex;justify-content:space-between;color:#938ca2;font-size:11px}.editor-backdrop{position:fixed;inset:0;background:#20183988;z-index:9}.editor-drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,100vw);background:#fff;z-index:10;box-shadow:-10px 0 35px #1b13354a;transform:translateX(105%);transition:transform .25s;display:flex;flex-direction:column}.editor-drawer.open{transform:translateX(0)}.editor-head{padding:23px 25px;display:flex;justify-content:space-between;border-bottom:1px solid #ece8f0}.editor-head h3{font:800 22px var(--display);margin:6px 0 0}.editor-head button{border:0;background:none;font-size:29px;color:#62586c}.editor-preview{margin:24px;border:1px solid #e8e4ee;border-radius:8px;height:215px;display:grid;place-items:center;overflow:hidden}.editor-preview img{width:100%;height:100%;object-fit:contain}.editor-scroll{padding:0 25px 25px;overflow:auto;flex:1}.editor-scroll .field-label{margin-top:18px}.editor-scroll input[type=color]{display:block;width:100%;height:35px;border:1px solid #e7e1eb;border-radius:6px;padding:3px;background:#fff}.palette-options{display:flex;gap:9px}.palette-options button{border:2px solid white;outline:1px solid #e9e4ee;width:32px;height:32px;border-radius:50%}.palette-options button.selected{outline:2px solid var(--purple)}.editor-actions{padding:15px 25px 22px;border-top:1px solid #ece8f0}.editor-actions>.button{width:100%;min-height:39px}.editor-actions>div{display:flex;gap:8px;margin-top:9px}.editor-actions>div .button{flex:1;padding:0 8px;font-size:11px;min-height:42px;gap:4px}.toast{position:fixed;left:50%;bottom:25px;z-index:20;transform:translate(-50%,100px);background:#29243a;color:#fff;padding:12px 18px;border-radius:8px;font-size:12px;box-shadow:0 10px 25px #20183930;transition:transform .25s}.toast.show{transform:translate(-50%,0)}
@media(max-width:900px){.desktop-nav,.nav-login{display:none}.menu-button{display:block;border:0;background:transparent;font-size:21px}.mobile-nav{display:flex;flex-direction:column;gap:15px;padding:22px 28px;background:#fff;border-top:1px solid #eee;position:absolute;left:0;right:0;z-index:5;box-shadow:0 15px 20px #29213710}.mobile-nav[hidden]{display:none}.mobile-nav a{font-size:14px;font-weight:700}.hero h1{letter-spacing:-4px}.preview-content{height:300px}.preview-designs{gap:8px;padding:16px}.preview-sidebar{width:160px}.section-heading h2,.studio-intro h2,.pricing-head h2,.faq h2,.bottom-cta h2{letter-spacing:-2px}.sample-grid{grid-template-columns:repeat(2,1fr)}.studio-controls{width:235px;padding:20px 15px}.results-area{padding:20px}.logo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.section-wrap{padding-left:20px;padding-right:20px}.site-header{height:69px;padding:0 20px}.wordmark{font-size:22px}.brand-glyph{font-size:26px}.nav-actions{gap:7px}.button-small{min-height:35px;padding:0 11px;font-size:10px;gap:5px}.hero{padding-top:65px}.hero h1{font-size:53px;letter-spacing:-3.8px;margin:22px 0 17px}.hero-copy{font-size:14px;line-height:1.65;padding:0 7px}.eyebrow{font-size:9px;letter-spacing:1px}.hero-cta{flex-direction:column;gap:11px}.hero-proof{margin-top:25px}.floating-one{left:-10px;top:143px;width:34px;height:34px;border-radius:9px;font-size:19px}.floating-two{right:-8px;top:180px;width:35px;height:35px;border-radius:9px;font-size:24px}.floating-three,.floating-four{display:none}.hero-preview{margin-top:48px;border-radius:10px}.preview-header{height:33px;padding:0 10px;font-size:6px}.preview-status{font-size:7px}.preview-content{height:190px}.preview-sidebar{width:83px;padding:12px 6px}.sidebar-caption{font-size:5px;margin-bottom:6px}.sidebar-field{font-size:6px;padding:5px;margin-bottom:13px}.fake-chip{font-size:6px;padding:5px 3px;margin:4px 0}.fake-palette{margin-top:10px;gap:3px}.fake-palette i{width:10px;height:10px}.preview-designs{padding:8px;gap:5px}.preview-design:nth-child(3){display:none}.preview-designs{grid-template-columns:repeat(2,1fr)}.preview-design b{font-size:10px}.preview-design small{font-size:4px;letter-spacing:1px}.sample-orbit{width:35px;height:35px;border-width:4px;margin-bottom:11px}.sample-orbit:after{width:10px;height:10px;left:16px;top:-9px}.sample-sun,.sample-moon{font-size:31px;margin-bottom:5px}.preview-cream b{font-size:12px}.trusted{padding:45px 0 55px}.trusted-names{overflow:auto;white-space:nowrap;margin-top:20px;gap:26px}.trusted-names b{font-size:14px}.how,.studio-section,.faq{padding-top:75px;padding-bottom:85px}.section-heading{display:block;margin-bottom:28px}.section-heading p{margin:16px 0 0}.section-heading h2,.studio-intro h2,.pricing-head h2,.faq h2,.bottom-cta h2{font-size:37px;letter-spacing:-2px}.steps{grid-template-columns:1fr;gap:25px}.step-art{height:190px}.steps article h3{margin:15px 0 6px}.explore{padding:75px 0}.sample-grid{gap:8px}.sample-tile{height:165px}.sample-tile .sample-symbol{font-size:45px}.sample-tile b{font-size:17px}.sample-tile small{font-size:5px}.studio-body{display:block}.studio-controls{width:auto;border-right:0;border-bottom:1px solid #eee;padding:22px}.style-options{grid-template-columns:repeat(3,1fr)}.results-area{padding:20px 14px}.results-header{align-items:start;flex-direction:column}.logo-grid{gap:8px}.logo-card-preview{height:128px}.studio-top{padding:0 12px}.studio-step{display:none}.pricing-section{padding:75px 0}.pricing-card{display:block;padding:25px}.pricing-side{text-align:left;margin:15px 0}.pricing-card ul{grid-template-columns:1fr}.footer-top{display:block;padding:55px 0}.footer-links{margin-top:45px;gap:65px}.footer-bottom{gap:15px;flex-direction:column}.editor-preview{height:185px}.editor-actions>div .button{font-size:10px}}
@media(max-width:640px){.floating-two{right:8px}}

/* Screenshot-aligned home layout: restrained white canvas and a single violet accent. */
:root{--purple:#4841ef;--ink:#101116;--muted:#62666f;--line:#e0e3ea}
.how,.explore,.bottom-cta{display:none}
.site-header{height:65px;max-width:none;padding:0 max(28px,calc((100vw - 1220px)/2));border-bottom:1px solid #f0f0f2}
.wordmark{font-family:var(--display);font-size:23px;letter-spacing:-1px}
.brand-glyph{font-size:24px}
.desktop-nav{margin-left:0;gap:48px;position:absolute;left:50%;transform:translateX(-50%)}
.desktop-nav a{font-weight:500;font-size:15px;color:#5c626d}
.nav-chevron{margin-left:7px;font-size:19px;line-height:0}
.nav-actions{gap:0}
.button{border-radius:30px;box-shadow:none;min-height:48px;font-size:15px}
.button:hover{box-shadow:0 6px 16px #4841ef20}
.button-small{min-height:39px;border-radius:7px;font-size:14px;padding:0 17px}
.hero{padding-top:57px;max-width:1365px;overflow:hidden}
.eyebrow{display:flex;flex-direction:column;gap:4px;width:max-content;max-width:90%;margin:auto;background:transparent;padding:0;border-radius:0;color:#151515;font-size:15px;letter-spacing:0;font-weight:800}
.hero-stars{display:block;color:#f5b900;font-size:20px;letter-spacing:3px;line-height:1}
.hero h1{font:600 clamp(34px,3.45vw,47px)/1.03 var(--display);letter-spacing:-1.8px;margin:26px auto 30px;max-width:750px}
.hero-copy{font:400 24px/1.33 var(--font);color:#565962;max-width:700px;margin:0 auto 27px}
.hero-cta{display:block}
.hero-cta .button{min-height:49px;padding:0 27px;font-size:16px}
.hero-time{font-size:15px;color:#989da7;margin:55px 0 23px}
.floating{display:block;z-index:0;width:255px;height:192px;border-radius:9px;box-shadow:none;background:radial-gradient(circle at 24% 74%,#7e9a80 0%,transparent 52%),radial-gradient(circle at 85% 20%,#786787 0%,transparent 55%),#777982;filter:blur(.2px);transform:none;text-align:left;padding:12px}
.floating span{display:inline-block;background:#4841ef;color:#fff;padding:5px 7px;border-radius:3px;font:800 12px var(--display)}
.floating-one{left:4.7%;top:117px}
.floating-two{right:4.7%;left:auto;top:117px;text-align:right}
.floating-three{left:1.1%;top:276px}
.floating-four{right:1.1%;left:auto;top:276px;text-align:right}
.hero-preview{position:relative;z-index:1;margin:0 auto;max-width:675px;height:335px;border-radius:10px;border:1px solid #f0f0f4;box-shadow:0 12px 14px #20202b14;background:#fff}
.preview-header{height:32px;padding:0 12px;color:#7e8390;letter-spacing:0;font-size:8px}
.preview-header strong{font:800 10px var(--display);color:#181923}.preview-header strong .brand-glyph{font-size:10px}.preview-header strong small{font-size:7px;font-weight:500}
.preview-status{font-size:7px}
.preview-content{height:303px;background:#fff}
.preview-sidebar{width:135px;padding:15px 12px;border-right:1px solid #f3f3f4}
.sidebar-caption{font-size:7px;color:#30323b;letter-spacing:0;font-weight:600;margin-bottom:5px}
.sidebar-field{padding:6px;border-radius:4px;margin-bottom:9px;font-size:7px;border-color:#eceef2;color:#777}
.sidebar-field.taller{height:40px}
.preview-sidebar .fake-chip{background:#373943;color:white;border:0;text-align:center;padding:6px;font-size:7px}
.preview-designs{display:block;position:relative;padding:25px;background:white;text-align:left}
.preview-banner{height:45px;border:1px solid #f2f1f5;border-radius:3px;padding:8px 10px}
.preview-banner strong{display:block;color:#333;font-size:8px}.preview-banner small{display:block;color:#888;font-size:6px;margin-top:3px}
.preview-designs p{color:#8d8d93;font-size:7px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);white-space:nowrap}
.trusted{padding:112px 0 60px;max-width:850px;margin:auto}
.trusted h2{font:600 39px var(--display);letter-spacing:-1px;margin:0 0 73px;color:#000}
.trusted-names{margin:0;gap:48px;white-space:nowrap}
.trusted-names b{font:800 31px var(--display);color:#272b33;letter-spacing:-1.5px}
.trusted-names b:nth-child(2){font-size:30px;letter-spacing:-1px;color:#4349cf}
.trusted-names b:nth-child(3){color:#cc171d;font-size:30px}
.trusted-names b:nth-child(4){font:800 32px var(--display);color:#737378}
.trusted h3{font:500 29px var(--display);color:#17191d;margin:110px 0 0}
.comparison{text-align:center;padding-top:155px;padding-bottom:115px;max-width:960px}
.comparison h2{font:600 39px var(--display);letter-spacing:-1.5px;margin:0 0 12px}
.comparison-lede{font-size:18px;color:#555862;max-width:790px;margin:0 auto 36px;line-height:1.5}
.comparison-grid{display:grid;grid-template-columns:1fr 54px 1fr;gap:20px;align-items:center;text-align:left;margin-bottom:55px}
.comparison-card{border:1px solid #dbe0e9;border-radius:17px;min-height:520px;padding:30px 32px}
.comparison-art{height:170px;background:#8b8b8b;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:800;text-align:center;padding:35px;margin-bottom:20px}
.comparison-card h3{font-size:16px;margin:0 0 14px}
.comparison-card ol{padding-left:19px;margin:0}.comparison-card ol li{padding:0 0 17px;font-size:15px}.comparison-card ol strong{display:block}.comparison-card ol span{display:block;color:#858892;line-height:1.45;margin-top:4px}
.comparison-vs{text-align:center;color:#a5abb6;font-weight:700;position:relative}.comparison-vs:before,.comparison-vs:after{content:'';display:block;height:75px;width:1px;background:#d5d8dd;margin:18px auto}
.comparison-other{display:flex;flex-direction:column;justify-content:end;padding-bottom:42px}.comparison-other ul{list-style:none;padding:0;margin:0}.comparison-other li{font-size:15px;color:#858892;margin:13px 0}.comparison-other li:before{content:'×';margin-right:9px;color:#9da0a9}
.comparison-note{font-size:15px;color:#a4a7af;margin:13px 0 0}
.studio-section{padding-top:90px;padding-bottom:105px;max-width:1070px}
.studio-intro h2{font-size:39px;font-weight:600;letter-spacing:-1px}.studio-intro h2 em{color:#101116}.studio-intro .kicker{display:none}
.studio-intro p{color:#7d8088}
.studio-shell{box-shadow:0 8px 25px #191b2d0d;border-color:#dfe3eb}
.pricing-section{background:#f7f8fa;padding:110px 0 95px}
.pricing-section .section-wrap{max-width:1100px}
.pricing-head{max-width:820px;margin-bottom:36px}.pricing-head h2{font:600 39px/1.22 var(--display);letter-spacing:-1.4px}.pricing-head p{font-size:17px;color:#686b73}
.pricing-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
.plan-card{background:#fff;border:1px solid #dfe2e9;border-radius:20px;padding:25px 20px 27px;min-height:337px;text-align:left;position:relative;box-shadow:0 9px 24px #22233b0d}
.plan-card.featured{min-height:360px;box-shadow:0 12px 26px #22233b15}
.plan-card h3{font:700 17px var(--display);margin:0 0 3px}.plan-card p{color:#8b8f98;font-size:13px;line-height:1.4;min-height:36px;margin:0 0 14px}
.plan-card strong{display:block;font:700 35px var(--display);letter-spacing:-1px;margin:0 0 10px}.plan-card strong small{font:400 12px var(--font);letter-spacing:0}
.plan-button{display:block;border:1px solid #dddfe7;border-radius:24px;text-align:center;padding:10px 8px;font-weight:700;font-size:14px}.plan-button.filled{background:#4841ef;border-color:#4841ef;color:#fff}
.plan-card ul{list-style:none;padding:0;margin:15px 0 0}.plan-card li{font-size:14px;color:#5b5e66;margin-top:12px}
.popular{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#4841ef;color:white;padding:5px 13px;border-radius:20px;font-size:10px;font-weight:800;white-space:nowrap}
.pricing-more{background:#fff;border:1px solid #e0e3e9;border-radius:9px;padding:21px 24px;margin-top:45px;text-align:left}.pricing-more h3{font-size:20px;margin:0 0 5px}.pricing-more p{color:#666a72;font-size:14px;margin:0 0 6px}.pricing-more a{font-size:13px;font-weight:800}
.pricing-options-single{display:block;max-width:760px;margin:0 auto}.pricing-disclosure{max-width:760px;margin:22px auto 0;color:#72757e;font-size:13px;line-height:1.6;text-align:center}
.faq{padding-top:105px;padding-bottom:115px}.faq h2{font:600 40px var(--display);letter-spacing:-1px;text-align:center;margin:0 0 37px}.faq-list{margin:auto;max-width:770px}.faq-list summary{font-size:17px;font-weight:500;padding:17px 0}.faq-list summary span{font-size:20px;color:#101116}.faq-list details[open] summary span{transform:rotate(180deg)}
footer{background:#202020}.footer-top{padding:47px 0 60px}.footer-top p{display:none}.footer-links{gap:100px}.footer-links b{color:#fff}.footer-bottom{border:0}
@media(max-width:900px){.site-header{padding:0 25px}.floating{width:170px;height:135px}.floating-one,.floating-two{top:145px}.floating-three,.floating-four{top:280px}.trusted-names b,.trusted-names b:nth-child(2),.trusted-names b:nth-child(3),.trusted-names b:nth-child(4){font-size:23px}.comparison{padding-top:75px}.comparison-card{padding:22px}}
@media(max-width:640px){.site-header{height:64px;padding:0 19px}.mobile-nav{display:flex}.nav-actions .button-small{font-size:11px;padding:0 11px;min-height:34px}.hero{padding-top:56px}.eyebrow{font-size:13px}.hero-stars{font-size:18px}.hero h1{font-size:32px;letter-spacing:-1px;line-height:1.08;margin:25px auto 25px}.hero-copy{font-size:18px;line-height:1.4;margin-bottom:24px}.hero-time{margin-top:52px;margin-bottom:21px;font-size:13px}.floating{width:90px;height:80px;padding:6px;border-radius:7px}.floating span{font-size:7px;padding:3px}.floating-one{top:175px;left:-18px}.floating-two{top:175px;right:-18px}.floating-three{top:270px;left:-25px}.floating-four{top:270px;right:-25px}.hero-preview{height:245px;max-width:100%}.preview-header{height:25px}.preview-content{height:220px}.preview-sidebar{width:90px;padding:10px 6px}.sidebar-caption{font-size:5px;margin-bottom:3px}.sidebar-field{font-size:5px;padding:4px;margin-bottom:6px}.sidebar-field.taller{height:27px}.preview-sidebar .fake-chip{font-size:5px}.preview-designs{padding:10px}.preview-banner{height:37px;padding:5px}.preview-designs p{font-size:5px;text-align:center;white-space:normal;width:75%}.trusted{padding:78px 0 0}.trusted h2{font-size:27px;margin-bottom:30px}.trusted-names{gap:32px;overflow:auto}.trusted-names b,.trusted-names b:nth-child(2),.trusted-names b:nth-child(3),.trusted-names b:nth-child(4){font-size:20px}.trusted h3{font-size:21px;margin-top:75px}.comparison{padding-top:88px;padding-bottom:78px}.comparison h2{font-size:29px}.comparison-lede{font-size:15px}.comparison-grid{display:block}.comparison-vs{margin:10px auto}.comparison-vs:before,.comparison-vs:after{display:none}.comparison-card{min-height:0;padding:20px}.comparison-art{height:115px}.comparison-other{min-height:230px}.studio-section{padding-top:70px;padding-bottom:80px}.studio-intro h2{font-size:30px}.pricing-section{padding:80px 0}.pricing-head h2{font-size:30px}.pricing-head p{font-size:14px}.pricing-options{grid-template-columns:1fr;gap:22px}.plan-card,.plan-card.featured{min-height:0}.faq{padding-top:85px;padding-bottom:85px}.faq h2{font-size:29px}.faq-list summary{font-size:14px}.footer-top{padding:45px 0}}
.pricing-options-single{grid-template-columns:1fr}
@media(max-width:640px){.pricing-disclosure{text-align:left}}
.billing-switch{display:flex;align-items:center;width:max-content;max-width:100%;gap:3px;padding:4px;border:1px solid #e0e3e9;border-radius:99px;background:#fff;margin:0 auto 32px}.billing-switch button{border:0;background:transparent;border-radius:99px;padding:10px 18px;font-size:14px;font-weight:700;color:#646873}.billing-switch button.selected{background:#4841ef;color:#fff}.billing-switch span{font-size:11px;font-weight:600;margin-left:3px}.paid-only-plan{min-height:0!important;padding:32px 36px}.paid-only-plan-main{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.1fr);gap:50px;align-items:center}.paid-only-plan h3{font-size:21px}.paid-only-plan p{min-height:0;margin:8px 0 20px}.paid-only-plan .plan-button{width:100%;max-width:240px}.paid-only-plan ul{margin:0}.paid-only-plan li{line-height:1.5}.plan-price{display:flex;align-items:baseline;gap:7px;margin:8px 0 15px}.plan-price strong{margin:0}.plan-price span{color:#777b84;font-size:13px}.plan-billing-note{font-size:12px!important;color:#777b84!important;margin:-10px 0 15px!important}.plan-button:disabled{cursor:not-allowed;opacity:.62}
@media(max-width:640px){.paid-only-plan{padding:29px 23px}.paid-only-plan-main{grid-template-columns:1fr;gap:8px}.paid-only-plan .plan-button{max-width:none}.paid-only-plan ul{margin-top:6px}.billing-switch{margin-bottom:28px}.billing-switch button{padding:9px 11px;font-size:13px}}
.pricing-options-three{max-width:1050px;margin:auto;align-items:stretch}
.tier-card,.tier-card.featured{display:flex;flex-direction:column;min-height:385px;padding:28px 24px}
.tier-card h3{font-size:21px}.tier-card p{min-height:36px}.tier-card .plan-button{margin-top:4px}.tier-card ul{margin-top:20px}.tier-card li{line-height:1.45}
.tier-card.featured{border-color:#c9c5fa;box-shadow:0 16px 34px #4940a51c}
.demo-plan-label{margin-top:18px}.demo-plan-select{width:100%;padding:11px 12px;border:1px solid #dedbe8;border-radius:8px;background:#fff;color:#29243a}.control-hint{line-height:1.5}
.result-tools select{border:1px solid #e2e0ea;border-radius:7px;padding:7px 10px;color:#4c465d;background:#fff;font-size:12px}.result-tools select[hidden]{display:none}
@media(max-width:900px){.pricing-options-three{grid-template-columns:repeat(2,minmax(0,1fr))}.tier-card:last-child{grid-column:1/-1}}
@media(max-width:640px){.pricing-options-three{grid-template-columns:1fr}.tier-card:last-child{grid-column:auto}.tier-card,.tier-card.featured{min-height:0}}
@media(max-width:640px){.floating,.hero-preview{display:none}.hero h1{font-size:26px;line-height:1.15;margin:21px auto 30px}.hero-copy{max-width:355px}.trusted{padding-top:284px}.trusted h2{font-size:25px;white-space:nowrap;letter-spacing:-1px}}

/* Live LogoGen comparison: loaded logo examples, Lexend headings, and a separate studio view. */
:root{--font:'Inter',Arial,sans-serif;--display:'Lexend',Arial,sans-serif}
.site-header{justify-content:flex-start}
.desktop-nav{position:static;transform:none;margin-left:42px;gap:49px}
.nav-actions{margin-left:auto}
.hero h1{font-weight:400;letter-spacing:-1.2px}
.hero-copy{font-family:var(--display);font-weight:400}
.floating{display:flex;align-items:center;justify-content:center;overflow:hidden}
.floating>span{position:absolute;top:12px;left:12px;z-index:2}
.floating-two>span,.floating-four>span{left:auto;right:12px}
.floating-one{background:#08090c}
.floating-two{background:#fff0c7}
.floating-three{background:#243142}
.floating-four{background:#172840}
.hero-logo{font-family:var(--display);line-height:1;text-align:center;font-weight:800}
.retro-logo{font-style:italic;font-size:43px;letter-spacing:-5px;color:#d6e8ff;text-shadow:2px 2px #5769cc,-2px -2px #90d0fc,0 4px #5776be}
.retro-logo small{display:block;font-size:21px;letter-spacing:3px;color:#9dc6ff;text-shadow:1px 2px #5462af;margin-top:3px}
.mascot-logo{display:flex;align-items:center;gap:6px;color:#5699bc;font-style:italic;font-size:35px;letter-spacing:-2px}.mascot-logo i{display:grid;place-items:center;font-style:normal;width:61px;height:61px;background:#d2eefb;border:5px solid #79c5e5;border-radius:50%;font-size:38px;color:#24709a}.mascot-logo b{font-weight:800}
.word-logo{color:#fff;font-style:italic;font-size:45px;letter-spacing:-5px;transform:skew(-13deg)}
.modern-logo{color:white;font-style:italic;font-size:43px;letter-spacing:-4px}.modern-logo span{font-size:28px}
.trusted h3{margin-top:170px}
.showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left;margin:85px auto 0;max-width:900px}
.showcase-column{display:flex;flex-direction:column;gap:16px}
.showcase-card{border:1px solid #e3e5ed;border-radius:17px;padding:16px;background:#fff;color:#2b2e35;min-height:390px;display:flex;flex-direction:column}
.showcase-card::after{content:'EXAMPLE CONCEPT';display:block;margin-top:auto;padding-top:18px;color:#b2b5bd;font-size:10px;letter-spacing:1.1px;font-weight:700}
.showcase-card p{font:400 15px/1.56 var(--font);color:#4f535c;margin:18px 0 0}
.showcase-visual{height:112px;border-radius:12px;margin:0 0 17px;display:grid;place-items:center;color:white;text-align:center}
.showcase-visual b{font:800 18px/1.1 var(--display)}.showcase-visual small{font-size:12px;letter-spacing:3px}.showcase-visual.slate{background:linear-gradient(#a9b8c4,#526577)}.showcase-visual.sand{background:#f1e5d5;color:#675144}.showcase-visual.sand b{font-size:34px;letter-spacing:-2px}.showcase-visual.sand span{font-size:12px;color:#d49277}.showcase-visual.midnight{background:#14243e}.showcase-visual.forest{background:#14243e}
.showcase-caption{display:flex;align-items:center;gap:10px}.showcase-caption>span{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:50%;background:#e4e2ff;color:#4440a8;font-size:12px;font-weight:700}.showcase-caption strong{display:block;font-size:14px;font-weight:600}.showcase-caption small{display:block;color:#8b8f99;font-size:10px;margin-top:2px}
.studio-section{display:none}.studio-section:target{display:block}
.studio-shell[hidden],.studio-access[hidden],#accountSignedOut[hidden],#accountSignedIn[hidden],#passwordHint[hidden]{display:none!important}
#cancelSubscription[hidden]{display:none!important}
.account-link{color:#2f3040;text-decoration:none;font-size:13px;font-weight:700;margin-right:15px}
.account-section{display:none}.account-section:target{display:block}
.hero-cta{display:flex;align-items:center;justify-content:center;gap:20px}.hero-secondary{color:#424553;font-weight:700;font-size:14px}
.account-section{padding:48px 20px 32px;max-width:1070px}.account-card{max-width:480px;margin:auto;padding:32px;border:1px solid #e2e3eb;border-radius:18px;background:#fff;box-shadow:0 14px 35px #2525440c}.account-card h2{font:600 27px var(--display);margin:8px 0}.account-card>p{color:#696d79;font-size:14px;line-height:1.5}.account-tabs{display:flex;background:#f3f3f8;border-radius:9px;padding:4px;gap:4px;margin:25px 0 20px}.account-tabs button{flex:1;padding:10px;border:0;border-radius:7px;background:transparent;color:#5f6270;font-weight:700}.account-tabs button.selected{background:#fff;color:#252339;box-shadow:0 2px 8px #19193c12}#accountForm{display:grid;gap:9px}#accountForm label{font-size:13px;font-weight:700;color:#303143}#accountForm label span{font-size:11px;color:#7d7f8d;font-weight:400}#accountForm input{height:44px;border:1px solid #daddE7;border-radius:8px;padding:0 12px;font:inherit;margin-bottom:8px}#accountForm .button{border:0;margin-top:9px}.account-error{color:#b52a3a;min-height:20px;font-size:13px;margin:3px 0 0}.account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.account-actions .button{border-radius:8px}.studio-access{padding:34px;border:1px solid #e2e3eb;border-radius:16px;background:#f8f8fb;max-width:590px}.studio-access h3{font:600 22px var(--display);margin:0 0 8px}.studio-access p{color:#6a6d78;line-height:1.5}.studio-access .button{display:inline-flex;margin-top:10px}
@media(max-width:640px){.account-link{display:none}.account-section{padding:35px 18px}.account-card{padding:23px}.hero-cta{gap:12px}.studio-access{padding:24px}}
.comparison{padding-top:175px;padding-bottom:211px}
.pricing-section{padding-bottom:175px}
@media(max-width:900px){.desktop-nav{display:none}.showcase-grid{grid-template-columns:repeat(2,1fr);max-width:650px}.showcase-column{min-width:0}}
@media(max-width:640px){.hero h1{font-size:24px;letter-spacing:-.55px;line-height:1.26;margin:18px auto 31px}.hero-copy{font-size:16px;line-height:1.5;max-width:355px}.floating{display:none}.hero-preview{display:block;height:170px;margin-top:0}.preview-header{height:19px}.preview-header strong{font-size:6px}.preview-header strong .brand-glyph{font-size:7px}.preview-header strong small,.preview-header>span{font-size:5px}.preview-content{height:151px}.preview-sidebar{width:67px;padding:6px 4px}.sidebar-caption{font-size:4px;margin-bottom:2px}.sidebar-field{font-size:4px;padding:3px;margin-bottom:4px}.sidebar-field.taller{height:22px}.preview-sidebar .fake-chip{font-size:4px;padding:3px}.preview-designs{padding:8px}.preview-banner{height:31px;padding:4px}.preview-banner strong{font-size:6px}.preview-banner small{font-size:4px}.preview-designs p{font-size:4px}.trusted{padding-top:110px}.trusted h2{font-size:23px;letter-spacing:-.5px}.trusted h3{font-size:20px;margin-top:271px}.showcase-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:50px}.showcase-column{gap:8px}.showcase-card{padding:9px;border-radius:11px;min-height:220px}.showcase-card::after{font-size:6px;padding-top:7px}.showcase-card p{font-size:10px;line-height:1.4;margin-top:10px}.showcase-visual{height:66px;margin-bottom:9px}.showcase-visual b{font-size:10px}.showcase-visual small{font-size:7px}.showcase-visual.sand b{font-size:18px}.showcase-caption{gap:5px}.showcase-caption>span{width:23px;height:23px;flex-basis:23px;font-size:7px}.showcase-caption strong{font-size:9px}.showcase-caption small{font-size:6px}.comparison{padding-top:105px}}
@media(min-width:641px){.hero h1{font-size:42px}}
@media(max-width:640px){.comparison{padding-bottom:78px}.comparison-card:first-child{min-height:680px}.comparison-other{min-height:410px}.pricing-section{padding-bottom:197px}}
@media(max-width:640px){.trusted-names,.showcase-grid{display:none}.trusted h3{margin-top:298px}.trusted{padding-bottom:990px}}

/* Motion from the live reference: horizontal logo loop, staggered vertical cards, and studio walkthrough. */
.trusted-names{display:block;overflow:hidden;max-width:850px;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}
.trusted-track{display:flex;width:max-content;animation:logoLoop 50s linear infinite;will-change:transform}
.trusted-set{display:flex;align-items:center;flex:0 0 auto;gap:48px;padding-right:48px}
.trusted-set b{display:block;flex:0 0 auto}
.trusted-names:hover .trusted-track{animation-play-state:paused}
@keyframes logoLoop{to{transform:translateX(-50%)}}
.showcase-grid{height:796px}
.showcase-column{display:block;position:relative;height:796px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent)}
.showcase-track{display:flex;flex-direction:column;gap:16px;animation:cardLoop var(--marquee-duration,120s) linear infinite;will-change:transform}
.showcase-set{display:flex;flex-direction:column;gap:16px;flex:0 0 auto}
.showcase-column:hover .showcase-track{animation-play-state:paused}
@keyframes cardLoop{to{transform:translateY(calc(-50% - 8px))}}
.preview-designs .demo-results{position:absolute;top:105px;left:23px;right:23px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;opacity:0;animation:demoResults 24s ease-in-out infinite}
.demo-results div{height:100px;border-radius:5px;background:#ece8ff;color:#4c3ca9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-family:var(--display)}
.demo-results div:nth-child(2){background:#f7e9df;color:#ab6851}.demo-results div:nth-child(3){background:#19243c;color:#fff}
.demo-results span{font-size:24px;line-height:1}.demo-results strong{font-size:9px;letter-spacing:.4px}
.preview-empty{animation:demoEmpty 24s ease-in-out infinite}
.demo-pointer{position:absolute;left:12%;top:32%;width:19px;height:24px;background:#202027;clip-path:polygon(0 0,0 100%,27% 75%,46% 100%,57% 94%,39% 70%,76% 70%);filter:drop-shadow(1px 1px 1px #fff);pointer-events:none;animation:demoPointer 24s linear infinite;z-index:2}
.demo-name{animation:demoName 24s infinite}.demo-brief{animation:demoBrief 24s infinite}.demo-style{animation:demoStyle 24s infinite}.demo-generate{animation:demoButton 24s infinite}
.hero-preview.motion-paused .demo-pointer,.hero-preview.motion-paused .demo-results,.hero-preview.motion-paused .preview-empty,.hero-preview.motion-paused .demo-name,.hero-preview.motion-paused .demo-brief,.hero-preview.motion-paused .demo-style,.hero-preview.motion-paused .demo-generate{animation-play-state:paused}
@keyframes demoPointer{0%,9%{left:12%;top:32%}18%{left:14%;top:45%}30%{left:14%;top:60%}43%{left:14%;top:75%}53%{left:14%;top:88%}66%{left:48%;top:53%}82%{left:72%;top:56%}96%,100%{left:12%;top:32%}}
@keyframes demoName{0%,8%,14%,100%{box-shadow:none}10%,12%{box-shadow:0 0 0 2px #4841ef55}}
@keyframes demoBrief{0%,20%,27%,100%{box-shadow:none}22%,25%{box-shadow:0 0 0 2px #4841ef55}}
@keyframes demoStyle{0%,33%,41%,100%{box-shadow:none}35%,39%{box-shadow:0 0 0 2px #4841ef55}}
@keyframes demoButton{0%,47%,57%,100%{background:#373943}51%,54%{background:#4841ef}}
@keyframes demoEmpty{0%,47%{opacity:1}54%,92%{opacity:0}100%{opacity:1}}
@keyframes demoResults{0%,49%{opacity:0;transform:translateY(9px)}56%,91%{opacity:1;transform:translateY(0)}98%,100%{opacity:0;transform:translateY(9px)}}
.logo-card{animation:cardEnter .38s ease-out both}.logo-card:nth-child(2){animation-delay:.04s}.logo-card:nth-child(3){animation-delay:.08s}.logo-card:nth-child(4){animation-delay:.12s}.logo-card:nth-child(5){animation-delay:.16s}.logo-card:nth-child(6){animation-delay:.20s}.logo-card:nth-child(7){animation-delay:.24s}.logo-card:nth-child(8){animation-delay:.28s}.logo-card:nth-child(9){animation-delay:.32s}.logo-card:nth-child(10){animation-delay:.36s}
@keyframes cardEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.faq-list details[open] p{animation:faqReveal .2s ease-out}
@keyframes faqReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.trusted-names,.showcase-grid{display:none}.preview-designs .demo-results{top:62px;left:8px;right:8px;gap:3px}.demo-results div{height:47px;gap:2px}.demo-results span{font-size:10px}.demo-results strong{font-size:4px}.demo-pointer{width:9px;height:12px}}
@media(prefers-reduced-motion:reduce){.trusted-track,.showcase-track,.demo-pointer,.preview-empty,.demo-results,.demo-name,.demo-brief,.demo-style,.demo-generate,.logo-card,.faq-list details[open] p{animation:none!important;transition:none!important}.demo-pointer{display:none}.demo-results{display:none!important}}

/* Keep generation history visible without crowding the result actions. */
.result-tools{flex-wrap:wrap;justify-content:flex-end}
.result-tools select{width:auto;max-width:190px;min-height:34px;padding:6px 9px;font-size:10px;font-weight:700}
@media(max-width:640px){.result-tools{justify-content:flex-start}.result-tools select{max-width:160px}}

.brand-symbol{width:29px;height:29px;display:block;flex:none}.account-text-button{border:0;background:none;color:var(--purple);font-size:12px;font-weight:700;padding:0;margin-top:14px;text-align:left}.account-text-button:hover{text-decoration:underline}
.preview-header strong{display:inline-flex;align-items:center;gap:4px}.preview-header .brand-symbol{width:13px;height:13px}

.contrast-warning{margin:0;padding:10px 22px;background:#fff5dd;color:#6b4400;font-size:13px;line-height:1.4}
.editor-actions #exportVariant{width:100%;margin:4px 0 12px;min-height:40px;border:1px solid #d8d5e8;border-radius:8px;padding:8px 10px;background:#fff;color:#252138}
.editor-preview img{min-width:0;min-height:0}
.editor-preview.transparent-preview{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.brand-dot{color:#F29A83}