@font-face{font-family:Inter;src:url('./fonts/inter-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('./fonts/inter-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('./fonts/inter-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('./fonts/inter-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('./fonts/space-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('./fonts/instrument-serif-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('./fonts/space-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('./fonts/space-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('./fonts/space-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('./fonts/plex-400.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--bg:#0c0d0d;--panel:#141616;--ink:#f4f2eb;--muted:#a1a7a2;--line:#303431;--paper:#eeede6;--amber:#f5a623;--unit:clamp(.625px,.0694444444cqw,1px)}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);scroll-padding-top:24px;container-type:inline-size}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif}
p,h1,h2,h3,pre{margin:0}
a{color:inherit;text-decoration:none}
button{border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}
svg{display:block}
.node{min-width:0}
.page{margin:0 auto;position:relative}
.mobile-design,.product-mobile-header{display:none!important}
.button{cursor:pointer}
.button .text{pointer-events:none}
a:focus-visible,button:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--amber);outline-offset:6px}
.skip-link{position:fixed;left:16px;top:12px;z-index:100;background:var(--amber);color:var(--bg);padding:14px 20px;transform:translateY(-180%);clip-path:inset(50%)}
.skip-link:focus{transform:none;clip-path:none}
.product-anchors{display:block}
.data-scroll,.code-block{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}
.data-scroll:focus-visible,.code-block:focus-visible{outline-offset:2px}
.mobile-menu[hidden]{display:none}
.mobile-menu{position:fixed;z-index:50;inset:80px 0 auto;background:var(--bg);border-bottom:1px solid var(--line);padding:16px 24px 24px;max-height:calc(100dvh - 80px);overflow-y:auto}
.mobile-menu a{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:12px 0;border-bottom:1px solid var(--line);font-size:18px}
.menu-toggle{position:relative}
.menu-toggle::after{content:'';position:absolute;inset:-11px}
.menu-toggle svg{width:100%;height:100%}
::selection{background:var(--amber);color:var(--bg)}
.products-control{position:relative;z-index:60}
.products-toggle{position:relative;display:block;line-height:inherit;text-align:left}
.products-toggle::after{content:'';position:absolute;right:-12px;top:32%;width:5px;height:5px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.products-dropdown[hidden]{display:none}
.products-dropdown{position:absolute;top:calc(100% + 18px);left:-24px;width:440px;max-width:calc(100vw - 48px);padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 20px 60px #0007;white-space:normal}
.products-dropdown::before{content:'';position:absolute;left:0;right:0;top:-20px;height:20px}
.product-option{display:flex;align-items:center;gap:16px;padding:16px;border-radius:3px;min-height:72px;color:var(--ink)}
.product-option strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:500;line-height:1.2}
.product-option small{display:block;font-family:Inter,sans-serif;font-size:13px;line-height:1.5;color:var(--muted);margin-top:5px}
.product-option:hover,.product-option:focus-visible{background:#242824}
.product-dot{width:4px;height:32px;background:var(--product-color);flex:none}
.option-streams{--product-color:linear-gradient(#b2adff 0 34%,#6be3ef 34% 67%,#c1e77c 67%)}.option-surge{--product-color:#b2adff}.option-pulse{--product-color:#6be3ef}.option-vortex{--product-color:#c1e77c}.option-bolt{--product-color:#f5a623}.option-terminal{--product-color:#f3a1cc}
.option-arrow{margin-left:auto;font-size:20px;color:var(--muted)}

/* Shared, deduplicated rules extracted from the Pencil source. */
.s0{background-color:var(--bg);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;width:100%;flex-shrink:0;overflow:visible;max-width:1440px}
.s1{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;padding:0 calc(72 * var(--unit)) 0 calc(72 * var(--unit));width:100%;height:calc(96 * var(--unit));flex-shrink:0;box-shadow:inset 0 calc(-1 * var(--unit)) var(--line)}
.s2{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(12 * var(--unit));width:calc(118.41 * var(--unit));height:calc(32 * var(--unit));flex-shrink:0;overflow:hidden}
.s3{background-image:url("../assets/images/raiden.wtf/9129b82b3fd92615.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center;width:calc(32 * var(--unit));height:calc(32 * var(--unit));flex-shrink:0}
.s4{color:#ffffff;font-family:"Space Grotesk",sans-serif;font-size:calc(20 * var(--unit));font-weight:700;letter-spacing:calc(1 * var(--unit));line-height:calc(28 * var(--unit));text-align:left;white-space:pre;width:calc(75 * var(--unit));flex-shrink:0}
.s5{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(32 * var(--unit));width:max-content;flex-shrink:0}
.s6{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(60 * var(--unit));flex-shrink:0}
.s7{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(90 * var(--unit));flex-shrink:0}
.s8{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(46 * var(--unit));flex-shrink:0}
.s9{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(49 * var(--unit));flex-shrink:0}
.s10{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(24 * var(--unit));width:max-content;flex-shrink:0}
.s11{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(45 * var(--unit));flex-shrink:0}
.s12{background-color:var(--amber);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(24 * var(--unit));padding:calc(14 * var(--unit)) calc(20 * var(--unit)) calc(14 * var(--unit)) calc(20 * var(--unit));width:max-content;flex-shrink:0;border-radius:calc(4 * var(--unit))}
.s13{color:var(--bg);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(64 * var(--unit));flex-shrink:0}
.s14{width:calc(16 * var(--unit));height:calc(16 * var(--unit));flex-shrink:0}
.s15{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(66 * var(--unit));padding:calc(80 * var(--unit)) calc(72 * var(--unit)) calc(64 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s16{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(32 * var(--unit));width:calc(688 * var(--unit));flex-shrink:0}
.s17{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(10 * var(--unit));width:max-content;flex-shrink:0}
.s18{background-color:var(--amber);width:calc(6 * var(--unit));height:calc(6 * var(--unit));flex-shrink:0;border-radius:50%}
.s19{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(1.2 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(286 * var(--unit));flex-shrink:0}
.s20{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(96 * var(--unit));font-weight:500;letter-spacing:calc(-5 * var(--unit));line-height:calc(95 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s21{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(18 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(30 * var(--unit));text-align:left;white-space:pre-wrap;width:calc(550 * var(--unit));flex-shrink:0}
.s22{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(28 * var(--unit));width:max-content;flex-shrink:0}
.s23{background-color:var(--amber);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(30 * var(--unit));padding:calc(18 * var(--unit)) calc(24 * var(--unit)) calc(18 * var(--unit)) calc(24 * var(--unit));width:max-content;flex-shrink:0;border-radius:calc(4 * var(--unit))}
.s24{color:var(--bg);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(155 * var(--unit));flex-shrink:0}
.s25{width:calc(20 * var(--unit));height:calc(20 * var(--unit));flex-shrink:0}
.s26{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(139 * var(--unit));flex-shrink:0}
.s27{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(274 * var(--unit));flex-shrink:0}
.s28{background-color:var(--panel);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(4 * var(--unit));padding:calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(8 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) var(--line),inset 0 calc(-1 * var(--unit)) var(--line),inset calc(1 * var(--unit)) 0 var(--line),inset calc(-1 * var(--unit)) 0 var(--line)}
.s29{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:0;padding:0 0 calc(28 * var(--unit)) 0;width:100%;flex-shrink:0}
.s30{color:var(--ink);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(1 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(124 * var(--unit));flex-shrink:0}
.s31{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(51 * var(--unit));flex-shrink:0}
.s32{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:calc(1 * var(--unit));line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(145 * var(--unit));flex-shrink:0}
.s33{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(10 * var(--unit));padding:calc(16 * var(--unit)) 0 0 0;width:100%;flex-shrink:0}
.s34{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(12 * var(--unit));padding:calc(13 * var(--unit)) calc(16 * var(--unit)) calc(13 * var(--unit)) calc(16 * var(--unit));width:100%;flex-shrink:0;border-radius:calc(3 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) var(--line),inset 0 calc(-1 * var(--unit)) var(--line),inset calc(1 * var(--unit)) 0 var(--line),inset calc(-1 * var(--unit)) 0 var(--line)}
.s35{background-color:#6366f1;width:calc(4 * var(--unit));height:calc(20 * var(--unit));flex-shrink:0}
.s36{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(17 * var(--unit));font-weight:500;letter-spacing:0;line-height:calc(22 * var(--unit));text-align:left;white-space:pre;width:calc(48 * var(--unit));flex-shrink:0}
.s37{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(15 * var(--unit));text-align:right;white-space:pre-wrap;flex:1 1 0%;flex-shrink:1}
.s38{background-color:#22d3ee;width:calc(4 * var(--unit));height:calc(20 * var(--unit));flex-shrink:0}
.s39{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(17 * var(--unit));font-weight:500;letter-spacing:0;line-height:calc(22 * var(--unit));text-align:left;white-space:pre;width:calc(44 * var(--unit));flex-shrink:0}
.s40{background-color:#a3e635;width:calc(4 * var(--unit));height:calc(20 * var(--unit));flex-shrink:0}
.s41{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(17 * var(--unit));font-weight:500;letter-spacing:0;line-height:calc(22 * var(--unit));text-align:left;white-space:pre;width:calc(54 * var(--unit));flex-shrink:0}
.s42{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0;padding:calc(14 * var(--unit)) 0 calc(14 * var(--unit)) 0;width:100%;flex-shrink:0}
.s43{background-color:#232720;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;padding:calc(18 * var(--unit)) calc(18 * var(--unit)) calc(18 * var(--unit)) calc(18 * var(--unit));width:100%;flex-shrink:0;border-radius:calc(3 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) #56634F,inset 0 calc(-1 * var(--unit)) #56634F,inset calc(1 * var(--unit)) 0 #56634F,inset calc(-1 * var(--unit)) 0 #56634F}
.s44{color:var(--ink);font-family:"IBM Plex Mono",monospace;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(141 * var(--unit));flex-shrink:0}
.s45{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(16 * var(--unit));padding:calc(18 * var(--unit)) calc(18 * var(--unit)) calc(18 * var(--unit)) calc(18 * var(--unit));width:100%;flex-shrink:0;border-radius:calc(3 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) #8A652A,inset 0 calc(-1 * var(--unit)) #8A652A,inset calc(1 * var(--unit)) 0 #8A652A,inset calc(-1 * var(--unit)) 0 #8A652A}
.s46{width:calc(22 * var(--unit));height:calc(22 * var(--unit));flex-shrink:0}
.s47{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(5 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s48{color:var(--ink);font-family:"IBM Plex Mono",monospace;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(71 * var(--unit));flex-shrink:0}
.s49{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(15 * var(--unit));text-align:left;white-space:pre;width:calc(177 * var(--unit));flex-shrink:0}
.s50{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s51{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(52 * var(--unit));padding:calc(28 * var(--unit)) calc(72 * var(--unit)) calc(28 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) var(--line)}
.s52{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:calc(1 * var(--unit));line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(130 * var(--unit));flex-shrink:0}
.s53{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(20 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre;width:calc(141 * var(--unit));flex-shrink:0}
.s54{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(20 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre;width:calc(134 * var(--unit));flex-shrink:0}
.s55{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(20 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre;width:calc(118 * var(--unit));flex-shrink:0}
.s56{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(20 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre;width:calc(176 * var(--unit));flex-shrink:0}
.s57{background-color:var(--paper);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(46 * var(--unit));padding:calc(88 * var(--unit)) calc(72 * var(--unit)) calc(88 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s58{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:calc(60 * var(--unit));width:100%;flex-shrink:0}
.s59{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(22 * var(--unit));width:calc(700 * var(--unit));flex-shrink:0}
.s60{color:#595F59;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(1.1 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(117 * var(--unit));flex-shrink:0}
.s61{color:#131713;font-family:"Space Grotesk",sans-serif;font-size:calc(60 * var(--unit));font-weight:500;letter-spacing:calc(-2.8 * var(--unit));line-height:calc(63 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s62{color:#595F59;font-family:"Inter",sans-serif;font-size:calc(17 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(28 * var(--unit));text-align:left;white-space:pre-wrap;flex:1 1 0%;flex-shrink:1}
.s63{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;width:100%;flex-shrink:0}
.s64{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(26 * var(--unit));padding:calc(28 * var(--unit)) 0 calc(28 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) #C8CDC4}
.s65{color:#626960;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(15 * var(--unit));flex-shrink:0}
.s66{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(14 * var(--unit));width:calc(236 * var(--unit));flex-shrink:0}
.s67{background-color:#504CC7;width:calc(4 * var(--unit));height:calc(30 * var(--unit));flex-shrink:0}
.s68{color:#131713;font-family:"Space Grotesk",sans-serif;font-size:calc(32 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(41 * var(--unit));text-align:left;white-space:pre;width:calc(86 * var(--unit));flex-shrink:0}
.s69{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(7 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s70{color:#131713;font-family:"Inter",sans-serif;font-size:calc(17 * var(--unit));font-weight:500;letter-spacing:0;line-height:calc(21 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s71{color:#595F59;font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(21 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s72{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;gap:0;width:calc(190 * var(--unit));flex-shrink:0}
.s73{color:#504CC7;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(66 * var(--unit));flex-shrink:0}
.s74{background-color:#07788A;width:calc(4 * var(--unit));height:calc(30 * var(--unit));flex-shrink:0}
.s75{color:#131713;font-family:"Space Grotesk",sans-serif;font-size:calc(32 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(41 * var(--unit));text-align:left;white-space:pre;width:calc(78 * var(--unit));flex-shrink:0}
.s76{color:#07788A;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(93 * var(--unit));flex-shrink:0}
.s77{background-color:#507126;width:calc(4 * var(--unit));height:calc(30 * var(--unit));flex-shrink:0}
.s78{color:#131713;font-family:"Space Grotesk",sans-serif;font-size:calc(32 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(41 * var(--unit));text-align:left;white-space:pre;width:calc(96 * var(--unit));flex-shrink:0}
.s79{color:#507126;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(86 * var(--unit));flex-shrink:0}
.s80{background-color:#9B6400;width:calc(4 * var(--unit));height:calc(30 * var(--unit));flex-shrink:0}
.s81{color:#131713;font-family:"Space Grotesk",sans-serif;font-size:calc(32 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(41 * var(--unit));text-align:left;white-space:pre;width:calc(60 * var(--unit));flex-shrink:0}
.s82{color:#9B6400;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(99 * var(--unit));flex-shrink:0}
.s83{background-color:#A83068;width:calc(4 * var(--unit));height:calc(30 * var(--unit));flex-shrink:0}
.s84{color:#131713;font-family:"Space Grotesk",sans-serif;font-size:calc(32 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(41 * var(--unit));text-align:left;white-space:pre;width:calc(121 * var(--unit));flex-shrink:0}
.s85{color:#A83068;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(80 * var(--unit));flex-shrink:0}
.s86{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(96 * var(--unit));padding:calc(96 * var(--unit)) calc(72 * var(--unit)) calc(96 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s87{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(28 * var(--unit));width:calc(540 * var(--unit));flex-shrink:0}
.s88{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(1 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(247 * var(--unit));flex-shrink:0}
.s89{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(58 * var(--unit));font-weight:500;letter-spacing:calc(-2.5 * var(--unit));line-height:calc(61 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s90{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(17 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(28 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s91{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(210 * var(--unit));flex-shrink:0}
.s92{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(26 * var(--unit));padding:calc(32 * var(--unit)) 0 calc(32 * var(--unit)) 0;flex:1 1 0%;flex-shrink:1}
.s93{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;width:100%;flex-shrink:0}
.s94{color:var(--ink);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(181 * var(--unit));flex-shrink:0}
.s95{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(66 * var(--unit));flex-shrink:0}
.s96{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(12 * var(--unit));width:100%;flex-shrink:0}
.s97{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(5 * var(--unit));width:max-content;flex-shrink:0}
.s98{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(21 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(27 * var(--unit));text-align:left;white-space:pre;width:calc(95 * var(--unit));flex-shrink:0}
.s99{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(119 * var(--unit));flex-shrink:0}
.s100{color:var(--ink);font-family:"IBM Plex Mono",monospace;font-size:calc(32 * var(--unit));font-weight:400;letter-spacing:calc(-1 * var(--unit));line-height:calc(42 * var(--unit));text-align:left;white-space:pre;width:calc(110 * var(--unit));flex-shrink:0}
.s101{background-color:#343835;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:0;width:100%;height:calc(5 * var(--unit));flex-shrink:0}
.s102{background-color:var(--ink);width:99.48%;height:calc(5 * var(--unit));flex-shrink:0}
.s103{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(21 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(27 * var(--unit));text-align:left;white-space:pre;width:calc(116 * var(--unit));flex-shrink:0}
.s104{background-color:var(--ink);width:93.80000000000001%;height:calc(5 * var(--unit));flex-shrink:0}
.s105{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(21 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(27 * var(--unit));text-align:left;white-space:pre;width:calc(92 * var(--unit));flex-shrink:0}
.s106{background-color:var(--ink);width:91.12000000000002%;height:calc(5 * var(--unit));flex-shrink:0}
.s107{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(19 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s108{background-color:#191C1A;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(64 * var(--unit));padding:calc(72 * var(--unit)) calc(72 * var(--unit)) calc(88 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) var(--line),inset 0 calc(-1 * var(--unit)) var(--line)}
.s109{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));width:calc(440 * var(--unit));flex-shrink:0}
.s110{color:#F2A7CB;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(1 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(165 * var(--unit));flex-shrink:0}
.s111{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(54 * var(--unit));font-weight:500;letter-spacing:calc(-2.3 * var(--unit));line-height:calc(57 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s112{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s113{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(20 * var(--unit));padding:calc(16 * var(--unit)) calc(20 * var(--unit)) calc(16 * var(--unit)) calc(20 * var(--unit));width:max-content;flex-shrink:0;border-radius:calc(4 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) #727970,inset 0 calc(-1 * var(--unit)) #727970,inset calc(1 * var(--unit)) 0 #727970,inset calc(-1 * var(--unit)) 0 #727970}
.s114{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:500;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(120 * var(--unit));flex-shrink:0}
.s115{width:calc(18 * var(--unit));height:calc(18 * var(--unit));flex-shrink:0}
.s116{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(204 * var(--unit));flex-shrink:0}
.s117{background-color:#0A0C10;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(22 * var(--unit));padding:calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(6 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) #37343D,inset 0 calc(-1 * var(--unit)) #37343D,inset calc(1 * var(--unit)) 0 #37343D,inset calc(-1 * var(--unit)) 0 #37343D}
.s118{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:calc(10 * var(--unit));width:100%;flex-shrink:0}
.s119{color:#F3A1CC;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(131 * var(--unit));flex-shrink:0}
.s120{color:#88939E;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(98 * var(--unit));flex-shrink:0}
.s121{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(28 * var(--unit));padding:0 0 calc(16 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(-1 * var(--unit)) #272A31}
.s122{color:#F3A1CC;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(54 * var(--unit));flex-shrink:0}
.s123{color:#88939E;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(61 * var(--unit));flex-shrink:0}
.s124{color:#88939E;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(36 * var(--unit));flex-shrink:0}
.s125{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(28 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(30 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s126{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));width:100%;flex-shrink:0}
.s127{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(9 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s128{color:#88939E;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(65 * var(--unit));flex-shrink:0}
.s129{color:#E4E8ED;font-family:"Space Grotesk",sans-serif;font-size:calc(38 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(40 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s130{color:#88939E;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(59 * var(--unit));flex-shrink:0}
.s131{color:#F3A1CC;font-family:"Space Grotesk",sans-serif;font-size:calc(38 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(40 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s132{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(14 * var(--unit));padding:calc(16 * var(--unit)) 0 calc(16 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) #272A31}
.s133{color:#58616C;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(15 * var(--unit));flex-shrink:0}
.s134{color:#D3DAE3;font-family:"IBM Plex Mono",monospace;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(63 * var(--unit));flex-shrink:0}
.s135{color:#63DCE9;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(70 * var(--unit));flex-shrink:0}
.s136{color:#D3DAE3;font-family:"IBM Plex Mono",monospace;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(32 * var(--unit));flex-shrink:0}
.s137{color:#D3DAE3;font-family:"IBM Plex Mono",monospace;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(47 * var(--unit));flex-shrink:0}
.s138{color:#7F8995;font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(20 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s139{background-color:#E6EAE3;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(56 * var(--unit));padding:calc(88 * var(--unit)) calc(72 * var(--unit)) calc(64 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s140{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(72 * var(--unit));width:100%;flex-shrink:0}
.s141{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(26 * var(--unit));width:calc(540 * var(--unit));flex-shrink:0}
.s142{color:#596457;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(1 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(230 * var(--unit));flex-shrink:0}
.s143{color:#162016;font-family:"Space Grotesk",sans-serif;font-size:calc(52 * var(--unit));font-weight:500;letter-spacing:calc(-2.3 * var(--unit));line-height:calc(56 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s144{color:#586256;font-family:"Inter",sans-serif;font-size:calc(17 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(28 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s145{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(14 * var(--unit));width:100%;flex-shrink:0}
.s146{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(16 * var(--unit));width:100%;flex-shrink:0}
.s147{color:#65715F;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(15 * var(--unit));flex-shrink:0}
.s148{color:#162016;font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(145 * var(--unit));flex-shrink:0}
.s149{color:#162016;font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(230 * var(--unit));flex-shrink:0}
.s150{color:#162016;font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(178 * var(--unit));flex-shrink:0}
.s151{color:#162016;font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:500;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(194 * var(--unit));flex-shrink:0}
.s152{background-color:#101411;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(6 * var(--unit))}
.s153{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:0;padding:0 0 calc(16 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(-1 * var(--unit)) #303A30}
.s154{color:#F0EFE6;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(80 * var(--unit));flex-shrink:0}
.s155{color:#A4B39F;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(109 * var(--unit));flex-shrink:0}
.s156{color:#D9E6D3;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(23 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s157{color:#A4B39F;font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(20 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s158{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));padding:calc(26 * var(--unit)) 0 0 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) #C4CDC0}
.s159{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(8 * var(--unit));width:calc(220 * var(--unit));flex-shrink:0}
.s160{color:#596457;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(126 * var(--unit));flex-shrink:0}
.s161{color:#596457;font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s162{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(8 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s163{color:#162016;font-family:"IBM Plex Mono",monospace;font-size:calc(24 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(31 * var(--unit));text-align:left;white-space:pre;width:calc(44 * var(--unit));flex-shrink:0}
.s164{color:#596457;font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(15 * var(--unit));text-align:left;white-space:pre;width:calc(52 * var(--unit));flex-shrink:0}
.s165{color:#596457;font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(15 * var(--unit));text-align:left;white-space:pre;width:calc(65 * var(--unit));flex-shrink:0}
.s166{color:#596457;font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(15 * var(--unit));text-align:left;white-space:pre;width:calc(43 * var(--unit));flex-shrink:0}
.s167{color:#596457;font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(15 * var(--unit));text-align:left;white-space:pre;width:calc(55 * var(--unit));flex-shrink:0}
.s168{color:#596457;font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(15 * var(--unit));text-align:left;white-space:pre;width:calc(35 * var(--unit));flex-shrink:0}
.s169{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(48 * var(--unit));padding:calc(88 * var(--unit)) calc(72 * var(--unit)) calc(88 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s170{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:calc(80 * var(--unit));width:100%;flex-shrink:0}
.s171{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));width:calc(660 * var(--unit));flex-shrink:0}
.s172{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(1 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(99 * var(--unit));flex-shrink:0}
.s173{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(58 * var(--unit));font-weight:500;letter-spacing:calc(-2.8 * var(--unit));line-height:calc(61 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s174{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(17 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(28 * var(--unit));text-align:left;white-space:pre-wrap;flex:1 1 0%;flex-shrink:1}
.s175{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(40 * var(--unit));width:100%;flex-shrink:0}
.s176{background-color:#1A1E18;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));padding:calc(32 * var(--unit)) calc(32 * var(--unit)) calc(32 * var(--unit)) calc(32 * var(--unit));width:calc(440 * var(--unit));flex-shrink:0;border-radius:calc(5 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) #58634E,inset 0 calc(-1 * var(--unit)) #58634E,inset calc(1 * var(--unit)) 0 #58634E,inset calc(-1 * var(--unit)) 0 #58634E}
.s177{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(30 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(38 * var(--unit));text-align:left;white-space:pre;width:calc(60 * var(--unit));flex-shrink:0}
.s178{color:#B9C6AF;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(66 * var(--unit));flex-shrink:0}
.s179{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:calc(12 * var(--unit));width:max-content;flex-shrink:0}
.s180{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(76 * var(--unit));font-weight:400;letter-spacing:calc(-4 * var(--unit));line-height:calc(97 * var(--unit));text-align:left;white-space:pre;width:calc(88 * var(--unit));flex-shrink:0}
.s181{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(51 * var(--unit));flex-shrink:0}
.s182{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(27 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s183{background-color:var(--amber);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;padding:calc(16 * var(--unit)) calc(20 * var(--unit)) calc(16 * var(--unit)) calc(20 * var(--unit));width:100%;flex-shrink:0;border-radius:calc(3 * var(--unit))}
.s184{color:var(--bg);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(103 * var(--unit));flex-shrink:0}
.s185{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(20 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s186{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;flex:1 1 0%;flex-shrink:1}
.s187{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:0;padding:calc(12 * var(--unit)) 0 calc(24 * var(--unit)) 0;width:100%;flex-shrink:0}
.s188{color:var(--ink);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(87 * var(--unit));flex-shrink:0}
.s189{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(146 * var(--unit));flex-shrink:0}
.s190{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(20 * var(--unit));padding:calc(26 * var(--unit)) 0 calc(26 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) var(--line)}
.s191{background-color:#6366f1;width:calc(4 * var(--unit));height:calc(36 * var(--unit));flex-shrink:0}
.s192{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(26 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(33 * var(--unit));text-align:left;white-space:pre;width:calc(74 * var(--unit));flex-shrink:0}
.s193{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s194{color:var(--ink);font-family:"IBM Plex Mono",monospace;font-size:calc(32 * var(--unit));font-weight:400;letter-spacing:calc(-1 * var(--unit));line-height:calc(42 * var(--unit));text-align:left;white-space:pre;width:calc(73 * var(--unit));flex-shrink:0}
.s195{background-color:#22d3ee;width:calc(4 * var(--unit));height:calc(36 * var(--unit));flex-shrink:0}
.s196{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(26 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(33 * var(--unit));text-align:left;white-space:pre;width:calc(68 * var(--unit));flex-shrink:0}
.s197{background-color:#a3e635;width:calc(4 * var(--unit));height:calc(36 * var(--unit));flex-shrink:0}
.s198{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(26 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(33 * var(--unit));text-align:left;white-space:pre;width:calc(83 * var(--unit));flex-shrink:0}
.s199{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(289 * var(--unit));flex-shrink:0}
.s200{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(575 * var(--unit));flex-shrink:0}
.s201{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(90 * var(--unit));padding:calc(16 * var(--unit)) calc(72 * var(--unit)) calc(80 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s202{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(20 * var(--unit));width:calc(380 * var(--unit));flex-shrink:0}
.s203{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(1 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(165 * var(--unit));flex-shrink:0}
.s204{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(46 * var(--unit));font-weight:500;letter-spacing:calc(-2 * var(--unit));line-height:calc(51 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s205{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(12 * var(--unit));padding:calc(22 * var(--unit)) 0 calc(22 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) var(--line)}
.s206{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(17 * var(--unit));font-weight:500;letter-spacing:0;line-height:calc(21 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s207{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(22 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s208{background-color:var(--amber);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(100 * var(--unit));padding:calc(64 * var(--unit)) calc(72 * var(--unit)) calc(64 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s209{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(22 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s210{color:#302309;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(1.3 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(222 * var(--unit));flex-shrink:0}
.s211{color:#14170F;font-family:"Space Grotesk",sans-serif;font-size:calc(76 * var(--unit));font-weight:500;letter-spacing:calc(-3.5 * var(--unit));line-height:calc(78 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s212{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(20 * var(--unit));width:calc(310 * var(--unit));flex-shrink:0}
.s213{background-color:#13170F;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:calc(24 * var(--unit));padding:calc(20 * var(--unit)) calc(24 * var(--unit)) calc(20 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0;border-radius:calc(4 * var(--unit))}
.s214{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(16 * var(--unit));font-weight:500;letter-spacing:0;line-height:calc(19 * var(--unit));text-align:left;white-space:pre;width:calc(163 * var(--unit));flex-shrink:0}
.s215{color:#33290E;font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(196 * var(--unit));flex-shrink:0}
.s216{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(40 * var(--unit));padding:calc(48 * var(--unit)) calc(72 * var(--unit)) calc(32 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s217{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(100 * var(--unit));width:100%;flex-shrink:0}
.s218{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(18 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s219{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(14 * var(--unit));width:calc(220 * var(--unit));flex-shrink:0}
.s220{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:500;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(60 * var(--unit));flex-shrink:0}
.s221{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(37 * var(--unit));flex-shrink:0}
.s222{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(34 * var(--unit));flex-shrink:0}
.s223{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(40 * var(--unit));flex-shrink:0}
.s224{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(24 * var(--unit));flex-shrink:0}
.s225{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(53 * var(--unit));flex-shrink:0}
.s226{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:500;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(71 * var(--unit));flex-shrink:0}
.s227{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(108 * var(--unit));flex-shrink:0}
.s228{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(42 * var(--unit));flex-shrink:0}
.s229{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(61 * var(--unit));flex-shrink:0}
.s230{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(23 * var(--unit));flex-shrink:0}
.s231{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:0;padding:calc(24 * var(--unit)) 0 0 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) var(--line)}
.s232{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(86 * var(--unit));flex-shrink:0}
.s233{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(15 * var(--unit));text-align:left;white-space:pre;width:calc(110 * var(--unit));flex-shrink:0}
.s234{background-color:var(--bg);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;width:100%;flex-shrink:0;overflow:visible;max-width:640px}
.s235{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:calc(16 * var(--unit));padding:0 calc(24 * var(--unit)) 0 calc(24 * var(--unit));width:100%;height:calc(80 * var(--unit));flex-shrink:0;box-shadow:inset 0 calc(-1 * var(--unit)) var(--line)}
.s236{background-color:var(--amber);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(12 * var(--unit));padding:calc(12 * var(--unit)) calc(16 * var(--unit)) calc(12 * var(--unit)) calc(16 * var(--unit));width:max-content;flex-shrink:0;border-radius:calc(4 * var(--unit))}
.s237{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(40 * var(--unit));padding:calc(40 * var(--unit)) calc(24 * var(--unit)) calc(48 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0}
.s238{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(26 * var(--unit));width:100%;flex-shrink:0}
.s239{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(221 * var(--unit));flex-shrink:0}
.s240{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(48 * var(--unit));font-weight:500;letter-spacing:calc(-2.4 * var(--unit));line-height:calc(48 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s241{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(20 * var(--unit));width:max-content;flex-shrink:0}
.s242{background-color:var(--panel);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(4 * var(--unit));padding:calc(18 * var(--unit)) calc(18 * var(--unit)) calc(18 * var(--unit)) calc(18 * var(--unit));width:100%;flex-shrink:0;border-radius:calc(8 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) var(--line),inset 0 calc(-1 * var(--unit)) var(--line),inset calc(1 * var(--unit)) 0 var(--line),inset calc(-1 * var(--unit)) 0 var(--line)}
.s243{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(16 * var(--unit));padding:calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) var(--line)}
.s244{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(16 * var(--unit));width:100%;flex-shrink:0}
.s245{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre-wrap;flex:1 1 0%;flex-shrink:1}
.s246{background-color:var(--paper);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(30 * var(--unit));padding:calc(48 * var(--unit)) calc(24 * var(--unit)) calc(48 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0}
.s247{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));width:100%;flex-shrink:0}
.s248{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(22 * var(--unit));width:100%;flex-shrink:0}
.s249{color:#131713;font-family:"Space Grotesk",sans-serif;font-size:calc(38 * var(--unit));font-weight:500;letter-spacing:calc(-1.6 * var(--unit));line-height:calc(40 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s250{color:#595F59;font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(25 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s251{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(14 * var(--unit));padding:calc(26 * var(--unit)) 0 calc(26 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) #C8CDC4}
.s252{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(14 * var(--unit));width:100%;flex-shrink:0}
.s253{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(7 * var(--unit));width:100%;flex-shrink:0}
.s254{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:0;width:100%;flex-shrink:0}
.s255{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(28 * var(--unit));padding:calc(48 * var(--unit)) calc(24 * var(--unit)) calc(48 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0}
.s256{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(38 * var(--unit));font-weight:500;letter-spacing:calc(-1.6 * var(--unit));line-height:calc(40 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s257{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:calc(10 * var(--unit));width:100%;flex-shrink:0}
.s258{color:var(--ink);font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(165 * var(--unit));flex-shrink:0}
.s259{background-color:var(--ink);width:93.8%;height:calc(5 * var(--unit));flex-shrink:0}
.s260{background-color:var(--ink);width:91.12%;height:calc(5 * var(--unit));flex-shrink:0}
.s261{background-color:#191C1A;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(32 * var(--unit));padding:calc(48 * var(--unit)) calc(24 * var(--unit)) calc(48 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) var(--line),inset 0 calc(-1 * var(--unit)) var(--line)}
.s262{background-color:#0A0C10;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(22 * var(--unit));padding:calc(16 * var(--unit)) calc(16 * var(--unit)) calc(16 * var(--unit)) calc(16 * var(--unit));width:100%;flex-shrink:0;border-radius:calc(6 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) #37343D,inset 0 calc(-1 * var(--unit)) #37343D,inset calc(1 * var(--unit)) 0 #37343D,inset calc(-1 * var(--unit)) 0 #37343D}
.s263{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:calc(10 * var(--unit));width:100%;flex-shrink:0}
.s264{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(18 * var(--unit));padding:0 0 calc(16 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(-1 * var(--unit)) #272A31}
.s265{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(24 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(25 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s266{color:#E4E8ED;font-family:"Space Grotesk",sans-serif;font-size:calc(28 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(30 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s267{color:#F3A1CC;font-family:"Space Grotesk",sans-serif;font-size:calc(28 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(30 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s268{background-color:#E6EAE3;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(32 * var(--unit));padding:calc(48 * var(--unit)) calc(24 * var(--unit)) calc(48 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0}
.s269{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(32 * var(--unit));width:100%;flex-shrink:0}
.s270{color:#162016;font-family:"Space Grotesk",sans-serif;font-size:calc(38 * var(--unit));font-weight:500;letter-spacing:calc(-1.6 * var(--unit));line-height:calc(41 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s271{background-color:#101411;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));padding:calc(18 * var(--unit)) calc(18 * var(--unit)) calc(18 * var(--unit)) calc(18 * var(--unit));width:100%;flex-shrink:0;border-radius:calc(6 * var(--unit))}
.s272{color:#D9E6D3;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(21 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s273{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(20 * var(--unit));padding:calc(26 * var(--unit)) 0 0 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) #C4CDC0}
.s274{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(8 * var(--unit));width:100%;flex-shrink:0}
.s275{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(14 * var(--unit));width:100%;flex-shrink:0}
.s276{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(32 * var(--unit));padding:calc(48 * var(--unit)) calc(24 * var(--unit)) calc(48 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0}
.s277{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(32 * var(--unit));width:100%;flex-shrink:0}
.s278{background-color:#1A1E18;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));padding:calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0;border-radius:calc(5 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) #58634E,inset 0 calc(-1 * var(--unit)) #58634E,inset calc(1 * var(--unit)) 0 #58634E,inset calc(-1 * var(--unit)) 0 #58634E}
.s279{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(38 * var(--unit));font-weight:400;letter-spacing:calc(-1.6 * var(--unit));line-height:calc(48 * var(--unit));text-align:left;white-space:pre;width:calc(45 * var(--unit));flex-shrink:0}
.s280{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:calc(10 * var(--unit));padding:calc(12 * var(--unit)) 0 calc(24 * var(--unit)) 0;width:100%;flex-shrink:0}
.s281{color:var(--ink);font-family:"IBM Plex Mono",monospace;font-size:calc(25 * var(--unit));font-weight:400;letter-spacing:calc(-1 * var(--unit));line-height:calc(33 * var(--unit));text-align:left;white-space:pre;width:calc(57 * var(--unit));flex-shrink:0}
.s282{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(22 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s283{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(30 * var(--unit));padding:0 calc(24 * var(--unit)) calc(48 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0}
.s284{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(20 * var(--unit));width:100%;flex-shrink:0}
.s285{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(38 * var(--unit));font-weight:500;letter-spacing:calc(-1.6 * var(--unit));line-height:calc(42 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s286{background-color:var(--amber);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(32 * var(--unit));padding:calc(48 * var(--unit)) calc(24 * var(--unit)) calc(48 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0}
.s287{color:#302309;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(1.3 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(190 * var(--unit));flex-shrink:0}
.s288{color:#14170F;font-family:"Space Grotesk",sans-serif;font-size:calc(50 * var(--unit));font-weight:500;letter-spacing:calc(-2.6 * var(--unit));line-height:calc(51 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s289{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(32 * var(--unit));padding:calc(40 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0}
.s290{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(28 * var(--unit));width:100%;flex-shrink:0}
.s291{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(18 * var(--unit));width:100%;flex-shrink:0}
.s292{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:calc(18 * var(--unit));padding:calc(24 * var(--unit)) 0 0 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) var(--line)}
.s293{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;padding:calc(20 * var(--unit)) calc(72 * var(--unit)) calc(20 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0;box-shadow:inset 0 calc(-1 * var(--unit)) var(--line)}
.s294{color:#B2ADFF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(124 * var(--unit));flex-shrink:0}
.s295{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(370 * var(--unit));flex-shrink:0}
.s296{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(72 * var(--unit));padding:calc(72 * var(--unit)) calc(72 * var(--unit)) calc(80 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s297{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(28 * var(--unit));width:calc(650 * var(--unit));flex-shrink:0}
.s298{color:#B2ADFF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(131 * var(--unit));flex-shrink:0}
.s299{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(86 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(91 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s300{background-color:var(--amber);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(24 * var(--unit));padding:calc(17 * var(--unit)) calc(22 * var(--unit)) calc(17 * var(--unit)) calc(22 * var(--unit));width:max-content;flex-shrink:0;border-radius:calc(4 * var(--unit))}
.s301{color:var(--bg);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(113 * var(--unit));flex-shrink:0}
.s302{width:calc(19 * var(--unit));height:calc(19 * var(--unit));flex-shrink:0}
.s303{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(118 * var(--unit));flex-shrink:0}
.s304{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(301 * var(--unit));flex-shrink:0}
.s305{background-color:#16151D;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(6 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) #393446,inset 0 calc(-1 * var(--unit)) #393446,inset calc(1 * var(--unit)) 0 #393446,inset calc(-1 * var(--unit)) 0 #393446}
.s306{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:0;width:100%;flex-shrink:0}
.s307{color:#B2ADFF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(85 * var(--unit));flex-shrink:0}
.s308{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(70 * var(--unit));flex-shrink:0}
.s309{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(8 * var(--unit));width:100%;height:calc(30 * var(--unit));flex-shrink:0}
.s310{background-color:#635AA2;flex:1 1 0%;align-self:stretch;flex-shrink:1;border-radius:calc(2 * var(--unit))}
.s311{background-color:#302B49;flex:1 1 0%;align-self:stretch;flex-shrink:1;border-radius:calc(2 * var(--unit))}
.s312{background-color:#A29AEF;flex:1 1 0%;align-self:stretch;flex-shrink:1;border-radius:calc(2 * var(--unit))}
.s313{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(169 * var(--unit));flex-shrink:0}
.s314{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(14 * var(--unit));padding:calc(24 * var(--unit)) 0 0 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) #393446}
.s315{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:calc(20 * var(--unit));width:100%;flex-shrink:0}
.s316{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(36 * var(--unit));flex-shrink:0}
.s317{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(107 * var(--unit));flex-shrink:0}
.s318{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(79 * var(--unit));flex-shrink:0}
.s319{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(157 * var(--unit));flex-shrink:0}
.s320{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(57 * var(--unit));flex-shrink:0}
.s321{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(87 * var(--unit));flex-shrink:0}
.s322{background-color:var(--paper);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(40 * var(--unit));padding:calc(80 * var(--unit)) calc(72 * var(--unit)) calc(80 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s323{color:#646A62;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(201 * var(--unit));flex-shrink:0}
.s324{color:var(--bg);font-family:"Space Grotesk",sans-serif;font-size:calc(56 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(59 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s325{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(16 * var(--unit));padding:calc(24 * var(--unit)) 0 calc(24 * var(--unit)) 0;flex:1 1 0%;flex-shrink:1;box-shadow:inset 0 calc(1 * var(--unit)) #C8CBC3}
.s326{color:#736FC2;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(16 * var(--unit));flex-shrink:0}
.s327{color:var(--bg);font-family:"Space Grotesk",sans-serif;font-size:calc(30 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(32 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s328{color:#535A52;font-family:"Inter",sans-serif;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s329{background-color:#DFDED7;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(32 * var(--unit));padding:calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0}
.s330{color:#62675F;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(70 * var(--unit));flex-shrink:0}
.s331{color:#30372D;font-family:"Inter",sans-serif;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre-wrap;flex:1 1 0%;flex-shrink:1}
.s332{background-color:var(--bg);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(40 * var(--unit));padding:calc(80 * var(--unit)) calc(72 * var(--unit)) calc(80 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s333{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(56 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(59 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s334{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(28 * var(--unit));width:100%;flex-shrink:0}
.s335{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(20 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s336{color:#B2ADFF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(16 * var(--unit));flex-shrink:0}
.s337{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(32 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(34 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s338{background-color:#171720;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:calc(18 * var(--unit));padding:calc(20 * var(--unit)) calc(20 * var(--unit)) calc(20 * var(--unit)) calc(20 * var(--unit));width:100%;height:calc(270 * var(--unit));flex-shrink:0}
.s339{background-color:#302D46;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0;padding:calc(14 * var(--unit)) calc(14 * var(--unit)) calc(14 * var(--unit)) calc(14 * var(--unit));width:100%;flex-shrink:0}
.s340{color:#D4CEFF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(78 * var(--unit));flex-shrink:0}
.s341{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0;padding:calc(12 * var(--unit)) 0 calc(12 * var(--unit)) 0;width:100%;flex-shrink:0}
.s342{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(8 * var(--unit));width:100%;flex-shrink:0}
.s343{background-color:#847CDC;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;flex:1 1 0%;height:calc(32 * var(--unit));flex-shrink:1}
.s344{color:var(--ink);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(16 * var(--unit));flex-shrink:0}
.s345{background-color:#3B536D;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;flex:1 1 0%;height:calc(32 * var(--unit));flex-shrink:1}
.s346{color:#D4CEFF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(101 * var(--unit));flex-shrink:0}
.s347{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(10 * var(--unit));width:100%;flex-shrink:0}
.s348{background-color:#B2ADFF;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0;padding:calc(18 * var(--unit)) calc(12 * var(--unit)) calc(18 * var(--unit)) calc(12 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s349{color:#171720;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(47 * var(--unit));flex-shrink:0}
.s350{background-color:#28303A;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0;padding:calc(18 * var(--unit)) calc(12 * var(--unit)) calc(18 * var(--unit)) calc(12 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s351{color:#BECADA;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(39 * var(--unit));flex-shrink:0}
.s352{color:#8E8EAA;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(150 * var(--unit));flex-shrink:0}
.s353{color:#B2ADFF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(162 * var(--unit));flex-shrink:0}
.s354{background-color:#302D46;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;flex:1 1 0%;height:calc(36 * var(--unit));flex-shrink:1}
.s355{color:#D4CEFF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(16 * var(--unit));flex-shrink:0}
.s356{background-color:#39272E;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;flex:1 1 0%;height:calc(36 * var(--unit));flex-shrink:1}
.s357{color:#F3A1CC;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(8 * var(--unit));flex-shrink:0}
.s358{background-color:#25372E;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0;padding:calc(16 * var(--unit)) calc(16 * var(--unit)) calc(16 * var(--unit)) calc(16 * var(--unit));width:100%;flex-shrink:0}
.s359{color:#A4D3B5;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(124 * var(--unit));flex-shrink:0}
.s360{color:#8E8EAA;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(143 * var(--unit));flex-shrink:0}
.s361{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(23 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s362{color:#646A62;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(316 * var(--unit));flex-shrink:0}
.s363{color:var(--bg);font-family:"Space Grotesk",sans-serif;font-size:calc(54 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(57 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s364{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(32 * var(--unit));padding:calc(20 * var(--unit)) 0 calc(20 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) #C8CBC3}
.s365{color:#596153;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre-wrap;width:calc(330 * var(--unit));flex-shrink:0}
.s366{color:#746CC4;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre-wrap;flex:1 1 0%;flex-shrink:1}
.s367{color:#16747E;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre-wrap;flex:1 1 0%;flex-shrink:1}
.s368{color:#596153;font-family:"Inter",sans-serif;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(19 * var(--unit));text-align:left;white-space:pre-wrap;width:calc(330 * var(--unit));flex-shrink:0}
.s369{color:#23271F;font-family:"Inter",sans-serif;font-size:calc(17 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(21 * var(--unit));text-align:left;white-space:pre-wrap;flex:1 1 0%;flex-shrink:1}
.s370{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(48 * var(--unit));width:100%;flex-shrink:0}
.s371{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(14 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s372{color:var(--bg);font-family:"Space Grotesk",sans-serif;font-size:calc(28 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(30 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s373{color:#596153;font-family:"Inter",sans-serif;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s374{color:#23271F;font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(117 * var(--unit));flex-shrink:0}
.s375{color:#23271F;font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(114 * var(--unit));flex-shrink:0}
.s376{color:#646A62;font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(23 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s377{color:#646A62;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(170 * var(--unit));flex-shrink:0}
.s378{background-color:#E3E2DA;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(20 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(4 * var(--unit))}
.s379{color:#686763;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(39 * var(--unit));flex-shrink:0}
.s380{color:var(--bg);font-family:"Space Grotesk",sans-serif;font-size:calc(58 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(61 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s381{color:#62675F;font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(25 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s382{color:var(--bg);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(86 * var(--unit));flex-shrink:0}
.s383{color:#686763;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(47 * var(--unit));flex-shrink:0}
.s384{color:var(--bg);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(99 * var(--unit));flex-shrink:0}
.s385{background-color:#191720;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(20 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(4 * var(--unit))}
.s386{color:#B2ADFF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(54 * var(--unit));flex-shrink:0}
.s387{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(58 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(61 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s388{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(25 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s389{color:var(--bg);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(106 * var(--unit));flex-shrink:0}
.s390{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(18 * var(--unit));padding:calc(28 * var(--unit)) 0 0 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) #C8CBC3}
.s391{color:#646A62;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(208 * var(--unit));flex-shrink:0}
.s392{color:var(--bg);font-family:"Space Grotesk",sans-serif;font-size:calc(28 * var(--unit));font-weight:500;letter-spacing:calc(-0.7 * var(--unit));line-height:calc(30 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s393{background-color:#DFDED7;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(20 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));width:100%;flex-shrink:0}
.s394{color:#646A62;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(232 * var(--unit));flex-shrink:0}
.s395{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(32 * var(--unit));width:100%;flex-shrink:0}
.s396{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(10 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s397{color:var(--bg);font-family:"Space Grotesk",sans-serif;font-size:calc(34 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(36 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s398{color:#596153;font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(25 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s399{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(72 * var(--unit));width:100%;flex-shrink:0}
.s400{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));width:calc(520 * var(--unit));flex-shrink:0}
.s401{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(93 * var(--unit));flex-shrink:0}
.s402{background-color:#171B16;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(24 * var(--unit));padding:calc(17 * var(--unit)) calc(22 * var(--unit)) calc(17 * var(--unit)) calc(22 * var(--unit));width:max-content;flex-shrink:0;border-radius:calc(4 * var(--unit))}
.s403{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(164 * var(--unit));flex-shrink:0}
.s404{background-color:var(--panel);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(4 * var(--unit))}
.s405{color:#B2ADFF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(224 * var(--unit));flex-shrink:0}
.s406{color:#CDC9ED;font-family:"IBM Plex Mono",monospace;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s407{background-color:#B2ADFF;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(40 * var(--unit));padding:calc(64 * var(--unit)) calc(72 * var(--unit)) calc(64 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s408{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(137 * var(--unit));flex-shrink:0}
.s409{color:#6BE3EF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(124 * var(--unit));flex-shrink:0}
.s410{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(355 * var(--unit));flex-shrink:0}
.s411{color:#6BE3EF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(208 * var(--unit));flex-shrink:0}
.s412{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(84 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(89 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s413{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(19 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(31 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s414{color:var(--bg);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(137 * var(--unit));flex-shrink:0}
.s415{background-color:#112023;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(16 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(6 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) #244B50,inset 0 calc(-1 * var(--unit)) #244B50,inset calc(1 * var(--unit)) 0 #244B50,inset calc(-1 * var(--unit)) 0 #244B50}
.s416{color:#6BE3EF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(239 * var(--unit));flex-shrink:0}
.s417{background-color:#172E32;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(10 * var(--unit));padding:calc(20 * var(--unit)) calc(20 * var(--unit)) calc(20 * var(--unit)) calc(20 * var(--unit));width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) #2C5358,inset 0 calc(-1 * var(--unit)) #2C5358,inset calc(1 * var(--unit)) 0 #2C5358,inset calc(-1 * var(--unit)) 0 #2C5358}
.s418{color:#89DAE2;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(116 * var(--unit));flex-shrink:0}
.s419{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(17 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(28 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s420{color:#89DAE2;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(155 * var(--unit));flex-shrink:0}
.s421{color:#89DAE2;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(139 * var(--unit));flex-shrink:0}
.s422{color:#98B8BB;font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(23 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s423{color:#586B6A;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(232 * var(--unit));flex-shrink:0}
.s424{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(32 * var(--unit));padding:calc(28 * var(--unit)) 0 calc(28 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) #CACCC4}
.s425{color:#636A60;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(16 * var(--unit));flex-shrink:0}
.s426{color:var(--bg);font-family:"Space Grotesk",sans-serif;font-size:calc(32 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(34 * var(--unit));text-align:left;white-space:pre-wrap;width:calc(360 * var(--unit));flex-shrink:0}
.s427{color:#535B50;font-family:"Inter",sans-serif;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre-wrap;flex:1 1 0%;flex-shrink:1}
.s428{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(185 * var(--unit));flex-shrink:0}
.s429{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(16 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s430{color:#6BE3EF;font-family:"Space Grotesk",sans-serif;font-size:calc(72 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(76 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s431{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(72 * var(--unit));padding:calc(40 * var(--unit)) 0 0 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) var(--line)}
.s432{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));width:calc(540 * var(--unit));flex-shrink:0}
.s433{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(42 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(45 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s434{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(196 * var(--unit));flex-shrink:0}
.s435{background-color:var(--panel);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s436{color:#6BE3EF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(216 * var(--unit));flex-shrink:0}
.s437{color:#C2EBEF;font-family:"IBM Plex Mono",monospace;font-size:calc(17 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(32 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s438{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(52 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(55 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s439{color:#6BE3EF;font-family:"Space Grotesk",sans-serif;font-size:calc(64 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(68 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s440{color:#6BE3EF;font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(245 * var(--unit));flex-shrink:0}
.s441{background-color:#112023;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(20 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(4 * var(--unit))}
.s442{color:#6BE3EF;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(54 * var(--unit));flex-shrink:0}
.s443{background-color:#6BE3EF;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(40 * var(--unit));padding:calc(64 * var(--unit)) calc(72 * var(--unit)) calc(64 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s444{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(101 * var(--unit));flex-shrink:0}
.s445{color:#C1E77C;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(131 * var(--unit));flex-shrink:0}
.s446{color:#C1E77C;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(170 * var(--unit));flex-shrink:0}
.s447{color:var(--bg);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(133 * var(--unit));flex-shrink:0}
.s448{background-color:#192016;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(6 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) #3C4A31,inset 0 calc(-1 * var(--unit)) #3C4A31,inset calc(1 * var(--unit)) 0 #3C4A31,inset calc(-1 * var(--unit)) 0 #3C4A31}
.s449{color:#C1E77C;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(201 * var(--unit));flex-shrink:0}
.s450{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(34 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(36 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s451{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:0;padding:calc(18 * var(--unit)) 0 calc(18 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) #3C4A31}
.s452{color:#C1E77C;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(62 * var(--unit));flex-shrink:0}
.s453{color:#BAC4B0;font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(102 * var(--unit));flex-shrink:0}
.s454{color:#C1E77C;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(93 * var(--unit));flex-shrink:0}
.s455{color:#BAC4B0;font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(145 * var(--unit));flex-shrink:0}
.s456{color:#C1E77C;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(39 * var(--unit));flex-shrink:0}
.s457{color:#BAC4B0;font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(89 * var(--unit));flex-shrink:0}
.s458{color:#A0AE93;font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(23 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s459{color:#647059;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(216 * var(--unit));flex-shrink:0}
.s460{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(54 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(57 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s461{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(153 * var(--unit));flex-shrink:0}
.s462{color:#C1E77C;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(262 * var(--unit));flex-shrink:0}
.s463{color:#D6E6C5;font-family:"IBM Plex Mono",monospace;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(27 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s464{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(36 * var(--unit));padding:calc(36 * var(--unit)) 0 0 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) var(--line)}
.s465{color:#C1E77C;font-family:"Space Grotesk",sans-serif;font-size:calc(58 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(61 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s466{background-color:#192016;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(20 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(4 * var(--unit))}
.s467{color:#C1E77C;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(54 * var(--unit));flex-shrink:0}
.s468{background-color:#C1E77C;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(40 * var(--unit));padding:calc(64 * var(--unit)) calc(72 * var(--unit)) calc(64 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s469{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(133 * var(--unit));flex-shrink:0}
.s470{color:var(--amber);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(116 * var(--unit));flex-shrink:0}
.s471{color:var(--amber);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(208 * var(--unit));flex-shrink:0}
.s472{color:var(--bg);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(123 * var(--unit));flex-shrink:0}
.s473{background-color:#231D12;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(22 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(6 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) #514127,inset 0 calc(-1 * var(--unit)) #514127,inset calc(1 * var(--unit)) 0 #514127,inset calc(-1 * var(--unit)) 0 #514127}
.s474{color:#F5C87E;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(270 * var(--unit));flex-shrink:0}
.s475{background-color:#352818;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(12 * var(--unit));padding:calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0}
.s476{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(29 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(31 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s477{color:#D0AD79;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(147 * var(--unit));flex-shrink:0}
.s478{background-color:var(--amber);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(12 * var(--unit));padding:calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0}
.s479{color:var(--bg);font-family:"Space Grotesk",sans-serif;font-size:calc(29 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(31 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s480{color:#523913;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(232 * var(--unit));flex-shrink:0}
.s481{color:#D0AD79;font-family:"Inter",sans-serif;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s482{color:#A7987F;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(21 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s483{color:#716247;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(247 * var(--unit));flex-shrink:0}
.s484{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(193 * var(--unit));flex-shrink:0}
.s485{background-color:#292214;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(40 * var(--unit));padding:calc(24 * var(--unit)) calc(28 * var(--unit)) calc(24 * var(--unit)) calc(28 * var(--unit));width:100%;flex-shrink:0;box-shadow:inset 0 calc(-1 * var(--unit)) var(--line)}
.s486{color:#F5C87E;font-family:"Space Grotesk",sans-serif;font-size:calc(30 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(32 * var(--unit));text-align:left;white-space:pre-wrap;width:calc(180 * var(--unit));flex-shrink:0}
.s487{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(40 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(42 * var(--unit));text-align:left;white-space:pre-wrap;width:calc(180 * var(--unit));flex-shrink:0}
.s488{color:#F5C87E;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(39 * var(--unit));flex-shrink:0}
.s489{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(25 * var(--unit));text-align:left;white-space:pre-wrap;flex:1 1 0%;flex-shrink:1}
.s490{color:var(--bg);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(82 * var(--unit));flex-shrink:0}
.s491{background-color:var(--panel);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(40 * var(--unit));padding:calc(24 * var(--unit)) calc(28 * var(--unit)) calc(24 * var(--unit)) calc(28 * var(--unit));width:100%;flex-shrink:0;box-shadow:inset 0 calc(-1 * var(--unit)) var(--line)}
.s492{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(30 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(32 * var(--unit));text-align:left;white-space:pre-wrap;width:calc(180 * var(--unit));flex-shrink:0}
.s493{color:#F5C87E;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(47 * var(--unit));flex-shrink:0}
.s494{color:var(--bg);font-family:"Space Grotesk",sans-serif;font-size:calc(48 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(51 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s495{background-color:var(--amber);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(40 * var(--unit));padding:calc(64 * var(--unit)) calc(72 * var(--unit)) calc(64 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s496{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(181 * var(--unit));flex-shrink:0}
.s497{color:#F3A1CC;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(147 * var(--unit));flex-shrink:0}
.s498{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(386 * var(--unit));flex-shrink:0}
.s499{background-color:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(28 * var(--unit));padding:calc(72 * var(--unit)) calc(72 * var(--unit)) calc(56 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s500{color:#F3A1CC;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(247 * var(--unit));flex-shrink:0}
.s501{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(92 * var(--unit));font-weight:500;letter-spacing:calc(-4 * var(--unit));line-height:calc(98 * var(--unit));text-align:center;white-space:pre-wrap;width:calc(1150 * var(--unit));flex-shrink:0}
.s502{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(20 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(33 * var(--unit));text-align:center;white-space:pre-wrap;width:calc(800 * var(--unit));flex-shrink:0}
.s503{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(16 * var(--unit));width:max-content;flex-shrink:0}
.s504{color:var(--bg);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(151 * var(--unit));flex-shrink:0}
.s505{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(162 * var(--unit));flex-shrink:0}
.s506{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(447 * var(--unit));flex-shrink:0}
.s507{background-color:var(--bg);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(18 * var(--unit));padding:0 calc(72 * var(--unit)) calc(64 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s508{background-color:#0A0C10;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;width:100%;flex-shrink:0;border-radius:calc(6 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) #37343D,inset 0 calc(-1 * var(--unit)) #37343D,inset calc(1 * var(--unit)) 0 #37343D,inset calc(-1 * var(--unit)) 0 #37343D;overflow:hidden}
.s509{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(40 * var(--unit));padding:calc(20 * var(--unit)) calc(24 * var(--unit)) calc(20 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0;box-shadow:inset 0 calc(-1 * var(--unit)) #272A31}
.s510{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(17 * var(--unit));font-weight:700;letter-spacing:0;line-height:calc(22 * var(--unit));text-align:left;white-space:pre;width:calc(59 * var(--unit));flex-shrink:0}
.s511{color:#F3A1CC;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(62 * var(--unit));flex-shrink:0}
.s512{color:#86909A;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(68 * var(--unit));flex-shrink:0}
.s513{color:#86909A;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(36 * var(--unit));flex-shrink:0}
.s514{color:#86909A;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(61 * var(--unit));flex-shrink:0}
.s515{color:#86909A;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(21 * var(--unit));flex-shrink:0}
.s516{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:0;padding:calc(24 * var(--unit)) calc(24 * var(--unit)) calc(16 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0}
.s517{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(20 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre;width:calc(229 * var(--unit));flex-shrink:0}
.s518{color:#88939E;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(224 * var(--unit));flex-shrink:0}
.s519{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(36 * var(--unit));padding:calc(12 * var(--unit)) calc(24 * var(--unit)) calc(28 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0}
.s520{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(12 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s521{color:#88939E;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(79 * var(--unit));flex-shrink:0}
.s522{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(36 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(38 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s523{color:#88939E;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(114 * var(--unit));flex-shrink:0}
.s524{color:#88939E;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(86 * var(--unit));flex-shrink:0}
.s525{color:var(--amber);font-family:"Space Grotesk",sans-serif;font-size:calc(36 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(38 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s526{color:#88939E;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(107 * var(--unit));flex-shrink:0}
.s527{color:#F3A1CC;font-family:"Space Grotesk",sans-serif;font-size:calc(36 * var(--unit));font-weight:500;letter-spacing:calc(-1 * var(--unit));line-height:calc(38 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s528{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) #272A31}
.s529{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s530{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(22 * var(--unit));padding:0 0 calc(20 * var(--unit)) 0;width:100%;flex-shrink:0}
.s531{color:#F3A1CC;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(28 * var(--unit));flex-shrink:0}
.s532{color:#88939E;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(39 * var(--unit));flex-shrink:0}
.s533{color:#88939E;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(55 * var(--unit));flex-shrink:0}
.s534{color:#88939E;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(43 * var(--unit));flex-shrink:0}
.s535{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(14 * var(--unit));padding:calc(17 * var(--unit)) 0 calc(17 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) #24282F}
.s536{color:#77818C;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(30 * var(--unit));flex-shrink:0}
.s537{color:#77818C;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(18 * var(--unit));flex-shrink:0}
.s538{color:#77818C;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(48 * var(--unit));flex-shrink:0}
.s539{color:#77818C;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(72 * var(--unit));flex-shrink:0}
.s540{color:#77818C;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(36 * var(--unit));flex-shrink:0}
.s541{color:#D5DBE2;font-family:"IBM Plex Mono",monospace;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(63 * var(--unit));flex-shrink:0}
.s542{color:#D5DBE2;font-family:"IBM Plex Mono",monospace;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(16 * var(--unit));flex-shrink:0}
.s543{color:#D5DBE2;font-family:"IBM Plex Mono",monospace;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(40 * var(--unit));flex-shrink:0}
.s544{color:#D5DBE2;font-family:"IBM Plex Mono",monospace;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(32 * var(--unit));flex-shrink:0}
.s545{color:#64D4DF;font-family:"IBM Plex Mono",monospace;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(55 * var(--unit));flex-shrink:0}
.s546{color:#D5DBE2;font-family:"IBM Plex Mono",monospace;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(47 * var(--unit));flex-shrink:0}
.s547{color:#D5DBE2;font-family:"IBM Plex Mono",monospace;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(55 * var(--unit));flex-shrink:0}
.s548{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(20 * var(--unit));padding:calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit));width:calc(300 * var(--unit));flex-shrink:0;box-shadow:inset calc(1 * var(--unit)) 0 #272A31}
.s549{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(9 * var(--unit));width:100%;flex-shrink:0}
.s550{color:#CBD2DA;font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(15 * var(--unit));text-align:left;white-space:pre;width:calc(36 * var(--unit));flex-shrink:0}
.s551{color:#CBD2DA;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(24 * var(--unit));flex-shrink:0}
.s552{background-color:#63DCE9;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:0;width:calc(206 * var(--unit));height:calc(4 * var(--unit));flex-shrink:0}
.s553{color:#CBD2DA;font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(15 * var(--unit));text-align:left;white-space:pre;width:calc(40 * var(--unit));flex-shrink:0}
.s554{background-color:#F3A1CC;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:0;width:calc(114 * var(--unit));height:calc(4 * var(--unit));flex-shrink:0}
.s555{color:#CBD2DA;font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(15 * var(--unit));text-align:left;white-space:pre;width:calc(34 * var(--unit));flex-shrink:0}
.s556{color:#CBD2DA;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(16 * var(--unit));flex-shrink:0}
.s557{background-color:var(--amber);display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:0;width:calc(29 * var(--unit));height:calc(4 * var(--unit));flex-shrink:0}
.s558{color:#CBD2DA;font-family:"Inter",sans-serif;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(15 * var(--unit));text-align:left;white-space:pre;width:calc(38 * var(--unit));flex-shrink:0}
.s559{background-color:#A3E635;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:0;width:calc(15 * var(--unit));height:calc(4 * var(--unit));flex-shrink:0}
.s560{color:var(--muted);font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(21 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s561{color:#776271;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(208 * var(--unit));flex-shrink:0}
.s562{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));width:calc(610 * var(--unit));flex-shrink:0}
.s563{color:#F3A1CC;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(216 * var(--unit));flex-shrink:0}
.s564{background-color:#241923;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(18 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));flex:1 1 0%;flex-shrink:1}
.s565{color:#F3A1CC;font-family:"Space Grotesk",sans-serif;font-size:calc(33 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(35 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s566{color:#C3ADBE;font-family:"Inter",sans-serif;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s567{background-color:#0A0C10;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));width:100%;flex-shrink:0;border-radius:calc(6 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) #37343D,inset 0 calc(-1 * var(--unit)) #37343D,inset calc(1 * var(--unit)) 0 #37343D,inset calc(-1 * var(--unit)) 0 #37343D}
.s568{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(23 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(29 * var(--unit));text-align:left;white-space:pre;width:calc(201 * var(--unit));flex-shrink:0}
.s569{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));padding:calc(21 * var(--unit)) 0 calc(21 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) #272A31}
.s570{color:#88939E;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(40 * var(--unit));flex-shrink:0}
.s571{color:#88939E;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(47 * var(--unit));flex-shrink:0}
.s572{color:#88939E;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(73 * var(--unit));flex-shrink:0}
.s573{color:#88939E;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(93 * var(--unit));flex-shrink:0}
.s574{color:#88939E;font-family:"IBM Plex Mono",monospace;font-size:calc(11 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(14 * var(--unit));text-align:left;white-space:pre;width:calc(60 * var(--unit));flex-shrink:0}
.s575{color:#C1E77C;font-family:"IBM Plex Mono",monospace;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(20 * var(--unit));text-align:left;white-space:pre;width:calc(109 * var(--unit));flex-shrink:0}
.s576{color:#C1E77C;font-family:"IBM Plex Mono",monospace;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(20 * var(--unit));text-align:left;white-space:pre;width:calc(46 * var(--unit));flex-shrink:0}
.s577{color:#C1E77C;font-family:"IBM Plex Mono",monospace;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(20 * var(--unit));text-align:left;white-space:pre;width:calc(73 * var(--unit));flex-shrink:0}
.s578{color:#C1E77C;font-family:"IBM Plex Mono",monospace;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(20 * var(--unit));text-align:left;white-space:pre;width:calc(10 * var(--unit));flex-shrink:0}
.s579{color:#C9D0D8;font-family:"IBM Plex Mono",monospace;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(20 * var(--unit));text-align:left;white-space:pre;width:calc(109 * var(--unit));flex-shrink:0}
.s580{color:#C9D0D8;font-family:"IBM Plex Mono",monospace;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(20 * var(--unit));text-align:left;white-space:pre;width:calc(181 * var(--unit));flex-shrink:0}
.s581{color:#C9D0D8;font-family:"IBM Plex Mono",monospace;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(20 * var(--unit));text-align:left;white-space:pre;width:calc(46 * var(--unit));flex-shrink:0}
.s582{color:#C9D0D8;font-family:"IBM Plex Mono",monospace;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(20 * var(--unit));text-align:left;white-space:pre;width:calc(73 * var(--unit));flex-shrink:0}
.s583{color:#C9D0D8;font-family:"IBM Plex Mono",monospace;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(20 * var(--unit));text-align:left;white-space:pre;width:calc(10 * var(--unit));flex-shrink:0}
.s584{color:#C9D0D8;font-family:"IBM Plex Mono",monospace;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(20 * var(--unit));text-align:left;white-space:pre;width:calc(190 * var(--unit));flex-shrink:0}
.s585{color:#C9D0D8;font-family:"IBM Plex Mono",monospace;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(20 * var(--unit));text-align:left;white-space:pre;width:calc(55 * var(--unit));flex-shrink:0}
.s586{color:#88939E;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(21 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s587{color:#776271;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(185 * var(--unit));flex-shrink:0}
.s588{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(24 * var(--unit));width:calc(700 * var(--unit));flex-shrink:0}
.s589{color:#586052;font-family:"Inter",sans-serif;font-size:calc(18 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(30 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s590{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(6 * var(--unit));padding:0 0 calc(20 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(-1 * var(--unit)) #C7CAC0}
.s591{color:#99617F;font-family:"Space Grotesk",sans-serif;font-size:calc(58 * var(--unit));font-weight:500;letter-spacing:calc(-2.2 * var(--unit));line-height:calc(61 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s592{color:#62685F;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(193 * var(--unit));flex-shrink:0}
.s593{color:#62685F;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(208 * var(--unit));flex-shrink:0}
.s594{background-color:#111218;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(32 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));width:100%;flex-shrink:0;border-radius:calc(6 * var(--unit))}
.s595{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:calc(20 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre;width:calc(162 * var(--unit));flex-shrink:0}
.s596{color:#F3A1CC;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(224 * var(--unit));flex-shrink:0}
.s597{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(18 * var(--unit));padding:calc(16 * var(--unit)) 0 calc(16 * var(--unit)) 0;width:100%;flex-shrink:0}
.s598{background-color:#1C1E25;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(14 * var(--unit));padding:calc(20 * var(--unit)) calc(20 * var(--unit)) calc(20 * var(--unit)) calc(20 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(3 * var(--unit));box-shadow:inset 0 calc(2 * var(--unit)) #63DCE9}
.s599{color:#63DCE9;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(26 * var(--unit));flex-shrink:0}
.s600{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(110 * var(--unit));flex-shrink:0}
.s601{background-color:#1C1E25;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(14 * var(--unit));padding:calc(20 * var(--unit)) calc(20 * var(--unit)) calc(20 * var(--unit)) calc(20 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(3 * var(--unit));box-shadow:inset 0 calc(2 * var(--unit)) #8ECDAB}
.s602{color:#8ECDAB;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(72 * var(--unit));flex-shrink:0}
.s603{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(95 * var(--unit));flex-shrink:0}
.s604{background-color:#1C1E25;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(14 * var(--unit));padding:calc(20 * var(--unit)) calc(20 * var(--unit)) calc(20 * var(--unit)) calc(20 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(3 * var(--unit));box-shadow:inset 0 calc(2 * var(--unit)) #F5C87E}
.s605{color:#F5C87E;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(33 * var(--unit));flex-shrink:0}
.s606{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(65 * var(--unit));flex-shrink:0}
.s607{background-color:#1C1E25;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(14 * var(--unit));padding:calc(20 * var(--unit)) calc(20 * var(--unit)) calc(20 * var(--unit)) calc(20 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(3 * var(--unit));box-shadow:inset 0 calc(2 * var(--unit)) #F3A1CC}
.s608{color:#F3A1CC;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(46 * var(--unit));flex-shrink:0}
.s609{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(53 * var(--unit));flex-shrink:0}
.s610{background-color:#1C1E25;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(14 * var(--unit));padding:calc(20 * var(--unit)) calc(20 * var(--unit)) calc(20 * var(--unit)) calc(20 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(3 * var(--unit));box-shadow:inset 0 calc(2 * var(--unit)) #DFB698}
.s611{color:#DFB698;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(39 * var(--unit));flex-shrink:0}
.s612{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(93 * var(--unit));flex-shrink:0}
.s613{background-color:#191B22;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(30 * var(--unit));padding:calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit)) calc(24 * var(--unit));width:100%;flex-shrink:0}
.s614{color:#88939E;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(62 * var(--unit));flex-shrink:0}
.s615{color:#A6AEB9;font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(74 * var(--unit));flex-shrink:0}
.s616{color:#A6AEB9;font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(97 * var(--unit));flex-shrink:0}
.s617{color:#A6AEB9;font-family:"Inter",sans-serif;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(17 * var(--unit));text-align:left;white-space:pre;width:calc(120 * var(--unit));flex-shrink:0}
.s618{color:#F3A1CC;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(116 * var(--unit));flex-shrink:0}
.s619{color:#929CA8;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(21 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s620{color:#99617F;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(16 * var(--unit));flex-shrink:0}
.s621{color:#586052;font-family:"Inter",sans-serif;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s622{color:#F3A1CC;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(208 * var(--unit));flex-shrink:0}
.s623{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(26 * var(--unit));width:calc(550 * var(--unit));flex-shrink:0}
.s624{color:#C5C8C3;font-family:"Inter",sans-serif;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(26 * var(--unit));text-align:left;white-space:pre-wrap;flex:1 1 0%;flex-shrink:1}
.s625{color:var(--bg);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(144 * var(--unit));flex-shrink:0}
.s626{background-color:#1D1820;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(26 * var(--unit));padding:calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit)) calc(28 * var(--unit));flex:1 1 0%;flex-shrink:1;border-radius:calc(6 * var(--unit));box-shadow:inset 0 calc(1 * var(--unit)) #433343,inset 0 calc(-1 * var(--unit)) #433343,inset calc(1 * var(--unit)) 0 #433343,inset calc(-1 * var(--unit)) 0 #433343}
.s627{color:#F3A1CC;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(262 * var(--unit));flex-shrink:0}
.s628{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(10 * var(--unit));padding:0 0 calc(18 * var(--unit)) 0;width:100%;flex-shrink:0;box-shadow:inset 0 calc(-1 * var(--unit)) #433343}
.s629{color:#9F8FA0;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(59 * var(--unit));flex-shrink:0}
.s630{color:#DED0DE;font-family:"Inter",sans-serif;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(19 * var(--unit));text-align:left;white-space:pre;width:calc(128 * var(--unit));flex-shrink:0}
.s631{color:#9F8FA0;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(85 * var(--unit));flex-shrink:0}
.s632{color:#DED0DE;font-family:"Inter",sans-serif;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(19 * var(--unit));text-align:left;white-space:pre;width:calc(160 * var(--unit));flex-shrink:0}
.s633{color:#9F8FA0;font-family:"IBM Plex Mono",monospace;font-size:calc(10 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(13 * var(--unit));text-align:left;white-space:pre;width:calc(52 * var(--unit));flex-shrink:0}
.s634{color:#DED0DE;font-family:"Inter",sans-serif;font-size:calc(16 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(19 * var(--unit));text-align:left;white-space:pre;width:calc(201 * var(--unit));flex-shrink:0}
.s635{color:#E5BAD2;font-family:"IBM Plex Mono",monospace;font-size:calc(14 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(24 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s636{color:#A998AA;font-family:"Inter",sans-serif;font-size:calc(13 * var(--unit));font-weight:400;letter-spacing:0;line-height:calc(21 * var(--unit));text-align:left;white-space:pre-wrap;width:100%;flex-shrink:0}
.s637{color:#776271;font-family:"IBM Plex Mono",monospace;font-size:calc(12 * var(--unit));font-weight:400;letter-spacing:calc(0.5 * var(--unit));line-height:calc(16 * var(--unit));text-align:left;white-space:pre;width:calc(85 * var(--unit));flex-shrink:0}
.s638{background-color:#F3A1CC;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(40 * var(--unit));padding:calc(64 * var(--unit)) calc(72 * var(--unit)) calc(64 * var(--unit)) calc(72 * var(--unit));width:100%;flex-shrink:0}
.s639{color:var(--ink);font-family:"Inter",sans-serif;font-size:calc(15 * var(--unit));font-weight:600;letter-spacing:0;line-height:calc(18 * var(--unit));text-align:left;white-space:pre;width:calc(151 * var(--unit));flex-shrink:0}
/* Full-width bands use the available layout width, never 100vw. */
.page.desktop-design,.page.mobile-design{max-width:none}
.desktop-design>.section,.desktop-design>.site-header,.desktop-design>.site-footer,.desktop-design>.product-nav{width:100%;padding-inline:max(calc(72 * var(--unit)),calc((100% - 1296px)/2))}
@media(min-width:900px){.mobile-menu{display:none!important}}
@media(max-width:899px){
  :root{--unit:clamp(.82px,.2564102564cqw,1px)}
  .home-page.desktop-design{display:none!important}
  .home-page.mobile-design{display:flex!important}
  .mobile-design>.section,.mobile-design>.site-header,.mobile-design>.site-footer{width:100%;padding-inline:max(calc(24 * var(--unit)),calc((100% - 592px)/2))}
  body:not([data-page='homepage']) .product-mobile-header{display:block!important}
  .product-mobile-header .mobile-design{display:flex!important;max-width:none}
  .page.desktop-design{--unit:1px}
  .page.desktop-design .text{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
  .page.desktop-design>.site-header{display:none}
  .page.desktop-design>.section{padding:48px 24px;width:100%;height:auto;gap:32px}
  .page.desktop-design>.hero,.page.desktop-design .mobile-stack{flex-direction:column;align-items:flex-start;width:100%;height:auto;gap:28px}
  .page.desktop-design .mobile-stack>.node,.page.desktop-design>.hero>.node{width:100%;max-width:100%;flex:none}
  .page.desktop-design .mobile-stack>.text{white-space:pre-wrap}
  .page.desktop-design>.product-nav{padding:20px 24px;width:100%;gap:20px;overflow:auto;align-items:center}
  .page.desktop-design .product-anchors{font-size:11px;line-height:1.3;flex-shrink:0;width:max-content}
  .page.desktop-design>.hero .text,.page.desktop-design>.section>.text{max-width:100%}
  .page.desktop-design .hero h1{font-size:48px;line-height:1.06;letter-spacing:-2px;width:100%;text-align:left}
  .page.desktop-design .hero>.text{width:100%;text-align:left}
  .page.desktop-design .hero .headline{font-size:48px;line-height:1.06;letter-spacing:-2px}
  .page.desktop-design>.section h2{font-size:38px;letter-spacing:-1.6px;line-height:1.08}
  .page.desktop-design>.section h3{font-size:28px;letter-spacing:-1px;line-height:1.15}
  .page.desktop-design .button{padding:16px 18px;gap:16px;max-width:100%}
  .page.desktop-design .button .text{white-space:normal;font-size:14px;flex:1 1 auto;min-width:0}
  .page.desktop-design .technical-panel{max-width:100%;padding:24px;width:100%}
  .page.desktop-design .technical-panel>.text{white-space:pre-wrap;max-width:100%}
  .page.desktop-design .technical-panel h2,.page.desktop-design .technical-panel h3,.page.desktop-design .hero .technical-panel .headline{font-size:28px;letter-spacing:-1px;line-height:1.15}
  .page.desktop-design [data-name$=' specification'],.page.desktop-design [data-name$=' subscription']{flex-wrap:wrap;gap:8px 16px}
  .page.desktop-design .code-block{font-size:12px;line-height:1.8;white-space:pre;max-width:100%}
  .page.desktop-design [data-name$='feature']>.text:first-child{width:100%}
  .page.desktop-design [data-name$='plan']{flex-direction:column;align-items:flex-start;width:100%;padding:24px;gap:18px}
  .page.desktop-design [data-name$='plan']>.text{width:100%}
  .page.desktop-design [data-name='Strategy graph']{width:100%;padding:16px 0;overflow-x:auto;flex-direction:row;align-items:center}
  .page.desktop-design [data-name='Strategy graph']>.frame{min-width:180px;flex:none}
  .page.desktop-design [data-name='Backtest output state']{flex-wrap:wrap;gap:16px;white-space:normal}
  .page.desktop-design [data-name='Discover workspace']{flex-direction:column;overflow:visible}
  .page.desktop-design [data-name='Discover token screener']{width:100%;padding:16px;overflow-x:auto;flex:none}
  .page.desktop-design [data-name^='Screener row']{width:680px}
  .page.desktop-design [data-name='Discover market context']{width:100%;padding:24px}
  .page.desktop-design [data-name='Discover metrics']{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 16px}
  .page.desktop-design [data-name='Discover metrics']>.frame{width:auto}
  .page.desktop-design [data-name='Discover metrics'] h3{font-size:25px}
  .page.desktop-design [data-name='Discover metrics'] .text{white-space:normal}
  .page.desktop-design [data-name='Discover metrics'] [data-name$='value']{font-size:clamp(20px,6vw,30px);line-height:1.15;letter-spacing:-1px}
  .page.desktop-design [data-name='Terminal app navigation']{overflow-x:auto;padding:16px;gap:24px;flex-direction:row}
  .page.desktop-design [data-name='Terminal app navigation']>.text{flex-shrink:0}
  .page.desktop-design [data-name='Discover view header'],.page.desktop-design [data-name='Sniper example header'],.page.desktop-design [data-name='Flows editor toolbar']{flex-direction:column;gap:12px;width:100%}
  .page.desktop-design [data-name='Sniper result table']{width:100%}
  .page.desktop-design [data-name^='Sniper result ']:not([data-name='Sniper result table']){width:1216px}
  .page.desktop-design [data-name^='Comparison row ']{width:960px}
  .page.desktop-design [data-name='Terminal beta access note']{white-space:normal;font-size:11px;line-height:1.8;width:100%}
  .page.desktop-design [data-name='Terminal hero actions']{flex-direction:column;align-items:flex-start;gap:16px;width:100%}
  .page.desktop-design [data-name$='hero actions']{flex-direction:column;align-items:flex-start;gap:16px;width:100%}
  .page.desktop-design [data-name='Flows editor / simplified preview']{padding:20px}
  .page.desktop-design .site-footer{padding:48px 24px;width:100%;gap:36px;height:auto}
  .page.desktop-design .site-footer .frame{max-width:100%;height:auto}
  .page.desktop-design .site-footer>.frame{flex-direction:column;width:100%;gap:32px;align-items:flex-start}
  .page.desktop-design .site-footer>.frame>.frame{flex-wrap:wrap;gap:28px;width:100%}
  .page.desktop-design .site-footer .text{white-space:pre-wrap;max-width:100%}
}

@media(max-width:899px){
  html[data-v='c'] [data-name="Performance / Published Surge benchmark"] .rd-bench-row{
    flex-direction:column;gap:calc(34 * var(--unit))}
}

/* Motion changes presentation, never data or the verified Pencil geometry. */
:root{--motion-accent:#f5a623}
body[data-page='surge']{--motion-accent:#b2adff}
body[data-page='pulse']{--motion-accent:#6be3ef}
body[data-page='vortex']{--motion-accent:#c1e77c}
body[data-page='terminal']{--motion-accent:#f3a1cc}
.reading-progress{position:fixed;z-index:90;left:0;right:0;top:0;height:3px;background:var(--motion-accent);pointer-events:none;transform:scaleX(0);transform-origin:left}
.reading-progress[hidden]{display:none}
@media(prefers-reduced-motion:no-preference){
  html:not([data-motion='off']){scroll-behavior:smooth}
  html:not([data-motion='off']) .button{position:relative;isolation:isolate;transition:transform 240ms cubic-bezier(.16,1,.3,1),box-shadow 240ms ease}
  html:not([data-motion='off']) .button svg{transition:transform 300ms cubic-bezier(.16,1,.3,1)}
  html:not([data-motion='off']) .button:hover,html:not([data-motion='off']) .button:focus-visible{transform:translateY(-4px);box-shadow:0 8px 24px #0003}
  html:not([data-motion='off']) .button:is(:hover,:focus-visible) svg{transform:translate(3px,-3px)}
  html:not([data-motion='off']) .button:active{transform:translateY(-1px) scale(.98)}
  html:not([data-motion='off']) .motion-card{position:relative;isolation:isolate;transition:translate 320ms cubic-bezier(.16,1,.3,1)}
  html:not([data-motion='off']) .motion-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 1px var(--motion-accent),0 10px 28px #0002;transition:opacity 280ms ease}
  html:not([data-motion='off']) .motion-card:focus-within{translate:0 -4px}
  html:not([data-motion='off']) .motion-card:focus-within::after{opacity:.7}
  html:not([data-motion='off']) .motion-panel{position:relative;isolation:isolate}
  html:not([data-motion='off']) :is(.main-nav>a,.account-nav>a,.product-anchors>a,.site-footer a:not(.button)){text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color 200ms ease,color 200ms ease}
  html:not([data-motion='off']) :is(.main-nav>a,.account-nav>a,.product-anchors>a,.site-footer a:not(.button)):is(:hover,:focus-visible){text-decoration-color:currentColor}
  html:not([data-motion='off']) .product-option{transition:background-color 200ms ease}
  html:not([data-motion='off']) .product-option .product-dot{transition:transform 240ms ease}
  html:not([data-motion='off']) .product-option .option-arrow{transition:transform 240ms ease,color 240ms ease}
  html:not([data-motion='off']) .product-option:is(:hover,:focus-visible) .product-dot{transform:scaleY(1.25)}
  html:not([data-motion='off']) .product-option:is(:hover,:focus-visible) .option-arrow{transform:translate(3px,-3px);color:var(--product-color)}
  html:not([data-motion='off']) .product-option.option-streams:is(:hover,:focus-visible) .option-arrow{color:#b2adff}
  html:not([data-motion='off']) .products-toggle::after{transition:transform 220ms ease}
  html:not([data-motion='off']) .products-toggle[aria-expanded='true']::after{transform:rotate(225deg);top:44%}
  html:not([data-motion='off']) .products-dropdown:not([hidden]),html:not([data-motion='off']) .mobile-menu:not([hidden]){animation:menu-enter 240ms cubic-bezier(.16,1,.3,1) both}
  html:not([data-motion='off']) :is(.products-dropdown,.mobile-menu):not([hidden])>a{animation:menu-item-enter 360ms cubic-bezier(.16,1,.3,1) both}
  html:not([data-motion='off']) :is(.products-dropdown,.mobile-menu)>a:nth-child(2){animation-delay:35ms}
  html:not([data-motion='off']) :is(.products-dropdown,.mobile-menu)>a:nth-child(3){animation-delay:70ms}
  html:not([data-motion='off']) :is(.products-dropdown,.mobile-menu)>a:nth-child(4){animation-delay:105ms}
  html:not([data-motion='off']) :is(.products-dropdown,.mobile-menu)>a:nth-child(5){animation-delay:140ms}
  html:not([data-motion='off']) :is(.products-dropdown,.mobile-menu)>a:nth-child(n+6){animation-delay:175ms}
  @media(hover:hover) and (pointer:fine){
    html:not([data-motion='off']) .motion-card:hover{translate:0 -5px}
    html:not([data-motion='off']) .motion-card:hover::after{opacity:.7}
  }
  @keyframes menu-enter{from{opacity:0;transform:translateY(-10px) scale(.99);transform-origin:top}to{opacity:1;transform:none}}
  @keyframes menu-item-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:page-leave 200ms ease both}
  ::view-transition-new(root){animation:page-arrive 360ms cubic-bezier(.16,1,.3,1) both}
  @keyframes page-leave{to{opacity:0;transform:translateY(-8px)}}
  @keyframes page-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}
html[data-motion-paused] *,html[data-motion-paused] *::before,html[data-motion-paused] *::after{animation-play-state:paused!important}

html[data-motion='off'],html[data-motion='off'] *,html[data-motion='off'] *::before,html[data-motion='off'] *::after{scroll-behavior:auto;animation:none!important;transition:none!important}
html[data-motion='off'] .reading-progress{display:none!important}
@media print{*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important;translate:none!important;opacity:1!important}.mobile-menu,.products-dropdown,.menu-toggle,.reading-progress{display:none!important}}

/* ---------- Lenis: damped scrolling ---------- */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-smooth iframe{pointer-events:none}

/* ---------- Scroll-linked motion, native, no JS ----------
   The page never stops: elements transform as they cross the viewport.
   No pinning, no scroll hijacking. */
@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    @keyframes rd-rise{from{opacity:.28;transform:translateY(26px)}to{opacity:1;transform:none}}
    @keyframes rd-fade{from{opacity:.25}to{opacity:1}}
    @keyframes rd-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
    /* One device per element, and never on a container that holds another
       animated element. ':not(.section)' is the important part: the suffix
       selectors below also match whole sections - " benchmark" matches both
       "Frankfurt benchmark" and "Performance / Published Surge benchmark" -
       and a section fading while its children fade inside it multiplies the
       opacities. ':not(.rd-sweep)' keeps a paragraph from both appearing and
       then being swept word by word: two appearances of the same text.
       '.technical-panel' and '" benchmark"' were dropped outright: their own
       children already animate, so fading the wrapper as well animated the same
       pixels twice. The container is now static and the parts move. */
    /* ONE TIMELINE PER SECTION. Every animation below reads this, instead of
       each element opening a view() timeline of its own. Measured: 47 animations
       on 47 timelines renders at 3 fps; the same 47 on 19 timelines renders at
       146. The live page was carrying 93. `.page` declares it too, so an element
       outside any section still resolves a timeline rather than none - an
       unresolved name would leave it stuck at its opening frame, invisible. */
    html:not([data-motion='off']) :is(.page,.page>.section){view-timeline:--sec block}

    /* Each element keeps its own timing: --rs/--re are computed from where it
       actually sits inside the section, which is what its own view() timeline
       used to give it. The literals are the no-JS fallback. */
    html:not([data-motion='off']) :is(
      .page>.section:not(.hero)>.text:not(h2):not(h3):not(.rd-sweep),
      .page>.section:not(.hero)>.frame>.text:not(h2):not(h3):not(.rd-sweep),
      .page [data-name$=" feature"]:not(.section),
      .page [data-name$=" plan"]:not(.section),
      .page [data-name$=" pricing row"]:not(.section),
      .page [data-name="FAQ items"]>.frame,
      .page [data-name="Activation steps"]>.frame
    ){animation:rd-rise linear both;animation-timeline:--sec;
      animation-range:var(--rs,cover 0%) var(--re,cover 26%)}

    /* The benchmark bars fill on scroll. It is data, so it earns the motion. */
    html:not([data-motion='off']) [data-name$=" share"]:not([data-name="Surge first-arrival share"]){
      transform-origin:left;animation:rd-bar linear both;animation-timeline:--sec;
      /* Measured: with the old range the fill ran from the grid sitting 656px
         down the screen to 156px - it was over while the reader was still on the
         copy above, so the squares looked as if they had always been full.
         Holding it back to 38-82% overshot the other way: it then finished with
         the grid at y=-144, already leaving the top of the screen.
         Derived from the geometry instead of guessed: the grid's top runs
         y = 900 - 1093p across the cover phase, so 16%-52% puts the fill
         between y=720 and y=330 - the whole of it inside the comfortable
         reading band, finishing just before the grid reaches centre. */
      animation-range:cover 16% cover 52%}


    /* The hero leaves on purpose: copy and panel rise at different speeds
       through the first screen. 78px against 34px, so the difference reads
       while the absolute travel stays discreet. */
    @keyframes rd-heroexit{from{transform:none;opacity:1}to{transform:translateY(-78px);opacity:.5}}
    @keyframes rd-heroexit-slow{from{transform:none;opacity:1}to{transform:translateY(-34px);opacity:.62}}
    html:not([data-motion='off']) .page .hero>.frame{
      animation:rd-heroexit auto linear both;
      animation-timeline:scroll(root block);
      animation-range:0 88vh}
    html:not([data-motion='off']) .page .hero>.frame[data-name="Architecture / From signal to submission"]{
      animation:rd-heroexit-slow auto linear both;
      animation-timeline:scroll(root block);
      animation-range:0 88vh}

    /* Section headings enter with a wipe instead of a flat rise. */
    @keyframes rd-wipe{from{opacity:.15;clip-path:inset(0 0 100% 0);transform:translateY(16px)}
                       to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
    /* A heading is a direct child of its section, so the section's timeline
       times it almost as its own did - only over a longer run, which reads
       calmer. */
    html:not([data-motion='off']) .page>.section h2.text{
      animation:rd-wipe auto linear both;
      animation-timeline:--sec;
      animation-range:var(--rs,cover 2%) var(--re,cover 30%)}
    html:not([data-motion='off']) .page>.section h3.text{
      animation:rd-wipe auto linear both;
      animation-timeline:--sec;
      animation-range:var(--rs,cover 4%) var(--re,cover 26%)}

    /* READING HEAD (Seasats). All five rows sit within one screen, so view()
       alone is not enough: it needs an index, the way the reference does.
       JS marks the row nearest the centre; once the section is off-screen
       everything returns to full intensity, never a dead list. */
    /* The rest state is the dimmed one, not the full one, so a row never goes
       full -> dimmed -> full, which reads as a double load.
       Without JS the class is absent and everything stays at full opacity. */
    html:not([data-motion='off']) .rd-head-on [data-name$=" product row"]{
      opacity:.6;transition:opacity 300ms cubic-bezier(.16,1,.3,1)}
    html:not([data-motion='off']) .rd-head-on [data-name$=" product row"].rd-active{opacity:1}

    /* Technical brackets on the active row (USAvionix).
       Out-of-flow pseudo-elements: they move nothing. */
    html:not([data-motion='off']) [data-name$=" product row"] [data-name$=" format"]{position:relative}
    html:not([data-motion='off']) [data-name$=" product row"] [data-name$=" format"]::before,
    html:not([data-motion='off']) [data-name$=" product row"] [data-name$=" format"]::after{
      content:'';position:absolute;top:50%;translate:0 -50%;
      width:calc(4 * var(--unit));height:calc(12 * var(--unit));
      border:1px solid currentColor;opacity:0;pointer-events:none;
      transition:opacity 260ms cubic-bezier(.16,1,.3,1)}
    html:not([data-motion='off']) [data-name$=" product row"] [data-name$=" format"]::before{
      left:calc(-11 * var(--unit));border-right:0}
    html:not([data-motion='off']) [data-name$=" product row"] [data-name$=" format"]::after{
      right:calc(-11 * var(--unit));border-left:0}
    html:not([data-motion='off']) [data-name$=" product row"].rd-active [data-name$=" format"]::before,
    html:not([data-motion='off']) [data-name$=" product row"].rd-active [data-name$=" format"]::after{
      opacity:.5}

    /* WORD-BY-WORD SWEEP (The Watch). Nothing moves and nothing appears:
       only the colour changes, one word after another. */
    @keyframes rd-word{from{color:var(--base,var(--muted))}to{color:var(--target,var(--ink))}}
    /* THE WORST OFFENDER: 53 words, 53 timelines, one per word. The --s/--e
       offsets were already written as a stagger across one shared progression,
       so they always described a single clock - each word just owned a copy of
       it. The sweep declares the clock once and the words read it. */
    html:not([data-motion='off']) .rd-sweep{view-timeline:--sweep block}
    html:not([data-motion='off']) .rd-sweep .rd-w{
      animation:rd-word auto linear both;
      animation-timeline:--sweep;
      animation-range:cover var(--s,40%) cover var(--e,52%)}

    /* The regions appear west to east. */
    /* The regions sit in one row, so a shared timeline would light them all at
       once: west to east comes back as an index stagger. */
    html:not([data-motion='off']) [data-name$=" Bolt region"]{
      animation:rd-fade linear both;animation-timeline:--sec;
      animation-range:calc(6% + var(--i,0) * 3%) calc(26% + var(--i,0) * 3%)}
  }
}
/* engine copy: the block above, for a browser that cannot drive it */
@media(prefers-reduced-motion:no-preference){@keyframes rd-rise{from{opacity:.28;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes rd-fade{from{opacity:.25}to{opacity:1}}@keyframes rd-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}html:where([data-sda-js]):not([data-motion='off']) :is(.page,.page>.section){view-timeline:--sec block;--rd-vt:--sec}html:where([data-sda-js]):not([data-motion='off']) :is(
      .page>.section:not(.hero)>.text:not(h2):not(h3):not(.rd-sweep),
      .page>.section:not(.hero)>.frame>.text:not(h2):not(h3):not(.rd-sweep),
      .page [data-name$=" feature"]:not(.section),
      .page [data-name$=" plan"]:not(.section),
      .page [data-name$=" pricing row"]:not(.section),
      .page [data-name="FAQ items"]>.frame,
      .page [data-name="Activation steps"]>.frame
    ){animation:rd-rise linear both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-range:var(--rs,cover 0%) var(--re,cover 26%);--rd-range:var(--rs,cover 0%) var(--re,cover 26%)}html:where([data-sda-js]):not([data-motion='off']) [data-name$=" share"]:not([data-name="Surge first-arrival share"]){
      transform-origin:left;animation:rd-bar linear both;animation-timeline:--sec;--rd-timeline:--sec;
      
      animation-range:cover 16% cover 52%;--rd-range:cover 16% cover 52%}@keyframes rd-heroexit{from{transform:none;opacity:1}to{transform:translateY(-78px);opacity:.5}}@keyframes rd-heroexit-slow{from{transform:none;opacity:1}to{transform:translateY(-34px);opacity:.62}}html:where([data-sda-js]):not([data-motion='off']) .page .hero>.frame{
      animation:rd-heroexit auto linear both;
      animation-timeline:scroll(root block);--rd-timeline:scroll(root block);
      animation-range:0 88vh;--rd-range:0 88vh}html:where([data-sda-js]):not([data-motion='off']) .page .hero>.frame[data-name="Architecture / From signal to submission"]{
      animation:rd-heroexit-slow auto linear both;
      animation-timeline:scroll(root block);--rd-timeline:scroll(root block);
      animation-range:0 88vh;--rd-range:0 88vh}@keyframes rd-wipe{from{opacity:.15;clip-path:inset(0 0 100% 0);transform:translateY(16px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}html:where([data-sda-js]):not([data-motion='off']) .page>.section h2.text{
      animation:rd-wipe auto linear both;
      animation-timeline:--sec;--rd-timeline:--sec;
      animation-range:var(--rs,cover 2%) var(--re,cover 30%);--rd-range:var(--rs,cover 2%) var(--re,cover 30%)}html:where([data-sda-js]):not([data-motion='off']) .page>.section h3.text{
      animation:rd-wipe auto linear both;
      animation-timeline:--sec;--rd-timeline:--sec;
      animation-range:var(--rs,cover 4%) var(--re,cover 26%);--rd-range:var(--rs,cover 4%) var(--re,cover 26%)}html:where([data-sda-js]):not([data-motion='off']) .rd-head-on [data-name$=" product row"]{
      opacity:.6;transition:opacity 300ms cubic-bezier(.16,1,.3,1)}html:where([data-sda-js]):not([data-motion='off']) .rd-head-on [data-name$=" product row"].rd-active{opacity:1}html:where([data-sda-js]):not([data-motion='off']) [data-name$=" product row"] [data-name$=" format"]{position:relative}html:where([data-sda-js]):not([data-motion='off']) [data-name$=" product row"] [data-name$=" format"]::before,html:where([data-sda-js]):not([data-motion='off']) [data-name$=" product row"] [data-name$=" format"]::after{
      content:'';position:absolute;top:50%;translate:0 -50%;
      width:calc(4 * var(--unit));height:calc(12 * var(--unit));
      border:1px solid currentColor;opacity:0;pointer-events:none;
      transition:opacity 260ms cubic-bezier(.16,1,.3,1)}html:where([data-sda-js]):not([data-motion='off']) [data-name$=" product row"] [data-name$=" format"]::before{
      left:calc(-11 * var(--unit));border-right:0}html:where([data-sda-js]):not([data-motion='off']) [data-name$=" product row"] [data-name$=" format"]::after{
      right:calc(-11 * var(--unit));border-left:0}html:where([data-sda-js]):not([data-motion='off']) [data-name$=" product row"].rd-active [data-name$=" format"]::before,html:where([data-sda-js]):not([data-motion='off']) [data-name$=" product row"].rd-active [data-name$=" format"]::after{
      opacity:.5}@keyframes rd-word{from{color:var(--base,var(--muted))}to{color:var(--target,var(--ink))}}html:where([data-sda-js]):not([data-motion='off']) .rd-sweep{view-timeline:--sweep block;--rd-vt:--sweep}html:where([data-sda-js]):not([data-motion='off']) .rd-sweep .rd-w{
      animation:rd-word auto linear both;
      animation-timeline:--sweep;--rd-timeline:--sweep;
      animation-range:cover var(--s,40%) cover var(--e,52%);--rd-range:cover var(--s,40%) cover var(--e,52%)}html:where([data-sda-js]):not([data-motion='off']) [data-name$=" Bolt region"]{
      animation:rd-fade linear both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-range:calc(6% + var(--i,0) * 3%) calc(26% + var(--i,0) * 3%);--rd-range:calc(6% + var(--i,0) * 3%) calc(26% + var(--i,0) * 3%)}
  }



/* ---------- Colour corrections ----------
   The closing band goes from full orange to a muted yellow: it stays in the
   brand family but stops shouting at the bottom of the page. */
[data-name*="Final CTA"]{background-color:#e4c56b}

/* ---------- The three lanes ----------
   The row's box stays frozen to the pixel; only the content moves.
   Three different speeds because the three products deliver at three different
   stages: raw shreds arrive before decoded transactions, which arrive before
   Geyser updates. The motion is the spec sheet. */
@media(prefers-reduced-motion:no-preference){
  html:not([data-motion='off']) .rd-lane{position:relative;overflow:hidden}
  .rd-tape{
    position:absolute;top:0;bottom:0;
    left:calc(100 * var(--unit));right:calc(168 * var(--unit));
    display:flex;align-items:center;overflow:hidden;pointer-events:none;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
  .rd-tape i{
    display:block;white-space:pre;font-style:normal;
    font-family:'IBM Plex Mono',monospace;
    font-size:calc(10 * var(--unit));letter-spacing:calc(.3 * var(--unit));
    color:var(--muted);opacity:.26;
    animation:rd-tape var(--rate,40s) linear infinite}
  @keyframes rd-tape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  html[data-motion-paused] .rd-tape i,
  .rd-lane[data-offscreen] .rd-tape i{animation-play-state:paused}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important}
  /* All motion already lives inside (prefers-reduced-motion:no-preference),
     so nothing needs cancelling here: a sober fade is enough to keep the page
     from feeling dead for anyone who reduced animations. */
  @keyframes rd-soft{from{opacity:.5}to{opacity:1}}
  @supports (animation-timeline:view()){
    html:not([data-motion='off']) :is(
      .page>.section>.text,
      .page>.section h2,
      .page>.section h3,
      .page .technical-panel,
      .page [data-name$=" benchmark"],
      .page [data-name$=" product row"],
      .page [data-name$=" feature"],
      .page [data-name$=" plan"]
    ){animation:rd-soft linear both;animation-timeline:--sec;animation-range:entry 4% cover 22%}
  }
/* engine copy: the block above, for a browser that cannot drive it */
html:where([data-sda-js]):not([data-motion='off']) :is(
      .page>.section>.text,
      .page>.section h2,
      .page>.section h3,
      .page .technical-panel,
      .page [data-name$=" benchmark"],
      .page [data-name$=" product row"],
      .page [data-name$=" feature"],
      .page [data-name$=" plan"]
    ){animation:rd-soft linear both;animation-timeline:--sec;--rd-timeline:--sec;animation-range:entry 4% cover 22%;--rd-range:entry 4% cover 22%}
  

}
html[data-motion='off'],html[data-motion='off'] *,html[data-motion='off'] *::before,html[data-motion='off'] *::after{scroll-behavior:auto;animation:none!important;transition:none!important}
html[data-motion='off'] .reading-progress{display:none!important}
@media print{*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important;translate:none!important;opacity:1!important}.mobile-menu,.products-dropdown,.menu-toggle,.reading-progress{display:none!important}}

/* ============ THE VERSION LAYERS: DESKTOP FRAME ONLY ==================
   Every rule below was designed and measured on the 1920 frame: the pinned
   holds, the band, the three streams, the benchmark grids, the race stage.
   The home page carries a second Pencil frame for phones (.mobile-design,
   shown under 900px) whose sections share the desktop data-names, so these
   rules reached it half-way - the product rows sat at opacity 0 waiting for a
   hold that never comes, three 195u grids stood in a row 59px past the screen,
   and the Terminal panel was pushed 15px off the left edge by a 100vw rule.
   Under 900px the phone frame keeps its own design and the base motion above;
   what the versions bring to it is decided and measured on a phone, not
   inherited by name. */
/* THE VERSION LAYERS. Until 2026-09-18 everything below sat inside
   @media(min-width:900px): F had no phone layout at all and the phone was served
   the old Pencil frame instead. F now brings its own layout to a phone, so the
   width gate is gone; every rule here is scoped by html[data-v=…] (or
   html[data-frames], which only F sets), so the archived versions a-e are
   untouched. The phone layer proper is source/mobile.css, concatenated last. */
/* ---- the pinned wrapper's LAYOUT, deliberately outside every motion query ----
   These rules were first written beside the animations, inside
   @supports(animation-timeline) and @media(prefers-reduced-motion:no-preference).
   Any browser without scroll-driven animations, and anyone who asks for reduced
   motion, therefore never got `display:flex` here - and the editorial column and
   the benchmark, which are this wrapper's two children, stacked one under the
   other. It still looked like a finished page, which is what made it read as a
   design decision rather than a fault.

   :has() keeps it to sections that actually carry the wrapper: version C shares
   this stylesheet but never gets one, and a bare display:block would collapse
   its two columns the same way. */
/* ANY section that carries the wrapper becomes a block. It was scoped to 02
   alone, and 02 happens to be a flex ROW: a row lays the pin and its spacer side
   by side, so the travel becomes max(565,1200) instead of 565+1200 and the hold
   collapsed to 300px on section 03. The pin copies the section's own layout at
   wrap time, so the section itself no longer needs one. */
:is(html[data-v='c'],html[data-v='f']) .section:has(> .rd-hold){display:block}
/* the hold - pin and spacer - is a block of its own, so the sticky travel ends
   where the spacer does and never runs over what follows the hold */
:is(html[data-v='c'],html[data-v='f']) .rd-hold{display:block}
/* display/gap/alignment are copied from the section itself at wrap time, so a
   pinned section keeps exactly the layout it had. Only what the pin adds lives
   here. */
:is(html[data-v='c'],html[data-v='f']) .rd-pin{isolation:isolate}
:is(html[data-v='c'],html[data-v='f']) .rd-pin-spacer{height:0}

/* ============ THE BENCHMARK OBJECT ==================================
   Reference: helius.dev and anduril.com carry 37 and 23 visual objects above
   240x100px, median 19% and 18% of the viewport. This page had ZERO: only
   text, 1px rules and 5px bars. That is why the ground had to keep flipping.
   With no objects, the background colour was the only structural signal left.

   The three 653x5px bars become three 10x10 matrices: one square is 1% of the
   test's transactions. No new data, these are the percentages already published
   right beside them. The misses can be counted by eye: Frankfurt is short 1,
   Amsterdam 6, New York 9.
   Resulting object: 645x379px = 18.9% of the viewport. Ground unchanged. */

:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"]{--fill:#B2ADFF;--empty:#24282A}

/* Three columns side by side instead of three stacked rows. */
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] .rd-bench-row{
  display:flex;gap:calc(30 * var(--unit));width:100%}
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] .rd-bench-row>[data-name$=" benchmark"]{
  flex:1 1 0%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:0}

/* display:contents dissolves the two intermediate wrappers without moving a
   single node: name, percentage and sample size become direct children of the
   column, and order puts them in sequence. */
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] :is([data-name$=" label row"],[data-name$=" sample"]){display:contents}
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] [data-name$=" location"]{
  order:1}
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] [data-name$=" first arrival percentage"]{
  order:2;margin-bottom:calc(12 * var(--unit))}
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] .rd-mat{
  order:3}
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] [data-name$=" sample size"]{
  order:4;margin-top:calc(12 * var(--unit))}
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] [data-name$=" proportion bar"]{
  order:5;height:calc(2 * var(--unit));margin-top:calc(8 * var(--unit))}

/* The percentage is the figure the section exists to show: it was running at
   29.7px under a 57.4px headline, a step too small for its role. */
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] [data-name$=" first arrival percentage"]{
  font-size:calc(44 * var(--unit));line-height:calc(50 * var(--unit));
  letter-spacing:calc(-1.6 * var(--unit))}

/* the legend, directly under the three grids */
:is(html[data-v='c'],html[data-v='f']) .rd-mat-legend{
  font-family:'IBM Plex Mono',monospace;font-size:calc(10.5 * var(--unit));
  letter-spacing:calc(1 * var(--unit));color:var(--muted);
  margin-top:calc(14 * var(--unit));opacity:.75}

/* the provenance now sits in the left column, so it reads at body scale */
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] [data-name="Benchmark provenance"]{
  margin-top:calc(28 * var(--unit));max-width:calc(470 * var(--unit))}

/* Three blocks of 195px plus two 30px gaps is exactly the 645px of the
   right-hand column. */
/* The 10x10 grid, unchanged. What changed is the order it fills in: column by
   column, so the leading edge is one vertical line sweeping right instead of a
   staircase of completed rows. */
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] .rd-mat{
  display:grid;grid-template-columns:repeat(10,calc(15 * var(--unit)));
  gap:calc(5 * var(--unit));width:max-content}
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] .rd-mat i{
  display:block;width:calc(15 * var(--unit));height:calc(15 * var(--unit));
  background:var(--empty);transform:scale(.55)}
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] .rd-mat i.on{
  background:var(--fill);transform:none}
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] .rd-mat i.partial{
  background:linear-gradient(90deg,var(--fill) var(--q,50%),var(--empty) 0);transform:none}
@media(prefers-reduced-motion:no-preference){
  :is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] .rd-mat i{
    /* Long on purpose. At 200ms each square snapped on and the front read as a
       hard edge; at 620ms several squares are mid-growth at once, so the front
       is a soft band of squares filling rather than a line switching. The data
       is untouched: the resting state is still exactly 99 on + 1 at 48%. */
    transition:background-color 620ms linear,transform 620ms cubic-bezier(.22,.8,.3,1)}
}

/* ============ VERSION B - THE LIGHT RUN (rejected) ==================
   Moves 1+2+4. References: anduril.com for the dominant run, saronic.com for
   the third value, railway.com for the marquee.
   Structurally it hits every target - inversions 7->4, run ratio 4.1->8.7,
   ground changes 1.25->0.72 per 1000px - but it takes the dark ground from
   66% to 21%, which is the light direction already rejected once. It stays
   here so the cost of removing symmetry by lightening stays visible. */

html[data-v='b']{--surge:#B2ADFF;--pulse:#6BE3EF;--vortex:#C1E77C;--bolt:#F5A623;--terminal:#F3A1CC}
html[data-v='b'] [data-name="Performance / Published Surge benchmark"],
html[data-v='b'] [data-name="Terminal / Research the next move"]{
  background-color:var(--paper);
  --bg:#EEEDE6;--ink:#131713;--muted:#596457;--line:#C8CDC4;
  --surge:#504CC7;--pulse:#07788A;--vortex:#507126;--bolt:#9B6400;--terminal:#A83068}
html[data-v='b'] [data-name="Infrastructure / Developer quickstart"]{background-color:var(--paper)}
html[data-v='b'] [data-name="Terminal / Research the next move"]{box-shadow:none}
html[data-v='b'] [data-name="Terminal / Discover preview from supplied mockups"]{
  --bg:#0A0C10;--ink:#F4F2EB;--muted:#A1A7A2;--line:#272A31;--terminal:#F3A1CC}
html[data-v='b'] [data-name="Performance / Published Surge benchmark"] [data-name$=" proportion bar"]
  {background-color:#D6D5CB}
html[data-v='b'] [data-name="Terminal eyebrow"]{color:var(--terminal)}
html[data-v='b'] [data-name="Request Terminal access"]{
  box-shadow:inset 0 0 0 calc(1 * var(--unit)) #8B9184}
html[data-v='b'] [data-name="Terminal action arrow"] :is(path,rect,circle,polygon)[fill]{fill:var(--ink)}
html[data-v='b'] [data-name="Pricing / A clear entry point"],
html[data-v='b'] [data-name="FAQ / Before you connect"]{
  background-color:#454F48;
  --ink:#F4F2EB;--muted:#C0C7BE;--line:#5D675F;--panel:#3B443D}
html[data-v='b'] [data-name="Surge pricing marker"]{background-color:var(--surge)}
html[data-v='b'] [data-name="Pulse pricing marker"]{background-color:var(--pulse)}
html[data-v='b'] [data-name="Vortex pricing marker"]{background-color:var(--vortex)}

/* the audience strip marquee (move 4) */
html[data-v='b'] .rd-strip{flex:1 1 0%;min-width:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 90%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 13%,#000 90%,transparent)}
html[data-v='b'] .rd-strip-track{display:flex;width:max-content;will-change:transform;
  animation:rd-strip var(--rd-strip-dur,113s) linear infinite}
html[data-v='b'] .rd-strip-half{display:flex;align-items:center;gap:calc(52 * var(--unit));
  flex:none;padding-right:calc(52 * var(--unit))}
html[data-v='b'] .rd-sep{font-style:normal;line-height:1;color:var(--muted);opacity:.45;
  font-size:calc(15 * var(--unit))}
@keyframes rd-strip{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html[data-v='b'] .rd-strip[data-offscreen] .rd-strip-track,
html[data-motion-paused][data-v='b'] .rd-strip-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){html[data-v='b'] .rd-strip-track{animation:none}}

/* ============ VERSION D - GRAPHIC SECTION DIVIDERS ==================
   Reference: helius.dev ships a file literally named
   section-divider-desktop-1920.webp - two identical bands, 1425x363px,
   aspect ratio 3.9, 40% of the viewport height, placed at 43% and 76%
   down a 9437px page, roughly every 3000px, always on the SAME ground.
   That is the whole trick: the band does the separating, so the
   background never has to invert to mark a new section.

   Same proportions here, in Raiden's own language rather than Helius's
   orange render: five signal traces, one per product, in the five brand
   colours. It states nothing - no data, no claim - it is a divider.
   Two bands on a 5591px page matches the reference cadence.

   Band 1 also unifies Terminal's ground (#191C1A) with the page black,
   which removes one inversion: the band replaces it. */

html[data-v='d'] .rd-divider{
  position:relative;width:100%;height:calc(360 * var(--unit));flex-shrink:0;
  overflow:hidden;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
html[data-v='d'] .rd-divider i{
  position:absolute;left:0;top:var(--y);height:calc(26 * var(--unit));width:200%;
  background-repeat:repeat-x;background-size:auto 100%;
  will-change:transform}
/* The bands sit inside a dark run, so Terminal loses its own darker ground:
   the divider is what marks the section now, not a change of colour. */
html[data-v='d'] [data-name="Terminal / Research the next move"]{
  background-color:transparent;box-shadow:none}

@media(min-width:900px){
@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    /* Each trace drifts at its own rate while the band crosses the screen -
       the same reasoning as the three lanes: different products deliver at
       different stages, so they do not move in lockstep. */
    @keyframes rd-trace{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--travel,120px)))}}
    html:not([data-motion='off'])[data-v='d'] .rd-divider i{
      animation:rd-trace linear both;
      animation-timeline:--sec;
      animation-range:entry 0% exit 100%}
  }
}
/* engine copy: the block above, for a browser that cannot drive it */
@media(prefers-reduced-motion:no-preference){@keyframes rd-trace{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--travel,120px)))}}html:where([data-sda-js]):not([data-motion='off'])[data-v='d'] .rd-divider i{
      animation:rd-trace linear both;
      animation-timeline:--sec;--rd-timeline:--sec;
      animation-range:entry 0% exit 100%;--rd-range:entry 0% exit 100%}
  }


}

/* ============ VERSION E - AIR AND RULES ============================
   Reference: linear.app and railway.com hold ONE ground for 9960px and
   12180px. Measured at 1440x900, the air between text blocks:

                median   q90    max    hairlines   eyebrows/1000px
     linear.app     93   282    371       18            0
     railway.com    98   239    510        5            0
     helius.dev     97   353    609        4         2.44
     Raiden A       55   164    267        0         7.51

   Raiden runs at roughly half the references' whitespace at every
   quantile, carries no full-width rules at all, and repeats the same
   mono eyebrow three times more often than Helius. That is what makes
   the page feel crowded, and it is why the background has to keep
   inverting: nothing else announces a new section.

   E adds no graphics and no assets. Vertical padding x1.75 and column
   gaps x1.45, read per-section out of the compiled sheet so the
   export's own proportions survive, plus a hairline at every section
   junction - the way Linear does it. This deliberately breaks the
   frozen-geometry rule, because that rule is what keeps it cramped. */

html[data-v='e'] .desktop-design>[data-name="Hero / Your strategy at network speed"]{padding-top:calc(140 * var(--unit));padding-bottom:calc(112 * var(--unit))}
html[data-v='e'] .desktop-design>[data-name="Audience strip"]{padding-top:calc(49 * var(--unit));padding-bottom:calc(49 * var(--unit))}
html[data-v='e'] .desktop-design>[data-name="Products / Choose your edge"]{padding-top:calc(154 * var(--unit));padding-bottom:calc(154 * var(--unit));row-gap:calc(67 * var(--unit))}
html[data-v='e'] .desktop-design>[data-name="Performance / Published Surge benchmark"]{padding-top:calc(168 * var(--unit));padding-bottom:calc(168 * var(--unit))}
html[data-v='e'] .desktop-design>[data-name="Terminal / Research the next move"]{padding-top:calc(126 * var(--unit));padding-bottom:calc(154 * var(--unit))}
html[data-v='e'] .desktop-design>[data-name="Infrastructure / Developer quickstart"]{padding-top:calc(154 * var(--unit));padding-bottom:calc(112 * var(--unit));row-gap:calc(81 * var(--unit))}
html[data-v='e'] .desktop-design>[data-name="Pricing / A clear entry point"]{padding-top:calc(154 * var(--unit));padding-bottom:calc(154 * var(--unit));row-gap:calc(70 * var(--unit))}
html[data-v='e'] .desktop-design>[data-name="FAQ / Before you connect"]{padding-top:calc(28 * var(--unit));padding-bottom:calc(140 * var(--unit))}
html[data-v='e'] .desktop-design>[data-name="Final CTA / Build your next advantage"]{padding-top:calc(112 * var(--unit));padding-bottom:calc(112 * var(--unit))}
html[data-v='e'] .desktop-design>[data-name="Hero / Your strategy at network speed"]{padding-top:calc(70 * var(--unit));padding-bottom:calc(84 * var(--unit));row-gap:calc(58 * var(--unit))}
html[data-v='e'] .desktop-design>[data-name="Audience strip"]{padding-top:calc(42 * var(--unit));padding-bottom:calc(42 * var(--unit));row-gap:calc(23 * var(--unit))}

/* the block rhythm inside the sections */
html[data-v='e'] .desktop-design .s16{row-gap:calc(46 * var(--unit))}
html[data-v='e'] .desktop-design .s57{row-gap:calc(67 * var(--unit))}
html[data-v='e'] .desktop-design .s59{row-gap:calc(32 * var(--unit))}
html[data-v='e'] .desktop-design .s87{row-gap:calc(41 * var(--unit))}
html[data-v='e'] .desktop-design .s92{row-gap:calc(38 * var(--unit))}
html[data-v='e'] .desktop-design .s109{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s117{row-gap:calc(32 * var(--unit))}
html[data-v='e'] .desktop-design .s139{row-gap:calc(81 * var(--unit))}
html[data-v='e'] .desktop-design .s141{row-gap:calc(38 * var(--unit))}
html[data-v='e'] .desktop-design .s152{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s169{row-gap:calc(70 * var(--unit))}
html[data-v='e'] .desktop-design .s171{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s176{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s202{row-gap:calc(29 * var(--unit))}
html[data-v='e'] .desktop-design .s209{row-gap:calc(32 * var(--unit))}
html[data-v='e'] .desktop-design .s212{row-gap:calc(29 * var(--unit))}
html[data-v='e'] .desktop-design .s216{row-gap:calc(58 * var(--unit))}
html[data-v='e'] .desktop-design .s237{row-gap:calc(58 * var(--unit))}
html[data-v='e'] .desktop-design .s238{row-gap:calc(38 * var(--unit))}
html[data-v='e'] .desktop-design .s241{row-gap:calc(29 * var(--unit))}
html[data-v='e'] .desktop-design .s246{row-gap:calc(44 * var(--unit))}
html[data-v='e'] .desktop-design .s247{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s248{row-gap:calc(32 * var(--unit))}
html[data-v='e'] .desktop-design .s255{row-gap:calc(41 * var(--unit))}
html[data-v='e'] .desktop-design .s261{row-gap:calc(46 * var(--unit))}
html[data-v='e'] .desktop-design .s262{row-gap:calc(32 * var(--unit))}
html[data-v='e'] .desktop-design .s268{row-gap:calc(46 * var(--unit))}
html[data-v='e'] .desktop-design .s269{row-gap:calc(46 * var(--unit))}
html[data-v='e'] .desktop-design .s271{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s273{row-gap:calc(29 * var(--unit))}
html[data-v='e'] .desktop-design .s276{row-gap:calc(46 * var(--unit))}
html[data-v='e'] .desktop-design .s277{row-gap:calc(46 * var(--unit))}
html[data-v='e'] .desktop-design .s278{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s283{row-gap:calc(44 * var(--unit))}
html[data-v='e'] .desktop-design .s284{row-gap:calc(29 * var(--unit))}
html[data-v='e'] .desktop-design .s286{row-gap:calc(46 * var(--unit))}
html[data-v='e'] .desktop-design .s289{row-gap:calc(46 * var(--unit))}
html[data-v='e'] .desktop-design .s290{row-gap:calc(41 * var(--unit))}
html[data-v='e'] .desktop-design .s297{row-gap:calc(41 * var(--unit))}
html[data-v='e'] .desktop-design .s305{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s322{row-gap:calc(58 * var(--unit))}
html[data-v='e'] .desktop-design .s332{row-gap:calc(58 * var(--unit))}
html[data-v='e'] .desktop-design .s335{row-gap:calc(29 * var(--unit))}
html[data-v='e'] .desktop-design .s378{row-gap:calc(29 * var(--unit))}
html[data-v='e'] .desktop-design .s385{row-gap:calc(29 * var(--unit))}
html[data-v='e'] .desktop-design .s393{row-gap:calc(29 * var(--unit))}
html[data-v='e'] .desktop-design .s400{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s404{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s407{row-gap:calc(58 * var(--unit))}
html[data-v='e'] .desktop-design .s432{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s435{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s441{row-gap:calc(29 * var(--unit))}
html[data-v='e'] .desktop-design .s443{row-gap:calc(58 * var(--unit))}
html[data-v='e'] .desktop-design .s448{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s466{row-gap:calc(29 * var(--unit))}
html[data-v='e'] .desktop-design .s468{row-gap:calc(58 * var(--unit))}
html[data-v='e'] .desktop-design .s473{row-gap:calc(32 * var(--unit))}
html[data-v='e'] .desktop-design .s495{row-gap:calc(58 * var(--unit))}
html[data-v='e'] .desktop-design .s499{row-gap:calc(41 * var(--unit))}
html[data-v='e'] .desktop-design .s548{row-gap:calc(29 * var(--unit))}
html[data-v='e'] .desktop-design .s562{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s567{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s588{row-gap:calc(35 * var(--unit))}
html[data-v='e'] .desktop-design .s594{row-gap:calc(46 * var(--unit))}
html[data-v='e'] .desktop-design .s623{row-gap:calc(38 * var(--unit))}
html[data-v='e'] .desktop-design .s626{row-gap:calc(38 * var(--unit))}
html[data-v='e'] .desktop-design .s638{row-gap:calc(58 * var(--unit))}

/* A rule at each junction: Linear ships 18 of these and never inverts a ground. */
html[data-v='e'] .desktop-design>.section+.section{
  box-shadow:inset 0 calc(1 * var(--unit)) var(--line)}
html[data-v='e'] .desktop-design>[data-name="Products / Choose your edge"],
html[data-v='e'] .desktop-design>[data-name="Infrastructure / Developer quickstart"]{
  box-shadow:inset 0 calc(1 * var(--unit)) #C8CDC4}

/* ============ VERSION F - THE ACTIVE ROW OPENS =====================
   Reference: cerebrium.ai, Awwwards Site of the Day, serverless GPU
   infrastructure. Its "Built for teams" section is a list of four where
   every item carries its own real visual - a table of numbers, a map
   with region pins, a log view, a chart - with one caption line under
   each. A second list further down the same page is left completely
   bare. They invest in one list: the one that matters.

   01 Stack is ours and it carries nothing but text. Here the row nearest
   the centre opens and shows that product's own output, driven by the
   reading head that already exists - one mechanism, not two.

   A row opens only while its centre sits inside a band around the middle
   of the screen, so arriving at the section shows five closed rows and
   each opens as you pass over it. Reserving the height by pre-opening the
   first row was worse: its data was on screen from scroll 0.

   The block sits under the DESCRIPTION column, not under the product
   name: it is that description's evidence, and indented to the name it
   read as orphaned. */

html[data-v='f'] [data-name$=" product row"]{flex-wrap:wrap}
:root{--surge:#B2ADFF;--pulse:#6BE3EF;--vortex:#C1E77C;--bolt:#F5A623;--terminal:#F3A1CC}
/* paper-side product colours, the ones the export already uses in this section */
html[data-v='f']{--paper-surge:#504CC7;--paper-pulse:#07788A;--paper-vortex:#507126;
  --paper-bolt:#9B6400;--paper-terminal:#A83068}

/* THE COLUMN. Full height of the row - the number, the product name and its
   data all sit on it - so the column reads as one object in that colour.
   Always present: this is structure, not part of the reveal. */
html[data-v='f'] [data-name$=" product row"]{position:relative;isolation:isolate}
/* The explanation column starts at 460 instead of 300 so its text straddles the
   middle of the row instead of sitting in the left third. The colour band is NOT
   involved: widening it to stay flush with the text was coupling two things that
   have nothing to do with each other. The band keeps its own width and the gap
   between it and the content is just a gutter. */
html[data-v='f'] [data-name$=" product row"]>[data-name$=" explanation"]{
  padding-left:calc(160 * var(--unit))}
/* These rows carry .motion-card from the base layer: a 1px amber inset outline
   plus a drop shadow on hover, and a 5px lift. The outline was previously
   anchored to a distant ancestor because the row was not positioned - giving the
   row position:relative for the colour band handed it the row as its containing
   block, and the box appeared around it. The band and the data panel already do
   this job, and the lift would move a row whose position everything else here is
   measured from. Both go. */
/* The export's small colour key sat right beside the product name. With the
   full column band and its 3px solid edge, that made three marks in the same
   colour within a few pixels of each other. The band carries the identity now. */
html[data-v='f'] [data-name$=" colour key"]{display:none}
html[data-v='f'] [data-name$=" product row"].motion-card::after{display:none}
html[data-v='f'] [data-name$=" product row"].motion-card:hover,
html[data-v='f'] [data-name$=" product row"].motion-card:focus-within{translate:none}

html[data-v='f'] [data-name$=" product row"]::before{
  content:'';position:absolute;z-index:-1;
  left:calc(-24 * var(--unit));right:calc(-24 * var(--unit));top:0;bottom:0;
  /* Holds the tint across the band, then fades out to nothing by the end of the
     row. The hard edge the band used to have at 293px read as a vertical seam
     down the whole list; this keeps the colour where it identifies the product
     and lets it dissolve instead of stopping. */
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--pc) 13%,transparent) 0,
    color-mix(in srgb,var(--pc) 12%,transparent) 18%,
    color-mix(in srgb,var(--pc) 7%,transparent) 46%,
    color-mix(in srgb,var(--pc) 2%,transparent) 78%,
    transparent 100%);
  box-shadow:inset calc(9 * var(--unit)) 0 var(--pc)}

/* ---- section 02: the link between the three streams and the figures ----
   Reference unitedcarriers.com, whose convergence diagrams run 505x259 and pull
   six of eighteen path endpoints inside 40px of a single point. Decorative by
   construction: it carries no numbers, so it can state nothing untrue. */
:is(html[data-v='c'],html[data-v='f']) .rd-converge{
  position:relative;width:100%;max-width:calc(470 * var(--unit));
  height:calc(96 * var(--unit));
  margin:calc(26 * var(--unit)) 0 calc(4 * var(--unit))}
:is(html[data-v='c'],html[data-v='f']) .rd-converge svg{
  width:100%;height:100%;display:block;overflow:visible}
/* the drawing leaves its column on purpose - it ends inside the benchmark -
   so nothing between here and there may clip it */
/* only the section that carries the drawing may let it out; a blanket rule on
   .rd-pin would un-clip every pinned section, the marquee included */
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"] :is(.rd-pin,.rd-converge,[data-name="Performance editorial"]){
  overflow:visible}
:is(html[data-v='c'],html[data-v='f']) .rd-feed{
  opacity:.8;stroke-linecap:round}
/* the source is named at the head of its own line: three names in a row below
   the drawing said nothing about which line was which stream */
:is(html[data-v='c'],html[data-v='f']) .rd-feed-label{
  position:absolute;left:0;transform:translateY(-50%);
  color:var(--c);white-space:nowrap;
  font-family:'IBM Plex Mono',monospace;font-size:calc(9.5 * var(--unit));
  letter-spacing:calc(1 * var(--unit))}
:is(html[data-v='c'],html[data-v='f']) .rd-node{fill:var(--ink);opacity:.9}
/* THE HANDOVER, replacing the arrow that used to stop in mid-air.
   The run crosses the gutter from the node to the grid's left edge, which is
   where the column-major fill begins. Same cell size and same scale-up as the
   grid's own squares, so the arrival and the fill are one gesture.
   Out of flow, so measuring the layout cannot disturb it. */
:is(html[data-v='c'],html[data-v='f']) [data-name="Performance / Published Surge benchmark"]{
  position:relative}

@media(min-width:900px){
@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    /* THREE STEPS, TOLD WHILE THE SECTION STANDS STILL.

       The sequence used to have 730px of scroll for all of it, which gave one
       line 99px - a single wheel notch - to draw itself in, and left the grid
       finishing after its own section had gone. The section now keeps 1100px of
       travel as padding and its content sticks, so the clock lengthens without
       the layout moving. Reference cerebrium.ai, which pins a 663x266 block for
       2894px inside a 3160px parent.

         content 758px in a 900 viewport -> pinned at 71, content at 71..829
         cover span 2758, section top y = 900 - 2758p, pinned while p is 30..70%

         1  the copy      13% -> 31%   eyebrow, headline, paragraph, link - each
                                       absent until its turn, so the block never
                                       shows a gap in the middle of itself
            ---- gap ----
         2  the streams   34% -> 57%   PINNED - the lines converge on an empty point
            ---- gap ----
         3  the benchmark 58% -> 74%   PINNED: the frame forms from that point,
                                       then the grids fill

       2 and 3 now run into each other on purpose: the lines end inside the
       benchmark, so the arrival and the fill are one movement rather than two
       objects handing over.
            the pin releases at 70%, so the fill closes with room to spare

       The travel is a spacer, not padding: a sticky element moves inside its
       parent's CONTENT box, and padding is outside it. With padding the pin had
       10px of room and never stuck at all. */

    /* Only the sticking is motion. Everything about the layout of this wrapper
       is above, outside the query - see the note there. */
    :is(html[data-v='c'],html[data-v='f']) .rd-pin{position:sticky;top:var(--pin-top,24px)}
    /* the spacer IS the travel: a sticky element moves within its parent's
       content box, which padding is not part of */
    :is(html[data-v='c'],html[data-v='f']) .rd-pin-spacer{height:var(--pin,0px)}
    @media(max-width:1199px){
      :is(html[data-v='c'],html[data-v='f']) .rd-pin{position:static}
      :is(html[data-v='c'],html[data-v='f']) .rd-pin-spacer{height:0}
    }

    /* Absent, then present. Used by the copy and by the benchmark alike. */
    @keyframes rd-form{from{opacity:0;transform:translateY(calc(14 * var(--unit)))}
                       to{opacity:1;transform:none}}

    /* ---- 1. the copy, one line at a time, never a hole ----
       Each line is absent until its turn and present after it, in reading
       order, so the block never shows a gap in the middle of itself. Every rule
       names its own animation: the generic entrance rules reach elements
       through `.page>.section>.text`, and the pin wrapper now sits between the
       section and its columns, so those chains no longer match here. */
    :is(html[data-v='c'],html[data-v='f']):not([data-motion='off'])
      .page>.section[data-name="Performance / Published Surge benchmark"] .text[data-name="Section 02"]:not(.rd-sweep){
        animation:rd-form both;
        animation-timeline:--sec;animation-range:13% 16%;
        animation-timing-function:cubic-bezier(.22,.61,.36,1)}
    :is(html[data-v='c'],html[data-v='f']):not([data-motion='off']) [data-name="Performance / Published Surge benchmark"] h2.text{
        animation-timeline:--sec;animation-range:16% 23%;
        animation-timing-function:cubic-bezier(.22,.8,.3,1)}
    /* A sweep only changes colour, so the paragraph was painted from the first
       frame and sat there fully lit while the headline above it was still
       clipped away - a hole in the middle of the copy. It fades in on its own
       turn first, and only then do its words colour. */
    :is(html[data-v='c'],html[data-v='f']):not([data-motion='off']) [data-name="Performance / Published Surge benchmark"] .rd-sweep{
      animation:rd-form both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:23% 26%}
    :is(html[data-v='c'],html[data-v='f']):not([data-motion='off']) [data-name="Performance / Published Surge benchmark"] .rd-sweep .rd-w{
        animation-timeline:--sec;
        animation-range:calc(24% + var(--f,0) * 4%) calc(27% + var(--f,0) * 4%)}
    /* the link and the note belong to the written column, so they close step 1
       rather than moving while the streams are being read */
    :is(html[data-v='c'],html[data-v='f']):not([data-motion='off'])
      .page>.section[data-name="Performance / Published Surge benchmark"] :is([data-name="Benchmark source action"],[data-name="Benchmark provenance"]){
        animation:rd-form both;
        animation-timeline:--sec;animation-range:27% 31%;
        animation-timing-function:cubic-bezier(.22,.61,.36,1)}

    /* ---- 2. the three streams converge, with the section stationary ---- */
    @keyframes rd-name{from{opacity:0;transform:translateY(-50%) translateX(calc(-8 * var(--unit)))}
                       to{opacity:1;transform:translateY(-50%)}}
    :is(html[data-v='c'],html[data-v='f']):not([data-motion='off']) .rd-feed-label{
      animation:rd-name both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(34% + var(--i) * 3%) calc(38% + var(--i) * 3%)}

    @keyframes rd-draw{from{stroke-dashoffset:var(--len,200)}to{stroke-dashoffset:0}}
    :is(html[data-v='c'],html[data-v='f']):not([data-motion='off']) .rd-feed{
      stroke-dasharray:var(--len,200);
      animation:rd-draw both;
      animation-timeline:--sec;
      /* 10 points of a 2758px clock is 276px per line, against 99 before: enough
         scroll for the draw to read as a movement rather than a jump */
      animation-timing-function:cubic-bezier(.35,.75,.45,1);
      animation-range:calc(38% + var(--i) * 3%) calc(48% + var(--i) * 3%)}

    @keyframes rd-land{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.9}}
    :is(html[data-v='c'],html[data-v='f']):not([data-motion='off']) .rd-node{
      transform-box:fill-box;transform-origin:center;
      animation:rd-land both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:54% 57%}

    /* ---- 3. the benchmark forms, THEN fills ----
       Only the fill was ever animated. Everything around it - the heading, the
       three city names, the 0.00%, the empty grids, the sample sizes, the
       legend - was painted on the first frame and never moved, so arriving at
       the section meant finding the object already built and watching a few
       squares change colour inside it. The column now arrives as its own step,
       in reading order, and the three lines converge on an empty point that the
       benchmark then materialises from. */
    :is(html[data-v='c'],html[data-v='f']):not([data-motion='off']) [data-name="Performance / Published Surge benchmark"] [data-name="Benchmark legend"]{
      animation:rd-form both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:58% 61%}
    :is(html[data-v='c'],html[data-v='f']):not([data-motion='off']) [data-name="Performance / Published Surge benchmark"] .rd-bench-row>[data-name$=" benchmark"]{
      animation:rd-form both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(59% + var(--i) * 2%) calc(63% + var(--i) * 2%)}
    :is(html[data-v='c'],html[data-v='f']):not([data-motion='off']) [data-name="Performance / Published Surge benchmark"] .rd-mat-legend{
      animation:rd-form both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:66% 69%}

    /* the grid fills while the section is stationary and centred - it used to
       finish at secTop -261, with section 03 already half the screen */
    :is(html[data-v='c'],html[data-v='f']):not([data-motion='off'])
      [data-name="Performance / Published Surge benchmark"] [data-name$=" share"]:not([data-name="Surge first-arrival share"]){
        animation-timeline:--sec;animation-range:65% 74%}
  }
}
/* engine copy: the block above, for a browser that cannot drive it */
@media(prefers-reduced-motion:no-preference){:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]) .rd-pin{position:sticky;top:var(--pin-top,24px)}:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]) .rd-pin-spacer{height:var(--pin,0px)}@media(max-width:1199px){:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]) .rd-pin{position:static}:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]) .rd-pin-spacer{height:0}
    }@keyframes rd-form{from{opacity:0;transform:translateY(calc(14 * var(--unit)))}to{opacity:1;transform:none}}:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]):not([data-motion='off'])
      .page>.section[data-name="Performance / Published Surge benchmark"] .text[data-name="Section 02"]:not(.rd-sweep){
        animation:rd-form both;
        animation-timeline:--sec;--rd-timeline:--sec;animation-range:13% 16%;--rd-range:13% 16%;
        animation-timing-function:cubic-bezier(.22,.61,.36,1)}:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]):not([data-motion='off']) [data-name="Performance / Published Surge benchmark"] h2.text{
        animation-timeline:--sec;--rd-timeline:--sec;animation-range:16% 23%;--rd-range:16% 23%;
        animation-timing-function:cubic-bezier(.22,.8,.3,1)}:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]):not([data-motion='off']) [data-name="Performance / Published Surge benchmark"] .rd-sweep{
      animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:23% 26%;--rd-range:23% 26%}:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]):not([data-motion='off']) [data-name="Performance / Published Surge benchmark"] .rd-sweep .rd-w{
        animation-timeline:--sec;--rd-timeline:--sec;
        animation-range:calc(24% + var(--f,0) * 4%) calc(27% + var(--f,0) * 4%);--rd-range:calc(24% + var(--f,0) * 4%) calc(27% + var(--f,0) * 4%)}:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]):not([data-motion='off'])
      .page>.section[data-name="Performance / Published Surge benchmark"] :is([data-name="Benchmark source action"],[data-name="Benchmark provenance"]){
        animation:rd-form both;
        animation-timeline:--sec;--rd-timeline:--sec;animation-range:27% 31%;--rd-range:27% 31%;
        animation-timing-function:cubic-bezier(.22,.61,.36,1)}@keyframes rd-name{from{opacity:0;transform:translateY(-50%) translateX(calc(-8 * var(--unit)))}to{opacity:1;transform:translateY(-50%)}}:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]):not([data-motion='off']) .rd-feed-label{
      animation:rd-name both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(34% + var(--i) * 3%) calc(38% + var(--i) * 3%);--rd-range:calc(34% + var(--i) * 3%) calc(38% + var(--i) * 3%)}@keyframes rd-draw{from{stroke-dashoffset:var(--len,200)}to{stroke-dashoffset:0}}:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]):not([data-motion='off']) .rd-feed{
      stroke-dasharray:var(--len,200);
      animation:rd-draw both;
      animation-timeline:--sec;--rd-timeline:--sec;
      
      animation-timing-function:cubic-bezier(.35,.75,.45,1);
      animation-range:calc(38% + var(--i) * 3%) calc(48% + var(--i) * 3%);--rd-range:calc(38% + var(--i) * 3%) calc(48% + var(--i) * 3%)}@keyframes rd-land{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.9}}:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]):not([data-motion='off']) .rd-node{
      transform-box:fill-box;transform-origin:center;
      animation:rd-land both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:54% 57%;--rd-range:54% 57%}:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]):not([data-motion='off']) [data-name="Performance / Published Surge benchmark"] [data-name="Benchmark legend"]{
      animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:58% 61%;--rd-range:58% 61%}:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]):not([data-motion='off']) [data-name="Performance / Published Surge benchmark"] .rd-bench-row>[data-name$=" benchmark"]{
      animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(59% + var(--i) * 2%) calc(63% + var(--i) * 2%);--rd-range:calc(59% + var(--i) * 2%) calc(63% + var(--i) * 2%)}:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]):not([data-motion='off']) [data-name="Performance / Published Surge benchmark"] .rd-mat-legend{
      animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:66% 69%;--rd-range:66% 69%}:is(html[data-v='c'],html[data-v='f']):where([data-sda-js]):not([data-motion='off'])
      [data-name="Performance / Published Surge benchmark"] [data-name$=" share"]:not([data-name="Surge first-arrival share"]){
        animation-timeline:--sec;--rd-timeline:--sec;animation-range:65% 74%;--rd-range:65% 74%}
  }


}

/* ---- section 03: Terminal's Discover screen, drawn from a real reading ----
   Every figure was read off terminal.raiden.wtf at 11 Sep 2026 10:50 UTC and is
   stamped with it. What stood here before was labelled MOCKUP SNAPSHOT.

   Terminal sets its six measures across ~1560px - 260px each. This panel is
   792px, so six across would leave 132px for figures like 18,579,003; three by
   two gives each the 264px the product gives it.

   Terminal draws the platform bars in eight hues of its own. Eight more colours
   would fight a page built on five, so they are one hue - Terminal's own, from
   this page's palette - stepped down by rank. Structure and figures faithful,
   palette unchanged. */
html[data-v='f'] [data-name^="Terminal / Discover preview"]{
  /* the export leaves this column align-items:flex-start, so every block inside
     shrank to its own content instead of taking the panel's 792px - the brand
     and the timestamp ended up touching */
  display:flex;flex-direction:column;align-items:stretch;gap:calc(16 * var(--unit));
  padding:calc(22 * var(--unit)) calc(24 * var(--unit));
  font-family:'IBM Plex Mono',monospace}
html[data-v='f'] .rd-term-top{
  display:flex;justify-content:space-between;align-items:baseline;
  font-size:calc(10.5 * var(--unit));letter-spacing:calc(1 * var(--unit));
  color:var(--muted)}
html[data-v='f'] .rd-term-brand{color:var(--terminal)}

html[data-v='f'] .rd-term-title{
  display:flex;align-items:center;gap:calc(10 * var(--unit));
  padding-bottom:calc(14 * var(--unit));
  border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}
html[data-v='f'] .rd-term-name{
  font-family:'Archivo',system-ui,sans-serif;
  font-size:calc(15 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-term-name b{color:var(--ink);font-weight:600}
html[data-v='f'] .rd-term-chip{
  font-size:calc(9.5 * var(--unit));letter-spacing:calc(.8 * var(--unit));
  color:var(--muted);border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);
  border-radius:2px;padding:calc(2 * var(--unit)) calc(7 * var(--unit))}

/* three by two: the figures get the width the product gives them */
html[data-v='f'] .rd-term-stats{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:calc(18 * var(--unit)) calc(24 * var(--unit))}
html[data-v='f'] .rd-term-stat{display:flex;flex-direction:column;gap:calc(3 * var(--unit))}
html[data-v='f'] .rd-term-label{
  font-size:calc(9.5 * var(--unit));letter-spacing:calc(1 * var(--unit));
  color:var(--muted)}
html[data-v='f'] .rd-term-value{
  font-size:calc(26 * var(--unit));line-height:1.05;color:var(--ink);
  font-variant-numeric:tabular-nums;letter-spacing:calc(-.4 * var(--unit))}
html[data-v='f'] .rd-term-delta{
  font-size:calc(9.5 * var(--unit));color:color-mix(in srgb,var(--muted) 78%,transparent)}

html[data-v='f'] .rd-term-flow{display:flex;flex-direction:column;gap:calc(5 * var(--unit))}
html[data-v='f'] .rd-term-row{
  display:grid;grid-template-columns:calc(74 * var(--unit)) 1fr calc(34 * var(--unit)) calc(72 * var(--unit));
  align-items:center;gap:calc(10 * var(--unit));
  font-size:calc(10.5 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-term-track{
  display:block;height:calc(5 * var(--unit));
  background:color-mix(in srgb,var(--ink) 9%,transparent)}
html[data-v='f'] .rd-term-track i{display:block;height:100%;background:var(--terminal)}
html[data-v='f'] .rd-term-pct{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
html[data-v='f'] .rd-term-val{text-align:right;font-variant-numeric:tabular-nums}
html[data-v='f'] .rd-term-note{
  font-size:calc(9.5 * var(--unit));color:color-mix(in srgb,var(--muted) 72%,transparent);
  margin-top:calc(3 * var(--unit))}

html[data-v='f'] .rd-term-split{display:flex;flex-direction:column;gap:calc(6 * var(--unit))}
html[data-v='f'] .rd-term-sbar{display:flex;height:calc(6 * var(--unit));overflow:hidden}
html[data-v='f'] .rd-term-buys{display:block;height:100%;background:var(--terminal)}
html[data-v='f'] .rd-term-sells{
  display:block;height:100%;background:color-mix(in srgb,var(--terminal) 26%,transparent)}
html[data-v='f'] .rd-term-legend{
  display:flex;gap:calc(16 * var(--unit));
  font-size:calc(10 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-term-lbuy{color:var(--ink)}

html[data-v='f'] .rd-term-src{
  font-size:calc(9.5 * var(--unit));line-height:1.5;
  color:color-mix(in srgb,var(--muted) 70%,transparent);
  border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);
  padding-top:calc(10 * var(--unit));margin-top:auto}

/* ============ ?frames=1 : THREE HELD FRAMES, ONE CLAUSE EACH ==============
   The setup shown rather than described, on the real sections. Everything is
   scoped to html[data-frames], so ?v=f is untouched and the two differ by one
   parameter in the URL.

   Measured on four references at 1905x953 on 11 Sep 2026: not one connects its
   sections with a graphic. They hold the frame and let one thing own the screen
   - Base Power seven times for 1,715-5,909px each, USAvionix once for 63,852px,
   Clarvos with five fixed stages. We held one frame, for 1,700px, out of nine
   sections. This gives 01 and 03 the same grammar 02 already has. */

html[data-frames] .rd-clause{
  margin:calc(10 * var(--unit)) 0 0 0;
  font-family:'IBM Plex Mono',monospace;
  font-size:calc(12.5 * var(--unit));letter-spacing:calc(1.4 * var(--unit));
  /* set from the ground, not from --ink: on the paper sections --ink is still
     the bone white and the line resolved white on white */
  color:var(--clause-rest,#5c625d)}
html[data-frames] .rd-clause span{color:inherit}

@media(min-width:900px){
@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    /* Base Power's device: the words start out of focus and resolve one at a
       time while the frame is held, so the argument arrives at reading speed.
       Blur is the expensive half of it, so only the colour and the offset move -
       both composited - and the line still reads as coming into focus. */
    @keyframes rd-clauseword{
      from{color:var(--clause-rest,#5c625d);transform:translateY(calc(3 * var(--unit)))}
      to{color:var(--clause-ink,var(--ink));transform:none}}
    /* the line itself is absent until its turn, then appears grey and resolves:
       present-but-grey from the start meant it stood above a headline that had
       not arrived yet - the "already there" fault, one more time */
    html[data-frames]:not([data-motion='off']) .rd-clause{
      animation:rd-form both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(var(--cs,20%) - 3%) var(--cs,20%)}
    html[data-frames]:not([data-motion='off']) .rd-clause span{
      display:inline-block;
      animation:rd-clauseword both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(var(--cs,20%) + var(--f,0) * var(--cw,16%))
                      calc(var(--cs,20%) + 8% + var(--f,0) * var(--cw,16%))}

    /* 03 gets the beats it never had, in 02's grammar: the frame forms, then
       the figures land, then the bars grow to their real proportions. */
    /* the panel's own header - "Benchmark legend" and .rd-mat-legend belong to
       section 02's benchmark and match nothing here */
    html[data-frames]:not([data-motion='off'])
      [data-name^="Terminal / Discover preview"] .rd-term-top,
    html[data-frames]:not([data-motion='off'])
      [data-name^="Terminal / Discover preview"] .rd-term-title{
        animation:rd-form both;animation-timeline:--sec;
        animation-timing-function:cubic-bezier(.22,.61,.36,1);
        animation-range:44% 49%}
    html[data-frames]:not([data-motion='off'])
      [data-name^="Terminal / Discover preview"] .rd-term-stat{
        animation:rd-form both;animation-timeline:--sec;
        animation-timing-function:cubic-bezier(.22,.61,.36,1);
        animation-range:calc(48% + var(--i,0) * 1.5%) calc(54% + var(--i,0) * 1.5%)}
    /* the bars grow to the share they actually measured */
    @keyframes rd-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
    html[data-frames]:not([data-motion='off'])
      [data-name^="Terminal / Discover preview"] .rd-term-track i{
        transform-origin:left;
        animation:rd-grow both;animation-timeline:--sec;
        animation-timing-function:cubic-bezier(.25,.8,.35,1);
        animation-range:calc(52% + var(--i,0) * 1.6%) calc(60% + var(--i,0) * 1.6%)}
    html[data-frames]:not([data-motion='off'])
      [data-name^="Terminal / Discover preview"] :is(.rd-term-buys,.rd-term-sells){
        transform-origin:left;
        animation:rd-grow both;animation-timeline:--sec;
        animation-timing-function:cubic-bezier(.25,.8,.35,1);
        animation-range:64% 70%}
    html[data-frames]:not([data-motion='off'])
      /* the rows come with the rest of the panel. Left out, their names and
         percentages stood there from the first frame while the frame around
         them was still missing - labels floating in an empty box. */
      [data-name^="Terminal / Discover preview"] :is(.rd-term-flow>.rd-term-label,.rd-term-row,.rd-term-note,.rd-term-split,.rd-term-src){
        animation:rd-form both;animation-timeline:--sec;
        animation-timing-function:cubic-bezier(.22,.61,.36,1);
        animation-range:50% 56%}

    /* 01: the headline follows the clause - and the copy follows the headline.
       With the hero owning the first screen the section enters exactly as the
       visitor starts to scroll, so its head is read early: the eyebrow, the clause
       at 13-16%, the headline at 16-22%, the copy at 22-26%. Before, the copy was
       static and the headline came at 22-30%: for the first 640px of scrolling
       the copy stood beside a hole where the headline should be. */
    html[data-frames]:not([data-motion='off'])
      [data-name="Products / Choose your edge"] :is(h2.text,h3.text){
        animation-timeline:--sec;animation-range:16% 22%;
        animation-timing-function:cubic-bezier(.22,.8,.3,1)}
    html[data-frames]:not([data-motion='off'])
      [data-name="Products / Choose your edge"] [data-name="Product selection introduction"]{
        animation:rd-form both;animation-timeline:--sec;animation-range:22% 26%;
        animation-timing-function:cubic-bezier(.22,.61,.36,1)}
    /* 01: the five rows arrive in order while the list is held - the list IS
       the claim, so counting them out is the proof of "every tool you need" */
    html[data-frames]:not([data-motion='off'])
      [data-name="Products / Choose your edge"] [data-name$=" product row"]{
        animation:rd-form both;animation-timeline:--sec;
        animation-timing-function:cubic-bezier(.22,.61,.36,1);
        /* straight after the clause, so the held frame is never a headline over
           an empty page: the list IS the proof of "every tool you need" */
        /* they start while the clause is still resolving: held over an empty page for
           400px, the frame read as missing its content rather than as composed */
        animation-range:calc(38% + var(--row,0) * 3%) calc(45% + var(--row,0) * 3%)}
  }
}
/* engine copy: the block above, for a browser that cannot drive it */
@media(prefers-reduced-motion:no-preference){@keyframes rd-clauseword{from{color:var(--clause-rest,#5c625d);transform:translateY(calc(3 * var(--unit)))}to{color:var(--clause-ink,var(--ink));transform:none}}html:where([data-sda-js])[data-frames]:not([data-motion='off']) .rd-clause{
      animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(var(--cs,20%) - 3%) var(--cs,20%);--rd-range:calc(var(--cs,20%) - 3%) var(--cs,20%)}html:where([data-sda-js])[data-frames]:not([data-motion='off']) .rd-clause span{
      display:inline-block;
      animation:rd-clauseword both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(var(--cs,20%) + var(--f,0) * var(--cw,16%))
                      calc(var(--cs,20%) + 8% + var(--f,0) * var(--cw,16%));--rd-range:calc(var(--cs,20%) + var(--f,0) * var(--cw,16%))
                      calc(var(--cs,20%) + 8% + var(--f,0) * var(--cw,16%))}html:where([data-sda-js])[data-frames]:not([data-motion='off'])
      [data-name^="Terminal / Discover preview"] .rd-term-top,html:where([data-sda-js])[data-frames]:not([data-motion='off'])
      [data-name^="Terminal / Discover preview"] .rd-term-title{
        animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
        animation-timing-function:cubic-bezier(.22,.61,.36,1);
        animation-range:44% 49%;--rd-range:44% 49%}html:where([data-sda-js])[data-frames]:not([data-motion='off'])
      [data-name^="Terminal / Discover preview"] .rd-term-stat{
        animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
        animation-timing-function:cubic-bezier(.22,.61,.36,1);
        animation-range:calc(48% + var(--i,0) * 1.5%) calc(54% + var(--i,0) * 1.5%);--rd-range:calc(48% + var(--i,0) * 1.5%) calc(54% + var(--i,0) * 1.5%)}@keyframes rd-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}html:where([data-sda-js])[data-frames]:not([data-motion='off'])
      [data-name^="Terminal / Discover preview"] .rd-term-track i{
        transform-origin:left;
        animation:rd-grow both;animation-timeline:--sec;--rd-timeline:--sec;
        animation-timing-function:cubic-bezier(.25,.8,.35,1);
        animation-range:calc(52% + var(--i,0) * 1.6%) calc(60% + var(--i,0) * 1.6%);--rd-range:calc(52% + var(--i,0) * 1.6%) calc(60% + var(--i,0) * 1.6%)}html:where([data-sda-js])[data-frames]:not([data-motion='off'])
      [data-name^="Terminal / Discover preview"] :is(.rd-term-buys,.rd-term-sells){
        transform-origin:left;
        animation:rd-grow both;animation-timeline:--sec;--rd-timeline:--sec;
        animation-timing-function:cubic-bezier(.25,.8,.35,1);
        animation-range:64% 70%;--rd-range:64% 70%}html:where([data-sda-js])[data-frames]:not([data-motion='off'])
      
      [data-name^="Terminal / Discover preview"] :is(.rd-term-flow>.rd-term-label,.rd-term-row,.rd-term-note,.rd-term-split,.rd-term-src){
        animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
        animation-timing-function:cubic-bezier(.22,.61,.36,1);
        animation-range:50% 56%;--rd-range:50% 56%}html:where([data-sda-js])[data-frames]:not([data-motion='off'])
      [data-name="Products / Choose your edge"] :is(h2.text,h3.text){
        animation-timeline:--sec;--rd-timeline:--sec;animation-range:16% 22%;--rd-range:16% 22%;
        animation-timing-function:cubic-bezier(.22,.8,.3,1)}html:where([data-sda-js])[data-frames]:not([data-motion='off'])
      [data-name="Products / Choose your edge"] [data-name="Product selection introduction"]{
        animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;animation-range:22% 26%;--rd-range:22% 26%;
        animation-timing-function:cubic-bezier(.22,.61,.36,1)}html:where([data-sda-js])[data-frames]:not([data-motion='off'])
      [data-name="Products / Choose your edge"] [data-name$=" product row"]{
        animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
        animation-timing-function:cubic-bezier(.22,.61,.36,1);
        
        
        animation-range:calc(38% + var(--row,0) * 3%) calc(45% + var(--row,0) * 3%);--rd-range:calc(38% + var(--row,0) * 3%) calc(45% + var(--row,0) * 3%)}
  }


}

/* ---- the hero, typographic ---------------------------------------------------
   Reference brilean.com (Awwwards, measured): headline left, description right
   on the headline's last line, no object. */
html[data-v='f'] .hero.rd-hero-type{align-items:flex-end;gap:calc(64 * var(--unit))}
html[data-v='f'] .rd-hero-type [data-name="Hero message"]{flex:0 1 auto;width:auto;max-width:calc(760 * var(--unit))}
html[data-v='f'] .rd-hero-type h1{width:100%}
html[data-v='f'] .rd-hero-aside{
  flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:calc(28 * var(--unit));
  padding-bottom:calc(10 * var(--unit))}
html[data-v='f'] .rd-hero-aside [data-name="Hero description"]{width:auto;max-width:calc(470 * var(--unit))}

/* ---- section 04: three grammars to compare (?v=fxa | fxb | fxc) ---------------
   The pipeline is the content; the form and the scale come from a measured
   reference each: a. stripe.com/radar (a list of checks ticking, the object,
   the outcome - states change, nothing flies); b. cerebrium.ai and
   jito.network (one typographic table, rows updating); c. railway.com (two
   nodes, a narrow column of 3px dots). No duration is stated anywhere. */
html[data-v='f'] .rd-s4-section{
  display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;
  min-height:0;height:auto;padding-top:calc(88 * var(--unit));padding-bottom:calc(64 * var(--unit))}
html[data-v='f'] .rd-s4{display:flex;flex-direction:column;width:100%;color:#162016;--pi:#162016;--pm:#5c625d;--pl:color-mix(in srgb,#162016 14%,transparent)}
html[data-v='f'] .rd-s4-head{max-width:calc(640 * var(--unit))}
html[data-v='f'] .rd-s4-eyebrow{margin:0;font-family:'IBM Plex Mono',monospace;font-size:calc(12 * var(--unit));letter-spacing:calc(1.2 * var(--unit));color:var(--pm)}
html[data-v='f'] .rd-s4-h{margin:calc(24 * var(--unit)) 0 0;font-family:'Space Grotesk',sans-serif;font-size:calc(52 * var(--unit));line-height:calc(56 * var(--unit));letter-spacing:calc(-2.3 * var(--unit));font-weight:500;color:var(--pi)}
html[data-v='f'] .rd-s4-copy{margin:calc(22 * var(--unit)) 0 0;font-family:'Inter',sans-serif;font-size:calc(17 * var(--unit));line-height:calc(28 * var(--unit));color:#3a3f3b}
/* a: the scene under the head (Radar: the headline above, the scene below) */
html[data-v='f'] .rd-s4-a .rd-s4-body{display:flex;flex-direction:column;gap:calc(64 * var(--unit))}
/* b, c: the object beside the copy (Cerebrium, Railway: text left, object right) */
html[data-v='f'] :is(.rd-s4-b,.rd-s4-c) .rd-s4-body{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:calc(96 * var(--unit));align-items:start}
html[data-v='f'] :is(.rd-s4-b,.rd-s4-c) .rd-s4-obj{padding-top:calc(6 * var(--unit))}
html[data-v='f'] .rd-s4-foot{
  display:flex;justify-content:space-between;align-items:baseline;gap:calc(24 * var(--unit));margin-top:calc(64 * var(--unit));padding-top:calc(18 * var(--unit));
  border-top:1px solid var(--pl);font-family:'IBM Plex Mono',monospace;font-size:calc(11 * var(--unit));letter-spacing:calc(.8 * var(--unit));color:var(--pm)}
html[data-v='f'] .rd-s4-note{color:color-mix(in srgb,var(--pm) 80%,transparent)}
html[data-v='f'] .rd-s4-edges{margin-left:auto}
html[data-v='f'] .rd-s4-docs{font-family:'Inter',sans-serif;font-size:calc(15 * var(--unit));font-weight:500;letter-spacing:0;color:var(--pi);text-decoration:none}
html[data-v='f'] .rd-s4-docs:hover{text-decoration:underline}

/* a. the bolt writes every line. No table, no rules, no box: the headline,
   the copy, and the six steps of the leader's pipeline as lines of text - a
   name and its state - each produced by the streak the way the headline is,
   then run through, then the next. Only the headline's beats are big. */
html[data-v='f'] .rd-s4-a .rd-s4-body{display:flex;flex-direction:column;gap:calc(56 * var(--unit))}
html[data-v='f'] .rd-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(22 * var(--unit));max-width:calc(760 * var(--unit))}
html[data-v='f'] .rd-step{display:flex;align-items:baseline;gap:calc(22 * var(--unit))}
html[data-v='f'] .rd-step-name{flex:none;width:calc(190 * var(--unit));font-family:'Space Grotesk',sans-serif;font-size:calc(28 * var(--unit));line-height:1.1;letter-spacing:calc(-.8 * var(--unit));font-weight:500;color:var(--pi)}
html[data-v='f'] .rd-step-state{font-family:'Inter',sans-serif;font-size:calc(16 * var(--unit));line-height:1.4;color:var(--pm)}
/* the canvas over the section's content carries the streak and the writing */
html[data-v='f'] .rd-s4-rel{position:relative}
html[data-v='f'] .rd-s4-elec{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:4}
/* while the streak has not reached a line, the line is not there; once
   written it is lit - amber, cooling to its own colour */
@keyframes rd-cool{from{color:var(--from,#f5a623);text-shadow:0 0 calc(10 * var(--unit)) rgba(245,166,35,.45)}to{color:var(--c);text-shadow:0 0 0 rgba(245,166,35,0)}}
html[data-v='f'] .rd-s4-wait :is(.rd-s4-h,.rd-s4-copy,.rd-step-name,.rd-step-state,.rd-s4-foot){opacity:0}
html[data-v='f'] .rd-s4-in :is(.rd-s4-h,.rd-s4-copy,.rd-step-name,.rd-step-state):not(.rd-lit){opacity:0}
html[data-v='f'] .rd-s4-in .rd-lit{opacity:1}
html[data-v='f'] .rd-s4-in .rd-lit.rd-cool-leaf{animation:rd-cool 1.1s ease}
/* the rest simply appears: a short fade once the headline is written */
html[data-v='f'] .rd-s4-in :is(.rd-s4-copy,.rd-step-name,.rd-step-state){transition:opacity .4s ease}
html[data-v='f'] .rd-s4-in .rd-s4-foot{transition:opacity .5s ease .6s;opacity:1}

/* b. the state table: one object of 560u, rows whose state arrives in order */
html[data-v='f'] .rd-tab{width:calc(560 * var(--unit));font-family:'IBM Plex Mono',monospace}
html[data-v='f'] .rd-tab-eyebrow{margin:0 0 calc(14 * var(--unit));font-size:calc(10.5 * var(--unit));letter-spacing:calc(1.4 * var(--unit));color:var(--pm)}
html[data-v='f'] .rd-tab-row{display:grid;grid-template-columns:calc(160 * var(--unit)) 1fr;align-items:baseline;min-height:calc(56 * var(--unit));padding:calc(17 * var(--unit)) 0;box-sizing:border-box;border-top:1px solid var(--pl);transition:opacity .3s ease}
html[data-v='f'] .rd-tab-row:last-child{border-bottom:1px solid var(--pl)}
html[data-v='f'] .rd-tab-row.rd-off{opacity:.35}
html[data-v='f'] .rd-tab-name{display:flex;align-items:center;gap:calc(10 * var(--unit));font-size:calc(11.5 * var(--unit));letter-spacing:calc(1.4 * var(--unit));color:color-mix(in srgb,var(--pm) 70%,transparent);transition:color .3s ease}
html[data-v='f'] .rd-tab-row.rd-on .rd-tab-name{color:var(--pi)}
html[data-v='f'] .rd-tab-dot{width:calc(7 * var(--unit));height:calc(7 * var(--unit));border-radius:50%;background:var(--amber);opacity:0;transition:opacity .25s ease}
html[data-v='f'] .rd-tab-row.rd-now .rd-tab-dot{opacity:1}
html[data-v='f'] .rd-tab-state{font-family:'Inter',sans-serif;font-size:calc(15 * var(--unit));color:var(--pi);opacity:0;transform:translateY(calc(3 * var(--unit)));transition:opacity .35s ease,transform .35s cubic-bezier(.22,.61,.36,1)}
html[data-v='f'] .rd-tab-row.rd-on .rd-tab-state{opacity:1;transform:none}

/* c. the narrow stream: the edge, the leader, 150 dots of 3u between them */
html[data-v='f'] .rd-flow{width:calc(465 * var(--unit));font-family:'IBM Plex Mono',monospace}
html[data-v='f'] .rd-flow-node{padding:calc(16 * var(--unit)) 0;border-top:1px solid var(--pl)}
html[data-v='f'] .rd-flow-node:last-child{border-bottom:1px solid var(--pl)}
html[data-v='f'] .rd-flow-node-eyebrow{margin:0;font-size:calc(10.5 * var(--unit));letter-spacing:calc(1.4 * var(--unit));color:var(--pm)}
html[data-v='f'] .rd-flow-node-name{margin:calc(6 * var(--unit)) 0 0;font-family:'Inter',sans-serif;font-size:calc(17 * var(--unit));color:var(--pi)}
html[data-v='f'] .rd-flow-stream{position:relative;height:calc(240 * var(--unit));width:calc(140 * var(--unit));margin:0 auto;overflow:visible}
html[data-v='f'] .rd-flow-dot{position:absolute;left:0;top:0;width:calc(3 * var(--unit));height:calc(3 * var(--unit));border-radius:50%;background:color-mix(in srgb,#162016 55%,transparent);opacity:0}
html[data-v='f'] .rd-flow-dot-yours{width:calc(4 * var(--unit));height:calc(4 * var(--unit));background:var(--amber)}
html[data-v='f'] .rd-flow-chip{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);padding:calc(4 * var(--unit)) calc(10 * var(--unit));background:var(--paper);font-size:calc(10 * var(--unit));letter-spacing:calc(1.4 * var(--unit));color:var(--pm);white-space:nowrap}

/* ---- section 05: infrastructure -------------------------------------------------
   Two lines of fact and the grid of regions x products: the documented
   endpoint in each cell, a dash where a product is not served. */
html[data-v='f'] .rd-infra{display:flex;flex-direction:column;gap:calc(48 * var(--unit));padding:calc(88 * var(--unit)) calc(312 * var(--unit)) calc(80 * var(--unit));background:#0c0d0d;color:var(--ink);border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}
html[data-v='f'] .rd-infra-head{max-width:calc(720 * var(--unit))}
html[data-v='f'] .rd-infra-eyebrow{margin:0;font-family:'IBM Plex Mono',monospace;font-size:calc(12 * var(--unit));letter-spacing:calc(1.2 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-infra-h{margin:calc(24 * var(--unit)) 0 0;font-family:'Space Grotesk',sans-serif;font-size:calc(58 * var(--unit));line-height:calc(61 * var(--unit));letter-spacing:calc(-2.5 * var(--unit));font-weight:500;color:var(--ink)}
html[data-v='f'] .rd-infra-copy{margin:calc(22 * var(--unit)) 0 0;font-family:'Inter',sans-serif;font-size:calc(17 * var(--unit));line-height:calc(28 * var(--unit));color:var(--muted);max-width:calc(620 * var(--unit))}
html[data-v='f'] .rd-infra-grid{display:flex;flex-direction:column;width:100%;font-family:'Inter',sans-serif;--il:color-mix(in srgb,var(--ink) 14%,transparent)}
html[data-v='f'] .rd-infra-row{display:grid;grid-template-columns:calc(200 * var(--unit)) repeat(4,minmax(0,1fr));column-gap:calc(24 * var(--unit));align-items:center;min-height:calc(72 * var(--unit));padding:calc(14 * var(--unit)) 0;border-top:1px solid var(--il)}
html[data-v='f'] .rd-infra-row:last-child{border-bottom:1px solid var(--il)}
html[data-v='f'] .rd-infra-row-head{border-top:0;min-height:0;padding-bottom:calc(18 * var(--unit));align-items:end}
html[data-v='f'] .rd-infra-corner{font-family:'IBM Plex Mono',monospace;font-size:calc(11 * var(--unit));letter-spacing:calc(1.2 * var(--unit));text-transform:uppercase;color:var(--muted)}
html[data-v='f'] .rd-infra-col{display:flex;flex-direction:column;gap:calc(6 * var(--unit))}
html[data-v='f'] .rd-infra-pname{display:flex;align-items:center;gap:calc(10 * var(--unit));font-family:'Space Grotesk',sans-serif;font-size:calc(24 * var(--unit));font-weight:500;letter-spacing:calc(-.5 * var(--unit));color:var(--ink)}
html[data-v='f'] .rd-infra-dot{flex:none;width:calc(8 * var(--unit));height:calc(8 * var(--unit));border-radius:50%}
html[data-v='f'] .rd-infra-how{font-size:calc(13 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-infra-region{display:flex;align-items:baseline;gap:calc(12 * var(--unit))}
html[data-v='f'] .rd-infra-code{font-family:'Space Grotesk',sans-serif;font-size:calc(22 * var(--unit));font-weight:500;text-transform:uppercase;letter-spacing:calc(.4 * var(--unit));color:var(--ink)}
html[data-v='f'] .rd-infra-city{font-size:calc(13 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-infra-cell{position:relative;padding-left:calc(16 * var(--unit));font-size:calc(14 * var(--unit));font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-v='f'] .rd-infra-cell::before{content:'';position:absolute;left:0;top:50%;width:calc(6 * var(--unit));height:calc(6 * var(--unit));margin-top:calc(-3 * var(--unit));border-radius:50%;background:var(--pc,transparent)}
html[data-v='f'] .rd-infra-cell-off{color:color-mix(in srgb,var(--muted) 55%,transparent)}
html[data-v='f'] .rd-infra-cell-off::before{display:none}
html[data-v='f'] .rd-infra-foot{display:flex;justify-content:space-between;align-items:baseline;gap:calc(32 * var(--unit))}
html[data-v='f'] .rd-infra-note{margin:0;font-family:'Inter',sans-serif;font-size:calc(13 * var(--unit));line-height:1.5;color:var(--muted);max-width:calc(760 * var(--unit))}
html[data-v='f'] .rd-infra-docs{font-family:'Inter',sans-serif;font-size:calc(15 * var(--unit));font-weight:500;color:var(--ink);text-decoration:none;white-space:nowrap}
html[data-v='f'] .rd-infra-docs:hover{text-decoration:underline}

/* ---- section 05: the rate card ----------------------------------------------
   Not the industry's columns (vercel, linear, helius, resend, quicknode - all
   the same grid): one row per product, the price first in one aligned column
   of tabular figures, then the name, what it includes, the action. Lines
   between rows, no boxes, one type for numbers. */
/* the pricing on the paper ground: after Bolt (light), infrastructure (dark)
   it alternates again - three dark sections in a row read as one */
html[data-v='f'] .rd-rate-section{gap:calc(40 * var(--unit));background:#eeede6;--ink:#162016;--muted:#5c625d;--bg:#eeede6}
html[data-v='f'] .rd-rate-section [data-name="Pricing headline"]{color:#162016!important}
html[data-v='f'] .rd-rate-section [data-name="Pricing explanation"],html[data-v='f'] .rd-rate-section [data-name="Pricing explanation"] *{color:#3a3f3b!important}
html[data-v='f'] .rd-rate-section [data-name="Section 05"]{color:#5c625d!important}
html[data-v='f'] .rd-rate{display:flex;flex-direction:column;width:100%;color:var(--ink);--rl:color-mix(in srgb,var(--ink) 14%,transparent)}
html[data-v='f'] .rd-rate-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 0 calc(14 * var(--unit))}
html[data-v='f'] .rd-rate-head-l{font-family:'IBM Plex Mono',monospace;font-size:calc(12 * var(--unit));letter-spacing:calc(1.2 * var(--unit));text-transform:uppercase;color:var(--muted)}
html[data-v='f'] .rd-rate-head-r{font-family:'Inter',sans-serif;font-size:calc(13 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-rate-row{
  display:grid;grid-template-columns:calc(150 * var(--unit)) calc(170 * var(--unit)) minmax(0,1fr) auto;align-items:center;column-gap:calc(24 * var(--unit));
  min-height:calc(92 * var(--unit));padding:calc(18 * var(--unit)) 0;border-top:1px solid var(--rl)}
html[data-v='f'] .rd-rate-row:last-child{border-bottom:1px solid var(--rl)}
html[data-v='f'] .rd-rate-price{font-family:'Space Grotesk',sans-serif;font-size:calc(40 * var(--unit));line-height:1;font-weight:500;letter-spacing:calc(-1.2 * var(--unit));font-variant-numeric:tabular-nums;color:var(--ink)}
html[data-v='f'] .rd-rate-price-none{color:var(--muted);font-weight:400}
html[data-v='f'] .rd-rate-name{display:flex;align-items:center;gap:calc(10 * var(--unit));font-family:'Space Grotesk',sans-serif;font-size:calc(22 * var(--unit));font-weight:500;letter-spacing:calc(-.4 * var(--unit));color:var(--ink)}
html[data-v='f'] .rd-rate-dot{flex:none;width:calc(8 * var(--unit));height:calc(8 * var(--unit));border-radius:50%}
html[data-v='f'] .rd-rate-detail{display:flex;flex-direction:column;gap:calc(4 * var(--unit));font-family:'Inter',sans-serif;font-size:calc(15 * var(--unit));line-height:1.45;color:var(--ink)}
html[data-v='f'] .rd-rate-detail-note{font-size:calc(13 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-rate-act{display:flex;align-items:center;gap:calc(20 * var(--unit));justify-content:flex-end;white-space:nowrap}
html[data-v='f'] .rd-rate-link{font-family:'Inter',sans-serif;font-size:calc(14 * var(--unit));font-weight:500;color:var(--ink);text-decoration:none}
html[data-v='f'] .rd-rate-link:hover{text-decoration:underline}
html[data-v='f'] .rd-rate-more{color:var(--muted)}
html[data-v='f'] .rd-rate-primary{display:inline-flex;align-items:center;height:calc(40 * var(--unit));padding:0 calc(18 * var(--unit));border-radius:calc(999 * var(--unit));background:var(--ink);color:var(--bg);font-weight:600}
html[data-v='f'] .rd-rate-primary:hover{text-decoration:none;background:color-mix(in srgb,var(--ink) 88%,var(--bg))}

html[data-v='f'] .rd-rate-price-word{font-size:calc(28 * var(--unit));letter-spacing:calc(-.6 * var(--unit))}

/* ---- bolt.html: the product page in the home's language ------------------------
   The hero typographic (headline left; summary, action, the five edges right,
   on the headline's baseline), the curl example flat, and no pricing: a
   contact for custom requirements. */
html[data-v='f'] .rd-pill{display:inline-flex;align-items:center;height:calc(44 * var(--unit));padding:0 calc(20 * var(--unit));border-radius:calc(999 * var(--unit));background:var(--ink);color:var(--bg);font-family:'Inter',sans-serif;font-size:calc(15 * var(--unit));font-weight:600;text-decoration:none;white-space:nowrap;width:max-content}
html[data-v='f'] .rd-pill:hover{background:color-mix(in srgb,var(--ink) 88%,var(--bg))}
html[data-v='f'] .rd-pill-dark{background:#0c0d0d;color:#f4f2eb}
html[data-v='f'] .rd-pill-dark:hover{background:#1c1e1c}
html[data-v='f'] .rd-phero{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;text-align:left;gap:calc(64 * var(--unit));min-height:calc(480 * var(--unit));height:auto;box-sizing:border-box}
html[data-v='f'] .rd-phero-copy,html[data-v='f'] .rd-phero-copy *,html[data-v='f'] .rd-phero-aside,html[data-v='f'] .rd-phero-aside *{text-align:left}
html[data-v='f'] .rd-phero-copy{display:flex;flex-direction:column;align-items:flex-start}
html[data-v='f'] .rd-phero .rd-phero-copy{flex:0 1 auto;width:auto;max-width:calc(760 * var(--unit))}
html[data-v='f'] .rd-phero h1{width:100%}
html[data-v='f'] .rd-phero-aside{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:calc(28 * var(--unit));padding-bottom:calc(10 * var(--unit))}
html[data-v='f'] .rd-phero-aside>p:first-child{width:auto;max-width:calc(470 * var(--unit))}
html[data-v='f'] .rd-phero-actions{display:flex;align-items:center;gap:calc(22 * var(--unit));flex-wrap:wrap}
html[data-v='f'] .rd-tlink{font-family:'Inter',sans-serif;font-size:calc(15 * var(--unit));font-weight:500;color:var(--ink);text-decoration:none;white-space:nowrap}
html[data-v='f'] .rd-tlink:hover{text-decoration:underline}
html[data-v='f'] .rd-phero-mono{margin:0;font-family:'IBM Plex Mono',monospace;font-size:calc(12 * var(--unit));letter-spacing:calc(.8 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-phero>*:not(.rd-phero-copy):not(.rd-phero-aside):not(.rd-surface){display:none}
/* the curl example: no box */
html[data-v='f'] .rd-flat-code{background:transparent!important;border:0!important;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)!important;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent)!important;border-radius:0!important;box-shadow:none!important;color:var(--ink)}
/* a light section: the other set of tokens */
html[data-v='f'] .rd-on-light{--ink:#162016;--muted:#5c625d;--bg:#eeede6;color:#162016}
html[data-v='f'] .rd-flat-code *{color:inherit!important;background:transparent!important}
html[data-v='f'] .rd-flat-code [data-name="Code header"]{border:0!important;background:transparent!important}
/* custom requirements, in place of the plans */
html[data-v='f'] .rd-custom{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:calc(64 * var(--unit));min-height:0;height:auto}
html[data-v='f'] .rd-custom-head{max-width:calc(640 * var(--unit))}
html[data-v='f'] .rd-custom-eyebrow{margin:0;font-family:'IBM Plex Mono',monospace;font-size:calc(12 * var(--unit));letter-spacing:calc(1.2 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-custom-h{margin:calc(24 * var(--unit)) 0 0;font-family:'Space Grotesk',sans-serif;font-size:calc(52 * var(--unit));line-height:calc(56 * var(--unit));letter-spacing:calc(-2.3 * var(--unit));font-weight:500;color:var(--ink)}
html[data-v='f'] .rd-custom-body{flex:0 1 calc(520 * var(--unit));display:flex;flex-direction:column;gap:calc(24 * var(--unit));padding-top:calc(44 * var(--unit))}
html[data-v='f'] .rd-custom-copy{margin:0;font-family:'Inter',sans-serif;font-size:calc(17 * var(--unit));line-height:calc(28 * var(--unit));color:var(--ink)}
html[data-v='f'] .rd-custom-note{margin:0;font-family:'Inter',sans-serif;font-size:calc(13 * var(--unit));line-height:1.5;color:var(--muted)}

/* ---- streams.html and the stream sheets ---------------------------------------
   The shared page's own hero; the comparison at three columns; the plans of a
   product as rate-card rows on the product's pricing section. */
html[data-v='f'] .rd-shero{display:flex;align-items:flex-end;gap:calc(64 * var(--unit));min-height:calc(480 * var(--unit));box-sizing:border-box;padding:calc(88 * var(--unit)) calc(312 * var(--unit)) calc(72 * var(--unit));background:#0c0d0d;color:var(--ink)}
html[data-v='f'] .rd-shero-copy{flex:0 1 auto;max-width:calc(760 * var(--unit))}
html[data-v='f'] .rd-shero-eyebrow{margin:0;font-family:'IBM Plex Mono',monospace;font-size:calc(12 * var(--unit));letter-spacing:calc(1.2 * var(--unit));color:var(--amber)}
html[data-v='f'] .rd-shero-h{margin:calc(24 * var(--unit)) 0 0;font-family:'Space Grotesk',sans-serif;font-size:calc(88 * var(--unit));line-height:.98;letter-spacing:calc(-3.5 * var(--unit));font-weight:500;white-space:pre-line;color:var(--ink)}
html[data-v='f'] .rd-shero-sum{margin:0;font-family:'Inter',sans-serif;font-size:calc(17 * var(--unit));line-height:calc(28 * var(--unit));color:var(--muted);max-width:calc(470 * var(--unit))}
/* the comparison: three columns */
html[data-v='f'] .rd-cmp3 [data-name^="Comparison row "]{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;column-gap:calc(24 * var(--unit));width:100%}
html[data-v='f'] .rd-cmp3 [data-name^="Comparison row "]>p{width:auto;min-width:0}
html[data-v='f'] .rd-cmp3 [data-name="Stream use cases"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(24 * var(--unit));width:100%}
html[data-v='f'] .rd-cmp3 [data-name="Stream use cases"]>div{width:auto;min-width:0}
/* the comparison on the dark ground, so the grounds alternate */
html[data-v='f'] .rd-cmp-dark{background:#0c0d0d!important;color:var(--ink)}
html[data-v='f'] .rd-cmp-dark *{color:var(--ink)!important}
html[data-v='f'] .rd-cmp-dark [data-name="Compare eyebrow"],html[data-v='f'] .rd-cmp-dark [data-name$=" field"],html[data-v='f'] .rd-cmp-dark [data-name="Comparison scope note"],html[data-v='f'] .rd-cmp-dark [data-name$=" description"]{color:var(--muted)!important}
html[data-v='f'] .rd-cmp-dark [data-name^="Comparison row "]{border-color:color-mix(in srgb,var(--ink) 14%,transparent)!important}
/* plans and connect: the sheet's own sections */
html[data-v='f'] .rd-splans{display:flex;flex-direction:column;gap:calc(40 * var(--unit));padding:calc(88 * var(--unit)) calc(312 * var(--unit)) calc(80 * var(--unit));background:#eeede6;--ink:#162016;--muted:#5c625d;--bg:#eeede6;color:#162016}
html[data-v='f'] .rd-splans-head{max-width:calc(720 * var(--unit))}
html[data-v='f'] .rd-sconnect{display:flex;flex-direction:column;gap:calc(40 * var(--unit));padding:calc(88 * var(--unit)) calc(312 * var(--unit)) calc(80 * var(--unit));background:#0c0d0d;color:var(--ink)}
html[data-v='f'] .rd-sconnect-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:calc(48 * var(--unit))}
html[data-v='f'] .rd-sconnect-col{display:flex;flex-direction:column;gap:calc(14 * var(--unit));padding-top:calc(22 * var(--unit));border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}
html[data-v='f'] .rd-sconnect-name{display:flex;align-items:center;gap:calc(10 * var(--unit));margin:0;font-family:'Space Grotesk',sans-serif;font-size:calc(26 * var(--unit));font-weight:500;letter-spacing:calc(-.6 * var(--unit));color:var(--ink)}
html[data-v='f'] .rd-sconnect-limits{margin:0;font-family:'Inter',sans-serif;font-size:calc(13 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-sconnect-copy{margin:0;font-family:'Inter',sans-serif;font-size:calc(15 * var(--unit));line-height:1.55;color:var(--ink)}
html[data-v='f'] .rd-sconnect .rd-tlink{color:var(--ink)}
/* ---- the source, the real things ---------------------------------------------------
   Under the head, three columns of data in the flat-code register: a shred as
   it lands, the transaction decoded, the Geyser update. Lines arrive top to
   bottom, once. Hairlines only; no boxes. */
html[data-v='f'] .rd-source{display:flex;flex-direction:column;align-items:stretch;gap:calc(56 * var(--unit));padding:calc(88 * var(--unit)) calc(312 * var(--unit)) calc(80 * var(--unit));background:#eeede6;--ink:#162016;--muted:#5c625d;--bg:#eeede6;color:#162016;--hl:color-mix(in srgb,#162016 18%,transparent)}
html[data-v='f'] .rd-source-head{max-width:calc(760 * var(--unit))}
html[data-v='f'] .rd-real{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:calc(36 * var(--unit));font-family:'IBM Plex Mono',monospace;font-size:calc(12 * var(--unit));line-height:calc(21 * var(--unit));color:var(--ink)}
@media (max-width:1500px){html[data-v='f'] .rd-real{font-size:10.5px;line-height:18px;column-gap:24px}html[data-v='f'] .rd-real-line{grid-template-columns:12ch minmax(0,1fr)}}
html[data-v='f'] .rd-real-col{display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--hl);padding-top:calc(14 * var(--unit))}
html[data-v='f'] .rd-real-h{display:flex;align-items:baseline;gap:calc(10 * var(--unit));margin-bottom:calc(2 * var(--unit))}
html[data-v='f'] .rd-real-name{font-family:'Space Grotesk',sans-serif;font-size:calc(22 * var(--unit));font-weight:500;letter-spacing:calc(-.4 * var(--unit))}
html[data-v='f'] .rd-real-lead{font-family:'Inter',sans-serif;font-size:calc(14 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-real-meta{margin:0 0 calc(14 * var(--unit));padding-bottom:calc(12 * var(--unit));border-bottom:1px solid var(--hl);font-size:calc(11.5 * var(--unit));color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-v='f'] .rd-real-body{display:flex;flex-direction:column}
html[data-v='f'] .rd-real-line{display:grid;grid-template-columns:14ch minmax(0,1fr);column-gap:1ch;white-space:pre;overflow:hidden;text-overflow:ellipsis}
html[data-v='f'] .rd-real-line>span{overflow:hidden;text-overflow:ellipsis}
html[data-v='f'] .rd-real-l{color:var(--muted)}
html[data-v='f'] .rd-real-note{margin:calc(-24 * var(--unit)) 0 0;font-family:'IBM Plex Mono',monospace;font-size:calc(11 * var(--unit));letter-spacing:calc(.3 * var(--unit));color:var(--muted)}
/* the arrival */
html[data-v='f'] .rd-real-wait .rd-real-line,html[data-v='f'] .rd-real-wait .rd-real-h,html[data-v='f'] .rd-real-wait .rd-real-meta,html[data-v='f'] .rd-real-note{opacity:0;transition:opacity .35s ease-out}
html[data-v='f'] .rd-real-wait .rd-on,html[data-v='f'] .rd-real-note.rd-on{opacity:1}
/* ---- no flash of the base sheet -------------------------------------------------------
   Version f is built on the base DOM by site.js; the version is stamped on <html> by an
   inline script in the head, site.js runs synchronously at the end of the body, and
   until it has built the layer the desktop page stays invisible (not hidden: layout
   runs, measurements hold). A 3 s fallback in the head script unhides regardless. */
html[data-v='f']:not([data-built]) .desktop-design{visibility:hidden}
/* ---- product heroes, three directions to compare (?h=1|2|3) -----------------------------
   1 the field (paper top, a deep band with a live particle field), 2 the trail
   (one full-width live image of light streaks), 3 the object (a CSS-3D stack). */
html[data-v='f'] .rd-h3{position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding:0}
html[data-v='f'] .rd-h3-cv{position:absolute;inset:0;display:block;width:100%;height:100%}
html[data-v='f'] .rd-h3-eyebrow{margin:0;font-family:'IBM Plex Mono',monospace;font-size:calc(12 * var(--unit));letter-spacing:calc(1.2 * var(--unit))}
html[data-v='f'] .rd-h3-h{margin:calc(22 * var(--unit)) 0 0;font-family:'Space Grotesk',sans-serif;font-weight:300;font-size:calc(84 * var(--unit));line-height:.98;letter-spacing:calc(-3 * var(--unit));white-space:pre-line}
html[data-v='f'] .rd-h3-sum{margin:0;font-family:'Inter',sans-serif;font-size:calc(18 * var(--unit));line-height:calc(29 * var(--unit));max-width:calc(520 * var(--unit))}
html[data-v='f'] .rd-h3-aside{display:flex;flex-direction:column;gap:calc(26 * var(--unit))}
/* ---- the hero, the network live: title, a line, the readout across the width -------
   Real figures from mainnet, labelled with their source; digits tabular; the value
   that changes flashes amber. Empty until the network answers. */
html[data-v='f'] .rd-hl{display:flex;flex-direction:column;box-sizing:border-box;padding:calc(96 * var(--unit)) calc(120 * var(--unit)) calc(72 * var(--unit));background:#eeede6;color:#162016;--ink:#162016;--muted:#5c625d;--bg:#eeede6;--hl:color-mix(in srgb,#162016 16%,transparent)}
html[data-v='f'] .rd-hl-h{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:calc(104 * var(--unit));line-height:.96;letter-spacing:calc(-4.2 * var(--unit));color:#162016;white-space:pre-line;max-width:calc(1200 * var(--unit))}
html[data-v='f'] .rd-hl-sum{margin:calc(28 * var(--unit)) 0 0;font-family:'Inter',sans-serif;font-size:calc(19 * var(--unit));line-height:1.45;color:#5c625d;max-width:calc(640 * var(--unit))}
html[data-v='f'] .rd-hl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:calc(48 * var(--unit));margin-top:calc(72 * var(--unit));padding-top:calc(28 * var(--unit));border-top:1px solid var(--hl);min-height:calc(190 * var(--unit))}
html[data-v='f'] .rd-hl-cell{display:flex;flex-direction:column;gap:calc(10 * var(--unit));min-width:0}
html[data-v='f'] .rd-hl-l{font-family:'Inter',sans-serif;font-size:calc(13 * var(--unit));letter-spacing:calc(.6 * var(--unit));text-transform:uppercase;color:#5c625d}
html[data-v='f'] .rd-hl-v{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:calc(88 * var(--unit));line-height:1;letter-spacing:calc(-2.6 * var(--unit));font-variant-numeric:tabular-nums;color:#162016;min-height:calc(88 * var(--unit));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s ease-out}
html[data-v='f'] .rd-hl-wide .rd-hl-v{font-size:calc(64 * var(--unit));letter-spacing:calc(-1.5 * var(--unit));line-height:calc(88 * var(--unit))}
html[data-v='f'] .rd-hl-flash{animation:rd-hl-flash 1.1s ease-out}
@keyframes rd-hl-flash{0%{color:#b8770f}100%{color:#162016}}
html[data-v='f'] .rd-hl-s{font-family:'Inter',sans-serif;font-size:calc(13 * var(--unit));color:#5c625d}
html[data-v='f'] .rd-hl-foot{display:flex;align-items:center;justify-content:space-between;gap:calc(32 * var(--unit));margin-top:calc(40 * var(--unit));padding-top:calc(20 * var(--unit));border-top:1px solid var(--hl)}
html[data-v='f'] .rd-hl-src{margin:0;font-family:'Inter',sans-serif;font-size:calc(13 * var(--unit));color:#5c625d;opacity:0;transition:opacity .4s}
html[data-v='f'] .rd-hl-on .rd-hl-src{opacity:1}
html[data-v='f'] .rd-hl-actions{display:flex;align-items:center;gap:calc(24 * var(--unit))}
html[data-v='f'] .rd-hl .rd-pill{background:#162016;color:#eeede6}
html[data-v='f'] .rd-hl .rd-pill:hover{background:#2a332a}
html[data-v='f'] .rd-hl .rd-tlink{color:#162016}
@media (max-width:1500px){html[data-v='f'] .rd-hl{padding:calc(72 * var(--unit)) calc(96 * var(--unit))}html[data-v='f'] .rd-hl-h{font-size:calc(84 * var(--unit))}html[data-v='f'] .rd-hl-v{font-size:calc(60 * var(--unit))}html[data-v='f'] .rd-hl-wide .rd-hl-v{font-size:calc(44 * var(--unit))}}
@media (prefers-reduced-motion:reduce){html[data-v='f'] .rd-hl-flash{animation:none}}
/* ---- the hero, the statement: corners, a centred two-tone headline, a line, the actions;
   the letters fade in one by one (the headline only) ---------------------------------- */
html[data-v='f'] .rd-hs{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;min-height:calc(100vh - 152 * var(--unit));padding:calc(40 * var(--unit)) calc(312 * var(--unit)) calc(72 * var(--unit));background:#f8f7f2;border-bottom:1px solid color-mix(in srgb,#162016 14%,transparent);color:#162016;--ink:#162016;--muted:#5c625d;--bg:#eeede6;--panel:#141616;--line:#303431}
html[data-v='f'] .rd-hs-corners{display:flex;justify-content:space-between;width:100%;padding-bottom:calc(18 * var(--unit));border-bottom:1px solid color-mix(in srgb,#162016 14%,transparent)}
html[data-v='f'] .rd-hs-lbl{font-family:'IBM Plex Mono',monospace;font-size:calc(11 * var(--unit));letter-spacing:calc(1 * var(--unit));text-transform:uppercase;color:#5c625d}
html[data-v='f'] .rd-hs-main{display:flex;justify-content:space-between;align-items:stretch;gap:0;flex:1 1 auto;margin:0 0 calc(-72 * var(--unit))}
html[data-v='f'] .rd-hs-copy{justify-content:center;padding:calc(48 * var(--unit)) calc(48 * var(--unit)) calc(96 * var(--unit)) 0}
html[data-v='f'] body[data-page='homepage'] .rd-hs{min-height:calc(100vh - 96 * var(--unit))}
html[data-v='f'] .rd-hs-copy{display:flex;flex-direction:column;align-items:flex-start;flex:0 1 auto;min-width:0}
html[data-v='f'] .rd-hs-h{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:calc(104 * var(--unit));line-height:.92;letter-spacing:calc(-3.6 * var(--unit));text-align:left;max-width:calc(1100 * var(--unit))}
html[data-v='f'] .rd-hs-line{display:block;white-space:nowrap}
html[data-v='f'] .rd-hs-a{color:#162016}
html[data-v='f'] .rd-hs-b{color:var(--tone,#8f948f)}
html[data-v='f'] .rd-hs-ch{display:inline-block;opacity:0;transition:opacity .5s ease-out}
html[data-v='f'] .rd-hs-on .rd-hs-ch{opacity:1}
html[data-v='f'] .rd-hs-sum{margin:calc(36 * var(--unit)) 0 0;font-family:'Inter',sans-serif;font-size:calc(18 * var(--unit));line-height:1.5;color:#5c625d;text-align:left;max-width:calc(560 * var(--unit));opacity:0;transition:opacity .6s ease-out}
html[data-v='f'] .rd-hs-actions{display:flex;align-items:center;justify-content:flex-start;gap:calc(24 * var(--unit));margin-top:calc(28 * var(--unit));opacity:0;transition:opacity .6s ease-out}
/* the detail, right: a label and a few rows, no rules */
html[data-v='f'] .rd-hs-detail{flex:0 0 calc(360 * var(--unit));display:flex;flex-direction:column;justify-content:center;gap:calc(10 * var(--unit));padding:calc(48 * var(--unit)) 0 calc(96 * var(--unit)) calc(40 * var(--unit));border-left:1px solid color-mix(in srgb,#162016 14%,transparent);opacity:0;transition:opacity .6s ease-out 1s}
html[data-v='f'] .rd-hs-on .rd-hs-detail{opacity:1}
html[data-v='f'] .rd-hs-detail>.rd-hs-lbl{margin-bottom:calc(6 * var(--unit))}
html[data-v='f'] .rd-hs-drow{display:flex;align-items:baseline;gap:calc(14 * var(--unit));white-space:nowrap}
html[data-v='f'] .rd-hs-dname{font-family:'Space Grotesk',sans-serif;font-size:calc(22 * var(--unit));font-weight:500;letter-spacing:calc(-.4 * var(--unit));min-width:calc(96 * var(--unit))}
html[data-v='f'] .rd-hs-dwhat{font-family:'Inter',sans-serif;font-size:calc(15 * var(--unit));color:#5c625d}
html[data-v='f'] .rd-hs-on .rd-hs-sum,html[data-v='f'] .rd-hs-on .rd-hs-actions{opacity:1}
html[data-v='f'] .rd-hs .rd-pill{background:#162016;color:#eeede6}
html[data-v='f'] .rd-hs .rd-pill:hover{background:#2a332a}
html[data-v='f'] .rd-hs .rd-tlink{color:#162016}
html[data-v='f'] .rd-hs .rd-ha-panel{width:100%;margin-top:calc(72 * var(--unit))}
html[data-v='f'] .rd-hs-aud{display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;gap:calc(28 * var(--unit));width:100%;margin:calc(88 * var(--unit)) 0 0;padding-top:calc(20 * var(--unit));border-top:1px solid color-mix(in srgb,#162016 14%,transparent);opacity:0;transition:opacity .6s ease-out .9s}
html[data-v='f'] .rd-hs-on .rd-hs-aud{opacity:1}
html[data-v='f'] .rd-hs-aud-l{font-family:'IBM Plex Mono',monospace;font-size:calc(11 * var(--unit));letter-spacing:calc(1 * var(--unit));text-transform:uppercase;color:#5c625d;margin-right:calc(12 * var(--unit))}
html[data-v='f'] .rd-hs-aud-i{font-family:'Space Grotesk',sans-serif;font-size:calc(19 * var(--unit));font-weight:500;letter-spacing:calc(-.3 * var(--unit));color:#162016}
@media (max-width:1500px){html[data-v='f'] .rd-hs{padding:calc(32 * var(--unit)) calc(312 * var(--unit)) calc(72 * var(--unit))}html[data-v='f'] .rd-hs-h{font-size:calc(84 * var(--unit))}html[data-v='f'] .rd-hs-main{flex-direction:column;align-items:stretch;gap:0}html[data-v='f'] .rd-hs-detail{flex:none;border-left:0;border-top:1px solid color-mix(in srgb,#162016 14%,transparent);padding:calc(32 * var(--unit)) 0 calc(72 * var(--unit))}html[data-v='f'] .rd-hs-copy{padding-bottom:calc(40 * var(--unit))}}
@media (prefers-reduced-motion:reduce){html[data-v='f'] .rd-hs-ch,html[data-v='f'] .rd-hs-sum,html[data-v='f'] .rd-hs-actions{transition:none;opacity:1}}
/* the drawing, three placements (?place=): under the words full-bleed, behind them, or bleeding beside them */
html[data-v='f'] .rd-hs-drawn{position:relative;overflow:hidden}
html[data-v='f'] .rd-hs-draw .rd-h3-cv{position:absolute;inset:0;width:100%;height:100%}
/* under: words in flow, the drawing pinned to the foot, edge to edge */
html[data-v='f'] .rd-hs-under .rd-hs-main{flex:none;margin:calc(40 * var(--unit)) 0 0;align-items:flex-start}
html[data-v='f'] .rd-hs-under .rd-hs-copy{flex:0 0 auto;padding:0 0 calc(24 * var(--unit))}
html[data-v='f'] .rd-hs-under .rd-hs-draw{position:absolute;left:0;right:0;bottom:0;height:58%;pointer-events:none}
/* behind: the drawing fills the hero, the words sit over it */
html[data-v='f'] .rd-hs-behind .rd-hs-draw{position:absolute;inset:0;pointer-events:none}
html[data-v='f'] .rd-hs-behind .rd-hs-corners,html[data-v='f'] .rd-hs-behind .rd-hs-main{position:relative;z-index:1}
html[data-v='f'] .rd-hs-behind .rd-hs-main{align-items:flex-start}
html[data-v='f'] .rd-hs-behind .rd-hs-copy{flex:0 0 46%;padding:calc(48 * var(--unit)) 0 calc(96 * var(--unit))}
/* bleed: beside the words, but large and running off the right edge and the foot */
html[data-v='f'] .rd-hs-bleed .rd-hs-copy{flex:0 0 46%;padding-right:calc(24 * var(--unit))}
html[data-v='f'] .rd-hs-bleed .rd-hs-draw{position:absolute;right:calc(-312 * var(--unit));top:calc(72 * var(--unit));bottom:calc(-140 * var(--unit));width:calc(56vw);pointer-events:none}
html[data-v='f'] .rd-hs-bleed .rd-hs-main{position:relative}
html[data-v='f'] .rd-hs-drawn .rd-hs-h{font-size:calc(72 * var(--unit));letter-spacing:calc(-2.6 * var(--unit))}
@media (max-width:1500px){html[data-v='f'] .rd-hs-under .rd-hs-draw{height:46%}html[data-v='f'] .rd-hs-bleed .rd-hs-draw{width:70vw}}
/* ---- home: the edge next to you - five live clocks, the nearest lit ---------------- */
html[data-v='f'] .rd-he,html[data-v='f'] .rd-hb,html[data-v='f'] .rd-ha{display:flex;flex-direction:column;box-sizing:border-box;padding:calc(96 * var(--unit)) calc(120 * var(--unit)) calc(72 * var(--unit));background:#eeede6;color:#162016;--ink:#162016;--muted:#5c625d;--bg:#eeede6;--hl:color-mix(in srgb,#162016 16%,transparent)}
html[data-v='f'] .rd-he-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:calc(32 * var(--unit));margin-top:calc(72 * var(--unit));padding-top:calc(28 * var(--unit));border-top:1px solid var(--hl)}
html[data-v='f'] .rd-he-cell{display:flex;flex-direction:column;gap:calc(8 * var(--unit));min-width:0;transition:color .5s}
html[data-v='f'] .rd-he-city{font-family:'Space Grotesk',sans-serif;font-size:calc(30 * var(--unit));font-weight:500;letter-spacing:calc(-.6 * var(--unit));color:#162016}
html[data-v='f'] .rd-he-time{font-family:'Space Grotesk',sans-serif;font-size:calc(52 * var(--unit));font-weight:400;letter-spacing:calc(-1.6 * var(--unit));font-variant-numeric:tabular-nums;color:#5c625d;line-height:1.1}
html[data-v='f'] .rd-he-near .rd-he-city,html[data-v='f'] .rd-he-near .rd-he-time,html[data-v='f'] .rd-he-near .rd-hl-l{color:#b8770f}
html[data-v='f'] .rd-he .rd-pill,html[data-v='f'] .rd-hb .rd-pill,html[data-v='f'] .rd-ha .rd-pill{background:#162016;color:#eeede6}
html[data-v='f'] .rd-he .rd-tlink,html[data-v='f'] .rd-hb .rd-tlink,html[data-v='f'] .rd-ha .rd-tlink{color:#162016}
/* ---- bolt: the leader, right now - one value, huge -------------------------------- */
html[data-v='f'] .rd-hb-big{display:flex;flex-direction:column;gap:calc(14 * var(--unit));margin-top:calc(72 * var(--unit));padding-top:calc(28 * var(--unit));border-top:1px solid var(--hl);min-height:calc(200 * var(--unit))}
html[data-v='f'] .rd-hb-key{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:calc(112 * var(--unit));line-height:1;letter-spacing:calc(-3.4 * var(--unit));color:#162016;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:calc(112 * var(--unit))}
html[data-v='f'] .rd-hb-side{margin:0;font-family:'Inter',sans-serif;font-size:calc(15 * var(--unit));color:#5c625d;font-variant-numeric:tabular-nums}
/* ---- terminal: the app - the screener preview is the object -------------------------- */
html[data-v='f'] .rd-ha{gap:calc(56 * var(--unit))}
html[data-v='f'] .rd-ha-copy{display:flex;flex-direction:column;align-items:flex-start}
html[data-v='f'] .rd-ha-copy .rd-hl-actions{margin-top:calc(32 * var(--unit))}
html[data-v='f'] .rd-ha-panel{display:flex;flex-direction:column;align-items:center;gap:calc(14 * var(--unit));--bg:#0c0d0d;--panel:#141616;--ink:#f4f2eb;--muted:#a1a7a2;--line:#303431;color:var(--ink)}
html[data-v='f'] .rd-ha-panel>[data-name="Terminal Discover / recreated source preview"]{width:100%;max-width:calc(1296 * var(--unit))}
html[data-v='f'] .rd-ha-panel>[data-name="Screener source note"]{color:#5c625d}
@media (max-width:1500px){html[data-v='f'] .rd-he,html[data-v='f'] .rd-hb,html[data-v='f'] .rd-ha{padding:calc(72 * var(--unit)) calc(96 * var(--unit))}html[data-v='f'] .rd-he-time{font-size:calc(36 * var(--unit))}html[data-v='f'] .rd-he-city{font-size:calc(22 * var(--unit))}html[data-v='f'] .rd-hb-key{font-size:calc(72 * var(--unit))}}
/* ---- layer 'squares' (.rd-hq): paper, Instrument Serif, a lattice of squares right ---- */
html[data-v='f'] .rd-hq{display:flex;align-items:center;gap:calc(64 * var(--unit));box-sizing:border-box;min-height:calc(760 * var(--unit));padding:calc(72 * var(--unit)) calc(120 * var(--unit));background:#eeede6;color:#162016;--ink:#162016;--muted:#5c625d;--bg:#eeede6}
html[data-v='f'] .rd-hq-copy{flex:0 0 46%;display:flex;flex-direction:column;align-items:flex-start}
html[data-v='f'] .rd-hq-h{margin:0;font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:calc(96 * var(--unit));line-height:.98;letter-spacing:calc(-1.9 * var(--unit));color:#162016;white-space:pre-line}
html[data-v='f'] .rd-hq-sum{margin:calc(32 * var(--unit)) 0 0;font-family:'Inter',sans-serif;font-size:calc(23 * var(--unit));line-height:1.3;color:#162016;max-width:calc(600 * var(--unit))}
html[data-v='f'] .rd-hq-actions{display:flex;gap:calc(12 * var(--unit));margin-top:calc(44 * var(--unit));flex-wrap:wrap}
html[data-v='f'] .rd-hq .rd-pill{box-sizing:border-box;height:calc(56 * var(--unit));padding:0 calc(28 * var(--unit));display:inline-flex;align-items:center;border-radius:calc(100 * var(--unit));font-family:'Inter',sans-serif;font-size:calc(18 * var(--unit));font-weight:500;background:#162016;color:#eeede6;border:1px solid #162016}
html[data-v='f'] .rd-hq .rd-pill:hover{background:#2a332a}
html[data-v='f'] .rd-hq .rd-pill-outline{background:transparent;color:#162016}
html[data-v='f'] .rd-hq .rd-pill-outline:hover{background:rgba(22,32,22,.06)}
html[data-v='f'] .rd-hq-obj{position:relative;flex:1 1 0;min-width:0;height:calc(620 * var(--unit))}
html[data-v='f'] .rd-hq-obj .rd-h3-cv{position:absolute;inset:0}
@media (max-width:1500px){html[data-v='f'] .rd-hq{flex-direction:column;align-items:stretch;padding:calc(64 * var(--unit)) calc(96 * var(--unit))}html[data-v='f'] .rd-hq-copy{flex:none}html[data-v='f'] .rd-hq-obj{height:calc(420 * var(--unit))}html[data-v='f'] .rd-hq-h{font-size:calc(80 * var(--unit))}}
/* ---- layer 'strips' (.rd-hk): the headline across the top; copy left, strips right ---- */
html[data-v='f'] .rd-hk{display:flex;flex-direction:column;gap:calc(56 * var(--unit));box-sizing:border-box;padding:calc(96 * var(--unit)) calc(120 * var(--unit)) calc(88 * var(--unit));background:#eeede6;color:#162016;--ink:#162016;--muted:#5c625d;--bg:#eeede6}
html[data-v='f'] .rd-hk-h{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:calc(104 * var(--unit));line-height:.96;letter-spacing:calc(-4.2 * var(--unit));color:#162016;white-space:pre-line;max-width:calc(1200 * var(--unit))}
html[data-v='f'] .rd-hk-row{display:flex;align-items:flex-end;gap:calc(80 * var(--unit))}
html[data-v='f'] .rd-hk-copy{flex:0 0 34%;display:flex;flex-direction:column;align-items:flex-start}
html[data-v='f'] .rd-hk-sum{margin:0;font-family:'Inter',sans-serif;font-size:calc(19 * var(--unit));line-height:1.45;color:#5c625d}
html[data-v='f'] .rd-hk-actions{display:flex;align-items:center;gap:calc(24 * var(--unit));margin-top:calc(32 * var(--unit));flex-wrap:wrap}
html[data-v='f'] .rd-hk .rd-pill{background:#162016;color:#eeede6}
html[data-v='f'] .rd-hk .rd-pill:hover{background:#2a332a}
html[data-v='f'] .rd-hk .rd-tlink{color:#162016}
html[data-v='f'] .rd-hk-obj{position:relative;flex:1 1 0;min-width:0;height:calc(340 * var(--unit))}
html[data-v='f'] .rd-hk-obj .rd-h3-cv{position:absolute;inset:0}
@media (max-width:1500px){html[data-v='f'] .rd-hk{padding:calc(72 * var(--unit)) calc(96 * var(--unit))}html[data-v='f'] .rd-hk-h{font-size:calc(84 * var(--unit))}html[data-v='f'] .rd-hk-row{flex-direction:column;align-items:stretch;gap:calc(40 * var(--unit))}html[data-v='f'] .rd-hk-copy{flex:none}html[data-v='f'] .rd-hk-obj{height:calc(280 * var(--unit))}}
/* ---- layer 'stmt': the statement as it first was - centred, grey second line, no detail ---- */
html[data-v='f'] .rd-hs-c{align-items:center;min-height:0;padding-bottom:calc(72 * var(--unit))}
html[data-v='f'] body[data-page='homepage'] .rd-hs-c{min-height:0}
html[data-v='f'] .rd-hs-c .rd-hs-main{flex:none;flex-direction:column;align-items:center;margin:calc(56 * var(--unit)) 0 0}
html[data-v='f'] .rd-hs-c .rd-hs-copy{align-items:center;padding:0}
html[data-v='f'] .rd-hs-c .rd-hs-h{text-align:center;font-size:calc(104 * var(--unit));letter-spacing:calc(-3.6 * var(--unit))}
html[data-v='f'] .rd-hs-c .rd-hs-b{color:#8f948f}
html[data-v='f'] .rd-hs-c .rd-hs-sum{text-align:center}
html[data-v='f'] .rd-hs-c .rd-hs-actions{justify-content:center}
html[data-v='f'] .rd-hs-c .rd-hs-aud{justify-content:center}
/* ---- layer 'surface': the copy stacked left, a real surface right (rules kept from that state) ---- */
html[data-v='f'] .rd-phero-surface .rd-phero-copy>h1{margin:calc(18 * var(--unit)) 0 0;font-family:'Space Grotesk',sans-serif;font-weight:500;white-space:pre-line}
html[data-v='f'] .rd-phero-surface .rd-h3-eyebrow{font-size:calc(12 * var(--unit))}
/* 0 - the line: the title is the object; one line of copy; one pill; nothing else */
html[data-v='f'] .rd-h3-0{min-height:calc(680 * var(--unit));justify-content:flex-end;box-sizing:border-box;padding:calc(120 * var(--unit)) calc(312 * var(--unit)) calc(96 * var(--unit));background:#0c0d0d;color:#f4f2ec}
html[data-v='f'] .hero.rd-h3-0{display:flex;flex-direction:column;align-items:stretch;gap:0;height:auto;text-align:left}
html[data-v='f'] .rd-h3-0 .rd-h3-h{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:calc(120 * var(--unit));line-height:.96;letter-spacing:calc(-4.8 * var(--unit));color:#f4f2ec;white-space:pre-line;max-width:calc(1180 * var(--unit))}
html[data-v='f'] .rd-h3-0 .rd-h3-line{display:flex;align-items:center;justify-content:space-between;gap:calc(48 * var(--unit));margin-top:calc(44 * var(--unit))}
html[data-v='f'] .rd-h3-0 .rd-h3-sum{margin:0;font-family:'Inter',sans-serif;font-size:calc(18 * var(--unit));line-height:calc(28 * var(--unit));color:rgba(244,242,236,.72);max-width:calc(760 * var(--unit))}
html[data-v='f'] .rd-h3-0 .rd-pill{flex:none}
@media (max-width:1500px){html[data-v='f'] .rd-h3-0 .rd-h3-h{font-size:calc(96 * var(--unit))}}
/* 1 - the field */
html[data-v='f'] .rd-h3-1{background:#eeede6;color:#162016;--ink:#162016;--muted:#5c625d}
html[data-v='f'] .rd-h3-1 .rd-h3-top{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(64 * var(--unit));padding:calc(96 * var(--unit)) calc(312 * var(--unit)) calc(72 * var(--unit))}
html[data-v='f'] .rd-h3-1 .rd-h3-copy{flex:0 1 auto}
html[data-v='f'] .rd-h3-1 .rd-h3-aside{flex:0 1 calc(520 * var(--unit));padding-bottom:calc(8 * var(--unit))}
html[data-v='f'] .rd-h3-1 .rd-h3-sum{color:#5c625d}
html[data-v='f'] .rd-h3-1 .rd-h3-eyebrow{color:#8b5f19}
html[data-v='f'] .rd-h3-1 .rd-pill{background:#162016;color:#eeede6}
html[data-v='f'] .rd-h3-1 .rd-tlink,html[data-v='f'] .rd-h3-1 .rd-phero-mono{color:#162016}
html[data-v='f'] .rd-h3-1 .rd-phero-mono{color:#5c625d}
html[data-v='f'] .rd-h3-band{position:relative;width:100%;height:calc(540 * var(--unit));overflow:hidden}
/* 2 - the trail */
html[data-v='f'] .rd-h3-2{min-height:calc(640 * var(--unit));justify-content:flex-end;color:#f4f2ec;overflow:hidden}
html[data-v='f'] .rd-h3-2 .rd-h3-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(640 * var(--unit));box-sizing:border-box;padding:calc(88 * var(--unit)) calc(312 * var(--unit)) calc(80 * var(--unit));max-width:calc(1100 * var(--unit))}
html[data-v='f'] .rd-h3-2 .rd-h3-h{font-weight:500;font-size:calc(60 * var(--unit));letter-spacing:calc(-2 * var(--unit));max-width:calc(680 * var(--unit))}
html[data-v='f'] .rd-h3-2 .rd-h3-aside{margin-top:calc(40 * var(--unit))}
html[data-v='f'] .rd-h3-2 .rd-h3-sum{color:rgba(244,242,236,.78);max-width:calc(440 * var(--unit))}
html[data-v='f'] .rd-h3-2 .rd-h3-eyebrow{color:rgba(244,242,236,.7)}
/* 3 - the object */
html[data-v='f'] .rd-h3-3{min-height:calc(720 * var(--unit));align-items:center;text-align:center;color:#f4f2ec;overflow:hidden;padding:calc(88 * var(--unit)) calc(312 * var(--unit)) 0}
html[data-v='f'] .rd-h3-3 .rd-h3-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
html[data-v='f'] .rd-h3-3 .rd-h3-h{font-weight:500;font-size:calc(64 * var(--unit));letter-spacing:calc(-2.2 * var(--unit))}
html[data-v='f'] .rd-h3-3 .rd-h3-aside{align-items:center;margin-top:calc(28 * var(--unit))}
html[data-v='f'] .rd-h3-3 .rd-h3-sum{color:rgba(244,242,236,.75);text-align:center;max-width:calc(560 * var(--unit))}
html[data-v='f'] .rd-h3-3 .rd-h3-eyebrow{color:rgba(244,242,236,.7)}
html[data-v='f'] .rd-h3-3 .rd-phero-actions{justify-content:center}
html[data-v='f'] .rd-h3-obj{position:relative;width:calc(520 * var(--unit));height:calc(300 * var(--unit));margin-top:calc(72 * var(--unit));perspective:calc(1400 * var(--unit))}
html[data-v='f'] .rd-h3-stack{position:absolute;left:50%;top:50%;width:calc(360 * var(--unit));height:calc(220 * var(--unit));transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-28deg);animation:rd-h3-turn 18s linear infinite}
html[data-v='f'] .rd-h3-stack i{position:absolute;inset:0;border-radius:calc(6 * var(--unit));background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 0 calc(40 * var(--unit)) color-mix(in srgb,var(--c) 12%,transparent);transform:translateZ(calc(var(--i) * 22 * var(--unit)));animation:rd-h3-fan 9s ease-in-out infinite;animation-delay:calc(var(--i) * -.35s)}
html[data-v='f'] .rd-h3[data-page='bolt'] .rd-h3-stack i{animation-name:rd-h3-snap}
html[data-v='f'] .rd-h3[data-page='terminal'] .rd-h3-stack i{animation-name:rd-h3-order}
@keyframes rd-h3-turn{from{transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-28deg)}to{transform:translate(-50%,-50%) rotateX(58deg) rotateZ(332deg)}}
@keyframes rd-h3-fan{0%,20%{transform:translateZ(calc(var(--i) * 22 * var(--unit)))}50%,70%{transform:translateZ(calc(var(--i) * 22 * var(--unit))) translateX(calc((var(--i) - 4) * 34 * var(--unit)))}100%{transform:translateZ(calc(var(--i) * 22 * var(--unit)))}}
@keyframes rd-h3-snap{0%,60%{transform:translateZ(calc(var(--i) * 22 * var(--unit)))}75%{transform:translateZ(calc(var(--i) * 22 * var(--unit))) translateX(calc(180 * var(--unit)))}100%{transform:translateZ(calc(var(--i) * 22 * var(--unit))) translateX(calc(180 * var(--unit)))}}
@keyframes rd-h3-order{0%,30%{transform:translateZ(calc(var(--i) * 22 * var(--unit))) rotateZ(calc((var(--i) - 4) * 9deg)) translateX(calc((var(--i) - 4) * 12 * var(--unit)))}60%,80%{transform:translateZ(calc(var(--i) * 22 * var(--unit)))}100%{transform:translateZ(calc(var(--i) * 22 * var(--unit))) rotateZ(calc((var(--i) - 4) * 9deg)) translateX(calc((var(--i) - 4) * 12 * var(--unit)))}}
@media (prefers-reduced-motion:reduce){html[data-v='f'] .rd-h3-stack,html[data-v='f'] .rd-h3-stack i{animation:none}}
html[data-v='f'] .rd-h3-3 .rd-h3-eyebrow,html[data-v='f'] .rd-h3-2 .rd-h3-eyebrow{font-size:calc(12 * var(--unit))}
/* ---- product heroes: title + a real surface, on paper --------------------------------
   The copy stacks on the left (eyebrow, headline, summary, actions); on the right
   the real thing the product hands you, as rows: hairlines, Inter and Grotesk,
   no window, no mono. The ground is the paper; the product colours deepened. */
html[data-v='f'] .rd-phero-surface{display:flex;flex-direction:row;align-items:center;gap:calc(72 * var(--unit));min-height:calc(560 * var(--unit));background:#eeede6!important;--ink:#162016;--muted:#5c625d;--bg:#eeede6;--hl:color-mix(in srgb,#162016 16%,transparent);color:#162016}
html[data-v='f'] .rd-phero-surface h1,html[data-v='f'] .rd-phero-surface .rd-shero-h{color:#162016}
html[data-v='f'] .rd-phero-surface .rd-phero-aside>p:first-child,html[data-v='f'] .rd-phero-surface .rd-shero-sum{color:#5c625d}
html[data-v='f'] .rd-phero-surface .rd-phero-mono{color:#5c625d!important}
html[data-v='f'] .rd-phero-surface .rd-shero-eyebrow{color:#8b5f19}
html[data-v='f'] body[data-page='bolt'] .rd-phero-surface .rd-phero-copy>p:first-child{color:#8b5f19}
html[data-v='f'] body[data-page='terminal'] .rd-phero-surface .rd-phero-copy>p:first-child{color:#964c75}
html[data-v='f'] .rd-phero-surface .rd-pill{background:#162016;color:#eeede6}
html[data-v='f'] .rd-phero-surface .rd-pill:hover{background:#2a332a}
html[data-v='f'] .rd-phero-surface .rd-tlink{color:#162016}
html[data-v='f'] .rd-phero-surface .rd-phero-copy,html[data-v='f'] .rd-phero-surface .rd-shero-copy{flex:0 0 46%;max-width:none;width:auto;display:flex;flex-direction:column;align-items:flex-start}
html[data-v='f'] .rd-phero-surface h1{font-size:calc(66 * var(--unit));line-height:1;letter-spacing:calc(-2.4 * var(--unit))}
html[data-v='f'] .rd-phero-surface .rd-phero-aside{flex:none;width:100%;margin-top:calc(30 * var(--unit));gap:calc(22 * var(--unit));padding-bottom:0}
html[data-v='f'] .rd-phero-surface .rd-phero-aside>p:first-child{max-width:calc(520 * var(--unit))}
html[data-v='f'] .rd-surface{flex:1 1 0;min-width:0;display:flex;flex-direction:column;font-family:'Inter',sans-serif;font-size:calc(15 * var(--unit));line-height:calc(26 * var(--unit));color:var(--ink);font-variant-numeric:tabular-nums;border-top:1px solid var(--hl);padding:calc(14 * var(--unit)) 0 0}
html[data-v='f'] .rd-surface-h{display:flex;justify-content:space-between;align-items:baseline;gap:calc(16 * var(--unit));padding-bottom:calc(12 * var(--unit));margin-bottom:calc(6 * var(--unit));border-bottom:1px solid var(--hl);white-space:nowrap;overflow:hidden}
html[data-v='f'] .rd-surface-h>span:first-child{font-family:'Space Grotesk',sans-serif;font-size:calc(19 * var(--unit));font-weight:500;letter-spacing:calc(-.3 * var(--unit));color:var(--ink);overflow:hidden;text-overflow:ellipsis}
html[data-v='f'] .rd-surface-h>span:last-child{font-size:calc(13 * var(--unit));color:var(--muted);flex:none}
html[data-v='f'] .rd-surface-body{display:flex;flex-direction:column;min-height:calc(9 * 30 * var(--unit))}
html[data-v='f'] .rd-surface-note{margin:calc(14 * var(--unit)) 0 0;font-size:calc(13 * var(--unit));line-height:1.5;color:var(--muted)}
@media (max-width:1500px){html[data-v='f'] .rd-phero-surface{flex-direction:column;align-items:stretch;gap:calc(40 * var(--unit))}html[data-v='f'] .rd-phero-surface .rd-phero-copy,html[data-v='f'] .rd-phero-surface .rd-shero-copy{flex:none;width:100%}html[data-v='f'] .rd-surface{flex:none;width:100%}}
/* the feed */
html[data-v='f'] .rd-feed-row{display:grid;grid-template-columns:calc(78 * var(--unit)) calc(150 * var(--unit)) minmax(0,1fr);column-gap:calc(16 * var(--unit));align-items:baseline;padding:calc(2 * var(--unit)) 0;white-space:nowrap;overflow:hidden;transition:opacity .35s ease-out,transform .35s ease-out}
html[data-v='f'] .rd-feed-row>span{overflow:hidden;text-overflow:ellipsis}
html[data-v='f'] .rd-feed-k{font-family:'Space Grotesk',sans-serif;font-size:calc(16 * var(--unit));font-weight:500}
html[data-v='f'] .rd-feed-new{opacity:0;transform:translateY(calc(6 * var(--unit)))}
html[data-v='f'] .rd-feed-a{color:var(--muted)}
/* the edges */
html[data-v='f'] .rd-edges-row{display:grid;grid-template-columns:calc(64 * var(--unit)) calc(150 * var(--unit)) minmax(0,1fr);column-gap:calc(16 * var(--unit));align-items:baseline;padding:calc(8 * var(--unit)) 0;border-bottom:1px solid var(--hl)}
html[data-v='f'] .rd-edges-c{font-family:'Space Grotesk',sans-serif;font-size:calc(19 * var(--unit));font-weight:500;color:#8b5f19}
html[data-v='f'] .rd-edges-host{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* the screener */
html[data-v='f'] .rd-scr-tabs{display:flex;gap:calc(20 * var(--unit));margin:calc(4 * var(--unit)) 0 calc(10 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-scr-on{color:#964c75;font-weight:500}
html[data-v='f'] .rd-scr-row{display:grid;grid-template-columns:calc(120 * var(--unit)) calc(48 * var(--unit)) calc(96 * var(--unit)) calc(120 * var(--unit)) minmax(0,1fr);column-gap:calc(12 * var(--unit));padding:calc(7 * var(--unit)) 0;border-top:1px solid var(--hl);white-space:nowrap}
html[data-v='f'] .rd-scr-head{font-size:calc(12.5 * var(--unit));color:var(--muted);border-top:0;padding-top:0}
html[data-v='f'] .rd-scr-st{color:#964c75}
/* ---- the built sections enter like the page's own -----------------------------------
   The generic entrances reach Pencil nodes (.page>.section>.text); the sections the
   script builds - the source, plans, connect, custom, infrastructure, the rate card -
   have no .text nodes, so their blocks stood still while the rest rose. Inside
   @supports so the build makes the engine copy for browsers without scroll-driven
   animations. */
@media(min-width:900px){
@supports (animation-timeline:view()){
  html[data-v='f']:not([data-motion='off']) :is(
    .rd-source-head>p,.rd-real-col,.rd-real-note,
    .rd-splans-head>p,.rd-rate-sheet>.rd-rate-head,.rd-rate-sheet>.rd-rate-row,
    .rd-sconnect-col,
    .rd-custom-head>p,.rd-custom-body>*,
    .rd-infra-head>p,.rd-infra-row,.rd-infra-foot>*,
    .rd-rate-section>.rd-rate>.rd-rate-head,.rd-rate-section>.rd-rate>.rd-rate-row,
    .rd-cmp3 [data-name^="Comparison row "],.rd-cmp3 [data-name$=" use cases"],.rd-cmp3 [data-name="Comparison scope note"]
  ){animation:rd-rise linear both;animation-timeline:--sec;
    animation-range:var(--rs,cover 0%) var(--re,cover 26%)}
  html[data-v='f']:not([data-motion='off']) :is(.rd-source-head>h2,.rd-splans-head>h2,.rd-custom-head>h2,.rd-infra-head>h2){
    animation:rd-wipe auto linear both;animation-timeline:--sec;
    animation-range:var(--rs,cover 2%) var(--re,cover 30%)}
}
/* engine copy: the block above, for a browser that cannot drive it */
html:where([data-sda-js])[data-v='f']:not([data-motion='off']) :is(
    .rd-source-head>p,.rd-real-col,.rd-real-note,
    .rd-splans-head>p,.rd-rate-sheet>.rd-rate-head,.rd-rate-sheet>.rd-rate-row,
    .rd-sconnect-col,
    .rd-custom-head>p,.rd-custom-body>*,
    .rd-infra-head>p,.rd-infra-row,.rd-infra-foot>*,
    .rd-rate-section>.rd-rate>.rd-rate-head,.rd-rate-section>.rd-rate>.rd-rate-row,
    .rd-cmp3 [data-name^="Comparison row "],.rd-cmp3 [data-name$=" use cases"],.rd-cmp3 [data-name="Comparison scope note"]
  ){animation:rd-rise linear both;animation-timeline:--sec;--rd-timeline:--sec;
    animation-range:var(--rs,cover 0%) var(--re,cover 26%);--rd-range:var(--rs,cover 0%) var(--re,cover 26%)}html:where([data-sda-js])[data-v='f']:not([data-motion='off']) :is(.rd-source-head>h2,.rd-splans-head>h2,.rd-custom-head>h2,.rd-infra-head>h2){
    animation:rd-wipe auto linear both;animation-timeline:--sec;--rd-timeline:--sec;
    animation-range:var(--rs,cover 2%) var(--re,cover 30%);--rd-range:var(--rs,cover 2%) var(--re,cover 30%)}


}
/* rate rows on a product page */
html[data-v='f'] .rd-rate-sheet{margin:calc(8 * var(--unit)) 0 0}
html[data-v='f'] .rd-rate-sheet .rd-rate-row{grid-template-columns:calc(150 * var(--unit)) calc(140 * var(--unit)) minmax(0,1fr) auto}

/* ---- section 03: everyone has the price, nobody has the race ----
   Out of its box. The chart runs edge to edge on the section's own ground; the
   copy sits above it. The area under the line fills as it draws, a point runs
   ahead of the stroke on the curve itself, and the race stands on the timeline
   as ticks in arrival order - the true order: the attempts, then the climb. */
/* overflow-x:clip, not hidden: 100vw counts the scrollbar and would push the
   page 8px sideways; clip trims that without becoming a scroll container, so
   the sticky hold inside keeps working */
html[data-v='f'] [data-name="Terminal / Research the next move"]{flex-direction:column;gap:calc(28 * var(--unit));overflow-x:clip}
html[data-v='f'] [data-name="Terminal / Research the next move"] .rd-pin{flex-direction:column}
html[data-v='f'] [data-name^="Terminal / Discover preview"]{
  /* the panel is the stage now: no box, no border, and the full width of the screen */
  background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);align-self:auto}
html[data-v='f'] .rd-race{
  display:flex;flex-direction:column;gap:calc(14 * var(--unit));
  font-family:'IBM Plex Mono',monospace;--up:#9fe0a8;--down:#f2879b}

/* inset symmetrically rather than glued to the screen edges: it reads as
   centred on the page, and the race no longer hugs the left edge */
/* the bottom margin holds the axis strip (absolute, 22u below), so the frame's
   box includes it and the pin is centred on the whole drawing */
html[data-v='f'] .rd-race-stage{position:relative;width:auto;margin:0 calc(120 * var(--unit)) calc(32 * var(--unit));height:var(--stage-h,calc(448 * var(--unit)))}
html[data-v='f'] .rd-race-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
html[data-v='f'] .rd-race-base{stroke:color-mix(in srgb,var(--ink) 14%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}
/* candles: body and wick take the candle's colour; the product's own view */
html[data-v='f'] .rd-cdl-wick{stroke-width:1.2}
html[data-v='f'] .rd-cdl-up .rd-cdl-wick{stroke:var(--up)}
html[data-v='f'] .rd-cdl-down .rd-cdl-wick{stroke:var(--down)}
html[data-v='f'] .rd-cdl-up .rd-cdl-body{fill:var(--up)}
html[data-v='f'] .rd-cdl-down .rd-cdl-body{fill:var(--down)}
html[data-v='f'] .rd-cdl-vol{opacity:.38}
html[data-v='f'] .rd-cdl-up .rd-cdl-vol{fill:var(--up)}
html[data-v='f'] .rd-cdl-down .rd-cdl-vol{fill:var(--down)}
html[data-v='f'] .rd-race-grid{stroke:color-mix(in srgb,var(--ink) 7%,transparent);stroke-width:1}
/* text and dots sit over the drawing as HTML, placed in % of its box, so the
   stage's non-uniform stretch never touches them; top is the anchor's centre */
html[data-v='f'] .rd-race-svglab{
  position:absolute;font-family:'IBM Plex Mono',monospace;font-size:calc(10 * var(--unit));line-height:1;
  margin-top:-.5em;white-space:nowrap;pointer-events:none}
html[data-v='f'] .rd-race-axis-v{color:color-mix(in srgb,var(--muted) 75%,transparent)}
html[data-v='f'] .rd-race-dev{color:var(--ink);width:2ch;margin-left:-1ch;text-align:center}
html[data-v='f'] .rd-race-last{stroke:var(--down);stroke-width:1;stroke-dasharray:2 4;opacity:.8}
html[data-v='f'] .rd-race-last-tag{color:var(--down)}
html[data-v='f'] .rd-race-dot{
  position:absolute;width:calc(7 * var(--unit));height:calc(7 * var(--unit));border-radius:50%;
  margin:calc(-3.5 * var(--unit)) 0 0 calc(-3.5 * var(--unit));pointer-events:none}
html[data-v='f'] .rd-race-peak{background:var(--ink)}
html[data-v='f'] .rd-race-tick-dot{background:var(--up)}
html[data-v='f'] .rd-race-bracket{fill:none;stroke:color-mix(in srgb,var(--ink) 45%,transparent);stroke-width:1}
html[data-v='f'] .rd-race-tick{stroke-width:2}
html[data-v='f'] .rd-race-tick-landed{stroke:var(--up)}
html[data-v='f'] .rd-race-tick-reverted{stroke:var(--down);opacity:.75}
html[data-v='f'] .rd-race-label{
  position:absolute;font-size:calc(9.5 * var(--unit));letter-spacing:calc(1 * var(--unit));color:var(--muted)}
/* the labels line up with the content column (1296u centred), never closer than 24u to the edge */
/* aligned with the tape's first candle (X0 = 60 of 1060), not the stage's edge */
html[data-v='f'] .rd-race-label-price{left:calc(60 / 1060 * 100%);top:calc(8 * var(--unit))}
/* the race's one line, under its bracket */
html[data-v='f'] .rd-race-label-race{letter-spacing:calc(1 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-race-axis{
  position:absolute;left:calc(60 / 1060 * 100%);right:calc(60 / 1060 * 100%);bottom:calc(-22 * var(--unit));
  display:flex;justify-content:space-between;
  font-size:calc(9.5 * var(--unit));color:color-mix(in srgb,var(--muted) 70%,transparent)}

/* the coda after the hold: a child of the section, in the section's own inset */
html[data-v='f'] .section>.rd-race-caption{margin:calc(40 * var(--unit)) 0 0}
html[data-v='f'] .rd-race-caption{
  margin:calc(34 * var(--unit)) calc(120 * var(--unit)) 0;
  display:flex;flex-direction:column;gap:calc(8 * var(--unit))}
html[data-v='f'] .rd-race-list{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(6 * var(--unit)) calc(18 * var(--unit))}
html[data-v='f'] .rd-race-att{display:flex;flex-direction:column;gap:calc(2 * var(--unit));font-size:calc(10 * var(--unit));color:var(--muted)}
html[data-v='f'] .rd-race-att b{font-weight:400;letter-spacing:calc(.8 * var(--unit));color:var(--up)}
html[data-v='f'] .rd-race-att-rev b{color:var(--down)}
html[data-v='f'] .rd-race-att-rev{color:color-mix(in srgb,var(--muted) 70%,transparent)}
html[data-v='f'] .rd-race-note{margin-top:calc(6 * var(--unit));font-size:calc(9.5 * var(--unit));color:color-mix(in srgb,var(--muted) 78%,transparent)}
html[data-v='f'] .rd-race-src{font-size:calc(9.5 * var(--unit));line-height:1.5;color:color-mix(in srgb,var(--muted) 62%,transparent)}

@media(min-width:900px){
@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    /* Told in the true order while the frame is held (under ?v=fx): the
       attempts stand up first, then the price climbs out of them, turns, and
       falls. Without the hold the stage shows its finished state. */
    /* 0. THE COPY, IN READING ORDER, AS THE SECTION ARRIVES - the same hole 02
       had: the pin wrapper sits between the section and its columns, so the
       generic entrance rules no longer reach these and they stood there fully
       present while the headline was still wiping in. Stated here instead. */
    html[data-frames]:not([data-motion='off'])
      [data-name="Terminal / Research the next move"] [data-name="Terminal eyebrow"]{
        animation:rd-form both;animation-timeline:--sec;
        animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:11% 14%}
    html[data-frames]:not([data-motion='off'])
      [data-name="Terminal / Research the next move"] h2.text{
        animation-timeline:--sec;animation-range:16% 24%;
        animation-timing-function:cubic-bezier(.22,.8,.3,1)}
    html[data-frames]:not([data-motion='off'])
      [data-name="Terminal / Research the next move"] [data-name="Terminal benefit"]{
        animation:rd-form both;animation-timeline:--sec;
        animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:24% 27%}
    html[data-frames]:not([data-motion='off'])
      [data-name="Terminal / Research the next move"] :is([data-name="Request Terminal access"],[data-name="Terminal access availability"]){
        animation:rd-form both;animation-timeline:--sec;
        animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:27% 30%}
    /* the stage's baseline arrives with its labels, not before the copy */
    html[data-frames]:not([data-motion='off']) .rd-race-base{
      animation:rd-form both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:34% 38%}

    /* 1. THE RACE, INSIDE THE LAUNCH CANDLE - once candle 0 has printed (50-51.2%):
       the bracket draws under it, the attempts stand on it one by one, then
       the line that says what they are, while the tape prints the chop beside */
    html[data-frames]:not([data-motion='off']) .rd-race-bracket{
      stroke-dasharray:1;--len:1;
      animation:rd-draw both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:53% 54.5%}
    @keyframes rd-stand{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
    html[data-frames]:not([data-motion='off']) .rd-race-tick{
      transform-box:fill-box;transform-origin:bottom;
      animation:rd-stand both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(54.5% + var(--i,0) * 0.6%) calc(55.7% + var(--i,0) * 0.6%)}
    html[data-frames]:not([data-motion='off']) .rd-race-tick-dot{
      animation:rd-land both;animation-timeline:--sec;
      animation-range:calc(55.3% + var(--i,0) * 0.6%) calc(56.5% + var(--i,0) * 0.6%)}
    html[data-frames]:not([data-motion='off']) .rd-race-label-race{
      animation:rd-form both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:60% 62%}
    /* the list arrives as the frame releases: measured on its own position,
       a row at a time */
    html[data-frames]:not([data-motion='off']) .rd-race-att{
      animation:rd-form both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(var(--rs,70%) + var(--i,0) * 0.5%) calc(var(--re,76%) + var(--i,0) * 0.5%)}
    /* 2. THE TAPE FORMS. Each candle in order, left to right, 0.3% of the
       clock apart, and each one FORMS over 3% (about 120px of scroll) rather
       than snapping in over 1.2%: the price part grows from its own open -
       body toward the close, wick past it - and the volume bar rises from the
       volume floor. Ten candles are in formation at once at the head of the
       tape, each at a different stage. Opacity is in by 15% of the window, so a
       candle shows as a sliver at its open and then grows. */
    @keyframes rd-print{from{transform:scaleY(0);opacity:0}15%{opacity:1}to{transform:scaleY(1);opacity:1}}
    html[data-frames]:not([data-motion='off']) :is(.rd-cdl-price,.rd-cdl-vol){
      transform-box:view-box;   /* origins set inline, in viewBox units: the open, the volume floor */
      animation:rd-print both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(50% + var(--i,0) * 0.3%) calc(53% + var(--i,0) * 0.3%)}
    /* 3. where it turns: the top of the tallest candle, as it prints */
    html[data-frames]:not([data-motion='off']) .rd-race-peak{
      animation:rd-land both;animation-timeline:--sec;animation-range:61.5% 63%}
    /* 4. the last price, dotted, once the tape has gone flat */
    html[data-frames]:not([data-motion='off']) :is(.rd-race-last,.rd-race-last-tag){
      animation:rd-form both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:69.5% 71%}
    /* the dev's marks land once their candles have formed */
    html[data-frames]:not([data-motion='off']) .rd-race-dev{
      animation:rd-form both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(52.5% + var(--i,0) * 0.3%) calc(54% + var(--i,0) * 0.3%)}
    html[data-frames]:not([data-motion='off']) :is(.rd-race-grid,.rd-race-axis-v){
      animation:rd-form both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:34% 38%}
    html[data-frames]:not([data-motion='off']) :is(.rd-race-label-price,.rd-race-axis){
      animation:rd-form both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:34% 38%}
    html[data-frames]:not([data-motion='off']) :is(.rd-race-note,.rd-race-src){
      animation:rd-form both;animation-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:var(--rs,72%) var(--re,78%)}
  }
}
/* engine copy: the block above, for a browser that cannot drive it */
@media(prefers-reduced-motion:no-preference){html:where([data-sda-js])[data-frames]:not([data-motion='off'])
      [data-name="Terminal / Research the next move"] [data-name="Terminal eyebrow"]{
        animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
        animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:11% 14%;--rd-range:11% 14%}html:where([data-sda-js])[data-frames]:not([data-motion='off'])
      [data-name="Terminal / Research the next move"] h2.text{
        animation-timeline:--sec;--rd-timeline:--sec;animation-range:16% 24%;--rd-range:16% 24%;
        animation-timing-function:cubic-bezier(.22,.8,.3,1)}html:where([data-sda-js])[data-frames]:not([data-motion='off'])
      [data-name="Terminal / Research the next move"] [data-name="Terminal benefit"]{
        animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
        animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:24% 27%;--rd-range:24% 27%}html:where([data-sda-js])[data-frames]:not([data-motion='off'])
      [data-name="Terminal / Research the next move"] :is([data-name="Request Terminal access"],[data-name="Terminal access availability"]){
        animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
        animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:27% 30%;--rd-range:27% 30%}html:where([data-sda-js])[data-frames]:not([data-motion='off']) .rd-race-base{
      animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:34% 38%;--rd-range:34% 38%}html:where([data-sda-js])[data-frames]:not([data-motion='off']) .rd-race-bracket{
      stroke-dasharray:1;--len:1;
      animation:rd-draw both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:53% 54.5%;--rd-range:53% 54.5%}@keyframes rd-stand{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}html:where([data-sda-js])[data-frames]:not([data-motion='off']) .rd-race-tick{
      transform-box:fill-box;transform-origin:bottom;
      animation:rd-stand both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(54.5% + var(--i,0) * 0.6%) calc(55.7% + var(--i,0) * 0.6%);--rd-range:calc(54.5% + var(--i,0) * 0.6%) calc(55.7% + var(--i,0) * 0.6%)}html:where([data-sda-js])[data-frames]:not([data-motion='off']) .rd-race-tick-dot{
      animation:rd-land both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-range:calc(55.3% + var(--i,0) * 0.6%) calc(56.5% + var(--i,0) * 0.6%);--rd-range:calc(55.3% + var(--i,0) * 0.6%) calc(56.5% + var(--i,0) * 0.6%)}html:where([data-sda-js])[data-frames]:not([data-motion='off']) .rd-race-label-race{
      animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:60% 62%;--rd-range:60% 62%}html:where([data-sda-js])[data-frames]:not([data-motion='off']) .rd-race-att{
      animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(var(--rs,70%) + var(--i,0) * 0.5%) calc(var(--re,76%) + var(--i,0) * 0.5%);--rd-range:calc(var(--rs,70%) + var(--i,0) * 0.5%) calc(var(--re,76%) + var(--i,0) * 0.5%)}@keyframes rd-print{from{transform:scaleY(0);opacity:0}15%{opacity:1}to{transform:scaleY(1);opacity:1}}html:where([data-sda-js])[data-frames]:not([data-motion='off']) :is(.rd-cdl-price,.rd-cdl-vol){
      transform-box:view-box;   
      animation:rd-print both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(50% + var(--i,0) * 0.3%) calc(53% + var(--i,0) * 0.3%);--rd-range:calc(50% + var(--i,0) * 0.3%) calc(53% + var(--i,0) * 0.3%)}html:where([data-sda-js])[data-frames]:not([data-motion='off']) .rd-race-peak{
      animation:rd-land both;animation-timeline:--sec;--rd-timeline:--sec;animation-range:61.5% 63%;--rd-range:61.5% 63%}html:where([data-sda-js])[data-frames]:not([data-motion='off']) :is(.rd-race-last,.rd-race-last-tag){
      animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:69.5% 71%;--rd-range:69.5% 71%}html:where([data-sda-js])[data-frames]:not([data-motion='off']) .rd-race-dev{
      animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);
      animation-range:calc(52.5% + var(--i,0) * 0.3%) calc(54% + var(--i,0) * 0.3%);--rd-range:calc(52.5% + var(--i,0) * 0.3%) calc(54% + var(--i,0) * 0.3%)}html:where([data-sda-js])[data-frames]:not([data-motion='off']) :is(.rd-race-grid,.rd-race-axis-v){
      animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:34% 38%;--rd-range:34% 38%}html:where([data-sda-js])[data-frames]:not([data-motion='off']) :is(.rd-race-label-price,.rd-race-axis){
      animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:34% 38%;--rd-range:34% 38%}html:where([data-sda-js])[data-frames]:not([data-motion='off']) :is(.rd-race-note,.rd-race-src){
      animation:rd-form both;animation-timeline:--sec;--rd-timeline:--sec;
      animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-range:var(--rs,72%) var(--re,78%);--rd-range:var(--rs,72%) var(--re,78%)}
  }


}
/* (end of the version layers) */

/* Version F on a phone - last, so it wins at equal specificity. */
/* ============================================================================
   VERSION F ON A PHONE
   F never had a phone layout: the home fell back to the old Pencil mobile frame
   (old copy, no Streams) and the product sheets fell back to rules written for
   Pencil nodes, which say nothing about the sections site.js builds (.rd-*).
   Here F's own layout comes down to one column: the desktop frame is shown, the
   phone bar sits above it, the pinned sections stop pinning, and the blocks that
   are tables stay tables inside a container that scrolls sideways.
   Loaded last, so these rules win over motion.css at equal specificity.
   ========================================================================== */
@media(max-width:899px){
  /* ---- which frame the phone gets ------------------------------------- */
  html[data-v='f'] body[data-page='homepage'] .product-mobile-header{display:block!important}
  /* the whole old frame goes; its header, lifted into .product-mobile-header,
     carries the same classes, so the rule names the <main> and not the copy */
  html[data-v='f'] main.home-page.mobile-design{display:none!important}
  html[data-v='f'] .home-page.desktop-design{display:flex!important}
  html[data-v='f'] .page.desktop-design{--unit:1px}

  /* ---- the bands: one column, a 24px gutter, height from the content --- */
  html[data-v='f'] .desktop-design>.section,
  html[data-v='f'] .desktop-design>.site-footer{box-sizing:border-box;width:100%;max-width:100%;padding-inline:24px!important;height:auto;min-height:0}
  html[data-v='f'] .desktop-design>.section{padding-block:48px}
  html[data-v='f'] .desktop-design>.section{flex-direction:column!important;align-items:flex-start;gap:24px}
  /* Every Pencil node carries the width it had in a 1440 frame, and every band
     is a row: a name column beside a column of prose. At 390 the prose column
     collapses to one letter per line, so on a phone a row becomes a stack and
     its parts take the full width. What must stay side by side - a label and
     its arrow, a button, a tag, a row of dots - says so just below. */
  html[data-v='f'] .desktop-design :is(.frame,.text,svg,img){max-width:100%}
  html[data-v='f'] .desktop-design .frame{flex-direction:column;align-items:flex-start;width:100%;gap:12px}
  html[data-v='f'] .desktop-design .frame:is(.button,[data-name="Start building for free"],[data-name^="Start "],[data-name$=" CTA label"],.account-nav,.menu-toggle,[data-name$=" CTA"],[data-name$=" action"],[data-name$=" actions"],[data-name$=" tag"],[data-name$=" arrow"],[data-name$=" dots"],[data-name$=" link"],[data-name$=" links"]){flex-direction:row;align-items:center;flex-wrap:wrap;width:auto;max-width:100%;gap:8px}
  html[data-v='f'] .desktop-design .text{white-space:pre-wrap}
  /* A Pencil text box carries the height of the lines it took at 1440. At 390 the
     same words take more lines and spill over the block below, so the height comes
     from the text. */
  html[data-v='f'] .desktop-design .text{height:auto;min-height:0}
  html[data-v='f'] .desktop-design>.section>.text{width:100%}
  /* a row of five things laid out for 1440 wraps instead of running off */
  html[data-v='f'] .desktop-design [data-name="Audience strip"]{flex-direction:row;flex-wrap:wrap;gap:10px 22px;padding-block:24px;align-items:baseline}

  /* action rows wrap instead of pushing the second link off the screen */
  html[data-v='f'] .desktop-design :is([data-name$=" actions"],[data-name="Final actions"],.rd-phero-actions,.rd-custom-act){flex-wrap:wrap;width:100%;gap:12px 20px}

  /* 02: the arrival matrix and its numbers ------------------------------- */
  html[data-v='f'] .desktop-design .rd-bench-row{flex-direction:column;gap:28px;width:100%}
  html[data-v='f'] .desktop-design .rd-bench-row>[data-name$=" benchmark"]{width:100%}
  html[data-v='f'] .rd-mat{width:100%;max-width:100%}
  html[data-v='f'] .desktop-design [data-name$=" benchmark"] .text{white-space:normal;overflow-wrap:normal}

  /* 05: the region matrix - the products become a legend, the regions a list -- */
  html[data-v='f'] .rd-infra-row-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;align-items:start}
  html[data-v='f'] .rd-infra-row-head .rd-infra-corner{display:none}
  html[data-v='f'] .rd-infra-row-head .rd-infra-col{width:auto;min-width:0;align-items:flex-start;text-align:left}
  html[data-v='f'] .rd-infra-row:not(.rd-infra-row-head){display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}

  /* 03: the race is a scroll scene; a phone never scrolls it, so it goes ---- */
  html[data-v='f'] .rd-race{display:none!important}

  /* 04: the three steps read as a list, not as a row with a state column -- */
  html[data-v='f'] .rd-step{flex-direction:column;align-items:flex-start;gap:6px;width:100%}
  html[data-v='f'] .rd-step-state{position:static;width:100%;max-width:100%}

  /* ---- nothing pins on a phone: a pinned band is dead scroll ----------- */
  html[data-v='f'] .rd-pin{position:static!important;top:auto!important;height:auto!important;min-height:0!important}
  html[data-v='f'] .rd-pin-spacer{display:none!important}
  html[data-v='f'] .rd-hold{height:auto!important;min-height:0!important}

  /* ---- what is a table stays a table, and scrolls sideways ------------- */
  html[data-v='f'] .rd-scroll-x{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:8px}
  html[data-v='f'] .rd-scroll-x>*{min-width:var(--mw,720px)}

  /* ---- the heroes ------------------------------------------------------ */
  html[data-v='f'] .hero.rd-hero-type,
  html[data-v='f'] .rd-phero,
  html[data-v='f'] .rd-shero{flex-direction:column;align-items:flex-start;gap:28px;min-height:0;padding:40px 24px 48px}
  html[data-v='f'] .rd-hero-type h1,
  html[data-v='f'] .rd-shero-h,
  html[data-v='f'] .rd-phero-copy h1{font-size:44px;line-height:1.04;letter-spacing:-1.6px;width:100%;max-width:100%}
  html[data-v='f'] .rd-hero-aside,
  html[data-v='f'] .rd-phero-aside{width:100%;max-width:100%;flex:none;margin:0;padding:0}
  html[data-v='f'] .rd-hero-type [data-name="Hero message"],
  html[data-v='f'] .rd-shero-copy,
  html[data-v='f'] .rd-phero-copy{width:100%;max-width:100%;flex:none}
  html[data-v='f'] .rd-phero-actions,
  html[data-v='f'] .rd-shero .rd-phero-actions{flex-wrap:wrap;gap:12px 20px;width:100%}
  html[data-v='f'] .rd-phero-mono{white-space:normal;font-size:11px;line-height:1.7}

  /* ---- 01 the stack, 02 the benchmark, 03 Terminal: the built bands ---- */
  html[data-v='f'] .rd-clause{white-space:normal}
  html[data-v='f'] [data-name="Products / Choose your edge"] .rd-pin,
  html[data-v='f'] [data-name="Performance / Published Surge benchmark"] .rd-pin,
  html[data-v='f'] [data-name="Terminal / Research the next move"] .rd-pin{flex-direction:column;gap:32px;width:100%}
  html[data-v='f'] .rd-race-stage{width:100%;height:auto;min-height:0}
  html[data-v='f'] .rd-race-stage svg{width:100%;height:auto}

  /* 04 waits for its scroll sequence before showing anything; a phone never runs
     that sequence, so the copy would sit at opacity 0 in an empty white band */
  html[data-v='f'] .desktop-design :is(.rd-s4-h,.rd-s4-copy,.rd-s4-foot,.rd-step,.rd-step-name,.rd-step-state,.rd-s4-eyebrow){opacity:1!important;filter:none!important;transform:none!important}
  html[data-v='f'] .desktop-design .rd-s4-elec{display:none!important}
  html[data-v='f'] .rd-s4-foot{flex-direction:column;align-items:flex-start;gap:10px;width:100%}
  html[data-v='f'] .rd-s4-docs{white-space:normal}

  /* 05: a region keeps its four endpoints, one per line, instead of four
     40px columns that cut every hostname to "fra.bolt.r…" */
  html[data-v='f'] .rd-infra-row:not(.rd-infra-row-head){flex-direction:column;align-items:stretch;gap:8px;padding-block:14px}
  html[data-v='f'] .rd-infra-row:not(.rd-infra-row-head) .rd-infra-cell{width:100%;font-size:12px;line-height:1.5;text-align:left}
  html[data-v='f'] .rd-infra-region{width:100%}

  /* ---- 04 the quickstart ----------------------------------------------- */
  html[data-v='f'] .rd-s4{gap:28px}
  html[data-v='f'] .rd-s4-body{flex-direction:column;gap:28px}
  html[data-v='f'] .rd-s4-copy,html[data-v='f'] .rd-s4-obj,html[data-v='f'] .rd-s4-head{width:100%;max-width:100%;flex:none}
  html[data-v='f'] .rd-s4-h{font-size:30px;line-height:1.12;letter-spacing:-1px}

  /* ---- 05 the regions, 06 the rate card, and their kin on the sheets --- */
  html[data-v='f'] .rd-infra,
  html[data-v='f'] .rd-splans,
  html[data-v='f'] .rd-sconnect,
  html[data-v='f'] .rd-source{padding:48px 24px;gap:28px}
  html[data-v='f'] .rd-infra-h,
  html[data-v='f'] .rd-source-head h2,
  html[data-v='f'] .rd-splans-head h2{font-size:30px;line-height:1.12;letter-spacing:-1px}
  html[data-v='f'] .rd-infra-grid,
  html[data-v='f'] .rd-sconnect-cols{grid-template-columns:minmax(0,1fr);gap:24px}
  html[data-v='f'] .rd-infra-col{border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);padding-top:16px}
  html[data-v='f'] .rd-rate-row{grid-template-columns:minmax(0,1fr) auto!important;row-gap:6px;column-gap:12px}
  html[data-v='f'] .rd-rate-detail{grid-column:1 / -1;width:100%!important;min-width:0}
  html[data-v='f'] .rd-rate-detail-main,html[data-v='f'] .rd-rate-detail-note{width:100%;min-width:0}
  html[data-v='f'] .rd-custom{flex-direction:column;gap:28px}
  html[data-v='f'] .rd-custom-body,html[data-v='f'] .rd-custom-head{width:100%;max-width:100%}

  /* ---- the two tables of the Streams sheet ----------------------------- */
  /* The source shows the same block as three real streams side by side, and the
     comparison sets four columns against each other: both are tables, and a
     table read one column at a time is not the same table. They keep their
     shape and the reader drags them sideways. */
  html[data-v='f'] .rd-source [data-name="Surge / How shreds work"],
  html[data-v='f'] .rd-source{overflow:visible}
  html[data-v='f'] .rd-real{grid-template-columns:repeat(3,minmax(290px,1fr));column-gap:24px;min-width:930px}
  html[data-v='f'] .rd-real-scroll{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:10px}
  html[data-v='f'] :is(.rd-real-scroll,.rd-cmp-scroll)::-webkit-scrollbar{height:4px}
  html[data-v='f'] :is(.rd-real-scroll,.rd-cmp-scroll)::-webkit-scrollbar-thumb{background:color-mix(in srgb,currentColor 25%,transparent);border-radius:2px}
  html[data-v='f'] .rd-cmp-scroll{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:10px}
  html[data-v='f'] .rd-cmp-scroll>*{min-width:720px}
  html[data-v='f'] .rd-cmp3 [data-name^="Comparison row "],
  html[data-v='f'] .rd-cmp3 [data-name="Stream use cases"]{width:720px;min-width:720px}
  /* the source waits for its own scroll sequence, which a phone never runs */
  html[data-v='f'] .desktop-design :is(.rd-real,.rd-real-h,.rd-real-meta,.rd-real-line,.rd-real-note,.rd-real-name,.rd-real-lead){opacity:1!important;filter:none!important;transform:none!important}

  /* ---- the tables of the Terminal sheet -------------------------------- */
  /* The screener, the Sniper VS table and the flow rows are tables: their rows
     keep their columns and the block drags sideways, the same as the Streams
     comparison. Everything else on a phone is a stack. */
  html[data-v='f'] .desktop-design :is([data-name="Discover token screener"],[data-name="Sniper result table"],[data-name="Comparison table"]){overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:10px}
  html[data-v='f'] .desktop-design :is([data-name^="Screener row"],[data-name^="Sniper result "]:not([data-name="Sniper result table"]),[data-name^="Comparison row "],[data-name="Screener header"]){flex-direction:row!important;flex-wrap:nowrap;align-items:center;gap:16px}
  html[data-v='f'] .desktop-design :is([data-name^="Screener row"],[data-name="Screener header"]){width:640px;min-width:640px}
  /* tabs and toolbars stay a row and scroll with the table they head */
  html[data-v='f'] .desktop-design :is([data-name$=" filters"],[data-name$=" views"],[data-name$=" tabs"],[data-name="Terminal app navigation"]){flex-direction:row!important;flex-wrap:wrap;gap:10px 18px;width:100%}
  html[data-v='f'] .desktop-design [data-name^="Sniper result "]:not([data-name="Sniper result table"]){width:900px;min-width:900px}
  html[data-v='f'] .desktop-design :is([data-name^="Screener row"],[data-name="Screener header"],[data-name^="Sniper result "]) .text{white-space:nowrap}

  /* ---- the footer ------------------------------------------------------ */
  html[data-v='f'] .desktop-design>.site-footer{flex-direction:column;gap:32px;padding-block:48px}
}