.audience-links{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px;display:grid}.audience-links a{border-top:1px solid var(--border);font-size:23px;font-family:var(--font-head);padding:25px 0}@media (max-width:800px){.audience-links{grid-template-columns:1fr 1fr}}.integration-title{max-width:840px;margin-bottom:46px}.integration-title h2{max-width:780px}.integration-title .intro{max-width:610px;margin-top:24px}.integration-console{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);overflow:hidden;box-shadow:0 24px 80px #0003}.console-bar{border-bottom:1px solid var(--border);font:12px var(--font-mono);color:var(--muted);justify-content:space-between;padding:18px 26px;display:flex}.console-body{grid-template-columns:1.3fr 1fr;display:grid}.console-request,.console-context{min-width:0;padding:36px}.console-request{border-right:1px solid var(--border)}.console-label{font:12px var(--font-mono);color:var(--muted);margin-bottom:30px;display:block}.console-request>p{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;font-size:18px;display:flex}.http-method{color:var(--accent-soft-foreground);font:600 12px var(--font-mono)}.console-request pre{font:12px/2 var(--font-mono);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);padding:20px;overflow:auto}.console-footnote{color:var(--muted);margin-top:20px;font-size:12px;line-height:1.6;display:block}.console-context h3{max-width:300px;font-size:26px;line-height:1.25}.console-context ul{color:var(--muted);gap:14px;margin-top:28px;padding-left:18px;font-size:14px;display:grid}.console-link{border-top:1px solid var(--border);justify-content:space-between;gap:20px;padding:22px 26px;font-size:15px;transition:background .2s;display:flex}.console-link:hover{background:var(--default)}@media (max-width:800px){.console-body{grid-template-columns:1fr}.console-request{border-right:0;border-bottom:1px solid var(--border)}.console-request,.console-context{padding:24px}}@media (max-width:600px){.audience-links{grid-template-columns:minmax(0,1fr)}}.audience-links a{align-content:start;gap:14px;display:grid}.audience-links a>b{font-size:23px;font-weight:500;font-family:var(--font-head);line-height:1.2}.audience-links a>span{font-family:var(--font-sans);color:var(--muted);font-size:15px;line-height:1.6}.audience-links a:hover>b{text-underline-offset:6px;text-decoration:underline}.pricing-teaser{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.pricing-entry{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);align-content:start;gap:10px;padding:28px;transition:transform .25s,border-color .25s;display:grid;position:relative}.pricing-entry:hover{border-color:#fff5;transform:translateY(-3px)}.pricing-entry-audience{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:12px}.pricing-entry>b{font-family:var(--font-head);margin-top:6px;font-size:26px;font-weight:500;line-height:1.15}.pricing-entry-price{font-family:var(--font-head);letter-spacing:-.03em;margin-top:10px;font-size:clamp(34px,3vw,44px);line-height:1}.pricing-entry-price small{font-family:var(--font-sans);letter-spacing:0;color:var(--muted);margin-left:4px;font-size:14px}.pricing-entry-go{border:1px solid var(--border);border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;display:grid;position:absolute;top:24px;right:24px}.chapter-actions{flex-wrap:wrap;align-items:center;gap:24px 40px;margin-top:48px;display:flex}.chapter-actions p{max-width:560px;font-size:14px;line-height:1.6}.journal-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.journal-highlights article>a{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);align-content:start;height:100%;padding:28px;transition:transform .25s,border-color .25s;display:grid}.journal-highlights article>a:hover{border-color:#fff5;transform:translateY(-3px)}.journal-highlights .eyebrow{color:var(--muted);margin-bottom:22px}.journal-highlights h3{text-wrap:balance;font-size:24px;line-height:1.2}.journal-highlights p{color:var(--muted);flex:1;margin-top:14px;font-size:15px;line-height:1.65}.journal-highlights .text-link{justify-self:start;margin-top:26px}.integration-chapter .integration-console{color:var(--foreground)}@media (max-width:1000px){.pricing-teaser,.journal-highlights{grid-template-columns:1fr}.pricing-entry,.journal-highlights article>a{padding:24px}}.pricing-entry-scope{color:var(--muted);margin-top:4px;font-size:15px;line-height:1.6}.pricing-entry-price{border-top:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:18px;padding-top:18px;font-size:clamp(26px,2.4vw,32px);display:flex}.pricing-entry-price small:first-child{flex-basis:100%;margin-bottom:2px;margin-left:0}.pricing-chapter .marketing-button{color:#031838;background:#fff}.journal-highlights p{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.integration-chapter .console-request pre{white-space:pre-wrap;overflow-wrap:anywhere}
.hero{isolation:isolate;color:#fff;background:#071320;min-height:min(780px,85svh);position:relative;overflow:hidden}.hero-scene{opacity:0;z-index:-2;margin:0;transition:opacity 1.2s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.hero-scene.is-active{opacity:1}.hero-scene img{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(1.025)}.hero .hero-scene.is-active img{animation:7s ease-out both hero-drift}.hero-shade{z-index:-1;background:linear-gradient(90deg,#03102066,#0000 70%),linear-gradient(#0000 75%,#031020aa);position:absolute;inset:0}.hero-content{padding-top:clamp(85px,10vw,155px);padding-bottom:170px}.hero h1{letter-spacing:-.055em;text-wrap:balance;max-width:650px;font-size:clamp(56px,6.2vw,94px);line-height:1.02}.hero .marketing-button{color:#031838;background:#fff;margin-top:38px}.scene-controls{justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;bottom:28px;left:5vw;right:5vw}.scene-label{gap:8px;display:flex}.scene-controls button,.scene-option{color:#fff;background:#031020d9;border:1px solid #fff5;border-radius:99px;align-items:center;gap:12px;min-height:44px;padding:12px 18px;font-size:12px;display:flex}.scene-option:has(input:checked){color:#031838;background:#fff;border-color:#fff}.scene-label:not(:has(input:checked)) .scene-option:first-child{color:#031838;background:#fff;border-color:#fff}.scene-option>span{font-size:10px}.scene-controls button:focus-visible{outline-offset:4px;outline:3px solid #8dc1ff}.scene-option:has(input:focus-visible){outline-offset:4px;outline:3px solid #8dc1ff}.scene-controls .scene-playback{flex:0 0 44px;justify-content:center;width:44px;height:44px;padding:0}.scene-playback:disabled{visibility:hidden}@keyframes hero-drift{0%{transform:scale(1.025)}to{transform:scale(1)}}@media (min-width:1600px){.hero{min-height:850px}.hero h1{max-width:750px}}@media (max-width:800px){.hero{flex-direction:column;gap:24px;height:auto;min-height:clamp(720px,100svh - 84px,960px);max-height:none;display:flex}.hero-content{width:100%;margin:0 auto;padding-top:50px;padding-bottom:0}.hero h1{max-width:570px;font-size:clamp(42px,9.5vw,68px)}.hero .marketing-button{margin-top:24px}.hero-scene img{object-position:center 68%}.hero-shade{background:linear-gradient(#0000 80%,#031020b3),linear-gradient(#03102044,#0000 45%)}.scene-controls{flex-wrap:wrap;gap:10px;margin:auto 5vw 18px;position:static}.scene-controls button,.scene-option{gap:7px;padding:10px 12px;font-size:11px}.scene-label{gap:6px}}@media (max-width:374px){.hero h1{font-size:42px}.scene-controls{align-items:flex-start}.scene-playback{margin-left:auto}}@media (prefers-reduced-motion:reduce){.hero-scene{transition:none}.hero-scene img{transform:none;animation:none!important}}.hero[data-still=true] .hero-scene img{animation-play-state:paused}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.home-story>.chapter{animation:linear both chapter-arrive;animation-timeline:view();animation-range:entry entry 35%}}}@keyframes chapter-arrive{0%{transform:translateY(20px)}to{transform:none}}@media (max-width:600px){.hero-scene img{object-fit:contain;height:auto;position:absolute;bottom:40px;transform:none;-webkit-mask-image:linear-gradient(#0000,#000 15% 90%,#0000);mask-image:linear-gradient(#0000,#000 15% 90%,#0000)}.hero .hero-scene.is-active img{animation:none}.hero-shade{background:linear-gradient(#0000 78%,#071320),linear-gradient(#07132022,#0000 45%)}}.hero-scene picture{width:100%;height:100%;display:block}.hero-static-label{display:none}.scene-option{position:relative}.scene-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.hero:not([data-interactive=true]) .hero-scene{transition:none}.hero:not([data-interactive=true]) .hero-scene img{animation:none}.hero:not([data-interactive=true]) .scene-playback{visibility:hidden}.hero:not([data-interactive=true]):has(.scene-option input[value="1"]:checked) .hero-scene[data-scene=road]{opacity:1}@media (scripting:none){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 32px;height:auto;min-height:0;max-height:none;padding:64px 5vw;display:grid}.hero-content{grid-row:span 2;align-self:center;width:100%;padding:0}.hero-scene{opacity:1;z-index:auto;transition:none;position:static}.hero-scene picture{height:auto}.hero .hero-scene img,.hero .hero-scene.is-active img{object-fit:contain;width:100%;height:auto;animation:none;display:block;position:static;transform:none;-webkit-mask-image:none;mask-image:none}.hero-static-label{margin-top:10px;font-size:14px;display:block}.hero-shade,.scene-controls{display:none}}@media (scripting:none) and (max-width:800px){.hero{flex-direction:column;padding:28px 5vw 36px;display:flex}.hero-content{margin-bottom:8px}}.hero-film{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (max-width:600px){.hero-film{aspect-ratio:9/16;object-fit:contain;height:auto;top:auto;bottom:40px;-webkit-mask-image:linear-gradient(#0000,#000 15% 90%,#0000);mask-image:linear-gradient(#0000,#000 15% 90%,#0000)}}@media (min-width:601px) and (max-width:800px){.hero-film{object-position:center 68%}}
