:root{color-scheme:dark;--bg:#061321;--panel:rgba(11,28,48,.88);--line:#1d3552;--ink:#f0f4f7;--text:#c9d6e0;--muted:#9fb2c2;--green:#97d700;--link:#a8e81a;--blue:#013a73;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:300px;background:transparent;isolation:isolate}body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(1100px 560px at 80% -8%,#013a738c,transparent 70%),radial-gradient(900px 620px at -10% 45%,#013a7342,transparent 70%),linear-gradient(180deg,#061321,#040d18)}
::selection{background:var(--green);color:var(--bg)}a{color:var(--link);text-underline-offset:5px}a:hover{color:#c9f56a}button,a,input,select,summary{touch-action:manipulation}:focus-visible{outline:2px solid var(--green);outline-offset:6px}button{font:inherit}img,video{max-width:100%}h1,h2,h3,strong{color:var(--ink)}p{line-height:1.75}h1,h2,h3,p{margin-top:0}.ql-skip{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:var(--green);color:#061321}.ql-skip:focus{top:12px}
body .ql-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;height:auto;max-width:none;margin:0;padding:23px max(28px,calc((100vw - 1240px)/2));background:#061321dc;border:0;border-bottom:1px solid #97d70061;backdrop-filter:blur(16px);color:var(--ink)}.ql-brand{display:block;line-height:0;flex:0 1 290px;min-width:155px}.ql-brand img{display:block;width:100%;height:auto;max-height:46px}body .ql-header nav{display:flex;align-items:center;gap:29px;white-space:nowrap}body .ql-header nav a{color:var(--text);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.03em}body .ql-header nav a:hover,body .ql-header nav a[aria-current=page]{color:var(--green)}body .ql-header nav .ql-nav-cta{padding:11px 17px;border:1px solid #97d70065;border-radius:5px;color:var(--ink)}
.ql-wrap{width:min(1240px,calc(100% - 64px));margin:0 auto}.ql-eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:700;color:var(--green);margin-bottom:27px}.ql-hero{padding:90px 0 75px;display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:center}.ql-hero h1{font-size:clamp(45px,5.7vw,78px);font-weight:500;line-height:1.06;letter-spacing:-.052em;margin-bottom:28px}.ql-hero h1 em{font-style:normal;color:var(--green)}.ql-lede{font-size:18px;max-width:510px;color:var(--text)}.ql-actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin-top:32px}.ql-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);border:1px solid var(--green);color:#071421;font-size:14px;font-weight:700;text-decoration:none;padding:15px 22px;border-radius:5px}.ql-button:hover{background:#b3ed31;color:#071421}.ql-text-link{font-size:13px;text-decoration:none;border-bottom:1px solid #97d70066;padding:8px 0}.ql-small{font-size:12px;color:var(--muted);line-height:1.65}.ql-hero-note{margin:23px 0 0}.ql-hero-visual{position:relative;border:1px solid var(--line);border-radius:8px;background:#071625;overflow:hidden;box-shadow:0 25px 100px #0005}.ql-hero-visual img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;object-position:center}.ql-visual-label{position:absolute;inset:auto 0 0;padding:28px 22px 18px;background:linear-gradient(transparent,#05111af5);display:flex;justify-content:space-between;gap:15px;color:var(--ink);font-size:12px}.ql-status{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:11px;letter-spacing:.06em}.ql-status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.ql-systems{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ql-system{padding:27px 24px 28px;border-right:1px solid var(--line)}.ql-system:first-child{padding-left:0}.ql-system:last-child{border-right:0}.ql-system small{font-size:10px;color:var(--green);letter-spacing:.12em}.ql-system h3{font-size:17px;font-weight:500;margin:13px 0 9px}.ql-system p{font-size:13px;margin:0;color:var(--muted)}.ql-section{padding:80px 0;border-bottom:1px solid var(--line)}.ql-section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:32px}.ql-section h2{font-size:clamp(29px,3.5vw,44px);font-weight:500;line-height:1.15;letter-spacing:-.035em;margin-bottom:12px}.ql-section-heading p{margin-bottom:0}.ql-feature{display:grid;grid-template-columns:1.25fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.ql-feature-media{display:block;position:relative;background:#071421;overflow:hidden}.ql-feature-media img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;transition:transform .5s}.ql-feature-media:hover img{transform:scale(1.025)}.ql-feature-copy{padding:42px}.ql-feature h3{font-size:29px;letter-spacing:-.025em;font-weight:500;margin:16px 0}.ql-feature-copy p{font-size:14px}.ql-pills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}.ql-pill{border:1px solid var(--line);border-radius:30px;padding:6px 10px;color:var(--muted);font-size:10px}.ql-two{display:grid;grid-template-columns:1fr 1fr;gap:70px}.ql-two p{font-size:15px}.ql-list{padding:0;list-style:none;margin:0}.ql-list li{padding:15px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--text)}.ql-list span{float:right;color:var(--muted);font-size:12px}.ql-page-intro{padding:74px 0 45px;max-width:800px}.ql-page-intro h1{font-size:clamp(42px,5.4vw,65px);line-height:1.1;letter-spacing:-.045em;font-weight:500;margin-bottom:22px}.ql-page-intro .ql-lede{max-width:740px}.ql-content{max-width:900px}.ql-content h2{font-size:27px;font-weight:500;letter-spacing:-.02em;margin:38px 0 16px}.ql-content p,.ql-content li{font-size:15px;line-height:1.8}.ql-callout{padding:24px 27px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--green);border-radius:5px;margin:30px 0}.ql-callout p:last-child{margin:0}.ql-data-table{overflow:auto;border:1px solid var(--line);border-radius:6px}.ql-data-table table{border-collapse:collapse;width:100%;font-size:13px;background:var(--panel)}.ql-data-table td,.ql-data-table th{text-align:left;padding:20px 22px;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.65}.ql-data-table th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ql-data-table tr:last-child td{border-bottom:0}.ql-data-table td:first-child{min-width:190px}.ql-data-table small{display:block;color:var(--muted);margin-top:7px;font-size:11px}.ql-data-table a{white-space:nowrap}.ql-code{font-family:ui-monospace,Consolas,monospace;font-size:12px;word-break:break-all;color:var(--muted)}
body footer.ql-footer{width:min(1240px,calc(100% - 64px));max-width:none;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 0 42px;border:0;color:var(--muted);font-size:11px;background:transparent}body .ql-footer a{color:var(--muted);text-decoration:none}body .ql-footer img{width:165px;height:auto;opacity:.8}.ql-footer-links{display:flex;gap:22px}.ql-bubbles{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:strict}.ql-bubble{position:absolute;bottom:0;width:var(--size);height:var(--size);left:var(--left);border:1px solid #9fc8df24;border-radius:50%;background:radial-gradient(circle at 28% 23%,#d7eef51a 0,transparent 30%),radial-gradient(circle at 70% 80%,transparent 42%,#70a7c609 76%);box-shadow:inset 1px 1px 4px #d0edff08;animation:ql-rise var(--duration) linear var(--delay) infinite;will-change:transform}.ql-bubble:nth-child(8n){border-color:#97d70026}.ql-bubble:nth-child(3n){opacity:.55}@keyframes ql-rise{from{transform:translate3d(0,12vh,0)}to{transform:translate3d(12px,-115vh,0)}}body[data-page-hidden=true] .ql-bubble{animation-play-state:paused}
body.ql-example main{width:min(1240px,calc(100% - 64px));max-width:1240px;margin:0 auto;background:transparent}body.ql-example{color:var(--text);background:transparent}body.ql-example .intro{padding-top:55px}body.ql-example .intro h1{color:var(--ink)}body.ql-example .intro h1 em,body.ql-example .intro h1 span{color:var(--green)}body.ql-example .eyebrow{color:var(--green)}body.ql-example .experience,body.ql-example .workbench,body.ql-example .katana-film video{border-color:var(--line)}body.ql-example .intro-scope,body.ql-example .muted{color:var(--muted)}body.ql-example .scope-card{background:var(--panel);border-color:var(--line)}body.ql-example .reference-return a{color:var(--link)}
@media(max-width:900px){body .ql-header{padding:18px 25px;gap:25px}.ql-brand{flex-basis:240px}body .ql-header nav{gap:18px}body .ql-header nav a{font-size:12px}.ql-hero{grid-template-columns:1fr;gap:40px;padding-top:65px}.ql-hero h1{max-width:730px}.ql-hero-visual{max-width:750px}.ql-hero-visual img{aspect-ratio:16/8;object-fit:cover}.ql-systems{grid-template-columns:1fr 1fr}.ql-system:nth-child(2){border-right:0}.ql-system:nth-child(3){padding-left:0;border-top:1px solid var(--line)}.ql-system:nth-child(4){border-top:1px solid var(--line)}.ql-feature{grid-template-columns:1fr 1fr}.ql-feature-copy{padding:30px}.ql-two{gap:35px}}
@media(max-width:600px){body .ql-header{padding:15px 20px;flex-wrap:wrap;gap:14px}.ql-brand{flex:0 0 220px}body .ql-header nav{width:100%;justify-content:space-between;gap:12px}body .ql-header nav .ql-nav-cta{padding:7px 9px}.ql-wrap,body.ql-example main,body footer.ql-footer{width:calc(100% - 40px)}.ql-hero{padding:47px 0}.ql-hero h1{font-size:48px}.ql-lede{font-size:16px}.ql-hero-visual img{aspect-ratio:16/10}.ql-system{padding:22px 18px}.ql-system h3{font-size:15px}.ql-system p{font-size:12px}.ql-section{padding:50px 0}.ql-section-heading{display:block}.ql-section-heading .ql-text-link{display:inline-block;margin-top:15px}.ql-feature,.ql-two{grid-template-columns:1fr}.ql-feature-media img{min-height:190px;aspect-ratio:16/9}.ql-feature-copy{padding:25px}.ql-feature h3{font-size:26px}.ql-page-intro{padding:48px 0 25px}.ql-page-intro h1{font-size:42px}.ql-data-table td,.ql-data-table th{padding:15px}.ql-data-table td:first-child{min-width:160px}body footer.ql-footer{align-items:flex-start;flex-direction:column;padding:28px 0}.ql-bubble:nth-child(n+13){display:none}.ql-bubble{opacity:.42}body.ql-example .intro{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ql-bubble{animation:none;transform:translateY(-55vh);opacity:.15}.ql-feature-media img{transition:none}}@media print{.ql-bubbles,.ql-header nav{display:none}body::before{display:none}body{background:white;color:#111}}


.ql-hero-visual img{height:auto;aspect-ratio:16/9;object-fit:contain}.ql-hero{padding-top:65px;padding-bottom:60px}


/* Generated bubble distribution */
.ql-bubble:nth-child(1){--left:7%;--duration:42s;--delay:-0s;--size:7px}
.ql-bubble:nth-child(2){--left:44%;--duration:59s;--delay:-19s;--size:20px}
.ql-bubble:nth-child(3){--left:81%;--duration:76s;--delay:-38s;--size:33px}
.ql-bubble:nth-child(4){--left:18%;--duration:49s;--delay:-8s;--size:12px}
.ql-bubble:nth-child(5){--left:55%;--duration:66s;--delay:-10s;--size:25px}
.ql-bubble:nth-child(6){--left:92%;--duration:83s;--delay:-12s;--size:38px}
.ql-bubble:nth-child(7){--left:29%;--duration:56s;--delay:-2s;--size:17px}
.ql-bubble:nth-child(8){--left:66%;--duration:73s;--delay:-60s;--size:30px}
.ql-bubble:nth-child(9){--left:3%;--duration:46s;--delay:-14s;--size:9px}
.ql-bubble:nth-child(10){--left:40%;--duration:63s;--delay:-45s;--size:22px}
.ql-bubble:nth-child(11){--left:77%;--duration:80s;--delay:-30s;--size:35px}
.ql-bubble:nth-child(12){--left:14%;--duration:53s;--delay:-50s;--size:14px}
.ql-bubble:nth-child(13){--left:51%;--duration:70s;--delay:-18s;--size:27px}
.ql-bubble:nth-child(14){--left:88%;--duration:43s;--delay:-32s;--size:40px}
.ql-bubble:nth-child(15){--left:25%;--duration:60s;--delay:-26s;--size:19px}
.ql-bubble:nth-child(16){--left:62%;--duration:77s;--delay:-54s;--size:32px}
.ql-bubble:nth-child(17){--left:99%;--duration:50s;--delay:-4s;--size:11px}
.ql-bubble:nth-child(18){--left:36%;--duration:67s;--delay:-55s;--size:24px}
.ql-bubble:nth-child(19){--left:73%;--duration:84s;--delay:-6s;--size:37px}
.ql-bubble:nth-child(20){--left:10%;--duration:57s;--delay:-19s;--size:16px}
.ql-bubble:nth-child(21){--left:47%;--duration:74s;--delay:-10s;--size:29px}
.ql-bubble:nth-child(22){--left:84%;--duration:47s;--delay:-23s;--size:8px}
.ql-bubble:nth-child(23){--left:21%;--duration:64s;--delay:-34s;--size:21px}
.ql-bubble:nth-child(24){--left:58%;--duration:81s;--delay:-32s;--size:34px}