.navbar-wrapper{z-index:1000;pointer-events:none;justify-content:center;width:100%;padding-top:24px;display:flex;position:fixed;top:0;left:0}.navbar-dock{pointer-events:auto;-webkit-backdrop-filter:blur(16px);background-color:#0a0a0a66;border:1px solid #ffffff14;border-radius:100px;justify-content:space-between;align-items:center;width:90%;max-width:800px;padding:14px 28px 14px 36px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 30px #0000001a}.navbar-dock.scrolled{background-color:#0a0a0abf;border-color:#ffffff26;max-width:700px;padding:8px 16px 8px 24px;transform:translateY(-8px);box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff0d}.navbar-logo{font-family:var(--font-dm-sans);letter-spacing:-.03em;color:var(--foreground);font-size:1.25rem;font-weight:600}.navbar-links{align-items:center;gap:20px;display:flex}.nav-link{font-family:var(--font-dm-sans);color:var(--muted);font-size:.9rem;font-weight:400;transition:color .3s}.nav-link:hover{color:var(--foreground)}.nav-separator{background-color:var(--border);width:1px;height:16px;margin:0 4px}.nav-btn-solid{background:var(--foreground);color:var(--background);font-family:var(--font-dm-sans);border-radius:100px;padding:9px 22px;font-size:.9rem;font-weight:500;transition:all .3s}.nav-btn-solid:hover{transform:scale(1.05)}@media (max-width:600px){.navbar-wrapper{padding-top:16px}.navbar-dock{width:95%;padding:10px 16px 10px 20px}.nav-link,.nav-separator{display:none}}
.reveal-wrapper{opacity:0;will-change:opacity,transform;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-wrapper.is-visible{opacity:1;transform:translate(0)scale(1)}.reveal-up{transform:translateY(30px)}.reveal-down{transform:translateY(-30px)}.reveal-left{transform:translate(30px)}.reveal-right{transform:translate(-30px)}.reveal-scale{transform:scale(.95)}
.hero-section{z-index:20;min-height:100vh;padding-top:var(--nav-height);flex-direction:column;justify-content:center;display:flex;position:relative}.hero-content{text-align:left;max-width:800px;margin:0 auto;position:relative;left:-5%}@media (max-width:768px){.hero-content{left:0}}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:1.5rem;font-size:.7rem}.hero-title{font-family:var(--font-sans);letter-spacing:-.04em;color:var(--foreground);flex-direction:column;margin-bottom:2rem;font-size:clamp(4rem,10vw,9rem);font-weight:500;line-height:.9;display:flex}.hero-title-line{display:block}.hero-description{font-family:var(--font-sans);color:#d1d5db;max-width:600px;margin-bottom:3rem;font-size:1.25rem;font-weight:300;line-height:1.6}.hero-cta{color:var(--background);font-family:var(--font-jakarta),sans-serif;cursor:none;background:#fff;border:none;border-radius:100px;align-items:center;gap:12px;padding:16px 36px;font-size:.95rem;font-weight:600;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.hero-cta:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:200%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.hero-cta:hover{transform:scale(1.05);box-shadow:0 10px 40px #fff3}.hero-cta:hover:before{left:100%}.cta-icon{opacity:.7;justify-content:center;align-items:center;animation:3s ease-in-out infinite floatIcon;display:flex}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}
.particle-canvas{z-index:10;pointer-events:none;opacity:.6;width:100%;height:100%;position:absolute;top:0;left:0}
.custom-cursor-dot{background-color:var(--foreground);pointer-events:none;z-index:9999;border-radius:50%;width:6px;height:6px;transition:width .3s,height .3s,background-color .3s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-outline{pointer-events:none;z-index:9998;border:1px solid #fff6;border-radius:50%;width:32px;height:32px;transition:width .3s,height .3s,border-color .3s,border-width .3s;position:fixed}.custom-cursor-dot.hovering{width:0;height:0}.custom-cursor-outline.hovering{border-color:var(--foreground);border-width:2px;width:48px;height:48px}body,a,button{cursor:none!important}
.features-section{z-index:30;background-color:#0000;padding:120px 0;position:relative}.features-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}@media (max-width:992px){.features-grid{grid-template-columns:1fr;gap:60px}}.features-title{font-family:var(--font-serif);color:var(--foreground);margin-bottom:30px;font-size:clamp(3rem,6vw,4.5rem);line-height:1.1}.features-title em{color:#fff;opacity:.8;font-style:italic}.features-description{font-family:var(--font-serif);color:var(--muted);max-width:90%;margin-bottom:40px;font-size:1.25rem;line-height:1.6}.features-price-row{align-items:center;gap:24px;margin-bottom:60px;display:flex}.features-btn{background:var(--foreground);color:var(--background);font-family:var(--font-sans);cursor:none;border:none;border-radius:8px;padding:14px 28px;font-size:.85rem;font-weight:500}.features-price{font-family:var(--font-mono);color:var(--foreground);font-size:1rem}.specs-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.spec-item{flex-direction:column;gap:8px;display:flex}.spec-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);font-size:.65rem;font-weight:600}.spec-value{font-family:var(--font-mono);color:var(--foreground);font-size:.9rem}.features-visual-area{perspective:1000px;justify-content:center;align-items:center;display:flex}.css-server-box{border:1px solid var(--border);background:#111;border-radius:12px;width:100%;max-width:400px;transition:transform .5s;animation:6s ease-in-out infinite serverFloat;transform:rotateY(-15deg)rotateX(5deg);box-shadow:0 30px 60px #000c,inset 0 1px #ffffff1a}@keyframes serverFloat{0%,to{transform:rotateY(-15deg)rotateX(5deg)translateY(0)}50%{transform:rotateY(-16deg)rotateX(4deg)translateY(-10px)}}.css-server-box:hover{transform:rotateY(-5deg)rotateX(2deg)}.server-screen{height:250px;font-family:var(--font-mono);background:#000;border:1px solid #222;border-radius:8px;margin:16px;font-size:.8rem;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00000080}.server-screen:after{content:" ";z-index:2;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:absolute;inset:0}.screen-header{color:#888;background:#222;border-bottom:1px solid #333;padding:4px 12px;font-size:.7rem}.screen-body{color:#ddd;flex-direction:column;gap:8px;padding:16px;display:flex}.screen-body .prompt{color:#666}.screen-body .success{color:#4ade80}.screen-body .loading{color:#fbbf24}.server-base{flex-direction:column;align-items:flex-end;gap:16px;padding:20px 20px 30px;display:flex}.server-slot{background:#000;border-radius:3px;width:100px;height:6px;box-shadow:inset 0 2px 4px #00000080}.server-logo{color:#333;letter-spacing:2px;font-size:.5rem}.features-text-wrapper,.features-visual-area{transition:opacity .5s ease-in-out,transform .5s ease-in-out}.slide-fade-out{opacity:0;transform:translateY(-20px)}.slide-fade-in{opacity:1;transform:translateY(0)}.slide-fade-out-right{opacity:0;transform:translate(20px)}.slide-fade-in-right{opacity:1;transform:translate(0)}.slide-indicators{gap:12px;margin-top:40px;display:flex}.slide-dot{cursor:pointer;background:#fff3;border:none;border-radius:2px;width:30px;height:4px;padding:0;transition:background .3s,width .3s}.slide-dot.active{background:#fff;width:50px}.slide-dot:hover:not(.active){background:#ffffff80}.develop-box{border-color:#334155;box-shadow:0 30px 60px #000c,inset 0 1px #6496ff1a}.active-slot{background:#3b82f6;box-shadow:0 0 10px #3b82f6}.develop-logo{color:#64748b}
.pricing-section{z-index:30;font-family:var(--font-jakarta),sans-serif;background-color:#0000;padding:120px 0;position:relative}.pricing-header{text-align:center;margin-bottom:80px}.pricing-title{font-family:var(--font-serif);color:var(--foreground);margin-bottom:16px;font-size:clamp(3rem,5vw,4rem)}.pricing-title em{font-family:var(--font-serif);color:#fff;opacity:1;font-style:italic;font-weight:700}.pricing-description{font-family:var(--font-jakarta),sans-serif;color:var(--muted);margin-bottom:32px;font-size:1.1rem}.pricing-toggle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;gap:8px;margin:0 auto;padding:6px;display:inline-flex}.toggle-btn{font-family:var(--font-jakarta),sans-serif;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.toggle-btn:hover{color:var(--foreground);background:#ffffff14}.toggle-btn.active{background:var(--foreground);color:var(--background)}.fade-in{animation:.4s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pricing-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:24px;display:grid}@media (max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{border:1px solid #ffffff14;border-radius:16px;flex-direction:column;padding:32px 24px;transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.pricing-card.tier-starter{background:linear-gradient(160deg,#181818e6 0%,#0e0e0ed9 100%)}.pricing-card.tier-pro{background:linear-gradient(160deg,#262626f2 0%,#141414e6 100%);border-color:#ffffff26}.pricing-card.tier-scale{background:linear-gradient(160deg,#343434f2 0%,#1c1c1ce6 100%);border-color:#ffffff2e}.pricing-card.tier-enterprise{background:linear-gradient(160deg,#121212e6 0%,#0a0a0ad9 100%)}.pricing-card:hover{border-color:#ffffff47;transform:translateY(-4px)}.card-top{margin-bottom:32px}.tier-name{font-family:var(--font-jakarta),sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#a0a0a0e6;align-items:center;gap:8px;margin-bottom:16px;font-size:.75rem;font-weight:600;display:flex}.tier-price{font-family:var(--font-jakarta),sans-serif;color:var(--foreground);letter-spacing:-.03em;align-items:baseline;gap:4px;margin-bottom:12px;font-size:2.5rem;font-weight:600;display:flex}.period{color:var(--muted);font-size:.9rem;font-weight:400}.tier-desc{font-family:var(--font-jakarta),sans-serif;color:#8c8c8ce6;font-size:.85rem;line-height:1.5}.tier-features{flex-grow:1;margin-bottom:40px}.tier-features ul{flex-direction:column;gap:14px;padding:0;list-style:none;display:flex}.tier-features li{font-family:var(--font-jakarta),sans-serif;color:#d2d2d2e6;align-items:flex-start;gap:12px;font-size:.875rem;line-height:1.4;display:flex}.tier-features li svg{color:#a0a0a0b3;flex-shrink:0;margin-top:2px}.extra-usage{border-top:1px dashed #ffffff14;margin-top:8px;padding-top:16px;font-family:var(--font-mono)!important;color:#646464e6!important;font-size:.75rem!important}.pricing-card.highlighted{z-index:2;border-color:#ffffff2e;transform:scale(1.02);box-shadow:0 20px 60px #00000080}@media (max-width:1200px){.pricing-card.highlighted{transform:none}}.pricing-card.highlighted:hover{transform:scale(1.04)}.tier-badge{color:#c8c8c8e6;font-family:var(--font-jakarta),sans-serif;text-transform:uppercase;letter-spacing:.06em;background:#ffffff12;border:1px solid #ffffff26;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:.68rem;font-weight:600;display:flex;position:absolute;top:16px;right:16px}.card-glow-bg{pointer-events:none;z-index:0;background:radial-gradient(circle at 100% 0,#ffffff0a 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.pricing-card.highlighted .card-top,.pricing-card.highlighted .tier-features,.pricing-card.highlighted .pricing-btn{z-index:1;position:relative}.pricing-btn{width:100%;font-family:var(--font-jakarta),sans-serif;cursor:none;letter-spacing:.01em;border-radius:8px;padding:14px;font-size:.9rem;font-weight:500;transition:all .3s}.btn-starter{color:#b4b4b4e6;background:0 0;border:1px solid #ffffff1f}.btn-starter:hover{color:#fff;background:#ffffff0f;border-color:#ffffff40}.btn-pro{color:#fff;background:linear-gradient(135deg,#5a5a5ae6 0%,#373737e6 100%);border:1px solid #ffffff26}.btn-pro:hover{background:linear-gradient(135deg,#6e6e6ef2 0%,#464646f2 100%)}.btn-scale{color:#0a0a0a;background:linear-gradient(135deg,#aaaaaaf2 0%,#646464e6 100%);border:none;font-weight:600}.btn-scale:hover{background:linear-gradient(135deg,#d2d2d2 0%,#8c8c8c 100%)}.btn-enterprise{color:#a0a0a0d9;background:0 0;border:1px solid #fff3}.btn-enterprise:hover{color:#fff;background:#ffffff0a;border-color:#ffffff59}
.models-section{z-index:30;font-family:var(--font-jakarta),sans-serif;background-color:#0000;padding:120px 0;position:relative}.models-header{text-align:center;margin-bottom:72px}.models-eyebrow{font-family:var(--font-jakarta),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#787878e6;margin-bottom:16px;font-size:.7rem;font-weight:600}.models-title{font-family:var(--font-serif);color:var(--foreground);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700}.models-title em{font-family:var(--font-serif);color:#fff;font-style:italic;font-weight:700}.models-subtitle{font-family:var(--font-jakarta),sans-serif;color:#828282e6;max-width:480px;margin:0 auto;font-size:1rem;line-height:1.6}.models-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:1100px){.models-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.models-grid{grid-template-columns:1fr}}.model-card{background:linear-gradient(160deg,#141414e6 0%,#0c0c0cd9 100%);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:20px;padding:28px 24px 24px;transition:border-color .3s,transform .3s;display:flex;position:relative}.model-card:hover{border-color:#fff3;transform:translateY(-4px)}.model-card--featured{background:linear-gradient(160deg,#2c2c2cf2 0%,#161616e6 100%);border-color:#ffffff29;box-shadow:0 16px 48px #0006}.model-badge{font-family:var(--font-jakarta),sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#dcdcdcf2;background:#ffffff14;border:1px solid #ffffff2e;border-radius:100px;padding:3px 10px;font-size:.62rem;font-weight:700;position:absolute;top:16px;right:16px}.model-card-top{flex-direction:column;gap:6px;display:flex}.model-provider{font-family:var(--font-jakarta),sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6e6e6ee6;font-size:.7rem;font-weight:500}.model-name{font-family:var(--font-jakarta),sans-serif;color:#ebebebf2;letter-spacing:-.02em;font-size:1.35rem;font-weight:600}.model-stat{flex-direction:column;gap:4px;display:flex}.model-tokens{font-family:var(--font-serif);color:#fff;letter-spacing:-.03em;font-size:2.2rem;font-weight:700;line-height:1}.model-tokens-label{font-family:var(--font-jakarta),sans-serif;color:#646464e6;letter-spacing:.02em;font-size:.72rem}.model-bar-track{background:#ffffff12;border-radius:100px;width:100%;height:3px;overflow:hidden}.model-bar-fill{height:100%;width:var(--fill-pct);transform-origin:0;background:linear-gradient(90deg,#78787899 0%,#dcdcdcd9 100%);border-radius:100px;animation:1.5s cubic-bezier(.16,1,.3,1) forwards barFill}@keyframes barFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}