.code-section{background-color:#fbfcfe;border-bottom:1px solid #d9d9d9;padding:80px 24px;text-align:center}.code-section>h2{color:#202020;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px}.code-section>.section-subtitle{color:#646464;font-size:1.125rem;margin:0 auto 48px}.code-section>.code-comparison{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto 40px;max-width:70%}@media(max-width:768px){.code-section .code-comparison{grid-template-columns:100%;margin:0 0 20px;max-width:100%}}.code-section>.code-comparison>.code-block{background-color:#f9f9f9;border:1px solid #d9d9d9;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;overflow:hidden;transition:all .2s ease}.code-section>.code-comparison>.code-block:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-2px)}.code-section>.code-comparison>.code-block.code-block--surimi{border:1px solid #1c71d8}.code-section>.code-comparison>.code-block>.code-header{align-items:center;background-color:#f0f0f0;border-bottom:1px solid #d9d9d9;display:flex;justify-content:space-between;padding:12px 16px}.code-block--surimi .code-header{background:linear-gradient(135deg,#1c71d8,#0363c9)}.code-section>.code-comparison>.code-block>.code-header>.code-label{color:#646464;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.code-section>.code-comparison>.code-block.code-block--surimi .code-header .code-label{color:#fff}.code-section>.code-comparison>.code-block>pre{background-color:#fbfcfe;margin:0;overflow:auto;padding:20px;text-align:left}.code-section>.code-comparison>.code-block code{color:#202020;font-family:JetBrains Mono,Fira Code,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.6;white-space:pre-wrap}.code-section>.pro-tip{background-color:#e9f1fd;border:1px solid #1c71d8;border-radius:12px;color:#202020;font-size:1rem;line-height:1.6;margin:0 auto;max-width:800px;padding:20px 24px;text-align:left}.code-section>.pro-tip>strong{color:#1c71d8;font-weight:600}.features-section{background-color:#fcfcfc;border-bottom:1px solid #d9d9d9;padding:3rem 1.5rem}.features-section>.features-section__container{margin:0 auto;max-width:1200px}.features-section>.features-section__container>.features-section__title{color:#202020;font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.features-section>.features-section__container>.features-section__subtitle{color:#646464;font-size:1.125rem;line-height:1.625;margin:0 auto 4rem;max-width:700px;text-align:center}.features-section>.features-section__container>.features-section__grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.features-section>.features-section__container>.features-section__grid>.features-section-card{background-color:#fbfcfe;border:1px solid #d9d9d9;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;overflow:hidden;padding:3rem;position:relative;text-align:left;transition:all .2s cubic-bezier(0,0,.2,1)}.features-section>.features-section__container>.features-section__grid>.features-section-card:hover{border-color:#b6d3fb;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-2px)}.features-section>.features-section__container>.features-section__grid>.features-section-card>.features-section-card__icon{align-items:center;background-color:#e9f1fd;border-radius:.5rem;color:#176dd4;display:flex;font-size:1.25rem;height:48px;justify-content:center;margin-bottom:.75rem;width:48px}.features-section>.features-section__container>.features-section__grid>.features-section-card>.features-section-card__title{color:#202020;font-size:1.125rem;font-weight:600;line-height:1.25;margin-bottom:.5rem}.features-section>.features-section__container>.features-section__grid>.features-section-card>.features-section-card__description{color:#646464;font-size:.875rem;line-height:1.625;margin:0}.hero{align-items:center;background:linear-gradient(180deg,#f4f8fe,#fcfcfc);border-bottom:1px solid #d9d9d9;color:#202020;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:8rem;text-align:center}.hero>.hero__title{font-size:3.75rem;font-weight:700;line-height:1.25;margin:0 0 1.5rem}.hero>.hero__title>.hero__title__gradient{background:linear-gradient(90deg,#1c71d8,#176dd4);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:block;font-weight:800;line-height:1.25;margin:0}.hero>.hero__subtitle{color:#646464;font-size:1.25rem;line-height:1.625;margin:0 0 1.5rem;max-width:650px}.hero>.hero__buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.hero .hero__button{align-items:center;border:none;border-radius:.375rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.25rem;padding:.5rem 1.5rem;text-decoration:none;transition:all .2s cubic-bezier(0,0,.2,1)}.hero .hero__button--primary{background:linear-gradient(90deg,#1c71d8,#176dd4);color:#fff}.hero .hero__button--primary:hover{background-color:#0363c9;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-1px)}.hero .hero__button--primary:active{background-color:#176dd4;transform:translateY(0)}.hero .hero__button--secondary{background-color:#f0f0f0;border:1px solid #d9d9d9;box-shadow:none;color:#202020}.hero .hero__button--secondary:hover{background-color:#e8e8e8;border-color:#cecece;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transform:translateY(-1px)}.hero .hero__button--secondary:active{background-color:#e0e0e0;transform:translateY(0)}@media(max-width:768px){.hero{gap:.75rem;padding:3rem .75rem}.hero__title{font-size:2.25rem;line-height:1.25;margin-bottom:.75rem}.hero__subtitle{font-size:1.125rem;margin-bottom:.75rem;max-width:100%;padding:0 .25rem}.hero__buttons{flex-direction:column;gap:.5rem;max-width:320px;width:100%}.hero__button{font-size:1rem;justify-content:center;padding:.75rem 1.5rem;width:100%}}@media(max-width:640px){.hero{padding:1.5rem .5rem}.hero__title{font-size:1.875rem}.hero__subtitle{font-size:1rem;padding:0 .125rem}}.install-section{background:linear-gradient(0deg,#f4f8fe,#fcfcfc);padding:clamp(3rem,8vw,5rem) clamp(1rem,4vw,2rem)}.install-section>.install-section__container{margin:0 auto;max-width:900px;width:100%}.install-section>.install-section__container>.install-section__header{margin-bottom:3rem;text-align:center}.install-section>.install-section__container>.install-section__header>.install-section__badge{background-color:#e9f1fd;border-radius:9999px;color:#176dd4;display:inline-block;font-size:.875rem;font-weight:500;margin-bottom:.75rem;padding:.25rem .75rem}.install-section>.install-section__container>.install-section__header>.install-section__title{color:#202020;font-size:clamp(1.875rem,5vw,2.25rem);font-weight:700;line-height:1.25;margin-bottom:.75rem}.install-section>.install-section__container>.install-section__header>.install-section__subtitle{color:#646464;font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.625;margin:0 auto;max-width:500px}.install-section>.install-section__container>.install-section__commands{display:flex;flex-direction:column;gap:.75rem;margin-bottom:3rem}.install-section>.install-section__container>.install-section__commands>.install-command{align-items:center;background-color:#fbfcfe;border:1px solid #d9d9d9;border-radius:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;min-height:60px;padding:.5rem .75rem;transition:all .2s cubic-bezier(0,0,.2,1)}.install-section>.install-section__container>.install-section__commands>.install-command:hover{border-color:#b6d3fb;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.install-section>.install-section__container>.install-section__commands>.install-command>.install-command__content{align-items:center;display:flex;flex:1;font-family:JetBrains Mono,Fira Code,Consolas,Courier New,monospace;font-size:clamp(.875rem,2.5vw,1rem);gap:.25rem;min-width:200px}.install-section>.install-section__container>.install-section__commands>.install-command>.install-command__content>.install-command__prompt{color:#176dd4;flex-shrink:0;font-weight:700}.install-section>.install-section__container>.install-section__commands>.install-command>.install-command__content>.install-command__text{background-color:transparent;border:none;color:#202020;outline:none;word-break:break-all}.install-section>.install-section__container>.install-section__commands>.install-command>.install-command__copy{align-items:center;background-color:#f0f0f0;border:none;border-radius:.375rem;color:#202020;cursor:pointer;display:flex;flex-shrink:0;font-size:clamp(.75rem,2vw,.875rem);font-weight:500;gap:.125rem;padding:.25rem .5rem;transition:all .2s cubic-bezier(0,0,.2,1);white-space:nowrap}.install-section>.install-section__container>.install-section__commands>.install-command>.install-command__copy:hover{background-color:#e8e8e8}.install-section>.install-section__container>.install-section__commands>.install-command>.install-command__copy svg{height:14px;width:14px}.install-section>.install-section__container>.install-section__quickstart{background-color:#fbfcfe;border:1px solid #d9d9d9;border-radius:.75rem;padding:clamp(1.5rem,4vw,2rem)}.install-section>.install-section__container>.install-section__quickstart>.install-section__quickstart-title{color:#202020;font-size:clamp(1.125rem,3vw,1.25rem);font-weight:600;margin-bottom:1.5rem;text-align:left}.install-section>.install-section__container>.install-section__quickstart>.install-section__steps{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0 0 3rem;padding:0}.install-section>.install-section__container>.install-section__quickstart>.install-section__steps>.install-section__step{align-items:flex-start;display:flex;gap:.75rem}.install-section>.install-section__container>.install-section__quickstart>.install-section__steps>.install-section__step>.install-section__step-number{align-items:center;background-color:#1c71d8;border-radius:9999px;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:28px;justify-content:center;width:28px}.install-section>.install-section__container>.install-section__quickstart>.install-section__steps>.install-section__step>.install-section__step-text{color:#202020;font-size:1rem;line-height:1.625;padding-top:2px}.install-section>.install-section__container>.install-section__quickstart>.install-section__docs-link{align-items:center;color:#176dd4;display:inline-flex;font-size:1rem;font-weight:500;gap:.25rem;text-decoration:none;transition:all .2s cubic-bezier(0,0,.2,1)}.install-section>.install-section__container>.install-section__quickstart>.install-section__docs-link:hover{color:#0363c9}.install-section>.install-section__container>.install-section__quickstart>.install-section__docs-link svg{height:16px;width:16px}
