:root{--forest:#050d18;--deep:#030911;--ink:#13263d;--muted:#5e738b;--paper:#f7f9fc;--lime:#00e6cf;--line:#dce5ef}
.dark-top{background:#050d18}.dark-top:before{background:radial-gradient(ellipse at 90% 25%,#0b4d7e38,transparent 60%)}.hero{grid-template-columns:1fr 1.04fr;gap:46px;padding-top:76px;padding-bottom:66px}.hero h1{font-size:clamp(55px,6.2vw,84px);font-weight:550}.hero-description{color:#b4c4d7;font-size:14px}.hero-eyebrow{color:#81dcd8}.hero-actions .text-link{color:#e3ebf4}.hero-art{min-height:470px;isolation:isolate;display:flex;align-items:center}.hero-glow{position:absolute;width:500px;height:500px;background:radial-gradient(ellipse,#00b8e51a 0%,#1677ff0e 40%,transparent 67%);z-index:-1}.hero-watermark{position:absolute;width:610px;height:610px;top:-76px;right:-55px;background:url('assets/streambuy-logo.png') center/contain no-repeat;opacity:.11;mix-blend-mode:screen;z-index:-1;pointer-events:none}.hero-window{max-width:560px;background:#0c1929;border:1px solid #2e506c;border-radius:13px;transform:none;box-shadow:0 30px 80px #0006,0 0 60px #007e9f0a;overflow:hidden}.hero-window:hover{transform:translateY(-4px)}.window-bar{height:35px;background:#0b1523;border-bottom:1px solid #233247;color:#7a96b3;font-size:7px}.window-dots{color:#435e7e;font-size:7px;letter-spacing:3px}.hero-product-heading{margin:20px 22px 0;gap:16px;align-items:center}.hero-product-brand{display:flex;align-items:center;gap:11px;min-width:0}.hero-product-brand>img{width:49px;height:49px;object-fit:contain;border-radius:9px}.hero-product-heading h2{font-size:29px;font-weight:650;letter-spacing:-.04em}.hero-product-category{font-size:7px;letter-spacing:.1em;color:#66d8d6;border:1px solid #00e6cf33;border-radius:4px;line-height:1.5;padding:6px 8px;white-space:nowrap}.hero-window>#hero-product-desc{font-size:11px;color:#a7bcd3;line-height:1.8;min-height:40px;margin:12px 24px 0;max-width:390px}.hero-screen{margin:18px 0 0;background:#081321;position:relative;overflow:hidden}.hero-screen>img{width:100%;height:222px;object-fit:contain;background:#eff3f9;display:block}.hero-screen.brand>img{padding:60px 42px;background:radial-gradient(ellipse at 50% 35%,#174336,#0c1929 75%)}.hero-screen>figcaption{padding:10px 22px;background:#0b1727;color:#8ca6c4;font-size:8px;line-height:1.5;border-top:1px solid #233448}.hero-switcher{padding:15px 22px 17px;gap:8px;border-top:1px solid #213348}.hero-switcher button{border-color:#30445f;color:#a8bfd8;font-size:9px;padding:8px 13px}.hero-switcher button.active,.hero-switcher button:hover{background:var(--lime);border-color:var(--lime);color:#032029}.hero-art .art-footnote{bottom:-32px;color:#7e9dbd;font-size:9px;right:5px}.hero-art .art-cross{color:#00e6cf}.hero-bottom{padding-top:25px;padding-bottom:25px}.hero-bottom p{font-size:9px}.hero-bottom .brand-strip{display:flex;align-items:center;gap:35px}.brand-strip .streambuy-brand{display:flex;align-items:center;gap:9px;font-weight:650;font-size:15px;letter-spacing:-.03em;color:#f7fbff}.brand-strip .streambuy-brand>img{width:32px;height:32px;object-fit:contain}.hero-bottom>div span:before{display:none}.brand-strip .duchat-brand{width:115px;height:34px;object-fit:contain}.brand-strip .monitor-brand{padding:5px 9px;border-radius:4px;background:#fff;display:block}.brand-strip .monitor-brand>img{height:24px;width:130px;object-fit:contain}.hero-bottom>a{border-color:#4e6d8b}.site-header nav>a:not(.header-cta){color:#bacde2}.header-cta{border-color:#496783}.header-cta:hover{border-color:#00e6cf}.status-dot{box-shadow:0 0 0 5px #00e6cf12}.wordmark i{color:#00e6cf}
:root[data-hero-product=duchat] #hero-product-logo{width:133px;border-radius:0}:root[data-hero-product=monitor] #hero-product-logo{width:140px;background:#f7faff;padding:5px 8px;border-radius:5px}:root[data-hero-product=duchat] #hero-product-title,:root[data-hero-product=monitor] #hero-product-title{display:none}
.project-grid{gap:36px 28px}.project-visual{height:326px;border:1px solid #d6e3ef;border-radius:15px;padding:23px 24px 28px;display:flex;flex-direction:column;position:relative;isolation:isolate;gap:14px;background:#eaf1fa;color:#19334d}.project-visual:before{display:none}.project-visual:after{top:17px;right:18px;font-size:21px;opacity:.45}.project-visual.streambuy{background:radial-gradient(ellipse at 65% 20%,#0d3e5b,#07121f 80%);color:#b3f7f2;border-color:#1d435e}.project-brand-header{height:34px;align-self:start;display:flex;align-items:center;gap:8px;width:85%;flex:none}.project-brand-header img{height:34px;width:34px;object-fit:contain}.project-brand-header>span{font-size:18px;font-weight:650;letter-spacing:-.04em;color:#edfaff}.project-visual.monitor .project-brand-header{background:#fff;border-radius:5px;padding:4px 8px;width:150px;height:34px}.project-visual.monitor .project-brand-header img{width:100%;height:100%;object-fit:contain}.project-figure{margin:0;width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.project-image{width:100%;height:auto;max-height:100%;object-fit:contain;transition:transform .5s}.screenshot .project-image{border:1px solid #15283a14;border-radius:7px;box-shadow:0 10px 30px #071a3024}.project-card:hover .project-image{transform:scale(1.025)}.asset-caption{font-size:8px;letter-spacing:.03em;line-height:1.5;color:#657f9d;position:absolute;bottom:12px;left:24px;right:24px}.streambuy .asset-caption{color:#81c0d4}.project-visual.duchat{background:radial-gradient(ellipse at 50% 40%,#183d35,#101c2a 80%);border-color:#2b4752;padding:50px 45px 44px;color:#b8ded3}.duchat .project-figure{max-width:400px;flex:1}.duchat .project-image{max-height:130px}.duchat .asset-caption{color:#87b4a9}.brand-keywords{display:flex;gap:7px;margin-top:0;position:relative}.brand-keywords span{font-size:8px;letter-spacing:.02em;border:1px solid #76b29b44;border-radius:5px;padding:7px 12px;color:#aecdc5;background:#f1fff605}.project-visual.monitor{background:#e9f2f8}.project-visual.gasto{background:#edf4f5;padding:24px 24px 32px}.gasto .project-figure{height:100%}.project-visual.club{background:#fff;padding:35px 40px 40px;border-color:#dde7f1}.club .project-image{max-height:140px}.project-visual.messages{background:linear-gradient(140deg,#0b1525,#142c4a);color:#95badb;border-color:#254568}.technical .preview-label{font-size:7px;color:#7599bc;opacity:1;top:21px;left:24px}.api-symbol{font-size:62px;font-family:Consolas,monospace;letter-spacing:-.14em;line-height:1.3;font-weight:300;color:#3e739f}.api-symbol span{color:#00e6cf;font-size:49px}.api-flow{display:flex;gap:15px;align-items:center}.api-flow>span{font-size:9px;padding:9px 13px;border:1px solid #50779b66;border-radius:5px}.api-flow>i{color:#00c9d4;font-style:normal}.messages .asset-caption{color:#779ec2}.project-info>p{font-size:13px;color:#60748b}.project-topline .eyebrow{color:#5e7a99;font-size:8px}.project-tags span{color:#7186a0}.project-note{color:#6a819d;font-size:10px}.filters button.active{background:#10263e}.filters button:hover{background:#e7f1fb}.project-card:hover .project-arrow{background:#00e6cf;color:#052329;border-color:#00e6cf}.section-intro>p{font-size:13px}.solutions{background:#edf2f8}.solutions-copy>p:not(.eyebrow){font-size:13px}.solutions-copy .eyebrow{color:#6883a2}.service-list details{border-color:#ccd9e9}.service-content p{font-size:13px;color:#627b96}.service-number,.service-plus{color:#7a94b1}.service-list h3{color:#1e3854}.tag-row>span{border-color:#c8d7e8;color:#607a97}.process-grid p{color:#657c96;font-size:13px}.founders{background:#eaf0f7}.founder-info>p:not(.eyebrow){color:#5e7590;font-size:13px}.founder-info .founder-detail{color:#70849c!important}.contact{background:#050d18}.contact:after{border-color:#00ced026}.contact .eyebrow{color:#75d6d5}.contact p:not(.eyebrow){color:#aec2da;font-size:13px}.contact-circle{border-color:#00e6cf77}.contact-circle:hover{background:#00e6cf;color:#052329}.site-footer{background:#030911;color:#8fa8c3}.footer-main .wordmark{color:#f3f8ff}.footer-bottom{color:#6c86a4}.dialog-figure{margin:22px 0 27px;padding:16px;background:#eaf1f8;border:1px solid #d5e1ee;border-radius:9px}.dialog-figure img{width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:4px}.dialog-figure figcaption{font-size:9px;color:#627d9c;line-height:1.7;margin-top:10px}.dialog-figure.duchat{background:#101e2f;padding:35px 30px 16px;border-color:#28415b}.dialog-figure.duchat img{padding:18px 0;max-height:170px}.dialog-figure.duchat figcaption{color:#9abfba}.project-site-link{display:inline-block;font-size:11px;color:#2d678d;text-decoration:underline;text-underline-offset:4px;margin:18px 0 0 16px}dialog{width:min(820px,calc(100% - 32px));max-height:90vh;border-color:#b5cfe7}dialog .dialog-note{color:#6e849e}.dialog-stack .project-tags span{color:#647f9e}.dialog-close{border-color:#b8cfe4;color:#1b3c5e}
@media(min-width:1500px){.hero{gap:70px;padding-top:95px;padding-bottom:80px}.hero-screen>img{height:247px}.project-visual{height:350px}}
@media(max-width:1100px){.hero{gap:25px}.hero h1{font-size:68px}.hero-product-heading{margin:19px 18px 0;gap:10px}.hero-product-heading h2{font-size:25px}.hero-product-category{font-size:6px;padding:5px}.hero-product-brand>img{width:42px;height:42px}.hero-window>#hero-product-desc{margin:11px 20px 0;font-size:10px}.hero-screen>img{height:190px}.hero-bottom .brand-strip{gap:24px}.brand-strip .streambuy-brand{font-size:13px}.brand-strip .duchat-brand{width:100px}.brand-strip .monitor-brand>img{width:110px;height:22px}.project-visual{height:300px}.project-visual.duchat{padding:38px 30px 42px}.brand-keywords span{font-size:7px;padding:6px 9px}}
@media(max-width:800px){.hero{gap:20px;padding-top:55px}.hero h1{font-size:53px}.hero-description{font-size:12px}.hero-art{min-height:390px}.hero-window>#hero-product-desc{font-size:10px;margin:11px 15px 0}.hero-product-heading{margin:16px 13px 0;gap:7px}.hero-product-heading h2{font-size:23px}.hero-product-brand{gap:7px}.hero-product-brand>img{width:32px;height:32px}.hero-product-category{font-size:5px;padding:4px}.hero-screen>img{height:163px}.hero-screen>figcaption{font-size:7px;padding:9px 14px}.hero-screen.brand>img{padding:35px 30px}.hero-switcher{padding:12px 12px 14px;gap:5px}.hero-switcher button{font-size:8px;padding:7px 9px}.hero-art .art-footnote{font-size:8px;bottom:-13px}.hero-watermark{width:480px;height:480px;right:-70px}.brand-strip .streambuy-brand{font-size:11px;gap:5px}.brand-strip .streambuy-brand>img{width:26px;height:26px}.brand-strip .duchat-brand{width:85px;height:28px}.brand-strip .monitor-brand>img{width:95px;height:20px}.hero-bottom .brand-strip{gap:17px}.hero-bottom p{font-size:8px}.project-visual{height:260px;padding:18px 18px 30px;gap:10px}.project-brand-header{height:28px}.project-brand-header img{height:28px;width:28px}.project-brand-header>span{font-size:16px}.project-visual.monitor .project-brand-header{height:28px;width:130px}.asset-caption{font-size:7px;left:18px;right:18px;bottom:11px}.project-visual.duchat{padding:35px 24px 35px}.duchat .project-image{max-height:100px}.brand-keywords{gap:5px}.brand-keywords span{font-size:6px;padding:6px 7px}.project-visual.gasto{padding:18px 18px 30px}.project-visual.club{padding:25px 28px 35px}.api-symbol{font-size:53px}.api-symbol span{font-size:43px}.api-flow{gap:9px}.api-flow>span{font-size:7px;padding:8px 9px}.project-info>p{font-size:12px}.section-intro>p{font-size:12px}.solutions-copy>p:not(.eyebrow),.service-content p,.founder-info>p:not(.eyebrow){font-size:12px}:root[data-hero-product=duchat] #hero-product-logo{width:110px}:root[data-hero-product=monitor] #hero-product-logo{width:115px}.hero-window:hover{transform:none}}
@media(max-width:600px){.hero{display:block;padding-top:44px;padding-bottom:32px}.hero h1{font-size:clamp(51px,13vw,74px)}.hero-description{font-size:13px;line-height:1.85}.hero-art{margin:44px -4px 25px;min-height:0;max-width:none}.hero-window{max-width:none;border-radius:10px}.hero-product-heading{margin:17px 18px 0}.hero-product-heading h2{font-size:27px}.hero-product-brand>img{width:40px;height:40px}.hero-product-category{font-size:6px;padding:6px}.hero-window>#hero-product-desc{font-size:11px;margin:12px 20px 0;min-height:40px}.hero-screen{margin-top:15px}.hero-screen>img{height:auto;aspect-ratio:2.08;object-fit:contain}.hero-screen.brand>img{height:180px;aspect-ratio:auto;padding:45px 35px}.hero-screen>figcaption{padding:10px 18px;font-size:7px}.hero-switcher{padding:13px 17px 15px;gap:7px}.hero-switcher button{padding:8px 10px;font-size:8px}.hero-art .art-footnote{bottom:-32px;font-size:7px;right:2px}.hero-art .art-cross{font-size:22px}.hero-watermark{right:-70px;top:-100px;width:500px;height:500px}.hero-bottom{display:grid;grid-template-columns:1fr auto;gap:20px;padding-top:24px;padding-bottom:24px}.hero-bottom>p{font-size:8px}.hero-bottom .brand-strip{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:space-between;align-items:center;gap:13px}.hero-bottom>a{grid-column:2;grid-row:1}.brand-strip .streambuy-brand{font-size:12px;gap:6px}.brand-strip .streambuy-brand>img{width:27px;height:27px}.brand-strip .duchat-brand{width:86px;height:29px}.brand-strip .monitor-brand{padding:4px 6px}.brand-strip .monitor-brand>img{width:92px;height:19px}.site-header nav{background:#0b1b2d;border-color:#3e6487}.site-header nav .header-cta{border-color:#4a6f91}.menu-toggle{border-color:#4f6e8c}.menu-toggle span{background:#c0d3e7}.project-grid{gap:32px}.project-visual{height:264px;padding:19px 18px 30px;gap:11px;border-radius:12px}.project-brand-header{height:31px}.project-brand-header img{height:31px;width:31px}.project-brand-header>span{font-size:17px}.project-visual.monitor .project-brand-header{width:140px;height:30px}.project-visual.duchat{padding:35px 28px 42px}.duchat .project-image{max-height:115px}.brand-keywords{gap:7px}.brand-keywords span{font-size:7px;padding:7px 9px}.asset-caption{font-size:7px;bottom:11px}.project-info>p{font-size:13px}.project-note{font-size:9px;line-height:1.9}.project-visual.gasto{padding:19px 18px 30px}.project-visual.club{padding:32px 25px 40px}.api-flow>span{font-size:8px}.api-symbol{font-size:61px}.api-symbol span{font-size:49px}.section-intro>p,.process-grid p,.solutions-copy>p:not(.eyebrow),.service-content p,.founder-info>p:not(.eyebrow){font-size:13px}.contact .eyebrow{color:#79dfdc}.contact p:not(.eyebrow){font-size:13px}.contact-circle{background:#00e6cf;color:#052329}.dialog-figure{padding:10px;margin-top:18px}.dialog-figure figcaption{font-size:8px}.dialog-figure.duchat{padding:20px 20px 12px}.project-site-link{display:block;margin:20px 0 0}dialog{padding:52px 24px 30px}dialog .button{font-size:11px;padding:15px 17px}.dialog-stack .project-tags span{font-size:9px}:root[data-hero-product=duchat] #hero-product-logo{width:128px}:root[data-hero-product=monitor] #hero-product-logo{width:132px}}
@media(prefers-reduced-motion:reduce){.hero-window:hover,.project-card:hover .project-image{transform:none}}
.filters button.active:hover{background:#10263e;color:#fff}.filters button:hover{color:#1a3c5e}.filters button.active{color:#fff}
