@layer machi{@scope(.machi){:scope{--primary:#289b9b;--primary-active:#1f7c7c;--primary-disabled:#bfdede;--on-primary:#0a0b0d;--accent-yellow:#289b9b;--astra-yellow:#f3ba2f;--astra-yellow-deep:#d9a11c;--canvas:#fff;--surface-soft:#f7f7f7;--surface-strong:#eef0f3;--surface-strong-hover:#e6e8ec;--surface-dark:#0a0b0d;--surface-dark-elevated:#16181c;--surface-dark-hover:#22252b;--hairline-dark:#2a2e35;--hairline:#dee1e6;--hairline-soft:#eef0f3;--ink:#0a0b0d;--body:#5b616e;--body-strong:#0a0b0d;--muted:#7c828a;--muted-soft:#a8acb3;--on-dark:#fff;--on-dark-soft:#a8acb3;--semantic-up:#05b169;--semantic-down:#cf202f;--font-display:var(--font-abacaxi), var(--font-inter), -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-sans:var(--font-inter), -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:var(--font-jetbrains), ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-base:16px;--space-md:20px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--space-section:96px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:100px;--radius-full:9999px;--shadow-soft:0 4px 12px #0000000a;--shadow-sheet:0 -8px 32px #0a0b0d24;--container-max:1200px;--container-wide:1360px;--container-xwide:1560px;--gutter:24px;--demobar-h:0px;--header-h:64px;--sticky-top:calc(var(--demobar-h) + var(--header-h) + 16px);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--tap-min:44px;--safe-b:env(safe-area-inset-bottom,0px);--type-display-mega:clamp(40px, 7.4vw, 80px);--type-display-xl:clamp(34px, 6vw, 64px);--type-display-lg:clamp(30px, 5vw, 52px);--type-display-md:clamp(27px, 4.2vw, 44px);--type-display-sm:clamp(24px, 3.4vw, 36px);--type-title-lg:clamp(22px, 2.6vw, 32px);--type-title-md:18px;--type-title-sm:16px;--type-body-md:16px;--type-body-sm:14px;--type-caption:13px;--type-caption-strong:12px;--type-poster:clamp(38px, 9vw, 72px);--rhythm:clamp(56px, 8vw, 96px);--rhythm-sm:clamp(32px, 5vw, 64px)}@media (max-width:640px){:scope{--gutter:16px;--header-h:56px}}*,:before,:after{box-sizing:border-box}:scope{background:var(--canvas);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;line-height:1.5;display:flex;overflow-x:clip}a{color:var(--primary-active);text-decoration:none}a:hover{color:var(--ink);text-decoration:underline}button,input,select,textarea{font-family:inherit}@media (max-width:767px){input,select,textarea{font-size:16px!important}}@media (pointer:coarse){button,[role=button],a[role=link],summary{min-height:var(--tap-min)}.tap-sm{min-height:36px}}button{-webkit-tap-highlight-color:transparent}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4 6.5 8 10.5 12 6.5' fill='none' stroke='%230A0B0D' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;background-size:16px 16px!important;padding-right:36px!important}select[data-dark=true]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4 6.5 8 10.5 12 6.5' fill='none' stroke='%23FFFFFF' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}select option{color:var(--ink);background:var(--canvas)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}img,svg{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes m-blink{0%,to{opacity:1}50%{opacity:.15}}@keyframes m-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes m-slide-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes m-slide-in{0%{transform:translate(100%)}to{transform:none}}.m-disp{font-family:var(--font-display);letter-spacing:-.028em;color:var(--ink);text-wrap:balance;margin:0;font-weight:400;line-height:1.04}.astra-display-mega{font-size:var(--type-display-mega)}.astra-display-xl{font-size:var(--type-display-xl)}.astra-display-lg{font-size:var(--type-display-lg)}.astra-display-md{font-size:var(--type-display-md)}.astra-display-sm{font-size:var(--type-display-sm)}.astra-title-lg{font-family:var(--font-sans);font-weight:600;font-size:var(--type-title-lg);letter-spacing:-.4px;color:var(--ink);margin:0;line-height:1.13}.astra-title-md{font-family:var(--font-sans);font-weight:600;font-size:var(--type-title-md);color:var(--ink);margin:0;line-height:1.33}.astra-title-sm{font-family:var(--font-sans);font-weight:600;font-size:var(--type-title-sm);color:var(--ink);line-height:1.25}.astra-body-md{font-size:var(--type-body-md);color:var(--body);line-height:1.5}.astra-body-sm{font-size:var(--type-body-sm);color:var(--body);line-height:1.5}.astra-caption{font-size:var(--type-caption);color:var(--muted);line-height:1.5}.astra-caption-strong{font-family:var(--font-sans);font-weight:600;font-size:var(--type-caption-strong);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);line-height:1.5}.astra-overline{font-family:var(--font-sans);font-weight:600;font-size:var(--type-caption-strong);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-active);line-height:1.5}.astra-overline-dark{font-family:var(--font-sans);font-weight:600;font-size:var(--type-caption-strong);letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.astra-number{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500;line-height:1.4}.astra-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.astra-stat-value{font-family:var(--font-mono);letter-spacing:-1px;color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(30px,3.4vw,44px);font-weight:500;line-height:1.1}.astra-stat-label{font-size:var(--type-body-sm);color:var(--muted);margin-top:var(--space-xs);line-height:1.5}.astra-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-xl);padding:clamp(20px,3vw,32px)}.astra-card--flat{border-radius:var(--radius-lg);padding:clamp(16px,2.4vw,24px)}.astra-card--dark{background:var(--surface-dark-elevated);color:var(--on-dark);border:none}.astra-card--hover{transition:box-shadow var(--duration-fast) var(--ease-out)}@media (hover:hover){.astra-card--hover:hover{box-shadow:var(--shadow-soft)}}.astra-btn{font-family:var(--font-sans);font-weight:600;font-size:var(--type-body-md);border-radius:var(--radius-pill);cursor:pointer;min-height:44px;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;line-height:1.15;text-decoration:none;display:inline-flex}.astra-btn:hover{text-decoration:none}.astra-btn--primary{background:var(--primary);color:var(--on-primary)}.astra-btn--primary:active,.astra-btn--primary:hover{background:var(--primary-active);color:var(--on-primary)}.astra-btn--primary[disabled]{background:var(--primary-disabled);cursor:not-allowed}.astra-btn--ink{background:var(--ink);color:#fff}.astra-btn--ink:hover{background:var(--surface-dark-hover);color:#fff}.astra-btn--soft{background:var(--surface-strong);color:var(--ink)}.astra-btn--soft:hover{background:var(--surface-strong-hover);color:var(--ink)}.astra-btn--outline{background:var(--canvas);color:var(--ink);border-color:var(--hairline)}.astra-btn--outline:hover{background:var(--surface-strong);color:var(--ink)}.astra-btn--outline-ink{background:var(--canvas);color:var(--ink);border-color:var(--ink)}.astra-btn--outline-ink:hover{background:var(--ink);color:#fff}.astra-btn--outline-on-dark{color:var(--on-dark);background:0 0;border-color:#fff6}.astra-btn--outline-on-dark:hover{color:#fff;background:#ffffff1a}.astra-btn--text{color:var(--primary-active);background:0 0;border:none;min-height:0;padding:0}.astra-btn--lg{min-height:56px;padding:16px 32px}.astra-btn--sm{min-height:36px;font-size:var(--type-body-sm);padding:0 16px}.astra-btn--block{width:100%}@media (max-width:480px){.astra-btn--lg,.astra-btn--stack{width:100%}}.astra-input{background:var(--canvas);width:100%;min-height:48px;color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--type-body-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none;padding:13px 16px}.astra-input:focus{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.astra-field{font-size:var(--type-caption);color:var(--body);flex-direction:column;gap:6px;min-width:0;display:flex}.astra-checkline{font-size:var(--type-caption);color:var(--body);cursor:pointer;align-items:flex-start;gap:10px;padding:4px 0;line-height:1.5;display:flex}.astra-checkline input[type=checkbox]{accent-color:#0a0b0d;flex:0 0 18px;width:18px;height:18px;margin:1px 0 0}.astra-badge{background:var(--surface-strong);color:var(--ink);border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:600;font-size:var(--type-caption-strong);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.astra-tabs{background:var(--surface-strong);border-radius:var(--radius-pill);scrollbar-width:none;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.astra-tabs::-webkit-scrollbar{display:none}.astra-tab{cursor:pointer;border-radius:var(--radius-pill);font-weight:500;font-size:var(--type-body-sm);color:var(--body);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:8px 16px;line-height:1.2}.astra-tab.is-active{background:var(--canvas);color:var(--ink);box-shadow:var(--shadow-soft);font-weight:600}.astra-switch{appearance:none;border-radius:var(--radius-pill);background:var(--surface-strong);border:1px solid var(--hairline);cursor:pointer;width:44px;height:24px;transition:background var(--duration-fast) var(--ease-out);flex:0 0 44px;margin:0;position:relative}.astra-switch:after{content:"";border-radius:var(--radius-full);width:18px;height:18px;transition:transform var(--duration-fast) var(--ease-out);background:#fff;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.astra-switch:checked{background:var(--ink);border-color:var(--ink)}.astra-switch:checked:after{transform:translate(20px)}.astra-accordion{border-top:1px solid var(--hairline)}.astra-accordion details{border-bottom:1px solid var(--hairline)}.astra-accordion summary{justify-content:space-between;align-items:center;gap:var(--space-base);padding:var(--space-base) 0;cursor:pointer;font-weight:600;font-size:var(--type-title-md);color:var(--ink);line-height:1.33;list-style:none;display:flex}.astra-accordion summary::-webkit-details-marker{display:none}.astra-accordion summary svg{transition:transform var(--duration-fast) var(--ease-out);flex:none}.astra-accordion details[open] summary svg{transform:rotate(180deg)}.astra-accordion-body{padding:0 0 var(--space-md);max-width:640px;font-size:var(--type-body-md);color:var(--body);line-height:1.6}.astra-avatar{border-radius:var(--radius-full);background:var(--surface-strong);color:var(--ink);flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:600;display:inline-flex}.astra-step-num{border-radius:var(--radius-full);background:var(--surface-strong);width:32px;height:32px;font-family:var(--font-mono);color:var(--ink);flex:0 0 32px;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:inline-flex}.astra-logo-cloud{flex-wrap:wrap;align-items:center;gap:clamp(20px,4vw,48px);display:flex}.astra-logo-item{letter-spacing:-.2px;color:var(--muted-soft);white-space:nowrap;font-size:17px;font-weight:600}.container{max-width:var(--container-max);padding:0 var(--gutter);width:100%;margin:0 auto}.container--wide{max-width:var(--container-wide)}.container--xwide{max-width:var(--container-xwide)}.container--narrow{max-width:760px}.section{padding:var(--rhythm) 0}.section--sm{padding:var(--rhythm-sm) 0}.section--dark{background:var(--surface-dark);color:var(--on-dark)}.section--soft{background:var(--surface-soft)}.grid-cards{gap:var(--space-lg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (max-width:1240px){.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.grid-cards{gap:var(--space-base);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.grid-cards{grid-template-columns:1fr}}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.grid-3{grid-template-columns:1fr}}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:760px){.grid-2{grid-template-columns:1fr}}.grid-4-stat{gap:var(--space-base);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (max-width:1100px){.grid-4-stat{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.grid-4-stat{grid-template-columns:1fr}}.rail{gap:var(--space-lg);scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:4px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}@media (max-width:767px){.rail--bleed{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}}.row{align-items:center;gap:var(--space-sm);display:flex}.row-wrap{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.stack{flex-direction:column;display:flex}.spacer{margin-left:auto}.hairline{background:var(--hairline);border:0;height:1px;margin:0}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}@media (max-width:1023px){.hide-below-lg{display:none!important}}@media (min-width:1024px){.hide-above-lg{display:none!important}}@media (max-width:767px){.hide-below-md{display:none!important}}@media (min-width:768px){.hide-above-md{display:none!important}}@media (max-width:519px){.hide-below-sm{display:none!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scrim{z-index:80;padding:var(--space-lg);background:#0a0b0d8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (max-width:767px){.scrim{align-items:flex-end;padding:0}}.astra-nav-target,.tap24{align-items:center;min-height:24px;display:inline-flex}@media (pointer:coarse){.tap24{min-height:44px}}footer a,nav a{align-items:center;min-height:24px;display:inline-flex}@media (pointer:coarse){footer a,nav a{min-height:40px}}.astra-checkline{align-items:center;min-height:32px}@media (pointer:coarse){.astra-checkline{min-height:44px}}a{min-height:24px}.astra-btn--text,button.astra-linklike{align-items:center;min-height:24px}}}body.is-locked{overflow:hidden}