/* Landing only: one code console, readable text and bounded responsive layouts. */
.landing-page{font-size:1rem;line-height:1.6}.landing-page [hidden]{display:none!important}
.landing-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.landing-page :is(.hero-grid,.feature-bento,.workflow-grid,.ops-grid,.usecase-stage,.security-grid)>*{min-width:0}
.landing-page :is(h1,h2,h3,p,.button){overflow-wrap:break-word}.landing-page .hero h1{font-size:clamp(2.375rem,6.2vw,5rem);line-height:1.08}
.landing-page :is(.section-intro h2,.split-heading h2,.code-copy h2,.security h2,.final-cta h2,.faq h2){font-size:clamp(1.875rem,4.2vw,3.5rem);line-height:1.12;letter-spacing:-.04em}
.landing-page :is(.hero-lede,.section-intro>p:not(.kicker),.split-heading>p,.code-copy>p:not(.kicker),.bento-copy>p,.workflow-grid p,.usecase-copy p,.security p,.ops-grid p){font-size:1rem;line-height:1.75}
.landing-page .button{min-height:44px;line-height:1.5}.landing-page .hero-actions{flex-wrap:wrap}.landing-page .hero-product{min-width:0}
.landing-page .hero-strip{height:auto;min-height:65px;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;padding:1rem 1.25rem;font-size:.6875rem;line-height:1.6;overflow:visible}
.landing-page .app-window{grid-template-columns:58px minmax(0,1fr)}.landing-page :is(.app-main,.app-columns,.license-table,.license-row>div){min-width:0}
.landing-page .code-stage{padding:clamp(1rem,4.5vw,3.4375rem)}.landing-page .code-stage-heading{max-width:920px}.landing-page .integration-guide-note{margin:1.25rem 0;color:#556176;font-size:.9375rem;line-height:1.7}.landing-page .integration-guide-note a{color:#4149b7;text-underline-offset:3px}
.landing-page .code-console{min-width:0;margin-top:1.75rem}.landing-page .code-console .code-window{width:100%;min-width:0;border:1px solid #2d3b52;box-shadow:0 20px 50px #0c16291f}
.landing-page .code-console .code-window-top{height:auto;min-height:64px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding:12px 18px;font-size:.8125rem;color:#c9d3e4}
.landing-page .code-window-top .console-dots{margin:0;gap:5px}.landing-page .code-window-top [data-code-file]{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.landing-page .code-console-tools{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;min-width:0}
.landing-page .code-wrap{flex:none;min-height:40px;padding:.5rem .75rem;border:1px solid #576780;border-radius:8px;background:transparent;color:#e2e9f5;font:inherit;cursor:pointer}
.landing-page .code-wrap:hover,.landing-page .code-wrap[aria-pressed=true]{border-color:#a6b5ff;background:#2a3957;color:#fff}
.landing-page .code-language-picker{display:flex;align-items:center;gap:8px;max-width:13rem;min-width:0;border:1px solid #43526c;background:#1b2a40;border-radius:8px;padding:6px 10px;color:#f2f5ff}
.landing-page .code-language-picker img{display:block;flex:none;width:22px;height:22px;object-fit:contain;background:#fff;border-radius:5px;padding:2px}
.landing-page .code-language-picker select{color:inherit;background:transparent;font:inherit;min-width:0;width:100%;border:0;cursor:pointer;padding:3px 2px;line-height:1.5;appearance:auto}.landing-page .code-language-picker option{color:#eff4ff;background:#1b2a40}
.landing-page .code-console pre{margin:0;max-width:100%;max-height:560px;padding:clamp(1rem,2.5vw,1.75rem);font-size:.875rem;line-height:1.8;white-space:pre;overflow:auto;overscroll-behavior:contain;tab-size:4;color:#d7e2f4}
.landing-page .code-console pre code{display:block;font:inherit;color:inherit}
.landing-page .code-console.is-wrapped pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.landing-page .code-console.is-wrapped pre code{min-width:0;max-width:100%}
.landing-page .code-token-keyword{color:#d6b3ff}.landing-page .code-token-string{color:#a8d99c}.landing-page .code-token-comment{color:#a5b1c5;font-style:italic}.landing-page .code-token-number{color:#f6c177}.landing-page .code-token-type{color:#8bd7d0}.landing-page .code-token-function{color:#ffdfa1}.landing-page .code-token-variable{color:#9ecbff}.landing-page .code-token-operator{color:#e8b2ce}
.landing-page .console-python-install{padding:1.25rem clamp(1rem,2.5vw,1.75rem);border-top:1px solid #30415a;background:#132036;color:#dde5f4}
.landing-page .console-sdk-heading{display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap}.landing-page .console-sdk-heading strong{font-size:.9375rem}.landing-page .console-sdk-heading span{font-size:.8125rem;color:#c0ccdf}
.landing-page .console-python-install .sdk-install-command{margin:.875rem 0;padding:.875rem;font-size:.875rem}.landing-page .console-python-install .sdk-publisher-links{margin-bottom:0;gap:12px}.landing-page .console-python-install .sdk-publisher-links>a{flex:0 1 auto}
.landing-page .console-guide{display:flex;justify-content:space-between;gap:.75rem 1.5rem;flex-wrap:wrap;padding:1rem clamp(1rem,2.5vw,1.75rem);border-top:1px solid #30415a;color:#c2d0e5;font-size:.875rem;line-height:1.6}.landing-page .console-guide a{color:#d1ccff;text-underline-offset:3px}
.landing-page :is(select,pre,a,button):focus-visible{outline:3px solid #7989f7;outline-offset:4px}
.landing-page .usecase-tabs{max-width:100%;flex-wrap:wrap}.landing-page .usecase-tabs button{font-size:.9375rem;line-height:1.5;min-height:44px}
.landing-page .device-visual{width:min(390px,100%);padding-inline:12px}.landing-page .device-base{margin-inline:-8px}.landing-page .device-screen{padding:clamp(1rem,2.5vw,1.875rem)}
.landing-page :is(.device-title div,.device-success div,.entity-flow>div){min-width:0}.landing-page .device-success small{font-size:.75rem}.landing-page .usecase-copy h3{font-size:clamp(1.625rem,3vw,2.375rem);line-height:1.2}
.landing-page #quickstart pre{font-size:.8125rem;line-height:1.8}.landing-page #quickstart .kq-small{font-size:.875rem;line-height:1.65}
@media(max-width:1000px){.landing-page .hero-product{max-width:700px}.landing-page .signed{left:0}.landing-page .entity-flow>div{padding:14px}.landing-page .entity-flow>i{padding-inline:8px}}
@media(max-width:720px){.landing-page .code-console .code-window-top{padding:12px;gap:10px}.landing-page .code-console pre{font-size:.8125rem;max-height:460px}.landing-page .app-window{grid-template-columns:40px minmax(0,1fr)}.landing-page .entity-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-page .entity-flow>i{display:none}.landing-page .usecase-stage{padding:24px 18px}.landing-page .hero-grid{padding-inline:0}.landing-page .hero-notes{align-items:center}.landing-page .final-cta>div>div .button{max-width:100%}}
@media(max-width:480px){.landing-page .code-console .code-window-top{grid-template-columns:minmax(0,1fr)}.landing-page .code-console .console-dots{display:none}.landing-page .code-console-tools{justify-content:space-between;max-width:100%}.landing-page .code-language-picker{flex:1;max-width:100%;padding:5px 7px;gap:6px}.landing-page .code-language-picker select{font-size:.8125rem}.landing-page .hero-actions .button{width:100%}.landing-page .code-stage-heading h2 br{display:none}.landing-page .signed{max-width:100%;padding:10px}.landing-page .console-guide>*{max-width:100%}.landing-page #quickstart .kq-intro{font-size:1rem}.landing-page .nav-shell{gap:8px}.landing-page .nav-actions{gap:8px;min-width:0}.landing-page .nav-actions .button{font-size:.8125rem;padding:.625rem .75rem}.landing-page .hero-notes{max-width:100%}}
@media(prefers-reduced-motion:reduce){.landing-page *{scroll-behavior:auto}}

/* First screen: full-width copy, then a full-width demo; content may grow beyond the viewport. */
.landing-page .hero{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;min-height:100dvh;padding-top:clamp(94px,10vh,116px)}
.landing-page .hero-grid{flex:1;min-height:0;margin-block:0;padding-block:clamp(1.25rem,3vh,2.25rem);display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:clamp(1.75rem,3vw,2.75rem)}
.landing-page .hero .hero-copy{width:100%;max-width:100%;text-align:center}
.landing-page .hero h1{font-size:clamp(2.375rem,5.2vw,4.5rem);max-width:62rem;margin-inline:auto;line-height:1.04;text-wrap:balance}
.landing-page .hero .kicker{margin-block:1.25rem .875rem}
.landing-page .hero-lede{max-width:49rem;margin:1.125rem auto 1.375rem;font-size:clamp(1rem,1.5vw,1.1875rem);line-height:1.65;text-wrap:pretty}
.landing-page .hero .hero-actions{justify-content:center}
.landing-page .hero .hero-notes{justify-content:center;flex-wrap:wrap;gap:.625rem 1.25rem;color:#b4c2d6;font-size:.8125rem;line-height:1.6;margin-top:1.125rem}
.landing-page .hero .hero-product{width:100%;max-width:none;margin:0;padding:1.5rem 0 4.5rem;min-width:0;perspective:none}
.landing-page .hero .demo-label{top:0;inset-inline-end:.25rem;font-size:.6875rem;line-height:1.5}
.landing-page .hero .app-window{width:100%;grid-template-columns:64px minmax(0,1fr);transform:none;border-radius:1.125rem;box-shadow:0 24px 80px #0005}
.landing-page .hero .app-sidebar{padding:1.25rem .75rem;gap:1.125rem}
.landing-page .hero .app-main{padding:clamp(1rem,2.6vw,2rem)}
.landing-page .hero .app-top{padding-bottom:1rem;gap:.75rem}
.landing-page .hero .app-top small,.landing-page .hero .app-title small{font-size:.6875rem;color:#586a82;line-height:1.5}
.landing-page .hero .app-top strong{font-size:1rem;line-height:1.5}
.landing-page .hero .live-chip{font-size:.75rem;white-space:nowrap;padding:.5rem .75rem}
.landing-page .hero .app-title{gap:.75rem;margin:1.125rem 0 1rem}
.landing-page .hero .app-title h2{font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.3;margin-top:.25rem}
.landing-page .hero .app-title button{font-size:.8125rem;padding:.625rem .875rem;white-space:nowrap;pointer-events:none}
.landing-page .hero .metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem}
.landing-page .hero .metric-row>div{display:grid;min-width:0;padding:clamp(.75rem,1.6vw,1.25rem);gap:.25rem}
.landing-page .hero .metric-row span{font-size:.8125rem;line-height:1.5;color:#5c6b80}
.landing-page .hero .metric-row strong{font-size:clamp(1.375rem,2.5vw,2rem);line-height:1.2}
.landing-page .hero .metric-row small{font-size:.6875rem;line-height:1.5;color:#5c6b80}
.landing-page .hero .app-columns{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:.875rem;margin-top:.875rem}
.landing-page .hero .license-table,.landing-page .hero .activity-panel{padding:clamp(.875rem,1.5vw,1.25rem)}
.landing-page .hero .activity-panel{display:block}
.landing-page .hero .table-head{font-size:.8125rem;line-height:1.5;margin-bottom:.75rem}
.landing-page .hero .license-row{grid-template-columns:30px minmax(0,1fr) auto auto;gap:.75rem;padding:.875rem 0;font-size:.8125rem;line-height:1.5}
.landing-page .hero .license-row small{font-size:.6875rem;color:#61718a}
.landing-page .hero .license-row em{font-size:.6875rem;padding:.3rem .55rem;white-space:nowrap}
.landing-page .hero .product-icon{width:30px;height:30px;font-size:.75rem}
.landing-page .hero .pulse-line{gap:.75rem;padding:.875rem 0}
.landing-page .hero .pulse-line b{font-size:.8125rem;line-height:1.5}
.landing-page .hero .pulse-line small{font-size:.6875rem;line-height:1.5;color:#61718a}
.landing-page .hero .signed{left:1.25rem;bottom:1.125rem;padding:.875rem 1rem;gap:.75rem}
.landing-page .hero .signed small{font-size:.625rem;color:#b4c2d6;line-height:1.5}
.landing-page .hero .signed strong{font-size:.8125rem;line-height:1.5}
.landing-page .hero .response{right:1.25rem;bottom:.375rem;width:17rem;padding:.875rem 1rem}
.landing-page .hero .response-top{font-size:.6875rem;line-height:1.5}
.landing-page .hero .response code{font-size:.6875rem}
.landing-page .hero .hero-demo-link{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:.75rem;max-width:100%;min-height:50px;padding:.5rem 1rem .5rem .5rem;margin-top:1.25rem;border:1px solid #7da35788;border-radius:99px;background:linear-gradient(110deg,#b5ee8517,#a0c5f007);color:#e7f6db;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none;box-shadow:inset 0 1px #ffffff08;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.landing-page .hero .hero-demo-link::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,#d3ffad20 50%,transparent 70%);transform:translateX(-125%);transition:transform .65s ease;pointer-events:none}
.landing-page .hero-demo-play{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #a8dc7d55;border-radius:50%;background:#b8ed8a16;color:#c9f697}
.landing-page .hero-demo-play svg{width:22px;height:22px;fill:currentColor;stroke:none}
.landing-page .hero-demo-arrow{width:20px;height:20px;flex:none;margin-inline-start:.125rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;animation:kdp-hero-arrow 1.8s ease-in-out 2}
.landing-page .hero .hero-demo-link:is(:hover,:focus-visible){color:#f2ffe8;border-color:#c9f697;background:#a5df7e1c;box-shadow:0 8px 28px #a5df7e18;transform:translateY(-2px);text-decoration:none}
.landing-page .hero .hero-demo-link:is(:hover,:focus-visible)::before{transform:translateX(125%)}
.landing-page .hero-demo-link:is(:hover,:focus-visible) .hero-demo-arrow{transform:translateY(3px)}
.landing-page .hero .hero-demo-link:focus-visible{outline:3px solid #c9f697;outline-offset:4px}
@keyframes kdp-hero-arrow{0%,30%,70%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.landing-page .hero .hero-strip{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem clamp(1rem,2.5vw,2.5rem);height:auto;min-height:76px;padding:1.125rem max(1.25rem,calc((100% - 1180px)/2));color:#bdc9db;font-size:.6875rem;line-height:1.5;letter-spacing:.08em;overflow:visible}
.landing-page .hero-strip>span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.landing-page .hero-strip svg{width:18px;height:18px;flex:none;color:#b3df8b;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.landing-page #try-licensing{scroll-margin-top:90px}
@media(min-width:1001px) and (max-height:760px){.landing-page .hero{padding-top:90px}.landing-page .hero-grid{padding-block:1rem}.landing-page .hero h1{font-size:clamp(2.5rem,4vw,3.5rem)}.landing-page .hero .kicker{margin-block:1rem .75rem}.landing-page .hero-lede{margin-block:1rem}.landing-page .hero .hero-demo-link{margin-top:1rem}.landing-page .hero .hero-strip{min-height:64px}}
@media(max-width:800px){.landing-page .hero .app-columns{grid-template-columns:minmax(0,1fr)}.landing-page .hero .activity-panel{display:none}.landing-page .hero .response{width:15rem}.landing-page .hero .license-row{padding:.75rem 0}}
@media(max-width:720px){.landing-page .hero{padding-top:86px}.landing-page .hero-grid{padding-block:1rem;gap:1.5rem}.landing-page .hero .hero-actions{align-items:center;flex-direction:row}.landing-page .hero .hero-notes{flex-direction:row;justify-content:center;gap:.5rem 1rem}.landing-page .hero .hero-demo-link{margin-top:1.125rem}.landing-page .hero .hero-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;padding:1.25rem 1rem;font-size:.625rem;letter-spacing:.04em}.landing-page .hero-strip>span{white-space:normal;min-width:0}.landing-page .hero-strip svg{width:17px;height:17px}.landing-page .hero .metric-row{gap:.5rem}.landing-page .hero .metric-row>div{padding:.75rem .625rem}.landing-page .hero .metric-row span{font-size:.6875rem}.landing-page .hero .metric-row small{font-size:.625rem}.landing-page .hero .app-window{grid-template-columns:44px minmax(0,1fr)}.landing-page .hero .app-sidebar{padding:1rem .375rem}.landing-page .hero .signed{left:.75rem;bottom:.875rem}.landing-page #try-licensing{scroll-margin-top:78px}}
@media(max-width:480px){.landing-page .hero .app-window{grid-template-columns:minmax(0,1fr)}.landing-page .hero .app-sidebar{display:none}.landing-page .hero .app-main{padding:.875rem}.landing-page .hero .app-top strong{font-size:.875rem}.landing-page .hero .app-top small{font-size:.625rem}.landing-page .hero .live-chip{font-size:.625rem;padding:.375rem .5rem}.landing-page .hero .app-title h2{font-size:1.25rem}.landing-page .hero .app-title button{font-size:.6875rem;padding:.5rem}.landing-page .hero .license-row{grid-template-columns:24px minmax(0,1fr) auto auto;gap:.5rem;font-size:.6875rem}.landing-page .hero .license-row small{font-size:.625rem}.landing-page .hero .license-row em{font-size:.625rem;padding:.25rem .375rem}.landing-page .hero .product-icon{width:24px;height:24px;font-size:.625rem}.landing-page .hero .hero-product{padding-bottom:4.5rem}.landing-page .hero .signed{left:.5rem;right:.5rem;bottom:.5rem;justify-content:center}.landing-page .hero .signed strong{font-size:.75rem}.landing-page .hero .hero-demo-link{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){.landing-page .hero .hero-demo-link,.landing-page .hero .hero-demo-link::before,.landing-page .hero-demo-arrow{animation:none;transition:none}.landing-page .hero .hero-demo-link:is(:hover,:focus-visible),.landing-page .hero-demo-link:is(:hover,:focus-visible) .hero-demo-arrow{transform:none}}

/* Platform overview: two balanced pairs, then one full-width relationship row. */
.landing-page #platform{padding-block:clamp(3.5rem,7vw,6rem);background:#f5f7fb;border-top:1px solid #e0e5ed}
.landing-page #platform .platform-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:clamp(1.5rem,4vw,4rem);margin-bottom:clamp(1.75rem,3vw,2.75rem)}
.landing-page #platform .platform-intro>*{min-width:0}
.landing-page #platform .platform-intro .kicker{font-size:.75rem;line-height:1.6;margin:0 0 1rem;letter-spacing:.1em}
.landing-page #platform .platform-intro h2{font-size:clamp(1.875rem,3.6vw,3rem);line-height:1.15;letter-spacing:-.045em;margin:0;color:#152034;text-wrap:balance;overflow-wrap:break-word}
.landing-page #platform .platform-intro>p{font-size:1rem;line-height:1.8;color:#566478;margin:0 0 .2rem}
.landing-page #platform .feature-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.875rem,1.5vw,1.25rem);align-items:stretch}
.landing-page #platform .bento-card{grid-column:span 5;display:flex;flex-direction:column;gap:0;min-width:0;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid #dce3ed;border-radius:18px;box-shadow:0 6px 24px #182d4510;overflow:hidden}
.landing-page #platform .bento-card:first-child,.landing-page #platform .bento-card:nth-child(4){grid-column:span 7}
.landing-page #platform .feature-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;background:#eeedfc;color:#5547b0;border:1px solid #dfddf6;border-radius:7px;font-size:.75rem;letter-spacing:.05em}
.landing-page #platform .bento-card h3{font-size:clamp(1.25rem,2vw,1.625rem);line-height:1.3;letter-spacing:-.025em;margin:.875rem 0 .625rem;text-wrap:balance}
.landing-page #platform .bento-card p{font-size:1rem;line-height:1.7;margin:0;color:#566478}
.landing-page #platform .bento-card ul{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin:1rem 0 0;padding:0}
.landing-page #platform .bento-card li{font-size:.875rem;line-height:1.6;margin:0;color:#475972}
.landing-page #platform .bento-card li::before{margin-right:5px}
.landing-page #platform .mini-dashboard{display:block;transform:none;margin-top:1.5rem;padding:clamp(.875rem,1.5vw,1.25rem);box-shadow:none;width:100%;min-width:0;background:#f7f9fc}
.landing-page #platform .demo-caption{display:block;position:static;font-size:.6875rem;line-height:1.5;color:#66758b;margin:0 0 .5rem;letter-spacing:.07em}
.landing-page #platform .demo-bar{gap:.75rem}
.landing-page #platform .demo-bar small{font-size:.625rem}
.landing-page #platform .demo-bar strong{font-size:1rem}
.landing-page #platform .demo-bar button{font-size:.75rem;padding:.5rem .75rem;white-space:nowrap;pointer-events:none}
.landing-page #platform .demo-filter{flex-wrap:wrap;gap:.375rem;margin:1rem 0 .5rem}
.landing-page #platform .demo-filter span{font-size:.6875rem;padding:.375rem .5rem}
.landing-page #platform .demo-list>div{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr) auto;gap:.625rem;padding:.75rem 0;font-size:.6875rem;line-height:1.55}
.landing-page #platform .demo-list b{overflow-wrap:anywhere}
.landing-page #platform .demo-list em{font-size:.625rem;white-space:nowrap;padding:4px 6px}
.landing-page #platform .bento-dark{background:linear-gradient(145deg,#162439,#0d182a);border-color:#24354e;color:#f1f5ff}
.landing-page #platform .bento-dark p{color:#bdc9dc}
.landing-page #platform .bento-dark .feature-number{color:#dbcdff;border-color:#655588;background:#c6a4ff10}
.landing-page #platform .bento-dark>.demo-caption{color:#b4c4da;margin-top:1.5rem}
.landing-page #platform .signature-orbit{height:170px;margin:auto 0 0;flex:1;min-height:170px}
.landing-page #platform .signature-orbit small{font-size:.6875rem}
.landing-page #platform .offline-timeline{margin-top:auto;padding-top:1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:center}
.landing-page #platform .offline-timeline>.demo-caption{grid-column:1/-1;padding:0;background:transparent;text-align:start;font-size:.6875rem}
.landing-page #platform .offline-timeline>span:not(.demo-caption){text-align:center;font-size:.75rem;line-height:1.5;padding:.75rem .375rem}
.landing-page #platform .offline-timeline>i{width:8px;height:1px}
.landing-page #platform .webhook-console{margin-top:1.5rem;padding:1rem;border:1px solid #25364f;border-radius:12px}
.landing-page #platform .webhook-console>.demo-caption{color:#afc0d9}
.landing-page #platform .webhook-console>div{grid-template-columns:8px minmax(0,1fr) auto auto;gap:10px;font-size:.75rem;padding:.75rem 0}
.landing-page #platform .webhook-console code{font-size:inherit;overflow-wrap:anywhere}
.landing-page #platform .webhook-console small{font-size:.6875rem;color:#b6c4d7}
.landing-page #platform .flow-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(1.25rem,3vw,2.5rem)}
.landing-page #platform .entity-flow{margin:0;gap:0;min-width:0}
.landing-page #platform .entity-flow>div{padding:1rem .75rem;min-width:0;background:#f7f9fc;gap:0}
.landing-page #platform .entity-flow>div>span{font-size:.6875rem}
.landing-page #platform .entity-flow b{font-size:.875rem;margin:.875rem 0 .25rem}
.landing-page #platform .entity-flow small{font-size:.75rem;color:#5a6a82}
.landing-page #platform .entity-flow>i{padding-inline:7px}
@media(max-width:1000px){.landing-page #platform .platform-intro{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.75rem}.landing-page #platform .bento-card,.landing-page #platform .bento-card:first-child,.landing-page #platform .bento-card:nth-child(4){grid-column:span 6}.landing-page #platform .flow-card{grid-column:1/-1;grid-template-columns:minmax(0,1fr)}.landing-page #platform .demo-list>div{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px}.landing-page #platform .demo-list>div>b{grid-column:1;grid-row:1}.landing-page #platform .demo-list>div>span:first-of-type{grid-column:1;grid-row:2}.landing-page #platform .demo-list>div>span:last-of-type{grid-column:2;grid-row:2}.landing-page #platform .demo-list em{grid-column:2;grid-row:1;justify-self:end}}
@media(max-width:720px){.landing-page #platform .platform-intro{grid-template-columns:minmax(0,1fr);gap:1rem}.landing-page #platform .platform-intro h2{max-width:620px;font-size:clamp(1.875rem,5.7vw,2.5rem)}.landing-page #platform .feature-bento{grid-template-columns:minmax(0,1fr)}.landing-page #platform .bento-card,.landing-page #platform .bento-card:first-child,.landing-page #platform .bento-card:nth-child(4),.landing-page #platform .flow-card{grid-column:1;display:flex}.landing-page #platform .signature-orbit{flex:none;margin-top:.5rem;height:150px;min-height:150px}.landing-page #platform .ring-two{width:165px;height:165px}.landing-page #platform .offline-timeline{margin-top:1rem;padding-top:0}.landing-page #platform .flow-card .entity-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.landing-page #platform .entity-flow>i{display:none}.landing-page #platform .entity-flow>div{padding:.875rem .625rem}.landing-page #platform .mini-dashboard{display:block}}
@media(max-width:480px){.landing-page #platform .flow-card .entity-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-page #platform .bento-card{border-radius:14px}.landing-page #platform .bento-card ul{display:grid;gap:.375rem}.landing-page #platform .webhook-console{padding:.75rem}.landing-page #platform .webhook-console>div{gap:7px;font-size:.6875rem}.landing-page #platform .webhook-console small{font-size:.625rem}.landing-page #platform .offline-timeline>span:not(.demo-caption){font-size:.6875rem}}