:root{--color-background:#000;--color-text:#eae8ff;--color-text-muted:#a9a3d4;--color-primary:#00a9ff;--color-secondary:#8e54e9;--color-accent:#06b6d4;--color-success:#10b981;--font-main:"Inter",sans-serif}.persona-page-body{font-family:var(--font-main);background-color:var(--color-background);color:var(--color-text);overflow-x:hidden;line-height:1.6}.container{width:100%;max-width:100%;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 20px;position:relative;overflow:hidden}.section#hero{padding-top:180px}.cta-button{display:inline-block;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));color:#fff;padding:18px 45px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.15rem;margin-top:40px;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 0 25px rgba(0,169,255,.4),0 0 35px rgba(142,84,233,.3);position:relative;overflow:hidden}.cta-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 0 40px rgba(0,169,255,.6),0 0 50px rgba(142,84,233,.5)}.cta-button span{position:relative;z-index:1}.fade-in{opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.huge-title{font-size:clamp(3.5rem,10vw,7rem);font-weight:900;line-height:1.08;margin-bottom:30px;text-transform:uppercase;letter-spacing:-2px;animation:aurora 8s ease infinite;background:linear-gradient(90deg,#fff,var(--color-primary),var(--color-secondary),#fff);background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes aurora{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.section-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;text-align:center;margin-bottom:1rem;color:#e6edf3}.section-subtitle,.subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem);max-width:850px;margin:0 auto 40px;color:var(--color-text-muted);line-height:1.6;text-align:center}.explain-grid,.pain-grid,.promise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;width:100%;text-align:left;margin-top:3rem;grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.explain-grid,.pain-grid,.promise-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.explain-grid,.pain-grid,.promise-grid{grid-template-columns:1fr}}.byok-card,.explain-card,.pain-card,.promise-card{background:rgba(15,23,42,.6);padding:30px;border-radius:12px;border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:200px;align-items:flex-start}.byok-card:hover,.explain-card:hover,.pain-card:hover,.promise-card:hover{border-color:rgba(0,169,255,.3);transform:translateY(-5px);box-shadow:0 10px 40px rgba(0,169,255,.2)}.byok-card h3,.explain-card h3,.pain-card h3,.promise-card h3{font-size:1.3rem;margin-bottom:12px;color:var(--color-primary);font-weight:700;min-height:3rem;display:flex;align-items:flex-start}.byok-card p,.explain-card p,.pain-card p,.promise-card p{color:var(--color-text-muted);font-size:.98rem;line-height:1.6;flex-grow:1}.explain-card .icon{font-size:3rem;margin-bottom:1rem}.partner-creed{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:50px;width:100%}@media (max-width:1024px){.partner-creed{grid-template-columns:1fr}}.creed-item{background:rgba(15,23,42,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;backdrop-filter:blur(10px)}.creed-item:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,169,255,.15)}.creed-item .icon{font-size:3rem;margin-bottom:20px;color:var(--color-primary)}.creed-item span:last-child{font-size:1.1rem;color:var(--color-text);line-height:1.6;font-weight:500}.code-terminal{background:#161b22;border:1px solid #30363d;border-radius:12px;overflow:hidden;margin:2rem auto;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:900px;width:100%;display:flex;flex-direction:column}.terminal-header{background:#21262d;padding:12px 16px;display:flex;gap:8px;align-items:center;border-bottom:1px solid #30363d}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-body{padding:24px;font-family:Monaco,Menlo,monospace;font-size:14px;line-height:1.8;color:#e6edf3;background:#0d1117;min-height:120px}.terminal-prompt{color:#58a6ff;margin-right:8px}.typing-cursor{display:inline-block;width:2px;height:18px;background:#58a6ff;animation:blink 1s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.persona-cards-section{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:3rem 0}.persona-card{background:rgba(15,23,42,.6);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:30px;backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out both;animation-delay:calc(var(--card-index, 1) * .1s)}.persona-card:hover{border-color:rgba(0,169,255,.3);transform:translateY(-8px);box-shadow:0 15px 50px rgba(0,169,255,.25)}.persona-card-header{display:flex;align-items:center;gap:16px;margin-bottom:1rem}.persona-icon{font-size:2.5rem}.persona-card-title{font-size:1.5rem;font-weight:700;color:#eae8ff;margin:0}.persona-card-description{color:var(--color-text-muted);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.persona-pain-points{list-style:none;padding:0;margin:1.5rem 0}.persona-pain-points li{color:var(--color-text-muted);font-size:.9rem;line-height:1.7;margin-bottom:.75rem;padding-left:1.25rem;position:relative}.persona-pain-points li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.persona-card-cta{color:var(--color-primary);font-weight:600;text-decoration:none;display:inline-block;margin-top:1rem;transition:color .3s ease}.persona-card-cta:hover{color:#7bc0ff}.step-badge-center{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#58a6ff,#2e6cd4);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;margin:0 auto 1.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:50px;width:100%;max-width:1200px;margin:60px auto 0;text-align:left;justify-items:center}@media (max-width:1024px){.feature-showcase{grid-template-columns:1fr;gap:30px}}.feature-block h3{font-size:2.2rem;margin-bottom:20px;color:var(--color-text);font-weight:800}.feature-block p{font-size:1.1rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:25px}.feature-list{list-style:none;margin-top:20px}.feature-list li{padding:12px 0 12px 40px;position:relative;color:var(--color-text-muted);font-size:1rem}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700;font-size:1.5rem}.logos-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px 50px;margin-bottom:70px;max-width:100%;width:100%;overflow-x:auto;padding:20px 0}.logos-container img{height:48px;width:auto;-o-object-fit:contain;object-fit:contain;filter:grayscale(1) brightness(1.5);opacity:.7;transition:all .3s ease}.logos-container img:hover{filter:none;opacity:1;transform:scale(1.15)}.code-generation-showcase{max-width:1400px;margin:4rem auto 0;background:rgba(15,23,42,.95);border-radius:16px;border:1px solid hsla(0,0%,100%,.1);overflow:hidden;box-shadow:0 25px 80px rgba(0,169,255,.25);backdrop-filter:blur(20px)}.generation-browser{background:rgba(15,23,42,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;max-width:1100px;margin:0 auto;box-shadow:0 25px 80px rgba(0,169,255,.2);backdrop-filter:blur(10px);text-align:left}.flowky-frame-container{display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:var(--color-background);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3)}.flowky-chat-panel{background:#e5ddd5;display:flex;flex-direction:column;border-right:1px solid hsla(0,0%,100%,.1)}.flowky-chat-header{padding:16px 20px;background:hsla(0,0%,100%,.95);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;gap:12px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.flowky-ai-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1976d2,#42a5f5);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.flowky-ai-info{flex:1}.flowky-ai-name{font-size:16px;font-weight:500;color:var(--color-text);margin-bottom:2px}.flowky-ai-status{font-size:13px;color:#0f9d58;display:flex;align-items:center;gap:6px}.flowky-ai-status-dot{width:8px;height:8px;background:#0f9d58;border-radius:50%;animation:pulse 2s ease-in-out infinite}.flowky-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.flowky-message-wrapper{display:flex;gap:8px;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.flowky-message-wrapper.user{flex-direction:row-reverse}.flowky-message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;align-self:flex-end}.flowky-message-wrapper.assistant .flowky-message-avatar{background:linear-gradient(135deg,#1976d2,#42a5f5)}.flowky-message-wrapper.user .flowky-message-avatar{background:linear-gradient(135deg,#0f9d58,#34a853)}.flowky-message-content-wrapper{max-width:70%;display:flex;flex-direction:column;gap:4px}.flowky-message-bubble{padding:10px 14px;border-radius:8px;font-size:15px;line-height:1.5;word-wrap:break-word}.flowky-message-wrapper.assistant .flowky-message-bubble{background:#fff;color:var(--color-text);border-radius:0 8px 8px 8px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.flowky-message-wrapper.user .flowky-message-bubble{background:#dcf8c6;color:#000;border-radius:8px 0 8px 8px}.flowky-browser-panel{display:flex;flex-direction:column;background:var(--md-sys-color-surface,#fff)}.flowky-browser-toolbar{padding:12px 16px;background:#fff;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;gap:12px}.flowky-browser-controls{display:flex;gap:8px}.flowky-control-dot{width:12px;height:12px;border-radius:50%}.flowky-control-dot:first-child{background:#ff5f56}.flowky-control-dot:nth-child(2){background:#ffbd2e}.flowky-control-dot:nth-child(3){background:#27c93f}.flowky-url-bar{flex:1;padding:8px 16px;background:#f5f5f5;border:1px solid rgba(0,0,0,.1);border-radius:20px;font-size:13px;color:#5f6368;font-family:Monaco,Menlo,monospace}.flowky-browser-viewport{flex:1;background:#fff;overflow:auto;padding:32px;display:flex;align-items:center;justify-content:center}.flowky-code-preview{background:#fafafa;border-radius:8px;padding:24px;width:100%;max-width:800px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.flowky-code-preview h4{font-size:18px;font-weight:500;color:#202124;margin-bottom:16px}.flowky-chart-preview{background:linear-gradient(135deg,#4285f4,#1967d2);border-radius:8px;padding:32px;color:#fff;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500}@media (max-width:1024px){.flowky-frame-container{grid-template-columns:1fr}.flowky-chat-panel{border-right:none;border-bottom:1px solid hsla(0,0%,100%,.1)}}.browser-header{padding:12px 20px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;gap:15px}.browser-header .dots{display:flex;gap:8px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.browser-title{color:var(--color-text-muted);font-size:.9rem}.browser-body{display:grid;grid-template-columns:1fr 1.5fr;gap:1px;background-color:hsla(0,0%,100%,.1)}.prompt-panel,.result-panel{padding:30px;background:rgba(15,23,42,.5)}.prompt-panel{border-right:1px solid hsla(0,0%,100%,.1)}.prompt-panel h3,.result-panel h3{font-size:1.3rem;font-weight:700;color:var(--color-primary);margin-bottom:20px}.prompt-panel p{font-size:1rem;line-height:1.7;color:var(--color-text)}.result-panel .result-caption{text-align:center;margin-top:25px;font-size:.9rem;color:var(--color-text-muted);font-style:italic}.mock-dashboard{background:#0c1222;border-radius:8px;padding:20px;border:1px solid hsla(0,0%,100%,.1)}.mock-dashboard h4{font-size:1.1rem;margin-bottom:20px;text-align:center;color:var(--color-text)}.chart-placeholder,.table-placeholder{background:hsla(0,0%,100%,.03);border-radius:6px;padding:15px;margin-bottom:15px}.chart-placeholder p,.table-placeholder p{font-size:.8rem;color:var(--color-text-muted);margin-bottom:10px}.line-chart svg{width:100%;height:auto}.byok-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}@media (max-width:1200px){.byok-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.byok-grid{grid-template-columns:1fr}}.byok-card{background:rgba(15,23,42,.6);padding:24px;border-radius:12px;border:1px solid hsla(0,0%,100%,.08);text-align:left;transition:all .3s ease}.byok-card:hover{border-color:rgba(6,182,212,.4);transform:translateY(-5px);box-shadow:0 10px 40px rgba(6,182,212,.2)}.byok-icon{font-size:2rem;margin-bottom:12px}.byok-card h3{font-size:1.2rem;margin-bottom:10px;color:var(--color-accent);font-weight:700}.byok-card p{color:var(--color-text-muted);line-height:1.5;font-size:.95rem}.slide-in-left{opacity:0;transform:translateX(-60px);transition:opacity 1s ease-out,transform 1s ease-out}.slide-in-left.visible{opacity:1;transform:translateX(0)}.slide-in-right{opacity:0;transform:translateX(60px);transition:opacity 1s ease-out,transform 1s ease-out}.slide-in-right.visible{opacity:1;transform:translateX(0)}#hook{background:radial-gradient(ellipse at center,rgba(0,169,255,.08) 0,transparent 70%)}#prison{background:radial-gradient(ellipse at center,rgba(142,84,233,.08) 0,transparent 70%)}#partner{background:radial-gradient(ellipse at center,rgba(0,169,255,.08) 0,transparent 70%)}#proof{background:radial-gradient(ellipse at center,rgba(142,84,233,.08) 0,transparent 70%)}#generation{background:radial-gradient(ellipse at center,rgba(0,169,255,.08) 0,transparent 70%)}#byok{background:radial-gradient(ellipse at center,rgba(6,182,212,.08) 0,transparent 70%)}#promise{background:radial-gradient(ellipse at center,rgba(16,185,129,.08) 0,transparent 70%)}#close{background:radial-gradient(ellipse at center,rgba(0,169,255,.1) 0,transparent 70%)}@media (max-width:900px){.browser-body{grid-template-columns:1fr}.prompt-panel{border-right:none;border-bottom:1px solid hsla(0,0%,100%,.1)}}@media (max-width:1024px){.byok-grid,.explain-grid,.feature-showcase,.pain-grid,.partner-creed,.persona-cards-section,.promise-grid{grid-template-columns:1fr}}@media (max-width:768px){.huge-title{font-size:3rem}}@media (min-width:1025px) and (max-width:1200px){.byok-grid,.pain-grid,.partner-creed,.promise-grid{grid-template-columns:repeat(2,1fr)}}