.h3-layout{display:flex;height:100%;overflow:hidden;max-width:1024px;margin:0 auto}.h3-hero{width:50%;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;background:#0a0a0a;border-right:none;position:relative;overflow:hidden}.h3-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:none;pointer-events:none}.h3-hero-inner{position:relative;z-index:2;max-width:640px;padding:0}.h3-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:500;font-family:IBM Plex Mono,monospace;letter-spacing:3px;text-transform:uppercase;color:#6366f1;margin-bottom:24px}.h3-eyebrow:before{content:"";width:32px;height:1px;background:#6366f1}.h3-headline{font-size:53px;font-weight:600;font-family:IBM Plex Sans,sans-serif;line-height:1.15;color:#fff;margin-bottom:24px}.h3-headline span{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.h3-hero-word{display:inline-block;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease}.h3-hero-word.visible{opacity:1;transform:translateY(0)}.h3-hero-static{display:none}.h3-tag-row{display:flex;gap:10px;margin-bottom:24px;flex-wrap:nowrap}.h3-tag{font-size:10px;font-family:IBM Plex Mono,monospace;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:20px;border:1px solid}.h3-tag.purple{color:#a855f7;background:#a855f71a;border-color:#a855f74d}.h3-tag.blue{color:#38bdf8;background:#38bdf81a;border-color:#38bdf84d}.h3-tag.green{color:#4ade80;background:#4ade801a;border-color:#4ade804d}.h3-tag.orange{color:#fb923c;background:#fb923c1a;border-color:#fb923c4d}.h3-tag-reveal{opacity:0;transform:translateY(8px);animation:h3-tag-in .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes h3-tag-in{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.h3-body{font-size:17px;font-family:IBM Plex Sans,sans-serif;line-height:1.7;color:#888;margin-bottom:32px;max-width:480px}.h3-features{list-style:none;display:flex;flex-direction:column;gap:14px}.h3-feature{display:flex;align-items:center;gap:12px;font-size:14px;font-family:IBM Plex Mono,monospace;color:#aaa}.h3-feature svg{width:18px;height:18px;color:#4ade80;flex-shrink:0}.h3-scroll-hint{margin-top:28px;display:flex;justify-content:flex-start;animation:h3-bounce 2s ease-in-out infinite}.h3-scroll-hint svg{width:40px;height:40px;color:#ffffff40}@keyframes h3-bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}.h3-canvas-side{flex:1;background:#0a0a0a;position:relative;display:flex;flex-direction:column}.h3-status{position:absolute;top:20px;right:24px;z-index:10;pointer-events:none}.h3-status-row{display:flex;align-items:center;gap:6px}.h3-status-dot{width:5px;height:5px;border-radius:50%;background:#4ade80;animation:h3-pulse 2s ease-in-out infinite}@keyframes h3-pulse{0%,to{opacity:1}50%{opacity:.3}}.h3-status-label{font-size:9px;font-family:IBM Plex Mono,monospace;letter-spacing:2px;color:#ffffff40}.h3-sphere-wrap{flex:1;position:relative;min-height:0;top:20px}.h3-input-area{padding:20px 32px 28px;position:relative;z-index:10}.h3-input-form{display:flex;align-items:center;position:relative}.h3-text-input{width:100%;padding:14px 52px 14px 20px;background:#ffffff08;border:1px solid rgba(99,102,241,.35);border-radius:28px;color:#fff;font-size:13px;font-family:IBM Plex Sans,sans-serif;outline:none;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.h3-text-input::placeholder{color:#fff3}.h3-text-input:focus{border-color:#6366f180;background:#6366f10a;box-shadow:0 0 24px #6366f114}.h3-send-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.h3-send-btn:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 4px 16px #6366f14d}.h3-send-btn:disabled{opacity:.3;cursor:not-allowed;transform:translateY(-50%)}.h3-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:h3-spin .6s linear infinite}@keyframes h3-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.h3-layout{flex-direction:column}.h3-hero{width:100%;min-height:auto;border-right:none;border-bottom:none}.h3-hero-inner{max-width:100%;padding:3px 24px 16px}.h3-headline{font-size:37px;margin-bottom:16px}.h3-hero-word{display:none}.h3-hero-static{display:inline}.h3-eyebrow,.h3-tag-row{margin-bottom:16px}.h3-body{font-size:15px;margin-bottom:0}.h3-features,.h3-scroll-hint{display:none}.h3-canvas-side{flex:1;min-height:0}.h3-sphere-wrap{top:0;flex:1}.h3-input-area{display:none}.h3-status{top:8px;right:16px}}@media(max-width:480px){.h3-hero-inner{padding:20px 20px 12px}.h3-headline{font-size:28px}.h3-tag-row{gap:6px;flex-wrap:wrap}.h3-tag{font-size:9px;padding:4px 10px}.h3-body{font-size:14px}.h3-input-area{padding:10px 16px 14px}}.hidden-prompt{opacity:0;transition:opacity .3s ease}.hidden-prompt:hover,.hidden-prompt:focus-within{opacity:1}.split-section{display:flex;height:100%;width:100%;max-width:1024px;margin:0 auto}.split-section.reverse{flex-direction:row-reverse}.split-image{width:50%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.split-image canvas{position:absolute;top:0;left:0;width:100%;height:100%}.split-image .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6366f10d,#a855f70d)}.split-image .section-number{position:absolute;font-size:403px;font-weight:700;font-family:IBM Plex Mono,monospace;color:#ffffff05;z-index:1}.split-particles{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.split-image .icon-container{position:relative;z-index:2;width:202px;height:202px;display:none;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.split-image .icon-container svg{width:92px;height:92px;color:#6366f1}.split-content{width:50%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;background:#0a0a0a}.split-content-inner{max-width:480px;width:100%}.split-content .eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:500;font-family:IBM Plex Mono,monospace;letter-spacing:3px;text-transform:uppercase;color:#6366f1;margin-bottom:24px}.split-content .eyebrow:before{content:"";width:32px;height:1px;background:#6366f1}.split-content h2{font-size:44px;font-weight:600;line-height:1.15;margin-bottom:24px;color:#fff}.split-content h2 span{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.split-content p{font-size:17px;line-height:1.7;color:#888;margin-bottom:32px;max-width:480px}.split-content .feature-list{list-style:none;display:flex;flex-direction:column;gap:14px}.split-content .feature-list li{display:flex;align-items:center;gap:12px;font-size:14px;font-family:IBM Plex Mono,monospace;color:#aaa}.split-content .feature-list li svg{width:18px;height:18px;color:#4ade80;flex-shrink:0}.split-content .tag-row{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.split-content .tag-pill{font-size:10px;font-family:IBM Plex Mono,monospace;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:20px;border:1px solid}.tag-pill.purple{color:#a855f7;background:#a855f71a;border-color:#a855f74d}.tag-pill.blue{color:#38bdf8;background:#38bdf81a;border-color:#38bdf84d}.tag-pill.green{color:#4ade80;background:#4ade801a;border-color:#4ade804d}.tag-pill.orange{color:#fb923c;background:#fb923c1a;border-color:#fb923c4d}.tag-pill.pink{color:#f472b6;background:#f472b61a;border-color:#f472b64d}.tag-pill.yellow{color:#facc15;background:#facc151a;border-color:#facc154d}.tag-pill.cyan{color:#22d3ee;background:#22d3ee1a;border-color:#22d3ee4d}.grid-section{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:100%;width:100%;max-width:1024px;margin:0 auto}.grid-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;border:1px solid rgba(255,255,255,.05);overflow:hidden;transition:all .4s ease;cursor:pointer}.grid-tile .tile-particles{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease;z-index:0}.grid-tile:hover .tile-particles{opacity:1}.grid-tile:hover{background:#6366f105;border-color:#6366f126}.grid-tile.intro{background:linear-gradient(135deg,#0a0a12,#0e0e1a);text-align:left;align-items:flex-start;justify-content:center;cursor:default}.grid-tile.intro .eyebrow{font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:3px;text-transform:uppercase;color:#6366f1;margin-bottom:16px}.grid-tile.intro h2{font-size:36px;font-weight:600;margin-bottom:16px;color:#fff;line-height:1.2}.grid-tile.intro p{font-size:16px;line-height:1.6;color:#666}.grid-tile.feature{background:#0a0a0a;text-align:center}a.grid-tile.feature{text-decoration:none;color:inherit}.grid-tile.feature .tile-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease;z-index:1}.grid-tile.feature:hover .tile-bg{opacity:.06}.grid-tile.feature .tile-bg svg{width:222px;height:222px}.grid-tile.feature .vp-badge{position:absolute;top:20px;right:20px;font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:1px;text-transform:uppercase;color:#4ade80;background:#4ade801a;padding:6px 16px;border:1px solid rgba(74,222,128,.2);border-radius:20px;z-index:2;transition:all .3s ease}.grid-tile.feature:hover .vp-badge{background:#4ade8026;transform:scale(1.05)}.grid-tile.feature .tile-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border:1px solid rgba(99,102,241,.2);margin-bottom:24px;position:relative;z-index:2;transition:all .3s ease}.grid-tile.feature:hover .tile-icon{transform:scale(1.1)}.grid-tile.feature .tile-icon svg{width:32px;height:32px;color:#6366f1}.grid-tile.feature h3{font-size:22px;font-weight:600;margin-bottom:12px;color:#fff;position:relative;z-index:2}.grid-tile.feature p{font-size:15px;line-height:1.65;color:#777;max-width:280px;position:relative;z-index:2}.grid-tile.feature[data-color=green] .vp-badge{color:#4ade80;background:#4ade801a;border-color:#4ade8033}.grid-tile.feature[data-color=green] .tile-icon{background:#4ade801a;border-color:#4ade8033}.grid-tile.feature[data-color=green] .tile-icon svg{color:#4ade80}.grid-tile.feature[data-color=orange] .vp-badge{color:#fb923c;background:#fb923c1a;border-color:#fb923c33}.grid-tile.feature[data-color=orange] .tile-icon{background:#fb923c1a;border-color:#fb923c33}.grid-tile.feature[data-color=orange] .tile-icon svg{color:#fb923c}.grid-tile.feature[data-color=blue] .vp-badge{color:#38bdf8;background:#38bdf81a;border-color:#38bdf833}.grid-tile.feature[data-color=blue] .tile-icon{background:#38bdf81a;border-color:#38bdf833}.grid-tile.feature[data-color=blue] .tile-icon svg{color:#38bdf8}.grid-tile.feature[data-color=purple] .vp-badge{color:#a855f7;background:#a855f71a;border-color:#a855f733}.grid-tile.feature[data-color=purple] .tile-icon{background:#a855f71a;border-color:#a855f733}.grid-tile.feature[data-color=purple] .tile-icon svg{color:#a855f7}.grid-tile.feature[data-color=yellow] .vp-badge{color:#facc15;background:#facc151a;border-color:#facc1533}.grid-tile.feature[data-color=yellow] .tile-icon{background:#facc151a;border-color:#facc1533}.grid-tile.feature[data-color=yellow] .tile-icon svg{color:#facc15}.grid-tile.feature[data-color=pink] .vp-badge{color:#f472b6;background:#f472b61a;border-color:#f472b633}.grid-tile.feature[data-color=pink] .tile-icon{background:#f472b61a;border-color:#f472b633}.grid-tile.feature[data-color=pink] .tile-icon svg{color:#f472b6}.grid-tile.feature[data-color=cyan] .vp-badge{color:#22d3ee;background:#22d3ee1a;border-color:#22d3ee33}.grid-tile.feature[data-color=cyan] .tile-icon{background:#22d3ee1a;border-color:#22d3ee33}.grid-tile.feature[data-color=cyan] .tile-icon svg{color:#22d3ee}.split-cta{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:12px 28px;font-size:13px;font-weight:600;font-family:IBM Plex Mono,monospace;letter-spacing:1px;text-transform:uppercase;text-decoration:none;color:#a855f7;background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:20px;transition:all .3s ease}.split-cta:hover{background:#a855f733;border-color:#a855f780;box-shadow:0 0 24px #a855f733;transform:translateY(-2px)}.split-cta.blue{color:#38bdf8;background:#38bdf81a;border-color:#38bdf84d}.split-cta.blue:hover{background:#38bdf833;border-color:#38bdf880;box-shadow:0 0 24px #38bdf833}.split-cta.orange{color:#fb923c;background:#fb923c1a;border-color:#fb923c4d}.split-cta.orange:hover{background:#fb923c33;border-color:#fb923c80;box-shadow:0 0 24px #fb923c33}.split-cta.cyan{color:#22d3ee;background:#22d3ee1a;border-color:#22d3ee4d}.split-cta.cyan:hover{background:#22d3ee33;border-color:#22d3ee80;box-shadow:0 0 24px #22d3ee33}.split-cta.green{color:#4ade80;background:#4ade801a;border-color:#4ade804d}.split-cta.green:hover{background:#4ade8033;border-color:#4ade8080;box-shadow:0 0 24px #4ade8033}.cta-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;background:#0a0a0a;text-align:center;height:100%;max-width:1024px;margin:0 auto}.cta-section h2{font-size:56px;font-weight:600;margin-bottom:16px;background:linear-gradient(135deg,#fff,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-section p{font-size:18px;color:#666;margin-bottom:40px;max-width:500px}.cta-button{display:inline-flex;align-items:center;gap:12px;color:#a855f7;background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:28px;font-size:16px;font-weight:600;font-family:IBM Plex Mono,monospace;letter-spacing:1px;text-transform:uppercase;padding:18px 40px;text-decoration:none;transition:all .3s ease;cursor:pointer}.cta-button:hover{background:#a855f733;border-color:#a855f780;box-shadow:0 0 32px #a855f740;transform:translateY(-2px)}.cta-button svg{width:20px;height:20px;transition:transform .3s ease}.cta-button:hover svg{transform:translate(4px)}#opportunity .grid-section,#research .grid-section{max-width:none}@media(max-width:768px){.split-section,.split-section.reverse{flex-direction:column-reverse}.split-image{width:100%;height:50vw;max-height:280px;min-height:200px}.split-image .section-number{font-size:180px}.split-particles{display:none}.split-image .icon-container{display:flex;width:144px;height:144px}.split-image .icon-container svg{width:67px;height:67px}.split-content{width:100%;height:auto;min-height:auto;padding:40px 24px 32px}.split-content h2{font-size:32px}.split-content p{font-size:16px;margin-bottom:24px}.split-content .feature-list{display:none}.split-cta{margin-top:0;width:100%;justify-content:center;padding:14px 24px;font-size:12px}.grid-section{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;height:auto;min-height:auto}.grid-tile{padding:32px 24px;min-height:200px}.grid-tile.intro h2{font-size:28px}.grid-tile.feature h3{font-size:18px}.grid-tile.feature p{font-size:14px}.cta-section{padding:60px 24px}.cta-section h2{font-size:36px}.cta-section p{font-size:16px;padding:0 16px}.cta-button{width:100%;justify-content:center;padding:18px 32px}}@media(max-width:480px){.split-content{padding:32px 20px 24px}.split-content h2{font-size:26px}.split-image{height:45vw;min-height:160px;max-height:240px}.split-image .section-number{font-size:140px}.split-image .icon-container{width:100px;height:100px}.split-image .icon-container svg{width:48px;height:48px}.grid-section{grid-template-columns:1fr;grid-template-rows:auto}.grid-tile{min-height:180px;padding:28px 20px}.cta-section h2{font-size:28px}.cta-button{font-size:15px;padding:16px 24px}.split-content .tag-row{gap:6px}.split-content .tag-pill{font-size:9px;padding:4px 10px}.split-cta{font-size:11px;padding:12px 20px}}.page{height:100%;position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;max-width:1024px;margin:0 auto}.sphere-section{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;display:flex;align-items:center;justify-content:center;padding-top:5px;pointer-events:none}.ball-container{width:126%;height:252%;position:relative;pointer-events:auto}#particleCanvas{width:100%;height:100%;pointer-events:auto}.top-header{padding:40px 0 20px;text-align:center;position:relative;z-index:10;pointer-events:none}.logo-placeholder{width:48px;height:48px;margin:0 auto 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:10px;font-family:IBM Plex Mono,monospace;color:#6366f1;letter-spacing:1px}.logo-img{height:28px;width:auto;margin:0 auto 16px;display:block}.top-header .ecosystem{font-size:13px;font-family:IBM Plex Mono,monospace;letter-spacing:6px;text-transform:uppercase;color:#555;margin-bottom:6px}.top-header .hub-title{font-size:15px;font-family:IBM Plex Mono,monospace;letter-spacing:4px;text-transform:uppercase;color:#6366f1;margin-top:5px}.manifesto{position:relative;z-index:10;text-align:center;margin-top:20px;margin-bottom:16px;pointer-events:none}.manifesto-line{font-size:28px;font-weight:200;font-family:IBM Plex Mono,monospace;line-height:1.4;display:flex;align-items:baseline;justify-content:center;white-space:nowrap}.manifesto-line .verb{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:2.8px}.verb-group{margin:0 16px}.manifesto-line .rest{color:#ffffffd9;font-weight:200;margin-left:8px}.manifesto-line .typing-cursor{display:none;width:2px;height:26px;background:#6366f1;animation:blink 1s step-end infinite;margin-left:2px;position:relative;top:4px}.manifesto-line .typing-cursor.visible{display:inline-block}.copy-section{position:absolute;bottom:131px;left:50%;transform:translate(-50%);text-align:center;z-index:10;pointer-events:none}.copy-title{font-size:18px;font-weight:400;font-family:IBM Plex Sans,sans-serif;color:#fff;margin-bottom:8px;letter-spacing:1.5px}.copy-subtitle{font-size:15px;font-weight:300;line-height:1.7;color:#666}.input-area{position:absolute;bottom:31px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:100}.idea-input-wrapper{display:flex;align-items:center;gap:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:50px;padding:14px 18px 14px 24px;width:528px;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.idea-input-wrapper:focus-within{border-color:#6366f1;background:#6366f10d;box-shadow:0 0 40px #6366f11f}.typing-area{flex:1;display:flex;align-items:center;min-height:22px;cursor:text}.input-typing-text{font-size:14px;font-family:IBM Plex Sans,sans-serif;font-weight:300;letter-spacing:1.4px;color:#555}.input-typing-cursor{display:inline-block;width:1px;height:16px;background:#6366f1;margin-left:1px;animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.idea-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;font-weight:300;color:#fff;font-family:IBM Plex Sans,sans-serif;display:none;width:100%}.idea-input::placeholder{color:#555}.idea-submit{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;color:#fff;cursor:pointer;font-size:12px;font-weight:500;font-family:IBM Plex Mono,monospace;padding:10px 20px;border-radius:25px;display:flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap}.idea-submit:hover{transform:scale(1.05);box-shadow:0 10px 30px #6366f14d}.idea-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.idea-submit svg{width:14px;height:14px}.progress-indicator{margin-top:12px;width:200px;height:2px;background:#ffffff0d;border-radius:2px;overflow:hidden}.progress-bar{width:40%;height:100%;background:linear-gradient(90deg,transparent,#6366f1,#a855f7,transparent);border-radius:2px;animation:progress-slide 1.5s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media(max-width:768px){.manifesto-line{font-size:20px}.manifesto-line .typing-cursor{height:18px}.copy-section{bottom:90px;width:90%}.copy-title{font-size:16px}.copy-subtitle{font-size:14px}.idea-input-wrapper{width:90vw;max-width:440px}.input-area{bottom:24px;width:100%}}@media(max-width:480px){.top-header{padding:20px}.manifesto-line{font-size:16px}.manifesto-line .rest{margin-left:6px}.manifesto-line .typing-cursor{height:14px}.copy-section{bottom:80px;width:92%}.copy-title{font-size:14px}.copy-subtitle{font-size:12px}.idea-input-wrapper{width:94vw;padding:12px 14px 12px 18px}.idea-submit{padding:8px 16px;font-size:11px}}.app-layout{display:flex;height:100%}.sidebar{width:400px;flex-shrink:0;display:flex;flex-direction:column;background:#111;border-right:1px solid rgba(255,255,255,.06);z-index:20}.sidebar-header{padding:28px 24px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo{height:24px;width:auto;display:block;margin-bottom:12px}.sidebar-title{font-size:14px;font-family:IBM Plex Mono,monospace;letter-spacing:3px;text-transform:uppercase;color:#6366f1;margin-bottom:4px;font-weight:500}.sidebar-subtitle{font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:1px;color:#555}.sidebar-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.sidebar-messages::-webkit-scrollbar{width:4px}.sidebar-messages::-webkit-scrollbar-track{background:transparent}.sidebar-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.msg-row{display:flex}.msg-user{justify-content:flex-end}.msg-ai{justify-content:flex-start}.msg-bubble{max-width:85%;padding:10px 14px;border-radius:16px;font-size:13px;line-height:1.5}.bubble-user{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border-bottom-right-radius:4px}.bubble-ai{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fffc;border-bottom-left-radius:4px}.dot-loader{display:flex;gap:4px;align-items:center;padding:4px 0}.dot{width:6px;height:6px;background:#ffffff4d;border-radius:50%;animation:dotBounce 1.2s ease-in-out infinite}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.sidebar-input{padding:16px;border-top:1px solid rgba(255,255,255,.06);background:#111;position:relative;transition:all .3s ease}.sidebar-input-dragover{background:#6366f114;border-color:#6366f1;box-shadow:inset 0 0 20px #6366f126}.sidebar-input-dragover .sidebar-text-input{border-color:#6366f1;background:#6366f10d}.sidebar-input-dragover:after{content:"Drop image here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:2px;text-transform:uppercase;color:#6366f1;pointer-events:none;z-index:5}.sidebar-input-form{display:flex;align-items:center;position:relative}.sidebar-text-input{width:100%;padding:12px 48px 12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:24px;color:#fff;font-size:13px;font-family:IBM Plex Sans,sans-serif;outline:none;transition:all .3s ease}.sidebar-text-input::placeholder{color:#555}.sidebar-text-input:focus{border-color:#6366f1;background:#6366f10d;box-shadow:0 0 20px #6366f11a}.sidebar-send-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.sidebar-send-btn:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 4px 16px #6366f14d}.sidebar-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:translateY(-50%)}.canvas-area{flex:1;background:#0a0a0a;position:relative;min-width:0}.status-overlay{position:absolute;top:24px;left:24px;z-index:10;pointer-events:none}.status-row{display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-text{font-size:10px;font-family:IBM Plex Mono,monospace;letter-spacing:2px;text-transform:uppercase;color:#fff6}.status-pattern{margin-top:4px;font-size:9px;font-family:IBM Plex Mono,monospace;color:#ffffff40}.canvas-btn-group{position:absolute;top:24px;right:24px;z-index:10;display:flex;gap:8px}.download-svg-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.download-svg-btn:hover{background:#6366f126;border-color:#6366f166;color:#a855f7;transform:scale(1.05);box-shadow:0 4px 16px #6366f133}.download-svg-btn:active{transform:scale(.95)}@media(max-width:768px){.app-layout{flex-direction:column}.sidebar{width:100%;height:50vh}.canvas-area{height:50vh}}.h4-layout{display:flex;height:100%}.h4-sidebar{width:400px;flex-shrink:0;display:flex;flex-direction:column;background:#111;border-right:1px solid rgba(255,255,255,.06);z-index:20}.h4-sidebar-header{padding:28px 24px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.h4-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.h4-sidebar-logo{height:24px;width:auto;display:block}.h4-new-chat-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffff80;font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.h4-new-chat-btn:hover{border-color:#502e9166;color:#fffc;background:#502e9114}.h4-sidebar-title{font-size:14px;font-family:IBM Plex Mono,monospace;letter-spacing:3px;text-transform:uppercase;color:#502e91;margin-bottom:4px;font-weight:500}.h4-sidebar-subtitle{font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:1px;color:#555}.h4-tab-bar{display:flex;border-bottom:1px solid rgba(255,255,255,.06)}.h4-tab{flex:1;padding:12px 0;background:none;border:none;border-bottom:2px solid transparent;color:#fff6;font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.h4-tab:hover{color:#fff9}.h4-tab.active{color:#7b5cb5;border-bottom-color:#502e91}.h4-sidebar-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.h4-sidebar-messages::-webkit-scrollbar{width:4px}.h4-sidebar-messages::-webkit-scrollbar-track{background:transparent}.h4-sidebar-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.h4-msg-row{display:flex}.h4-msg-user{justify-content:flex-end}.h4-msg-ai{justify-content:flex-start}.h4-msg-bubble{max-width:85%;padding:10px 14px;border-radius:16px;font-size:13px;line-height:1.5}.h4-bubble-user{background:linear-gradient(135deg,#502e91,#ff7f2f);color:#fff;border-bottom-right-radius:4px}.h4-bubble-ai{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fffc;border-bottom-left-radius:4px}.h4-msg-command{font-family:IBM Plex Mono,monospace;font-weight:600}.h4-dot-loader{display:flex;gap:4px;align-items:center;padding:4px 0}.h4-dot{width:6px;height:6px;background:#ffffff4d;border-radius:50%;animation:h4DotBounce 1.2s ease-in-out infinite}.h4-dot:nth-child(2){animation-delay:.15s}.h4-dot:nth-child(3){animation-delay:.3s}@keyframes h4DotBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.h4-controls{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.h4-controls::-webkit-scrollbar{width:4px}.h4-controls::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.h4-controls-header{font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:2px;text-transform:uppercase;color:#fff6}.h4-control-group{display:flex;flex-direction:column;gap:10px}.h4-control-label{font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:1px;text-transform:uppercase;color:#ffffff80}.h4-control-select{width:100%;padding:8px 32px 8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;font-size:13px;font-family:IBM Plex Sans,sans-serif;outline:none;cursor:pointer;transition:all .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.h4-control-select:focus{border-color:#502e91}.h4-control-select option{background:#1a1a1a;color:#fff}.h4-ratio-pills{display:flex;flex-wrap:wrap;gap:6px}.h4-ratio-pill{padding:6px 12px;border-radius:16px;font-size:12px;font-family:IBM Plex Mono,monospace;letter-spacing:.5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffff80;cursor:pointer;transition:all .2s ease}.h4-ratio-pill:hover{border-color:#502e914d;color:#ffffffb3}.h4-ratio-pill.active{background:#502e9126;border-color:#502e9166;color:#7b5cb5}.h4-ratio-desc{font-size:10px;font-family:IBM Plex Mono,monospace;color:#ffffff4d;letter-spacing:.5px}.h4-color-row{display:flex;gap:12px}.h4-color-field{flex:1;display:flex;flex-direction:column;gap:4px}.h4-color-sublabel{font-size:10px;font-family:IBM Plex Mono,monospace;color:#ffffff59;letter-spacing:.5px}.h4-color-swatch-wrap{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:border-color .2s ease}.h4-color-swatch-wrap:hover{border-color:#502e914d}.h4-color-input{width:24px;height:24px;border:none;border-radius:4px;padding:0;cursor:pointer;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.h4-color-input::-webkit-color-swatch-wrapper{padding:0}.h4-color-input::-webkit-color-swatch{border:1px solid rgba(255,255,255,.15);border-radius:4px}.h4-color-hex{font-size:11px;font-family:IBM Plex Mono,monospace;color:#ffffff80;letter-spacing:.5px;text-transform:uppercase;background:none;border:none;outline:none;padding:0;width:100%;min-width:0;cursor:text}.h4-color-hex:focus{color:#fffc}.h4-mode-icons{display:flex;gap:4px}.h4-mode-icon{flex:1;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff59;cursor:pointer;transition:all .2s ease}.h4-mode-icon:hover{border-color:#502e914d;color:#fff9}.h4-mode-icon.active{background:#502e911f;border-color:#502e9166;color:#a5b4fc}.h4-file-hidden{display:none}.h4-logo-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.12);border-radius:8px;color:#fff6;font-size:12px;font-family:IBM Plex Mono,monospace;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.h4-logo-upload-btn:hover{border-color:#502e9166;color:#fff9;background:#502e910d}.h4-logo-preview{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px}.h4-logo-thumb{height:28px;width:auto;max-width:120px;object-fit:contain;filter:brightness(0) invert(1)}.h4-logo-remove{margin-left:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff6;cursor:pointer;transition:all .2s ease}.h4-logo-remove:hover{border-color:#ef4444;color:#ef4444}.h4-logo-dropzone{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.12);border-radius:8px;color:#fff6;font-size:12px;font-family:IBM Plex Mono,monospace;cursor:pointer;transition:all .2s ease}.h4-logo-dropzone:hover{border-color:#502e9166;color:#fff9;background:#502e910d}.h4-logo-dropzone-active{border-color:#502e91;background:#502e911a;color:#fffc;box-shadow:inset 0 0 12px #502e9126}.h4-theme-save-row{display:flex;gap:8px}.h4-theme-name-input{flex:1;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;font-size:12px;font-family:IBM Plex Mono,monospace;outline:none;min-width:0}.h4-theme-name-input:focus{border-color:#502e91}.h4-theme-name-input::placeholder{color:#ffffff40}.h4-theme-save-btn{padding:8px 14px;background:#502e9126;border:1px solid rgba(80,46,145,.4);border-radius:8px;color:#7b5cb5;font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;white-space:nowrap}.h4-theme-save-btn:hover{background:#502e9140}.h4-theme-save-btn:disabled{opacity:.3;cursor:not-allowed}.h4-theme-list{display:flex;flex-direction:column;gap:4px}.h4-theme-item{display:flex;align-items:center;gap:6px}.h4-theme-load-btn{flex:1;padding:7px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff9;font-size:12px;font-family:IBM Plex Mono,monospace;text-align:left;cursor:pointer;transition:all .2s ease}.h4-theme-load-btn:hover{border-color:#502e9166;color:#7b5cb5;background:#502e9114}.h4-theme-active{border-color:#4ade8066;color:#fffc}.h4-theme-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ade80;margin-right:8px;flex-shrink:0}.h4-theme-delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#ffffff4d;cursor:pointer;transition:all .2s ease}.h4-theme-delete-btn:hover{border-color:#ef4444;color:#ef4444}.h4-session-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.h4-session-list::-webkit-scrollbar{width:3px}.h4-session-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.h4-session-item{display:flex;align-items:center;gap:6px}.h4-session-load-btn{flex:1;display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;text-align:left;cursor:pointer;transition:all .2s ease;min-width:0}.h4-session-load-btn:hover{border-color:#502e9166;background:#502e9114}.h4-session-active{border-color:#4ade8080;background:#4ade8014}.h4-session-active .h4-session-label{color:#4ade80e6}.h4-session-label{font-size:12px;font-family:IBM Plex Mono,monospace;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h4-session-time{font-size:10px;font-family:IBM Plex Mono,monospace;color:#ffffff4d;letter-spacing:.5px}.h4-session-empty{font-size:11px;font-family:IBM Plex Mono,monospace;color:#ffffff40;line-height:1.5}.h4-sidebar-input{padding:16px;border-top:1px solid rgba(255,255,255,.06);background:#111;position:relative;transition:all .3s ease}.h4-sidebar-input-dragover{background:#502e9114;border-color:#502e91;box-shadow:inset 0 0 20px #502e9126}.h4-sidebar-input-dragover .h4-text-input{border-color:#502e91;background:#502e910d}.h4-sidebar-input-dragover:after{content:"Drop image here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:2px;text-transform:uppercase;color:#502e91;pointer-events:none;z-index:5}.h4-input-form{display:flex;align-items:center;position:relative}.h4-text-input{width:100%;padding:12px 48px 12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:24px;color:#fff;font-size:13px;font-family:IBM Plex Sans,sans-serif;outline:none;transition:all .3s ease}.h4-text-input::placeholder{color:#555}.h4-text-input:focus{border-color:#502e91;background:#502e910d;box-shadow:0 0 20px #502e911a}.h4-send-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#502e91,#ff7f2f);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.h4-send-btn:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 4px 16px #502e914d}.h4-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:translateY(-50%)}.h4-canvas-area{flex:1;background:#111;position:relative;min-width:0;display:flex;align-items:center;justify-content:center}.artboard{display:flex;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.artboard-left{flex:1 1 0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:1;background:var(--color-primary, #502E91)}.artboard-right{flex:1 1 0;min-width:0}.ab-flip-container{perspective:1000px;position:relative}.ab-flip-container.artboard-left,.ab-flip-container.artboard-right{overflow:visible}.ab-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.4,0,.2,1)}.ab-flip-inner.flipped{transform:rotateY(180deg)}.ab-flip-front,.ab-flip-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.ab-flip-front{display:flex;align-items:center;justify-content:center}.ab-flip-back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.artboard-left .ab-flip-back{background:var(--color-primary, #502E91)}.artboard-right .ab-flip-back{background:#0a0a0a}.ab-flip-back-content{padding:32px;width:100%;height:100%;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.ab-flip-back-label{font-family:var(--hero-font, "IBM Plex Sans", sans-serif);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#ffffff80}.ab-linkedin-textarea{flex:1;width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary, #fff);font-family:var(--hero-font, "IBM Plex Sans", sans-serif);font-size:17px;line-height:1.6;padding:16px;resize:none;outline:none;box-sizing:border-box}.ab-linkedin-textarea:focus{border-color:#ffffff40}.ab-linkedin-textarea::placeholder{color:#ffffff40}.ab-linkedin-meta{font-size:11px;color:#ffffff59;text-align:right;font-family:var(--hero-font, "IBM Plex Sans", sans-serif)}.ab-flip-back-dark{color:#fffc}.ab-prompt-display{flex:1;font-family:var(--hero-font, "IBM Plex Sans", sans-serif);font-size:17px;line-height:1.7;color:#ffffffb3;background:#ffffff0a;border-radius:8px;padding:16px;overflow-y:auto;margin:0}.ab-prompt-meta{display:flex;gap:16px;font-size:11px;color:#ffffff59;font-family:var(--hero-font, "IBM Plex Sans", sans-serif)}.ab-panel-icons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:10}.ab-flip-container:hover .ab-panel-icons{opacity:1}.ab-panel-icon{position:absolute;pointer-events:auto;width:26px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;padding:0}.ab-panel-icon:hover{background:#ffffff26;color:#fff}.ab-panel-icon-tl{top:10px;left:10px}.ab-panel-icon-tr{top:10px;right:10px}.ab-panel-icon-bl{bottom:10px;left:10px}.ab-panel-icon-br{bottom:10px;right:10px}.ab-flip-container.artboard-right{perspective:none}.ab-flip-container.artboard-right:has(.flipped){perspective:1000px}.ab-flip-container.artboard-right .ab-flip-inner{background:transparent;transform-style:flat}.ab-flip-container.artboard-right .ab-flip-inner.flipped{transform-style:preserve-3d}.ab-flip-container.artboard-right .ab-flip-front{background:transparent;backface-visibility:visible;-webkit-backface-visibility:visible}.ab-flip-container.artboard-right .ab-flip-inner.flipped .ab-flip-front{backface-visibility:hidden;-webkit-backface-visibility:hidden}.artboard-portrait{flex-direction:column}.artboard-top{flex:1 1 0;min-height:0}.artboard-bottom{flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:1;background:var(--color-primary, #502E91)}.artboard-portrait .artboard-bottom{padding:20px 0}.artboard-portrait .artboard-hero{padding:30px 29px 24px;max-width:100%}.artboard-portrait .ab-logo{margin-bottom:14px;height:43px}.ab-logo-square{position:absolute;top:50px;left:50px;z-index:6;margin-bottom:0}.artboard-portrait .ab-eyebrow{font-size:calc(12px * var(--ab-text-scale, 1));margin-bottom:calc(10px * var(--ab-text-scale, 1))}.artboard-portrait .ab-headline{font-size:calc(41px * var(--ab-text-scale, 1));margin-bottom:calc(14px * var(--ab-text-scale, 1))}.artboard-portrait .ab-tag{font-size:calc(13px * var(--ab-text-scale, 1));padding:calc(11px * var(--ab-text-scale, 1)) calc(29px * var(--ab-text-scale, 1))}.artboard-portrait .ab-tag-row{margin-bottom:19px}.artboard-portrait .ab-body{font-size:calc(16px * var(--ab-text-scale, 1));margin-bottom:calc(21px * var(--ab-text-scale, 1))}.artboard-portrait .ab-cta{font-size:calc(17px * var(--ab-text-scale, 1));padding:calc(13px * var(--ab-text-scale, 1)) calc(29px * var(--ab-text-scale, 1))}.artboard-4x5{background:#0a0a0a}.artboard-4x5.artboard-light{background:#f5f5f5}.artboard-4x5 .artboard-top{flex:3 1 0}.artboard-4x5 .artboard-bottom{flex:0 0 auto;max-height:60%}.artboard-4x5.artboard-portrait .artboard-particle-layer{top:-60px;left:0;transform:none}.artboard-4x5 .artboard-hero{padding:30px 29px 44px}.artboard-full{position:absolute;top:calc(40% - 20px);left:50%;transform:translate(-50%,-50%);background:#0a0a0a;overflow:hidden}.artboard-particle-layer{position:absolute;top:50%;left:75%;transform:translate(-50%,-50%);z-index:0;background:#0a0a0a;overflow:hidden}.ab-generated-image{display:block;object-fit:cover;border-radius:0;will-change:transform}.ab-video-wrap{overflow:hidden}.ab-video-toggle{position:absolute;bottom:10px;right:10px;width:28px;height:28px;border-radius:50%;border:none;background:#00000073;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;padding:0;line-height:1}.ab-video-wrap:hover .ab-video-toggle,.ab-video-toggle.paused{opacity:1}.ab-video-toggle:hover{background:#000000a6}@keyframes kenBurnsPanRight{0%{transform:scale(1.15) translate(-4%)}to{transform:scale(1.15) translate(4%)}}@keyframes kenBurnsPanLeft{0%{transform:scale(1.15) translate(4%)}to{transform:scale(1.15) translate(-4%)}}@keyframes kenBurnsZoomIn{0%{transform:scale(1)}to{transform:scale(1.18)}}@keyframes kenBurnsZoomOut{0%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes kenBurnsDriftUp{0%{transform:scale(1.12) translateY(3%)}to{transform:scale(1.12) translateY(-3%)}}@keyframes kenBurnsRotateSlow{0%{transform:scale(1.15) rotate(-.5deg)}50%{transform:scale(1.18) rotate(.5deg)}to{transform:scale(1.15) rotate(-.5deg)}}.ab-kb-pan-right{animation:kenBurnsPanRight 18s ease-in-out infinite alternate}.ab-kb-pan-left{animation:kenBurnsPanLeft 18s ease-in-out infinite alternate}.ab-kb-zoom-in{animation:kenBurnsZoomIn 20s ease-in-out infinite alternate}.ab-kb-zoom-out{animation:kenBurnsZoomOut 20s ease-in-out infinite alternate}.ab-kb-drift-up{animation:kenBurnsDriftUp 16s ease-in-out infinite alternate}.ab-kb-rotate-slow{animation:kenBurnsRotateSlow 22s ease-in-out infinite}.artboard-4x5 .ab-generated-image{object-fit:cover;object-position:center}.artboard-portrait .artboard-particle-layer{top:25%;left:50%}.artboard-overlay{position:absolute;bottom:0;left:0;right:0;min-height:calc(20% + 40px);max-height:50%;padding:31px 72px 26px;background:var(--color-primary, #502E91);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;z-index:5}.artboard-overlay .ab-headline{text-align:center;margin-bottom:0;font-size:calc(30px * var(--ab-text-scale, 1));background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#ffffff;background-clip:unset}.ab-body-oneliner{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:calc(11px * var(--ab-text-scale, 1));margin-bottom:0;color:#fffc;opacity:1}.artboard-overlay .ab-cta-wrap{margin-top:-23px}.artboard-overlay .ab-cta{font-size:calc(13px * var(--ab-text-scale, 1));padding:calc(7px * var(--ab-text-scale, 1)) calc(22px * var(--ab-text-scale, 1));color:#fff;background:var(--color-accent, #FF7F2F);border:2px solid var(--color-accent, #FF7F2F)}.artboard-hero{padding:40px;max-width:560px}.ab-logo{display:block;height:48px;width:auto;max-width:210px;object-fit:contain;margin-bottom:20px;filter:brightness(0) invert(1);opacity:.85}.ab-eyebrow{display:block;font-size:calc(13px * var(--ab-text-scale, 1));font-family:IBM Plex Mono,monospace;letter-spacing:3px;text-transform:uppercase;color:var(--text-primary, rgba(255, 255, 255, .8));margin-bottom:calc(14px * var(--ab-text-scale, 1))}.ab-headline{font-size:calc(46px * var(--ab-text-scale, 1));font-weight:700;line-height:1.15;margin:0 0 calc(20px * var(--ab-text-scale, 1));font-family:var(--hero-font, "IBM Plex Sans", sans-serif);background:linear-gradient(135deg,var(--text-primary, #ffffff),var(--text-accent, #FF7F2F));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ab-headline.ab-editable:focus{-webkit-text-fill-color:#ffffff;background:#0000001a;-webkit-background-clip:border-box;background-clip:border-box}.ab-tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.ab-tag{padding:calc(12px * var(--ab-text-scale, 1)) calc(32px * var(--ab-text-scale, 1));border-radius:999px;font-size:calc(14px * var(--ab-text-scale, 1));font-family:IBM Plex Mono,monospace;letter-spacing:1px;text-transform:uppercase;font-weight:500;color:var(--text-primary, #ffffff);background:transparent;border:2px solid var(--color-accent, #FF7F2F)}.ab-body{font-size:calc(18px * var(--ab-text-scale, 1));line-height:1.7;color:var(--text-primary, rgba(255, 255, 255, .75));opacity:.75;margin-bottom:calc(29px * var(--ab-text-scale, 1));font-family:var(--hero-font, "IBM Plex Sans", sans-serif)}.ab-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.ab-feature{display:flex;align-items:center;gap:calc(12px * var(--ab-text-scale, 1));font-size:calc(17px * var(--ab-text-scale, 1));color:#ffffffb3}.ab-feature svg{flex-shrink:0;color:#4ade80}.ab-feature-text{flex:1;font-family:var(--hero-font, "IBM Plex Sans", sans-serif)}.ab-cta-wrap{margin-top:8px}.ab-cta{display:inline-block;padding:calc(14px * var(--ab-text-scale, 1)) calc(32px * var(--ab-text-scale, 1));color:#fff;background:var(--color-accent, #FF7F2F);border:2px solid var(--color-accent, #FF7F2F);font-size:calc(19px * var(--ab-text-scale, 1));font-weight:600;font-family:var(--hero-font, "IBM Plex Sans", sans-serif);border-radius:999px;letter-spacing:1px;text-transform:uppercase;cursor:text}.ab-editable{cursor:text;outline:none;border:1px solid transparent;border-radius:4px;transition:border-color .2s ease,background-color .2s ease;min-width:20px}.ab-tag.ab-editable,.ab-cta.ab-editable{border:2px solid var(--color-accent, #FF7F2F);border-radius:999px}.ab-editable:empty:before{content:attr(data-placeholder);color:#fff3;font-style:italic;pointer-events:none}.ab-editable:hover{border-color:#ffffff4d}.ab-editable:focus{border-color:#fff6;background-color:#0000001a}.artboard.ab-exporting{border:none!important}.artboard.ab-exporting .ab-editable{border-color:transparent!important}.artboard.ab-exporting .ab-flip-container{perspective:none!important}.artboard.ab-exporting .ab-flip-inner{transform:none!important;transform-style:flat!important;transition:none!important}.artboard.ab-exporting .ab-flip-front{position:relative!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}.artboard.ab-exporting .ab-flip-back,.artboard.ab-exporting .ab-panel-icons{display:none!important}.artboard-light{background:#fff;border-color:#0000001a}.artboard-light .artboard-full,.artboard-light .artboard-particle-layer{background:#f5f5f5}.artboard-light .artboard-overlay{background:var(--color-primary, #502E91)}.artboard-light .artboard-overlay .ab-headline{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#ffffff;background-clip:unset}.artboard-light .ab-body-oneliner{color:#0000008c}.artboard-light .ab-editable:hover{border-color:#502e9140}.artboard-light .ab-editable:focus{border-color:#502e9180;background-color:#502e910a}.artboard-no-gradient .ab-headline{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:var(--text-primary, #ffffff);background-clip:unset}.ab-status-overlay{position:absolute;top:16px;left:16px;z-index:10;pointer-events:none}.ab-status-row{display:flex;align-items:center;gap:8px}.ab-status-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:abPulse 2s ease-in-out infinite}@keyframes abPulse{0%,to{opacity:1}50%{opacity:.4}}.ab-status-text{font-size:10px;font-family:IBM Plex Mono,monospace;letter-spacing:2px;text-transform:uppercase;color:#fff6}.ab-status-pattern{margin-top:4px;font-size:9px;font-family:IBM Plex Mono,monospace;color:#ffffff40}.ab-btn-group{position:absolute;top:16px;right:16px;z-index:10;display:flex;gap:8px}.ab-download-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ab-download-btn:hover{background:#502e9126;border-color:#502e9166;color:#ff7f2f;transform:scale(1.05);box-shadow:0 4px 16px #502e9133}.ab-download-btn:active{transform:scale(.95)}.ab-artboard-wrapper{display:flex;flex-direction:column;align-items:center}.ab-field-row{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:12px;padding:0 5px;z-index:10}.ab-field-form{flex:1;display:flex;align-items:center;position:relative;padding:0 5px}.ab-field-input{width:100%;padding:12px 48px 12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:24px;color:#fff;font-size:13px;font-family:IBM Plex Sans,sans-serif;outline:none;transition:all .3s ease;resize:none;overflow:hidden;min-height:42px;max-height:120px;line-height:1.4}.ab-field-input::placeholder{color:#555}.ab-field-input:focus{border-color:#502e91;background:#502e910d;box-shadow:0 0 20px #502e911a}.ab-field-input:disabled{opacity:.4;cursor:not-allowed}.ab-field-input.ab-field-input-dual{padding-right:82px}.ab-field-placeholder .ab-field-input.ab-field-input-dual{padding-right:48px}.ab-field-reload-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:50%;color:#ffffff80;cursor:pointer;transition:all .2s ease;z-index:2}.ab-field-reload-btn:hover:not(:disabled){background:#502e911a;border-color:#502e9166;color:#ff7f2f}.ab-field-reload-btn:disabled{opacity:.3;cursor:not-allowed}.ab-field-btn-group{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;z-index:2}.ab-field-btn-group .ab-field-reload-btn,.ab-field-btn-group .ab-field-send-btn{position:static;top:auto;right:auto;transform:none}.ab-field-send-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#502e91,#ff7f2f);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.ab-field-send-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 16px #502e914d}.ab-field-send-btn:disabled{opacity:.4;cursor:not-allowed}.ab-cmd-badge{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;color:var(--color-accent, #FF7F2F);background:color-mix(in srgb,var(--color-accent, #FF7F2F) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-accent, #FF7F2F) 30%,transparent);padding:3px 8px;border-radius:6px;cursor:pointer;z-index:3;transition:all .15s ease;white-space:nowrap}.ab-cmd-badge:hover{background:color-mix(in srgb,var(--color-accent, #FF7F2F) 25%,transparent);border-color:color-mix(in srgb,var(--color-accent, #FF7F2F) 50%,transparent)}.ab-field-input.ab-field-has-badge{padding-left:100px}.ab-slash-menu{position:absolute;bottom:calc(100% + 6px);left:5px;right:5px;background:#0f0f14f2;border:1px solid rgba(80,46,145,.3);border-radius:12px;padding:4px;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006}.ab-slash-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;text-align:left;transition:background .15s ease}.ab-slash-item:hover{background:#502e9126}.ab-slash-cmd{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--color-accent, #FF7F2F);font-weight:600;flex-shrink:0}.ab-slash-desc{font-size:12px;color:#ffffff80}@keyframes neonBorderGlow{0%{border-color:#7b5cb5;box-shadow:0 0 12px #502e9199,0 0 30px #502e9133,inset 0 0 10px #502e9126}33%{border-color:#ff7f2f;box-shadow:0 0 18px #ff7f2fb3,0 0 40px #ff7f2f40,inset 0 0 14px #ff7f2f33}66%{border-color:#9b6fe0;box-shadow:0 0 24px #9b6fe0b3,0 0 50px #502e914d,inset 0 0 18px #502e9133}to{border-color:#7b5cb5;box-shadow:0 0 12px #502e9199,0 0 30px #502e9133,inset 0 0 10px #502e9126}}.ab-field-neon-loading{animation:neonBorderGlow 2s ease-in-out infinite;border-color:#7b5cb5!important;background:#502e910f!important}.ab-field-neon-loading::placeholder{color:#9b6fe0!important}.ab-editable-typing{cursor:default!important;border-color:transparent!important}.ab-typing-active:after{content:"|";animation:typingCursorBlink .8s ease-in-out infinite;color:var(--text-accent, #FF7F2F);font-weight:300}@keyframes typingCursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes tagPopIn{0%{opacity:0;transform:scale(.7) translateY(4px)}60%{transform:scale(1.05) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}.ab-tag-entering{animation:tagPopIn .35s ease-out forwards}@media(max-width:768px){.h4-layout{flex-direction:column}.h4-sidebar{width:100%;height:50vh}.h4-canvas-area{height:50vh}.artboard{flex-direction:column;width:100%!important;height:100%!important}.artboard-left,.artboard-bottom{padding:20px}.artboard-right,.artboard-top{flex:1}.artboard-hero{padding:20px}}.app-shell{display:flex;flex-direction:column;height:100vh;width:100%;background:#0a0a0a}.app-content{flex:1;min-height:0;position:relative;overflow:hidden}.main-scroll{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.snap-section{height:100%;scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;background:#0a0a0a}.wh-header{display:flex;align-items:center;justify-content:center;padding:11px 30px;background:#111;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;z-index:100}.wh-header-inner{display:flex;align-items:center;gap:24px;width:100%;max-width:1024px}.wh-brand{display:flex;align-items:center}.wh-brand a{display:flex;align-items:center;text-decoration:none;cursor:pointer}.wh-brand a:hover{opacity:.8}.wh-logo{height:24px;width:auto}.wh-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0f;border-radius:20px;font-size:.8em;font-weight:500;font-family:Inter,-apple-system,sans-serif;color:#ffffff80}.wh-pill .material-icons{color:#513091}.wh-login-link{margin-left:12px;color:#f47e24;text-decoration:none;font-size:12px;font-weight:600}.wh-login-link:hover{opacity:.8}.wh-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.wh-nav-link{font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:1px;text-transform:uppercase;color:#fff6;text-decoration:none;padding:6px 12px;border-radius:4px;transition:all .2s ease;cursor:pointer}.wh-nav-link:hover{color:#fffc;background:#ffffff0a}.wh-nav-link.active{color:#6366f1;background:#6366f114}.wh-cookie-bar{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 24px;background:#111111f2;border-top:1px solid rgba(99,102,241,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;animation:wh-cookie-in .4s ease forwards}@keyframes wh-cookie-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.wh-cookie-bar.wh-cookie-dismiss{animation:wh-cookie-out .4s ease forwards}@keyframes wh-cookie-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.wh-cookie-text{font-size:.75em;font-family:IBM Plex Sans,sans-serif;color:#ffffff80}.wh-cookie-text a{color:#6366f1b3;text-decoration:underline}.wh-cookie-text a:hover{color:#6366f1}.wh-cookie-btn{padding:6px 20px;font-size:11px;font-family:IBM Plex Mono,monospace;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#a855f7;background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:16px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.wh-cookie-btn:hover{background:#a855f733;border-color:#a855f780;box-shadow:0 0 16px #a855f726}.wh-footer{padding:16px 24px;background:#111;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:center;font-size:.75em;font-family:Inter,-apple-system,sans-serif;color:#ffffff4d;flex-shrink:0}.wh-footer-inner{width:100%;max-width:1024px;display:flex;align-items:center;justify-content:space-between;gap:16px}.wh-footer-credit{color:#ffffff40;font-size:.85em;white-space:nowrap}.wh-footer a{color:#fff6;text-decoration:underline}.wh-footer a:hover{color:#513091}.wh-hamburger{display:none;flex-direction:column;gap:4px;margin-left:auto;background:none;border:none;cursor:pointer;padding:8px;-webkit-tap-highlight-color:transparent}.wh-hamburger span{width:18px;height:2px;background:#fff9;border-radius:1px;transition:all .3s ease}.wh-mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#111;border-bottom:1px solid rgba(255,255,255,.06);z-index:99;flex-direction:column;padding:8px 24px 16px}.wh-mobile-nav.open{display:flex}.wh-mobile-nav-link{display:block;padding:14px 0;font-size:13px;font-family:IBM Plex Mono,monospace;letter-spacing:1px;text-transform:uppercase;color:#ffffff80;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.04);transition:color .2s ease}.wh-mobile-nav-link:last-child{border-bottom:none}.wh-mobile-nav-link:active{color:#6366f1}.wh-mobile-nav-cta{display:block;margin-top:8px;padding:12px 0;font-size:13px;font-family:IBM Plex Mono,monospace;letter-spacing:1px;text-transform:uppercase;color:#f47e24;text-decoration:none;font-weight:600}@media(max-width:768px){.wh-nav,.wh-pill{display:none}.wh-hamburger{display:flex}.wh-header{position:relative;padding:12px 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.wh-footer{padding:12px 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.main-scroll{scroll-snap-type:none}.snap-section{height:auto;min-height:100vh;scroll-snap-align:none}#home.snap-section{height:100%;min-height:0;overflow:hidden}}@media(max-width:480px){.wh-header{padding:10px 14px}.wh-footer{padding:12px 14px;font-size:.7em}.wh-mobile-nav{padding:4px 20px 12px}.wh-mobile-nav-link{padding:12px 0;font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden;min-height:100vh}html{-webkit-overflow-scrolling:touch}input,textarea,select{font-size:16px}