.three-canvas{background:transparent;border-radius:0;box-shadow:none;display:block;height:100%;inset:0;pointer-events:none;position:absolute;z-index:0}.three-canvas canvas{display:block;height:100%;width:100%}.hero{align-items:center;display:flex;min-height:85vh;overflow:hidden;padding:6rem 0 4rem;position:relative;width:100vw}.hero .hero-inner{align-items:flex-start;display:grid;gap:3rem;grid-template-columns:1fr 1fr;position:relative;z-index:1}.hero .hero-content .kicker{display:inline-block;font-size:.8rem;font-weight:500;padding:.35rem 1rem}.hero .hero-content h1{color:var(--frozen-water);font-size:3rem;line-height:1.1;margin:.75rem 0 0}.hero .hero-content h1 .highlight{color:var(--coral-glow)}.hero .hero-content p{color:var(--muted);font-size:1.1rem;line-height:1.6;margin:1.25rem 0 1.75rem;max-width:480px}.hero .hero-content .cta-row{display:flex;gap:1rem}.hero .hero-content .feature-pills{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin-top:1.5rem;padding:0}.hero .hero-content .feature-pills li{background:#ffffff0f;border:1px solid hsla(0,0%,100%,.08);border-radius:999px;color:var(--muted);font-size:.8rem;padding:.4rem .75rem}.hero .hero-demo .demo-window{background:#0006;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.hero .hero-demo .demo-header{align-items:center;background:#ffffff08;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;gap:.5rem;padding:.75rem 1rem}.hero .hero-demo .demo-header .dot{border-radius:50%;height:10px;width:10px}.hero .hero-demo .demo-header .dot.red{background:#ff5f57}.hero .hero-demo .demo-header .dot.yellow{background:#febc2e}.hero .hero-demo .demo-header .dot.green{background:#28c840}.hero .hero-demo .demo-header .demo-title{color:var(--muted);font-size:.75rem;letter-spacing:.05em;margin-left:auto;text-transform:uppercase}.hero .hero-demo .demo-body{padding:1.25rem}.hero .hero-demo .demo-search-bar{align-items:center;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;gap:.75rem;padding:.75rem 1rem}.hero .hero-demo .demo-search-bar .search-icon{color:var(--muted);flex-shrink:0;height:18px;width:18px}.hero .hero-demo .demo-search-bar .demo-query{color:var(--frozen-water);flex:1;font-size:.95rem}.hero .hero-demo .ai-summary{background:linear-gradient(135deg,#ef83541a,#ef835405);border:1px solid rgba(239,131,84,.2);border-radius:8px;margin-top:1rem;padding:.75rem 1rem}.hero .hero-demo .ai-summary .ai-label{align-items:center;color:var(--coral-glow);display:flex;font-size:.7rem;font-weight:600;gap:.4rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.hero .hero-demo .ai-summary .ai-label .ai-icon{height:14px;width:14px}.hero .hero-demo .ai-summary .ai-text{color:var(--frozen-water);font-size:.85rem;line-height:1.5;margin:0}.hero .hero-demo .demo-results{margin-top:.75rem}.hero .hero-demo .demo-results .results-label{color:var(--muted);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.hero .hero-demo .demo-result{background:#ffffff08;border-left:2px solid var(--tea-green);border-radius:0 6px 6px 0;margin-bottom:.4rem;padding:.5rem .75rem}.hero .hero-demo .demo-result .result-title{color:var(--frozen-water);font-size:.8rem;font-weight:600;margin-bottom:.15rem}.hero .hero-demo .demo-result .result-snippet{color:var(--muted);font-size:.7rem}@media(max-width:900px){.hero{min-height:auto;padding:5rem 0 3rem}.hero .hero-inner{gap:2rem;grid-template-columns:1fr}.hero .hero-content h1{font-size:2.2rem}.hero .hero-demo{display:none;order:-1}}.example{align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 420px;padding:3rem 2rem}.example .example-content h2{margin-bottom:.5rem;margin-top:0}.example .step-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.example .step-list .step{align-items:center;background:#ffffff05;border:1px solid transparent;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.example .step-list .step:hover{background:#ffffff0a}.example .step-list .step.current{background:#ef835414;border-color:var(--coral-glow)}.example .step-list .step.active{opacity:.7}.example .step-list .step.clickable{cursor:pointer}.example .step-list .step .step-content{display:flex;flex-direction:column;gap:.2rem}.example .step-list .step .step-content strong{display:block}.example .step-list .step .step-content span{color:var(--muted);font-size:.85rem}.example .step-list .step .num{align-items:center;background:#ffffff1a;border-radius:8px;color:var(--frozen-water);display:flex;font-weight:700;height:36px;justify-content:center;min-width:36px;transition:all .3s ease;width:36px}.example .step-list .step .num.completed{background:linear-gradient(180deg,var(--tea-green),#c8f6be);color:var(--space-indigo)}.example .controls{align-items:center;display:flex;gap:.75rem;margin-top:1.5rem}.example .controls .btn{font-size:.85rem;padding:.5rem 1rem}.example .controls .progress-bar{background:#ffffff1a;border-radius:2px;flex:1;height:4px;overflow:hidden}.example .controls .progress-bar .progress-fill{background:linear-gradient(90deg,var(--coral-glow),#ffa878);height:100%;transition:width .3s ease}.example .demo-panel{background:linear-gradient(135deg,#ffffff08,#ffffff03);border-radius:12px;min-height:315px;overflow:hidden;padding:1.5rem;position:relative}.example .demo-label{color:var(--coral-glow);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.example .demo-placeholder{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.example .demo-placeholder .demo-hint{color:var(--muted);font-size:.85rem;margin-top:1rem;text-align:center}.example .skeleton-box{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;border-radius:8px}.example .skeleton-box.large{height:60px}.example .skeleton-box.medium{height:40px;width:80%}.example .skeleton-box.small{height:30px;width:60%}.example .skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;border-radius:4px;height:12px;margin-bottom:.5rem}.example .skeleton-line.short{width:50%}.example .skeleton-line.medium{width:70%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.example .demo-step{animation:fadeIn .3s ease}.example .demo-card{background:#ffffff05;border:1px solid hsla(0,0%,100%,.05);border-radius:10px;padding:1.25rem}.example .demo-card label{color:var(--muted);display:block;font-size:.8rem;margin-bottom:.5rem}.example .input-mock{align-items:center;background:#0003;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;font-family:monospace;padding:.75rem}.example .input-mock .cursor{animation:blink 1s infinite;background:var(--coral-glow);height:1em;margin-left:2px;width:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.example .indexing-status{align-items:center;color:var(--tea-green);display:flex;font-size:.85rem;gap:.5rem;margin-top:1rem}.example .indexing-status .spinner{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top:2px solid var(--tea-green);height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.example .indexed-pages{border-top:1px solid hsla(0,0%,100%,.05);margin-top:1rem;padding-top:1rem}.example .code-block{background:#0000004d;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;overflow-x:auto;padding:1rem}.example .code-block code{color:var(--coral-glow);font-family:monospace;font-size:.85rem}.example .embed-preview{background:#ffffff05;border:1px dashed hsla(0,0%,100%,.1);border-radius:8px;margin-top:1rem;padding:1rem}.example .embed-preview .mini-search-bar{background:#ffffff0d;border-radius:6px;color:var(--muted);font-size:.8rem;padding:.5rem .75rem}.example .mock-search.active{animation:fadeIn .3s ease}.example .mock-search .input-bar{align-items:center;display:flex;gap:.5rem}.example .mock-search .input-bar input{background:#0003;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--frozen-water);flex:1;font-size:.95rem;padding:.75rem}.example .mock-search .input-bar input::-moz-placeholder{color:var(--muted)}.example .mock-search .input-bar input::placeholder{color:var(--muted)}.example .mock-search .results{margin-top:1rem}.example .mock-search .result-row{align-items:center;background:#ffffff08;border-left:3px solid var(--tea-green);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.example .mock-search .result-row .result-title{font-weight:500}.example .mock-search .result-row .result-relevance{color:var(--tea-green);font-size:.8rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.example .fade-enter-active,.example .fade-leave-active{transition:opacity .3s ease,transform .3s ease}.example .fade-enter-from,.example .fade-leave-to{opacity:0;transform:translateY(10px)}.example .slide-fade-enter-active,.example .slide-fade-leave-active{transition:all .3s ease}.example .slide-fade-enter-from,.example .slide-fade-leave-to{opacity:0;transform:translateY(-10px)}.example .result-item-enter-active{transition:all .3s ease}.example .result-item-enter-from{opacity:0;transform:translate(-20px)}@media(max-width:900px){.example{gap:1.5rem;grid-template-columns:1fr;padding:2rem 1rem}.example .demo-panel{min-height:auto;padding:1rem}.example .demo-label{font-size:.7rem;margin-bottom:.75rem}.example .demo-card{padding:1rem}.example .demo-card label{font-size:.75rem}.example .input-mock{font-size:.8rem;padding:.6rem;word-break:break-all}.example .input-mock .typing-text{font-size:.8rem}.example .code-block{padding:.75rem}.example .code-block code{font-size:.75rem;white-space:pre-wrap;word-break:break-all}.example .embed-preview{margin-top:.75rem;padding:.75rem}.example .embed-preview .mini-search-bar{font-size:.75rem;padding:.4rem .6rem}.example .indexing-status{font-size:.8rem;margin-top:.75rem}.example .indexed-pages{margin-top:.75rem;padding-top:.75rem}.example .skeleton-line{height:10px}.example .mock-search .input-bar{flex-direction:column;gap:.75rem}.example .mock-search .input-bar input{font-size:.85rem;padding:.6rem;width:100%}.example .mock-search .input-bar .btn{padding:.6rem;width:100%}.example .mock-search .result-row{gap:.5rem;padding:.6rem .75rem}.example .mock-search .result-row .result-title{flex:1;font-size:.85rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example .mock-search .result-row .result-relevance{flex-shrink:0;font-size:.75rem}.example .step-list{gap:.5rem;margin-top:1rem}.example .step-list .step{gap:.6rem;padding:.6rem}.example .step-list .step .num{font-size:.85rem;height:30px;min-width:30px;width:30px}.example .step-list .step .step-content strong{font-size:.9rem}.example .step-list .step .step-content span{font-size:.75rem}.example .controls{flex-wrap:wrap;gap:.5rem;margin-top:1rem}.example .controls .btn{font-size:.8rem;padding:.4rem .75rem}.example .controls .progress-bar{margin-bottom:.25rem;order:-1;width:100%}}.pricing{padding:3rem 2rem}.pricing h2{margin-top:0}.pricing .billing-toggle{align-items:center;display:none;gap:.75rem;justify-content:center;margin-top:1.5rem}.pricing .billing-toggle>span{color:var(--muted);font-size:.9rem;transition:color .2s ease}.pricing .billing-toggle>span.active{color:var(--frozen-water);font-weight:600}.pricing .billing-toggle .save-badge{background:linear-gradient(90deg,var(--tea-green),#c8f6be);border-radius:999px;color:var(--space-indigo);display:inline-block;font-size:.65rem;font-weight:700;margin-left:.5rem;padding:.2rem .5rem;text-transform:uppercase}.pricing .billing-toggle .toggle-switch{background:#ffffff1a;border:none;border-radius:999px;cursor:pointer;height:26px;position:relative;transition:background .2s ease;width:48px}.pricing .billing-toggle .toggle-switch:hover{background:#ffffff26}.pricing .billing-toggle .toggle-switch.annual{background:var(--coral-glow)}.pricing .billing-toggle .toggle-switch.annual .toggle-knob{transform:translate(22px)}.pricing .billing-toggle .toggle-switch .toggle-knob{background:var(--frozen-water);border-radius:50%;height:20px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:20px}.pricing .pricing-grid{align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:2.5rem}.pricing .card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid transparent;border-radius:12px;display:flex;flex-direction:column;height:100%;padding:1.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.pricing .card:hover{transform:translateY(-4px)}.pricing .card.featured{background:linear-gradient(180deg,#ef835414,#ef835405);border-color:var(--coral-glow);box-shadow:0 8px 32px #ef835426;transform:scale(1.02)}.pricing .card.featured:hover{transform:scale(1.02) translateY(-4px)}.pricing .card.featured .plan-name{color:var(--coral-glow)}.pricing .card .featured-badge{background:linear-gradient(90deg,var(--coral-glow),#ffa878);border-radius:999px;color:var(--space-indigo);font-size:.7rem;font-weight:700;left:50%;letter-spacing:.05em;padding:.35rem .75rem;position:absolute;text-transform:uppercase;top:-12px;transform:translate(-50%);white-space:nowrap}.pricing .card .plan-header{margin-bottom:1rem}.pricing .card .plan-header .plan-name{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.pricing .card .plan-header .plan-description{color:var(--muted);font-size:.8rem}.pricing .card .plan-price{margin-bottom:1rem}.pricing .card .plan-price .amount{color:var(--coral-glow);font-size:2rem;font-weight:800}.pricing .card .plan-price .period{color:var(--muted);font-size:.9rem}.pricing .card .plan-price .monthly-note{color:var(--tea-green);font-size:.8rem;margin-top:.25rem}.pricing .card .features{flex:1;list-style:none;margin:0 0 1.5rem;padding:0}.pricing .card .features li{color:var(--muted);font-size:.85rem;margin-bottom:.5rem;padding-left:1.25rem;position:relative}.pricing .card .features li:before{background:var(--tea-green);border-radius:50%;content:"";height:6px;left:0;position:absolute;top:.45em;width:6px}.pricing .card .plan-cta{margin-top:auto}.pricing .card .plan-cta .btn{display:block;font-size:.8rem;text-align:center;text-decoration:none;width:100%}@media(max-width:1100px){.pricing .pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pricing .pricing-grid{grid-template-columns:1fr}}