*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}#root{min-height:100vh}img,svg{display:block}a{text-decoration:none}button{font-family:inherit}:root{--bg:#06090f;--bg2:#0b1220;--bg-card:#0e1626;--gold:#c8a951;--gold-light:#e8c96a;--gold-glow:#c8a9511f;--gold-border:#c8a95147;--green:#25d366;--green-hover:#1ebc58;--text:#edf2f9;--text2:#8899b4;--text3:#4a5a72;--border:#ffffff0f;--container:1100px;--r:12px;--r-sm:8px;color:var(--text);background:var(--bg);font-family:system-ui,Segoe UI,Roboto,Helvetica,sans-serif;font-size:17px;line-height:1.6}.container{max-width:var(--container);margin:0 auto;padding:0 28px}.navbar{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#06090fd1;position:fixed;inset:0 0 auto}.navbar-inner{justify-content:space-between;align-items:center;height:66px;display:flex}.logo{color:var(--text);letter-spacing:-.5px;font-size:22px;font-weight:800}.logo span{color:var(--gold)}.btn{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:600;line-height:1;transition:background .18s,transform .18s,box-shadow .18s,color .18s,border-color .18s;display:inline-flex}.btn-sm{padding:8px 16px;font-size:14px}.btn-lg{border-radius:10px;padding:14px 28px;font-size:16px}.btn-xl{border-radius:10px;padding:16px 36px;font-size:17px}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-hover);transform:translateY(-1px);box-shadow:0 8px 28px #25d36652}.btn-outline{color:var(--text);border:1px solid var(--gold-border);background:0 0}.btn-outline:hover{background:var(--gold-glow);border-color:var(--gold);color:var(--gold)}.hero{align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.hero-glow{pointer-events:none;background:radial-gradient(#c8a95112 0%,#0000 65%);width:900px;height:600px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.hero-content{text-align:center;max-width:840px;margin:0 auto;position:relative}.badge{background:var(--gold-glow);border:1px solid var(--gold-border);color:var(--gold);letter-spacing:.4px;border-radius:100px;margin-bottom:36px;padding:6px 18px;font-size:13px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-2.5px;color:var(--text);margin-bottom:28px;font-size:clamp(38px,6.5vw,72px);font-weight:800;line-height:1.08}.gold{color:var(--gold)}.hero-sub{color:var(--text2);max-width:580px;margin:0 auto 44px;font-size:18px;line-height:1.7}.hero-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.hero-note{color:var(--text3);letter-spacing:.2px;font-size:13px}.section{padding:96px 0}.section-tag{letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;margin-bottom:16px;font-size:11.5px;font-weight:700}.section h2{letter-spacing:-1px;color:var(--text);margin-bottom:20px;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.15}.section-sub{color:var(--text2);max-width:640px;margin-bottom:56px;font-size:17px;line-height:1.7}.what-is{background:var(--bg2);text-align:center}.what-is .section-sub{margin-left:auto;margin-right:auto}.pillars{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pillar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);text-align:left;padding:36px 28px;transition:border-color .2s}.pillar:hover{border-color:var(--gold-border)}.pillar-icon{margin-bottom:20px;font-size:30px}.pillar h3{color:var(--text);margin-bottom:10px;font-size:17px;font-weight:700}.pillar p{color:var(--text2);font-size:15px;line-height:1.65}.audiences{background:var(--bg);text-align:center}.audiences .section-sub{margin-left:auto;margin-right:auto}.audience-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.audience-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:36px;transition:border-color .22s,transform .22s;position:relative;overflow:hidden}.audience-card:hover{border-color:var(--gold-border);transform:translateY(-2px)}.audience-card.highlight{border-color:var(--gold);background:linear-gradient(140deg, #c8a95112 0%, var(--bg-card) 55%)}.card-glow{pointer-events:none;background:radial-gradient(circle,#c8a95124 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-80px;right:-80px}.card-tag{letter-spacing:1.8px;color:var(--gold);text-transform:uppercase;margin-bottom:20px;font-size:11px;font-weight:700}.audience-card:not(.highlight) .card-tag{color:var(--text3)}.card-icon{margin-bottom:18px;font-size:34px}.audience-card h3{color:var(--text);margin-bottom:12px;font-size:20px;font-weight:700}.audience-card p{color:var(--text2);margin-bottom:28px;font-size:15px;line-height:1.68}.audience-card:not(.highlight) p{margin-bottom:0}.how-it-works{background:var(--bg2)}.how-it-works h2{margin-bottom:64px}.steps{grid-template-columns:repeat(4,1fr);display:grid}.step{border-left:1px solid var(--border);padding:0 28px}.step:first-child{border-left:none;padding-left:0}.step-num{color:#c8a95138;font-variant-numeric:tabular-nums;margin-bottom:22px;font-size:46px;font-weight:800;line-height:1}.step h3{color:var(--text);margin-bottom:12px;font-size:17px;font-weight:700}.step p{color:var(--text2);font-size:15px;line-height:1.7}.cta-section{background:var(--bg);padding:80px 0}.cta-box{text-align:center;background:var(--bg-card);border:1px solid var(--gold-border);border-radius:20px;max-width:700px;margin:0 auto;padding:80px 56px;position:relative;overflow:hidden}.cta-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#c8a95117 0%,#0000 65%);width:400px;height:400px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.cta-tag{letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:11.5px;font-weight:700}.cta-box h2{margin-bottom:16px;font-size:clamp(26px,3.5vw,38px)}.cta-box p{color:var(--text2);max-width:480px;margin:0 auto 44px;font-size:17px;line-height:1.7}.footer{background:var(--bg2);border-top:1px solid var(--border);padding:32px 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-copy{color:var(--text3);font-size:14px}@media (width<=900px){.pillars,.audience-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:40px}.step{border-left:none;border-left:2px solid var(--gold-border);padding-left:20px}.step:first-child{border-left:2px solid var(--gold-border)}}@media (width<=600px){.section{padding:72px 0}.hero{padding:100px 0 64px}.hero h1{letter-spacing:-1.5px}.steps{grid-template-columns:1fr}.cta-box{padding:48px 24px}.footer-inner{text-align:center;flex-direction:column;gap:10px}}.terrain-section{background:var(--bg2);text-align:center}.terrain-section .section-sub{margin-left:auto;margin-right:auto}.upload-zone{border:2px dashed var(--gold-border);cursor:default;border-radius:20px;flex-direction:column;align-items:center;gap:16px;max-width:600px;margin:0 auto;padding:64px 40px;transition:border-color .2s,background .2s;display:flex}.upload-zone.drag-over{border-color:var(--gold);background:var(--gold-glow)}.upload-icon-wrap{color:var(--gold);opacity:.65}.upload-title{color:var(--text);font-size:17px;font-weight:600}.upload-or{color:var(--text3);letter-spacing:2px;font-size:13px}.upload-btn{cursor:pointer}.upload-hint{color:var(--text3);font-size:13px}.comparison-wrap{flex-direction:column;align-items:center;gap:28px;display:flex}.comparison{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;border:1px solid var(--border);cursor:default;border-radius:16px;width:100%;max-width:900px;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000080}.comparison.is-draggable{cursor:ew-resize}.comp-side{position:absolute;inset:0}.comp-before{clip-path:inset(0 calc(100% - var(--pct)) 0 0)}.comp-after{clip-path:inset(0 0 0 var(--pct))}.comp-side img{object-fit:cover;width:100%;height:100%;display:block}.comp-label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);letter-spacing:.3px;pointer-events:none;white-space:nowrap;background:#06090fb8;border-radius:100px;padding:5px 14px;font-size:12px;font-weight:600;position:absolute;bottom:16px;left:16px}.comp-label-right{left:auto;right:16px}.comp-divider{z-index:20;cursor:ew-resize;touch-action:none;background:#ffffffe6;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.comp-handle{color:#06090f;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000073}.gen-state{background:linear-gradient(145deg,#050c1c 0%,#0a1830 50%,#0c2048 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0;overflow:hidden}.gen-glow{pointer-events:none;background:radial-gradient(circle,#c8a9511f 0%,#0000 65%);width:500px;height:500px;animation:3s ease-in-out infinite gen-pulse;position:absolute;top:-60%;left:50%;transform:translate(-50%)}@keyframes gen-pulse{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.15)}}.gen-logo{color:var(--text);letter-spacing:-.5px;font-size:24px;font-weight:800;line-height:1}.gen-logo span{color:var(--gold)}.gen-ring{width:52px;height:52px;position:relative}.gen-spinner{border:3px solid #c8a95126;border-top-color:var(--gold);border-radius:50%;width:52px;height:52px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gen-label{color:var(--text);letter-spacing:.1px;min-width:220px;font-size:15px;font-weight:600}.gen-sub{color:var(--text2);text-align:center;max-width:220px;font-size:13px;line-height:1.5}.error-state{background:#060910;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.error-icon{font-size:28px}.error-title{color:var(--text);font-size:15px;font-weight:700}.error-msg{color:var(--text2);text-align:center;max-width:280px;font-size:13px;line-height:1.5}.comparison-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}@media (width<=600px){.upload-zone{padding:40px 20px}.comparison-actions{flex-direction:column;width:100%}.comparison-actions .btn{justify-content:center;width:100%}}.survey-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:300;background:#06090fe0;justify-content:center;align-items:center;padding:20px;animation:.2s sw-fade;display:flex;position:fixed;inset:0}@keyframes sw-fade{0%{opacity:0}to{opacity:1}}.survey-card{background:var(--bg-card);border:1px solid #c8a95133;border-radius:20px;width:100%;max-width:560px;max-height:92vh;padding:48px;animation:.25s sw-up;position:relative;overflow-y:auto}@keyframes sw-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.survey-close{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:border-color .15s,color .15s;display:flex;position:absolute;top:20px;right:20px}.survey-close:hover{border-color:var(--text3);color:var(--text)}.survey-progress{gap:6px;margin-bottom:36px;display:flex}.prog-dot{background:#ffffff14;border-radius:2px;flex:1;height:4px;transition:background .3s}.prog-dot.active{background:var(--gold)}.survey-step-head{margin-bottom:32px}.survey-step-icon{margin-bottom:8px;font-size:28px;line-height:1;display:block}.survey-step-count{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:12px;font-weight:600}.survey-title{color:var(--text);letter-spacing:-.5px;margin-bottom:8px;font-size:22px;font-weight:700;line-height:1.2}.survey-subtitle{color:var(--text2);font-size:14px;line-height:1.6}.survey-body{animation:.2s sw-step}@keyframes sw-step{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.survey-fields{flex-direction:column;gap:16px;display:flex}.s-field{flex-direction:column;gap:8px;display:flex}.s-field label{color:var(--text2);letter-spacing:.2px;font-size:13px;font-weight:600}.s-field input{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .18s}.s-field input::placeholder{color:var(--text3)}.s-field input:focus{border-color:var(--gold-border);background:#c8a9510a}.survey-options{flex-direction:column;gap:8px;display:flex}.s-option{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;padding:13px 18px;font-family:inherit;font-size:15px;transition:border-color .15s,background .15s;display:flex}.s-option:hover{border-color:var(--gold-border);background:var(--gold-glow)}.s-option.selected{border-color:var(--gold);color:var(--text);background:#c8a9511a;font-weight:600}.s-check{color:var(--gold);flex-shrink:0}.time-opts{flex-wrap:wrap;gap:8px;display:flex}.time-btn{border:1px solid var(--border);min-width:120px;color:var(--text2);cursor:pointer;white-space:nowrap;background:#ffffff08;border-radius:10px;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s,color .15s}.time-btn:hover{border-color:var(--gold-border);color:var(--text)}.time-btn.selected{border-color:var(--gold);color:var(--text);background:#c8a9511a;font-weight:600}.survey-nav{justify-content:space-between;gap:12px;margin-top:36px;display:flex}.survey-nav .btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.survey-success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:12px 0;display:flex}.success-check{color:#25d366;background:#25d3661f;border:1px solid #25d3664d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.survey-success h3{color:var(--text);letter-spacing:-.5px;font-size:24px;font-weight:700}.survey-success p{color:var(--text2);max-width:380px;font-size:15px;line-height:1.7}.survey-success strong{color:var(--text)}.success-logo{color:var(--text);letter-spacing:-.5px;margin:4px 0;font-size:20px;font-weight:800}.success-logo span{color:var(--gold)}@media (width<=600px){.survey-card{padding:32px 24px}.survey-nav{flex-direction:column-reverse}.survey-nav .btn{justify-content:center;width:100%}.time-opts{flex-direction:column}.time-btn{min-width:unset}}