*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;background-color:#0b0f19;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;scroll-behavior:smooth}.fixed-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}.bg-video{width:100vw;height:100vh;object-fit:cover;mix-blend-mode:screen;pointer-events:none;animation:zoom-down-and-fit 1.8s cubic-bezier(.16,1,.3,1) forwards}.video-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#0000001a,#0009 80%),linear-gradient(to bottom,#0000004d,#0000 30%,#0009);z-index:2;pointer-events:none}@keyframes zoom-down-and-fit{0%{transform:scale(2.5);opacity:0}to{transform:scale(1);opacity:1}}.premium-nav-dock{position:fixed!important;top:40px;left:50%!important;transform:translate(-50%) translateY(-20px);z-index:100;display:flex;align-items:center;justify-content:space-between;width:90%;max-width:1000px;padding:10px 14px;border-radius:40px;background:linear-gradient(135deg,#140a23f2,#0a0514fa);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px #0009,inset 0 0 0 1px #8b5cf626;opacity:0;animation:dock-fade-in 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.4s}@keyframes dock-fade-in{to{opacity:1;transform:translate(-50%) translateY(0)}}.logo-section{display:flex;align-items:center;gap:12px;padding-left:6px}.logo-text{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.5px}.logo-circle{width:38px;height:38px;background:linear-gradient(135deg,#1e103c,#0a0514);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(217,70,239,.3);box-shadow:0 0 15px #8b5cf666}.logo-circle svg{width:22px;height:22px}.nav-links{display:flex;gap:32px;position:absolute;left:50%;transform:translate(-50%)}.nav-links a{color:#ffffffb3!important;text-decoration:none!important;font-size:14px;font-weight:500;transition:color .3s ease,text-shadow .3s ease}.nav-links a:hover{color:#fff!important;text-shadow:0 0 12px rgba(217,70,239,.6)}.cta-button-pill{background:#000;color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:10px 20px;border-radius:24px;transition:all .3s ease;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 10px #8b5cf633,0 4px 15px #0006;margin-right:4px}.cta-button-pill:hover{border-color:#d946ef80;box-shadow:inset 0 0 15px #8b5cf666,0 4px 20px #d946ef4d;transform:scale(1.02)}.scroll-container{position:relative;z-index:10;width:100%}.hero-section{position:relative;width:100%;height:100vh}.hero-text-container{position:absolute;top:25%;left:50%;transform:translate(-50%);text-align:center;z-index:5;width:100%;opacity:0;animation:text-fade-in 1.5s ease forwards;animation-delay:1.6s;pointer-events:none}.hero-title{color:#fff;font-size:56px;font-weight:700;line-height:1.1;margin:0 0 16px;letter-spacing:-1.5px;text-shadow:0 10px 30px rgba(0,0,0,.8)}.hero-subtitle{color:#ffffffb3;font-size:18px;font-weight:400;line-height:1.5;margin:0;text-shadow:0 4px 15px rgba(0,0,0,.8)}@keyframes text-fade-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.code-dashboard-container{position:absolute;bottom:5%;left:50%;transform:translate(-50%);z-index:6;width:90%;max-width:750px;background:#0a051473;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 25px 50px #000c,inset 0 0 0 1px #8b5cf61a;overflow:hidden;opacity:0;animation:dashboard-slide-up 1.5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.8s}@keyframes dashboard-slide-up{0%{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translate(-50%)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#00000080;border-bottom:1px solid rgba(255,255,255,.05)}.dashboard-tabs{display:flex;gap:8px}.tab{background:transparent;border:1px solid transparent;color:#fff6;font-size:13px;font-weight:500;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .2s}.tab:hover{color:#fffc}.tab.active{background:#ffffff14;border:1px solid rgba(217,70,239,.3);color:#fff;box-shadow:0 0 10px #8b5cf626}.dashboard-body{padding:30px;min-height:320px;background:transparent;overflow:hidden}.dashboard-content{display:none;width:100%}.dashboard-content.active{display:block;animation:fade-content .3s ease forwards}@keyframes fade-content{0%{opacity:0}to{opacity:1}}#content-workflow.active{display:flex;justify-content:center}.dashboard-actions{display:flex;align-items:center;gap:6px;font-size:12px;color:#10b981;font-weight:600}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.workflow-canvas{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px}.animate-node,.animate-line,.animate-split{opacity:0;animation:drop-in-node .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(1.8s + var(--delay, 0s))}@keyframes drop-in-node{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.wf-node{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#1e142de6,#0f0a19f2);border:1px solid rgba(255,255,255,.05);padding:10px 16px;border-radius:12px;width:240px;box-shadow:inset 0 1px #ffffff1a,0 10px 20px #0009;z-index:2;transition:transform .2s,box-shadow .2s}.wf-node:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff26,0 15px 30px #000c}.wf-icon{font-size:20px;background:#ffffff0d;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.sphere{width:16px;height:16px;border-radius:50%}.sphere.purple{background:radial-gradient(circle at 30% 30%,#d946ef,#8b5cf6);box-shadow:inset -2px -2px 4px #00000080,0 0 10px #d946ef66}.sphere.green{background:radial-gradient(circle at 30% 30%,#34d399,#059669);box-shadow:inset -2px -2px 4px #00000080,0 0 10px #10b98166}.wf-details{display:flex;flex-direction:column}.wf-title{color:#fff;font-size:14px;font-weight:600}.wf-sub{color:#ffffff80;font-size:11px}.wf-router{border:1px solid rgba(217,70,239,.3);box-shadow:inset 0 1px #d946ef33,0 10px 30px #d946ef26}.wf-claude{border:1px solid rgba(139,92,246,.2)}.wf-gpt{border:1px solid rgba(16,185,129,.2)}.wf-connection{width:2px;background:#ffffff1a;position:relative;z-index:1}.main-conn{height:30px}.wf-split{display:flex;justify-content:space-around;width:120%;position:relative}.wf-split:before{content:"";position:absolute;top:0;left:25%;width:50%;height:2px;background:#ffffff1a}.wf-path{display:flex;flex-direction:column;align-items:center;flex:1}.branch-conn{height:30px}.wf-path .wf-node{width:180px}.wf-pulse{width:6px;height:6px;background:#d946ef;border-radius:50%;position:absolute;left:-2px;top:0;box-shadow:0 0 10px #d946ef;animation:pulse-flow 1.5s infinite linear}.delay-1{animation-delay:.7s;background:#8b5cf6;box-shadow:0 0 10px #8b5cf6}.delay-2{animation-delay:.2s;background:#10b981;box-shadow:0 0 10px #10b981}@keyframes pulse-flow{0%{top:0;opacity:0}20%{opacity:1}80%{opacity:1}to{top:100%;opacity:0}}.api-code-window{font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;color:#e2e8f0}.api-code-window pre{margin:0}.terminal-logs{font-family:Consolas,Monaco,monospace;font-size:13px;color:#a5d6ff;display:flex;flex-direction:column;gap:8px}.log-line{animation:fade-in-log .3s ease forwards}.log-line.warn{color:#f1fa8c}.log-line.success{color:#50fa7b}@keyframes fade-in-log{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.comment{color:#6e7681;font-style:italic}.keyword{color:#ff7b72;font-weight:700}.string{color:#a5d6ff}.features-section{position:relative;width:100%;background:linear-gradient(to bottom,transparent 0%,rgba(18,5,36,.8) 120px,#08040d 300px,#08040d 100%);padding:120px 20px;border-top:none;overflow:hidden}.features-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;height:80vh;background:radial-gradient(ellipse at center,rgba(139,92,246,.2) 0%,rgba(217,70,239,.1) 40%,transparent 70%);filter:blur(80px);z-index:0;pointer-events:none;animation:haze-pulse 6s infinite alternate ease-in-out}@keyframes haze-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.bento-container{position:relative;z-index:2;max-width:1000px;margin:0 auto}.bento-header{text-align:center;margin-bottom:60px}.bento-header h2{color:#fff;font-size:48px;margin-bottom:16px;letter-spacing:-1px;text-shadow:0 0 20px rgba(217,70,239,.4)}.bento-header p{color:#fff9;font-size:18px;max-width:600px;margin:0 auto}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.bento-card{background:#1e0f324d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .4s ease}.bento-card:nth-child(2).scroll-reveal{transition-delay:.1s}.bento-card:nth-child(3).scroll-reveal{transition-delay:.2s}.bento-card:nth-child(4).scroll-reveal{transition-delay:.3s}.scroll-reveal.revealed{opacity:1;transform:translateY(0);transition-delay:0s}.bento-card.revealed:hover{transform:translateY(-8px);border-color:#d946ef80;box-shadow:inset 0 0 20px #d946ef33,0 30px 60px #8b5cf64d}.card-visual{height:240px;background:linear-gradient(180deg,#140a2366,#0a0514cc);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-content{padding:30px}.card-content h3{color:#fff;font-size:20px;margin:0 0 12px}.card-content p{color:#fff9;font-size:14px;line-height:1.6;margin:0 0 20px}.card-link{color:#8b5cf6;text-decoration:none;font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px;transition:color .2s}.card-link:hover{color:#d946ef}.card-link .arrow{transition:transform .2s}.card-link:hover .arrow{transform:translate(4px)}.visual-grid{background:radial-gradient(circle at center,rgba(139,92,246,.2) 0%,transparent 70%)}.api-hub-diagram{position:relative;width:200px;height:150px}.hub-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hub-lines path{stroke:#d946ef99;stroke-width:2;fill:none;stroke-dasharray:6,6;animation:data-flow 1s linear infinite}@keyframes data-flow{0%{stroke-dashoffset:12}to{stroke-dashoffset:0}}.hub-nodes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.hub-node{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 4px 10px #00000080,inset 0 1px #fff3;animation:node-float 3s infinite alternate ease-in-out}@keyframes node-float{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}.center-glow{position:absolute;width:60px;height:60px;background:#d946ef80;border-radius:50%;top:45px;left:70px;filter:blur(15px);animation:center-pulse 2s infinite alternate ease-in-out}@keyframes center-pulse{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.2);opacity:1}}.center-node{width:48px;height:48px;top:51px;left:76px;background:linear-gradient(135deg,#1e103c,#0a0514);border:1px solid rgba(217,70,239,.5);box-shadow:0 0 20px #8b5cf680;z-index:3;animation-delay:0s}.center-node svg{width:22px;height:22px}.outer-node{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.outer-node img{width:100%;height:100%;object-fit:cover}.outer-node.chatgpt{top:12px;left:22px;background:linear-gradient(135deg,#10a37f,#0d8063);animation-delay:.2s}.outer-node.claude{top:12px;left:142px;background:linear-gradient(135deg,#d97757,#bd6245);animation-delay:.4s}.outer-node.gemini{top:102px;left:22px;background:linear-gradient(135deg,#4285f4,#2b6ad4);animation-delay:.6s}.outer-node.kiwi{top:102px;left:142px;background:linear-gradient(135deg,#10b981,#059669);animation-delay:.8s}.visual-tree{flex-direction:column}.tree-top{background:#ffffff0d;padding:6px 12px;border-radius:20px;color:#fff;font-family:monospace;font-size:12px;border:1px solid rgba(255,255,255,.1);margin-bottom:10px}.tree-lines{width:200px;height:60px}.tree-lines path{stroke-dasharray:150;stroke-dashoffset:150;animation:draw-tree 2s infinite alternate ease-in-out}.tree-lines path:nth-child(1){animation-delay:0s}.tree-lines path:nth-child(2){animation-delay:.3s}.tree-lines path:nth-child(3){animation-delay:.6s}@keyframes draw-tree{0%{stroke-dashoffset:150}to{stroke-dashoffset:0}}.tree-bottom{display:flex;justify-content:space-between;width:170px;margin-top:5px}.provider-icon{width:28px;height:28px;border-radius:6px;background:#ffffff1a}.provider-icon.aws{background:#232f3e;border:1px solid rgba(255,255,255,.2)}.provider-icon.anthropic{background:#d97757}.provider-icon.google{background:#4285f4}.mock-chart{background:#0a051499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.3);box-shadow:0 10px 30px #00000080,inset 0 0 15px #d946ef1a;border-radius:12px;width:240px;height:140px;display:flex;flex-direction:column}.chart-header{display:flex;padding:10px;gap:15px;border-bottom:1px solid rgba(255,255,255,.05)}.chart-tab{color:#fff6;font-size:11px}.chart-tab.active{color:#fff}.chart-body{flex:1;padding:10px}.chart-body svg{width:100%;height:100%}.chart-body svg polyline{stroke-dasharray:400;stroke-dashoffset:400;animation:draw-chart 3s linear infinite}.chart-body svg polyline:nth-child(1){animation-delay:0s}.chart-body svg polyline:nth-child(2){animation-delay:.2s}.chart-body svg polyline:nth-child(3){animation-delay:.4s}@keyframes draw-chart{0%{stroke-dashoffset:400}50%{stroke-dashoffset:0}to{stroke-dashoffset:0}}.shield-container{position:relative;display:flex;align-items:center;gap:20px}.shield-icon{position:relative;width:60px;height:60px}.shield-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#10b981;font-size:24px;font-weight:700;animation:shield-pop 3s infinite}@keyframes shield-pop{0%,20%{transform:translate(-50%,-50%) scale(0);opacity:0}40%,80%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.lock-icon{font-size:16px;opacity:.5;animation:lock-bounce 3s infinite}.lock-icon.left{transform:translateY(-10px);animation-delay:.2s}.lock-icon.right{transform:translateY(-10px);animation-delay:.4s}@keyframes lock-bounce{0%,20%{transform:translateY(-10px);opacity:.3}40%,80%{transform:translateY(-15px);opacity:.8}to{transform:translateY(-10px);opacity:.3}}.pricing-section{position:relative;width:100%;background:#08040d;padding:100px 20px 140px;border-top:none;overflow:hidden}.pricing-section:before{content:"";position:absolute;top:-50%;left:0;width:200%;height:200%;background:conic-gradient(from 180deg at 50% 50%,transparent 0deg,rgba(217,70,239,.05) 90deg,rgba(139,92,246,.15) 180deg,rgba(217,70,239,.05) 270deg,transparent 360deg);animation:rotate-beam 20s linear infinite;pointer-events:none;z-index:0}@keyframes rotate-beam{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pricing-header{text-align:left;max-width:1000px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2}.pricing-header h2{color:#fff;font-size:42px;margin:0;letter-spacing:-1px;flex:1}.pricing-header p{color:#fff9;font-size:16px;margin:0;flex:1;max-width:400px;text-align:right}.calculator-container{max-width:1000px;margin:0 auto;background:#140a2380;border:1px solid rgba(255,255,255,.08);border-radius:20px;display:flex;box-shadow:0 30px 60px #00000080,inset 0 0 0 1px #8b5cf61a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:relative;z-index:2}.calc-left{flex:1.2;padding:40px;border-right:1px solid rgba(255,255,255,.05)}.calc-left h3{color:#fff;font-size:20px;margin:0 0 20px;font-weight:500}.scenario-tabs{display:flex;gap:10px;margin-bottom:40px}.scen-tab{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.scen-tab:hover{background:#ffffff1a;color:#fff}.scen-tab.active{background:#8b5cf633;border-color:#d946ef80;color:#fff;box-shadow:0 0 15px #d946ef33}.slider-group{margin-bottom:30px}.slider-header{display:flex;justify-content:space-between;margin-bottom:15px}.slider-header label{color:#ffffff80;font-size:13px}.slider-header span{color:#fff;font-size:14px;background:#ffffff0d;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#ffffff1a;border-radius:4px}input[type=range]::-webkit-slider-thumb{height:20px;width:20px;border-radius:50%;background:linear-gradient(135deg,#d946ef,#8b5cf6);cursor:pointer;-webkit-appearance:none;margin-top:-7px;box-shadow:0 0 15px #d946ef99;border:2px solid #fff;transition:transform .1s,box-shadow .1s}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 20px #d946efcc}.calc-right{flex:1;background:#0000004d;padding:40px;display:flex;flex-direction:column;border-top-right-radius:20px;border-bottom-right-radius:20px}.calc-right-header{display:flex;justify-content:flex-end;gap:15px;margin-bottom:30px}.calc-right-header button{background:none;border:none;color:#fff6;font-size:12px;cursor:pointer;transition:color .2s}.calc-right-header button:hover{color:#fff}.platform-select-container{margin-bottom:40px}.platform-select-container label{display:block;color:#ffffff80;font-size:13px;margin-bottom:8px}.platform-select-container select{width:100%;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:8px;font-size:14px;outline:none;cursor:pointer;font-family:Montserrat,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 15px top 50%;background-size:10px auto}.platform-select-container select option{background-color:#1e0d36;color:#fff}.cost-breakdown{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:20px;margin-bottom:20px;flex:1}.cost-breakdown h4{color:#fff9;font-size:12px;font-weight:500;margin:0 0 15px}.cost-row{display:flex;justify-content:space-between;color:#fff;font-size:13px;margin-bottom:12px}.cost-row span:first-child{color:#ffffff80}.total-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.total-row span:first-child{color:#ffffff80;font-size:13px;margin-bottom:8px}.total-price{color:#fff;font-size:48px;font-weight:300;letter-spacing:-1px}.calc-cta{width:100%;text-align:center;padding:14px;font-size:16px;border-radius:12px}.get-started-section{position:relative;width:100%;background:#08040d;padding:150px 20px 100px}.steps-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.step-card{display:flex;flex-direction:column;background:#0a051499;border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:30px;box-shadow:0 10px 30px #00000080,inset 0 0 15px #d946ef0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),opacity .6s ease,transform .6s ease}.step-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0009,inset 0 0 20px #d946ef1a;border-color:#d946ef66}.step-card:nth-child(2){transition-delay:.1s}.step-card:nth-child(3){transition-delay:.2s}.step-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.step-number{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#d946ef,#8b5cf6);color:#fff;box-shadow:0 0 15px #d946ef66;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.step-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.step-card p{color:#fff9;font-size:14px;line-height:1.6;margin:0 0 40px;flex:1}.step-card p a{color:#6366f1;text-decoration:none}.step-card p a:hover{text-decoration:underline}.step-visual{margin-top:auto}.mock-form-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.mock-line{height:4px;border-radius:2px;background:#ffffff1a}.mock-line.short{width:30px}.mock-line.long{width:60px}.oauth-buttons{display:flex;gap:10px}.oauth-btn{width:40px;height:40px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:all .2s}.oauth-btn:hover{background:#ffffff14}.ledger-rows{display:flex;flex-direction:column;gap:12px}.ledger-row{display:flex;align-items:center;gap:10px}.ledger-date{color:#ffffff4d;font-size:12px;width:45px}.ledger-bar{height:6px;border-radius:3px;background:#ffffff0d;width:40px}.ledger-bar.wide{width:60px}.ledger-amt{color:#ffffffb3;font-size:13px;font-weight:500;margin-left:auto}.mock-input-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mock-input-row.no-icon{padding-left:26px}.mock-input{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:8px 12px;border-radius:6px;font-family:Consolas,monospace;font-size:12px;color:#fff6;flex:1}.mock-input.hidden-key{letter-spacing:2px;color:#ffffffb3}.leaderboard-section{position:relative;width:100%;padding:80px 20px;background:#08040d;color:#fff;overflow:hidden}.leaderboard-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}.particles-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.particle{position:absolute;background:#ffffff80;border-radius:50%;animation:float-particle linear infinite forwards}@keyframes float-particle{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-150px) scale(1.5);opacity:0}}.section-header{margin-bottom:30px}.get-started-section .section-header{text-align:center;margin-bottom:60px}.section-header h2{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600;margin:0 0 5px;color:#fff}.get-started-section .section-header h2{justify-content:center;font-size:42px}.section-header p{color:#ffffff80;font-size:14px;margin:0}.flex-between{display:flex;justify-content:space-between;align-items:flex-end}.dropdown-wrapper select{background:#140a2399;border:1px solid rgba(255,255,255,.1);color:#fffc;padding:8px 16px;border-radius:20px;font-family:inherit;font-size:13px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.dropdown-wrapper select option{background:#08040d}.top-models-container{margin-bottom:60px}.graph-wrapper{position:relative;height:350px;display:flex;flex-direction:column}.y-axis{position:absolute;left:0;top:0;bottom:30px;display:flex;flex-direction:column;justify-content:space-between;color:#ffffff4d;font-size:11px;padding-right:15px;width:30px;text-align:right}.x-axis{position:absolute;bottom:0;left:45px;right:0;display:flex;justify-content:space-between;color:#ffffff4d;font-size:11px;padding-top:10px}.graph-area{margin-left:45px;margin-bottom:30px;height:100%;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-end;gap:4px;position:relative}.graph-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 33.33%;pointer-events:none;z-index:0}.graph-bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;position:relative;z-index:1}.graph-segment{width:100%;transform-origin:bottom;animation:grow-up 1.2s cubic-bezier(.16,1,.3,1) forwards;opacity:0;border-top:1px solid rgba(255,255,255,.1);transition:filter .2s}.graph-segment:hover{filter:brightness(1.3);cursor:pointer}@keyframes grow-up{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.leaderboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 40px}.lb-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.03);transition:background .2s,padding-left .2s;border-radius:8px}.lb-item:hover{background:#ffffff08;padding-left:10px}.lb-rank{width:30px;color:#fff6;font-size:14px}.lb-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;background:#ffffff0d}.lb-icon img,.lb-icon svg{width:16px;height:16px;object-fit:contain}.lb-details{flex:1}.lb-name{font-size:14px;font-weight:500;color:#ffffffe6;margin-bottom:2px}.lb-provider{font-size:11px;color:#fff6}.lb-provider span{text-decoration:underline;cursor:pointer}.lb-stats{text-align:right}.lb-tokens{font-size:13px;color:#fff9;margin-bottom:2px}.lb-trend{font-size:11px;font-weight:500}.trend-up{color:#10b981}.trend-down{color:#ef4444}.faq-section{position:relative;width:100%;background:#0b0614;padding:100px 20px}.faq-header{text-align:center;margin-bottom:50px}.faq-header h2{color:#fff;font-size:42px;margin:0 0 16px;letter-spacing:-1px}.faq-header p{color:#fff9;font-size:18px;margin:0}.faq-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:background .3s ease,border-color .3s ease}.faq-item:hover{background:#ffffff0a;border-color:#d946ef4d}.faq-item.active{background:#140a2399;border-color:#8b5cf666}.faq-question{padding:24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:18px;font-weight:500;color:#fff}.faq-icon{font-size:24px;color:#ffffff80;transition:transform .3s ease,color .3s ease}.faq-item.active .faq-icon{transform:rotate(45deg);color:#d946ef}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .4s ease;padding:0 24px}.faq-item.active .faq-answer{max-height:200px;padding:0 24px 24px}.faq-answer p{color:#fff9;font-size:15px;line-height:1.6;margin:0}.main-footer{background:#0a0514f2;border-top:1px solid rgba(255,255,255,.05);padding:80px 40px 40px;position:relative;z-index:2}.footer-grid{max-width:1200px;margin:0 auto 60px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-brand .logo-section{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer-brand .logo-text{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.5px}.brand-tagline{color:#ffffff80;font-size:14px;line-height:1.6;max-width:300px;margin:0}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.footer-links a{color:#ffffff80;text-decoration:none;font-size:14px;transition:color .2s ease}.footer-links a:hover{color:#fff}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:30px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;color:#fff6;font-size:13px}.footer-bottom p{margin:0}.social-links{display:flex;gap:16px}.social-links a{color:#fff6;transition:color .2s ease}.social-links a:hover{color:#d946ef}@media (max-width: 768px){.nav-links{display:none}.premium-nav-dock{width:95%;max-width:none;padding:10px}.hero-section{min-height:600px}.hero-title{font-size:32px!important;margin-top:20px}.hero-subtitle{font-size:14px!important;margin-bottom:20px;padding:0 15px}.code-dashboard-container{width:95%!important;bottom:2%!important;transform:translate(-50%) scale(.65)!important;transform-origin:bottom center}.features-section,.pricing-section,.get-started-section,.leaderboard-section,.faq-section{padding-top:60px!important;padding-bottom:60px!important}.section-header h2{font-size:26px!important}.get-started-section .section-header h2,.bento-header h2,.pricing-header h2,.faq-header h2{font-size:32px!important}.pricing-header{flex-direction:column;text-align:center}.pricing-header p{text-align:center;margin-top:15px}.bento-grid{display:flex!important;flex-direction:column!important}.steps-container{display:flex!important;flex-direction:column!important;gap:30px}.calculator-container{display:flex!important;flex-direction:column!important}.calc-left{border-right:none!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.graph-wrapper{overflow-x:auto;padding-bottom:20px}.graph-area,.x-axis{min-width:600px}.lb-item{font-size:13px}.lb-details{width:120px}.footer-grid{display:flex!important;flex-direction:column!important;gap:40px;text-align:center}.footer-brand .logo-section{justify-content:center}.brand-tagline{margin:0 auto}.footer-bottom{display:flex!important;flex-direction:column!important;gap:20px;text-align:center}.social-links{justify-content:center}}