@font-face{font-family:DeskPopSiteMono;src:url('RobotoMono.ttf') format('truetype');font-display:swap}
.deskpop-site{--paper:#f3f0e8;--ink:#20211d;--muted:#5e6057;--line:#cbc9bd;--accent:#ef5b2a;--accent-soft:#fbdacc;--dark:#171b18;--white:#fffdf7;--on-accent:#171b18;--mono:DeskPopSiteMono,Consolas,monospace}
.deskpop-site *{box-sizing:border-box}
.deskpop-site{scroll-padding-top:20px}
.deskpop-site{margin:0;background:var(--paper);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.deskpop-site[data-vibe=green]{--accent:#95ce51;--accent-soft:#e0edcc}
.deskpop-site[data-vibe=purple]{--accent:#bca0ec;--accent-soft:#e5dcf4}
.deskpop-site a{color:inherit;text-underline-offset:4px}
.deskpop-site button{font:inherit;color:inherit;cursor:pointer}
.deskpop-site img{max-width:100%;height:auto;display:block}
.deskpop-site button,.deskpop-site a,.deskpop-site summary{touch-action:manipulation}
.deskpop-site a:focus-visible,.deskpop-site button:focus-visible,.deskpop-site summary:focus-visible{outline:3px solid #3268d4;outline-offset:5px}
.deskpop-site button:disabled{cursor:default}
.deskpop-site .section-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.deskpop-site .skip-link{position:absolute;left:16px;top:-100px;background:var(--ink);color:white;padding:14px;z-index:10}
.deskpop-site .skip-link:focus{top:12px}
.deskpop-site .site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;border-bottom:1px solid var(--line);padding:18px 48px}
.deskpop-site .brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:900;letter-spacing:-.8px;font-size:23px;flex-shrink:0}
.deskpop-site .brand img{width:47px;height:50px;object-fit:contain;border-radius:6px;background:#000}
.deskpop-site .brand-light{font-weight:400}
.deskpop-site .brand small{font:9px var(--mono);display:block;letter-spacing:1px;margin-top:3px}
.deskpop-site .site-header nav{display:flex;align-items:center;gap:30px;font-weight:600;font-size:14px}
.deskpop-site .site-header nav a{text-decoration:none}
.deskpop-site .site-header nav a:hover{text-decoration:underline}
.deskpop-site .nav-launch{border:1px solid var(--ink);border-radius:4px;padding:12px 18px}
.deskpop-site .nav-launch span{margin-left:14px}
.deskpop-site .hero{position:relative;padding-top:66px;padding-bottom:65px}
.deskpop-site .hero-copy{position:relative;z-index:1;max-width:1030px}
.deskpop-site .eyebrow,.deskpop-site .microcopy{font:11px/1.6 var(--mono);letter-spacing:1.25px}
.deskpop-site .eyebrow{font-weight:600}
.deskpop-site .status-dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:8px}
.deskpop-site .hero h1{font-size:clamp(56px,6.75vw,94px);line-height:1.01;letter-spacing:-5px;font-weight:850;margin:25px 0}
.deskpop-site .accent-word{position:relative;display:inline;background:linear-gradient(transparent 74%,var(--accent) 74%,var(--accent) 94%,transparent 94%)}
.deskpop-site .hero-description{font-size:19px;line-height:1.65;max-width:720px;color:var(--muted);margin-top:24px}
.deskpop-site .hero-actions{display:flex;gap:27px;align-items:center;flex-wrap:wrap;margin-top:30px}
.deskpop-site .button{min-height:54px;display:inline-flex;gap:42px;align-items:center;justify-content:space-between;text-decoration:none;padding:15px 23px;border-radius:4px;font-size:15px;font-weight:700;border:1px solid var(--ink)}
.deskpop-site .button-dark{background:var(--ink);color:var(--white)}
.deskpop-site .button-dark:hover{background:#383b32}
.deskpop-site .button-outline{background:transparent}
.deskpop-site .button-outline:hover{background:rgba(255,255,255,.25)}
.deskpop-site .button span{font-size:23px;line-height:1}
.deskpop-site .text-link{font-weight:650;font-size:14px}
.deskpop-site .text-link span{margin-left:14px}
.deskpop-site .hero .microcopy{color:var(--muted);margin-top:18px;font-size:10px}
.deskpop-site .hero-stamp{position:absolute;right:8px;top:150px;transform:rotate(8deg);width:156px;text-align:center;background:var(--accent);border:2px solid var(--ink);border-radius:3px;padding:12px;box-shadow:4px 4px 0 var(--ink)}
.deskpop-site .hero-stamp img{width:110px;height:120px;object-fit:contain;margin:auto;background:black}
.deskpop-site .hero-stamp span{display:block;font:9px/1.5 var(--mono);font-weight:bold;margin-top:9px;letter-spacing:.4px}
.deskpop-site .hero-screen{position:relative;margin-top:48px;width:100%;border:1px solid var(--ink);border-radius:7px;background:var(--dark);box-shadow:10px 12px 0 #dfded3;overflow:visible}
.deskpop-site .window-bar{border-radius:6px 6px 0 0;display:flex;align-items:center;gap:20px;padding:14px 18px;background:#242a25;color:#c9cec4;font:10px var(--mono);letter-spacing:1px}
.deskpop-site .window-dots{color:#85937c;letter-spacing:4px}
.deskpop-site .window-version{margin-left:auto}
.deskpop-site .hero-screen .image-zoom{display:block;position:relative;text-decoration:none}
.deskpop-site .hero-screen img{width:100%;border-radius:0 0 6px 6px}
.deskpop-site .zoom-label{position:absolute;right:16px;bottom:16px;color:var(--ink);background:var(--paper);padding:9px 12px;font:10px var(--mono);border:1px solid var(--ink)}
.deskpop-site .screen-note{position:absolute;left:-12px;bottom:24px;background:var(--accent);color:var(--on-accent);font:11px var(--mono);font-weight:bold;padding:14px 22px;transform:rotate(-3deg);border:1px solid var(--ink)}
.deskpop-site .ticker{display:flex;justify-content:space-evenly;align-items:center;gap:18px;flex-wrap:wrap;background:var(--accent);border-block:1px solid var(--ink);font:11px var(--mono);font-weight:600;letter-spacing:1px;padding:20px 30px}
.deskpop-site .ticker b{font-size:25px;font-weight:400;line-height:1}
.deskpop-site .features{padding-block:85px 75px}
.deskpop-site .section-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px 30px;margin-bottom:32px}
.deskpop-site .section-heading>.eyebrow{grid-column:1/-1;margin:0 0 10px}
.deskpop-site h2{font-size:clamp(35px,4vw,52px);font-weight:750;letter-spacing:-2px;line-height:1.1;margin:0}
.deskpop-site h2 em{font-weight:450;font-style:italic}
.deskpop-site .section-heading>p:last-child{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 4px}
.deskpop-site .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.deskpop-site .feature-card{background:var(--white);border:1px solid var(--line);padding:32px 28px;min-width:0;display:flex;flex-direction:column}
.deskpop-site .feature-accent{background:var(--accent-soft);border-color:var(--accent)}
.deskpop-site .feature-number{font:10px var(--mono);letter-spacing:1px;color:var(--muted)}
.deskpop-site h3{font-size:28px;line-height:1.15;letter-spacing:-.8px;margin:25px 0 15px}
.deskpop-site .feature-card p{font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 35px}
.deskpop-site .card-foot{display:block;font:9px/1.6 var(--mono);letter-spacing:.5px;margin-top:auto;border-top:1px solid var(--line);padding-top:15px}
.deskpop-site .stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:42px}
.deskpop-site .stats-strip>div{border-right:1px solid var(--line);padding-left:16px}
.deskpop-site .stats-strip>div:first-child{padding-left:0}
.deskpop-site .stats-strip>div:last-child{border:none}
.deskpop-site .stats-strip strong{display:block;font-size:44px;letter-spacing:-1px;line-height:1.2}
.deskpop-site .stats-strip span{display:block;font:10px/1.6 var(--mono);color:var(--muted);margin-top:8px;max-width:200px}
.deskpop-site .showcase{background:var(--dark);color:var(--paper);padding-block:78px 62px}
.deskpop-site .showcase .section-heading>p:last-child{color:#b8bfb4}
.deskpop-site .showcase .eyebrow{color:var(--accent)}
.deskpop-site .screenshot-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.deskpop-site .screenshot-tabs button{border:1px solid #596153;padding:12px 19px;background:transparent;color:var(--paper);font:11px var(--mono);border-radius:3px}
.deskpop-site .screenshot-tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:bold}
.deskpop-site .screenshot-tabs button:hover{border-color:var(--accent)}
.deskpop-site .showcase-figure{margin:0;border:1px solid #4f574b;border-radius:5px;overflow:hidden}
.deskpop-site .showcase-figure>a{display:block;background:#10120f}
.deskpop-site .showcase-figure img{width:100%;height:auto;aspect-ratio:1440/1000;object-fit:contain}
.deskpop-site .showcase-figure figcaption{padding:23px 26px;display:grid;grid-template-columns:1fr auto;gap:8px 24px;border-top:1px solid #4f574b}
.deskpop-site .showcase-figure figcaption>span:first-child{font-size:21px;font-weight:650;grid-column:1}
.deskpop-site .showcase-figure figcaption>span:nth-child(2){font-size:14px;line-height:1.6;color:#c0c7b9;grid-column:1}
.deskpop-site .showcase-figure figcaption>.microcopy{grid-column:2;grid-row:1/3;align-self:center;font-size:9px;white-space:nowrap}
.deskpop-site .image-note{font-size:12px;line-height:1.65;color:#b8bfb4;margin:20px 0 0}
.deskpop-site .image-note a{color:var(--paper)}
.deskpop-site .noscript-links{line-height:1.6}
.deskpop-site .vibe-section{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:80px}
.deskpop-site .vibe-section h2{margin-block:18px}
.deskpop-site .vibe-section p:not(.eyebrow){font-size:16px;line-height:1.65;color:var(--muted)}
.deskpop-site .vibe-control{border:1px solid var(--line);background:var(--white);padding:25px;min-width:275px;transform:rotate(3deg);box-shadow:6px 6px 0 #dfded3}
.deskpop-site .vibe-control [role=group]{display:flex;gap:14px;margin:20px 0}
.deskpop-site .swatch{height:49px;width:49px;border:1px solid var(--ink);border-radius:50%}
.deskpop-site .swatch-orange{background:#ef5b2a}
.deskpop-site .swatch-green{background:#95ce51}
.deskpop-site .swatch-purple{background:#bca0ec}
.deskpop-site .swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:4px}
.deskpop-site .vibe-control>span:last-child{font:10px var(--mono);line-height:1.5}
.deskpop-site .download-section{background:var(--accent);border-block:1px solid var(--ink);color:var(--on-accent)}
.deskpop-site .download-inner{padding-block:64px 56px}
.deskpop-site .download-inner h2{font-size:clamp(42px,5.3vw,72px);letter-spacing:-3px;margin:18px 0 22px}
.deskpop-site .download-inner>p:not(.eyebrow):not(.download-meta){font-size:18px;line-height:1.65}
.deskpop-site .download-inner .download-meta{font:10px/1.7 var(--mono);margin-top:25px;max-width:800px;letter-spacing:.5px}
.deskpop-site .small-link{font:11px var(--mono)}
.deskpop-site .faq{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;padding-block:80px}
.deskpop-site .faq .eyebrow{font-size:9px}
.deskpop-site .faq h2{font-size:40px;margin-top:20px}
.deskpop-site .faq details{border-bottom:1px solid var(--line);padding-block:20px}
.deskpop-site .faq details:first-child{border-top:1px solid var(--line)}
.deskpop-site .faq summary{cursor:pointer;font-size:16px;font-weight:650;list-style:none;position:relative;padding-right:32px}
.deskpop-site .faq summary::-webkit-details-marker{display:none}
.deskpop-site .faq summary:after{content:'+';position:absolute;right:0;top:-3px;font-size:23px;font-weight:400}
.deskpop-site .faq details[open] summary:after{content:'−'}
.deskpop-site .faq details p{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:0}
.deskpop-site .site-footer{border-top:1px solid var(--line);padding-block:34px;display:grid;grid-template-columns:1fr 1fr auto;gap:22px;align-items:start}
.deskpop-site .footer-brand{font-size:24px;font-weight:800;letter-spacing:-1px}
.deskpop-site .footer-brand span{font:9px var(--mono);display:block;letter-spacing:1px;margin-top:8px}
.deskpop-site .site-footer p{font-size:13px;line-height:1.6;margin:0;color:var(--muted)}
.deskpop-site .site-footer nav{display:flex;flex-direction:column;gap:12px;font-size:12px}
.deskpop-site .footer-tag{font:10px var(--mono);letter-spacing:1px;grid-column:1/-1;color:var(--muted);margin-top:10px}
.deskpop-site dialog{background:#111510;color:var(--paper);width:min(1500px,96vw);max-height:94dvh;border:1px solid #747c70;padding:52px 16px 12px;border-radius:5px;overflow:auto}
.deskpop-site dialog::backdrop{background:rgba(0,0,0,.85)}
.deskpop-site dialog img{width:100%;max-height:76dvh;object-fit:contain}
.deskpop-site dialog p{font:12px/1.6 var(--mono);margin:14px 0 4px}
.deskpop-site #close-dialog{position:absolute;right:16px;top:10px;padding:7px 12px;background:var(--paper);color:var(--ink);border:none;font-size:13px}
.deskpop-site #close-dialog span{font-size:22px;margin-left:16px}
.deskpop-site.modal-open{overflow:hidden}
@media(min-width:1600px){.deskpop-site .hero-stamp{right:25px}
.deskpop-site .hero h1{font-size:98px}
}
@media(max-width:1100px){.deskpop-site .hero-stamp{width:122px;right:0;top:175px}
.deskpop-site .hero-stamp img{width:84px;height:94px}
.deskpop-site .hero-stamp span{font-size:7px}
.deskpop-site .hero-copy{max-width:calc(100% - 100px)}
.deskpop-site .hero h1{letter-spacing:-3px}
.deskpop-site .site-header nav{gap:18px}
.deskpop-site .feature-card{padding:24px 20px}
.deskpop-site h3{font-size:25px}
.deskpop-site .faq{gap:35px}
.deskpop-site .section-heading>p:last-child{font-size:14px}
}
@media(max-width:760px){.deskpop-site .section-wrap{width:calc(100% - 40px)}
.deskpop-site .site-header{padding:16px 20px;min-height:80px;gap:15px;flex-wrap:wrap}
.deskpop-site .brand{font-size:21px}
.deskpop-site .brand small{font-size:8px}
.deskpop-site .site-header nav{gap:16px;font-size:12px;width:100%;justify-content:space-between}
.deskpop-site .nav-launch{padding:9px 12px}
.deskpop-site .hero{padding-top:35px;padding-bottom:44px}
.deskpop-site .hero-copy{max-width:100%}
.deskpop-site .hero .eyebrow{font-size:9px;letter-spacing:.7px}
.deskpop-site .hero h1{font-size:clamp(42px,8.2vw,61px);letter-spacing:-2.5px;line-height:1.07;margin-block:20px}
.deskpop-site .hero-description{font-size:16px;line-height:1.6;max-width:100%}
.deskpop-site .desktop-break{display:none}
.deskpop-site .hero-stamp{display:none}
.deskpop-site .hero-actions{gap:20px;margin-top:24px}
.deskpop-site .button{padding:13px 17px;gap:25px;font-size:14px}
.deskpop-site .text-link{font-size:13px}
.deskpop-site .hero .microcopy{font-size:9px}
.deskpop-site .hero-screen{margin-top:33px;box-shadow:5px 7px 0 #dfded3}
.deskpop-site .window-bar{padding:11px;font-size:7px;gap:10px;letter-spacing:.3px}
.deskpop-site .window-dots{letter-spacing:1px;white-space:nowrap}
.deskpop-site .window-version{display:none}
.deskpop-site .screen-note{left:-6px;bottom:-17px;padding:9px 13px;font-size:8px}
.deskpop-site .zoom-label{right:7px;bottom:8px;font-size:7px;padding:6px}
.deskpop-site .ticker{gap:12px;padding:17px 20px;font-size:9px;justify-content:center}
.deskpop-site .ticker span:nth-of-type(3),.deskpop-site .ticker span:nth-of-type(4),.deskpop-site .ticker b:nth-of-type(2),.deskpop-site .ticker b:nth-of-type(3){display:none}
.deskpop-site .ticker b{font-size:20px}
.deskpop-site .features{padding-block:52px}
.deskpop-site .section-heading{display:block;margin-bottom:25px}
.deskpop-site .section-heading>.eyebrow{margin-bottom:16px}
.deskpop-site .section-heading>p:last-child{margin-top:19px;font-size:15px}
.deskpop-site .feature-grid{grid-template-columns:1fr;gap:14px}
.deskpop-site .feature-card{padding:25px;min-height:0}
.deskpop-site h3{font-size:29px;margin:17px 0 15px}
.deskpop-site .feature-card p{margin-bottom:25px;font-size:15px}
.deskpop-site .stats-strip{grid-template-columns:1fr 1fr;gap:25px 15px;margin-top:32px}
.deskpop-site .stats-strip>div{padding-left:0}
.deskpop-site .stats-strip>div:nth-child(2){border:0}
.deskpop-site .stats-strip strong{font-size:38px}
.deskpop-site .stats-strip span{font-size:9px}
.deskpop-site .showcase{padding-block:48px 36px}
.deskpop-site .screenshot-tabs{gap:8px}
.deskpop-site .screenshot-tabs button{font-size:10px;padding:10px 12px}
.deskpop-site .showcase-figure figcaption{display:block;padding:17px}
.deskpop-site .showcase-figure figcaption>span{display:block}
.deskpop-site .showcase-figure figcaption>span:first-child{font-size:19px}
.deskpop-site .showcase-figure figcaption>span:nth-child(2){margin-block:8px 13px;font-size:13px}
.deskpop-site .image-note{font-size:11px}
.deskpop-site .vibe-section{display:block;padding-block:48px}
.deskpop-site .vibe-section .eyebrow{font-size:9px}
.deskpop-site .vibe-control{margin:28px 8px 0;min-width:0;max-width:330px}
.deskpop-site .download-inner{padding-block:43px}
.deskpop-site .download-inner h2{font-size:43px;letter-spacing:-2px}
.deskpop-site .download-inner>p:not(.eyebrow):not(.download-meta){font-size:16px}
.deskpop-site .download-inner .download-meta{font-size:9px}
.deskpop-site .faq{display:block;padding-block:48px}
.deskpop-site .faq h2{font-size:35px}
.deskpop-site .faq-items{margin-top:27px}
.deskpop-site .faq summary{font-size:15px}
.deskpop-site .site-footer{grid-template-columns:1fr 1fr;gap:25px;padding-block:28px}
.deskpop-site .site-footer p{grid-column:1}
.deskpop-site .site-footer nav{grid-column:2;grid-row:1/3}
.deskpop-site .footer-brand{font-size:21px}
.deskpop-site .footer-tag{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.deskpop-site *{scroll-behavior:auto!important}
}