/* Midnight glass: light is part of the composition, not a replacement cursor. */
:root{--page-dark:#080f0e;--glass:rgba(27,42,35,.43);--glass-edge:rgba(214,255,227,.17);--muted:#9bad9f;--line:rgba(204,246,219,.12)}
body{background:var(--page-dark);color:#e8f0e9;isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(#a5e0ba05 1px,transparent 1px),linear-gradient(90deg,#a5e0ba05 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(black,#0008)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 8%,#4c9d7711,transparent 40%),radial-gradient(ellipse at 5% 66%,#3264850d,transparent 36%)}.ambient-light{position:fixed;left:0;top:0;width:560px;height:560px;border-radius:50%;pointer-events:none;z-index:45;opacity:0;background:radial-gradient(circle,rgba(219,255,214,.14),rgba(172,248,199,.08) 20%,rgba(112,201,240,.045) 40%,transparent 68%);mix-blend-mode:screen;filter:blur(7px);transform:translate3d(-1000px,-1000px,0) translate(-50%,-50%);transition:opacity .6s;will-change:transform,opacity}.ambient-light:after{content:"";position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle,#ecffe00b,transparent 68%)}.spotlight-active .ambient-light{opacity:1}.header{background:#09120eb3;border-bottom:1px solid #d9ffe71c;backdrop-filter:blur(24px) saturate(145%);box-shadow:inset 0 -1px #f0fff803}.header .nav-wrap{height:84px}.brand-icon{color:#162018;box-shadow:0 0 24px #d5f45b0a}.header .nav-contact{background:#daffdc06;border-color:#b8e7c52b;box-shadow:inset 0 1px #ffffff08}.header .nav-contact:hover{background:#e0ffda0d;box-shadow:0 4px 24px #b2ed8a0c}.hero-shell{background:transparent}.hero-shell:before{background:radial-gradient(ellipse,#89d85a15,transparent 66%);animation:auroraDrift 15s ease-in-out infinite alternate}.hero-shell:after{content:"";position:absolute;left:49%;top:0;width:60%;height:77%;background:radial-gradient(ellipse,#49a0b40a,transparent 68%);z-index:-1;pointer-events:none}.hero{padding-top:65px;gap:22px 48px}.hero h1{letter-spacing:-3.5px;font-weight:730}.hero .accent-word{text-shadow:0 0 38px #d5f45b1c}.hero .eyebrow{font-size:9px;color:#91bda0}.hero-description{color:#a8bcb0}.hero-actions .button.dark{background:linear-gradient(125deg,#e3ff8b,#c6ed4a);box-shadow:0 8px 32px #c8ed5010,inset 0 1px #fff8}.hero-actions .button.dark:hover{box-shadow:0 10px 40px #c8ed5029,inset 0 1px #fff8}.hero-note{color:#6c927b}.hero-lab-bar{border-color:#a0dcb51a}.hero-modes button[aria-pressed=true]{background:#bce3970b;border-color:#c3ecab33;box-shadow:inset 0 1px #deffd40c,0 3px 18px #0002;backdrop-filter:blur(12px)}.studio-scene{perspective:1000px}.scene-grid{background-size:28px 28px;background-image:linear-gradient(#a7ecbd0a 1px,transparent 1px),linear-gradient(90deg,#a7ecbd0a 1px,transparent 1px)}.scene-core{isolation:isolate;top:158px}.scene-core:before{content:"";position:absolute;width:124px;height:124px;top:-20px;left:50%;transform:translateX(-50%) rotate(30deg);z-index:-1;border-radius:23px;border:1px solid #dcffc548;background:linear-gradient(135deg,#e8ffdf18,#72b5b00a 45%,#d7ffb015);box-shadow:inset 1px 1px 0 #ffffff2b,inset -1px -1px 0 #b4e6b20c,0 18px 50px #0004,0 0 60px #c7fc610a;backdrop-filter:blur(8px);animation:coreLevitate 9s ease-in-out infinite}.scene-core:after{content:"";position:absolute;width:163px;height:163px;border:1px dashed #d0f6b52b;border-radius:50%;left:50%;top:-39px;transform:translateX(-50%);z-index:-2;animation:coreHalo 42s linear infinite}.scene-core>span{font-size:63px;letter-spacing:-5px;text-shadow:0 0 35px #b4ffad16}.scene-core small{font-size:6px;letter-spacing:1.3px;margin-top:11px;color:#a3bf9c}.scene-chip{background:#54715a14;border-color:#d4ffdf26;box-shadow:inset 0 1px #fff1,0 12px 26px #0003;backdrop-filter:blur(16px) saturate(150%)}.studio-console{background:linear-gradient(130deg,#283f2f77,#101d17a3);border-color:#c9ffbd32;box-shadow:inset 0 1px #ffffff19,inset 1px 0 #f0ffeb09,0 22px 55px #0005,0 0 35px #b1d97f05;backdrop-filter:blur(25px) saturate(160%)}.studio-scene:hover .studio-console{border-color:#dcffd55c;box-shadow:inset 0 1px #fff3,0 24px 60px #0005,0 0 40px #b1d97f0a}.console-header{background:#b5d6aa04;border-color:#dcffd81a}.console-footer{border-color:#dcffd81a}.scene-scan{position:absolute;left:8%;right:8%;top:45px;height:1px;z-index:2;background:linear-gradient(90deg,transparent,#caffac44,#a2f5e35c,transparent);box-shadow:0 0 18px #b5ffb51c;pointer-events:none;animation:sceneScan 7s ease-in-out infinite}.scene-floor{position:absolute;width:110%;height:200px;left:-5%;bottom:42px;transform:perspective(340px) rotateX(65deg);transform-origin:bottom;background-image:linear-gradient(#b8e9c51a 1px,transparent 1px),linear-gradient(90deg,#b8e9c51a 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,black,transparent 65%);pointer-events:none}.scene-heading{color:#7fa38b}.coord-left,.coord-right{color:#668f7b}.service-strip{box-shadow:0 -1px #eaffad38,0 5px 38px #bedf3e09}.service-strip .marquee-group>span{display:block}.section{padding-block:100px}.section-top .eyebrow,.faq-section .eyebrow{color:#84ae96}.section-aside{color:#627f6c}.section-heading h2{font-size:40px;color:#e9f2e9}.section-heading>p{color:#8fa497}.lime-text{color:var(--lime)}#services{position:relative;isolation:isolate}#services:before{content:"";position:absolute;inset:110px 0 20px;z-index:-1;background:radial-gradient(ellipse at 25% 73%,#8cd45a0d,transparent 55%),radial-gradient(ellipse at 88% 90%,#4a95ad0b,transparent 50%);pointer-events:none}.service-grid{gap:17px}.service-card,.service-card.featured{--card-accent:#b2d5ff;background:linear-gradient(135deg,#3d5b4a35,#1a2b2633 55%,#91c79d08);border:1px solid #d9ffe221;box-shadow:inset 0 1px #ffffff0e,inset 1px 0 #f0fff305,0 18px 42px #0003;backdrop-filter:blur(20px) saturate(150%);border-radius:16px;padding:28px 23px 24px;transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}.service-card:nth-child(2){--card-accent:#d5f45b;background:linear-gradient(140deg,#b4df8a10,#20332655 55%,#9ec16c06)}.service-card:nth-child(3){--card-accent:#c9b6f5}.service-card:nth-child(4){--card-accent:#e8c99b}.service-card:before{background:radial-gradient(300px circle at var(--pointer-x,50%) var(--pointer-y,0%),#b6edbe1e,transparent 75%)}.service-card:hover,.motion-ready .service-card.reveal.is-visible:hover{border-color:#d0ffe24d;box-shadow:inset 0 1px #ffffff25,0 25px 55px #0005,0 0 28px #b5e69105;transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-10px)}.card-top{margin-bottom:40px}.service-icon{width:39px;height:39px;color:var(--card-accent);filter:drop-shadow(0 0 8px #b9fac313)}.service-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.service-card:hover .service-icon svg{animation:iconShimmer .7s ease-out both}.card-number{font-size:8px;letter-spacing:.4px;color:#698876}.service-card h3{font-size:23px;font-weight:650;color:#e3eee4}.service-card>p{font-size:12px;color:#91a795;line-height:1.95;min-height:69px}.tags{gap:6px;min-height:45px;align-content:flex-start}.tags li{font-size:9px;color:#9db89f;border-color:#a9d7b11c;background:#99d6a305}.card-link{color:#b5cfb8;border-color:#b3e5b11b;font-size:11px;padding-top:20px}.card-link>span{color:var(--card-accent)}.card-link:hover{color:#e0f1d7}.solutions-section{background:linear-gradient(135deg,#17291c55,#0d1816aa 50%,#18272d3d);border-block:1px solid #ccffe11a;position:relative;isolation:isolate}.solutions-section:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 92% 35%,#76c2b00c,transparent 58%);pointer-events:none}.solution-tabs button{color:#d1e4d2;position:relative;border-radius:11px}.solution-tabs button:hover{background:#c1f4ce05}.solution-tabs button[aria-selected=true]{border-color:#c4ffd627;background:linear-gradient(125deg,#c1f4ce0b,#89cf9d05);box-shadow:inset 0 1px #ffffff0b,0 10px 25px #0002;backdrop-filter:blur(15px)}.solution-tabs button[aria-selected=true]:before{content:"";position:absolute;top:23px;bottom:23px;left:0;width:2px;background:var(--lime);box-shadow:0 0 13px #d5f45b55}.solution-tabs strong{font-weight:550}.solution-tabs small{color:#708f79}.tab-number{color:#5c7d64}.tab-arrow{color:#4e715e}.solution-tabs [aria-selected=true] .tab-arrow{color:var(--lime)}.solution-panel{border-color:#d7ffe226;background:#233a2833;box-shadow:inset 0 1px #ffffff10,0 30px 70px #0004;backdrop-filter:blur(20px) saturate(135%)}.solutions-section .demo-stage[data-demo]{background:#11211980;background-image:linear-gradient(#c8f4c907 1px,transparent 1px),linear-gradient(90deg,#c8f4c907 1px,transparent 1px);background-size:28px 28px}.solutions-section .demo-stage[data-demo=software]{background-color:#14232d99}.solutions-section .demo-stage[data-demo=plugin]{background-color:#211c2b77}.solutions-section .demo-stage[data-demo=email]{background-color:#29251d66}.demo-browser{color:#25341f;border-color:#b6e9c124;box-shadow:0 18px 45px #0004;max-width:100%}.demo-caption{color:#688e72}.demo-stage[data-palette=blue] .demo-content{background:#eaf4fc}.demo-stage[data-palette=purple] .demo-content{background:#f0eafb}.solution-detail{padding:25px 27px;background:#08100d14}.solution-detail h3{color:#daebdb;font-weight:600}.solution-detail p{color:#8ca28f}.detail-tags span{background:#a1d6ab09;border:1px solid #9aceaa13;color:#88ac8d}.demo-sandbox{background:#0a140f66;border-color:#d6ffe01a}.sandbox-label{color:#a5c0a7}.sandbox-note{color:#678c74}.palette-options button[aria-pressed=true]{border-color:#15211a;box-shadow:0 0 0 1px #c0ddc2}.demo-control{border-color:#b8e3c129;background:#8ed0a10b;color:#bfdcbe;box-shadow:inset 0 1px #fff05}.demo-control:hover{background:#b0e1ba15;border-color:#c7f8cb44}.workflow-steps>span{background:#a0d9b006;color:#709a7d;border-color:#a2d8b21c}.workflow-steps>i{color:#55735d}.workflow-steps>span.is-running{background:#b7df7512;color:#c5e5a4;border-color:#b3df805e}.workflow-steps>span.is-done{background:#a2d97412;color:#b8db9c;border-color:#a7d78736}.switch>span:not(.sr-only){background:#385143}.switch input:checked+span{background:#a2c66d}.plugin-sample{background:#1a2c2155;border-color:#b7e5c322}.plugin-sample p{color:#91b29a}.sample-distraction{background:#36413d55;color:#71877b}.sample-footer{background:#39304444}.plugin-sample.is-focused{background:#9acb7010;border-color:#c0e29640}.plugin-sample.is-focused p{color:#d8e9c8}.mail-flow>span{color:#89aa94}.mail-flow b{color:#b1d695}.mail-flow>i{color:#4d735d}.mail-packet{background:#142219;color:#d5f45b}.process-grid{gap:18px}.process-grid li{padding:23px 23px 25px;border:1px solid #b9e8c11c;border-radius:13px;background:linear-gradient(130deg,#a8e7b408,#37634c0a);box-shadow:inset 0 1px #fff05,0 16px 35px #0002;backdrop-filter:blur(12px);overflow:hidden;transition:background .4s,border-color .4s,transform .4s}.process-grid li:hover{background:#87bf9710;border-color:#beebc63d;transform:translateY(-5px)}.process-grid li:before{background:linear-gradient(90deg,#d5f45b,#86d8c7);opacity:.6}.step-number{color:#70977c}.step-number>span{color:#94b77f}.process-grid h3{font-weight:550;color:#d6e6d5}.process-grid p{color:#8aa58f}.principle{border:1px solid #b8e9ad21;background:linear-gradient(120deg,#9bcc6e0a,#17271d77);box-shadow:inset 0 1px #fff08;backdrop-filter:blur(18px)}.principle-symbol{color:var(--lime);text-shadow:0 0 35px #d5f45b14}.principle p{color:#d2e3ca}.principle p>span{color:#849e83}.principle-note{color:#5d825f}.faq-list{border-color:#c2ecc717}.faq-list details{border-color:#c2ecc717}.faq-list summary{color:#bed5c0;font-weight:500}.faq-list summary>span{color:#9cc489}.faq-list summary:hover{color:#e5f3dd}.faq-list details p{color:#8aa58e}.contact-section{background:radial-gradient(ellipse at 65% 50%,#4473590e,transparent 60%),linear-gradient(115deg,#14271a77,#0a161199);border-block:1px solid #c6f0d017;position:relative;isolation:isolate}.contact-section:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#a4e8ba05 1px,transparent 1px);background-size:80px 80px;pointer-events:none}.contact-layout{padding-block:85px}.contact-section .eyebrow{color:#8cb18d}.contact-section h2{font-size:46px;color:#e4f1de}.contact-layout>div>p:not(.eyebrow){color:#92b097}.contact-pending{color:#7d9d83}.contact-signoff{color:#54795c}.brief-form{background:linear-gradient(135deg,#c8ffcd0c,#75a88808);border-color:#d5ffdb29;border-radius:16px;box-shadow:inset 0 1px #ffffff1c,inset 1px 0 #ffffff06,0 25px 60px #0004;backdrop-filter:blur(24px) saturate(160%)}.form-title h3{color:#d3e7cf}.form-title>span{color:#5b8665}.brief-form label{color:#a5c1a5}.brief-form input,.brief-form textarea,.brief-form select{background:#07130d66;border-color:#b7e5be24;color:#d9edd5;transition:border-color .25s,box-shadow .25s}.brief-form input:focus,.brief-form textarea:focus,.brief-form select:focus{border-color:#d5f45b66;box-shadow:0 0 0 3px #d5f45b07}.brief-form ::placeholder{color:#56765a}.brief-form .button.lime{background:linear-gradient(120deg,#dbf78a,#c0e858);box-shadow:inset 0 1px #fff6,0 7px 28px #c8ed500b}.form-note{color:#729876}.optional{color:#618266}.footer-wordmark{display:flex;align-items:center;gap:30px;padding-top:70px;padding-bottom:38px;overflow:hidden;font-size:clamp(70px,8.5vw,124px);line-height:1.1;font-weight:700;letter-spacing:-7px;border-bottom:1px solid #b9e5be16;user-select:none}.footer-wordmark>span:first-child{color:#b5d4bb}.footer-wordmark>span:nth-child(2){color:transparent;-webkit-text-stroke:1px #678d71;transition:color .8s,-webkit-text-stroke-color .8s}.footer-wordmark:hover>span:nth-child(2){color:#d5f45b;-webkit-text-stroke-color:#d5f45b}.wordmark-star{display:inline-block;font-size:.56em;letter-spacing:0;color:#b9d972;-webkit-text-stroke:0;margin-left:7px;vertical-align:9%;animation:wordmarkSpin 26s linear infinite}.footer-wordmark i{font:8px/1.8 var(--mono);letter-spacing:1px;color:#52755c;margin-left:auto;align-self:flex-end;max-width:90px;padding-bottom:12px}.footer{min-height:108px}.footer .brand{color:#bdd8bf}.footer .brand-icon{color:#162018}.footer p,.back-top{color:#668c70}.back-top:hover{color:var(--lime)}dialog{background:#15241ce8;color:#dfeddb;border-color:#c5eccd3d;box-shadow:inset 0 1px #fff1,0 30px 100px #0009;backdrop-filter:blur(26px) saturate(130%)}dialog::backdrop{background:#030b087d;backdrop-filter:blur(9px)}dialog .eyebrow{color:#739c7b}.close-dialog{color:#9bb49a}.dialog-description{color:#8eac8e}#brief-output{background:#08180d66;border-color:#acd9a829;color:#bfd4b8}.dialog-actions .button.dark{background:var(--lime);color:#1c2a12}.dialog-actions .button.outline{color:#b8d2ae;border-color:#b6d7a829}.copy-status{color:#bbdc98}.button.outline:hover{background:#c7f5cb08}html.motion-paused .ambient-light{opacity:0!important}html.motion-paused .scene-core:before{animation:none}html.motion-paused *{transition:none!important}
@keyframes auroraDrift{to{transform:translate(-35px,35px) scale(1.1)}}@keyframes coreLevitate{0%,100%{transform:translateX(-50%) translateY(0) rotate(30deg)}50%{transform:translateX(-50%) translateY(-5px) rotate(34deg)}}@keyframes coreHalo{to{transform:translateX(-50%) rotate(360deg)}}@keyframes sceneScan{0%,100%{opacity:0;transform:translateY(0)}15%{opacity:1}70%{opacity:.7}90%{opacity:0;transform:translateY(270px)}}@keyframes iconShimmer{0%{opacity:.5;filter:drop-shadow(0 0 0 transparent)}50%{opacity:1;filter:drop-shadow(0 0 7px currentColor)}100%{opacity:1}}@keyframes wordmarkSpin{to{transform:rotate(360deg)}}
@media(max-width:1150px){.hero{gap:20px 28px;padding-top:48px}.service-card,.service-card.featured{padding:26px 18px 22px}.card-number{font-size:7px}.service-card h3{font-size:22px}.footer-wordmark{gap:24px;font-size:9vw;letter-spacing:-5px}.footer-wordmark i{font-size:7px}}
@media(max-width:900px){.header .nav-wrap{height:76px}.hero{gap:18px 24px}.hero h1{font-size:44px;letter-spacing:-2px}.scene-core{top:151px}.scene-core>span{font-size:56px}.scene-core:before{width:114px;height:114px;top:-21px;border-radius:20px}.scene-core:after{width:148px;height:148px;top:-38px}.scene-floor{bottom:46px}.section{padding-block:75px}.section-heading h2{font-size:34px}.service-card,.service-card.featured{padding:26px 24px}.service-card>p{min-height:46px}.tags{min-height:0;margin-bottom:25px}.card-top{margin-bottom:29px}.card-number{font-size:8px}.process-grid{gap:13px}.process-grid li{padding:19px 16px 22px}.process-grid h3{font-size:19px}.process-grid p{font-size:10px}.contact-layout{padding-block:65px}.contact-section h2{font-size:37px}.footer-wordmark{padding-top:50px;padding-bottom:30px}.footer-wordmark i{display:none}.footer{min-height:95px}}
@media(max-width:680px){.header .nav-wrap{height:70px}.header nav{background:#0c1913ed;backdrop-filter:blur(22px);border-color:#b5e8c021}.hero{padding-top:36px;gap:12px}.hero h1{font-size:clamp(39px,10.7vw,58px);letter-spacing:-2.5px}.hero .eyebrow{font-size:8px}.scene-core{top:136px}.scene-core>span{font-size:58px}.scene-core:before{width:112px;height:112px;top:-20px;border-radius:20px}.scene-core:after{width:147px;height:147px;top:-37px}.scene-floor{bottom:25px;height:170px}.studio-console{background:linear-gradient(130deg,#2c49316e,#0e1c16a6);backdrop-filter:blur(17px) saturate(140%)}.scene-chip{backdrop-filter:blur(12px)}.hero .hero-actions{gap:22px}.hero-lab-bar{padding-block:18px 21px}.section{padding-block:58px}.section-heading h2{font-size:31px}.section-aside{color:#64846d}.service-grid{gap:13px}.service-card,.service-card.featured{padding:21px 16px 18px;border-radius:13px;backdrop-filter:blur(14px)}.card-top{margin-bottom:28px}.service-icon{width:33px;height:33px}.card-number{font-size:6px;letter-spacing:0}.service-card h3{font-size:20px}.service-card>p{font-size:10px;min-height:57px}.tags{gap:5px;min-height:45px;margin-bottom:21px}.tags li{font-size:8px;padding:4px 5px}.card-link{font-size:10px;padding-top:15px}.solution-tabs button[aria-selected=true]{background:#b4dfb109;border-color:#a9e6bd27}.solution-tabs button:not([aria-selected=true]){border-color:#aad8af13}.solution-tabs button[aria-selected=true]:before{top:17px;bottom:17px}.solution-panel{backdrop-filter:blur(14px)}.solution-detail{padding:22px}.process-grid{gap:16px}.process-grid li{padding:20px 17px 23px}.process-grid p{font-size:11px}.principle{padding:22px 19px;backdrop-filter:blur(12px)}.contact-layout{padding-block:52px}.contact-section h2{font-size:36px}.brief-form{padding:24px;backdrop-filter:blur(16px)}.footer-wordmark{padding-top:39px;padding-bottom:26px;font-size:clamp(36px,10vw,68px);gap:17px;letter-spacing:-2px;justify-content:space-between}.wordmark-star{margin-left:6px;font-size:.52em}.footer{min-height:unset;padding-block:27px}.ambient-light{display:none}}
@media(max-width:360px){.hero h1{font-size:37px}.hero .eyebrow{font-size:7px}.hero .hero-actions{gap:15px}.service-card,.service-card.featured{padding-inline:12px}.card-number{font-size:6px}.service-card>p{min-height:76px}.tags li{font-size:7px}.footer-wordmark{gap:10px;font-size:10.5vw}.contact-section h2{font-size:32px}}
@media(hover:none){.service-card:hover,.motion-ready .service-card.reveal.is-visible:hover{transform:none;box-shadow:inset 0 1px #ffffff0e,0 18px 42px #0003}.process-grid li:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.ambient-light{display:none}.hero-shell:before,.scene-core:before,.scene-core:after,.scene-scan,.wordmark-star{animation:none}.scene-scan{opacity:0}.service-card:hover .service-icon svg{animation:none}}
.hero-shell{overflow:clip}
.code-band{position:relative;border-block:1px solid #bde6cb1d;background:linear-gradient(110deg,#13231caa,#0a1412dd,#15222688);overflow:clip;isolation:isolate}.code-band:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#b5e6c105 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.code-band-layout{display:flex;align-items:center;gap:45px;padding-block:20px}.code-band-sign{display:flex;align-items:center;gap:13px;flex-shrink:0}.code-band-sign>b{font:24px var(--mono);letter-spacing:-2px;color:#b6d77e;text-shadow:0 0 18px #d5f45b12}.code-band-sign>span{font:8px/1.8 var(--mono);letter-spacing:1px;color:#8faf94}.code-band-sign small{display:block;font-size:5px;letter-spacing:1.6px;color:#496e57;margin-top:3px}.code-band-lines{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;padding-left:22px;border-left:1px solid #c4e8ce15}.code-band-line{display:flex;align-items:center;gap:13px;min-height:14px;min-width:0}.code-band-line>span{font:7px var(--mono);color:#3e6550;width:12px;flex-shrink:0}.code-band-line>code{font:9px/1.6 var(--mono);letter-spacing:.25px;color:#8aa799;white-space:pre;overflow:hidden;min-width:0}.code-band-line .code-keyword{color:#b9a8d8}.code-band-line .code-string{color:#bdd78d}.code-band-line .code-function{color:#82bdc2}.code-band-line .code-jump{display:inline-block;color:#d5f45b;text-shadow:0 0 8px #d5f45b44;animation:codeGlyphJump .16s ease-out both}.code-band-line>i{display:block;height:10px;width:4px;background:#c8e999;opacity:0;flex-shrink:0}.code-band-line.is-typing>i{opacity:.8;animation:blink .7s steps(2,start) infinite}.code-band-end{display:flex;align-items:center;gap:16px;color:#456d5b;flex-shrink:0}.code-band-end>span{font:25px var(--mono);letter-spacing:4px;color:#6e9c82}.code-band-end>small{font:6px/1.8 var(--mono);letter-spacing:1px}.motion-paused .code-jump{animation:none}.motion-paused .code-band-line>i{opacity:0}
@keyframes codeGlyphJump{from{opacity:.25;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.code-band-layout{gap:25px;padding-block:18px}.code-band-end{display:none}.code-band-sign{gap:10px}.code-band-sign>span{font-size:7px}.code-band-sign small{font-size:4px}.code-band-sign>b{font-size:22px}.code-band-lines{padding-left:20px}.code-band-line>code{font-size:8px;letter-spacing:0}}
@media(max-width:680px){.code-band-layout{padding-block:17px;gap:16px}.code-band-sign>span{display:none}.code-band-sign>b{font-size:18px;letter-spacing:-2px}.code-band-lines{padding-left:12px;gap:4px}.code-band-line{gap:7px;min-height:13px}.code-band-line>span{font-size:5px;width:9px}.code-band-line>code{font-size:7px;line-height:1.7;letter-spacing:0}.code-band-line>i{height:8px;width:3px}.code-band-end{display:none}}
@media(max-width:360px){.code-band-layout{gap:10px}.code-band-sign>b{font-size:16px}.code-band-lines{padding-left:10px}.code-band-line{gap:5px}.code-band-line>code{font-size:6px}}
@media(prefers-reduced-motion:reduce){.code-jump,.code-band-line>i{animation:none!important}.code-band-line>i{opacity:0!important}}