@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.navbar{z-index:100;height:var(--nav-height);border-bottom:1px solid #0000;transition:background .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--border-subtle);background:#0f1117d9}.navbar__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar__brand{align-items:center;gap:var(--sp-2);color:var(--text-primary);text-decoration:none;display:flex}.navbar__brand:hover{color:var(--text-primary)}.navbar__brand-text{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.08em;color:var(--accent);font-weight:700}.navbar__links{align-items:center;gap:var(--sp-8);display:flex}.navbar__link{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .15s;position:relative}.navbar__link:hover,.navbar__link--active{color:var(--text-primary)}.navbar__link--active:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.navbar__cta{margin-left:var(--sp-4)}.navbar__toggle{appearance:none;cursor:pointer;padding:var(--sp-2);background:0 0;border:none;display:none}.navbar__hamburger,.navbar__hamburger:before,.navbar__hamburger:after{background:var(--text-secondary);border-radius:1px;width:20px;height:2px;transition:all .25s;display:block;position:relative}.navbar__hamburger:before,.navbar__hamburger:after{content:"";position:absolute;left:0}.navbar__hamburger:before{top:-6px}.navbar__hamburger:after{top:6px}.navbar__hamburger--open{background:0 0}.navbar__hamburger--open:before{background:var(--text-primary);top:0;transform:rotate(45deg)}.navbar__hamburger--open:after{background:var(--text-primary);top:0;transform:rotate(-45deg)}@media (width<=768px){.navbar__toggle{display:block}.navbar__links{top:var(--nav-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding-top:var(--sp-10);justify-content:flex-start;gap:var(--sp-6);background:#0f1117fa;flex-direction:column;display:none;position:fixed;bottom:0;left:0;right:0}.navbar__links--open{display:flex}.navbar__link{font-size:var(--text-lg)}.navbar__cta{margin-left:0;margin-top:var(--sp-4)}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:var(--sp-16) 0 var(--sp-8);margin-top:auto}.footer__grid{gap:var(--sp-10);margin-bottom:var(--sp-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer__logo{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.footer__logo-text{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:.08em;color:var(--accent);font-weight:700}.footer__desc{color:var(--text-tertiary);font-size:var(--text-sm);max-width:280px;line-height:1.6}.footer__col{gap:var(--sp-3);flex-direction:column;display:flex}.footer__heading{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:var(--sp-1);font-weight:600}.footer__link{font-size:var(--text-sm);color:var(--text-tertiary);text-decoration:none;transition:color .15s}.footer__link:hover{color:var(--text-primary)}.footer__bottom{border-top:1px solid var(--border-subtle);padding-top:var(--sp-6);justify-content:space-between;align-items:center;display:flex}.footer__copy{font-size:var(--text-xs);color:var(--text-tertiary)}@media (width<=768px){.footer__grid{gap:var(--sp-8);grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}@media (width<=480px){.footer__grid{grid-template-columns:1fr}}.hero{min-height:100vh;padding-top:var(--nav-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{pointer-events:none;position:absolute;inset:0}.hero__grid{background-image:linear-gradient(#4f8ff708 1px,#0000 1px),linear-gradient(90deg,#4f8ff708 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 20%,#0000 70%)}.hero__content{text-align:center;z-index:1;max-width:800px;padding:var(--sp-16) var(--sp-6);margin:0 auto;position:relative}.hero__badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-text);padding:var(--sp-1) var(--sp-4);background:var(--accent-muted);margin-bottom:var(--sp-8);border:1px solid #4f8ff733;border-radius:999px;font-weight:600;display:inline-block}.hero__title{font-size:var(--text-4xl);color:var(--text-primary);margin-bottom:var(--sp-6);letter-spacing:-.02em;font-weight:700;line-height:1.15}.hero__accent{color:var(--accent)}.hero__subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--sp-10);line-height:1.7}.hero__actions{gap:var(--sp-4);flex-wrap:wrap;justify-content:center;display:flex}.hero__trust{margin:var(--sp-10) 0 0;gap:var(--sp-3) var(--sp-6);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;justify-content:center;padding:0;list-style:none;display:flex}.hero__trust li{padding-left:var(--sp-4);position:relative}.hero__trust li:before{content:"";background:var(--accent);opacity:.55;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (width<=640px){.hero__title{font-size:var(--text-2xl)}.hero__subtitle{font-size:var(--text-base)}.hero__actions{flex-direction:column;align-items:stretch}}.value-card{text-align:center}.value-card__icon{border-radius:var(--radius-lg);background:var(--accent-muted);width:56px;height:56px;color:var(--accent);margin-bottom:var(--sp-5);justify-content:center;align-items:center;display:inline-flex}.value-card__title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--sp-3);font-weight:600}.value-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.workflow{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid;position:relative}.workflow__step{text-align:center;padding:var(--sp-6) var(--sp-4);position:relative}.workflow__icon{background:var(--accent-muted);width:52px;height:52px;color:var(--accent);margin-bottom:var(--sp-4);border:1px solid #4f8ff733;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.workflow__num{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--sp-1);display:block}.workflow__label{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--sp-2);font-weight:600}.workflow__desc{font-size:var(--text-sm);color:var(--text-secondary)}.workflow__connector{top:calc(var(--sp-6) + 26px);background:linear-gradient(90deg, var(--border-default), #4f8ff74d, var(--border-default));width:calc(100% - 52px);height:1px;position:absolute;right:calc(26px - 50%)}@media (width<=768px){.workflow{grid-template-columns:1fr 1fr}.workflow__connector{display:none}}@media (width<=480px){.workflow{grid-template-columns:1fr}}.feature-card__icon{color:var(--accent);margin-bottom:var(--sp-4)}.feature-card__title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--sp-4);font-weight:600}.feature-card__list{gap:var(--sp-2);flex-direction:column;padding:0;list-style:none;display:flex}.feature-card__list li{font-size:var(--text-sm);color:var(--text-secondary);padding-left:var(--sp-5);position:relative}.feature-card__list li:before{content:"";background:var(--accent);opacity:.5;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.feature-card--link{color:inherit;text-decoration:none;transition:border-color .2s,transform .2s;display:block}.feature-card--link:hover{border-color:#4f8ff766;transform:translateY(-2px)}.feature-card__more{margin-top:var(--sp-4);font-size:var(--text-xs);color:var(--accent-text);text-transform:uppercase;letter-spacing:.08em;display:inline-block}.section__footer{text-align:center;margin-top:var(--sp-10)}.comparison-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);min-width:600px}.comparison-table th{text-align:left;padding:var(--sp-3) var(--sp-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border-default);font-weight:600}.comparison-table__sf{color:var(--accent-text)!important}.comparison-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);vertical-align:top}.comparison-table__cat{color:var(--text-primary);white-space:nowrap;font-weight:500}.comparison-table__val--old{color:var(--text-tertiary)}.comparison-table__val--new{color:var(--text-primary)}.comparison-table tbody tr{transition:background .15s}.comparison-table tbody tr:hover{background:var(--bg-hover)}.comparison-table--tri{min-width:780px}.comparison-footnote{margin-top:var(--sp-6);text-align:center;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.comparison-footnote a{color:var(--accent-text);text-decoration:none}.comparison-footnote a:hover{text-decoration:underline}.tech-card{padding:var(--sp-6);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary);transition:border-color .2s}.tech-card:hover{border-color:var(--border-default)}.tech-card__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text);margin-bottom:var(--sp-3);font-weight:600;display:block}.tech-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.page-hero{padding-top:calc(var(--nav-height) + var(--sp-16));padding-bottom:var(--sp-16);background:var(--bg-primary);border-bottom:1px solid var(--border-subtle)}.page-hero__content{max-width:700px}.page-hero__title{font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--sp-4);letter-spacing:-.02em;font-weight:700;line-height:1.2}.page-hero__subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7}.features-nav{border-bottom:1px solid var(--border-subtle);padding:var(--sp-4) 0;top:var(--nav-height);z-index:50;background:var(--bg-secondary);position:sticky}.features-nav__inner{gap:var(--sp-6);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.features-nav__link{font-size:var(--text-sm);color:var(--text-tertiary);white-space:nowrap;padding:var(--sp-1) 0;font-weight:500;text-decoration:none;transition:color .15s}.features-nav__link:hover{color:var(--text-primary)}.feature-detail-grid{margin-top:var(--sp-10)}.feature-detail__title{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--sp-3);font-weight:600}.feature-detail__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.cta-block{text-align:center;max-width:600px;margin:0 auto}.cta-block__title{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--sp-4);font-weight:700}.cta-block__desc{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--sp-8);line-height:1.7}.cta-block__actions{gap:var(--sp-4);flex-wrap:wrap;justify-content:center;display:flex}.section--cta{background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}@media (width<=640px){.page-hero__title{font-size:var(--text-2xl)}}.arch-diagram{flex-direction:column;gap:0;max-width:700px;margin:0 auto;display:flex}.arch-layer{align-items:center;gap:var(--sp-6);padding:var(--sp-6) 0;display:flex}.arch-layer__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);text-align:right;min-width:100px;font-weight:600}.arch-layer__items{gap:var(--sp-3);flex-wrap:wrap;flex:1;display:flex}.arch-block{padding:var(--sp-3) var(--sp-5);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;font-weight:500}.arch-block--accent{background:var(--accent-muted);color:var(--accent-text);border-color:#4f8ff74d;font-weight:600}.arch-connector{padding:var(--sp-2) 0;padding-left:calc(100px + var(--sp-6));align-items:center;display:flex}.arch-connector:before{content:"";background:var(--border-default);width:1px;height:24px;margin-right:var(--sp-4);flex-shrink:0}.arch-connector__label{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.06em}.principles{gap:var(--sp-1);flex-direction:column;display:flex}.principle{gap:var(--sp-8);padding:var(--sp-8) 0;border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 2fr;display:grid}.principle:last-child{border-bottom:none}.principle__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text);margin-bottom:var(--sp-3);font-weight:600;display:inline-block}.principle__title{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.principle__desc{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--sp-4);line-height:1.7}.principle__detail{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.6}.integration-card__title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--sp-3);font-weight:600}.integration-card__desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--sp-5);line-height:1.7}.integration-card__tags{gap:var(--sp-2);flex-wrap:wrap;display:flex}.integration-tag{font-size:var(--text-xs);padding:var(--sp-1) var(--sp-3);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:999px}.data-domain-card__title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--sp-4);font-weight:600}.data-domain-card__list{gap:var(--sp-3);flex-direction:column;padding:0;list-style:none;display:flex}.data-domain-card__list li{font-size:var(--text-sm);color:var(--text-secondary);padding-left:var(--sp-5);line-height:1.6;position:relative}.data-domain-card__list li:before{content:"";background:var(--accent);opacity:.5;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.stack-table{flex-direction:column;display:flex}.stack-row{padding:var(--sp-4) 0;border-bottom:1px solid var(--border-subtle);align-items:baseline;gap:var(--sp-6);display:flex}.stack-row:last-child{border-bottom:none}.stack-row__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-text);min-width:120px;font-weight:600}.stack-row__value{font-size:var(--text-base);color:var(--text-secondary)}@media (width<=768px){.principle{gap:var(--sp-4);grid-template-columns:1fr}.arch-layer{flex-direction:column;align-items:flex-start}.arch-layer__label{text-align:left;min-width:auto}.arch-connector{padding-left:0}}.contact-layout{gap:var(--sp-10);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}.contact-form{gap:var(--sp-6);flex-direction:column;display:flex}.contact-form__row{gap:var(--sp-6);grid-template-columns:1fr 1fr;display:grid}.contact-field{gap:var(--sp-2);flex-direction:column;display:flex}.contact-field label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.contact-field input,.contact-field select,.contact-field textarea{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--sp-3) var(--sp-4);font-family:var(--font-sans);font-size:var(--text-base);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--text-tertiary)}.contact-field textarea{resize:vertical;min-height:120px}.contact-field select{appearance:none;padding-right:var(--sp-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' fill='none' stroke='%239ca3b4' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.contact-email-prompt{font-size:var(--text-lg);color:var(--text-secondary)}.contact-submit{text-align:center;align-self:flex-start;text-decoration:none}.contact-form__note{font-size:var(--text-xs);color:var(--text-tertiary)}.contact-sidebar{gap:var(--sp-6);flex-direction:column;display:flex}.contact-info__title{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--sp-4);font-weight:600}.contact-info__list{gap:var(--sp-3);flex-direction:column;padding:0;list-style:none;display:flex}.contact-info__list li{font-size:var(--text-sm);color:var(--text-secondary);padding-left:var(--sp-5);line-height:1.5;position:relative}.contact-info__list li:before{content:"";background:var(--accent);opacity:.5;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.contact-info__list li strong{color:var(--text-primary);font-weight:500}@media (width<=768px){.contact-layout,.contact-form__row{grid-template-columns:1fr}.contact-submit{align-self:stretch}}.trace-page .page-hero__title{max-width:880px}.trace-definition{gap:var(--sp-10);grid-template-columns:1fr 1.1fr;align-items:start;display:grid}.trace-definition__title{font-size:var(--text-2xl);color:var(--text-primary);margin:var(--sp-3) 0 var(--sp-5);letter-spacing:-.01em;font-weight:700}.trace-definition__text p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--sp-4);line-height:1.75}.trace-tree{padding:0;overflow:hidden}.trace-tree__header{padding:var(--sp-4) var(--sp-5);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--accent-text);letter-spacing:.1em;text-transform:uppercase}.trace-tree__body{padding:var(--sp-5);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);white-space:pre-wrap;margin:0;line-height:1.75;overflow-x:auto}.trace-card{padding:var(--sp-7)}.trace-card__title{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--sp-2);font-weight:600}.trace-card__kicker{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);margin:0 0 var(--sp-4)}.trace-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--sp-3);line-height:1.7}.trace-flow{gap:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}.trace-flow__step{padding:var(--sp-6);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary)}.trace-flow__step h4{font-size:var(--text-base);color:var(--text-primary);margin:var(--sp-3) 0 var(--sp-2);font-weight:600}.trace-flow__step p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.trace-flow__num{font-size:var(--text-xs);color:var(--accent-text);letter-spacing:.1em}.trace-faq{gap:var(--sp-3);flex-direction:column;display:flex}.trace-faq__item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);padding:var(--sp-5) var(--sp-6)}.trace-faq__item summary{cursor:pointer;font-size:var(--text-base);color:var(--text-primary);font-weight:600;list-style:none}.trace-faq__item summary::-webkit-details-marker{display:none}.trace-faq__item summary:after{content:"+";float:right;color:var(--text-tertiary);font-weight:400}.trace-faq__item[open] summary:after{content:"−"}.trace-faq__item p{margin:var(--sp-4) 0 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}@media (width<=1024px){.trace-definition{grid-template-columns:1fr}.trace-flow{grid-template-columns:1fr 1fr}}@media (width<=640px){.trace-flow{grid-template-columns:1fr}}.dev-page .page-hero__title{max-width:820px}.code-grid{gap:var(--sp-6);grid-template-columns:1fr;display:grid}.code-sample{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary);overflow:hidden}.code-sample__header{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;display:flex}.code-sample__lang{color:var(--accent-text)}.code-sample__title{color:var(--text-secondary)}.code-block{padding:var(--sp-5);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);white-space:pre;margin:0;line-height:1.7;overflow-x:auto}.code-block code{color:inherit;background:0 0;padding:0;font-family:inherit}.ws-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.ws-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);min-width:600px}.ws-table th{text-align:left;padding:var(--sp-3) var(--sp-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);border-bottom:1px solid var(--border-default);font-weight:600}.ws-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.ws-table td.mono{color:var(--accent-text);white-space:nowrap}.integration-card{padding:var(--sp-6)}.integration-card__title{font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--sp-3);font-weight:600}.integration-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.7}.hw-page .page-hero__title{max-width:860px}.pain-card{padding:var(--sp-6)}.pain-card__title{font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--sp-3);font-weight:600}.pain-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.7}.need-card{padding:var(--sp-7)}.need-card__title{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--sp-3);font-weight:600}.need-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--sp-4);line-height:1.7}.need-card__link{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);text-decoration:none;display:inline-block}.need-card__link:hover{text-decoration:underline}.compare-page .page-hero__title{max-width:900px}.compare-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary);overflow-x:auto}.compare-table-note{margin:var(--sp-4) 0 0;font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.6}.compare-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);min-width:960px}.compare-table th{text-align:left;padding:var(--sp-4) var(--sp-5);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);border-bottom:1px solid var(--border-default);background:var(--bg-tertiary);white-space:nowrap;font-weight:600}.compare-table__sf{color:var(--accent-text)!important}.compare-table td{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle);vertical-align:top;color:var(--text-secondary);line-height:1.6}.compare-table__cat{color:var(--text-primary);white-space:nowrap;background:var(--bg-tertiary);border-right:1px solid var(--border-subtle);font-weight:600}.compare-table__cell--sf{color:var(--text-primary);background:#4f8ff70a;border-left:1px solid #4f8ff726;border-right:1px solid #4f8ff726}.compare-table tbody tr:last-child td{border-bottom:none}.compare-card{padding:var(--sp-7)}.compare-card__title{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--sp-3);font-weight:600}.compare-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.7}.demo-page .page-hero__title{max-width:820px}.demo-stats{gap:var(--sp-5);grid-template-columns:repeat(6,1fr);display:grid}.demo-stat{padding:var(--sp-6);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary);gap:var(--sp-2);text-align:center;flex-direction:column;display:flex}.demo-stat__value{font-size:var(--text-3xl);color:var(--accent);letter-spacing:-.02em;font-weight:700;line-height:1}.demo-stat__label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}@media (width<=1024px){.demo-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.demo-stats{grid-template-columns:1fr 1fr}}.demo-steps{gap:var(--sp-8);flex-direction:column;display:flex}.demo-step{gap:var(--sp-6);padding:var(--sp-8);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary);grid-template-columns:120px 1fr;align-items:start;display:grid}.demo-step__num{font-size:var(--text-4xl);color:var(--accent);opacity:.7;font-weight:700;line-height:1}.demo-step__label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin-bottom:var(--sp-2);display:inline-block}.demo-step__title{font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--sp-4);letter-spacing:-.01em;font-weight:600}.demo-step__text{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.75}.demo-step__code{margin:var(--sp-5) 0 0;padding:var(--sp-5);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);white-space:pre-wrap;line-height:1.7;overflow-x:auto}@media (width<=768px){.demo-step{padding:var(--sp-6);grid-template-columns:1fr}.demo-step__num{font-size:var(--text-3xl)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0f1117;--bg-secondary:#161921;--bg-tertiary:#1c1f2b;--bg-elevated:#232736;--bg-hover:#2a2f42;--bg-active:#323850;--border-subtle:#2a2f42;--border-default:#363c52;--border-strong:#4a5170;--text-primary:#e8eaed;--text-secondary:#9ca3b4;--text-tertiary:#6b7280;--text-inverse:#0f1117;--accent:#4f8ff7;--accent-hover:#6ba3fb;--accent-muted:#4f8ff726;--accent-text:#4f8ff7;--accent-glow:#4f8ff714;--status-success:#34d399;--status-success-bg:#34d3991f;--status-info:#60a5fa;--status-info-bg:#60a5fa1f;--status-warning:#fbbf24;--status-warning-bg:#fbbf241f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:3.75rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 12px 40px #0009;--content-max:1200px;--content-narrow:800px;--nav-height:64px;--section-padding:var(--sp-24)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:var(--nav-height);font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent-text);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.container{width:100%;max-width:var(--content-max);padding:0 var(--sp-6);margin:0 auto}.container--narrow{max-width:var(--content-narrow)}.mono{font-family:var(--font-mono)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--sp-2);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;padding:var(--sp-3) var(--sp-6);white-space:nowrap;border:1px solid #0000;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;box-shadow:0 0 20px var(--accent-muted)}.btn--secondary{color:var(--text-primary);border-color:var(--border-default);background:0 0}.btn--secondary:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-muted)}.btn--lg{padding:var(--sp-4) var(--sp-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn--sm{padding:var(--sp-2) var(--sp-4);font-size:var(--text-xs)}.section{padding:var(--section-padding) 0;position:relative}.section--alt{background:var(--bg-secondary)}.section__header{text-align:center;margin-bottom:var(--sp-16)}.section__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-text);margin-bottom:var(--sp-4);padding:var(--sp-1) var(--sp-3);background:var(--accent-muted);border-radius:var(--radius-sm);font-weight:600;display:inline-block}.section__title{font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--sp-4);font-weight:700;line-height:1.2}.section__subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:640px;margin:0 auto;line-height:1.6}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--sp-8);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-default)}.card--elevated{background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.card--glow:hover{box-shadow:0 0 30px var(--accent-glow);border-color:#4f8ff74d}.grid{gap:var(--sp-6);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}:root{--section-padding:var(--sp-16)}.section__title{font-size:var(--text-2xl)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s both fadeInUp}