:root {
	--background:#fff; --surface:#f5f7f8; --surface-strong:#eef2f3; --text:#20252a; --heading:#171b20; --muted:#68737b; --line:#dce2e5; --primary:#a42662; --primary-dark:#83194d; --teal:#6f8d8e; --teal-dark:#4f7173; --navy:#26394c; --white:#fff; --shadow:0 18px 50px rgba(25,37,45,.10); --shadow-soft:0 9px 28px rgba(25,37,45,.07); --radius:18px; --container:1220px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:82px; }
body { margin:0; background:var(--background); color:var(--text); font-family:Inter,"Segoe UI",Arial,sans-serif; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
code { padding:.12em .36em; background:#edf1f2; border-radius:4px; color:#26394c; font: .91em ui-monospace,SFMono-Regular,Consolas,monospace; }
.container { width:min(calc(100% - 40px),var(--container)); margin:0 auto; }
.section { padding:92px 0; }
.section-soft { background:var(--surface); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { color:var(--heading); font-weight:700; letter-spacing:-.03em; }
h1 { margin-bottom:26px; font-size:clamp(3rem,5vw,5.1rem); line-height:.99; }
h1 span { color:var(--teal-dark); }
h2 { max-width:850px; margin-bottom:20px; font-size:clamp(2.15rem,3.7vw,3.7rem); line-height:1.08; }
h3 { margin-bottom:10px; font-size:1.2rem; line-height:1.25; }
.eyebrow { margin-bottom:17px; color:var(--primary); font-size:.74rem; font-weight:700; letter-spacing:-.03em; }
.hero-kicker { font-size:1.15rem; }
.section-intro { max-width:760px; margin-bottom:42px; color:var(--muted); font-size:1.08rem; }
.site-header { position:sticky; top:0; z-index:100; background:rgba(255,255,255,.96); border-bottom:1px solid var(--line); backdrop-filter:blur(14px); }
.header-inner { display:flex; align-items:center; justify-content:space-between; min-height:76px; gap:28px; }
.brand img { display:block; width:252px; max-width:40vw; height:auto; }
.site-nav { display:flex; align-items:center; gap:25px; font-size:.92rem; font-weight:650; }
.site-nav>a:not(.button) { position:relative; color:#3b434a; }
.site-nav>a:not(.button):after { content:""; position:absolute; left:0; bottom:-9px; width:100%; height:2px; background:var(--primary); transform:scaleX(0); transform-origin:right; transition:transform .22s ease; }
.site-nav>a:not(.button):hover:after,.site-nav>a:not(.button):focus-visible:after { transform:scaleX(1); transform-origin:left; }
.site-nav .nav-login { padding-left:17px; border-left:1px solid var(--line); }
.nav-toggle { display:none; width:44px; height:44px; padding:10px; background:transparent; border:1px solid var(--line); border-radius:8px; }
.nav-toggle span { display:block; width:100%; height:2px; margin:5px 0; background:var(--heading); }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 23px; border:1px solid transparent; border-radius:7px; font-size:.95rem; font-weight:750; line-height:1; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.button:hover,.button:focus-visible { transform:translateY(-2px); }
.button-primary { background:var(--primary); color:var(--white); box-shadow:0 12px 26px rgba(164,38,98,.20); }
.button-primary:hover,.button-primary:focus-visible { background:var(--primary-dark); box-shadow:0 15px 32px rgba(164,38,98,.25); }
.button-secondary { background:var(--white); color:var(--heading); border-color:#bdc8cd; }
.button-secondary:hover,.button-secondary:focus-visible { background:var(--surface); }
.button-small { min-height:42px; padding:0 18px; }
.hero { padding-top:84px; padding-bottom:78px; background:radial-gradient(circle at 76% 15%,rgba(111,141,142,.13),transparent 27%),linear-gradient(#fff,#fff); }
.hero-grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); align-items:center; gap:58px; }
.hero-lead { max-width:620px; margin-bottom:32px; color:var(--muted); font-size:1.15rem; line-height:1.75; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.hero-actions .button span { margin-left:12px; font-size:1.1rem; }
.hero-note { margin:20px 0 0; max-width:620px; color:var(--muted); font-size:.92rem; }
.terminal-frame { overflow:hidden; background:#1c2835; border:1px solid #35485a; border-radius:var(--radius); box-shadow:var(--shadow); color:#e7f0f0; transform:rotate(.6deg); }
.terminal-bar { display:flex; align-items:center; gap:7px; min-height:48px; padding:0 18px; background:#26394c; color:#bfccd1; font-size:.79rem; }
.terminal-bar span { width:10px; height:10px; border-radius:50%; background:#c65678; }
.terminal-bar span:nth-child(2) { background:#d2ae62; }.terminal-bar span:nth-child(3) { background:#70a593; }.terminal-bar strong { margin-left:8px; font-weight:650; }
.terminal-frame pre { margin:0; padding:31px 34px 24px; overflow:auto; font:600 clamp(.75rem,1.4vw,1.02rem)/1.66 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre; }
.terminal-frame code { padding:0; background:none; color:inherit; }.terminal-frame em { color:#8eb7b1; font-style:normal; }.terminal-frame b { color:#efb9d4; }.terminal-status { margin:0; padding:16px 22px; background:#16212d; border-top:1px solid #35485a; color:#e9c0d5; font:700 .73rem ui-monospace,SFMono-Regular,Consolas,monospace; }.terminal-status span { color:#c1d9d6; font-weight:400; }
.capability-strip { background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.capability-grid { display:grid; grid-template-columns:repeat(5,1fr); }.capability-grid>div { padding:25px 18px; border-right:1px solid var(--line); }.capability-grid>div:first-child { border-left:1px solid var(--line); }.capability-grid strong,.capability-grid span { display:block; }.capability-grid strong { margin-bottom:2px; color:var(--heading); font-size:.92rem; }.capability-grid span { color:var(--muted); font-size:.78rem; }
.open-source-strip { padding:74px 0; background:linear-gradient(115deg,#f8edf3,#f1f6f5 68%,#fff); border-top:1px solid #ead5df; border-bottom:1px solid var(--line); }.open-source-grid { display:grid; grid-template-columns:180px 1fr; gap:48px; align-items:center; }.mit-mark { display:flex; min-height:180px; align-items:center; justify-content:center; flex-direction:column; background:var(--primary); border-radius:20px; box-shadow:0 16px 38px rgba(164,38,98,.24); color:#fff; }.mit-mark strong { font-size:3.8rem; line-height:1; letter-spacing:-.08em; }.mit-mark span { margin-top:9px; font-size:.78rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }.open-source-copy h2 { margin-bottom:16px; font-size:clamp(2rem,3vw,3.15rem); }.open-source-copy>p:not(.eyebrow) { max-width:920px; margin-bottom:12px; color:#566168; }.open-source-copy .hero-actions { margin-top:24px; }
.intro-grid,.workflow-grid,.getting-grid,.api-grid,.faq-layout { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }.intro-copy { padding-top:8px; color:var(--muted); font-size:1.05rem; }.freedom-card { display:flex; gap:28px; align-items:flex-start; margin-top:56px; padding:33px; background:linear-gradient(120deg,#26394c,#35586a); color:#ecf4f3; border-radius:var(--radius); box-shadow:var(--shadow); }.freedom-card h3 { color:#fff; font-size:1.55rem; }.freedom-card p { margin:0; color:#d6e3e2; }.freedom-card code { background:rgba(255,255,255,.13); color:#fff; }.freedom-mark { flex:0 0 auto; color:#e7a4c8; font-size:3.8rem; line-height:1; }
.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:17px; margin-top:45px; }.step-card { padding:28px 24px 24px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow-soft); }.step-card span { display:block; margin-bottom:24px; color:var(--primary); font-size:.8rem; font-weight:800; }.step-card p { margin:0; color:var(--muted); font-size:.94rem; }
.workflow-grid { align-items:center; }.workflow-copy p { color:var(--muted); font-size:1.05rem; }.check-list { margin:25px 0 0; padding:0; list-style:none; }.check-list li { position:relative; margin:12px 0; padding-left:30px; }.check-list li:before { content:"✓"; position:absolute; left:0; top:0; color:var(--primary); font-weight:800; }.workflow-panel { padding:34px; background:#f7faf9; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-soft); text-align:center; }.workflow-node { padding:17px; border-radius:8px; font-weight:750; }.app-node { background:#26394c; color:#fff; }.cli-node { background:var(--primary); color:#fff; box-shadow:0 10px 25px rgba(164,38,98,.24); }.destination-node { background:#5d8081; color:#fff; }.workflow-arrow { padding:15px; color:var(--muted); font-size:.79rem; font-weight:750; }.network-lines { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; padding:3px 18px 0; }.network-lines i { display:block; height:28px; border-top:2px solid #7b9a9b; transform:skewY(14deg); }.network-lines i:nth-child(2) { transform:skewY(-10deg); }.network-lines i:nth-child(3) { transform:skewY(9deg); }.network-lines i:nth-child(4) { transform:skewY(-14deg); }.network-tags { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-bottom:12px; color:var(--teal-dark); font-size:.72rem; font-weight:750; }
.api-grid { align-items:center; }.api-grid p { color:var(--muted); font-size:1.05rem; }.text-link { color:var(--primary); font-weight:750; }.api-card { padding:36px; background:#26394c; border-radius:var(--radius); box-shadow:var(--shadow); color:#dcebea; }.api-card p { margin-bottom:10px; color:#d4a5bf; font-size:.76rem; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }.api-card strong { display:block; color:#fff; font-size:1.58rem; line-height:1.28; }.api-card code { display:block; margin-top:28px; padding:12px; overflow:auto; background:#172633; color:#b9d9d4; }
.getting-grid { align-items:stretch; }.getting-grid>div>p { color:var(--muted); font-size:1.04rem; }.path-box { margin:22px 0; padding:18px; overflow:auto; background:#eff3f3; border:1px solid var(--line); border-radius:8px; }.path-box code { padding:0; background:none; white-space:nowrap; }.hash-note { margin-top:22px; color:var(--muted); font-size:.84rem!important; }.hash-note code { overflow-wrap:anywhere; }.support-card { padding:43px; background:var(--primary); border-radius:var(--radius); color:#fff; box-shadow:var(--shadow); }.support-card .eyebrow { color:#f0c2d9; }.support-card h3 { color:#fff; font-size:1.75rem; }.support-card p:not(.eyebrow) { color:#f9e6f0; }.support-card a { display:inline-block; padding-bottom:2px; border-bottom:2px solid #fff; font-weight:750; }
.faq-list details { padding:22px 0; border-bottom:1px solid var(--line); }.faq-list details:first-child { padding-top:0; }.faq-list summary { cursor:pointer; color:var(--heading); font-weight:750; }.faq-list p { margin:12px 0 0; color:var(--muted); }
.site-footer { padding:36px 0; background:#19242e; color:#c3d0d1; }.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }.footer-inner img { width:215px; height:auto; filter:brightness(0) invert(1) grayscale(1); opacity:.9; }.footer-inner p { margin:0; font-size:.87rem; }.footer-inner div { display:flex; gap:18px; font-size:.83rem; font-weight:700; }.footer-inner a:hover { color:#fff; }
.reference-page { min-height:100vh; }.reference-nav { gap:20px; }.reference { max-width:1050px; }.reference-content { max-width:900px; }.reference-content h2 { margin-top:54px; font-size:2rem; }.reference-content h3 { margin-top:34px; }.reference-content p,.reference-content li { color:#4d5960; }.reference-content pre { margin:20px 0; padding:22px; overflow:auto; background:#1d2935; border-radius:10px; color:#ebf0f2; }.reference-content pre code { background:none; color:inherit; white-space:pre; }.reference-content ul { padding-left:22px; }.reference-content li { margin:7px 0; }.reference-content .numbered { list-style:decimal; }.table-wrap { overflow:auto; margin:22px 0; border:1px solid var(--line); border-radius:8px; }.reference-content table { width:100%; border-collapse:collapse; font-size:.92rem; }.reference-content th,.reference-content td { padding:12px 14px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }.reference-content th { background:#f2f5f5; color:var(--heading); }.reference-content tr:last-child td { border-bottom:0; }
.reference-actions { display:flex; align-items:flex-start; justify-content:space-between; gap:35px; max-width:1050px; margin-bottom:34px; }.reference-actions .section-intro { margin-bottom:0; }.reference-actions .button { flex:0 0 auto; }.reference-buttons { display:flex; flex:0 0 auto; flex-wrap:wrap; gap:10px; }.doc-notice { display:flex; gap:20px; max-width:900px; margin:0 0 46px; padding:20px 22px; background:#f8edf3; border:1px solid #e8cad9; border-left:4px solid var(--primary); border-radius:8px; }.doc-notice strong { color:var(--primary-dark); white-space:nowrap; }.doc-notice span { color:#5a4b53; }
.examples-hero { background:radial-gradient(circle at 78% 10%,rgba(111,141,142,.13),transparent 28%); }.example-choice { display:grid; grid-template-columns:1fr 1fr; gap:16px; max-width:900px; margin-top:34px; }.example-choice a { padding:23px 25px; background:#fff; border:1px solid var(--line); border-radius:10px; box-shadow:var(--shadow-soft); }.example-choice strong,.example-choice span { display:block; }.example-choice strong { color:var(--heading); font-size:1.05rem; }.example-choice span { color:var(--muted); font-size:.88rem; }.example-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }.example-card { padding:30px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow-soft); }.language-tag { display:inline-block; margin-bottom:20px; padding:5px 10px; background:#f4e6ed; border-radius:4px; color:var(--primary-dark); font-size:.7rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.example-card p { color:var(--muted); }.example-card pre,.code-summary pre,.idempotency-panel pre { margin:20px 0; padding:20px; overflow:auto; background:#1d2935; border-radius:8px; color:#edf2f3; font-size:.84rem; line-height:1.65; }.example-card pre code,.code-summary pre code,.idempotency-panel pre code { padding:0; background:none; color:inherit; white-space:pre; }.code-summary { margin-top:24px; padding:29px; background:#eef3f3; border:1px solid #d7e2e2; border-radius:14px; }.code-summary pre { margin-bottom:0; }.api-example-layout { display:grid; grid-template-columns:minmax(0,3fr) minmax(280px,2fr); gap:24px; align-items:start; }.api-example-card { background:#fff; }.idempotency-panel { padding:30px; background:#26394c; border-radius:14px; box-shadow:var(--shadow); color:#d8e4e5; }.idempotency-panel h3 { color:#fff; font-size:1.45rem; }.idempotency-panel p { color:#c7d5d6; }.idempotency-panel .text-link { color:#f1b9d6; }
.source-hero { background:radial-gradient(circle at 78% 16%,rgba(164,38,98,.12),transparent 28%); }.source-hero-grid { display:grid; grid-template-columns:minmax(0,3fr) minmax(300px,2fr); gap:75px; align-items:center; }.mit-hero-card { padding:55px 42px; background:#26394c; border-radius:20px; box-shadow:var(--shadow); color:#d5e3e3; text-align:center; }.mit-hero-card strong { display:block; color:#fff; font-size:6.2rem; line-height:.9; letter-spacing:-.09em; }.mit-hero-card>span { display:block; margin:12px 0 30px; color:#e2acc8; font-size:.85rem; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }.mit-hero-card p { margin:0; color:#c9d7d8; font:650 .96rem/1.8 ui-monospace,SFMono-Regular,Consolas,monospace; }.source-feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:17px; }.source-feature-grid article { padding:27px 24px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow-soft); }.source-feature-grid article>span { display:block; margin-bottom:22px; color:var(--primary); font-size:.75rem; font-weight:800; }.source-feature-grid article p { margin:0; color:var(--muted); font-size:.91rem; }.source-content-grid,.license-grid { display:grid; grid-template-columns:minmax(0,3fr) minmax(300px,2fr); gap:70px; align-items:start; }.source-content-grid>div>p,.license-grid>div>p { color:var(--muted); }.source-code { margin:25px 0; padding:22px; overflow:auto; background:#1d2935; border-radius:9px; color:#edf2f3; }.source-code code { padding:0; background:none; color:inherit; white-space:pre; }.source-files { padding:34px; background:#f4f7f7; border:1px solid var(--line); border-radius:15px; }.source-files h3 { font-size:1.5rem; }.source-files ul { margin:22px 0 28px; padding:0; list-style:none; }.source-files li { margin:9px 0; color:#59656c; }.license-card { padding:34px; background:#26394c; border-radius:15px; box-shadow:var(--shadow); color:#d9e4e5; }.license-card p { margin-bottom:12px; color:#e2acc8; font-size:.75rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.license-card strong,.license-card span,.license-card a { display:block; }.license-card strong { margin-bottom:18px; color:#fff; font-size:1.2rem; }.license-card span { color:#cbd7d8; }.license-card a { margin-top:25px; color:#f0bad6; font-weight:750; }.source-inline-link { display:inline-block; margin:15px 20px 0 0; color:#f0bad6; font-weight:750; }
@media (max-width:1000px) { .site-nav { gap:15px; font-size:.84rem; }.hero-grid { gap:34px; }.steps-grid { grid-template-columns:repeat(2,1fr); }.capability-grid { grid-template-columns:repeat(3,1fr); }.capability-grid>div:nth-child(4) { border-left:1px solid var(--line); }.intro-grid,.workflow-grid,.getting-grid,.api-grid,.faq-layout { gap:45px; } }
@media (max-width:760px) { .section { padding:66px 0; }.header-inner { min-height:68px; }.brand img { width:202px; }.nav-toggle { display:block; }.site-nav { display:none; position:absolute; top:68px; left:0; right:0; padding:20px; background:#fff; border-bottom:1px solid var(--line); box-shadow:var(--shadow-soft); flex-direction:column; align-items:stretch; gap:18px; }.site-nav.is-open { display:flex; }.site-nav .nav-login { padding:0; border:0; }.site-nav>a:not(.button):after { display:none; }.hero { padding-top:58px; }.hero-grid,.intro-grid,.workflow-grid,.getting-grid,.api-grid,.faq-layout,.source-hero-grid,.source-content-grid,.license-grid { grid-template-columns:1fr; gap:35px; }.terminal-frame { transform:none; }.open-source-grid { grid-template-columns:1fr; gap:28px; }.mit-mark { min-height:135px; }.capability-grid { grid-template-columns:1fr 1fr; }.capability-grid>div,.capability-grid>div:first-child,.capability-grid>div:nth-child(4) { border-left:0; }.capability-grid>div:nth-child(odd) { border-left:1px solid var(--line); }.steps-grid,.source-feature-grid { grid-template-columns:1fr; }.freedom-card { padding:27px; gap:18px; }.freedom-mark { font-size:2.8rem; }.footer-inner { align-items:flex-start; flex-direction:column; }.footer-inner div { flex-wrap:wrap; }.reference-nav { display:flex; position:static; padding:0; box-shadow:none; border:0; background:transparent; flex-direction:row; align-items:center; font-size:.75rem; }.reference-nav .button { display:none; }.reference-actions,.doc-notice { flex-direction:column; }.reference-actions .button,.reference-buttons,.reference-buttons .button { width:100%; }.doc-notice { gap:4px; }.doc-notice strong { white-space:normal; }.example-choice,.example-grid,.api-example-layout { grid-template-columns:1fr; } }
@media (max-width:430px) { .container { width:min(calc(100% - 28px),var(--container)); }.hero-actions .button { width:100%; }.capability-grid { grid-template-columns:1fr; }.capability-grid>div,.capability-grid>div:nth-child(odd) { border-left:1px solid var(--line); }.terminal-frame pre { padding:25px 20px; }.support-card { padding:30px; } }
