@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --bg:#111111; --panel:#191919; --panel2:#202020; --line:#303030; --line-bright:#414141; --text:#f2f0ed; --muted:#aaa8a5; --dim:#777572; --red:#f24f54; --red-dark:#301b1c; --cyan:#51c9e9; --green:#68dca1; --purple:#a992fa; --amber:#f1b25b; --mono:"DM Mono",monospace; --sans:"Manrope",Arial,sans-serif; }
* { box-sizing:border-box } html { scroll-behavior:smooth } body { margin:0; background:var(--bg); color:var(--text); font:15px/1.7 var(--sans); } body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; background:radial-gradient(70% 32% at 50% -5%,#1e1b1b 0%,transparent 65%); } a { color:inherit; text-decoration:none } img { max-width:100%; display:block } code,pre { font-family:var(--mono) } code { font-size:.9em; color:#e6d4d4; background:#211c1d; padding:.14em .36em; border-radius:4px } em { font-style:normal; color:var(--red) } ::selection { background:var(--red); color:#fff }
.site-header { height:80px; max-width:1280px; margin:auto; padding:0 36px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid transparent; position:relative; z-index:20; }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:18px; letter-spacing:-.6px } .brand img { height:29px; width:29px }
.main-nav { display:flex; align-items:center; gap:30px; color:var(--muted); font-size:13px; font-weight:600 } .main-nav>a:not(.button):hover,.main-nav>a.active { color:var(--text) }
.svg-icon { width:1em; height:1em; display:block; flex:none; fill:none; stroke:currentColor }.button { min-height:48px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; gap:13px; border-radius:7px; background:var(--red); color:white; font-size:13px; font-weight:800; transition:.2s transform,.2s background; } .button:hover { background:#ff6065; transform:translateY(-2px) }.button .svg-icon,.text-link .svg-icon { width:18px; height:18px; transition:transform .2s ease }.button-small .svg-icon { width:16px; height:16px }.button:hover .icon-arrow,.text-link:hover .icon-arrow,.inline-link:hover .icon-arrow { transform:translateX(3px) }.button:hover .icon-arrow-down,.text-link:hover .icon-arrow-down { transform:none }.button-small { min-height:38px; padding:0 15px; font-size:12px }.button-ghost { border:1px solid var(--line-bright); background:transparent }.button-ghost:hover { background:var(--panel2) }
.nav-toggle { display:none; width:40px; height:40px; border:0; background:transparent; padding:10px; cursor:pointer }.nav-toggle span { height:2px; width:20px; display:block; margin:5px; background:var(--text) }
.hero { max-width:1210px; min-height:670px; margin:auto; padding:92px 35px 78px; display:grid; grid-template-columns:1fr 1.04fr; align-items:center; gap:55px; position:relative; }.hero-copy { position:relative; z-index:2 }.eyebrow,.section-kicker { margin:0 0 17px; color:var(--muted); font:500 10px/1 var(--mono); letter-spacing:.17em; text-transform:uppercase }.eyebrow i { display:inline-block; width:7px; height:7px; margin:0 9px 1px 0; vertical-align:middle; border-radius:50%; background:var(--red); box-shadow:0 0 12px var(--red) }
h1,h2,h3,p { margin-top:0 }.hero h1 { margin-bottom:25px; font-size:clamp(45px,5.4vw,76px); letter-spacing:-.07em; line-height:1.05; font-weight:800 }.hero-text { max-width:485px; color:var(--muted); font-size:16px; line-height:1.8 }.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:26px; margin-top:33px }.text-link { color:#d0cdca; font-size:13px; font-weight:700; }.text-link:hover { color:var(--red) }.text-link span { margin-left:7px; color:var(--red) }
.hero-visual { min-height:440px; position:relative; display:grid; place-items:center }.glow { width:250px; aspect-ratio:1; position:absolute; filter:blur(80px); opacity:.25; border-radius:50%; }.glow-cyan { background:var(--cyan); right:8%; top:0 }.glow-red { background:var(--red); left:5%; bottom:0 }
.terminal-card { width:min(100%,570px); z-index:1; overflow:hidden; border:1px solid #3e3e3e; border-radius:13px; background:#161616; box-shadow:0 36px 70px #0007; transform:rotate(-2.5deg); }.terminal-top { height:50px; padding:0 15px; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:6px; }.terminal-top>span { width:7px; height:7px; border-radius:50%; background:#5d5b58 }.terminal-top p { margin:0 0 0 8px; color:#96938f; font:10px var(--mono) }.terminal-top b { margin-left:auto; display:inline-flex; align-items:center; gap:4px; color:var(--green); font:10px var(--mono) }.terminal-body { padding:24px 25px; font:13px/2.35 var(--mono) }.terminal-body p { margin:0 }.terminal-body small { width:30px; display:inline-block; color:#555350 }.muted { color:#8a8985 }.request { color:var(--amber) }.success { color:var(--green) }.arrow { color:#aaa }.terminal-line-icon { width:1.1em; height:1.1em; display:inline-block; vertical-align:-.18em; margin-right:2px }.status-icon { width:.9em; height:.9em; display:inline-block; vertical-align:-.08em; color:currentColor }.terminal-rule { margin:13px 0; border-top:1px solid #292929 }.terminal-foot { padding:14px 25px; border-top:1px solid var(--line); color:#797773; font:10px var(--mono) }.terminal-foot>.status-icon { color:var(--green); margin-right:2px }.terminal-foot strong { float:right; color:#95928f; font-weight:400 }
.floating-card { padding:14px 19px; display:flex; align-items:center; gap:11px; position:absolute; z-index:2; border:1px solid #404040; border-radius:9px; background:#1d1d1df0; box-shadow:0 15px 28px #0007; backdrop-filter:blur(10px) }.floating-1 { left:-12px; bottom:20px }.floating-2 { right:-15px; top:22px }.icon { width:31px; height:31px; display:grid; place-items:center; border-radius:8px; background:#232323; font-size:20px }.icon .svg-icon { width:20px; height:20px }.cyan { color:var(--cyan) }.green { color:var(--green) }.floating-card small { display:block; color:#85827e; font:9px var(--mono); letter-spacing:.06em }.floating-card b { font-size:17px }.floating-card em { font-size:11px }
.trusted { max-width:1140px; margin:0 auto; padding:28px 0; display:flex; justify-content:space-between; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:#898783; font:500 11px var(--mono); letter-spacing:.08em; text-transform:uppercase }.trusted p { margin:0 }.trusted>div { display:flex; gap:19px; align-items:center }.dot { width:3px; height:3px; border-radius:50%; background:var(--red) }
.section { max-width:1140px; margin:auto; padding:155px 0 }.section-label { display:flex; align-items:center; gap:12px; color:#898683; font:10px var(--mono); letter-spacing:.15em }.section-label span { color:var(--red) }.section-label p { margin:0 }.intro-grid { margin-top:35px; display:grid; grid-template-columns:1.35fr .65fr; gap:90px; align-items:end }.intro-grid h2,.feature-heading h2,.automation h2 { margin:0; font-size:clamp(37px,4.6vw,59px); letter-spacing:-.065em; line-height:1.12 }.intro-grid p,.feature-heading p,.automation-copy>p:not(.eyebrow) { color:var(--muted); font-size:15px; line-height:1.9 }.intro-grid .text-link { display:block; margin-top:28px }
.route-demo { margin-top:80px; border:1px solid var(--line); border-radius:11px; background:linear-gradient(115deg,#191919,#151515); overflow:hidden }.route-label { min-height:58px; padding:0 22px; display:flex; align-items:center; gap:15px; border-bottom:1px solid var(--line) }.route-label code,.route-bar code { color:#dedbd7; background:none; padding:0 }.route-method,.route-bar>span { padding:4px 7px; border-radius:4px; background:#482022; color:#ff8589; font:10px var(--mono) }.route-status { margin-left:auto; display:inline-flex; align-items:center; gap:4px; color:var(--green); font:10px var(--mono) }.route-flow { padding:28px 30px; display:grid; grid-template-columns:1fr 40px 1fr 40px 1fr; gap:10px; align-items:center }.route-flow small,.route-columns small { display:block; margin-bottom:9px; color:#807e79; font:10px var(--mono); letter-spacing:.1em }.route-flow pre,.route-columns pre { margin:0; color:#bfbdb9; font:11px/1.8 var(--mono) }.response { color:#76d8bd }.flow-arrow { width:22px; height:22px; justify-self:center; color:var(--red) }
.feature-showcase { padding-top:65px }.feature-heading { margin:34px 0 60px; display:flex; justify-content:space-between; align-items:end }.feature-heading p { width:300px; margin:0 }.product-shot,.workflow-shot,.doc-image { margin:0; overflow:hidden; border:1px solid #3a3a3a; border-radius:12px; background:#181818; box-shadow:0 24px 45px #0004 }.product-shot img,.workflow-shot img,.doc-image img { width:100%; image-rendering:auto; filter:blur(.15px); transform:translateZ(0) }.product-shot figcaption,.workflow-shot figcaption,.doc-image figcaption { padding:12px 17px; display:flex; justify-content:space-between; color:#999691; font:10px var(--mono) }.product-shot figcaption span:first-child { color:var(--cyan) }.feature-list { display:grid; grid-template-columns:repeat(3,1fr); gap:50px; margin-top:48px }.feature-list article { padding-top:20px; border-top:1px solid var(--line) }.number { color:var(--red); font:11px var(--mono) }.feature-list h3 { margin:14px 0 10px; font-size:14px; letter-spacing:.03em }.feature-list p { margin:0; color:var(--muted); font-size:13px; line-height:1.85 }
.automation { max-width:1280px; margin:0 auto; padding:110px 70px; display:grid; grid-template-columns:.76fr 1.24fr; gap:70px; align-items:center; background:radial-gradient(circle at 25% 40%,#27191b 0,transparent 31%) }.automation-copy h2 { margin-bottom:22px }.automation-copy .button { margin-top:22px }.workflow-shot { transform:perspective(1000px) rotateY(-4deg) rotateX(1deg) }.workflow-shot figcaption { color:#aaa }
.connect { padding:132px 0 }.connect-card { padding:64px 67px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px; border:1px solid #4c3334; border-radius:13px; background:linear-gradient(120deg,#241819,#191919 65%); }.connect-card h2 { margin:0 0 16px; font-size:46px; line-height:1.1; letter-spacing:-.06em }.connect-card p:not(.eyebrow) { max-width:370px; color:var(--muted) }.connect-card .button { margin-top:14px }.install-code { overflow:hidden; border:1px solid #4c4544; border-radius:9px; background:#111 }.code-head { height:34px; padding:0 12px; display:flex; align-items:center; gap:5px; border-bottom:1px solid #303030 }.code-head span { height:6px; width:6px; background:#57534f; border-radius:50% }.code-head small { margin-left:7px; color:#77736f; font:9px var(--mono) }.install-code pre { margin:0; padding:23px; color:#aaa6a3; font:11px/2 var(--mono); white-space:pre-wrap }.install-code b { color:var(--red) }
.seo-faq { padding-top:0; padding-bottom:132px }.seo-faq-heading { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(260px,.65fr); gap:70px; margin:34px 0 54px; align-items:end }.seo-faq-heading h2 { margin:0; font-size:clamp(37px,4.6vw,59px); letter-spacing:-.065em; line-height:1.12 }.seo-faq-heading p { margin:0; color:var(--muted); font-size:15px; line-height:1.9 }.faq-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line) }.faq-grid article { min-height:182px; padding:29px 30px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(135deg,#191919,#151515) }.faq-grid article:nth-child(4n+1),.faq-grid article:nth-child(4n+4) { background:#191717 }.faq-grid h3 { margin:0 0 11px; font-size:15px; letter-spacing:-.015em }.faq-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.85 }
.site-footer { max-width:1140px; margin:auto; padding:32px 0 45px; display:flex; align-items:center; border-top:1px solid var(--line); color:#85827e; font-size:11px }.site-footer p { margin:0 0 0 28px }.site-footer>div { margin-left:auto; display:flex; gap:22px }.site-footer a:hover { color:var(--text) }

/* Documentation */
.docs-body { background:#141414 }.docs-header { max-width:none; padding:0 42px; border-bottom:1px solid var(--line); position:sticky; top:0; background:#141414eb; backdrop-filter:blur(10px) }.docs-layout { max-width:1440px; margin:auto; display:grid; grid-template-columns:248px minmax(0,1fr) }.docs-sidebar { min-height:calc(100vh - 80px); padding:42px 28px; border-right:1px solid var(--line); position:sticky; top:80px; align-self:start; display:flex; flex-direction:column }.docs-sidebar>p { margin:0 0 9px; color:#77736f; font:10px var(--mono); letter-spacing:.13em }.docs-sidebar a { padding:6px 10px; color:#a19e9a; border-radius:5px; font-size:12px }.docs-sidebar a:hover,.docs-sidebar a.active { color:#f0eeea; background:#222 }.docs-sidebar>p:not(:first-child) { margin-top:29px }.sidebar-bottom { margin-top:auto; padding-top:20px; border-top:1px solid var(--line); display:grid; gap:3px; color:#cbc8c4; font-size:11px }.sidebar-bottom small { color:#76736f; font:9px var(--mono) }
.docs-main { width:min(100%,930px); padding:92px 85px 0; }.docs-hero { padding-bottom:110px; border-bottom:1px solid var(--line) }.docs-hero h1 { margin:19px 0 23px; font-size:clamp(44px,5vw,70px); line-height:1.06; letter-spacing:-.07em }.docs-hero>p:not(.eyebrow) { max-width:525px; color:var(--muted); font-size:16px; line-height:1.85 }.doc-meta { display:flex; gap:25px; margin-top:30px; color:#817e79; font:10px var(--mono) }.doc-meta b { color:#cbc8c4; font-weight:400 }.doc-section { padding:90px 0; border-bottom:1px solid var(--line) }.section-kicker { color:var(--red) }.doc-section h2 { margin:0 0 14px; font-size:33px; letter-spacing:-.055em; line-height:1.2 }.section-lead { margin-bottom:36px; color:var(--muted); font-size:14px; line-height:1.85 }.requirements { margin-top:34px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px }.requirements article { min-height:220px; padding:21px; border:1px solid var(--line); border-radius:9px; background:var(--panel) }.requirements span { color:var(--red); font:10px var(--mono) }.requirements h3 { margin:44px 0 9px; font-size:14px }.requirements p,.split-doc p,.operation-grid p,.variables p { color:var(--muted); font-size:12px; line-height:1.8 }
.install-steps>article { display:grid; grid-template-columns:34px 1fr; gap:19px; margin:36px 0 }.install-steps>article>span { width:27px; height:27px; display:grid; place-items:center; border:1px solid #754044; border-radius:50%; color:#ff888d; font:11px var(--mono) }.install-steps h3,.split-doc h3 { margin:0 0 8px; font-size:15px }.install-steps p { color:var(--muted); font-size:13px; line-height:1.8 }.code-block { margin-top:16px; position:relative; overflow:hidden; border:1px solid #353535; border-radius:8px; background:#101010 }.code-block pre { margin:0; padding:20px; overflow:auto; color:#c1bfba; font:11px/1.9 var(--mono); white-space:pre-wrap }.code-block pre b { color:#ff8b90; font-weight:400 }.copy { position:absolute; right:8px; top:8px; border:1px solid #4a4743; border-radius:4px; background:#222; color:#bdb9b3; padding:4px 8px; font:10px var(--sans); cursor:pointer }.copy:hover { color:white; border-color:#777 }.env-grid { margin:17px 0; display:flex; gap:7px; flex-wrap:wrap }.env-grid code { background:#242020; color:#e2d5d5; font-size:10px; padding:7px 9px }.env-grid small { color:#96918e }.callout { margin-top:18px; padding:15px 17px; border-left:2px solid var(--amber); background:#211f1a }.callout strong { color:#e8c58e; font-size:11px }.callout p { margin:5px 0 0; font-size:12px }.note { color:#999 !important; font-size:11px !important }.success-callout { margin-top:15px; padding:13px 16px; display:flex; gap:11px; border:1px solid #29523d; border-radius:7px; background:#18251e }.success-icon { width:19px; height:19px; margin-top:1px; color:var(--green) }.success-callout p { margin:0; color:#b9c7be; font-size:12px }.success-callout a { color:var(--green) }
.split-doc { display:grid; grid-template-columns:1fr 1fr; gap:45px }.compact { margin-top:16px }.compact pre { padding:15px }.numbered-list { list-style:none; margin:35px 0; padding:0; counter-reset:steps }.numbered-list li { min-height:55px; padding:0 0 22px 47px; position:relative; display:grid; gap:3px }.numbered-list li::before { content:counter(steps,decimal-leading-zero); counter-increment:steps; position:absolute; left:0; color:var(--red); font:10px var(--mono) }.numbered-list li:not(:last-child)::after { content:""; position:absolute; left:6px; top:18px; height:25px; border-left:1px solid #4b3738 }.numbered-list b { font-size:13px }.numbered-list span { color:var(--muted); font-size:12px }.numbered-list em { color:#ddd }.route-example { border:1px solid var(--line); border-radius:8px; overflow:hidden; background:#171717 }.route-bar { min-height:52px; padding:0 15px; display:flex; align-items:center; gap:11px; border-bottom:1px solid var(--line) }.route-bar small { margin-left:auto; color:#85817d; font:9px var(--mono) }.route-columns { display:grid; grid-template-columns:1fr 1fr }.route-columns pre { margin:0; padding:19px; color:#bbb7b2; font:11px/1.8 var(--mono) }.route-columns pre+pre { border-left:1px solid var(--line) }
.operation-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; margin-top:31px }.operation-grid article { padding:6px 0 }.doc-icon { width:31px; height:31px; display:grid; place-items:center; margin-bottom:17px; border-radius:7px; background:#222; font-size:18px }.doc-icon .svg-icon { width:18px; height:18px }.purple { color:var(--purple) }.amber { color:var(--amber) }.operation-grid h3 { margin-bottom:7px; font-size:13px }.operation-grid p { margin:0 }.doc-image { margin-top:42px }.doc-image figcaption { color:#888 }
.table-wrap { margin-top:26px; overflow:hidden; border:1px solid var(--line); border-radius:9px; background:#181818 }.env-table { width:100%; border-collapse:collapse; text-align:left; font-size:11px }.env-table thead,.env-table tbody { display:block }.env-table thead>tr,.env-table tbody>tr:not(.table-group) { display:grid; grid-template-columns:minmax(300px,42%) minmax(0,1fr) }.env-table th,.env-table td { display:block; padding:10px 16px; min-width:0; vertical-align:top; border-bottom:1px solid #303030 }.env-table thead th { position:static; background:#252525; color:#c7c4bf; font:500 10px var(--mono); letter-spacing:.1em; text-transform:uppercase }.env-table tbody tr:last-child td { border-bottom:0 }.env-table td:last-child { color:#b1aea9; line-height:1.55; overflow-wrap:break-word }.env-table td:first-child>code { display:inline-block; max-width:100%; white-space:nowrap; overflow-wrap:normal }.env-table code { white-space:normal; overflow-wrap:anywhere; font-size:10px }.env-default { display:grid; grid-template-columns:37px minmax(0,1fr); align-items:start; gap:6px; margin-top:5px; color:#d5d0ca; font:10px/1.45 var(--mono) }.env-default small { padding-top:2px; color:#77736f; font:9px var(--mono); letter-spacing:.04em; text-transform:uppercase }.env-default code { color:#d5d0ca; background:#222 }.env-table .table-group { display:block }.env-table .table-group th { display:block; width:100%; padding:8px 16px; border-bottom:1px solid #473133; background:#211919; color:#ed8589; font:500 10px var(--mono); letter-spacing:.1em; text-transform:uppercase }
.check-list { list-style:none; padding:0; margin:25px 0 0 }.check-list li { padding:13px 0; display:flex; align-items:flex-start; gap:9px; border-bottom:1px solid #292929; color:#c2bfba; font-size:13px }.list-icon { width:16px; height:16px; flex:0 0 16px; margin-top:.28em; color:var(--green) }.docs-cta { margin:0 -85px; padding:110px 85px; background:radial-gradient(circle at 30% 35%,#2b191b,transparent 35%); }.docs-cta h2 { margin:14px 0; font-size:43px; letter-spacing:-.06em }.docs-cta>p:not(.eyebrow) { color:var(--muted) }.docs-cta .button { margin-top:12px }
.reveal { opacity:1; transform:none }
@media (max-width:900px) { .site-header { padding:0 24px }.hero { padding:70px 24px; grid-template-columns:1fr; min-height:auto }.hero-visual { min-height:390px; max-width:620px; width:100%; margin:auto }.trusted,.section { margin-left:24px; margin-right:24px }.trusted { padding:20px 0; gap:15px; flex-direction:column; align-items:flex-start }.section { padding:100px 0 }.automation { padding:80px 32px; grid-template-columns:1fr; gap:45px }.connect-card { padding:42px; grid-template-columns:1fr; gap:35px }.seo-faq-heading { grid-template-columns:1fr; gap:22px }.site-footer { margin:0 24px }.docs-layout { display:block }.docs-sidebar { display:none }.docs-main { margin:auto; padding:70px 38px 0 }.docs-cta { margin:0 -38px; padding:80px 38px } }
@media (max-width:600px) { .site-header { height:68px; padding:0 18px }.main-nav { display:none }.nav-toggle { display:block }.main-nav.open { display:flex; position:absolute; top:68px; left:0; right:0; padding:18px; flex-direction:column; align-items:stretch; gap:12px; border-bottom:1px solid var(--line); background:#181818 }.main-nav.open .button { text-align:center }.hero { padding:70px 22px 58px; gap:35px }.hero h1 { font-size:47px }.hero-text { font-size:14px }.hero-actions { gap:18px }.hero-visual { min-height:282px }.terminal-card { transform:none }.terminal-top { height:39px }.terminal-body { padding:13px; font-size:10px; line-height:2.1 }.terminal-foot { padding:10px 13px; font-size:8px }.floating-card { padding:8px 10px }.floating-card b { font-size:13px }.floating-card small { font-size:7px }.floating-1 { left:-4px; bottom:-10px }.floating-2 { right:-4px; top:-10px }.trusted>div { gap:10px; flex-wrap:wrap }.section { margin-left:22px; margin-right:22px; padding:80px 0 }.intro-grid,.feature-heading { grid-template-columns:1fr; display:grid; gap:22px }.feature-heading { margin-bottom:35px }.feature-heading p { width:auto }.route-flow { padding:20px; grid-template-columns:1fr; gap:15px }.flow-arrow { transform:rotate(90deg) }.feature-list,.requirements,.operation-grid,.faq-grid { grid-template-columns:1fr; gap:20px }.automation { padding:70px 22px }.workflow-shot { transform:none }.connect { padding:80px 0 }.connect-card { padding:32px 22px; border-radius:10px }.connect-card h2 { font-size:36px }.seo-faq { padding-bottom:80px }.seo-faq-heading { margin-bottom:35px }.faq-grid { gap:0 }.faq-grid article { min-height:0; padding:24px 20px }.site-footer { padding:26px 0; align-items:flex-start; flex-wrap:wrap; gap:15px }.site-footer p { margin:0; width:100% }.site-footer>div { margin:0; gap:15px }.docs-header { padding:0 18px }.docs-main { padding:55px 20px 0 }.docs-hero { padding-bottom:70px }.docs-hero h1 { font-size:46px }.doc-section { padding:65px 0 }.doc-section h2 { font-size:29px }.requirements article { min-height:0 }.install-steps>article { grid-template-columns:27px 1fr; gap:12px }.install-steps>article>span { width:24px; height:24px }.code-block pre { padding:42px 14px 14px; font-size:9px }.split-doc,.route-columns,.variables { grid-template-columns:1fr }.route-columns pre+pre { border-left:0; border-top:1px solid var(--line) }.variables div { border-left:0 }.env-table thead>tr,.env-table tbody>tr:not(.table-group) { grid-template-columns:minmax(270px,44%) minmax(0,1fr) }.docs-cta { margin:0 -20px; padding:70px 20px }.docs-cta h2 { font-size:37px } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto } }

/* Documentation refinements */
.docs-main [id] { scroll-margin-top:112px }
.docs-sidebar a { position:relative; transition:color .18s ease,background .18s ease,transform .18s ease }
.docs-sidebar a:hover { color:#f0eeea; transform:translateX(2px) }
.docs-sidebar a.active { color:#fff; background:linear-gradient(90deg,#2a1d1e,#221f1f) }
.docs-sidebar a.active::before { content:""; position:absolute; left:0; top:8px; bottom:8px; width:2px; border-radius:2px; background:var(--red); box-shadow:0 0 12px #f24f5499 }
.docs-sidebar a:focus-visible,.inline-link:focus-visible { outline:2px solid var(--cyan); outline-offset:3px }

.persistence-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:34px }
.persistence-card { min-height:268px; padding:26px; border:1px solid var(--line); border-radius:10px; background:linear-gradient(135deg,#1d1d1d,#171717) }
.persistence-card-accent { border-color:#4a3435; background:linear-gradient(135deg,#241a1b,#191919 70%) }
.card-label,.code-label { color:#ee858a; font:500 9px/1.3 var(--mono); letter-spacing:.12em; text-transform:uppercase }
.persistence-card h3,.certificate-delivery h3 { margin:35px 0 13px; color:#eeece8; font-size:16px; line-height:1.45; letter-spacing:-.025em }
.persistence-card p,.certificate-delivery p,.volume-actions p { margin:0; color:var(--muted); font-size:12px; line-height:1.85 }
.data-list { display:grid; gap:0; margin:0; padding:0; list-style:none }
.data-list li { display:grid; grid-template-columns:106px minmax(0,1fr); gap:9px; padding:11px 0; border-bottom:1px solid #302e2d; color:var(--muted); font-size:11px; line-height:1.55 }
.data-list li:last-child { border-bottom:0 }.data-list code { align-self:start; width:max-content; max-width:100%; white-space:nowrap }
.inline-link { display:inline-flex; align-items:center; gap:8px; margin-top:22px; color:#ef888c; font-size:11px; font-weight:700 }.inline-link span { font-size:16px; line-height:1 }
.volume-actions { display:grid; grid-template-columns:minmax(0,.82fr) minmax(300px,1.18fr); gap:32px; align-items:center; margin-top:26px; padding:23px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line) }
.volume-actions h3 { margin:0 0 6px; font-size:14px }.volume-actions .code-block { margin:0 }

.callout.warning { border-left-color:var(--red); background:#251b1c }.callout.warning strong { color:#ff979b }
.tls-guide { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:34px; margin-top:32px; align-items:start }
.tls-steps { margin:0; padding:0; list-style:none; counter-reset:none }
.tls-steps li { display:grid; grid-template-columns:35px minmax(0,1fr); gap:12px; position:relative; padding:0 0 24px }
.tls-steps li:last-child { padding-bottom:0 }.tls-steps li:not(:last-child)::after { content:""; position:absolute; top:23px; bottom:5px; left:6px; border-left:1px solid #513839 }
.tls-steps li>span { position:relative; z-index:1; color:#ff898e; font:10px var(--mono) }.tls-steps strong { display:block; margin-bottom:4px; color:#e7e4e0; font-size:13px }.tls-steps p { margin:0; color:var(--muted); font-size:11px; line-height:1.8 }
.code-label { display:flex; align-items:center; gap:8px; min-height:36px; padding:0 13px; border-bottom:1px solid #303030 }.code-label small { color:#817d78; font:9px var(--mono); letter-spacing:0; text-transform:none }
.tls-command { margin:0 }.tls-command pre { padding-top:18px }
.tls-config-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr); gap:14px; margin-top:22px; align-items:stretch }.tls-config-grid .code-block { margin:0 }
.certificate-delivery { padding:24px; border:1px solid #394c42; border-radius:9px; background:linear-gradient(145deg,#19221d,#171817) }.certificate-delivery h3 { margin-top:31px }.certificate-delivery p+p { margin-top:13px }.never-share { padding-top:14px; border-top:1px solid #354037; color:#d2ddd4 !important }.never-share strong { color:#f0aaaa; font-size:11px }

@media (max-width:900px) { .docs-main [id] { scroll-margin-top:92px }.persistence-grid,.tls-guide,.tls-config-grid { grid-template-columns:1fr }.persistence-card { min-height:0 }.tls-guide { gap:25px }.volume-actions { grid-template-columns:1fr; gap:17px }.docs-sidebar a.active::before { top:7px; bottom:7px } }
@media (max-width:600px) { .persistence-card { padding:21px }.persistence-card h3,.certificate-delivery h3 { margin-top:25px }.data-list li { grid-template-columns:1fr; gap:4px }.volume-actions { padding:20px 0 }.tls-steps li { grid-template-columns:29px minmax(0,1fr); gap:9px }.tls-config-grid { gap:12px }.certificate-delivery { padding:21px } }
.docker-run-guide { margin-top:14px; overflow:hidden; border:1px solid #343434; border-radius:8px; background:#181818 }.docker-run-guide summary { padding:13px 16px; color:#d9d6d1; font-size:12px; font-weight:700; cursor:pointer }.docker-run-guide summary::marker { color:var(--red) }.docker-run-guide[open] summary { border-bottom:1px solid #343434 }.docker-run-content { padding:17px 16px }.docker-run-content>p { margin:0 0 14px; color:var(--muted); font-size:11px; line-height:1.8 }.docker-run-content .code-block { margin:0 }

/* Environment variables reference */
.table-wrap { margin-top:32px; overflow:hidden; border-color:#393735; border-radius:12px; background:linear-gradient(145deg,#1c1b1b,#171717); box-shadow:0 20px 45px #0003 }
.env-table { font-size:12px }
.env-table thead>tr,.env-table tbody>tr:not(.table-group) { grid-template-columns:minmax(290px,.9fr) minmax(0,1.35fr) }
.env-table thead th { padding:13px 17px; border-bottom:1px solid #45413f; background:#252424; color:#d0cbc6; font-size:9px; letter-spacing:.12em }
.env-table thead th+th { border-left:1px solid #383533 }
.env-table tbody>tr:not(.table-group) { min-height:72px; background:transparent; transition:background .18s ease }
.env-table tbody>tr:not(.table-group):hover { background:#211f1f }
.env-table td { padding:14px 17px; border-bottom-color:#312f2e }
.env-table td:first-child { display:flex; align-items:center; align-content:center; flex-wrap:wrap; gap:7px 9px }
.env-table td:first-child>code { display:inline-block; max-width:100%; padding:4px 6px; border:1px solid #443638; background:#251f20; color:#f0d8d8; font-size:9px; line-height:1.25; white-space:nowrap; letter-spacing:.01em }
.env-table td:last-child { display:flex; align-items:center; border-left:1px solid #312f2e; color:#beb9b5; font-size:11px; line-height:1.7 }
.env-table code { font-size:9px }
.env-default { display:inline-flex; align-items:center; gap:5px; width:auto; margin:0; padding:3px 5px; border:1px solid #363433; border-radius:5px; background:#201f1f; color:#d8d3cd; font:9px/1.25 var(--mono) }
.env-default small { padding:0; color:#817c77; font-size:8px; letter-spacing:.08em }
.env-default code { padding:0; border:0; border-radius:0; background:transparent; color:#e3ded8; font-size:9px; white-space:normal; overflow-wrap:anywhere }
.env-table .table-group th { position:relative; padding:10px 17px 9px 20px; border-top:1px solid #4a3335; border-bottom:1px solid #4a3335; background:linear-gradient(90deg,#281d1e,#211d1d); color:#f28b90; font-size:9px; letter-spacing:.13em }
.env-table .table-group th::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--red) }

@media (max-width:600px) { .table-wrap { overflow-x:auto; border-radius:9px }.env-table { min-width:590px }.env-table thead>tr,.env-table tbody>tr:not(.table-group) { grid-template-columns:260px minmax(330px,1fr) }.env-table th,.env-table td { padding-left:13px; padding-right:13px } }

/* Readability scale */
body { font-size:16px; line-height:1.75 }
.main-nav { font-size:14px }.button { font-size:14px }.button-small { font-size:13px }
.eyebrow,.section-kicker,.section-label { font-size:11px }.hero-text { font-size:17px }.text-link { font-size:14px }
.terminal-top p,.terminal-top b,.terminal-foot { font-size:11px }.terminal-body { font-size:14px }.floating-card small { font-size:10px }.floating-card em { font-size:12px }.trusted { font-size:12px }
.intro-grid p,.feature-heading p,.automation-copy>p:not(.eyebrow),.connect-card p:not(.eyebrow) { font-size:16px }.section-label { letter-spacing:.13em }
.route-method,.route-bar>span,.route-status,.route-flow small,.route-columns small { font-size:11px }.route-flow pre,.route-columns pre,.install-code pre { font-size:12px }.feature-list h3 { font-size:15px }.feature-list p { font-size:14px }.product-shot figcaption,.workflow-shot figcaption,.doc-image figcaption { font-size:11px }.site-footer { font-size:12px }

.docs-sidebar>p { font-size:11px }.docs-sidebar a { font-size:13px; line-height:1.45 }.sidebar-bottom { font-size:12px }.sidebar-bottom small { font-size:10px }
.docs-hero>p:not(.eyebrow) { font-size:17px }.doc-meta { font-size:11px }.section-lead { font-size:15px; line-height:1.9 }
.requirements span { font-size:11px }.requirements h3 { font-size:15px }.requirements p,.split-doc p,.operation-grid p,.variables p { font-size:13px; line-height:1.85 }
.install-steps h3,.split-doc h3 { font-size:16px }.install-steps p { font-size:14px }.install-steps>article>span { font-size:12px }.code-block pre { font-size:12px; line-height:1.85 }.copy { font-size:11px }.env-grid code { font-size:11px }.callout strong { font-size:12px }.callout p,.note,.success-callout p { font-size:13px }.numbered-list b { font-size:14px }.numbered-list span { font-size:13px }.route-bar small { font-size:10px }.operation-grid h3 { font-size:14px }.check-list li { font-size:14px }
.card-label,.code-label { font-size:10px }.persistence-card p,.certificate-delivery p,.volume-actions p { font-size:13px }.data-list li { font-size:12px }.inline-link { font-size:12px }.tls-steps li>span { font-size:11px }.tls-steps strong { font-size:14px }.tls-steps p,.docker-run-content>p { font-size:12px }.code-label small { font-size:10px }.docker-run-guide summary { font-size:13px }
.env-table { font-size:13px }.env-table thead th,.env-table .table-group th { font-size:10px }.env-table td:first-child>code { font-size:10px }.env-table td:last-child { font-size:12px; line-height:1.75 }.env-default { font-size:10px }.env-default small { font-size:9px }.env-default code,.env-table code { font-size:10px }

@media (max-width:600px) { body { font-size:15px }.hero-text { font-size:16px }.terminal-body { font-size:11px }.terminal-foot { font-size:9px }.floating-card small { font-size:8px }.code-block pre { font-size:10px; line-height:1.8 }.docs-hero>p:not(.eyebrow) { font-size:16px }.section-lead { font-size:14px }.requirements p,.split-doc p,.operation-grid p { font-size:13px } }

/* Keep inline code with the explanation instead of shrinking it as a flex item. */
.env-table td:last-child { display:block; overflow-wrap:break-word }
.env-table td:last-child code { white-space:normal; overflow-wrap:break-word; word-break:normal }
.env-code-block { margin-top:32px }.env-code-block pre { max-height:720px }.env-legend-title { margin:32px 0 12px; font-size:15px }.env-legend-title + .table-wrap { margin-top:0 }

@media (max-width:600px) {
  .table-wrap { overflow:hidden }
  .env-table { min-width:0 }
  .env-table thead { display:none }
  .env-table tbody>tr:not(.table-group) { grid-template-columns:1fr; min-height:0 }
  .env-table td:first-child { padding-bottom:11px; border-bottom:1px solid #393634 }
  .env-table td:last-child { padding-top:12px; border-left:0; font-size:13px; line-height:1.75 }
  .env-table .table-group th { padding:11px 14px 10px 17px }
}

.footer-powered { display:inline-flex; gap:4px; margin-left:13px; padding-left:13px; border-left:1px solid #3a3836; color:#98948f; white-space:nowrap }
.footer-powered a { color:#d8d3ce; font-weight:700; transition:color .18s ease }
.footer-powered a:hover { color:var(--red) }
@media (max-width:600px) { .footer-powered { margin-left:10px; padding-left:10px } }

/* Pricing */
.plans-body { background:linear-gradient(180deg,#111 0%,#161313 34%,#111 80%); }
.plans-header { border-bottom:1px solid var(--line); }
.plans-header .main-nav>a[aria-current="page"] { position:relative; }
.plans-header .main-nav>a[aria-current="page"]::after { content:""; position:absolute; right:0; bottom:-10px; left:0; height:2px; border-radius:2px; background:var(--red); }
.plans-body :is(a,button):focus-visible { outline:2px solid #ff969a; outline-offset:5px; }
.plans-body [id] { scroll-margin-top:28px; }
.plans-hero,.plans-grid,.plan-comparison,.plans-cta { width:min(1140px,calc(100% - 64px)); margin-inline:auto; }
.plans-hero { padding:88px 0 60px; position:relative; isolation:isolate; text-align:center; }
.plans-hero::before { content:""; position:absolute; z-index:-1; width:min(700px,100%); height:380px; top:0; left:50%; transform:translateX(-50%); background:radial-gradient(ellipse,#4b252845,transparent 70%); pointer-events:none; }
.plans-hero .eyebrow { display:inline-flex; align-items:center; margin-bottom:24px; padding:10px 14px; border:1px solid #413032; border-radius:99px; background:#241b1c80; color:#d2babc; font-size:10px; letter-spacing:.12em; }
.plans-hero h1 { max-width:820px; margin:0 auto 24px; font-size:clamp(44px,5.5vw,72px); line-height:1.1; }
.plans-hero>p:not(.eyebrow) { max-width:590px; margin:0 auto; color:#b5b0ad; font-size:17px; line-height:1.8; }
.plans-hero-notes { display:flex; justify-content:center; flex-wrap:wrap; gap:12px 24px; margin-top:28px; }
.plans-hero-note { display:inline-flex; align-items:center; gap:8px; color:#b4b9b4; font-size:12px; line-height:1.5; }
.plans-hero-note .plan-note-icon { width:15px; height:15px; color:var(--green); }

.plans-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; }
.plan-card { display:flex; flex-direction:column; min-width:0; padding:28px; position:relative; overflow:hidden; border:1px solid #3b3736; border-radius:16px; background:linear-gradient(155deg,#201e1e,#171717 68%); box-shadow:0 12px 32px #0002; transition:border-color .2s ease,box-shadow .2s ease; }
.plan-card-featured { border-color:#ba565e; background:linear-gradient(155deg,#302022,#1b1819 65%); box-shadow:0 0 0 1px #f24f5412,0 18px 50px #0004; }
.plan-card-featured::before { content:""; position:absolute; inset:0 0 auto; height:220px; background:radial-gradient(ellipse at 80% 0,#f24f5416,transparent 70%); pointer-events:none; }
.plan-card-top { position:relative; padding-bottom:24px; border-bottom:1px solid #ffffff12; }
.plan-card-label { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:25px; }
.plan-overline,.plan-includes>p,.plan-limits>p { margin:0; color:#aaa19b; font:500 10px/1.5 var(--mono); letter-spacing:.1em; }
.plan-overline { white-space:nowrap; }
.plan-badge { display:inline-flex; align-items:center; padding:5px 8px; border:1px solid #a84d54; border-radius:6px; background:#54292d; color:#ffc2c5; font:500 9px/1.4 var(--mono); letter-spacing:.035em; white-space:nowrap; }
.plan-card h2 { margin:18px 0 10px; font-size:30px; line-height:1.2; }
.plan-description { min-height:48px; margin:0; color:#b5aeaa; font-size:14px; line-height:1.7; }
.plan-price { display:flex; flex-direction:column; gap:10px; margin:25px 0 0; }
.plan-price strong { color:#faf7f3; font-size:46px; font-weight:800; line-height:1.1; letter-spacing:-.055em; font-variant-numeric:tabular-nums; }
.plan-price strong .plan-currency { color:#c9bdb7; font-size:22px; font-weight:600; letter-spacing:-.02em; }
.plan-price>span { color:#b4aaa4; font-size:12px; line-height:1.5; }
.plan-action { width:100%; min-height:50px; margin:22px 0 26px; gap:10px; font-size:13px; border-radius:8px; }
.plan-action.button-ghost { border-color:#514946; background:#ffffff03; }
.plan-action.button-ghost:hover { border-color:#78625e; background:#ffffff08; }
.plan-card-featured .plan-action { box-shadow:0 4px 18px #f24f5420; }
.plan-includes { padding-bottom:24px; }
.plan-list,.plan-limits ul { margin:16px 0 0; padding:0; list-style:none; }
.plan-list { display:grid; gap:11px; }
.plan-card .plan-list li { display:flex; align-items:flex-start; gap:10px; padding:0; color:#d4ceca; font-size:13px; line-height:1.55; }
.plan-list li::before { content:none; }
.plan-list .list-icon { width:16px; height:16px; margin-top:2px; color:#84cda2; }
.plan-limits,.plan-instance-limit { margin-top:auto; padding-top:22px; border-top:1px solid #ffffff12; }
.plan-limits ul { display:grid; grid-template-columns:1fr 1fr; gap:10px 12px; }
.plan-limits li { display:flex; align-items:baseline; gap:6px; color:#b8aeaa; font-size:11px; line-height:1.5; }
.plan-limits b { color:#ffabad; font:500 12px var(--mono); }
.plan-instance-limit { display:flex; align-items:center; gap:12px; min-height:89px; }
.plan-instance-limit>span { display:grid; place-items:center; flex:0 0 40px; height:40px; border:1px solid #634144; border-radius:10px; background:#342326; color:#ffabad; font:500 18px var(--mono); }
.plan-instance-limit .svg-icon { width:20px; height:20px; }
.plan-instance-limit p { display:grid; gap:5px; margin:0; line-height:1.5; }
.plan-instance-limit b { color:#e3dad4; font-size:12px; }
.plan-instance-limit small { color:#b3a5a0; font-size:11px; }

.plan-comparison { display:grid; gap:36px; margin-block:104px; }
.comparison-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:48px; }
.comparison-heading .section-kicker { margin-bottom:18px; }
.comparison-heading h2,.plans-cta h2 { margin:0; font-size:clamp(34px,4vw,48px); line-height:1.15; }
.comparison-heading>p { max-width:300px; margin:0 0 5px; color:#b5aeaa; font-size:15px; line-height:1.8; }
.comparison-table-wrap { position:relative; overflow:hidden; border:1px solid #413b39; border-radius:14px; background:#191818; }
.comparison-table { width:100%; border-collapse:collapse; table-layout:fixed; text-align:left; }
.comparison-table th,.comparison-table td { padding:20px 24px; border-bottom:1px solid #ffffff10; font-size:13px; line-height:1.6; }
.comparison-table thead th { padding-block:18px; background:#232020; color:#c3b7b1; font:500 11px/1.5 var(--mono); letter-spacing:.06em; }
.comparison-table thead th:first-child { width:40%; }
.comparison-table thead th:not(:first-child),.comparison-table td { text-align:center; }
.comparison-table thead th:nth-child(3) { background:#392426; color:#ffc2c5; }
.comparison-table tbody th { color:#d5ceca; font-weight:500; }
.comparison-table td { color:#c1b7b1; }
.comparison-table td:nth-child(3) { border-inline:1px solid #ffffff0c; background:#f24f5407; }
.comparison-table td.comparison-included { color:#a4d8b6; }
.comparison-table td.comparison-unavailable { color:#9d9490; }
.comparison-table tbody tr:last-child>* { border-bottom:0; }
.comparison-table .comparison-price-row>* { padding-block:22px; background:#ffffff03; }
.comparison-table .comparison-price-row td { color:#f2e9e3; font-size:16px; font-weight:700; }
.comparison-table .comparison-price-row td:nth-child(3) { background:#f24f540b; color:#ffabad; }
.plans-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

.plans-cta { position:relative; overflow:hidden; margin-bottom:80px; padding:72px 32px; border:1px solid #593436; border-radius:18px; background:radial-gradient(ellipse at 50% 115%,#6e303442,transparent 65%),linear-gradient(135deg,#22191a,#191717); text-align:center; }
.plans-cta .eyebrow { margin-bottom:22px; color:#c8afa9; font-size:10px; }
.plans-cta h2 { margin-bottom:20px; }
.plans-cta>p:not(.eyebrow) { max-width:450px; margin:0 auto; color:#b8adaa; font-size:15px; line-height:1.8; }
.plans-cta .button { min-height:50px; margin-top:28px; padding-inline:24px; }

@media (hover:hover) {
  .plan-card:hover { border-color:#65504c; box-shadow:0 16px 40px #0004; }
  .plan-card-featured:hover { border-color:#f0858b; box-shadow:0 0 0 1px #f24f5420,0 20px 52px #0005; }
  .comparison-table tbody tr:hover>* { background-color:#ffffff03; }
  .comparison-table tbody tr:hover>td:nth-child(3) { background-color:#f24f540b; }
}

@media (min-width:901px) and (max-width:1100px) {
  .plans-grid { gap:14px; }
  .plan-card { padding:24px 20px; }
  .plan-card-label { flex-wrap:wrap; align-content:flex-start; min-height:49px; gap:4px; }
  .plan-description { min-height:72px; }
  .plan-price strong { font-size:42px; }
  .plan-action { padding-inline:12px; font-size:12px; }
  .plan-limits ul { gap:10px 8px; }
  .comparison-table th,.comparison-table td { padding-inline:18px; }
}

@media (max-width:900px) {
  .plans-hero,.plans-grid,.plan-comparison,.plans-cta { width:calc(100% - 48px); }
  .plans-hero { padding-top:72px; }
  .plans-grid { max-width:600px; grid-template-columns:1fr; gap:22px; }
  .plan-card { padding:32px; }
  .plan-description { min-height:0; }
  .plan-price { margin-top:24px; }
  .plan-includes { padding-bottom:26px; }
  .plan-instance-limit { min-height:0; }
  .plan-limits ul { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .plan-comparison { margin-block:80px; }
  .comparison-heading { align-items:flex-start; flex-direction:column; gap:20px; }
  .comparison-heading>p { max-width:440px; margin:0; }
  .comparison-table th,.comparison-table td { padding:18px 15px; font-size:12px; }
  .comparison-table thead th { font-size:10px; }
  .comparison-table thead th:first-child { width:34%; }
  .plans-cta { padding:64px 28px; }
}

@media (max-width:600px) {
  .plans-header .main-nav>a[aria-current="page"]::after { display:none; }
  .plans-header .main-nav.open { border-bottom-color:#5e383b; box-shadow:0 16px 28px #0005; }
  .plans-hero,.plans-grid,.plan-comparison,.plans-cta { width:calc(100% - 40px); }
  .plans-hero { padding:54px 0 36px; text-align:left; }
  .plans-hero .eyebrow { max-width:100%; padding:9px 11px; font-size:9px; letter-spacing:.06em; }
  .plans-hero h1 { margin-left:0; font-size:clamp(32px,9.4vw,48px); line-height:1.13; }
  .plans-hero>p:not(.eyebrow) { margin-left:0; font-size:15px; line-height:1.8; }
  .plans-hero-notes { justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:12px; margin-top:24px; }
  .plans-hero-note { font-size:11px; }
  .plans-grid { gap:18px; }
  .plan-card { padding:25px 22px; border-radius:14px; }
  .plan-card-label { gap:6px; }
  .plan-overline { font-size:9px; letter-spacing:.07em; }
  .plan-badge { padding:5px 7px; font-size:8px; }
  .plan-card h2 { font-size:28px; }
  .plan-description { font-size:14px; }
  .plan-price strong { font-size:44px; }
  .plan-action { font-size:13px; }
  .plan-limits ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .plan-comparison { gap:28px; margin-block:64px; }
  .comparison-heading { gap:17px; }
  .comparison-heading h2,.plans-cta h2 { font-size:clamp(30px,7.5vw,38px); }
  .comparison-heading>p { font-size:14px; }
  .comparison-table-wrap { border-radius:12px; }
  .comparison-table { display:block; }
  .comparison-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .comparison-table tbody { display:block; }
  .comparison-table tbody tr { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid #ffffff12; }
  .comparison-table tbody tr:last-child { border-bottom:0; }
  .comparison-table th,.comparison-table td { display:block; padding:15px 10px; border-bottom:0; font-size:12px; }
  .comparison-table tbody th { grid-column:1 / -1; padding:14px 16px; background:#252121; font-size:13px; line-height:1.6; }
  .comparison-table td { text-align:left; }
  .comparison-table td::before { content:attr(data-label); display:block; margin-bottom:8px; color:#b4a6a0; font:500 10px/1.5 var(--mono); text-transform:uppercase; }
  .comparison-table td:nth-child(3)::before { color:#f5b3b7; }
  .comparison-table .comparison-price-row>* { padding-block:15px; }
  .comparison-table .comparison-price-row th { background:#252121; }
  .comparison-table .comparison-price-row td { font-size:14px; }
  .plans-cta { margin-bottom:54px; padding:48px 22px; border-radius:14px; text-align:left; }
  .plans-cta .eyebrow { font-size:9px; letter-spacing:.08em; }
  .plans-cta>p:not(.eyebrow) { margin-left:0; font-size:14px; }
  .plans-cta .button { width:100%; }
}

@media (prefers-reduced-motion:reduce) {
  .plans-body .plan-card,.plans-body .button,.plans-body .svg-icon { transition:none; }
  .plans-body .button:hover,.plans-body .button:hover .icon-arrow { transform:none; }
}


/* SVG icon system */
.inline-link .svg-icon { width:16px; height:16px; transition:transform .2s ease }
.footer-top-link { display:inline-flex; align-items:center; gap:5px }.footer-top-link .svg-icon { width:14px; height:14px }
.volume-map { display:flex; align-items:center; gap:8px }.mapping-arrow { width:17px; height:17px; flex:0 0 17px; color:var(--red) }
.plans-hero-note .plan-note-icon { width:14px; height:14px; color:var(--green) }
.plan-list li { padding-left:0; display:flex; align-items:flex-start; gap:7px }.plan-list li::before { content:none }

/* RestGo × Supabase */
.platform-comparison { padding-top:75px; padding-bottom:130px }.comparison-intro { display:grid; grid-template-columns:1.2fr .8fr; gap:85px; align-items:end; margin:33px 0 56px }.comparison-intro h2 { margin:0; font-size:clamp(37px,4.6vw,59px); letter-spacing:-.065em; line-height:1.12 }.comparison-intro p { max-width:390px; margin:0; color:var(--muted); font-size:16px; line-height:1.9 }.platform-table-wrap { overflow:hidden; border:1px solid #3d3938; border-radius:13px; background:linear-gradient(145deg,#1c1b1b,#161616); box-shadow:0 25px 55px #0003 }.platform-table { width:100%; border-collapse:collapse; table-layout:fixed; text-align:left }.platform-table th,.platform-table td { padding:20px 22px; vertical-align:top; border-bottom:1px solid #353231 }.platform-table thead th { padding-top:15px; padding-bottom:15px; background:#252323; color:#aaa5a0; font:500 10px var(--mono); letter-spacing:.14em; text-transform:uppercase }.platform-table thead th:first-child { width:18%; color:#827e7a }.platform-table thead .restgo-column { color:#f6aaad; background:linear-gradient(180deg,#332022,#282020) }.platform-table thead .restgo-column span { display:inline-flex; align-items:center; gap:7px }.platform-table thead .restgo-column span::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--red); box-shadow:0 0 10px var(--red) }.platform-table tbody th { color:#aaa49e; font:500 10px/1.45 var(--mono); letter-spacing:.11em; text-transform:uppercase }.platform-table td { color:#bcb8b3; font-size:13px; line-height:1.75 }.platform-table td:nth-child(2) { border-right:1px solid #443738; border-left:1px solid #443738; background:#211d1e }.platform-table td strong { display:block; margin-bottom:4px; color:#f2d6d7; font-size:12px; line-height:1.55 }.platform-table tbody tr { transition:background .18s ease }.platform-table tbody tr:hover th,.platform-table tbody tr:hover td:not(:nth-child(2)) { background:#201f1e }.platform-table tbody tr:last-child>* { border-bottom:0 }.comparison-outcomes { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:18px }.comparison-choice { min-height:235px; padding:27px 29px; position:relative; overflow:hidden; border:1px solid #383534; border-radius:11px; background:#181818 }.comparison-choice:first-child { border-color:#5a393b; background:linear-gradient(135deg,#251b1c,#181818 70%) }.comparison-choice:first-child::after { content:""; position:absolute; right:-65px; bottom:-100px; width:230px; aspect-ratio:1; border-radius:50%; background:#f24f5417; filter:blur(20px); pointer-events:none }.choice-mark { display:inline-flex; align-items:center; min-height:25px; padding:0 8px; border-radius:4px; font:10px var(--mono); letter-spacing:.1em }.restgo-mark { color:#ffb5b8; background:#482527 }.supabase-mark { color:#a9d9bd; background:#1e3728 }.comparison-choice h3 { max-width:430px; margin:25px 0 10px; position:relative; z-index:1; color:#eeebe7; font-size:17px; letter-spacing:-.025em; line-height:1.4 }.comparison-choice p { max-width:480px; margin:0; position:relative; z-index:1; color:var(--muted); font-size:13px; line-height:1.75 }.comparison-note { margin:25px 0 0; color:#87837f; font:11px var(--mono); letter-spacing:.025em; text-align:center }

@media (max-width:900px) { .platform-comparison { margin-left:24px; margin-right:24px; padding-top:40px; padding-bottom:100px }.comparison-intro { grid-template-columns:1fr; gap:22px }.comparison-intro p { max-width:600px }.platform-table-wrap { overflow-x:auto }.platform-table { min-width:940px }.comparison-outcomes { grid-template-columns:1fr; max-width:680px } }
@media (max-width:600px) { .platform-comparison { margin-left:22px; margin-right:22px; padding-top:15px; padding-bottom:80px }.comparison-intro { margin:27px 0 36px; gap:18px }.comparison-intro h2 { font-size:38px }.comparison-intro p { font-size:15px; line-height:1.8 }.platform-table-wrap { overflow:visible; border-radius:10px }.platform-table { min-width:0; display:block }.platform-table thead { display:none }.platform-table tbody { display:block }.platform-table tr { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid #353231 }.platform-table tbody tr:last-child { border-bottom:0 }.platform-table th,.platform-table td { display:block; padding:14px 15px; border:0 }.platform-table tbody th { grid-column:1 / -1; padding:12px 15px 10px; background:#272424; color:#d0cbc6; font-size:10px }.platform-table td { min-height:0; font-size:12px; line-height:1.7 }.platform-table td:nth-child(2) { border-right:1px solid #443738; border-left:0; background:#211d1e }.platform-table td::before { display:block; margin-bottom:9px; font:500 9px var(--mono); letter-spacing:.11em; text-transform:uppercase }.platform-table td:nth-child(2)::before { content:"RestGo"; color:#f7a8ac }.platform-table td:nth-child(3)::before { content:"Supabase"; color:#b8d9c3 }.platform-table td strong { font-size:11px; line-height:1.5 }.comparison-outcomes { gap:12px; margin-top:14px }.comparison-choice { min-height:0; padding:23px 21px }.comparison-choice h3 { margin-top:20px; font-size:16px }.comparison-choice p { font-size:12px }.comparison-note { margin-top:20px; font-size:10px; line-height:1.65; text-align:left } }

/* Visual reading for the platform comparison */
.comparison-intro { margin-bottom:34px }.comparison-diagrams { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:43px }.architecture-card { min-height:401px; padding:24px 25px 20px; position:relative; overflow:hidden; border:1px solid #3a3735; border-radius:13px; background:linear-gradient(145deg,#1d1c1c,#171717); box-shadow:0 22px 48px #0003 }.architecture-card::before { content:""; position:absolute; top:-90px; width:270px; height:170px; border-radius:50%; filter:blur(30px); opacity:.45; pointer-events:none }.architecture-card-restgo { border-color:#5c393b; background:linear-gradient(135deg,#241a1b,#171717 76%) }.architecture-card-restgo::before { left:-50px; background:#f24f5420 }.architecture-card-supabase::before { right:-50px; background:#59c98c14 }.architecture-card-top { display:flex; align-items:center; justify-content:space-between; gap:14px; position:relative; z-index:1; color:#89847f; font:10px var(--mono); letter-spacing:.11em }.architecture-card h3 { margin:23px 0 0; position:relative; z-index:1; color:#f0ece7; font-size:22px; letter-spacing:-.045em; line-height:1.22 }.architecture-map { height:211px; margin-top:12px; position:relative; border-top:1px solid #33302f; border-bottom:1px solid #33302f; background:linear-gradient(90deg,transparent 49.8%,#ffffff08 50%,transparent 50.2%) }.architecture-lines { width:100%; height:100%; position:absolute; inset:0; overflow:visible }.architecture-lines path { fill:none; stroke:#736260; stroke-width:1.2; stroke-dasharray:3 4 }.architecture-lines circle { fill:#f1787c; filter:drop-shadow(0 0 4px #f24f54) }.architecture-card-supabase .architecture-lines path { stroke:#5a7062 }.architecture-card-supabase .architecture-lines circle { fill:#7ec99b; filter:drop-shadow(0 0 4px #68dca1) }.arch-node,.arch-core { min-width:91px; padding:8px 9px; position:absolute; z-index:1; border:1px solid #4a4240; border-radius:7px; background:#1c1b1be8; box-shadow:0 8px 18px #0004; text-align:left }.arch-node small,.arch-core small { display:block; color:#89847f; font:9px/1 var(--mono); letter-spacing:.08em }.arch-node b { display:block; margin-top:4px; color:#d9d4cf; font:600 11px/1.2 var(--sans) }.arch-core { width:142px; padding:11px 12px; left:calc(50% - 71px); top:calc(50% - 27px); border-color:#724346; background:linear-gradient(145deg,#342022,#231b1c); text-align:center }.arch-core small { color:#e7a1a4; font-size:8px }.arch-core b { display:block; margin:5px 0 3px; color:#fff3f3; font:700 15px/1 var(--mono); letter-spacing:.07em }.arch-core span { display:block; color:#cbaeb0; font:9px/1.25 var(--sans) }.arch-node-auth { left:3%; top:7% }.arch-node-db-one { left:3%; bottom:7% }.arch-node-db-two { right:3%; top:7% }.arch-node-db-three { right:3%; bottom:7% }.architecture-card-supabase .arch-core { border-color:#3b6349; background:linear-gradient(145deg,#1d3324,#19241c) }.architecture-card-supabase .arch-core small { color:#9ed2ae }.architecture-card-supabase .arch-core span { color:#b5cbbb }.supabase-project { top:7%; left:calc(50% - 55px); min-width:110px; text-align:center }.supabase-api { left:3%; bottom:7% }.supabase-auth { left:calc(50% - 49px); bottom:7%; min-width:98px; text-align:center }.supabase-storage { right:3%; bottom:7% }.architecture-caption { min-height:35px; display:flex; gap:16px; margin:15px 0 0; color:#a9a4a0; font-size:11px; line-height:1.55 }.architecture-caption span { flex:1 }.architecture-caption b { display:block; color:#ded9d4; font-size:11px }.comparison-detail-label { display:flex; align-items:center; gap:10px; margin:0 0 12px; color:#8a8580; font:10px var(--mono); letter-spacing:.12em }.comparison-detail-label span { width:30px; height:1px; background:var(--red) }

.comparison-purpose { display:grid; grid-template-columns:34px minmax(0,1fr); gap:17px; max-width:830px; margin:26px 0 39px; padding:20px 24px 21px; position:relative; overflow:hidden; border:1px solid #5b393b; border-radius:10px; background:linear-gradient(105deg,#291c1e,#1a1919 72%) }.comparison-purpose::before { content:""; width:220px; height:160px; position:absolute; top:-105px; right:-60px; border-radius:50%; background:#f24f5424; filter:blur(25px); pointer-events:none }.comparison-purpose-mark { width:30px; height:30px; display:grid; place-items:center; position:relative; z-index:1; border:1px solid #744448; border-radius:50%; color:#ffaaaa; background:#3a2022; font:10px var(--mono) }.comparison-purpose p { max-width:710px; margin:0; position:relative; z-index:1; color:#ded9d4; font-size:15px; line-height:1.75 }.comparison-purpose p strong { color:#fff2f2; font-weight:800 }

@media (max-width:900px) { .comparison-diagrams { grid-template-columns:1fr; max-width:680px }.architecture-card { min-height:380px } }
@media (max-width:600px) { .comparison-purpose { grid-template-columns:27px minmax(0,1fr); gap:12px; margin:20px 0 28px; padding:17px 16px }.comparison-purpose-mark { width:26px; height:26px; font-size:9px }.comparison-purpose p { font-size:13px; line-height:1.7 }.comparison-intro { margin-bottom:29px }.comparison-diagrams { gap:12px; margin-bottom:33px }.architecture-card { min-height:364px; padding:20px 17px 17px; border-radius:10px }.architecture-card-top { font-size:8px; letter-spacing:.08em }.architecture-card-top .choice-mark { font-size:9px }.architecture-card h3 { margin-top:19px; font-size:20px }.architecture-map { height:187px; margin-top:10px }.arch-node,.arch-core { min-width:76px; padding:7px 6px; border-radius:6px }.arch-node small { font-size:7px }.arch-node b { margin-top:3px; font-size:9px }.arch-core { width:119px; left:calc(50% - 59px); top:calc(50% - 25px); padding:9px 6px }.arch-core small { font-size:7px }.arch-core b { font-size:13px }.arch-core span { font-size:8px }.supabase-project { left:calc(50% - 47px); min-width:94px }.supabase-auth { left:calc(50% - 42px); min-width:84px }.architecture-caption { gap:10px; margin-top:12px; font-size:10px }.architecture-caption b { font-size:10px }.comparison-detail-label { margin-bottom:10px; font-size:9px } }

/* Keep the home page content away from the viewport edges at every width. */
.home-page { --page-gutter:clamp(24px,3vw,36px) }
.home-page :is(main>.trusted,main>.section:not(.automation),.site-footer) { width:min(1140px,calc(100% - 2 * var(--page-gutter))); margin-inline:auto }
.home-page .trusted>div { flex-wrap:wrap }
@media (max-width:900px) { .home-page { --page-gutter:24px } }
@media (max-width:600px) { .home-page { --page-gutter:22px } }
@media (max-width:750px) {
  .home-page .main-nav { display:none }
  .home-page .nav-toggle { display:block }
  .home-page .main-nav.open { display:flex; position:absolute; top:100%; left:0; right:0; padding:18px; flex-direction:column; align-items:stretch; gap:12px; border-bottom:1px solid var(--line); background:#181818 }
  .home-page .route-flow { grid-template-columns:1fr; gap:15px }
  .home-page .flow-arrow { transform:rotate(90deg) }
}

/* Keyboard navigation and touch targets on the home page. */
.home-page :is(a,button):focus-visible { outline:2px solid var(--cyan); outline-offset:5px; border-radius:5px }
.skip-link { position:absolute; top:12px; left:20px; z-index:30; padding:10px 16px; border:1px solid var(--cyan); border-radius:6px; background:#1a262a; color:#e8f9ff; font-size:14px; font-weight:700; transform:translateY(calc(-100% - 20px)) }
.skip-link:focus { transform:translateY(0) }
.home-page #conteudo:focus { outline:none }
.home-page .main-nav>a { display:inline-flex; align-items:center; min-height:44px }
.home-page .nav-toggle { min-width:44px; min-height:44px }

/* E-commerce: storefront, API layer and connected commerce modules. */
.commerce { padding-top:0; padding-bottom:105px; scroll-margin-top:32px }
.commerce-heading { display:grid; grid-template-columns:1.15fr .85fr; gap:85px; align-items:end; margin:32px 0 46px }
.commerce-heading h2 { margin:0; font-size:clamp(37px,4.6vw,59px); font-weight:800; line-height:1.12; letter-spacing:-.04em; word-spacing:.065em }
.commerce-heading p { max-width:420px; margin:0 0 22px; color:var(--muted); font-size:16px; line-height:1.9 }
.commerce-heading .text-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; padding:8px 0; color:#ebc5b5 }
.commerce-heading .text-link .svg-icon { color:#f49386 }
.commerce-heading .text-link:hover { color:#fff0e9 }
.commerce-visual { position:relative; isolation:isolate; margin:0; overflow:hidden; border:1px solid #53423a; border-radius:16px; background:#171615; box-shadow:0 24px 60px #0004,inset 0 1px 0 #f8c8a410 }
.commerce-visual::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 42% 43%,#f24f5412,transparent 42%),radial-gradient(ellipse at 95% 0,#51c9e908,transparent 40%),radial-gradient(#ffffff0c .7px,transparent .7px); background-size:auto,auto,18px 18px }
.commerce-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:58px; padding:15px 28px; border-bottom:1px solid #ffffff0d; background:#1c1a19b0; color:#c0b3a8; font:11px/1.5 var(--mono); letter-spacing:.08em }
.commerce-toolbar>span { display:inline-flex; align-items:center; gap:9px }
.commerce-toolbar .svg-icon { width:15px; height:15px; color:#ddaaa2 }
.commerce-toolbar .commerce-live { color:#bed8c9; font-size:11px; letter-spacing:0 }
.commerce-live i,.commerce-store-footer i { width:5px; height:5px; flex:none; border-radius:50%; background:var(--green); box-shadow:0 0 8px #68dca150 }
.commerce-map { position:relative; display:grid; grid-template-columns:minmax(0,.96fr) minmax(150px,.8fr) minmax(0,1.54fr); align-items:center; gap:28px; margin:0 28px; padding:38px 0; min-height:450px }
.commerce-connections { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible }
.commerce-wire { fill:none; stroke:#71504b; stroke-width:1.1; vector-effect:non-scaling-stroke }
.commerce-signal { fill:none; stroke:#f5857d; stroke-width:1.8; stroke-dasharray:3 19; stroke-linecap:round; opacity:.8; vector-effect:non-scaling-stroke; animation:commerce-data-flow 4s linear 1; animation-play-state:paused }
.commerce-connections circle { fill:#f79b91; filter:drop-shadow(0 0 5px #f24f54) }
.commerce-store { position:relative; z-index:1; width:100%; max-width:300px; overflow:hidden; border:1px solid #5a4c44; border-radius:11px; background:#f3eee7; box-shadow:0 18px 35px #0005; color:#393530; transform:rotate(-1.5deg) }
.commerce-browser { display:flex; align-items:center; gap:4px; height:30px; padding:0 12px; border-bottom:1px solid #dfd8d0; background:#e8e1d8 }
.commerce-browser>span { width:4px; height:4px; border-radius:50%; background:#b3a79b }
.commerce-browser small { flex:1; color:#756356; font:9px var(--mono); text-align:center }
.commerce-browser .svg-icon { width:10px; height:10px; color:#8a7b6f }
.commerce-store-content { padding:17px 17px 14px }
.commerce-store-brand { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px }
.commerce-store-brand>span { display:inline-flex; align-items:center; font-size:18px; font-weight:800; letter-spacing:-1px }
.commerce-store-brand i { width:12px; height:12px; margin-right:7px; border:3px solid #92705a; border-radius:50% 50% 2px 50%; transform:rotate(-35deg) }
.commerce-store-brand-dot { color:#a57352 }
.commerce-store-brand .svg-icon { width:16px; height:16px; color:#846b56 }
.commerce-store-eyebrow { margin:0 0 8px; color:#7d6756; font:8px/1.5 var(--mono); letter-spacing:.06em }
.commerce-store h3 { margin:0 0 16px; color:#3e332b; font-size:22px; font-weight:800; letter-spacing:-.05em; line-height:1.2 }
.commerce-products { display:grid; grid-template-columns:1fr 1fr; gap:10px }
.commerce-product { min-width:0 }
.commerce-product-art { display:grid; place-items:center; aspect-ratio:1.1; overflow:hidden; border-radius:6px }
.commerce-product-art svg { width:90%; height:90% }
.commerce-product-art-bag { background:radial-gradient(ellipse at 45% 30%,#f1e3d4,#e4d3c2) }
.commerce-product-art-headphones { background:radial-gradient(ellipse at 45% 30%,#e1e8df,#cbd7ca) }
.commerce-product>span { display:block; margin-top:7px; color:#786556; font-size:10px; line-height:1.6 }
.commerce-product>b { display:block; color:#46382d; font-size:11px; font-weight:800; line-height:1.6 }
.commerce-cart { display:flex; align-items:center; justify-content:space-between; gap:5px; margin-top:15px; padding:10px 0; border-top:1px solid #dcd1c5; font-size:9px }
.commerce-cart>span { display:inline-flex; align-items:center; gap:5px; color:#735e4d }
.commerce-cart .svg-icon { width:12px; height:12px }
.commerce-cart strong { color:#564333; font-size:10px; white-space:nowrap }
.commerce-checkout { display:flex; justify-content:center; align-items:center; gap:12px; min-height:33px; border-radius:5px; background:#7d6049; color:#faf3e9; font-size:10px; font-weight:700 }
.commerce-checkout .svg-icon { width:12px; height:12px }
.commerce-store-footer { display:flex; align-items:center; justify-content:center; gap:6px; padding:9px; border-top:1px solid #4a413b; background:#292522; color:#d1bfaf; font:9px/1.4 var(--mono) }
.commerce-store-footer i { width:4px; height:4px; box-shadow:none }
.commerce-engine { display:flex; align-items:center; flex-direction:column; position:relative; z-index:1; gap:17px; text-align:center; transform:translateY(46px) }
.commerce-layer-label { color:#c0aea3; font:10px/1.5 var(--mono); letter-spacing:.05em }
.commerce-orbit { position:relative; display:grid; place-items:center; width:152px; height:152px; border:1px solid #72403c66; border-radius:50%; background:radial-gradient(circle,#f24f5416,transparent 72%) }
.commerce-orbit::before { content:""; position:absolute; inset:12px; border:1px dashed #ab5d5366; border-radius:50% }
.commerce-orbit::after { content:""; position:absolute; inset:-10px; z-index:-1; border:1px solid #f24f541a; border-radius:50%; animation:commerce-core-pulse 4s ease-in-out 1; animation-play-state:paused }
.commerce-visual.visible .commerce-signal,.commerce-visual.visible .commerce-orbit::after { animation-play-state:running }
.commerce-core { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:4px; width:105px; height:105px; position:relative; border:1px solid #b2655c; border-radius:26px; background:linear-gradient(145deg,#442523,#251b1a); box-shadow:0 0 36px #f24f5424,inset 0 1px 0 #ffc3a52a,0 12px 28px #0004 }
.commerce-core img { width:32px; height:32px; margin-bottom:3px; filter:drop-shadow(0 2px 8px #f24f5430) }
.commerce-core b { color:#fff0e9; font-size:16px; font-weight:800; letter-spacing:-.04em; line-height:1.2 }
.commerce-core small { color:#e1ad9b; font:9px/1.5 var(--mono); letter-spacing:.08em }
.commerce-orbit-dot { position:absolute; width:6px; height:6px; border-radius:50%; background:#f89582; box-shadow:0 0 12px #f24f5499 }
.commerce-orbit-dot-one { top:17px; right:22px }
.commerce-orbit-dot-two { bottom:17px; left:22px; background:#f1b25b }
.commerce-auth { display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border:1px solid #413936; border-radius:20px; background:#211c1a; color:#c8aba0; font:9px/1.4 var(--mono) }
.commerce-auth .svg-icon { width:10px; height:10px; color:#d98d7e }
.commerce-database { display:flex; align-items:center; gap:10px; position:relative; margin-top:11px; padding:11px 13px; border:1px solid #3e4846; border-radius:8px; background:linear-gradient(135deg,#202a28,#1a201f); text-align:left; box-shadow:0 8px 18px #0003 }
.commerce-database::before { content:""; position:absolute; height:28px; bottom:100%; left:50%; border-left:1px dashed #79716a; z-index:-1 }
.commerce-database>.svg-icon { width:23px; height:23px; color:#88c2b6 }
.commerce-database b { display:block; color:#ceddd7; font-size:11px; line-height:1.4 }
.commerce-database small { display:block; margin-top:3px; color:#b3c8bd; font:9px/1.5 var(--mono) }
.commerce-api-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; position:relative; z-index:1 }
.commerce-api { --api-accent:#eab383; position:relative; display:flex; flex-direction:column; min-width:0; padding:16px 14px 0; border:1px solid #423a33; border-radius:10px; background:linear-gradient(140deg,#27221f,#1b1917); box-shadow:0 6px 14px #0002,inset 0 1px 0 #ffffff05 }
.commerce-api::before { content:""; position:absolute; top:-1px; left:15px; right:15px; height:1px; pointer-events:none; background:linear-gradient(90deg,transparent,var(--api-accent),transparent); opacity:.35 }
.commerce-api-customers { --api-accent:#b5a0e5; border-color:#3d374a; background:linear-gradient(140deg,#24202c,#1b191f) }
.commerce-api-cart { --api-accent:#8cbdd3; border-color:#35444b; background:linear-gradient(140deg,#20282c,#191c1e) }
.commerce-api-orders { --api-accent:#ed9d99; border-color:#4d3535; background:linear-gradient(140deg,#2d2021,#1e1919) }
.commerce-api-stock { --api-accent:#9fc5a2; border-color:#354537; background:linear-gradient(140deg,#202920,#191e19) }
.commerce-api-payments { --api-accent:#ddbe79; border-color:#48412f; background:linear-gradient(140deg,#2b281d,#1d1b17) }
.commerce-api-icon { display:grid; place-items:center; width:32px; height:32px; margin-bottom:11px; border:1px solid color-mix(in srgb,var(--api-accent) 20%,transparent); border-radius:8px; background:color-mix(in srgb,var(--api-accent) 9%,transparent); color:var(--api-accent) }
.commerce-api-icon .svg-icon { width:18px; height:18px }
.commerce-api h3 { margin:0 0 4px; color:#f0e6dc; font-size:15px; font-weight:700; line-height:1.4 }
.commerce-api p { margin:0 0 14px; color:#c0b3a8; font-size:12px; line-height:1.55 }
.commerce-endpoint { display:flex; align-items:flex-start; gap:6px; margin:auto -14px 0; padding:10px 11px; border-top:1px solid #ffffff0c; border-radius:0 0 9px 9px; background:#0000001a; line-height:1.5 }
.commerce-endpoint>span { flex:none; padding:1px 3px; border-radius:3px; background:#68dca10f; color:#b6dfc9; font:9px/1.5 var(--mono) }
.commerce-endpoint>.commerce-method-post { background:#f24f5410; color:#ffc0b7 }
.commerce-endpoint code { min-width:0; overflow-wrap:normal; padding:1px 0; background:transparent; color:#c1b5aa; font:10px/1.5 var(--mono) }
.commerce-order-flow { padding:20px 28px 22px; border-top:1px solid #ffffff0d; background:#1c1917c0 }
.commerce-flow-label { display:block; margin-bottom:16px; color:#b09b8b; font:10px/1.5 var(--mono); letter-spacing:.08em }
.commerce-order-flow ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin:0; padding:0; list-style:none }
.commerce-order-flow li { display:flex; align-items:center; gap:9px; position:relative; padding-right:12px; color:#d5c7ba; font-size:12px; line-height:1.5 }
.commerce-order-flow li>span { display:grid; place-items:center; width:24px; height:24px; flex:none; border:1px solid #5e4639; border-radius:50%; background:#30241e; color:#e5b18d; font:9px var(--mono) }
.commerce-order-flow li:not(:last-child)::after { content:""; position:absolute; right:0; width:5px; height:5px; border-top:1px solid #7a6151; border-right:1px solid #7a6151; transform:rotate(45deg) }
.commerce-order-flow li:last-child>span { border-color:#3c5748; background:#203025; color:#8ac8a0 }
.commerce-order-flow .svg-icon { width:14px; height:14px; flex:none; color:var(--green) }
.commerce-visual figcaption { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 28px; border-top:1px solid #ffffff0b; background:#151413; color:#b3a396; font:10px/1.6 var(--mono) }
.commerce-visual figcaption>span:last-child { color:#bfa38f }
@keyframes commerce-data-flow { to { stroke-dashoffset:-88 } }
@keyframes commerce-core-pulse { 50% { transform:scale(1.07); opacity:.4 } }

@media (max-width:1100px) and (min-width:901px) {
  .commerce-map { gap:20px; margin-inline:22px; grid-template-columns:minmax(0,.96fr) minmax(145px,.7fr) minmax(0,1.54fr) }
  .commerce-api { padding-inline:11px }
  .commerce-endpoint { margin-inline:-11px; padding-inline:8px; gap:4px }
  .commerce-endpoint code { font-size:9px }
  .commerce-order-flow li { font-size:11px }
}
@media (max-width:900px) {
  .commerce { padding-top:0; padding-bottom:70px }
  .commerce-heading { grid-template-columns:1fr; gap:22px; margin-bottom:34px }
  .commerce-heading p { max-width:600px; margin-bottom:16px }
  .commerce-map { grid-template-columns:minmax(0,1fr) minmax(150px,.8fr); gap:36px 25px; max-width:610px; margin:auto; padding:34px 28px }
  .commerce-store { max-width:300px; justify-self:center }
  .commerce-connections { display:none }
  .commerce-engine { transform:none }
  .commerce-engine::before { content:""; position:absolute; width:calc(50% + 28px); top:42%; right:calc(50% + 76px); border-top:1px dashed #b4685977; z-index:-1 }
  .commerce-api-grid { grid-column:1 / -1; grid-template-columns:repeat(3,minmax(0,1fr)); padding-top:26px; border-top:1px dashed #825d4c80 }
  .commerce-api-grid::before { content:""; position:absolute; width:1px; height:36px; bottom:100%; left:50%; border-left:1px dashed #825d4c80 }
  .commerce-order-flow ol { grid-template-columns:1fr 1fr; gap:18px 22px }
  .commerce-order-flow li::after { display:none }
}
@media (max-width:600px) {
  .commerce { padding-top:0; padding-bottom:45px }
  .commerce-heading { margin-top:26px; gap:20px }
  .commerce-heading h2 { font-size:38px }
  .commerce-heading p { font-size:15px; line-height:1.8 }
  .commerce-heading .text-link { font-size:13px }
  .commerce-visual { border-radius:12px }
  .commerce-toolbar { flex-wrap:wrap; min-height:52px; gap:8px 16px; padding:14px 18px; font-size:10px; letter-spacing:.03em }
  .commerce-toolbar .commerce-live { font-size:10px }
  .commerce-map { grid-template-columns:1fr; gap:28px; padding:30px 18px }
  .commerce-store { width:min(100%,280px); transform:rotate(-1.5deg) }
  .commerce-store-content { padding:17px 18px 14px }
  .commerce-engine { gap:13px; padding-top:22px }
  .commerce-engine::before { width:1px; height:32px; right:auto; left:50%; top:-23px; border-top:0; border-left:1px dashed #b4685977 }
  .commerce-layer-label { font-size:10px }
  .commerce-orbit { width:135px; height:135px }
  .commerce-auth { font-size:9px }
  .commerce-database { margin-top:15px }
  .commerce-database b { font-size:12px }
  .commerce-database small { font-size:9px }
  .commerce-api-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding-top:25px }
  .commerce-api { padding:14px 12px 0 }
  .commerce-api h3 { font-size:14px }
  .commerce-api p { min-height:34px; margin-bottom:10px; font-size:12px; line-height:1.45 }
  .commerce-endpoint { gap:5px; margin-inline:-12px; padding:9px 8px }
  .commerce-endpoint code { font-size:9px }
  .commerce-order-flow { padding:18px }
  .commerce-flow-label { font-size:10px; letter-spacing:.04em }
  .commerce-order-flow ol { grid-template-columns:1fr; gap:14px }
  .commerce-order-flow li { padding:0; font-size:12px }
  .commerce-order-flow li:not(:last-child)::before { content:""; position:absolute; top:26px; height:12px; left:11px; border-left:1px solid #685243 }
  .commerce-visual figcaption { align-items:flex-start; flex-direction:column; gap:5px; padding:14px 18px; font-size:10px }
}
@media (max-width:360px) {
  .commerce-heading h2 { font-size:clamp(30px,9.2vw,34px) }
  .commerce-map { padding-inline:14px }
  .commerce-api { padding-inline:10px }
  .commerce-endpoint { flex-wrap:wrap; gap:4px; margin-inline:-10px }
  .commerce-endpoint code { flex-basis:100% }
}
@media (prefers-reduced-motion:reduce) {
  .commerce-signal,.commerce-orbit::after { animation:none }
  .home-page .button,.home-page .svg-icon { transition:none }
  .home-page .button:hover,.home-page .button:hover .svg-icon,.home-page .text-link:hover .svg-icon { transform:none }
}

/* More breathing room in display typography. */
.hero h1,.intro-grid h2,.feature-heading h2,.automation h2,.connect-card h2,.seo-faq-heading h2,.docs-hero h1,.docs-cta h2,.plans-hero h1,.comparison-heading h2,.plans-cta h2,.comparison-intro h2 { letter-spacing:-.04em; word-spacing:.065em }.doc-section h2,.plan-card h2,.architecture-card h3 { letter-spacing:-.03em; word-spacing:.05em }