*,*::before,*::after{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;font-size:1rem;line-height:1.6;color:#f0f0f5;background:#0a0a0f;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font:inherit;border:none;outline:none;background:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.75rem;border-radius:8px;font-weight:600;font-size:1rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;position:relative}.btn--primary{background:linear-gradient(135deg, #ff6b35, #ff2d2d, #ff8c42);color:#fff;-webkit-box-shadow:0 0 20px rgba(255,107,53,0.3);box-shadow:0 0 20px rgba(255,107,53,0.3)}.btn--primary:hover{-webkit-box-shadow:0 0 30px rgba(255,107,53,0.5);box-shadow:0 0 30px rgba(255,107,53,0.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn--secondary{border:1px solid rgba(255,107,53,0.4);color:#f0f0f5;background:rgba(255,107,53,0.05)}.btn--secondary:hover{background:rgba(255,107,53,0.12);border-color:rgba(255,107,53,0.6)}.btn--sm{padding:0.5rem 1.25rem;font-size:0.875rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;-webkit-transition:background 0.3s ease;transition:background 0.3s ease;background:rgba(10,10,15,0.8);backdrop-filter:blur(12px);border-bottom:1px solid transparent}.navbar.scrolled{border-bottom-color:rgba(255,255,255,0.06)}.navbar__inner{display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg, #ff6b35, #ff2d2d, #ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.02em}.navbar__links{display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.navbar__links{display:none}.navbar__links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(10,10,15,0.95);backdrop-filter:blur(12px);padding:1.5rem;border-bottom:1px solid rgba(255,255,255,0.06);gap:1rem}}.navbar__links a{font-size:0.875rem;color:#a0a0b5;-webkit-transition:color 0.2s ease;transition:color 0.2s ease}.navbar__links a:hover{color:#f0f0f5}.navbar__toggle{display:none;flex-direction:column;gap:5px;padding:4px}@media (max-width: 768px){.navbar__toggle{display:flex}}.navbar__toggle span{display:block;width:22px;height:2px;background:#f0f0f5;border-radius:1px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.card{background:#1a1a2e;border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:2rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.card:hover{border-color:rgba(255,107,53,0.3);background:#222240;-webkit-box-shadow:0 0 30px rgba(255,107,53,0.06);box-shadow:0 0 30px rgba(255,107,53,0.06);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.card__icon{width:48px;height:48px;border-radius:8px;background:rgba(255,107,53,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.5rem}.card__title{font-size:1.125rem;font-weight:700;margin-bottom:0.5rem}.card__text{font-size:0.875rem;color:#a0a0b5;line-height:1.7}.code-block{background:#0d0d18;border:1px solid rgba(255,255,255,0.06);border-radius:12px;overflow:hidden;font-family:"JetBrains Mono", "Fira Code", monospace;font-size:0.875rem}.code-block__header{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(255,255,255,0.03);border-bottom:1px solid rgba(255,255,255,0.06)}.code-block__header .dot{width:10px;height:10px;border-radius:50%}.code-block__header .dot--red{background:#ff5f57}.code-block__header .dot--yellow{background:#febc2e}.code-block__header .dot--green{background:#28c840}.code-block__header span.filename{margin-left:0.5rem;color:#6a6a80;font-size:0.75rem}.code-block__body{padding:1.25rem;overflow-x:auto;line-height:1.8}.code-block__body .comment{color:#6a6a80}.code-block__body .key{color:#ff8c42}.code-block__body .string{color:#7dd3fc}.code-block__body .punct{color:#6a6a80}.code-block__body .dir{color:#ff6b35}.code-block__body .file{color:#a0a0b5}.code-block__body .highlight{color:#ff8c42}.section-heading{text-align:center;margin-bottom:3.5rem}.section-heading__tag{display:inline-block;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:#ff6b35;margin-bottom:1rem;padding:0.3rem 0.75rem;background:rgba(255,107,53,0.08);border-radius:20px;border:1px solid rgba(255,107,53,0.15)}.section-heading__title{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem;letter-spacing:-0.02em}@media (max-width: 768px){.section-heading__title{font-size:2rem}}.section-heading__subtitle{font-size:1.125rem;color:#a0a0b5;max-width:600px;margin:0 auto}.fade-in{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:opacity 0.6s ease, -webkit-transform 0.6s ease;transition:opacity 0.6s ease, -webkit-transform 0.6s ease;transition:opacity 0.6s ease, transform 0.6s ease;transition:opacity 0.6s ease, transform 0.6s ease, -webkit-transform 0.6s ease}.fade-in.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.hero{padding:10rem 0 6rem;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-50%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle, rgba(255,107,53,0.08) 0%, transparent 70%);pointer-events:none}.hero__inner{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media (max-width: 1024px){.hero__inner{-ms-grid-columns:1fr;grid-template-columns:1fr;text-align:center}}.hero__content{position:relative;z-index:1}.hero__tag{display:inline-block;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:#ff6b35;margin-bottom:1.5rem;padding:0.3rem 0.75rem;background:rgba(255,107,53,0.08);border-radius:20px;border:1px solid rgba(255,107,53,0.15)}.hero__title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-0.03em}@media (max-width: 768px){.hero__title{font-size:2.5rem}}.hero__title .gradient{background:linear-gradient(135deg, #ff6b35, #ff2d2d, #ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:1.125rem;color:#a0a0b5;margin-bottom:2rem;max-width:500px;line-height:1.7}@media (max-width: 1024px){.hero__subtitle{margin:0 auto 2rem}}.hero__actions{display:flex;gap:1rem}@media (max-width: 1024px){.hero__actions{justify-content:center}}@media (max-width: 640px){.hero__actions{flex-direction:column;align-items:center}}.hero__visual{position:relative;z-index:1}@media (max-width: 1024px){.hero__visual{max-width:550px;margin:0 auto}}.hero__visual .code-block{-webkit-box-shadow:0 0 60px rgba(255,107,53,0.08);box-shadow:0 0 60px rgba(255,107,53,0.08)}.problems{padding:6rem 0;background:#12121a}.problems__grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);gap:1.5rem}@media (max-width: 768px){.problems__grid{-ms-grid-columns:1fr;grid-template-columns:1fr}}.problems .card{text-align:center}.problems .card__icon{margin:0 auto 1.25rem;background:rgba(255,45,45,0.1)}.how-it-works{padding:6rem 0}.how-it-works__steps{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr);gap:1.5rem;position:relative}@media (max-width: 1024px){.how-it-works__steps{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}}@media (max-width: 640px){.how-it-works__steps{-ms-grid-columns:1fr;grid-template-columns:1fr}}.how-it-works .step{text-align:center;padding:2rem 1.5rem;position:relative}.how-it-works .step__number{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #ff6b35, #ff2d2d, #ff8c42);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.875rem;margin:0 auto 1.25rem;color:#fff}.how-it-works .step__title{font-family:"JetBrains Mono", "Fira Code", monospace;font-size:0.875rem;color:#ff8c42;margin-bottom:0.75rem}.how-it-works .step__text{font-size:0.875rem;color:#a0a0b5;line-height:1.7}.how-it-works .step__arrow{display:none;position:absolute;right:-1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#6a6a80;font-size:1.25rem}@media (min-width: 1024px){.how-it-works .step__arrow{display:block}}.how-it-works .step:last-child .step__arrow{display:none}.features{padding:6rem 0;background:#12121a}.features__grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);gap:1.5rem}@media (max-width: 1024px){.features__grid{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}}@media (max-width: 640px){.features__grid{-ms-grid-columns:1fr;grid-template-columns:1fr}}.code-example{padding:6rem 0}.code-example__grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 1024px){.code-example__grid{-ms-grid-columns:1fr;grid-template-columns:1fr}}.code-example__label{font-size:0.875rem;font-weight:600;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}.code-example__label--before{color:#6a6a80}.code-example__label--after{color:#ff8c42}.cta-section{padding:6rem 0;background:#12121a;text-align:center;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;bottom:-50%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle, rgba(255,107,53,0.06) 0%, transparent 70%);pointer-events:none}.cta-section__content{position:relative;z-index:1;max-width:600px;margin:0 auto}.cta-section__title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-0.02em}@media (max-width: 768px){.cta-section__title{font-size:2rem}}.cta-section__text{font-size:1.125rem;color:#a0a0b5;margin-bottom:2.5rem}.cta-section__form{display:flex;gap:0.75rem;max-width:460px;margin:0 auto}@media (max-width: 640px){.cta-section__form{flex-direction:column}}.cta-section__input{flex:1;padding:0.75rem 1.25rem;border-radius:8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.06);color:#f0f0f5;font-size:1rem;-webkit-transition:border-color 0.2s ease;transition:border-color 0.2s ease}.cta-section__input::-webkit-input-placeholder{color:#6a6a80}.cta-section__input::-moz-placeholder{color:#6a6a80}.cta-section__input:-ms-input-placeholder{color:#6a6a80}.cta-section__input::-ms-input-placeholder{color:#6a6a80}.cta-section__input::placeholder{color:#6a6a80}.cta-section__input:focus{border-color:rgba(255,107,53,0.5)}.footer{padding:3rem 0;border-top:1px solid rgba(255,255,255,0.06)}.footer__inner{display:flex;align-items:center;justify-content:space-between}@media (max-width: 640px){.footer__inner{flex-direction:column;gap:1rem;text-align:center}}.footer__logo{font-weight:800;font-size:1.125rem;background:linear-gradient(135deg, #ff6b35, #ff2d2d, #ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer__links{display:flex;gap:1.5rem}.footer__links a{font-size:0.875rem;color:#6a6a80;-webkit-transition:color 0.2s ease;transition:color 0.2s ease}.footer__links a:hover{color:#f0f0f5}.footer__copy{font-size:0.75rem;color:#6a6a80}