:root{--bg:#0f1117;--panel:#0b0e14;--muted:#9aa4b2;--text:#e5e7eb;--edge:#1b2230;--accent:#85deff;--accent-2:#a3e741;--radius:14px;--shadow:0 10px 30px rgba(0,0,0,.35);--section-padding:130px}*{box-sizing:border-box}body,html{height:100%}#__next{min-height:100%;display:flex;flex-direction:column}body{margin:0;color:var(--text);background:radial-gradient(1200px 600px at 70% -10%,rgba(124,58,237,.08),transparent 60%),radial-gradient(1000px 500px at 0 10%,rgba(34,211,238,.06),transparent 60%),var(--bg);background-attachment:fixed,fixed,fixed;background-repeat:no-repeat,no-repeat,no-repeat;font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden;position:relative}footer,header,main{position:relative;z-index:1}main{flex:1 1}.small-text{font-size:36px}.topbar{position:fixed;inset:0 0 auto 0;z-index:1000;-webkit-backdrop-filter:saturate(120%) blur(10px);backdrop-filter:saturate(120%) blur(10px);background:rgba(11,14,20,.7)}.topbar__inner{min-height:58px;max-width:1000px;margin:0 auto;padding:10px 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:16px;gap:16px}.topbar__border{height:1px;background:linear-gradient(90deg,transparent,#1f2636,transparent)}.logo{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff;text-decoration:none;display:inline-block;font-size:18px;cursor:pointer}.nav-center{display:flex;gap:28px;justify-content:center;align-items:center}.nav-link{color:var(--muted);text-decoration:none;font-weight:600;letter-spacing:.2px;position:relative;padding:6px 8px;background:none;border:none;cursor:pointer;font-size:16px;font-family:inherit;display:inline-flex;align-items:center;white-space:nowrap;line-height:1;vertical-align:middle}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:scaleX(0);transform-origin:center;transition:transform .25s ease}.nav-link:hover{color:#fff}.nav-link:hover:after{transform:scaleX(1)}.nav-more{position:relative;display:flex;align-items:center}.nav-more-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;line-height:1;vertical-align:middle}.nav-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:160px;background:#13161f;border:1px solid #1f2636;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);padding:8px;z-index:1000;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown a{display:block;padding:10px 14px;color:#e5e7eb;text-decoration:none;font-weight:500;font-size:14px;border-radius:8px;transition:background .2s ease}.nav-dropdown a:hover{background:rgba(122,162,247,.1);color:var(--accent)}.right{display:flex;justify-content:flex-end}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:8px;z-index:1001}.mobile-menu-btn svg{width:24px;height:24px}.mobile-menu{display:none;position:fixed;top:58px;left:0;right:0;background:#0b0e14;border-bottom:1px solid #1f2636;padding:20px;z-index:999;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:12px 16px;color:#e5e7eb;text-decoration:none;font-weight:500;border-radius:8px;transition:background .2s ease}.mobile-menu a:hover{background:rgba(122,162,247,.1);color:var(--accent)}.mobile-menu .btn{width:100%;margin-top:12px}.btn{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:500;border:1px solid transparent;transition:transform .05s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;cursor:pointer}.btn:active{transform:translateY(1px)}.btn-outline{color:#fff;border-color:#2a3446;background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,0))}.btn-outline:hover{border-color:#3b4760;background:hsla(0,0%,100%,.04)}.btn-disabled{color:var(--muted);cursor:not-allowed;opacity:.6}.btn-disabled,.btn-disabled:hover{border-color:#1f2636;background:hsla(0,0%,100%,.01)}.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#0b0e14;box-shadow:0 8px 24px rgba(34,211,238,.25)}.btn-primary:hover{filter:saturate(1.05) brightness(1.05)}.btn-ghost{color:var(--text);border:1px solid #253147;background:transparent}.btn-ghost:hover{background:hsla(0,0%,100%,.04)}.section{padding:var(--section-padding) 0}.section.hero{padding-top:40vh;padding-bottom:20vh}.container{max-width:900px;margin:0 auto;padding:0}.center{text-align:center;justify-content:center;align-items:center}main{padding-top:76px}.headline{font-size:clamp(36px,6vw,64px);line-height:1.05;margin:0 0 14px;font-weight:800;letter-spacing:-.02em}.headline .muted{color:#d1d5db;padding:10px}.headline .gradient{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(34,211,238,.12)}.subtitle{margin:10px 0 20px;color:var(--muted);font-size:clamp(16px,2vw,18px)}.cta-row{align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}.hint{margin-left:10px;color:#aab2bf;font-size:14px}.ref-sites{list-style:none;padding:0;margin:18px 0 0;color:#7f8a98;font-size:13px}.ref-sites a{color:#8bb7ff}.two-col{display:grid;align-items:center;grid-template-columns:1.2fr 1fr}.image-col{background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01));border:1px solid #1f2636;border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.image-col img{width:100%;display:block;border-radius:10px;border:1px solid #232b3e}.img-caption{margin-top:10px;color:var(--muted);font-size:13px;text-align:center}.prose h2{margin:0 0 10px}.prose p{margin:8px 0;color:#c9d2df}.people{margin-top:14px;color:#dbe5f5;font-weight:600;text-align:right}.people .muted{color:var(--muted)}.people .dot{margin:0 10px;color:#4b5563}.people a{color:#fff;text-decoration:underline}.cards h2{margin:0 0 16px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.card{border:1px solid #1f2636;border-radius:var(--radius);background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01));padding:18px;box-shadow:var(--shadow);transition:transform .15s ease,border-color .2s ease}.card:hover{transform:translateY(-2px);border-color:#2a3446}.card img{width:100%;height:260px;object-fit:cover;border-radius:10px;border:1px solid #232b3e;margin-bottom:12px}.card h3{margin:6px 0}.card p{margin:0;color:#b9c4d3}.pricing .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;justify-items:left}.price-card{width:100%;max-width:320px;border:1px solid #1f2636;border-radius:var(--radius);background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01));padding:18px;box-shadow:var(--shadow);text-align:left;display:grid;grid-template-rows:auto auto 1fr auto auto;align-items:start;grid-gap:10px;gap:10px}.price-card .price{font-size:26px;font-weight:800}.price-card .tier{color:var(--muted)}.price-card ul{margin:6px 0 0;padding-left:18px;color:#c7d2df}.price-card .btn{justify-self:start;font-weight:700}.request-success-msg{margin:4px 0 0;padding:8px 12px;font-size:13px;line-height:1.4;color:#7dd3fc;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.2);border-radius:8px;word-wrap:break-word}.faq-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.faq-item{border:1px solid #1f2636;border-radius:var(--radius);background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01));overflow:hidden;transition:border-color .2s ease}.faq-item:hover{border-color:#2a3446}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:transparent;border:none;color:#e5e7eb;font-size:16px;font-weight:600;text-align:left;cursor:pointer;transition:background .2s ease}.faq-question:hover{background:hsla(0,0%,100%,.02)}.faq-icon{font-size:24px;font-weight:300;color:var(--accent);transition:transform .3s ease;display:inline-block;width:24px;text-align:center}.faq-icon.open{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 20px}.faq-answer.open{max-height:200px;padding:18px 20px}.faq-answer p{margin:0;color:#b9c4d3;line-height:1.6}.footer{padding:40px 20px;border-top:1px solid #1f2636;background:rgba(0,0,0,.2)}.footer-inner{align-items:center;justify-content:space-between}.footer-inner,.footer-nav{display:flex;gap:16px;flex-wrap:wrap}.footer-nav a{color:#9fb0c7;text-decoration:none;cursor:pointer;white-space:nowrap}.footer-nav a:hover{color:#cfe2ff}.demo-container{position:relative;width:100vw;margin-left:calc(-50vw + 50%);height:650px;background:transparent;overflow:visible}.demo-window{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:90%;max-width:900px;height:680px;border-radius:14px;border:1px solid #1f2636;box-shadow:0 20px 60px rgba(0,0,0,.5);background:var(--panel);z-index:10;overflow:hidden}.demo-window-top{cursor:move;height:32px;background:linear-gradient(180deg,#2a2e3a,#1a1d28);border-bottom:1px solid #0f1117;display:flex;align-items:center;padding:0 12px;gap:8px}.demo-round{height:12px;width:12px;border-radius:50%;border:none;cursor:pointer;transition:filter .2s ease}.demo-round:hover{filter:brightness(1.2)}.demo-round.green{background-color:#28c840}.demo-round.yellow{background-color:#ffbd2e}.demo-round.red{background-color:#ff5f57}.demo-window-content{display:grid;grid-template-columns:280px 1fr 320px;height:calc(100% - 32px);background:var(--bg)}.demo-sidebar{background:#0b0e14;border-right:1px solid #1f2636;padding:16px;overflow-y:auto}.demo-sidebar-title{color:#9aa4b2;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:12px}.demo-iphone{background:#1a1d28;border-radius:30px;padding:8px;border:2px solid #2a2e3a}.demo-iphone-notch{width:120px;height:20px;background:#0b0e14;margin:0 auto 4px;border-radius:0 0 16px 16px}.demo-iphone-screen{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;height:400px;overflow:hidden}.demo-editor{background:#0b0e14;display:flex;flex-direction:column;overflow:hidden}.demo-editor-tab{background:#13161f;padding:8px 16px;border-bottom:1px solid #1f2636;font-size:13px;color:#e5e7eb;display:flex;align-items:center;gap:8px}.demo-code{padding:20px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.8;color:#abb2bf;flex:1 1;overflow-y:auto}.demo-chat{background:#13161f;border-left:1px solid #1f2636;display:flex;flex-direction:column}.demo-chat-header{padding:12px 16px;border-bottom:1px solid #1f2636;color:#e5e7eb;font-weight:600}.demo-chat-content{padding:16px;flex:1 1;overflow-y:auto}.demo-input{width:100%;background:#0b0e14;border:1px solid #232b3e;border-radius:6px;padding:8px 12px;color:#e5e7eb;font-size:13px;outline:none;font-family:inherit}.demo-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.demo-video-container{display:flex!important;align-items:center!important;justify-content:center!important;background:#0b0e14!important;position:relative!important;overflow:hidden!important;padding:0!important}.demo-video-placeholder{position:absolute;inset:0;background-image:url(/images/video-placeholder.jpg);background-repeat:no-repeat;background-position:50%;background-size:100% 100%;filter:blur(4px) brightness(.6);z-index:0}.show-video-btn{font-size:18px;padding:12px 32px;animation:blink 1.5s ease-in-out infinite;position:relative;z-index:1}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.show-video-btn:hover{animation:none;transform:scale(1.05) translateY(0)!important}.show-video-btn:active{transform:scale(.98) translateY(1px)!important}.demo-video-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.demo-video{width:100%;height:100%;object-fit:fill;display:block}.extension .two-col{grid-template-columns:1fr;text-align:center}.extension .image-col{max-width:1000px;margin:0 auto;padding:0;background:none;border:none;box-shadow:none}.extension .image-col img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #232b3e}.auth-section{padding:30vh 20px}.auth-container{max-width:420px;margin:0 auto}.auth-card{border-radius:var(--radius);border:1px solid #1f2636;background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.02));box-shadow:var(--shadow);padding:24px;display:grid;grid-gap:16px;gap:16px}.auth-title{margin:0;text-align:center;font-size:28px;font-weight:800;letter-spacing:-.02em}.auth-subtitle{margin:0;text-align:center;color:var(--muted);font-size:14px}.auth-form{display:grid;grid-gap:14px;gap:14px}.auth-label{display:grid;grid-gap:6px;gap:6px}.auth-label>span{color:var(--muted);font-size:13px;letter-spacing:.02em}.auth-input{background:#0b0e14;color:var(--text);border:1px solid #232b3e;border-radius:12px;padding:12px 14px;outline:none;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s ease,border-color .2s ease}.auth-input:focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.auth-button{margin-top:6px}.auth-subtext{text-align:center;color:var(--muted);font-size:14px;line-height:1.5;margin-top:8px}.auth-subtext a{color:var(--accent);text-decoration:none;font-weight:500}.auth-subtext a:hover{text-decoration:underline}.auth-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.auth-button svg{flex-shrink:0}@keyframes bg-pan{0%{background-position:0 0,0 0}to{background-position:50px 50px,50px 50px}}.reveal{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}.loading-spinner{display:inline-flex;align-items:center;justify-content:center}.loading-spinner .spinner{border-radius:50%;border-style:solid;border-color:currentColor hsla(0,0%,100%,.2) hsla(0,0%,100%,.2);animation:spin .8s linear infinite}.loading-small .spinner{width:16px;height:16px;border-width:2px}.loading-medium .spinner{width:24px;height:24px;border-width:3px}.loading-large .spinner{width:40px;height:40px;border-width:4px}.loading-primary .spinner{color:var(--accent)}.loading-secondary .spinner{color:var(--accent-2)}.loading-white .spinner{color:#fff}.loading-muted .spinner{color:var(--muted)}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}@media (max-width:1200px){.demo-container{height:550px}.demo-window{width:95%;height:480px}.demo-window-content{grid-template-columns:200px 1fr 250px}.demo-iphone-screen{height:300px}}@media (max-width:900px){:root{--section-padding:60px}.card-grid,.pricing .pricing-grid,.two-col{grid-template-columns:1fr}.demo-container,.demo-window{height:450px}.demo-window-content{grid-template-columns:1fr}.demo-chat,.demo-sidebar{display:none}}@media (max-width:768px){:root{--section-padding:60px}.topbar__inner{padding:10px 16px;grid-template-columns:auto 1fr auto}.nav-center{gap:16px}.mobile-menu-btn,.nav-link:nth-child(3){display:none}.right{gap:8px}.section.hero{padding-top:40vh;padding-bottom:20vh}.headline{font-size:clamp(28px,8vw,48px)}.small-text{font-size:16px}.container{padding:0 16px}.card{padding:16px}.card img{height:200px}.price-card{max-width:100%}.faq-question{padding:14px 16px;font-size:15px}.faq-answer.open{padding:16px 16px 14px}.people{text-align:center;flex-wrap:wrap}.footer-inner{flex-direction:column;text-align:center;gap:20px}.footer-nav{justify-content:center}.demo-container{height:350px}.demo-window{width:100%;height:350px;top:10px;left:0;transform:none;border-radius:0}.demo-code{padding:12px;font-size:11px}}@media (max-width:480px){:root{--section-padding:60px}.topbar__inner{min-height:52px;padding:8px 12px}.logo{font-size:16px}.nav-center{gap:12px}.nav-link:nth-child(2){display:none}.btn{height:32px;padding:8px 12px;font-size:14px}.headline{font-size:clamp(24px,8vw,36px);margin-bottom:10px}.subtitle{font-size:14px}.container{padding:0 12px}.card h3{font-size:18px}.card p{font-size:14px}.price-card .price{font-size:28px}.faq-question{padding:12px;font-size:14px}.auth-section{padding:20vh 12px}.auth-card{padding:20px}.footer{padding:30px 12px}.footer-nav{gap:10px 14px}.footer-nav a{font-size:13px}}