.demo-section__title,.cta__title,.code-demo__title,.feature-card__title,.section__title,.hero__title{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.prop-card__desc,.code-demo__desc,.feature-card__desc,.hero__desc{color:var(--foreground-dimmer);line-height:1.6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--background-root);color:var(--foreground-default);line-height:1.5;overflow-x:hidden}:root{--background-root: #0b0e14;--background-default: #14181f;--background-higher: #1e2530;--background-highest: #2b3442;--foreground-default: #f0f3f8;--foreground-dimmer: #b8c0cc;--foreground-dimmest: #5c6778;--outline-dimmest: #1e2530;--outline-default: #3b4656;--accent-primary-default: #6c6cf0;--accent-primary-dimmer: #2d2d6b;--accent-primary-dimmest: #1a1a3e;--accent-primary-stronger: #8b8bf5;--accent-primary-strongest: #a8a8fa;--accent-positive-dimmest: #0d281c;--accent-positive-dimmer: #1a3d2e;--accent-positive-default: #2b8a5e;--accent-positive-stronger: #3ca87a;--accent-positive-strongest: #5cc99a;--accent-negative-dimmest: #3a0d0d;--accent-negative-dimmer: #5c1a1a;--accent-negative-default: #e63946;--accent-negative-stronger: #ff6b6b;--accent-negative-strongest: #ff9999;--font-sans: "IBM Plex Sans", -apple-system, sans-serif;--font-display: "ABC Diatype", "IBM Plex Sans", sans-serif;--font-mono: "SF Mono", Monaco, monospace}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.useView{min-width:320px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s}.btn--ghost{color:var(--foreground-dimmer)}.btn--ghost:hover{color:var(--foreground-default);background:var(--background-higher)}.btn--lang{font-weight:600;letter-spacing:.02em;min-width:40px}.btn--primary{background:var(--accent-primary-default);color:#fff}.btn--primary:hover{background:var(--accent-primary-stronger)}.btn--large{padding:12px 24px;font-size:16px;border-radius:10px}.btn--menu{display:none}@media(max-width:768px){.btn--menu{display:inline-flex}}.hero{padding:80px 0 60px;text-align:center}@media(max-width:768px){.hero{padding:56px 0 40px}}.hero__title{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;margin-bottom:20px;background:linear-gradient(180deg,var(--foreground-default),var(--foreground-dimmer));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__desc{font-size:clamp(1rem,2vw,1.25rem);max-width:640px;margin:0 auto 32px}.hero__actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.hero__stats{display:flex;align-items:center;justify-content:center;gap:48px;margin-top:60px;flex-wrap:wrap}@media(max-width:768px){.hero__stats{gap:32px}}.hero__stat-value{font-family:var(--font-display);font-size:2rem;font-weight:600}.hero__stat-label{font-size:14px;color:var(--foreground-dimmest);margin-top:4px}.trusted{padding:60px 0;border-top:1px solid var(--outline-dimmest)}@media(max-width:768px){.trusted{padding:40px 0}}.trusted__label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--foreground-dimmest);text-align:center;margin-bottom:32px}.trusted__logos{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;opacity:.5}.trusted__logos svg{height:24px;width:auto}.section{padding:80px 0}@media(max-width:768px){.section{padding:56px 0}}.section__header{text-align:center;margin-bottom:56px}.section__title{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:12px}.section__desc{color:var(--foreground-dimmer);font-size:1.05rem;max-width:560px;margin:0 auto}.section__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}.feature-card{display:block;text-decoration:none;color:inherit;padding:32px;background:var(--background-default);border:1px solid var(--outline-dimmest);border-radius:16px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--outline-default);transform:translateY(-2px)}.feature-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:var(--accent-primary-dimmest);margin-bottom:16px;color:var(--accent-primary-default)}.feature-card__title{font-size:1.125rem;margin-bottom:8px}.feature-card__desc{font-size:14px}.feature-card__link{display:inline-block;margin-top:16px;font-size:14px;font-weight:600;color:var(--accent-primary-default)}.code-demo{padding:60px 0}@media(max-width:768px){.code-demo{padding:40px 0}}.code-demo__container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media(max-width:920px){.code-demo__container{grid-template-columns:1fr}}.code-demo__title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:16px}.code-demo__desc{font-size:1rem;margin-bottom:24px}.code-demo__editor{background:var(--background-default);border:1px solid var(--outline-dimmest);border-radius:16px;overflow:hidden}.code-demo__editor-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--background-higher);border-bottom:1px solid var(--outline-dimmest)}.code-demo__editor-dot{width:10px;height:10px;border-radius:50%}.code-demo__editor-dot:nth-child(1){background:#ff5f57}.code-demo__editor-dot:nth-child(2){background:#febc2e}.code-demo__editor-dot:nth-child(3){background:#28c840}.code-demo__editor-body{padding:20px;font-family:var(--font-mono);font-size:13px;line-height:1.8;color:var(--foreground-dimmer);white-space:pre-wrap}.code-demo__editor-body .keyword{color:#c792ea}.code-demo__editor-body .string{color:#c3e88d}.code-demo__editor-body .function{color:#82aaff}.code-demo__editor-body .comment{color:#546e7a}.code-demo__editor-body .number{color:#f78c6c}.code-demo__editor-body .variable{color:#eff}.cta{padding:80px 0;text-align:center}@media(max-width:768px){.cta{padding:56px 0}}.cta__title{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:16px}.cta__desc{color:var(--foreground-dimmer);font-size:1.05rem;max-width:480px;margin:0 auto 32px}.prop-card{padding:24px;background:var(--background-default);border:1px solid var(--outline-dimmest);border-radius:12px}.prop-card__title{font-family:var(--font-mono);font-size:.95rem;font-weight:600;color:var(--accent-primary-strongest);margin-bottom:8px}.prop-card__desc{font-size:14px;margin-bottom:16px}.prop-demo{padding:12px;background:var(--background-higher);border:1px solid var(--outline-dimmest);border-radius:8px}.code-block{background:var(--background-highest);padding:10px 12px;border-radius:6px;font-family:var(--font-mono);font-size:12px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;margin-bottom:12px}.prop-demo__label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--foreground-dimmest);margin-bottom:8px;display:block}.demo-section{background:var(--background-default);border:1px solid var(--outline-dimmest);border-radius:16px;padding:32px;margin-bottom:20px}.demo-section:last-child{margin-bottom:0}.demo-section__title{font-size:1.125rem;margin-bottom:8px}.demo-section__desc{font-size:14px;color:var(--foreground-dimmer);margin-bottom:16px}.demo-section__output{margin-bottom:16px}.demo-section__actions{display:flex;gap:8px;flex-wrap:wrap}.counter-display{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--accent-primary-stronger);padding:8px 16px;background:var(--background-higher);border-radius:8px;display:inline-block}.demo-box{padding:12px 16px;background:var(--background-higher);border:1px solid var(--outline-dimmest);border-radius:8px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.header{position:sticky;top:0;z-index:100;background:var(--background-default);background:color-mix(in srgb,var(--background-default) 80%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--outline-dimmest)}.header__container{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1200px;margin:0 auto;padding:0 24px}.header__logo{color:var(--foreground-default)}.header__logo,.logo-img{max-width:200px;min-width:160px;max-height:28px;width:100%;height:100%}.header__nav{display:flex;align-items:center;gap:32px}@media(max-width:768px){.header__nav{display:none}}.header__link{font-size:14px;font-weight:500;color:var(--foreground-dimmer);transition:color .2s}.header__link:hover{color:var(--foreground-default)}.header__actions{display:flex;align-items:center;gap:12px}@media(max-width:768px){.header__cta{display:none}}.footer{padding:48px 0;border-top:1px solid var(--outline-dimmest)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}@media(max-width:768px){.footer__grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.footer__grid{grid-template-columns:1fr}}.footer__brand-desc{font-size:14px;color:var(--foreground-dimmest);margin-top:16px;max-width:280px;line-height:1.6}.footer__column-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--foreground-default);margin-bottom:16px}.footer__link{display:block;font-size:14px;color:var(--foreground-dimmer);margin-bottom:10px;transition:color .2s}.footer__link:hover{color:var(--foreground-default)}.footer__bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--outline-dimmest);display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--foreground-dimmest)}@media(max-width:768px){.footer__bottom{flex-direction:column;gap:8px;text-align:center}}.mobile-menu{display:none}.mobile-menu--open{display:block}.mobile-menu__nav{display:flex;flex-direction:column;gap:8px;padding:16px 24px 24px;background:var(--background-default);border-bottom:1px solid var(--outline-dimmest)}.mobile-menu__nav .header__link{padding:10px 0;font-size:15px}.mobile-menu__nav .header__link--action{margin-top:8px;padding:12px 16px;background:var(--accent-primary-default);color:#fff;border-radius:8px;text-align:center;font-weight:600}