/* ScrapeGoat: cobalt route lines, cool paper, and precise type. */
.landing { --blue:#2457e8; --blue-dark:#1743bd; --blue-soft:#edf2ff; --ink:#202733; --muted:#626d7c; --line:#dde3ed; --paper:#fcfdff; background:var(--paper) }
.landing .wrap { width:min(1184px,calc(100% - 80px)) }
.landing .btn { min-height:46px; border-radius:7px; padding:11px 19px; box-shadow:0 1px 2px #1b2d4705; transition:background 160ms,border-color 160ms,transform 160ms }
.landing .btn.primary { background:var(--blue); border-color:var(--blue); color:white; box-shadow:inset 0 1px #ffffff25,0 3px 4px #244fd514 }
.landing .btn.primary:hover { background:var(--blue-dark); border-color:var(--blue-dark) }
.landing .btn:not(.primary):hover { background:#edf2fa; border-color:#c8d2e4 }
.landing .btn:active { transform:translateY(1px) }
.landing :is(a,button,input,summary):focus-visible { outline:3px solid var(--blue); outline-offset:4px }
.nav-shell { position:sticky; top:0; z-index:10; background:#fcfdff; border-bottom:1px solid var(--line) }
.landing .site-nav { height:78px; border:0; gap:35px }
.landing .site-nav nav { margin-left:auto; gap:27px; font-size:13px }
.landing .site-nav nav a:hover { color:var(--blue) }
.landing .site-nav .nav-actions { margin-left:20px; gap:7px }
.landing .site-nav .btn { min-height:40px; padding:8px 15px; font-size:13px }
.landing .brand { font-size:23px; letter-spacing:-.05em; gap:9px }
.goat-mark { object-fit:contain; flex:none }
.mobile-signin { display:none }
.goat-hero { position:relative; overflow:hidden; border-bottom:1px solid var(--line); background:#f8faff }
.hero-grid { position:absolute; inset:0 0 auto; height:580px; pointer-events:none; background-image:linear-gradient(#d5dfef60 1px,transparent 1px),linear-gradient(90deg,#d5dfef60 1px,transparent 1px); background-size:72px 72px; mask-image:radial-gradient(ellipse at 85% 40%,black,transparent 68%) }
.hero-intro { position:relative; display:grid; grid-template-columns:1fr 340px; align-items:center; gap:20px; padding:92px 0 72px }
.hero-content { position:relative; z-index:1 }
.hero-content h1 { font-size:clamp(54px,5.4vw,76px); letter-spacing:-.066em; line-height:1.04; font-weight:500; margin:0 0 25px; width:max-content; max-width:100% }
.hero-content h1 span { color:var(--blue) }
.hero-content>p:not(.trial-note) { font-size:18px; line-height:1.7; max-width:620px }
.hero-content .button-row { margin-top:29px }
.hero-content .trial-note { display:flex; flex-wrap:wrap; gap:10px; font-size:11px; margin-top:17px; color:var(--muted) }
.mascot-scene { position:relative; align-self:stretch; min-height:280px; display:flex; align-items:center; justify-content:center }
.hero-goat { position:absolute; width:400px; max-width:none; height:auto; top:-35px; left:-24px; object-fit:contain; animation:goat-arrive 800ms cubic-bezier(.16,1,.3,1) }
.contour-orbits { position:absolute; top:0; width:380px; max-width:none; left:-10px; height:360px; fill:none; stroke:#bfd0f7; stroke-width:.7 }
.scene-coordinate { position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); white-space:nowrap; font:10px var(--mono); letter-spacing:.12em; color:#5c6e88 }
@keyframes goat-arrive { from { transform:translateY(13px) rotate(-3deg) } to { transform:none } }
.routing-lab { position:relative; background:white; border:1px solid #ced8e9; border-radius:12px; box-shadow:0 4px 0 #e7edf880,0 18px 50px -30px #25499942; overflow:hidden }
.lab-toolbar { display:flex; align-items:center; gap:15px; padding:12px 18px; border-bottom:1px solid var(--line); background:#fbfcff; min-height:61px }
.lab-title { display:flex; align-items:center; gap:9px; font-size:12px; font-weight:500; white-space:nowrap }
.lab-title .status-dot { background:var(--blue); width:7px; height:7px; box-shadow:0 0 0 4px #eaf0ff }
.scenario-controls { display:flex; align-items:center; gap:3px; background:#edf1f7; border-radius:6px; padding:3px; margin-left:auto }
.scenario-controls button { padding:6px 11px; min-height:31px; border-radius:4px; font-size:11px; color:#566578; white-space:nowrap }
.scenario-controls button[aria-pressed=true] { background:white; color:var(--blue); box-shadow:0 1px 4px #25355315 }
.motion-toggle { display:flex; align-items:center; gap:5px; font-size:10px; color:var(--muted); min-height:36px; padding:5px }
.motion-toggle .icon { width:14px; height:14px }
.routing-stage { padding:38px 24px; min-height:334px; display:grid; grid-template-columns:260px minmax(250px,1fr) 275px; align-items:center; background-image:radial-gradient(#b6c3da70 .7px,transparent .7px); background-size:14px 14px }
.request-node,.result-node { background:#fff; border:1px solid #cfd9e9; border-radius:7px; min-width:0; box-shadow:0 7px 20px -12px #0e2d6640; position:relative; z-index:1 }
.node-caption { display:flex; align-items:center; gap:7px; padding:13px 14px; border-bottom:1px solid var(--line); color:#5c6b82; font:10px var(--mono); letter-spacing:.025em }
.node-caption .icon { width:14px; height:14px }
.request-url { margin:19px 15px 15px; padding:10px 8px; background:#f7f9fe; border:1px solid var(--line); border-radius:4px; font:12px var(--mono); overflow-wrap:anywhere; min-height:37px }
.request-properties { margin:0 17px 21px; display:grid; gap:8px; font:10px var(--mono); color:#5c6e88 }
.request-properties>span { display:flex; justify-content:space-between; gap:10px }
.request-properties b { color:var(--blue); font-weight:400 }
.node-bottom { display:flex; align-items:center; gap:7px; font-size:10px; color:#56667a; border-top:1px solid var(--line); padding:10px 14px; background:#fafcff; border-radius:0 0 7px 7px }
.node-bottom .icon { width:13px; height:13px; color:var(--blue) }
.result-status { color:#18674b; background:#edf8f2; border:1px solid #ccebd9; padding:2px 5px; margin-left:auto; font-size:10px; border-radius:3px; letter-spacing:0 }
.result-node pre { padding:24px 16px; color:#47617b; font-size:11px; line-height:1.85; min-height:158px }
.route-network { position:relative; height:256px }
.circuit-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; fill:none; stroke-width:1.2 }
.circuit-base { stroke:#ced9eb }
.circuit-active { stroke:#6590fa }
.route-network { --route-y:38px }
.route-packet { fill:var(--blue); stroke:white; stroke-width:1; transform-box:view-box; transform-origin:0 0; animation:route-in 3.6s linear infinite }
.packet-out { animation-name:route-out }
@keyframes route-in { 0% { opacity:0;transform:translate(0,128px) } 5% { opacity:1 } 20% { transform:translate(110px,128px) } 40% { transform:translate(110px,var(--route-y)) } 60% { opacity:1;transform:translate(242px,var(--route-y)) } 61%,100% { opacity:0;transform:translate(242px,var(--route-y)) } }
@keyframes route-out { 0%,55% { opacity:0;transform:translate(374px,var(--route-y)) } 56% { opacity:1;transform:translate(374px,var(--route-y)) } 68% { transform:translate(404px,var(--route-y)) } 88% { transform:translate(404px,128px) } 99% { opacity:1;transform:translate(440px,128px) } 100% { opacity:0;transform:translate(440px,128px) } }
.router-core { position:absolute; top:84px; left:calc(25% - 35px); height:89px; width:75px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; font-size:10px; background:white; border:1px solid #bfcfeb; border-radius:11px; color:#40516e; box-shadow:0 0 0 6px #f3f6fd,0 0 0 7px #e3ebf8 }
.router-core img { object-fit:contain }
.provider-node { position:absolute; left:55%; width:30%; min-width:121px; height:36px; display:flex; gap:7px; align-items:center; padding:0 10px; background:#fafcff; color:#5c6e88; border:1px solid #d6dfed; border-radius:5px; font-size:10px; white-space:nowrap; transition:background 160ms,border-color 160ms,color 160ms }
.provider-node .icon { width:13px; height:13px }
.provider-direct { top:20px }.provider-edge { top:84px }.provider-browser { top:148px }.provider-api { top:212px }
.provider-indicator { margin-left:auto; font-size:13px }
.provider-node.selected { border-color:#9cb6fb; background:#eef3ff; color:var(--blue) }
.lab-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 18px; border-top:1px solid var(--line); background:#fbfcff; min-height:49px; font-size:11px; color:#5c6c83 }
.lab-footer>span:first-child { display:flex; align-items:center; gap:9px }
.lab-footer .icon { width:14px; height:14px; color:var(--blue) }
.sample-disclosure { white-space:nowrap; font:10px var(--mono); color:#5c6e88 }
.stack-strip { display:flex; align-items:center; gap:45px; padding:39px 0 43px }
.stack-strip>p { font-size:11px; white-space:nowrap; line-height:1.6 }
.stack-strip>p strong { font-weight:400; color:#354259 }
.stack-list { display:flex; justify-content:space-between; gap:25px; align-items:center; width:100%; color:#4e5d74 }
.stack-list>span { display:flex; align-items:center; gap:8px; font-size:17px; font-weight:500; letter-spacing:-.04em; white-space:nowrap }
.stack-glyph { display:grid; place-items:center; font:16px var(--mono); font-weight:500; color:#5c6e88; letter-spacing:-.07em }
.js-glyph { font-size:12px; border:1.5px solid #8290a4; padding:1px 2px }.go-glyph { font:italic 19px var(--sans); letter-spacing:-.1em; color:#5c6e88 }.php-glyph { font:italic 16px var(--sans); border:1px solid #8290a4; border-radius:50%; padding:0 5px }
.section-space { padding-top:100px; padding-bottom:100px }
.section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:55px; margin-bottom:38px }
.landing h2 { font-size:43px; font-weight:500; line-height:1.14; letter-spacing:-.055em }
.landing h2>span { color:#5c6e88 }
.section-head>p { font-size:15px; line-height:1.75; max-width:345px; padding-bottom:2px }
.format-choices { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-bottom:0; border-radius:9px 9px 0 0; overflow:hidden; background:#f6f8fc }
.format-choices button { display:grid; grid-template-columns:24px 1fr; text-align:left; align-content:center; align-items:center; column-gap:8px; row-gap:4px; padding:23px; border-radius:0; border-right:1px solid var(--line); position:relative; min-width:0; transition:background 160ms }
.format-choices button:last-child { border:0 }
.format-choices button>span:first-child { grid-row:1 / 3; align-self:start }
.format-choices button>span:last-child { grid-column:2 }
.format-choices .icon { width:18px; height:18px; color:#5c6e88; grid-row:1 / 3; align-self:start; margin-top:1px }
.format-choices strong { font-size:13px; font-weight:500 }
.format-choices button>span:last-child { font-size:10px; color:#5c6e88 }
.format-choices button[aria-pressed=true] { background:#edf2ff; color:var(--blue) }
.format-choices button[aria-pressed=true] .icon { color:var(--blue) }
.format-choices button[aria-pressed=true]:after { content:''; position:absolute; inset:auto 0 0; height:2px; background:var(--blue) }
.api-workbench { display:grid; grid-template-columns:1.08fr 1fr; border:1px solid #253551; border-radius:0 0 9px 9px; overflow:hidden; align-items:stretch }
.api-workbench .integration-code { min-width:0; background:#172238; color:#dce6fc }
.landing .integration-code .code-tabs { border-bottom-color:#314057; padding-inline:10px }
.landing .integration-code .code-tabs button { color:#afbdd6; font-size:11px; padding-inline:15px }
.landing .integration-code .code-tabs button[aria-selected=true] { color:white }
.landing .integration-code .code-tabs button[aria-selected=true]:after { background:#7fa5ff }
.code-endpoint { display:flex; gap:9px; align-items:center; color:#b8c9e8; font:10px var(--mono); padding:18px 27px 0 }
.code-endpoint>span { color:#a8c4ff; background:#293e64; border:1px solid #405d8d; padding:2px 6px; border-radius:3px; font-size:10px }
.landing .integration-code pre { min-height:340px; max-height:440px; overflow:auto; font-size:12px; line-height:1.9; padding:20px 27px 27px; color:#d7e3ff; white-space:pre; overflow-wrap:normal; scrollbar-color:#587198 transparent }
.code-key { color:#a8beee }.code-string { color:#b9ddb9 }.code-number { color:#f0c391 }
.output-preview { background:#fff; display:flex; flex-direction:column; min-width:0 }
.preview-toolbar { border-bottom:1px solid var(--line); padding:17px 23px; display:flex; align-items:center; justify-content:space-between; font:10px var(--mono); color:#55647c; gap:15px; min-height:52px }
.preview-toolbar>span:last-child { color:#5c6e88; font-size:10px }
.format-preview { flex:1; padding:43px 35px; min-height:330px; display:grid; align-items:center }
.markdown-preview { position:relative; padding:4px 0 6px 24px }
.md-hash { position:absolute; top:0; left:-3px; font:24px var(--mono); color:#b8c9ed }
.markdown-preview h3 { font-size:26px; margin-bottom:18px; letter-spacing:-.04em }
.markdown-preview p { font-size:14px; line-height:1.8; max-width:325px; margin-bottom:19px }
.markdown-preview a { font-size:12px; color:var(--blue) }
.preview-lines { display:grid; gap:9px; margin-top:34px }
.preview-lines i { display:block; height:5px; width:88%; background:#eef2f8; border-radius:2px }.preview-lines i:nth-child(2) { width:68% }.preview-lines i:nth-child(3) { width:79% }
.format-preview pre { font-size:12px; line-height:2; color:#3f597e }
.format-description { padding:15px 22px; display:flex; align-items:flex-start; gap:8px; border-top:1px solid var(--line); font-size:10px; color:#586b85; background:#fafcff; min-height:47px }
.format-description .icon { width:13px; height:13px; color:var(--blue); margin-top:1px }
.landing .integration-note { margin-top:17px; font-size:11px }
.capability-note { margin-top:10px; font-size:12px; line-height:1.7; color:#5c6e88 }
.screenshot-preview { border:1px solid #ced7e7; box-shadow:0 8px 18px #29365408; border-radius:5px; overflow:hidden; background:#f3f5fa }
.screenshot-browserbar { padding:9px 12px; display:flex; gap:4px; border-bottom:1px solid #d5dfed; background:white }.screenshot-browserbar i { width:4px; height:4px; background:#b5c0d0; border-radius:50% }
.screenshot-document { padding:28px 24px; margin:30px 25px; border-radius:6px; background:white; box-shadow:0 3px 7px #0f285108 }.screenshot-document h3 { font-size:22px; letter-spacing:-.03em; margin-bottom:14px }.screenshot-document p { font-size:11px; margin-bottom:16px }.screenshot-document span { color:var(--blue); font-size:10px }
.control-section { padding:0 0 95px }
.control-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--line); border-radius:9px; overflow:hidden; background:#fff }
.control-card { min-width:0; border-right:1px solid var(--line) }.control-card:last-child { border:0 }
.control-copy { padding:0 27px 28px }.control-copy h3 { font-size:20px; letter-spacing:-.035em; margin-bottom:12px }.control-copy p { font-size:14px; line-height:1.8; margin-bottom:19px }.control-copy a { font-size:12px; color:var(--blue) }
.budget-visual,.validation-visual,.geo-visual { position:relative; height:238px; margin:0 0 26px; background:#f8faff; border-bottom:1px solid #e5eaf3 }
.budget-visual,.validation-visual { padding:28px }
.visual-label { display:flex; align-items:center; justify-content:space-between; font:10px var(--mono); color:#5c6e88; letter-spacing:.02em; margin-bottom:18px }.visual-label .icon { width:14px; height:14px }
.budget-amount { font-size:39px; letter-spacing:-.06em; line-height:1.2; color:var(--blue) }.budget-amount>span { margin-left:9px; font-size:10px; letter-spacing:0; color:#5c6e88 }
.budget-track { margin-top:22px; height:6px; background:#dce5f7; position:relative }.budget-track>i { display:block; width:63%; background:#4274ef; height:6px }.budget-track>span { position:absolute; left:34%; width:2px; top:0; bottom:0; background:#fff }.budget-track>span:last-child { left:68% }
.budget-scale { display:flex; justify-content:space-between; margin-top:7px; font:10px var(--mono); color:#5c6e88 }.code-chip { margin-top:22px; display:inline-flex; gap:8px; padding:5px 8px; font:10px var(--mono); border:1px solid #d1dcf0; border-radius:3px; background:#fff; color:#5c6e88 }.code-chip b { color:var(--blue); font-weight:400 }
.validation-line { display:flex; align-items:center; gap:7px; font-size:10px; padding:9px 0; border-bottom:1px dashed #dbe4f2; color:#4c607b }.validation-line .icon { width:12px; height:12px; color:var(--blue) }.validation-line code { margin-left:auto; font-size:10px; color:#3e659d }.visual-sample { display:block; margin-top:12px; color:#5c6e88; font:10px var(--mono) }
.geo-visual { display:grid; place-items:center; overflow:hidden }.geo-visual svg { height:216px; width:288px }.globe-grid { fill:none; stroke:#c7d5ee; stroke-width:.8 }.globe-route { stroke:var(--blue); stroke-width:1.5; stroke-dasharray:3 4; fill:none }.globe-point { fill:var(--blue); stroke:white; stroke-width:3 }.geo-tag { position:absolute; background:#fff; border:1px solid #d8e2f5; border-radius:4px; padding:7px 9px; font:10px var(--mono); color:#5c6e88; box-shadow:0 4px 10px #224ba40a }.geo-tag b { font-weight:400; color:var(--blue) }.geo-tag-one { top:59px; right:20px }.geo-tag-two { bottom:34px; left:18px }
.use-case-section { background:#f3f6fc; border-block:1px solid var(--line); padding-block:78px }
.use-case-layout { display:grid; grid-template-columns:.85fr 1.5fr; gap:38px }
.use-case-choices { display:flex; flex-direction:column; gap:9px; align-self:center }
.use-case-choices button { display:flex; align-items:center; gap:14px; padding:22px 17px; border:1px solid transparent; border-radius:7px; text-align:left; min-height:91px; transition:background 160ms,border-color 160ms }
.use-case-choices button>.icon { width:20px; height:20px; color:#5c6e88 }.use-case-choices button>span:nth-child(2) { display:grid; gap:6px }.use-case-choices strong { font-size:15px; font-weight:500 }.use-case-choices small { font-size:11px; color:#5c6e88 }.use-case-choices button>span:last-child { margin-left:auto; font-size:16px; color:#5c6e88 }
.use-case-choices button[aria-selected=true] { background:#fff; border-color:#d0dbef; box-shadow:0 5px 16px -9px #1d469b20 }.use-case-choices button[aria-selected=true] strong,.use-case-choices button[aria-selected=true] .icon { color:var(--blue) }
.use-case-panel { background:white; border:1px solid #d0daeb; border-radius:9px; overflow:hidden; min-width:0 }
.workflow-visual { display:flex; justify-content:center; align-items:center; gap:0; height:200px; padding:25px 36px 0; background-image:radial-gradient(#bbc9e480 .75px,transparent .75px); background-size:13px 13px; background-color:#fafcff }
.source-pages { position:relative; width:75px; height:88px; flex:none }.source-pages>span { position:absolute; inset:0; background:white; border:1px solid #c9d8f2; border-radius:4px; padding:19px 10px; display:grid; align-content:start; gap:8px; transform:rotate(-12deg) translateX(-12px) }.source-pages>span:nth-child(2) { transform:rotate(10deg) translateX(7px) }.source-pages>span:nth-child(3) { transform:rotate(-2deg) }.source-pages i { height:3px; background:#d6e2f8; display:block }.source-pages i:first-child { width:60%; background:#759aed;height:4px }.source-pages i:last-child { width:80% }
.workflow-link { flex:1; max-width:94px; height:1px; background:#b1c6f1; position:relative }.workflow-link:after { content:''; position:absolute; right:0; top:-3px; width:6px; height:6px; border-right:1px solid #7198e6; border-top:1px solid #7198e6; transform:rotate(45deg) }
.workflow-goat { display:grid; place-items:center; border:1px solid #b9cbec; border-radius:12px; width:88px; height:88px; background:white; box-shadow:0 0 0 6px #edf3ff; flex:none }
.workflow-destination { background:#eef3ff; border:1px solid #bfd2ff; border-radius:7px; width:115px; height:88px; display:grid; place-content:center; justify-items:center; gap:12px; flex:none; padding:8px; text-align:center; color:var(--blue) }.workflow-destination>.icon { width:24px; height:24px }.workflow-destination>span:last-child { font:10px var(--mono); letter-spacing:.03em; max-width:100% }
.workflow-caption { display:flex; justify-content:space-between; gap:15px; padding:0 38px 24px; font:10px var(--mono); color:#5c6e88; background:#fafcff; border-bottom:1px solid #e2e9f6 }
.use-case-text { padding:31px 34px 25px }.use-case-text h3 { font-size:23px; line-height:1.25; margin-bottom:14px; letter-spacing:-.04em }.use-case-text>p { font-size:13px; line-height:1.8; max-width:475px }.use-case-example { display:flex; gap:9px; align-items:center; margin:20px 0 13px; font-size:12px; color:#4162a0 }.use-case-example .icon { width:14px; height:14px }.use-case-text .use-case-limit { font-size:10px; color:#5c6e88 }
.observability-section { padding:100px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center }
.observability-copy>p { font-size:15px; line-height:1.8; margin:22px 0; max-width:420px }.plain-checks { list-style:none; padding:0; margin:25px 0 29px; display:grid; gap:13px; font-size:12px; color:#526278 }.plain-checks li { display:flex; align-items:center; gap:10px }.plain-checks .icon { color:var(--blue); width:15px; height:15px }
.receipt-visual { border:1px solid #ced9ea; border-radius:9px; background:#fff; position:relative; box-shadow:10px 10px 0 -1px #f3f6fc,10px 10px 0 0 #e2e9f4 }
.receipt-header { display:flex; gap:9px; align-items:center; padding:17px 20px; border-bottom:1px solid var(--line); font-size:12px }.receipt-header>.icon { width:15px; height:15px; color:var(--blue) }.receipt-header strong { font-weight:500 }.receipt-header>span:last-child { margin-left:auto; font:10px var(--mono); color:#5c6e88 }
.receipt-request { display:flex; justify-content:space-between; gap:10px; align-items:center; padding:24px 24px 20px; font-size:12px; color:#5c6e88 }.receipt-success { font:10px var(--mono); color:#24644c; background:#f0f8f4; border:1px solid #d4e9dd; padding:4px 7px; border-radius:4px }
.receipt-route { padding:0 24px 23px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px dashed #d7e0ed }.receipt-route>div:first-child { display:grid; gap:7px }.receipt-route small { font:10px var(--mono); color:#5c6e88 }.receipt-route strong { font:14px var(--mono); color:#384c70 }.receipt-bars { height:32px; display:flex; align-items:flex-end; gap:3px }.receipt-bars i { display:block; width:4px; background:#9eb9f3; height:14px }.receipt-bars i:nth-child(3n) { height:25px }.receipt-bars i:nth-child(3n + 1) { height:19px }.receipt-bars i:nth-child(5n) { height:32px; background:#4d7eeb }
.receipt-cost { padding:12px 24px 0; margin:0 }.receipt-cost>div { display:flex; justify-content:space-between; gap:10px; padding:13px 0; font-size:12px; color:#526581 }.receipt-cost dt span { font-size:10px; color:#5c6e88; padding:3px 5px; border:1px solid #dce4f1; border-radius:3px; margin-left:5px }.receipt-cost dd { margin:0; font:12px var(--mono); color:#3e547b }.receipt-cost .receipt-total { margin-top:4px; padding:21px 0; border-top:1px solid var(--line); align-items:center; color:#202e46 }.receipt-total dd { font-size:21px; color:var(--blue); letter-spacing:-.03em }.receipt-foot { padding:13px 21px; display:flex; align-items:center; gap:7px; font-size:10px; color:#5c6e88; border-top:1px solid var(--line); background:#f8faff; border-radius:0 0 9px 9px }.receipt-foot .icon { width:13px; height:13px }
.api-coverage-section { padding-bottom:90px }.coverage-table-wrap { border:1px solid #d6dfed; border-radius:8px; overflow:auto; background:white }.coverage-table { border-collapse:collapse; width:100%; text-align:left; font-size:12px }.coverage-table thead { background:#f5f7fc; color:#5c6e88; font:10px var(--mono); text-transform:uppercase }.coverage-table :is(th,td) { padding:20px 23px; border-bottom:1px solid #e3e9f2; text-align:left; white-space:normal }.coverage-table tbody th { font-size:12px; font-weight:500; width:33% }.coverage-table tbody td:nth-child(2) { width:42%; color:#5c6e88 }.coverage-table tbody td:last-child { width:25% }.coverage-table code { font-size:11px; color:#526b91 }.coverage-table small { display:block; font-size:10px; color:#5c6e88; margin-top:4px }.coverage-table tbody tr:last-child>* { border-bottom:0 }.availability { display:inline-flex; align-items:center; gap:6px; font-size:10px; white-space:nowrap }.availability:before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor }.available { color:#236545 }.conditional { color:#755c25 }.unavailable { color:#5c6e88 }.coverage-bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:16px; font-size:10px }.coverage-bottom p { color:#5c6e88 }.coverage-bottom a { white-space:nowrap }
.goat-pricing { padding:78px 0 64px; border-block:1px solid #d4dff4; background:#eff4ff }.goat-pricing h2>span { color:#5c6e88 }.pricing-grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid #c9d7ee; border-radius:9px; overflow:hidden; background:white }.pricing-offer { padding:31px 35px; border-right:1px solid #d3def0 }.price-topline { display:flex; align-items:center; gap:20px; justify-content:space-between; margin-bottom:25px }.price-topline h3 { font-size:16px }.price-topline>span { border:1px solid #d9e3f4; border-radius:4px; padding:4px 6px; font:10px var(--mono); color:#5c6e88 }.price-equation { font-size:31px; letter-spacing:-.05em; color:#263a60; line-height:1.2 }.price-equation>span { color:var(--blue) }.pricing-offer>p { font-size:12px; margin-top:11px }.offer-lines { margin:27px 0 }.offer-lines>div { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:11px 0; font-size:12px; border-bottom:1px solid #e3e9f3 }.offer-lines>div>span { color:#5c6e88 }.offer-lines strong { font-weight:500; color:#354967 }.offer-lines>div:last-child { border:0 }.pricing-offer .btn { width:100% }.pricing-offer .offer-detail { text-align:center; font-size:10px; margin-top:12px; color:#5c6e88 }
.cost-calculator { padding:31px 35px; background:#f8faff }.calculator-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px }.calculator-heading h3 { font-size:20px; letter-spacing:-.04em }.calculator-heading .icon { width:18px; height:18px; color:#5c6e88 }.cost-calculator>p { font-size:12px }.calculator-fields { display:grid; grid-template-columns:1fr 1.3fr; gap:17px; margin-top:30px }.calculator-fields label { font-size:10px; color:#5c6e88; font-weight:400; gap:9px }.calculator-fields input { width:100%; font:13px var(--mono); border-color:#cbd8ed; border-radius:5px; padding:12px 11px; background:white; color:#345385; min-height:46px }.calculator-chart { display:flex; height:12px; gap:3px; margin:27px 0 15px; border-radius:2px; overflow:hidden }.calculator-chart .provider-share { width:83.333333%; background:#4378ed }.calculator-chart .fee-share { width:16.666667%; background:#b6cbfa }.calculator-legend { display:grid; gap:10px; font-size:11px; color:#5c6e88 }.calculator-legend>span { display:flex; gap:7px; align-items:center }.calculator-legend i { width:7px; height:7px; border-radius:1px; background:#4378ed }.calculator-legend>span:last-child i { background:#b6cbfa }.calculator-legend b { margin-left:auto; font-weight:400; font-family:var(--mono); color:#365587 }.calculator-total { margin-top:24px; padding-top:24px; border-top:1px solid #d7e2f4; display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:12px; color:#405f90 }.calculator-total output { font:35px var(--sans); font-weight:500; letter-spacing:-.06em; color:var(--blue); font-variant-numeric:tabular-nums; overflow-wrap:anywhere }.cost-calculator .calculator-note { font-size:10px; line-height:1.8; margin-top:13px; color:#5c6e88 }.cost-calculator .calculator-error { margin-top:15px; color:#a63b32; font-size:11px }.pricing-fine { margin-top:22px; font-size:12px; line-height:1.9; color:#5c6e88; max-width:1090px }
.goat-faq { display:grid; grid-template-columns:1fr 1.3fr; gap:85px; padding-bottom:85px }.goat-faq>div:first-child p { font-size:13px; margin:20px 0 }.goat-faq>div:first-child a { font-size:12px; color:var(--blue) }.faq-list details { border-bottom:1px solid #dfe6f1 }.faq-list details:first-child { border-top:1px solid #dfe6f1 }.faq-list summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:21px 0; font-size:14px; font-weight:500; cursor:pointer; line-height:1.5 }.faq-list summary::-webkit-details-marker { display:none }.faq-list summary:after { content:'+'; color:#5c6e88; font:18px var(--mono); width:18px; text-align:center; flex:none }.faq-list details[open] summary:after { content:'−' }.faq-list details p { padding:0 25px 24px 0; font-size:14px; line-height:1.9; color:#5c6e88 }.faq-list details a { color:var(--blue) }
.closing-section { position:relative; overflow:hidden; border:1px solid #d2dff6; border-radius:10px; background:#f0f5ff; padding:54px 30px 61px; text-align:center; margin-bottom:70px!important }.closing-mark { display:block; margin:0 auto 22px; object-fit:contain; position:relative }.closing-section h2 { font-size:48px; position:relative; letter-spacing:-.055em }.closing-section>p { margin:16px 0 25px; font-size:15px; color:#5c6e88; position:relative }.closing-section .button-row { justify-content:center; position:relative }.closing-circuit { position:absolute; inset:0; background-image:linear-gradient(#cbdafa60 1px,transparent 1px),linear-gradient(90deg,#cbdafa60 1px,transparent 1px); background-size:38px 38px; mask-image:linear-gradient(90deg,black,transparent 35%,transparent 65%,black) }
.footer-main { display:grid; grid-template-columns:1.65fr 1fr 1fr 1fr; gap:45px; padding-bottom:43px }.footer-identity p { margin-top:19px; font-size:12px; line-height:1.8; color:#5c6e88 }.footer-main nav { display:flex; flex-direction:column; align-items:flex-start; gap:11px; font-size:11px; color:#5c6e88 }.footer-main nav>strong { font-weight:500; color:#283c5c; margin:5px 0 4px }.footer-main nav a:hover { color:var(--blue) }.footer-bottom { display:flex; align-items:center; gap:35px; padding:22px 0; border-top:1px solid var(--line); font-size:10px; color:#5c6e88 }.footer-bottom>span:nth-child(2) { margin-left:auto }.back-to-top { font-size:10px; color:#426392; padding:7px 0; min-height:36px }.release-notice { font-size:11px; padding:0 0 25px; line-height:1.8; color:#5c6e88; max-width:900px }
.motion-paused .route-packet { animation-play-state:paused }
@media(hover:hover) and (pointer:fine) { .hero-goat:hover { transform:rotate(-3deg); transition:transform 250ms cubic-bezier(.2,0,0,1) }.closing-mark:hover { transform:rotate(-7deg); transition:transform 250ms }.format-choices button:hover { background:#f0f4fc }.use-case-choices button:hover { background:#ffffff90 } }
@media(min-width:1500px) { .hero-intro { padding-top:105px; padding-bottom:80px }.hero-content h1 { font-size:79px } }
@media(max-width:1150px) { .landing .wrap { width:calc(100% - 56px) }.landing .site-nav { gap:15px }.landing .site-nav nav { gap:20px }.landing .site-nav .nav-actions { margin-left:5px }.hero-intro { grid-template-columns:1fr 285px; padding:72px 0 60px }.hero-goat { width:345px; top:-4px; left:-15px }.contour-orbits { width:310px; height:310px; top:32px; left:-8px }.hero-content h1 { font-size:63px }.hero-content>p:not(.trial-note) { font-size:16px }.scene-coordinate { bottom:-7px; font-size:10px }.routing-stage { grid-template-columns:230px minmax(200px,1fr) 245px; padding:28px 20px }.provider-node { left:52%; min-width:109px; font-size:10px; gap:4px; padding-inline:7px }.router-core { left:calc(22% - 33px); width:66px }.lab-toolbar { gap:10px; padding-inline:14px }.lab-title { font-size:10px }.scenario-controls button { font-size:10px; padding-inline:8px }.motion-label { display:none }.stack-list { gap:20px }.stack-list>span { font-size:15px }.stack-strip { gap:32px }.section-head { gap:35px }.landing h2 { font-size:38px }.section-head>p { font-size:14px; max-width:300px }.format-choices button { padding:20px 16px }.budget-visual,.validation-visual { padding:25px 22px }.control-copy { padding:0 22px 25px }.control-copy h3 { font-size:17px }.control-copy p { font-size:11px }.use-case-layout { gap:25px; grid-template-columns:.95fr 1.4fr }.use-case-choices button { gap:10px; padding:18px 13px }.use-case-choices strong { font-size:14px }.use-case-choices small { font-size:10px }.use-case-text { padding:27px }.workflow-visual { padding-inline:30px }.workflow-destination { width:100px }.observability-section { gap:50px }.price-equation { font-size:27px }.pricing-offer,.cost-calculator { padding:29px }.goat-faq { gap:50px }.footer-main { gap:30px } }
@media(max-width:920px) { .hero-intro { grid-template-columns:1fr 220px }.hero-content h1 { font-size:54px }.hero-goat { width:285px; top:6px; left:-15px }.contour-orbits { width:260px; top:16px; left:-10px }.scene-coordinate { bottom:14px; font-size:10px }.hero-content>p:not(.trial-note) { font-size:15px }.desktop-break { display:none }.routing-stage { grid-template-columns:195px minmax(220px,1fr) 205px; padding-inline:15px }.lab-title { max-width:175px; white-space:normal }.request-url { font-size:10px; margin-inline:12px }.node-caption { font-size:10px; padding-inline:11px }.node-bottom { font-size:10px; padding-inline:10px }.result-node pre { font-size:10px; padding-inline:12px }.lab-footer { font-size:10px; gap:10px }.sample-disclosure { font-size:10px }.stack-strip { gap:25px }.stack-list>span { font-size:13px; gap:6px }.stack-list { flex-wrap:wrap; gap:20px 28px; justify-content:flex-start }.stack-list>span:nth-last-child(-n+2) { display:none }.landing h2 { font-size:34px }.section-head>p { max-width:275px; font-size:13px }.format-choices button { grid-template-columns:20px 1fr; padding:19px 13px; gap:4px }.format-choices strong { font-size:12px }.format-choices button>span:last-child { font-size:10px }.format-preview { padding:30px 24px }.markdown-preview { padding-left:16px }.markdown-preview h3 { font-size:22px }.markdown-preview p { font-size:12px }.budget-visual,.validation-visual { padding:23px 18px }.budget-amount { font-size:34px }.budget-amount>span { font-size:10px }.validation-line { font-size:10px; gap:4px }.validation-line code { font-size:10px }.control-copy { padding-inline:18px }.control-copy h3 { font-size:15px }.geo-tag { font-size:10px }.geo-tag-one { right:12px }.geo-tag-two { left:12px }.use-case-layout { gap:17px; grid-template-columns:1fr 1.2fr }.use-case-choices button { padding-inline:10px }.use-case-choices button>.icon { width:17px }.use-case-choices strong { font-size:12px }.use-case-choices small { font-size:10px }.workflow-visual { padding-inline:22px }.source-pages { width:54px;height:74px }.workflow-goat { width:67px; height:74px }.workflow-destination { width:84px;height:74px }.workflow-caption { font-size:10px; padding-inline:21px }.use-case-text h3 { font-size:20px }.use-case-text>p { font-size:12px }.observability-section { gap:35px }.receipt-header { padding-inline:16px; font-size:10px }.receipt-header>span:last-child { font-size:10px }.receipt-cost dt span { display:block; width:max-content; margin:4px 0 0 }.receipt-foot { font-size:10px }.coverage-table :is(th,td) { padding:18px }.coverage-table tbody th { font-size:11px }.coverage-table small { font-size:10px }.availability { font-size:10px }.coverage-table code { font-size:10px }.pricing-offer,.cost-calculator { padding:25px }.price-equation { font-size:24px }.calculator-fields { grid-template-columns:1fr; margin-top:23px; gap:12px }.calculator-fields label { grid-template-columns:1fr 1.1fr; align-items:center; font-size:10px }.calculator-fields input { min-height:41px;font-size:11px }.calculator-total output { font-size:29px }.price-topline>span { font-size:10px }.price-topline h3 { font-size:14px }.footer-main { gap:25px }.landing .site-nav .brand { font-size:20px }.landing .site-nav .brand img { width:29px;height:29px }.landing .site-nav nav { gap:18px }.landing .site-nav .nav-actions .quiet { display:none } }
@media(max-width:760px) { .landing .wrap { width:calc(100% - 40px) }.landing .site-nav { height:68px }.landing .site-nav nav { top:67px; padding:20px; background:#fcfdff; border-color:var(--line) }.landing .site-nav nav.open { gap:0 }.landing .site-nav nav a { padding:11px 2px; font-size:14px }.landing .site-nav .mobile-signin { display:block; border-top:1px solid var(--line); margin-top:8px; padding-top:20px; color:var(--blue) }.landing .site-nav .site-menu { height:40px;min-width:40px }.hero-intro { padding:50px 0 34px; grid-template-columns:1fr; gap:0 }.hero-content h1 { font-size:clamp(41px,7.8vw,62px); letter-spacing:-.063em; margin-bottom:20px; width:auto }.hero-content>p:not(.trial-note) { font-size:15px; max-width:485px }.hero-content .button-row { gap:8px; margin-top:22px }.hero-content .btn { padding:11px 14px; font-size:12px }.hero-content .trial-note { font-size:10px; gap:7px; margin-top:14px }.mascot-scene { display:none }.hero-grid { height:460px; background-size:46px 46px; mask-image:linear-gradient(90deg,transparent,#0007) }.lab-toolbar { flex-wrap:wrap; gap:10px; padding:13px }.lab-title { max-width:none; font-size:11px; flex:1 }.scenario-controls { order:3; width:100%; margin:0; justify-content:stretch }.scenario-controls button { flex:1; min-height:34px; font-size:10px; padding:6px }.motion-toggle { padding:0; min-height:30px; min-width:30px; justify-content:center }.routing-stage { grid-template-columns:1fr; padding:20px; gap:0; min-height:0 }.request-node,.result-node { width:100%; max-width:none }.request-node .node-caption { border-bottom:0; padding-bottom:0; font-size:10px }.request-url { margin:12px 13px; font-size:12px; min-height:37px }.request-properties { grid-template-columns:1fr 1fr; gap:20px; margin:0 15px 15px; font-size:10px }.request-node .node-bottom { display:none }.route-network { height:195px; margin:5px 0; display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:100px 0 15px; position:relative }.router-core { top:17px;left:calc(50% - 33px); width:66px; height:66px; font-size:10px; gap:2px;border-radius:9px }.router-core img { width:31px;height:31px }.circuit-lines { display:none }.route-network:before { content:''; position:absolute; width:1px;height:98px;background:#b4c8f0;top:-5px;left:50% }.route-network:after { content:''; position:absolute; width:50%; height:34px; top:95px; left:25%; border:1px solid #c6d6f2; border-bottom:0; z-index:0 }.provider-node { position:relative; top:auto; left:auto; width:100%; height:33px; min-width:0; font-size:10px; z-index:1; padding-inline:10px; gap:7px }.provider-indicator { font-size:12px }.result-node .node-caption { font-size:10px; padding:12px }.result-node pre { font-size:10px; min-height:126px; padding:19px 16px }.result-node .node-bottom { font-size:10px;padding:10px 12px }.result-status { font-size:10px }.lab-footer { display:grid; gap:9px; padding:14px; font-size:10px }.sample-disclosure { font-size:10px;margin-left:23px;white-space:normal }.stack-strip { padding:26px 0; display:block }.stack-strip>p { font-size:10px; margin-bottom:17px; display:flex;gap:3px }.stack-strip br { display:none }.stack-list { gap:20px;justify-content:space-between; flex-wrap:wrap }.stack-list>span { font-size:13px; gap:5px }.stack-glyph { font-size:13px }.js-glyph { font-size:10px }.go-glyph { font-size:15px }.section-space { padding-block:62px }.section-head { display:block; margin-bottom:26px }.landing h2 { font-size:33px; line-height:1.16 }.section-head>p { max-width:510px; margin-top:19px; font-size:14px }.format-choices { grid-template-columns:1fr 1fr }.format-choices button { padding:17px 14px; column-gap:9px; row-gap:5px; border-bottom:1px solid var(--line); min-height:76px }.format-choices button:nth-child(2) { border-right:0 }.format-choices strong { font-size:12px }.format-choices button>span:last-child { font-size:10px }.api-workbench { grid-template-columns:1fr }.landing .integration-code pre { min-height:320px; max-height:350px; padding:20px;font-size:10px }.code-endpoint { padding-left:20px }.landing .integration-code .code-tabs button { padding-inline:12px;min-height:43px }.format-preview { min-height:295px; padding:31px }.preview-toolbar { padding-inline:20px }.markdown-preview h3 { font-size:24px }.markdown-preview p { font-size:13px }.markdown-preview { padding-left:19px }.format-description { padding-inline:20px }.integration-note { align-items:flex-start; gap:25px; font-size:10px!important }.capability-note { font-size:10px;margin-top:12px }.control-section { padding-bottom:62px }.control-grid { grid-template-columns:1fr }.control-card { border-right:0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; align-items:center }.budget-visual,.validation-visual,.geo-visual { height:225px; margin:0; border-bottom:0; border-right:1px solid var(--line) }.budget-visual,.validation-visual { padding:23px 19px }.control-copy { padding:24px 20px }.control-copy h3 { font-size:17px; line-height:1.25 }.control-copy p { font-size:11px;margin-bottom:13px }.control-copy a { font-size:10px }.budget-amount { font-size:33px }.budget-amount>span { display:block;margin:3px 0 0;font-size:10px }.budget-track { margin-top:17px }.budget-scale { font-size:10px }.code-chip { margin-top:18px;font-size:10px }.validation-line { font-size:10px;flex-wrap:wrap;gap:4px }.validation-line code { font-size:10px }.visual-label { font-size:10px; margin-bottom:13px }.visual-label .icon { width:12px;height:12px }.visual-sample { font-size:10px }.geo-visual svg { width:240px;height:215px }.geo-tag { font-size:10px;padding:6px }.geo-tag-one { top:56px;right:10px }.geo-tag-two { bottom:42px;left:5px }.use-case-layout { grid-template-columns:1fr;gap:19px }.use-case-choices { display:grid;grid-template-columns:1fr 1fr;gap:8px }.use-case-choices button { padding:15px 13px;min-height:79px;gap:10px }.use-case-choices button>span:last-child { display:none }.use-case-choices strong { font-size:12px }.use-case-choices small { font-size:10px;line-height:1.5 }.use-case-choices button>span:nth-child(2) { gap:4px }.workflow-visual { height:178px;padding:20px 30px 0 }.source-pages { width:61px;height:76px }.workflow-goat { width:76px;height:76px }.workflow-destination { width:97px;height:76px }.workflow-caption { padding:0 27px 24px;font-size:10px }.use-case-text { padding:26px }.use-case-text h3 { font-size:23px }.use-case-text>p { font-size:13px }.use-case-text .use-case-limit { font-size:10px }.observability-section { padding-top:62px;grid-template-columns:1fr;gap:33px }.observability-copy>p { font-size:14px;max-width:510px;margin:19px 0 }.plain-checks { font-size:12px;gap:12px }.receipt-visual { margin-right:10px }.receipt-header { font-size:11px;padding:17px }.receipt-header>span:last-child { font-size:10px }.receipt-cost dt span { display:inline-block;margin:0 0 0 5px }.receipt-foot { font-size:10px }.coverage-table { min-width:610px }.coverage-table :is(th,td) { padding:16px }.coverage-bottom { display:block;font-size:10px }.coverage-bottom a { display:inline-block;margin-top:10px }.goat-pricing { padding-block:56px }.pricing-grid { grid-template-columns:1fr }.pricing-offer { padding:27px;border-right:0;border-bottom:1px solid var(--line) }.price-equation { font-size:31px }.price-topline h3 { font-size:17px }.price-topline>span { font-size:10px }.pricing-offer>p { font-size:12px }.cost-calculator { padding:27px }.calculator-fields { grid-template-columns:1fr 1.25fr;gap:15px }.calculator-fields label { grid-template-columns:1fr;gap:9px;font-size:10px }.calculator-fields input { font-size:12px;min-height:44px }.calculator-total output { font-size:35px }.cost-calculator .calculator-note { font-size:10px }.pricing-fine { font-size:10px;line-height:1.85 }.goat-faq { grid-template-columns:1fr;gap:28px;padding-bottom:57px }.goat-faq>div:first-child p { margin:17px 0 }.faq-list summary { font-size:13px;padding:20px 0 }.faq-list details p { font-size:12px }.closing-section { padding:43px 20px 48px;margin-bottom:48px!important }.closing-section h2 { font-size:40px }.closing-section>p { font-size:13px }.closing-section .button-row { gap:9px }.closing-section .btn { font-size:12px;padding-inline:14px }.footer-main { grid-template-columns:1fr 1fr;gap:31px 26px;padding-bottom:33px }.footer-identity { grid-column:1 / -1 }.footer-identity p { margin-top:12px;font-size:12px }.footer-identity br { display:none }.footer-main nav { font-size:12px;gap:12px }.footer-bottom { gap:15px;flex-wrap:wrap;font-size:10px;padding-block:19px }.footer-bottom>span:nth-child(2) { display:none }.back-to-top { margin-left:auto }.release-notice { font-size:10px;line-height:1.8 } }
@media(max-width:430px) { .hero-content h1 { font-size:42px }.hero-content>p:not(.trial-note) { font-size:14px;line-height:1.75 }.hero-content .btn { font-size:11px;padding-inline:12px;gap:7px }.hero-content .btn .icon { width:15px;height:15px }.hero-content .trial-note { font-size:10px;gap:6px }.control-card { grid-template-columns:1fr }.budget-visual,.validation-visual,.geo-visual { border-right:0;border-bottom:1px solid var(--line);height:218px }.budget-visual,.validation-visual { padding:25px }.budget-amount { font-size:36px }.budget-amount>span { display:inline;margin-left:10px;font-size:10px }.budget-track { margin-top:21px }.code-chip { margin-top:19px }.visual-label { font-size:10px }.validation-line { font-size:10px;padding:8px 0 }.validation-line code { font-size:10px }.visual-sample { font-size:10px }.control-copy { padding:24px }.control-copy h3 { font-size:20px }.control-copy p { font-size:13px;line-height:1.8 }.control-copy a { font-size:12px }.geo-visual svg { width:280px }.geo-tag { font-size:10px }.geo-tag-one { right:25px }.geo-tag-two { left:25px;bottom:30px }.use-case-choices { gap:6px }.use-case-choices button { padding:13px 10px;gap:8px }.use-case-choices button>.icon { display:none }.use-case-choices strong { font-size:12px }.use-case-choices small { font-size:10px }.workflow-visual { padding-inline:22px }.workflow-goat { width:60px;height:68px }.workflow-goat img { width:36px;height:36px }.workflow-destination { width:85px;height:68px }.source-pages { width:52px;height:68px }.workflow-destination>span:last-child { font-size:10px }.workflow-caption { padding-inline:20px;font-size:10px }.use-case-text { padding:24px }.use-case-text h3 { font-size:21px }.receipt-header { font-size:10px;padding-inline:14px;gap:7px }.receipt-header>span:last-child { font-size:10px }.receipt-request,.receipt-route { padding-inline:19px }.receipt-cost { padding-inline:19px }.receipt-cost>div { font-size:11px }.receipt-cost dd { font-size:11px }.receipt-total dd { font-size:20px }.receipt-foot { padding-inline:16px;font-size:10px }.price-equation { font-size:29px }.pricing-offer,.cost-calculator { padding:24px }.offer-lines>div { font-size:11px }.calculator-fields { gap:12px }.calculator-fields label { font-size:10px }.calculator-fields input { padding-inline:9px;font-size:11px } }
@media(max-width:359px) { .landing .wrap { width:calc(100% - 32px) }.hero-intro { padding-top:40px }.hero-content h1 { font-size:35px }.hero-content .button-row { flex-direction:column;align-items:stretch }.hero-content .btn { font-size:12px }.hero-content .trial-note { justify-content:center;font-size:10px;gap:5px }.routing-stage { padding:15px }.lab-title { font-size:10px }.scenario-controls button { font-size:10px;padding-inline:3px }.stack-list { gap:14px;justify-content:flex-start }.stack-list>span { font-size:11px }.landing h2 { font-size:29px }.section-head>p { font-size:13px }.format-choices button>span:last-child { font-size:10px }.format-choices button { padding:15px 10px;column-gap:5px }.format-preview { padding:27px 22px }.integration-note { display:grid;gap:8px }.use-case-choices strong { font-size:11px }.use-case-choices small { font-size:10px }.workflow-visual { padding-inline:15px }.workflow-caption { padding-inline:16px }.receipt-header>span:last-child { max-width:38px;white-space:normal;line-height:1.5 }.receipt-cost dt span { font-size:10px;padding:2px 3px;margin-left:2px }.receipt-bars { gap:2px }.receipt-bars i { width:3px }.pricing-offer,.cost-calculator { padding:21px }.price-equation { font-size:25px }.price-topline h3 { font-size:15px }.price-topline>span { font-size:10px }.calculator-fields { grid-template-columns:1fr }.calculator-fields label { font-size:10px }.calculator-fields input { font-size:12px }.closing-section .button-row { flex-direction:column;align-items:stretch }.footer-main { gap:26px 18px }.footer-main nav { font-size:11px } }
@media(prefers-reduced-motion:reduce) { .route-packet { display:none } html { scroll-behavior:auto }.landing *, .landing *:before,.landing *:after { animation:none!important; transition:none!important }.hero-goat:hover,.closing-mark:hover { transform:none } }
@media(forced-colors:active) { .circuit-lines,.globe-grid { stroke:CanvasText }.circuit-active,.globe-route { stroke:Highlight }.provider-node.selected,.scenario-controls button[aria-pressed=true],.format-choices button[aria-pressed=true] { outline:2px solid Highlight }.calculator-chart span,.receipt-bars i { background:Highlight }.hero-grid,.closing-circuit { display:none } }

@media(hover:hover) and (pointer:fine) { .brand .goat-mark { transition:transform 200ms cubic-bezier(.2,0,0,1) }.brand:hover .goat-mark { transform:rotate(-8deg) } }
@media(prefers-reduced-motion:reduce) { .brand:hover .goat-mark { transform:none } }