*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#06010f;width:100%;height:100%;overflow:hidden}body{color:#fff;-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}.scene{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.bg-base{z-index:0;background:radial-gradient(80% 80% at 20% 40%,#2d0660 0%,#0000 60%),radial-gradient(60% 60% at 80% 70%,#0f0333 0%,#0000 55%),#06010f;position:absolute;inset:0}.bg-image{z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.bg-overlay{z-index:1;background:linear-gradient(135deg,#06010fbf 0%,#2d066099 100%);position:absolute;inset:0}.bg-grid{z-index:1;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}.orb{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.orb-a{background:#6d28d933;width:50vw;height:50vh;top:-10%;left:-10%}.orb-b{background:#f59e0b14;width:40vw;height:40vh;bottom:-5%;right:-5%}.content{z-index:10;justify-content:center;align-items:center;width:100%;height:100%;padding:0 8vw;display:flex;position:relative}.content-left{justify-content:flex-start}.content-split{grid-template-columns:1fr 1fr;gap:0;height:100%;display:grid}.progress-bar{z-index:200;background:linear-gradient(90deg,#7c3aed,#f59e0b);height:3px;transition:width .6s;position:fixed;top:0;left:0;box-shadow:0 0 16px #7c3aed88}.brand{z-index:200;letter-spacing:.35em;color:#fff3;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:11px;font-weight:800;position:fixed;top:24px;left:36px}.phase-counter{z-index:200;color:#fff3;letter-spacing:.1em;font-size:12px;position:fixed;top:24px;right:36px}.super{text-transform:uppercase;letter-spacing:.35em;color:#f59e0b;font-family:Outfit,sans-serif;font-size:clamp(.7rem,1vw,.85rem);font-weight:700}.h1{letter-spacing:-.03em;font-family:Outfit,sans-serif;font-size:clamp(3.5rem,8vw,7rem);font-weight:900;line-height:.95}.h2{font-family:Outfit,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.05}.h3{font-family:Outfit,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700}.h4{font-family:Outfit,sans-serif;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:600}.lead{color:#ffffffa6;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:300;line-height:1.65}.g{background:linear-gradient(135deg,#fff 0%,#c084fc 45%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;padding:16px 36px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-p{color:#fff;background:linear-gradient(135deg,#7c3aed,#4c1d95);box-shadow:0 8px 32px #7c3aed59}.btn-p:hover{transform:translateY(-3px);box-shadow:0 16px 48px #7c3aed80}.btn-p:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-g{color:#ffffff80;background:0 0;border:1px solid #ffffff26}.btn-g:hover{color:#fff;border-color:#ffffff4d}.inp{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;outline:none;width:100%;padding:18px 24px;font-family:Inter,sans-serif;font-size:1.1rem;transition:all .3s}.inp::placeholder{color:#ffffff40}.inp:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed26}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px}.p1-box{flex-direction:column;gap:clamp(16px,2.5vh,28px);width:100%;max-width:560px;display:flex}.p1-input-card{flex-direction:column;gap:16px;padding:clamp(24px,3vh,40px);display:flex}.p1-label{text-transform:uppercase;letter-spacing:.2em;color:#c084fc;font-size:.75rem;font-weight:600}.p2-img{height:100%;position:relative;overflow:hidden}.p2-img img{object-fit:cover;width:100%;height:100%}.p2-img-shade{background:linear-gradient(90deg,#06010f00 60%,#06010f 100%),linear-gradient(#0000 60%,#06010fcc 100%);position:absolute;inset:0}.p2-txt{flex-direction:column;justify-content:center;gap:clamp(12px,2vh,24px);padding:clamp(40px,5vw,80px) clamp(40px,5vw,80px) clamp(40px,5vw,80px) 0;display:flex}.p2-step-nav{align-items:center;gap:8px;display:flex}.p2-dot{cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:8px;height:8px;transition:all .3s}.p2-dot.on{background:#7c3aed;border-radius:4px;width:28px}.p3-pillars{gap:16px;width:100%;display:flex}.pillar{cursor:pointer;text-align:center;background:#ffffff08;border:2px solid #ffffff0f;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:12px;padding:clamp(20px,3vh,32px) 20px;transition:all .3s;display:flex}.pillar:hover{background:#ffffff12;transform:translateY(-6px)}.pillar.sel{border-width:2px;transform:translateY(-8px);box-shadow:0 24px 48px #0000004d}.pillar-ico{font-size:2.5rem}.p4-layout{grid-template-columns:240px 1fr;gap:20px;width:100%;max-width:1000px;display:grid}.p4-tabs{flex-direction:column;gap:8px;display:flex}.p4-tab{cursor:pointer;color:#ffffff73;text-align:left;background:0 0;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .25s;display:flex}.p4-tab:hover{color:#fffc;background:#ffffff0d}.p4-tab.on{color:#fff;background:#ffffff14;border-color:#ffffff26}.p4-panel{flex-direction:column;justify-content:center;gap:20px;padding:clamp(24px,3vw,40px);display:flex}.p4-example{color:#ffffff8c;background:#ffffff0a;border-left:3px solid #7c3aed;border-radius:0 12px 12px 0;padding:18px 22px;font-size:.95rem;font-style:italic;line-height:1.6}.p5-cards{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}.p5-card{text-align:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:clamp(20px,2.5vh,32px) 20px;transition:transform .3s,box-shadow .3s;display:flex}.p5-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.p5-ico{background:#7c3aed1f;border:1px solid #7c3aed40;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8rem;display:flex}.p5-reward{text-transform:uppercase;letter-spacing:.15em;color:#f59e0b;font-size:.7rem;font-weight:700}.p6-wrap{grid-template-columns:1fr 1.8fr;gap:32px;width:100%;max-width:1100px;height:72vh;display:grid}.p6-left{flex-direction:column;justify-content:center;gap:16px;display:flex}.p6-sugg{flex-direction:column;gap:8px;display:flex}.p6-sugg-btn{color:#fff9;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;padding:10px 14px;font-size:.85rem;transition:all .2s}.p6-sugg-btn:hover{color:#fff;background:#7c3aed26;border-color:#7c3aed4d}.p6-chat{flex-direction:column;display:flex;overflow:hidden}.p6-head{background:#ffffff08;border-bottom:1px solid #ffffff12;border-radius:24px 24px 0 0;align-items:center;gap:12px;padding:16px 22px;display:flex}.p6-av{background:linear-gradient(135deg,#7c3aed,#9d4edd);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.p6-msgs{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.p6-msg{border-radius:16px;max-width:80%;padding:12px 16px;font-size:.9rem;line-height:1.55}.p6-msg.bot{background:#ffffff14;border-radius:4px 16px 16px;align-self:flex-start}.p6-msg.usr{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:16px 4px 16px 16px;align-self:flex-end;box-shadow:0 4px 16px #7c3aed4d}.p6-inp{border-top:1px solid #ffffff12;gap:10px;padding:12px 16px;display:flex}.p6-field{color:#fff;background:#ffffff0d;border:1px solid #ffffff17;border-radius:10px;outline:none;flex:1;padding:10px 16px;font-family:Inter,sans-serif;font-size:.9rem}.p6-field:focus{border-color:#7c3aed80}.p6-send{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;padding:10px 18px;font-size:1rem;font-weight:600;transition:background .2s}.p6-send:hover{background:#6d28d9}.p7-wrap{text-align:center;flex-direction:column;align-items:center;gap:clamp(16px,2.5vh,28px);width:100%;max-width:700px;display:flex}.mic-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:3rem;transition:all .3s;display:flex;position:relative}.mic-btn.idle{background:#7c3aed26;border:2px solid #7c3aed4d}.mic-btn.listening{background:#ef444426;border:2px solid #ef444480;animation:1.5s ease-in-out infinite pulse-mic}@keyframes pulse-mic{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 20px #ef444400}}.transcript-box{text-align:left;color:#ffffffd9;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;width:100%;min-height:90px;padding:20px 24px;font-size:1rem;line-height:1.7}.mic-status{color:#ffffff59;letter-spacing:.05em;font-size:.8rem}.p8-center{text-align:center;flex-direction:column;align-items:center;gap:clamp(16px,2.5vh,28px);max-width:800px;display:flex}.particle{opacity:0;border-radius:50%;animation:linear infinite rise;position:absolute}@keyframes rise{0%{opacity:0;transform:translateY(100vh)}10%{opacity:.7}90%{opacity:.4}to{opacity:0;transform:translateY(-10vh)}}.glow-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4c1d95);border:none;border-radius:20px;padding:20px 60px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;transition:box-shadow .3s;animation:3s ease-in-out infinite float-btn;box-shadow:0 12px 50px #7c3aed73}.glow-btn:hover{box-shadow:0 20px 70px #7c3aeda6}@keyframes float-btn{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.p9-card{width:100%;max-width:720px;padding:clamp(32px,4vw,56px);position:relative;overflow:hidden}.p9-quote{color:#ffffffbf;margin-bottom:16px;font-size:clamp(1rem,1.6vw,1.25rem);font-style:italic;line-height:1.75}.p9-ceo{text-transform:uppercase;letter-spacing:.2em;color:#f59e0b;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700}.p9-divider{background:linear-gradient(90deg,#7c3aed,#f59e0b);border-radius:2px;width:60px;height:2px;margin:0 auto}.p9-socials{justify-content:center;gap:12px;display:flex}.p9-soc{cursor:pointer;color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff17;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:all .2s;display:flex}.p9-soc:hover{color:#fff;background:#ffffff1a}.p9-footer{color:#fff3;align-items:center;gap:6px;font-size:.78rem;display:flex}.p9-wrap{text-align:center;flex-direction:column;align-items:center;gap:clamp(14px,2vh,22px);display:flex}.bottom-nav{z-index:20;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;bottom:clamp(20px,3vh,36px);left:0;right:0}@keyframes shimmer{0%{opacity:.6}to{opacity:1;text-shadow:0 0 20px #f59e0b99}}.shimmer{animation:2s ease-in-out infinite alternate shimmer}@keyframes glow-pulse{0%,to{box-shadow:0 0 #7c3aed00}50%{box-shadow:0 0 40px 8px #7c3aed40}}.glow-pulse{animation:3s ease-in-out infinite glow-pulse}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c3aed66;border-radius:2px}