:root{--ds-ink:#222729;--ds-toned:#7f837c;--ds-line:#ece9e2;--ds-violet:#6628d9;--ds-lime:#d4ff00;--ds-paper:#fff}.ds-block{color:var(--ds-ink);background:#fcfbf8;padding:clamp(40px,4.4cqw,64px) 0 clamp(56px,6.6cqw,96px);container-type:inline-size}.ds-wrap{--u:calc(min(100cqw, 1440px) / 1440);width:min(100%,1440px);margin:0 auto}.ds-block *,.ds-block :before,.ds-block :after{box-sizing:border-box}.ds-block img,.ds-block video,.ds-block svg{display:block}.ds-head{padding:0 calc(32 * var(--u));margin-bottom:calc(64 * var(--u))}.ds-eyebrow{height:calc(20 * var(--u));font-family:JetBrains Mono,SF Mono,ui-monospace,monospace;font-size:calc(11.52 * var(--u));line-height:calc(20 * var(--u));letter-spacing:.18em;text-transform:uppercase;color:#5a554b;margin:0;font-weight:400}.ds-title{margin:calc(12 * var(--u)) 0 0;max-width:calc(900 * var(--u));font-size:calc(56 * var(--u));line-height:calc(70 * var(--u));letter-spacing:calc(-.8 * var(--u));font-weight:500}.ds-title em{background:linear-gradient(90deg,#7a2cff,#c6ff00);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}@property --ds-ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ds-edge-drift{to{--ds-ang:calc(var(--ang) + 360deg)}}.ds-steps{margin:0 calc(32 * var(--u));height:calc(2209.19 * var(--u));position:relative}.ds-card{border-radius:calc(12 * var(--u));background:var(--ds-paper);background-origin:padding-box,border-box;background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),var(--ds-edge);--ds-ang:var(--ang);opacity:var(--in,1);transform:translateY(calc((1 - var(--in,1)) * 26 * var(--u)));will-change:opacity,transform;border:1px solid #0000;position:absolute;overflow:hidden}.ds-card[data-active]{animation:9s linear infinite ds-edge-drift}.ds-card--1{width:calc(1376 * var(--u));height:calc(719.28 * var(--u));--ang:135deg;--ds-edge:linear-gradient(var(--ds-ang), var(--ds-line) 8%, var(--ds-lime) 62%, var(--ds-violet) 100%);top:0;left:0}.ds-card--2a{left:0;top:calc(767.28 * var(--u));width:calc(945.2 * var(--u));height:calc(674.63 * var(--u));--ang:90deg;--ds-edge:linear-gradient(var(--ds-ang), var(--ds-violet) 0%, var(--ds-lime) 100%)}.ds-card--2b{left:calc(977.2 * var(--u));top:calc(767.28 * var(--u));width:calc(398.8 * var(--u));height:calc(674.63 * var(--u));--ang:120deg;--ds-edge:linear-gradient(var(--ds-ang), var(--ds-line) 0%, var(--ds-lime) 40%, var(--ds-lime) 100%)}.ds-card--3{left:0;top:calc(1489.91 * var(--u));width:calc(1376 * var(--u));height:calc(719.28 * var(--u));--ang:180deg;--ds-edge:linear-gradient(var(--ds-ang), var(--ds-line) 10%, var(--ds-lime) 100%)}.ds-art{object-fit:cover;pointer-events:none;position:absolute}.ds-art--1{left:calc(846 * var(--u));width:calc(530 * var(--u));height:calc(719.28 * var(--u));object-position:0% 50%;top:0}.ds-art--2a{left:0;top:calc(223.46 * var(--u));width:calc(945.2 * var(--u));height:calc(451.17 * var(--u))}.ds-art--2b{left:0;top:calc(366.88 * var(--u));width:calc(398.8 * var(--u));height:calc(307.75 * var(--u))}.ds-art--3{left:0;top:calc(411.28 * var(--u));width:calc(650 * var(--u));height:calc(308 * var(--u))}.ds-copy{top:calc(24 * var(--u));position:absolute}.ds-copy--1,.ds-copy--3{left:calc(32 * var(--u));width:calc(398.8 * var(--u))}.ds-copy--2{left:calc(32 * var(--u));width:calc(334.8 * var(--u))}.ds-kicker,.ds-h3{height:calc(35 * var(--u));font-size:calc(28 * var(--u));line-height:calc(35 * var(--u));letter-spacing:calc(-.3 * var(--u));margin:0;font-weight:500}.ds-h3{margin-top:calc(16 * var(--u))}.ds-steplabel{display:none}.ds-body{margin:calc(16 * var(--u)) 0 0;font-size:calc(14 * var(--u));line-height:calc(24 * var(--u));color:var(--ds-toned)}.ds-mock{border-radius:calc(8 * var(--u));box-shadow:0 calc(2 * var(--u)) calc(18 * var(--u)) #2227291a;background:#fbfbf9;position:absolute;overflow:hidden}.ds-mock--1,.ds-mock--3{left:calc(462.8 * var(--u));top:calc(24 * var(--u));width:calc(881.2 * var(--u))}.ds-mock--2{left:calc(32 * var(--u));top:calc(24 * var(--u));width:calc(881.2 * var(--u))}.ds-bar{height:calc(44.65 * var(--u));border-bottom:1px solid #2227290f;align-items:center;display:flex;position:relative}.ds-dots{left:calc(16 * var(--u));gap:calc(5.5 * var(--u));display:flex;position:absolute}.ds-dots i{width:calc(8.26 * var(--u));height:calc(8.26 * var(--u));background:#dcdad4;border-radius:50%}.ds-addr{left:calc(272.62 * var(--u));width:calc(330.45 * var(--u));height:calc(20.65 * var(--u));border-radius:calc(10.3 * var(--u));justify-content:center;align-items:center;gap:calc(2.8 * var(--u));background:#f1f1f1;display:flex;position:absolute}.ds-url{font-size:calc(8 * var(--u));line-height:calc(11 * var(--u));color:#6f736d}.ds-tools{right:calc(16 * var(--u));gap:calc(13.8 * var(--u));display:flex;position:absolute}.ds-i{width:calc(11 * var(--u));height:calc(11 * var(--u));fill:none;stroke:#6f736d;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.ds-tools .ds-i{width:calc(13.77 * var(--u));height:calc(13.77 * var(--u))}.ds-i--r{margin-left:calc(4 * var(--u))}.ds-screen{aspect-ratio:1440/1024;background:#f3f1ed;position:relative}.ds-video{object-fit:cover;width:100%;height:100%}@media(max-width:1024px){.ds-screen{aspect-ratio:342/312}.ds-mock{max-width:550px;margin-left:auto;margin-right:auto}.ds-bar{height:34px}.ds-dots{gap:4px;left:10px}.ds-dots i{width:6px;height:6px}.ds-addr{border-radius:9px;width:55%;height:17px;left:50%;transform:translate(-50%)}.ds-url{font-size:8px;line-height:11px}.ds-tools{gap:10px;right:10px}.ds-tools .ds-i{width:11px;height:11px}.ds-i--r{margin-left:3px}}.ds-link{pointer-events:none;opacity:var(--lo,1);position:absolute;inset:0}.ds-wire{position:absolute;overflow:visible}.ds-link--1 .ds-wire{left:calc(430 * var(--u));top:calc(680 * var(--u));width:calc(530 * var(--u));height:calc(132 * var(--u))}.ds-link--2 .ds-wire{left:calc(290 * var(--u));top:calc(1404 * var(--u));width:calc(460 * var(--u));height:calc(132 * var(--u))}@keyframes ds-march{to{stroke-dashoffset:-8px}}.ds-wire [data-wire]{animation:.9s linear infinite ds-march}.ds-wire [data-node]{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 calc(5 * var(--u)) #6628d98c)}.ds-tag{height:calc(36 * var(--u));padding:0 calc(8 * var(--u));border-radius:calc(3 * var(--u));box-shadow:inset 0 0 0 calc(1.5 * var(--u)) var(--ds-violet);color:var(--ds-violet);font-size:calc(16 * var(--u));line-height:calc(24 * var(--u));white-space:nowrap;--px:var(--hx);--py:var(--hy);transform:translate(calc(var(--px) * var(--u)),calc(var(--py) * var(--u))) translate(-50%,-50%);opacity:var(--po,1);background:#fff;border:0;align-items:center;margin:0;display:flex;position:absolute;top:0;left:0}.ds-tag--1{--hx:618.5;--hy:742.28;width:calc(263 * var(--u))}.ds-tag--2{--hx:358;--hy:1491;width:calc(86 * var(--u))}.ds-ctl{right:calc(14 * var(--u));bottom:calc(14 * var(--u));align-items:center;gap:calc(8 * var(--u));height:calc(34 * var(--u));padding:0 calc(12 * var(--u)) 0 calc(5 * var(--u));border-radius:calc(17 * var(--u));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 calc(2 * var(--u)) calc(10 * var(--u)) #2227291f;color:var(--ds-ink);font:inherit;cursor:pointer;opacity:var(--co,0);transform:translateY(calc((1 - var(--co,0)) * 6 * var(--u)));background:#ffffffd1;border:0;transition:opacity .22s,transform .22s;display:flex;position:absolute}.ds-ctl:hover{background:#fff}.ds-ring{width:calc(24 * var(--u));height:calc(24 * var(--u));flex:none;transform:rotate(-90deg)}.ds-ring circle{fill:none;stroke-width:3px}.ds-ring__bg{stroke:#22272929}.ds-ring__fg{stroke:var(--ds-violet);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px}.ds-replay{left:calc(9 * var(--u));width:calc(16 * var(--u));height:calc(16 * var(--u));fill:none;stroke:var(--ds-ink);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .18s;position:absolute}.ds-ctl[data-done] .ds-ring{opacity:.25}.ds-ctl[data-done] .ds-replay{opacity:1}.ds-time{font-size:calc(13 * var(--u));font-variant-numeric:tabular-nums;line-height:1}@media(max-width:1024px){.ds-wrap>*{--u:1px}.ds-head{margin-bottom:48px;padding:0 16px}.ds-title{letter-spacing:-.2px;font-size:28px;line-height:34px}.ds-title em{background-image:linear-gradient(90deg,var(--ds-lime) 0%,var(--ds-lime) 68%,var(--ds-violet) 100%)}.ds-eyebrow{letter-spacing:.4px;font-size:14px;font-weight:400;line-height:20px}.ds-steps{flex-direction:column;gap:0;height:auto;margin:0 16px;display:flex}.ds-card{border-radius:8px;flex-direction:column;gap:12px;margin-bottom:32px;padding:12px;display:flex;position:relative;inset:auto;width:auto!important;height:auto!important}.ds-copy,.ds-mock{width:auto;position:static;top:auto;left:auto}.ds-mock{width:100%}.ds-copy{margin-bottom:0}.ds-kicker,.ds-h3{display:none}.ds-body{margin:0;font-size:12px;line-height:16px}.ds-body+.ds-body{margin-top:16px}.ds-steplabel{color:var(--ds-ink);order:0;margin:0 0 8px;font-size:16px;font-weight:500;line-height:24px;display:block}.ds-steplabel:first-of-type{order:1}.ds-card--1{order:2}.ds-steplabel:nth-of-type(2){order:3}.ds-card--2b{order:4}.ds-card--2a{order:5}.ds-steplabel:nth-of-type(3){order:6}.ds-card--3{order:7}.ds-card--2b{border-bottom:0;border-radius:8px 8px 0 0;margin-bottom:0;padding-bottom:0}.ds-card--2a{border-top:0;border-radius:0 0 8px 8px;padding-top:12px}.ds-card{isolation:isolate}.ds-copy,.ds-mock{z-index:1;position:relative}.ds-art{z-index:0;opacity:.5;width:116%;height:62%;display:block;inset:auto -18% -8% auto;-webkit-mask-image:linear-gradient(160deg,#0000 22%,#000 96%);mask-image:linear-gradient(160deg,#0000 22%,#000 96%)}.ds-block .ds-art--2b{display:none}.ds-art--2a{opacity:.42;width:124%;height:54%;bottom:-10%;left:-12%;right:auto;-webkit-mask-image:linear-gradient(20deg,#0000 18%,#000 92%);mask-image:linear-gradient(20deg,#0000 18%,#000 92%)}.ds-art--3{opacity:.72}.ds-link{display:none}.ds-ctl{bottom:12px;right:12px}}@media(prefers-reduced-motion:reduce){.ds-card{opacity:1!important;transform:none!important}.ds-card[data-active],.ds-wire [data-wire]{animation:none!important}.ds-ctl{opacity:1!important;transform:none!important}}@property --t{syntax:"<number>";inherits:false;initial-value:0}@property --fade{syntax:"<number>";inherits:false;initial-value:1}@property --reveal{syntax:"<number>";inherits:true;initial-value:0}.o3,.o3 *,.o3 :before,.o3 :after{box-sizing:border-box}.o3{--ui-secondary:#6628d9;--ui-info:#5a22c0;--ui-bg-inverted:#222729;--ui-text:#222729;--ui-text-highlighted:#15191c;--ui-text-toned:#7f837c;--ui-text-muted:#a5a39a;--ui-border:#ece9e2;--ui-border-accented:#e0ded7;--ui-success:#00c16a;--info-50:#eff6ff;--neutral-50:#fcfbf8;--neutral-100:#f6f4ef;--primary-50:#fefff2;--chrome-bar:#fff3;--chrome-field:#f1f1f1;--chrome-text:#151515;--chrome-hairline:#0000001a;--font-display:"Archivo", "Helvetica Neue", Arial, sans-serif;--browser-w:min(1080px, 80vw);--u:calc(var(--browser-w) / 1080);--chrome-h:calc(51.188 * var(--u));--page-pad-x:calc(21.938 * var(--u));--pad-t:clamp(24px, 7.111svh, 64px);--pad-b:8px;--copy-gap:clamp(14px, 3.556svh, 32px);--copy-h:127px;--head-h:calc((1 - var(--reveal)) * (var(--copy-h) + var(--copy-gap)));--browser-h:min(calc(1.15 * var(--browser-w)), calc(100svh - var(--pad-t) - var(--pad-b) - var(--head-h)));--sec-w:calc(604 * var(--u));--sec-gap:calc(19.667 * var(--u));--note-x:710;--note-w:440;--bleed-r:calc(140 * var(--u));--wire:#6628d9;--focus:#d4ff00;--dim:.42;--pin-length:520svh;height:calc(100svh + var(--pin-length));color:var(--primary-50);font-family:var(--font-display);font-variation-settings:"wdth" 100;position:relative}.o3-stage{width:100%;height:100svh;padding-top:var(--pad-t);padding-bottom:var(--pad-b);isolation:isolate;background:#000;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:sticky;top:0;overflow:hidden}.o3-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.o3-bg img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.o3-bg:after{content:"";background:linear-gradient(#000,#6660 59.722%);position:absolute;inset:0}.o3-head{z-index:2;width:100%;height:var(--head-h);flex:none;justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}.o3-copy{text-align:center;text-wrap:balance;width:min(911px,63.26vw);opacity:calc(1 - var(--reveal));transform:translate3d(0,calc(var(--reveal) * -24px),0);flex-direction:column;gap:12px;display:flex}.o3-copy__eyebrow,.o3-copy__sub{color:var(--neutral-100);margin:0;font-size:clamp(11px,.972vw,14px);font-weight:400;line-height:1.43}.o3-copy__title{color:var(--primary-50);margin:0;font-size:clamp(28px,4.444vw,64px);font-weight:500;line-height:1.02}.o3-mock{z-index:1;width:var(--browser-w);height:var(--browser-h);flex:none;position:relative}.o3-browser{border:calc(.914 * var(--u)) solid var(--chrome-hairline);border-radius:calc(3.656 * var(--u));flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.o3-chrome{padding:calc(10.969 * var(--u)) var(--page-pad-x);background:var(--chrome-bar);border-bottom:calc(.914 * var(--u)) solid var(--chrome-hairline);flex:none;justify-content:space-between;align-items:center;display:flex}.o3-chrome__dots{width:calc(47.531 * var(--u));height:calc(10.969 * var(--u));display:block}.o3-chrome__field{align-items:center;gap:calc(7.313 * var(--u));width:calc(438.75 * var(--u));height:calc(27.422 * var(--u));padding:calc(3.656 * var(--u)) calc(7.313 * var(--u));border-radius:calc(7.313 * var(--u));background:var(--chrome-field);display:flex}.o3-chrome__url{justify-content:center;align-items:center;gap:calc(3.656 * var(--u));min-width:0;font-size:calc(11.883 * var(--u));color:var(--chrome-text);white-space:nowrap;flex:1;line-height:1;display:flex}.o3-chrome__icon{width:calc(14.625 * var(--u));height:calc(14.625 * var(--u));flex:none;display:block}.o3-chrome__right{align-items:flex-start;gap:calc(18.281 * var(--u));display:flex}.o3-chrome__action{width:calc(18.281 * var(--u));height:calc(18.281 * var(--u));display:block}.o3-screen{min-height:0;padding:calc(29.25 * var(--u)) var(--page-pad-x) calc(14.625 * var(--u));background:#fff;flex:1;position:relative;overflow:hidden}.o3-page{gap:calc(20 * var(--u));transform:translate3d(0,var(--page-y,0px),0);color:var(--ui-text);flex-direction:column;display:flex;position:relative}.o3-phead{gap:calc(16 * var(--u));align-items:flex-start;display:flex}.o3-avatar{width:calc(58 * var(--u));height:calc(58 * var(--u));border-radius:calc(4 * var(--u));background:var(--info-50);font-size:calc(24 * var(--u));line-height:calc(32 * var(--u));flex:none;justify-content:center;align-items:center;display:flex}.o3-pmeta{gap:calc(6 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.o3-ptitle{gap:calc(10 * var(--u));align-items:center;display:flex}.o3-ptitle h3{font-size:calc(24 * var(--u));line-height:calc(32 * var(--u));color:var(--ui-text-highlighted);white-space:nowrap;margin:0;font-weight:500}.o3-badge{padding:calc(4 * var(--u)) calc(8 * var(--u));border-radius:calc(6 * var(--u));font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));color:var(--ui-text);white-space:nowrap;background:#fff;flex:none;justify-content:center;align-items:center;font-weight:500;display:flex}.o3-badge--ok{font-size:calc(12 * var(--u));line-height:calc(16 * var(--u));color:var(--ui-success);background:#00c16a1a}.o3-pdesc{font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));color:var(--ui-text-toned);margin:0;font-weight:400}.o3-tags{gap:calc(8 * var(--u));padding-block:calc(10 * var(--u));align-items:center;display:flex}.o3-tag{padding:calc(4 * var(--u)) calc(8 * var(--u));border:calc(1 * var(--u)) solid var(--ui-border-accented);border-radius:calc(6 * var(--u));font-size:calc(12 * var(--u));line-height:calc(16 * var(--u));color:var(--ui-text);white-space:nowrap;background:#fff;flex:none;font-weight:500}.o3-addtag{gap:calc(4 * var(--u));padding:calc(4 * var(--u));border-radius:calc(6 * var(--u));font-size:calc(12 * var(--u));line-height:calc(16 * var(--u));color:var(--ui-text-muted);white-space:nowrap;align-items:center;font-weight:500;display:flex}.o3-ico{flex:none;justify-content:center;align-items:center;display:flex}.o3-ico--16{width:calc(16 * var(--u));height:calc(16 * var(--u))}.o3-ico--20{width:calc(20 * var(--u));height:calc(20 * var(--u))}.o3-ico img{width:calc(var(--iw) * var(--u));height:calc(var(--ih) * var(--u));display:block}.o3-tabs{padding:calc(4 * var(--u));display:flex}.o3-tab{padding-bottom:calc(4 * var(--u));border-bottom:calc(1 * var(--u)) solid var(--ui-border);font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));color:var(--ui-text-muted);flex-direction:column;align-items:flex-start;font-weight:500;display:flex}.o3-tab>span{padding:calc(6 * var(--u)) calc(12 * var(--u));white-space:nowrap}.o3-tab--on{border-bottom-color:var(--ui-bg-inverted);color:var(--ui-text-highlighted)}.o3-tab:last-child{flex:1;min-width:0}.o3-secs{width:var(--sec-w);gap:var(--sec-gap);flex-direction:column;display:flex}.o3-sec{opacity:var(--lit,1);transition:opacity .26s;position:relative}.o3-card{padding:calc(24 * var(--u));border:calc(1 * var(--u)) solid var(--ui-border);border-radius:calc(8 * var(--u));background:#fff;flex-direction:column;display:flex}.o3-card__h{font-size:calc(16 * var(--u));line-height:calc(24 * var(--u));color:var(--ui-text);margin:0;font-weight:500}.o3-card__p{font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));color:var(--ui-text-toned);margin:0;font-weight:400}.o3-card__b{margin-top:calc(var(--bt,24) * var(--u));gap:calc(var(--bg,24) * var(--u));flex-direction:column;display:flex}.o3-field{gap:calc(var(--fg,2) * var(--u));flex-direction:column;display:flex}.o3-lab{font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));color:var(--ui-text-toned);margin:0;font-weight:400}.o3-val{font-size:calc(var(--vs,14) * var(--u));line-height:calc(var(--vl,20) * var(--u));color:var(--ui-text);margin:0;font-weight:500}.o3-rows{gap:calc(12 * var(--u));flex-direction:column;display:flex}.o3-row{align-items:center;gap:calc(12 * var(--u));height:calc(var(--rh,56) * var(--u));padding:0 calc(17 * var(--u)) 0 calc(12 * var(--u));border:calc(1 * var(--u)) solid var(--ui-border);border-radius:calc(8 * var(--u));display:flex}.o3-row__ico{width:calc(32 * var(--u));height:calc(32 * var(--u));background-image:url(/agent-scroll-v3/img/v3/row-icons.webp);background-size:calc(384 * var(--u)) calc(32 * var(--u));background-position:calc(var(--ic) * -32 * var(--u)) 0;background-repeat:no-repeat;flex:none}.o3-row__t{flex-direction:column;flex:1;min-width:0;display:flex}.o3-row__n{font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));color:var(--ui-text);margin:0;font-weight:500}.o3-row__s{font-size:calc(12 * var(--u));line-height:calc(16 * var(--u));color:var(--ui-text-toned);margin:0;font-weight:400}.o3-pill{height:calc(20 * var(--u));padding:0 calc(6.5 * var(--u));border-radius:calc(6 * var(--u));background:var(--focus);font-size:calc(10 * var(--u));line-height:calc(14 * var(--u));color:var(--ui-text);white-space:nowrap;flex:none;align-items:center;font-weight:400;display:flex}.o3-ico-btn{width:calc(16 * var(--u));height:calc(16 * var(--u));margin-left:calc(9 * var(--u));fill:none;stroke:var(--ui-text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}.o3-pre{padding:calc(12 * var(--u));border-radius:calc(8 * var(--u));background:var(--neutral-50);font-family:inherit;font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));color:var(--ui-text);white-space:pre-line;margin:0;font-weight:400}.o3-pans{gap:calc(24 * var(--u));flex-direction:column;display:flex}.o3-pan{border:calc(1 * var(--u)) solid var(--ui-border);border-radius:calc(8 * var(--u))}.o3-pan__h{align-items:center;gap:calc(8 * var(--u));height:calc(43 * var(--u));padding:0 calc(12 * var(--u));background:var(--neutral-50);border-bottom:calc(1 * var(--u)) solid var(--ui-border);border-radius:calc(7 * var(--u)) calc(7 * var(--u)) 0 0;display:flex}.o3-pan__h h4{font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));color:var(--ui-text);margin:0;font-weight:500}.o3-cnt{min-width:calc(20 * var(--u));height:calc(20 * var(--u));padding:0 calc(5 * var(--u));border:calc(1 * var(--u)) solid var(--ui-border-accented);border-radius:calc(6 * var(--u));font-size:calc(12 * var(--u));line-height:calc(16 * var(--u));color:var(--ui-text-toned);background:#fff;justify-content:center;align-items:center;font-weight:400;display:flex}.o3-pan__h .o3-ico-btn{margin-left:auto}.o3-pan__b{gap:calc(12 * var(--u));padding:calc(12 * var(--u)) calc(12 * var(--u)) calc(11 * var(--u));flex-direction:column;display:flex}.o3-sec:after{content:"";inset:calc(-3 * var(--u));border-radius:calc(11 * var(--u));box-shadow:inset 0 0 0 calc(1.6 * var(--u)) var(--focus),0 0 calc(18 * var(--u)) calc(-8 * var(--u)) var(--focus);opacity:var(--focus-t,0);pointer-events:none;transition:opacity .18s linear;position:absolute}.o3-page [data-reveal]{--t:0;opacity:var(--t);transform:translate3d(0,calc((1 - var(--t)) * 26 * var(--u)),0)}.o3-notes{left:var(--page-pad-x);top:var(--chrome-h);width:calc(var(--browser-w) - 2 * var(--page-pad-x) + var(--bleed-r));height:calc(var(--browser-h) - var(--chrome-h) - calc(.914 * var(--u)));pointer-events:none;z-index:2;position:absolute;overflow:hidden}.o3-notes__in{transform:translate3d(0,var(--page-y,0px),0);position:absolute;inset:0}.o3-note{--r:calc(8 * var(--u));left:calc(var(--note-x) * var(--u));top:var(--top,0px);width:calc(var(--note-w) * var(--u));z-index:3;padding:calc(12 * var(--u));border:calc(1 * var(--u)) solid #6628d926;border-radius:var(--r);background:var(--ui-bg-inverted);box-shadow:0 calc(20 * var(--u)) calc(25 * var(--u)) calc(-5 * var(--u)) #0000002e,0 calc(10 * var(--u)) calc(10 * var(--u)) calc(-5 * var(--u)) #00000014;opacity:calc(var(--tc,0) * var(--fade,1));transform:translate3d(calc((1 - var(--tc,0)) * 18 * var(--u)),0,0);position:absolute;overflow:hidden}.o3-note__art{border-radius:calc(var(--r) - 1 * var(--u));pointer-events:none;position:absolute;inset:0;overflow:hidden}.o3-note__photo{left:calc(var(--px) * var(--u));top:calc(var(--py) * var(--u));width:calc(var(--pw) * var(--u));height:calc(var(--ph) * var(--u));display:block;position:absolute}.o3-note__text{gap:calc(8 * var(--u));flex-direction:column;display:flex;position:relative}.o3-note__head{gap:calc(4 * var(--u));align-items:flex-start;display:flex}.o3-note__head h3{min-width:0;font-size:calc(16 * var(--u));line-height:calc(24 * var(--u));color:var(--neutral-50);flex:1;margin:0;font-weight:500}.o3-note__body{font-size:calc(12 * var(--u));line-height:calc(16 * var(--u));color:var(--primary-50);margin:0;font-weight:400}.o3-wire{z-index:2;pointer-events:none;opacity:var(--fade,1);position:absolute;overflow:visible}.o3-wire__line{fill:none;stroke:var(--wire);stroke-width:calc(1.6 * var(--u));stroke-dasharray:0 calc(4 * var(--u));stroke-linecap:round}.o3-wire__mask{fill:none;stroke:#fff;stroke-width:calc(8 * var(--u));stroke-linecap:butt;stroke-dasharray:var(--len);stroke-dashoffset:calc(var(--len) * (1 - var(--tw,0)))}@keyframes o3-march{to{stroke-dashoffset:calc(-4 * var(--u))}}.o3.is-active .o3-wire__line{animation:.9s linear infinite o3-march}.o3-node{z-index:4;width:calc(11 * var(--u));height:calc(11 * var(--u));margin:calc(-5.5 * var(--u)) 0 0 calc(-5.5 * var(--u));border:calc(1.6 * var(--u)) solid var(--wire);box-shadow:0 0 0 calc(3 * var(--u)) #6628d92e,0 0 calc(12 * var(--u)) calc(1 * var(--u)) #6628d98c;pointer-events:none;opacity:calc(var(--tn,0) * var(--fade,1));transform:scale(calc(.2 + var(--tn,0) * .8));background:#fff;border-radius:50%;position:absolute}html.o3-snap{scroll-snap-type:y mandatory}.o3-mark{scroll-snap-align:start;pointer-events:none;width:1px;height:1px;position:absolute;left:0}html.o3-snap body>:not(.o3){scroll-snap-align:start}.o3:not(.is-live){--reveal:0}.o3:not(.is-live) .o3-page [data-reveal]{opacity:1;transform:none}.o3:not(.is-live) .o3-sec img{opacity:1}.o3:not(.is-live) .o3-notes,.o3:not(.is-live) .o3-sec:after{display:none}.o3.is-active .o3-page,.o3.is-active .o3-notes__in{will-change:transform}.o3.is-active .o3-page [data-reveal],.o3.is-active .o3-note,.o3.is-active .o3-node{will-change:transform,opacity}@media(max-width:1024px),(prefers-reduced-motion:reduce){.o3{--reveal:0;height:auto!important}.o3-stage{height:auto;min-height:0;padding-bottom:calc(var(--pad-t) * 1.2);position:static;overflow:visible}.o3{--pad-t:clamp(20px, 3.1svh, 28px)}html.o3-snap{scroll-snap-type:none}.o3-mark{display:none}.o3-bg img{height:100%}.o3-bg:after{background:linear-gradient(#000,#0000008c 40%,#000000b8)}.o3-head{height:auto}.o3-copy{opacity:1;width:min(560px,88vw);transform:none}.o3-copy__sub{font-size:14px;line-height:1.5}.o3-copy__eyebrow{letter-spacing:.08em;font-size:12px}.o3-mock{height:auto}.o3-browser{border:0;border-radius:0;position:static;overflow:visible}.o3-chrome{--u:1px;height:calc(50 * var(--u));padding:0 calc(8 * var(--u));gap:calc(13.7 * var(--u));border-radius:calc(3.656 * var(--u)) calc(3.656 * var(--u)) 0 0}.o3-chrome__field{flex:auto;width:auto;min-width:0;max-width:none}.o3-screen{background:0 0;flex:none;height:auto;padding:0;overflow:visible}.o3-page{--u:1px;gap:14px;transform:none!important}.o3-page [data-reveal]{opacity:1!important;transform:none!important}.o3-phead{background:#fff;border-radius:12px;padding:29px 16px 16px;display:block}.o3-avatar{margin-bottom:16px}.o3-pmeta{width:100%}.o3-ptitle{flex-wrap:nowrap;align-items:center;gap:12px}.o3-pdesc{margin-top:8px}.o3-tabs{display:none}.o3-tags{flex-wrap:wrap;padding-block:6px 0}.o3-ptitle{flex-wrap:wrap}.o3-page{background:#fff}.o3-secs{gap:0;width:100%}.o3-sec{box-shadow:none;background:#fff;border:0;border-bottom:1.5px solid #f1efe8;border-radius:0;opacity:1!important}.o3-secs>.o3-sec:last-of-type{border-bottom:0}.o3[data-swap] .o3-sec:after{box-shadow:inset 0 0 0 1.6px var(--focus),0 0 18px -8px var(--focus);opacity:calc(var(--sec-ring,0) * var(--reveal));border-radius:0;transition:opacity .22s linear;display:block;inset:0}.o3[data-swap] .o3-sec{position:relative}.o3-sec:after{display:none}.o3-phead{background:#fff;border-bottom:1.5px solid #f1efe8;border-radius:0}.o3-row{height:auto;min-height:calc(var(--rh,56) * 1px);padding-block:11px}.o3-notes{--u:1px;width:var(--browser-w);max-width:100%;margin-block:0 var(--copy-gap);height:calc(var(--m-note-h,0px) * var(--reveal));pointer-events:auto;padding:0;position:static;left:auto;right:auto;overflow:hidden;display:block!important}.o3-notes__in>.o3-note{width:auto}.o3-notes__in{gap:14px;display:grid;position:static;transform:none!important}.o3-notes__in:empty{display:none}.o3[data-swap] .o3-notes{top:var(--note-top,10px);z-index:6;position:sticky}.o3[data-swap] .o3-notes__in{gap:0}.o3[data-swap] .o3-notes__in>.o3-note{pointer-events:none;grid-area:1/1;transition:opacity .24s,transform .3s cubic-bezier(.2,.8,.2,1);transform:translateY(10px);opacity:0!important}.o3[data-swap] .o3-note[data-shown]{pointer-events:auto;transform:none;opacity:1!important}.o3[data-swap] .o3-notes[data-out] .o3-note[data-shown]{transition:opacity .13s,transform .13s;transform:translateY(-6px);opacity:0!important}@keyframes o3-note-pulse{0%{box-shadow:0 10px 24px #00000047,0 0 #d4ff008c}35%{box-shadow:0 10px 24px #00000047,0 0 16px 1px #d4ff008c}to{box-shadow:0 10px 24px #00000047,0 0 #d4ff0000}}.o3[data-swap] .o3-notes[data-bump] .o3-note[data-shown]{animation:.52s ease-out o3-note-pulse}.o3[data-swap]{height:calc(100svh + var(--m-pin,200svh))!important}.o3[data-swap] .o3-stage{padding-bottom:12px;top:0;height:100svh!important;position:sticky!important;overflow:hidden!important}.o3[data-swap] .o3-screen{height:calc(var(--m-win,55svh) - max(0px,var(--m-copy-h,0px) - var(--m-note-h,0px)) * (1 - var(--reveal)))!important;overflow:hidden!important}.o3[data-swap] .o3-page{will-change:transform;transform:translateY(calc(var(--m-pan,0) * -1px))!important}.o3[data-swap] .o3-notes{flex:none;position:static!important}.o3[data-swap] .o3-head{transition:none;overflow:hidden;height:calc(var(--m-copy-h,0px) * (1 - var(--reveal)))!important}.o3[data-swap] .o3-copy{opacity:calc(1 - var(--reveal))!important}.o3[data-swap] .o3-notes{opacity:var(--reveal)}.o3[data-swap] .o3-sec{transition:opacity .32s;opacity:calc(1 - (1 - var(--sec-o,1)) * var(--reveal))!important}.o3[data-swap] .o3-mock{flex:none}.o3-note{background:linear-gradient(var(--ui-bg-inverted),var(--ui-bg-inverted)) padding-box,linear-gradient(90deg,#d4ff00,#6628d9) border-box;border:1px solid #0000;border-radius:6px;width:auto;padding:12px;position:static;box-shadow:0 10px 24px #00000047;opacity:1!important;transform:none!important}.o3-note__art{pointer-events:none;border-radius:6px;display:block;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 30%,#0000008c 62%,#000 100%);mask-image:linear-gradient(90deg,#0000 30%,#0000008c 62%,#000)}.o3-note__photo{object-fit:cover;opacity:.72;width:58%!important;height:100%!important;top:0!important;left:auto!important;right:0!important}.o3-note{position:relative;inset:auto;overflow:hidden}.o3-note__text{z-index:1;position:relative}.o3-wire,.o3-node{display:none!important}.o3-note__text{gap:6px}.o3-note__head{gap:8px}.o3-note__head h3{font-size:16px;line-height:24px}.o3-note__body{font-size:12px;line-height:16px}.o3-ico--20{width:20px;height:20px}.o3-ico--20 img{width:15px;height:15px}}@media(max-width:1024px){.o3{--browser-w:min(520px, 92vw)}}@media(max-width:400px){.o3-card{padding:16px}.o3-pre{font-size:13px}.o3-row{gap:10px}}
