.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 40px;height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,backdrop-filter .3s}.navbar.scrolled{background:#0a0a0ae6;border-bottom-color:var(--gray2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.navbar__logo{font-family:var(--font-display);font-size:22px;letter-spacing:2px;color:var(--white);display:flex;align-items:center;gap:10px}.navbar__logo-mark{width:28px;height:28px;background:var(--lime);border-radius:3px;display:flex;align-items:center;justify-content:center}.navbar__logo-mark svg{color:var(--black)}.navbar__links{display:flex;align-items:center;gap:40px;list-style:none}.navbar__links a{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);transition:color .2s}.navbar__links a:hover{color:var(--white)}.navbar__cta{display:inline-flex;align-items:center;gap:8px;background:var(--lime);color:var(--black)!important;font-weight:600!important;padding:8px 20px;border-radius:var(--radius-sm);font-size:13px;transition:opacity .2s,transform .2s!important}.navbar__cta:hover{opacity:.88;transform:translateY(-1px)!important;color:var(--black)!important}.navbar__hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}.navbar__hamburger span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px;transition:all .3s}.navbar__mobile{display:none;position:fixed;top:64px;left:0;right:0;background:var(--black2);border-bottom:1px solid var(--gray2);padding:24px 20px;flex-direction:column;gap:20px;z-index:99}.navbar__mobile.open{display:flex}.navbar__mobile a{font-size:15px;font-weight:500;color:var(--gray);letter-spacing:.04em;padding:8px 0;border-bottom:1px solid var(--gray2);transition:color .2s}.navbar__mobile a:last-child{border-bottom:none}.navbar__mobile a:hover{color:var(--lime)}@media (max-width: 900px){.navbar{padding:0 20px}.navbar__links{display:none}.navbar__hamburger{display:flex}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 40px 80px;overflow:hidden}.hero__lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero__line{position:absolute;background:var(--gray2);opacity:.5}.hero__line--v{width:1px;top:0;bottom:0}.hero__line--h{height:1px;left:0;right:0}.hero__line:nth-child(1){left:25%}.hero__line:nth-child(2){left:50%}.hero__line:nth-child(3){left:75%}.hero__line:nth-child(4){top:33%}.hero__line:nth-child(5){top:66%}.hero__tag{position:absolute;top:120px;right:40px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gray);opacity:.5;display:flex;align-items:center;gap:10px}.hero__tag:before{content:"";display:block;width:1px;height:48px;background:var(--gray);opacity:.4}.hero__inner{position:relative;z-index:1;max-width:1080px}.hero__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:32px;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--lime)}.hero__eyebrow-line{display:block;width:32px;height:1px;background:var(--lime)}.hero__title{font-family:var(--font-display);font-size:clamp(72px,12vw,160px);line-height:.92;letter-spacing:2px;color:var(--white);margin-bottom:0}.hero__title-accent{color:var(--lime);display:block}.hero__title-outline{-webkit-text-stroke:1px rgba(242,242,242,.25);color:transparent;display:block}.hero__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:64px;padding-top:40px;border-top:1px solid var(--gray2);flex-wrap:wrap}.hero__desc{font-size:16px;font-weight:300;color:var(--gray);max-width:420px;line-height:1.75}.hero__desc strong{color:var(--white);font-weight:500}.hero__actions{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap}.btn-lime{display:inline-flex;align-items:center;gap:10px;background:var(--lime);color:var(--black);font-family:var(--font-body);font-weight:600;font-size:14px;padding:14px 28px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:opacity .2s,transform .2s;letter-spacing:.02em}.btn-lime:hover{opacity:.88;transform:translateY(-2px)}.btn-outline{display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--white);font-family:var(--font-body);font-weight:500;font-size:14px;padding:14px 28px;border-radius:var(--radius-sm);border:1px solid var(--gray2);cursor:pointer;transition:border-color .2s,background .2s,transform .2s;letter-spacing:.02em}.btn-outline:hover{border-color:var(--white);background:#f2f2f20a;transform:translateY(-2px)}.hero__scroll{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gray);font-size:10px;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}@media (max-width: 768px){.hero{padding:0 20px 64px;justify-content:flex-end;min-height:100svh}.hero__tag{display:none}.hero__bottom{flex-direction:column;align-items:flex-start}.hero__actions{width:100%}.btn-lime,.btn-outline{flex:1;justify-content:center}}.marquee-wrap{border-top:1px solid var(--gray2);border-bottom:1px solid var(--gray2);overflow:hidden;background:var(--black2);padding:16px 0}.marquee-track{display:flex;gap:0;animation:marquee 28s linear infinite;width:max-content}.marquee-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{display:flex;align-items:center;gap:20px;padding:0 40px;white-space:nowrap;font-family:var(--font-display);font-size:15px;letter-spacing:3px;color:var(--gray);text-transform:uppercase}.marquee-item span{color:var(--lime);font-size:18px;line-height:1}.features{padding:120px 40px;position:relative}.features:before{content:"FEATURES";position:absolute;top:80px;right:40px;font-family:var(--font-display);font-size:120px;letter-spacing:8px;color:transparent;-webkit-text-stroke:1px var(--gray2);pointer-events:none;line-height:1;-webkit-user-select:none;user-select:none}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:80px;flex-wrap:wrap}.section-num{font-family:var(--font-mono);font-size:11px;color:var(--lime);letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-num:after{content:"";display:block;width:32px;height:1px;background:var(--lime)}.section-title{font-family:var(--font-display);font-size:clamp(40px,5vw,64px);line-height:.95;letter-spacing:2px;color:var(--white)}.section-sub{font-size:15px;color:var(--gray);max-width:340px;line-height:1.75;align-self:flex-end;font-weight:300}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--gray2);border-radius:var(--radius-lg);overflow:hidden}.feature-card{padding:44px 36px;border-right:1px solid var(--gray2);border-bottom:1px solid var(--gray2);position:relative;cursor:default;transition:background .3s;overflow:hidden}.feature-card:nth-child(3n){border-right:none}.feature-card:nth-child(4),.feature-card:nth-child(5),.feature-card:nth-child(6){border-bottom:none}.feature-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--lime-dim);opacity:0;transition:opacity .3s}.feature-card:hover:after{opacity:1}.feature-card:hover{background:var(--black2)}.feature-card__num{font-family:var(--font-mono);font-size:11px;color:var(--gray);letter-spacing:.1em;margin-bottom:32px}.feature-card__icon{width:40px;height:40px;color:var(--lime);margin-bottom:20px;position:relative;z-index:1}.feature-card__title{font-family:var(--font-display);font-size:22px;letter-spacing:1px;color:var(--white);margin-bottom:12px;position:relative;z-index:1}.feature-card__desc{font-size:14px;color:var(--gray);line-height:1.7;font-weight:300;position:relative;z-index:1}@media (max-width: 900px){.features{padding:80px 20px}.features:before{display:none}.features-grid{grid-template-columns:1fr 1fr}.feature-card:nth-child(2n){border-right:none}.feature-card:nth-child(3n){border-right:1px solid var(--gray2)}.feature-card:nth-child(5),.feature-card:nth-child(6){border-bottom:none}.feature-card:nth-child(4){border-bottom:1px solid var(--gray2)}.feature-card:nth-child(3){border-bottom:1px solid var(--gray2)}}@media (max-width: 560px){.features-grid{grid-template-columns:1fr}.feature-card{border-right:none!important;border-bottom:1px solid var(--gray2)!important}.feature-card:last-child{border-bottom:none!important}}.how{padding:120px 40px;background:var(--black2);border-top:1px solid var(--gray2);border-bottom:1px solid var(--gray2)}.how__layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:80px;align-items:start}.how__steps{display:flex;flex-direction:column;gap:0}.how__step{display:flex;gap:24px;padding:36px 0;border-bottom:1px solid var(--gray2);position:relative;cursor:default}.how__step:first-child{border-top:1px solid var(--gray2)}.how__step-num{font-family:var(--font-mono);font-size:11px;color:var(--lime);letter-spacing:.1em;flex-shrink:0;width:36px;padding-top:3px}.how__step-content{flex:1}.how__step-title{font-family:var(--font-display);font-size:20px;letter-spacing:1px;color:var(--white);margin-bottom:10px;transition:color .2s}.how__step:hover .how__step-title{color:var(--lime)}.how__step-desc{font-size:14px;color:var(--gray);line-height:1.7;font-weight:300}.how__step-arrow{flex-shrink:0;color:var(--gray2);align-self:center;transition:color .2s,transform .2s}.how__step:hover .how__step-arrow{color:var(--lime);transform:translate(4px)}.how__code-panel{position:sticky;top:100px}.how__code-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--gray);margin-bottom:12px;display:flex;align-items:center;gap:10px}.how__code-label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}.how__code-block{background:var(--black);border:1px solid var(--gray2);border-radius:var(--radius-lg);overflow:hidden}.how__code-header{background:var(--black3);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray2)}.how__code-dots{display:flex;gap:6px}.how__code-dots span{width:10px;height:10px;border-radius:50%}.how__code-dots span:nth-child(1){background:#ff5f57}.how__code-dots span:nth-child(2){background:#ffbd2e}.how__code-dots span:nth-child(3){background:#28ca42}.how__code-filename{font-family:var(--font-mono);font-size:11px;color:var(--gray)}.how__code-body{padding:28px;font-family:var(--font-mono);font-size:13px;line-height:2;overflow-x:auto}.code-comment{color:#555}.code-keyword{color:#c8ff00}.code-string{color:#a5d6ff}.code-number{color:#ff9d6f}.code-func{color:#d2a8ff}.code-var{color:var(--white)}@media (max-width: 900px){.how{padding:80px 20px}.how__layout{grid-template-columns:1fr;gap:48px}.how__code-panel{position:static}}.apikeys{padding:120px 40px;position:relative;overflow:hidden}.apikeys__bg-text{position:absolute;bottom:60px;left:-20px;font-family:var(--font-display);font-size:180px;letter-spacing:8px;color:transparent;-webkit-text-stroke:1px var(--gray2);pointer-events:none;line-height:1;-webkit-user-select:none;user-select:none;white-space:nowrap}.apikeys__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:80px}.key-card{background:var(--black2);border:1px solid var(--gray2);border-radius:var(--radius-lg);padding:36px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s}.key-card:hover{border-color:var(--lime-border);transform:translateY(-3px)}.key-card__step{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--lime);margin-bottom:20px;display:flex;align-items:center;gap:10px}.key-card__step:after{content:"";flex:1;height:1px;background:var(--gray2)}.key-card__title{font-family:var(--font-display);font-size:22px;letter-spacing:1px;color:var(--white);margin-bottom:12px}.key-card__desc{font-size:14px;color:var(--gray);line-height:1.7;font-weight:300}.key-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;color:var(--lime);padding:8px 16px;border:1px solid var(--lime-border);border-radius:var(--radius-sm);transition:background .2s,gap .2s}.key-card__link:hover{background:var(--lime-dim);gap:12px}.key-card__badge{position:absolute;top:20px;right:20px;width:32px;height:32px;background:var(--lime-dim);border:1px solid var(--lime-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--lime)}@media (max-width: 768px){.apikeys{padding:80px 20px}.apikeys__bg-text{display:none}.apikeys__grid{grid-template-columns:1fr}}.warning-section{padding:0 40px 120px}.warning-box{background:var(--red-bg);border:1px solid var(--red-border);border-radius:var(--radius-lg);overflow:hidden}.warning-box__header{display:flex;align-items:center;gap:16px;padding:24px 36px;border-bottom:1px solid var(--red-border);background:#ff3b3b0a}.warning-box__icon{width:36px;height:36px;background:#ff3b3b1f;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--red);flex-shrink:0}.warning-box__title{font-family:var(--font-display);font-size:20px;letter-spacing:2px;color:var(--red)}.warning-box__body{padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.warning-point__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--red);margin-bottom:10px;opacity:.8}.warning-point__text{font-size:14px;color:#9a7575;line-height:1.75;font-weight:300}.warning-point__text strong{color:#c08080;font-weight:500}@media (max-width: 768px){.warning-section{padding:0 20px 80px}.warning-box__header{padding:20px}.warning-box__body{grid-template-columns:1fr;padding:24px;gap:24px}}.footer{border-top:1px solid var(--gray2);padding:64px 40px 40px;background:var(--black2)}.footer__top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;padding-bottom:48px;border-bottom:1px solid var(--gray2);flex-wrap:wrap}.footer__logo{font-family:var(--font-display);font-size:28px;letter-spacing:3px;color:var(--white);display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer__logo-dot{width:8px;height:8px;background:var(--lime);border-radius:1px;transform:rotate(45deg)}.footer__tagline{font-size:13px;color:var(--gray);font-weight:300;max-width:240px;line-height:1.6}.footer__links{display:flex;flex-direction:column;gap:8px}.footer__links-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--gray);margin-bottom:8px}.footer__link{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--gray);transition:color .2s;padding:4px 0}.footer__link:hover{color:var(--lime)}.footer__link svg{flex-shrink:0}.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;flex-wrap:wrap}.footer__copy{font-family:var(--font-mono);font-size:11px;color:var(--gray2);letter-spacing:.05em;line-height:1.6}.footer__copy a{color:var(--gray);text-decoration:underline;text-underline-offset:3px}.footer__made{font-family:var(--font-mono);font-size:11px;color:var(--gray2);letter-spacing:.05em}.footer__made span{color:var(--lime)}@media (max-width: 768px){.footer{padding:48px 20px 32px}.footer__top{flex-direction:column}.footer__bottom{flex-direction:column;align-items:flex-start}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #0A0A0A;--black2: #111111;--black3: #1A1A1A;--lime: #C8FF00;--lime-dim: rgba(200, 255, 0, .07);--lime-border: rgba(200, 255, 0, .22);--white: #F2F2F2;--gray: #888888;--gray2: #333333;--red: #FF3B3B;--red-bg: rgba(255, 59, 59, .07);--red-border: rgba(255, 59, 59, .22);--font-display: "Bebas Neue", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "DM Mono", monospace;--radius-sm: 4px;--radius: 8px;--radius-lg: 14px;--ease: cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;font-size:16px}body{background:var(--black);color:var(--white);font-family:var(--font-body);font-weight:400;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--lime);color:var(--black)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--lime)}a{color:inherit;text-decoration:none}img,svg{display:block}.container{max-width:1160px;margin:0 auto;padding:0 40px}.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.container{padding:0 20px}}