@font-face{font-family:Herdr Hand;src:url(/fonts/Kalam-latin.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+??,U+2000-206F,U+2190-21FF}.herdr-desktop{--u:min(calc(100vw / 941), 1.53px);--ink:#0b103b;--blue:#073fe8;color:var(--ink);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);min-height:100vh;font-family:Inter Variable,Arial,sans-serif;font-size:calc(14 * var(--u));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#caf7f8;line-height:1.35}.herdr-desktop *,.herdr-desktop :before,.herdr-desktop :after{box-sizing:border-box}.herdr-desktop button,.herdr-desktop select{color:inherit;font-family:inherit}.herdr-desktop button,.herdr-desktop summary{cursor:pointer}.herdr-desktop :is(button,a,select,summary){touch-action:manipulation;-webkit-tap-highlight-color:#073fe833}.herdr-desktop h1{text-wrap:balance}.herdr-desktop a{text-decoration:none}.herdr-desktop p,.herdr-desktop h1,.herdr-desktop h2,.herdr-desktop h3{margin:0}.herdr-desktop svg{width:calc(20 * var(--u));height:calc(20 * var(--u));stroke-width:1.7px;flex-shrink:0}.herdr-desktop :is(button,a,select,summary):focus-visible{outline-offset:4px;outline:2px solid #0646f2}.desktop-canvas{max-width:1440px;margin:0 auto}.desktop-skip-link{z-index:50;background:#fff;padding:10px;position:absolute;top:-100px;left:20px}.desktop-skip-link:focus{top:10px}.pixel-sprite{width:calc(52 * var(--u));height:calc(52 * var(--u));background:url(/images/herdr-desktop/pixel-sprites-900.webp) 0 0/300% 300% no-repeat;flex-shrink:0;display:inline-block}.sprite-logo{background-position:0 0}.sprite-computer{background-position:50% 0}.sprite-laptop{background-position:100% 0}.sprite-pet{background-position:0}.sprite-folder{background-position:50%}.sprite-purple-folder{background-position:100%}.sprite-pink-folder{background-position:0 100%}.sprite-terminal{background-position:50% 100%}.sprite-app{background-position:100% 100%}.desktop-header{height:calc(56 * var(--u));padding:calc(8 * var(--u)) calc(16 * var(--u));z-index:2;align-items:flex-start;display:flex;position:relative}.desktop-brand{align-items:center;gap:calc(9 * var(--u));font-weight:700;font-size:calc(19 * var(--u));white-space:nowrap;display:inline-flex}.desktop-brand .pixel-sprite{width:calc(39 * var(--u));height:calc(39 * var(--u))}.desktop-header>p{font:calc(11 * var(--u))/1.1 monospace;white-space:pre-line;margin:calc(3 * var(--u)) calc(108 * var(--u)) 0 auto}.header-laptop{right:calc(19 * var(--u));top:calc(6 * var(--u));width:calc(80 * var(--u));align-items:center;gap:calc(3 * var(--u));font-size:calc(10 * var(--u));white-space:pre-line;flex-direction:column;line-height:1.15;display:flex;position:absolute}.header-laptop .pixel-sprite{width:calc(57 * var(--u));height:calc(57 * var(--u))}.desktop-hero{height:calc(644 * var(--u));position:relative}.mountain-wallpaper{inset:calc(55 * var(--u)) 0 calc(134 * var(--u));position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 18% 85%,#0000);mask-image:linear-gradient(#0000,#000 18% 85%,#0000)}.mountain-wallpaper img{width:100%;max-width:none;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.desktop-window{border:calc(1 * var(--u)) solid #8980bd;border-radius:calc(9 * var(--u));box-shadow:inset 0 0 0 calc(2 * var(--u)) #ffffff9c, calc(3 * var(--u)) calc(6 * var(--u)) calc(8 * var(--u)) #286c9b45, calc(1 * var(--u)) calc(2 * var(--u)) 0 #867abb4d;background:linear-gradient(115deg,#f8f6ff,#eeebff);scroll-margin-top:20px;position:absolute;overflow:hidden}.window-titlebar{height:calc(28 * var(--u));align-items:center;gap:calc(11 * var(--u));padding:0 calc(10 * var(--u));border-bottom:calc(1 * var(--u)) solid #9893c9;box-shadow:inset 0 calc(1 * var(--u)) 0 #ffffffbd;background:linear-gradient(90deg,#d9cef7,#d1cef4 55%,#e3dafa);display:flex}.window-titlebar :is(h2,.window-label){font-size:calc(13 * var(--u));min-width:0;margin:0;font-weight:650;line-height:1}.traffic-lights{gap:calc(6 * var(--u));flex-shrink:0;display:flex}.traffic-lights i{width:calc(12 * var(--u));height:calc(12 * var(--u));border:calc(1 * var(--u)) solid #af292b;box-shadow:inset 0 calc(1 * var(--u)) calc(1 * var(--u)) #fff5;background:#ff6555;border-radius:50%}.traffic-lights i:nth-child(2){background:#ffcf40;border-color:#c3a334}.traffic-lights i:nth-child(3){background:#38cf58;border-color:#42a25b}.window-chrome{padding-left:calc(9 * var(--u));border-left:calc(1 * var(--u)) solid #9c90d2;color:#413d8c;margin-left:auto;width:calc(28 * var(--u))!important;height:calc(17 * var(--u))!important}.window-extra{font-size:calc(10 * var(--u));margin-left:auto}.window-extra+.window-chrome{margin-left:0}.window-content{padding:calc(18 * var(--u)) calc(22 * var(--u))}.hero-window{left:calc(170 * var(--u));width:calc(601 * var(--u));min-height:calc(263 * var(--u));z-index:5;height:auto;top:0}.hero-window .window-titlebar :is(h2,.window-label){font-weight:500;font-size:calc(12 * var(--u))}.hero-window .window-content{padding:calc(19 * var(--u)) calc(24 * var(--u));text-align:center}.hero-window h1{font-size:calc(40 * var(--u));letter-spacing:calc(-1.8 * var(--u));font-weight:750;line-height:1.06}.hero-window p{font-size:calc(16 * var(--u));margin:calc(10 * var(--u)) 0 calc(13 * var(--u));line-height:1.35}.hero-actions{justify-content:center;gap:calc(20 * var(--u));display:flex}.desktop-button{justify-content:center;align-items:center;gap:calc(9 * var(--u));border-radius:calc(8 * var(--u));padding:calc(10 * var(--u)) calc(20 * var(--u));border:calc(1 * var(--u)) solid;font-weight:650;transition:transform .16s,box-shadow .16s;display:inline-flex}.desktop-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #46329e24}.desktop-button.coral{color:#fff;box-shadow:inset 0 0 0 calc(1 * var(--u)) #ffa398;background:linear-gradient(110deg,#cc392d,#d23e32);border-color:#b92d25}.hero-actions .coral{min-width:calc(290 * var(--u));height:calc(44 * var(--u));font-size:calc(16 * var(--u))}.desktop-button.lavender{color:var(--blue);background:#dad3ff80;border-color:#a79aee}.hero-actions .lavender{font-size:calc(14 * var(--u));padding-inline:calc(20 * var(--u))}.handwriting{white-space:pre-line;letter-spacing:calc(.3 * var(--u));font-family:Herdr Hand,cursive;font-weight:400;line-height:1.15}.paper-note{box-shadow:calc(1 * var(--u)) calc(5 * var(--u)) calc(5 * var(--u)) #51779a3d;border:calc(1 * var(--u)) solid #e1b3eb}.hero-paper{top:calc(31 * var(--u));left:calc(39 * var(--u));width:calc(117 * var(--u));height:calc(154 * var(--u));padding:calc(23 * var(--u)) calc(12 * var(--u));font-size:calc(15 * var(--u));z-index:6;background:linear-gradient(115deg,#f2dfff,#e8d5ff);position:absolute;transform:rotate(-11deg)}.hero-paper:after{content:"";width:calc(26 * var(--u));height:calc(27 * var(--u));background:linear-gradient(45deg,#fff 48%,#e3cef1 49%);position:absolute;bottom:0;left:0}.note-underline{width:calc(34 * var(--u));height:calc(1 * var(--u));margin-top:calc(13 * var(--u));background:#313b9e;display:block;transform:rotate(-9deg)}.note-smile{right:calc(19 * var(--u));bottom:calc(8 * var(--u));font-size:calc(27 * var(--u));position:absolute}.hero-margin-note{right:calc(35 * var(--u));top:calc(67 * var(--u));font-size:calc(16 * var(--u));color:#263ca3;position:absolute;transform:rotate(-8deg)}.hero-margin-note .note-underline{margin-left:calc(20 * var(--u))}.terminal-preview{height:calc(204 * var(--u));padding:calc(4 * var(--u));background:#192432}.terminal-preview .window-titlebar{margin:calc(-4 * var(--u)) calc(-4 * var(--u)) 0;height:calc(24 * var(--u));gap:calc(8 * var(--u));padding:0 calc(9 * var(--u))}.terminal-preview .traffic-lights{gap:calc(5 * var(--u))}.terminal-preview .traffic-lights i{width:calc(10 * var(--u));height:calc(10 * var(--u))}.terminal-preview .window-titlebar :is(h2,.window-label){font-size:calc(10 * var(--u));font-weight:500}.terminal-preview .window-content{height:calc(172 * var(--u));border:calc(1 * var(--u)) solid #f8f4ff;background:linear-gradient(115deg,#15222b,#1c2439);padding:0}.terminal-one{left:calc(48 * var(--u));top:calc(297 * var(--u));width:calc(305 * var(--u));z-index:6}.terminal-two{left:calc(309 * var(--u));top:calc(321 * var(--u));width:calc(286 * var(--u));z-index:7}.terminal-three{left:calc(562 * var(--u));top:calc(347 * var(--u));width:calc(285 * var(--u));z-index:8}.terminal-body{color:#d7d6ff;font-family:SFMono-Regular,Consolas,monospace;font-size:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u))}.terminal-path{color:#50b6ff;font-size:calc(11 * var(--u));margin-bottom:calc(8 * var(--u))}.state-working .terminal-path{color:#3bf0dd}.state-blocked .terminal-path{color:#9c82ff}.terminal-command{font-size:calc(14 * var(--u));margin-bottom:calc(8 * var(--u));line-height:1.4}.state-working .terminal-command{color:#53eb8e}.state-working .window-titlebar :is(h2,.window-label) span{color:#176529}.state-blocked .window-titlebar :is(h2,.window-label) span{color:#a92a20}.terminal-output{border:calc(1 * var(--u)) solid #3c496e;border-radius:calc(5 * var(--u));padding:calc(6 * var(--u));margin:0 calc(-2 * var(--u));white-space:nowrap;background:#28354c66;line-height:1.75}.terminal-output span{color:#a7dfef;font-size:calc(9 * var(--u))}.terminal-footer{align-items:center;gap:calc(10 * var(--u));margin-top:calc(7 * var(--u));color:#8cd5ff;font-family:Inter Variable,sans-serif;font-size:calc(12 * var(--u));display:flex}.terminal-footer svg{width:calc(18 * var(--u));height:calc(18 * var(--u));color:#e0e1ff}.desktop-shortcuts{right:calc(16 * var(--u));top:calc(247 * var(--u));gap:calc(9 * var(--u));z-index:9;flex-direction:column;display:flex;position:absolute}.desktop-shortcuts a{width:calc(70 * var(--u));font-size:calc(10 * var(--u));align-items:center;gap:calc(1 * var(--u));flex-direction:column;display:flex}.desktop-shortcuts .pixel-sprite{width:calc(60 * var(--u));height:calc(60 * var(--u))}.desktop-shortcuts a:hover .pixel-sprite{transform:translateY(-3px)}.desktop-dock{left:calc(205 * var(--u));top:calc(523 * var(--u));width:calc(510 * var(--u));height:calc(85 * var(--u));border:calc(1 * var(--u)) solid #9685c2;border-radius:calc(11 * var(--u));box-shadow:inset 0 0 0 calc(2 * var(--u)) #fff4, 0 calc(5 * var(--u)) calc(6 * var(--u)) #4671983b;z-index:10;background:linear-gradient(120deg,#dcd9ffed,#d7c7f3ed);justify-content:space-evenly;align-items:center;display:flex;position:absolute}.desktop-dock a{justify-content:center;align-items:center;gap:calc(3 * var(--u));width:20%;font-size:calc(14 * var(--u));flex-direction:column;transition:transform .18s;display:flex}.desktop-dock a:hover{transform:translateY(calc(-5 * var(--u))) scale(1.07)}.desktop-dock .pixel-sprite{width:calc(58 * var(--u));height:calc(48 * var(--u))}.desktop-dock svg{width:calc(40 * var(--u));height:calc(40 * var(--u));color:#141778;fill:#797eea88;stroke-width:1.5px;margin:calc(4 * var(--u)) 0}.desktop-pet{top:calc(546 * var(--u));left:calc(22 * var(--u));align-items:flex-end;display:flex;position:absolute}.desktop-pet .pixel-sprite{width:calc(78 * var(--u));height:calc(78 * var(--u));z-index:3;position:relative}.pet-bubble{bottom:calc(57 * var(--u));left:calc(76 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u));border:calc(1 * var(--u)) solid #556395;border-radius:calc(14 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u)) 0;font-size:calc(12 * var(--u));width:calc(82 * var(--u));background:#fffffff0;position:absolute;transform:rotate(-3deg)}.pet-trail{left:calc(69 * var(--u));width:calc(92 * var(--u));bottom:calc(1 * var(--u));height:calc(27 * var(--u));border:calc(1 * var(--u)) dashed #4a80aa;z-index:2;border-top:none;border-radius:0 0 15px 15px;position:absolute}.desktop-statusbar{width:100%;height:calc(47 * var(--u));border-top:calc(1 * var(--u)) solid #83a0c3;border-bottom:calc(1 * var(--u)) solid #9dbacc;justify-content:flex-end;align-items:center;gap:calc(18 * var(--u));padding-right:calc(19 * var(--u));font-size:calc(10 * var(--u));background:linear-gradient(#d5e2fa99,#c8dcf5);display:flex;position:absolute;bottom:0;left:0}.desktop-statusbar svg{color:#435ccc}.desktop-statusbar svg:first-child{width:calc(13 * var(--u))}.desktop-sections{--u:1px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-section:32px;gap:var(--space-section);padding:var(--space-xl) clamp(16px, 2.5vw, 36px) var(--space-section);background:radial-gradient(at 45% 30%,#d5f9fc,#c9f5f6);font-size:15px;display:grid}.desktop-overview-grid,.desktop-guide-grid,.desktop-start-grid{gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.desktop-start-grid .builder-window,.desktop-guide-grid .guide-window:last-child{grid-column:1/-1}.gpui-install-details,.guide-window .window-content{align-content:start;gap:16px;line-height:1.65;display:grid}.gpui-install-details{border-top:1px solid #c5bce8;padding-top:16px}.gpui-install-details h3{font-size:15px}.guide-window nav{flex-wrap:wrap;gap:12px 20px;display:flex}.guide-window p{max-width:76ch}.desktop-sections .desktop-text-link{overflow-wrap:anywhere}.desktop-sections .install-code{padding-right:44px}.install-window p{line-height:1.6}.desktop-explore-grid,.desktop-reference-grid{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr) 132px;align-items:stretch;display:grid}.desktop-explore-grid{grid-template-columns:minmax(0,1fr) 132px}.desktop-sections .desktop-window{flex-direction:column;width:auto;min-width:0;height:auto;display:flex;position:relative}.desktop-sections .window-titlebar{gap:var(--space-md);height:auto;min-height:36px;padding:var(--space-sm) var(--space-md)}.desktop-sections .window-titlebar :is(h2,.window-label){overflow-wrap:anywhere;font-size:14px;line-height:1.3}.desktop-sections .window-chrome{align-self:flex-start;margin-top:1px}.desktop-sections .window-content{flex:1;min-width:0;padding:20px}.desktop-sections .window-extra{white-space:nowrap;font-size:11px}.desktop-text-link{align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex;color:var(--blue)!important}.desktop-text-link:hover{text-decoration:underline}.desktop-text-link svg:last-child{width:18px}.desktop-text-link svg:first-child:not(:last-child){width:24px;height:24px}.about-window .window-content{align-items:flex-start;gap:var(--space-lg);flex-direction:column;display:flex}.about-window p{max-width:60ch;font-size:15px;line-height:1.65}.about-window .desktop-text-link{margin-top:0}.install-window .window-content{gap:var(--space-lg);flex-direction:column;display:flex}.installer-tabs{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));max-width:380px;display:grid}.installer-tabs button{background:#dbd7f3;border:1px solid #c5bce8;border-radius:6px;min-height:40px;padding:8px;font-size:13px;box-shadow:inset 0 0 0 2px #f4f1ff9c}.installer-tabs button[aria-selected=true]{color:#fff;background:#064be8;border-color:#0344d8;box-shadow:inset 0 0 0 2px #397bff}.install-bottom{align-items:center;gap:var(--space-xl);display:flex}.install-code{min-width:0;min-height:100px;padding:var(--space-lg);background:linear-gradient(110deg,#181f2e,#1c2932);border:1px solid #7d81a7;border-radius:5px;flex:1;align-items:center;display:flex;position:relative;box-shadow:0 3px 6px #23354b35}.install-code code{color:#f5f2ff;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;line-height:1.8}.install-code code span{color:#bdb7d0;margin-right:5px}.install-code button{color:#b6c5ee;background:0 0;border:none;min-width:40px;min-height:40px;padding:8px;position:absolute;top:4px;right:4px}.install-code button:hover{background:#ffffff1a}.installer-status{margin-top:12px;font-size:13px;line-height:1.5;display:block}.installer-status:empty{display:none}.install-code button svg{width:16px;height:16px}.install-note{letter-spacing:0;flex:0 0 110px;font-size:16px;line-height:1.3;transform:rotate(-7deg)}.install-note>span{padding-left:3px;font-size:32px;line-height:.8;display:block}.workspace-steps{gap:var(--space-xl);margin:0;padding:0;list-style:none;display:grid}.workspace-steps li{align-items:flex-start;gap:var(--space-lg);display:flex;position:relative}.workspace-steps li>span{color:#fff;background:linear-gradient(120deg,#6888ff,#2b5cf0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex;box-shadow:inset 1px 1px #abf}.workspace-steps li:not(:last-child):after{content:"↓";color:#6481e7;font-size:12px;position:absolute;top:38px;left:14px}.workspace-steps li>div{min-width:0}.workspace-steps h3{font-size:15px;font-weight:700;line-height:1.4}.workspace-steps p{margin-top:2px;font-size:13px;line-height:1.5}.setup-builder{gap:var(--space-lg);display:grid}.setup-builder>p{max-width:64ch;font-size:14px;line-height:1.5}.builder-fields{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(125px,.4fr);display:grid}.builder-selects{gap:var(--space-md);min-width:0;display:grid}.builder-selects label{gap:var(--space-md);grid-template-columns:132px minmax(0,1fr);align-items:center;font-size:14px;display:grid}.builder-selects select{background:#fefcff;border:1px solid #bfb5e3;border-radius:5px;width:100%;min-width:0;min-height:40px;padding:8px 12px;font-size:13px;box-shadow:inset 0 1px 3px #d6cef466}.builder-note{padding:var(--space-lg);white-space:normal;background:#d9cff4cf;border-radius:6px;font-size:15px;line-height:1.3}.builder-note>span{text-align:right;margin-top:var(--space-sm);font-size:29px;line-height:.8;display:block}.copy-steps{width:100%;min-height:46px;font-size:15px}.copy-status{font-size:13px;line-height:1.5}.copy-status:empty{display:none}.gpui-preview{gap:var(--space-lg);align-items:center;display:flex}.gpui-preview img{aspect-ratio:4/3;object-fit:cover;object-position:left center;border:2px solid #8070bc;border-radius:4px;flex-shrink:0;width:100%;height:auto;transform:rotate(2deg);box-shadow:1px 2px #fff}.gpui-preview figure{flex-shrink:0;width:40%;max-width:220px;margin:0}.gpui-preview figcaption{margin-top:12px;font-size:12px;line-height:1.5}.gpui-preview>div{min-width:0}.gpui-preview p{margin-bottom:var(--space-md);font-size:14px;line-height:1.5}.gpui-preview .desktop-button{gap:5px;padding:9px 10px;font-size:13px}.compare-content{gap:var(--space-lg);align-items:center;display:flex}.compare-content>svg{color:#212278;width:44px;height:44px}.compare-content>div{min-width:0}.compare-content p{margin-bottom:var(--space-sm);font-size:14px;line-height:1.5}.compare-content button{background:0 0;border:none;padding:6px 0;font-size:14px;display:flex;color:#0c1650!important}.compare-content button svg{color:#1743e8}.compare-paper{padding:var(--space-lg);background:linear-gradient(110deg,#fff9eb,#fff1dd);border-color:#efd7b6;align-self:center;font-size:14px;line-height:1.3;position:relative;transform:rotate(-6deg)}.comparison-dialog{overscroll-behavior:contain;color:#0b103b;background:#f0eaff;border:1px solid #8a7dbd;border-radius:12px;width:min(520px,100% - 32px);max-height:90dvh;margin:auto;padding:28px;font-size:16px;overflow-y:auto;box-shadow:4px 8px #8bbdc855}.comparison-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18214366}.comparison-dialog:not([open]){display:none}.comparison-dialog h2{margin-bottom:16px;font-size:24px}.comparison-dialog p{line-height:1.6}.comparison-dialog>div{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:24px;display:flex}.resources-window p{margin-bottom:var(--space-md);font-size:14px;line-height:1.5}.resources-window nav{gap:var(--space-sm);display:flex}.resources-window nav a{min-width:0;padding:var(--space-sm) var(--space-xs) var(--space-md);background:#fcfbffb0;border:1px solid #ddd6f6;border-radius:6px;flex-direction:column;flex:1;align-items:center;font-size:13px;display:flex}.resources-window .pixel-sprite{width:61px;height:54px}.resources-window nav a>span:last-child{color:#073fe8;align-items:center;gap:3px;margin-top:5px;display:flex}.resources-window nav a:hover{background:#fff;border-color:#b3a3ef}.faq-content{align-items:flex-start;gap:var(--space-md);display:flex}.faq-content>svg{fill:#4774ed;color:#fff;background:#4774ed;border-radius:50%;width:27px;height:27px;margin-top:3px}.faq-content>div{flex:1;min-width:0}.faq-content details{margin-bottom:var(--space-sm);background:#fcfaff;border:1px solid #d7cef0;border-radius:6px;font-size:14px}.faq-content summary{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:44px;padding:12px;font-weight:650;list-style:none;display:flex}.faq-content summary::-webkit-details-marker{display:none}.faq-content summary svg{width:14px;height:14px}.faq-content details[open] summary svg{transform:rotate(180deg)}.faq-content details p{padding:0 12px 12px;font-size:13px;line-height:1.6}.faq-content .desktop-text-link{margin-top:var(--space-md)}.desktop-computer{place-self:center;position:relative}.desktop-computer .pixel-sprite{width:87px;height:87px}.desktop-computer p{color:#2e3c9c;margin-top:6px;font-size:16px;transform:rotate(-10deg)}.desktop-footer{--u:1px;background:linear-gradient(100deg,#d4d9fa,#cbd1f8);border-block:1px solid #9293c3;flex-wrap:wrap;align-items:center;gap:12px 24px;min-height:64px;padding:16px 24px;font-size:12px;display:flex}.desktop-footer .desktop-brand{gap:5px;font-size:13px}.desktop-footer .pixel-sprite{width:35px;height:35px}.desktop-footer p{border-left:1px solid #727caf;flex:1;min-width:160px;padding-left:24px;line-height:1.5}.desktop-footer>a:not(.desktop-brand){white-space:nowrap;align-items:center;gap:7px;display:flex}.footer-status{align-items:center;gap:9px;font-size:10px;display:flex}.footer-status svg{width:17px}@media (width<=699px){.herdr-desktop{--u:1px;font-size:14px}.desktop-header{align-items:center;height:66px;padding:12px}.desktop-brand{font-size:17px}.desktop-header>p{max-width:130px;margin:0 0 0 auto;font-size:9px}.header-laptop{display:none}.desktop-hero{flex-direction:column;gap:18px;height:auto;padding:0 14px;display:flex}.mountain-wallpaper{inset:90px 0 40px;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.mountain-wallpaper img{width:auto;height:490px}.hero-window{width:100%;height:auto;position:relative;top:auto;left:auto}.hero-window .window-content{padding:24px 16px}.hero-window h1{letter-spacing:-1px;font-size:clamp(26px,6vw,36px)}.hero-window p{margin:16px 0 20px;font-size:14px;line-height:1.5}.hero-actions{flex-direction:column;gap:10px}.hero-actions .coral{min-width:0;font-size:14px}.hero-actions .lavender{height:42px}.hero-paper,.hero-margin-note,.desktop-shortcuts,.desktop-pet{display:none}.terminal-demo{gap:12px;padding:0 10px;display:grid;position:relative}.terminal-preview{width:100%;height:202px;position:relative;top:auto;left:auto}.terminal-two{width:calc(100% - 8px);margin-left:8px}.terminal-three{width:calc(100% - 8px)}.terminal-preview .window-titlebar :is(h2,.window-label){font-size:12px}.desktop-dock{width:100%;height:80px;margin-top:2px;position:relative;top:auto;left:auto}.desktop-dock a{font-size:11px}.desktop-dock .pixel-sprite{width:45px;height:45px}.desktop-dock svg{width:32px;height:32px;margin:6px 0}.desktop-statusbar{gap:12px;width:calc(100% + 28px);height:36px;margin-left:-14px;position:relative}}@media (width<=1099px){.desktop-reference-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.desktop-explore-grid{grid-template-columns:minmax(0,1fr)}.compare-paper,.desktop-computer{display:none}.builder-fields{gap:var(--space-md);grid-template-columns:minmax(0,1fr)}.builder-note{padding:var(--space-md);font-size:14px}.builder-note>span{display:none}.workspace-steps{gap:28px}}@media (width<=699px){.desktop-sections{--space-section:24px;padding:20px 14px 28px}.desktop-overview-grid,.desktop-guide-grid,.desktop-start-grid,.desktop-explore-grid,.desktop-reference-grid{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.desktop-sections .window-content{padding:16px}.desktop-sections .window-titlebar{gap:8px}.desktop-sections .window-titlebar :is(h2,.window-label){font-size:13px}.desktop-sections .window-extra{display:none}.install-bottom{gap:16px}.install-note{flex-basis:78px;font-size:14px}.install-code{padding:12px}.install-code code{font-size:12px}.installer-tabs button,.builder-selects select{min-height:44px}.builder-selects label{grid-template-columns:100px minmax(0,1fr);font-size:13px}.workspace-steps{gap:20px}.workspace-steps li:not(:last-child):after{top:38px}.desktop-footer{gap:12px 16px;padding:16px}.desktop-footer p{border:none;flex-basis:100%;padding-left:0;font-size:11px}.footer-status{margin-left:auto}}@media (width<=359px){.desktop-header{gap:8px}.desktop-header>p{max-width:100px;font-size:8px}.desktop-brand{gap:4px;font-size:15px}.builder-selects label{grid-template-columns:minmax(0,1fr);gap:6px}.gpui-preview .desktop-button{font-size:12px}}@media (width>=700px){.hero-window .window-content{padding-block:calc(16 * var(--u))}.hero-window h1{font-size:calc(32 * var(--u));letter-spacing:calc(-1.2 * var(--u));white-space:normal}.hero-window h1>span:last-child{font-size:inherit}.hero-window p{font-size:calc(14 * var(--u))}.desktop-shortcuts{top:calc(241 * var(--u))}.desktop-shortcuts .pixel-sprite{height:calc(49 * var(--u))}}.hero-paper{white-space:pre;letter-spacing:0;font-size:calc(14 * var(--u));padding-inline:calc(10 * var(--u))}.state-blocked .terminal-state{color:#ff5943}.sprite-folder,.sprite-purple-folder,.sprite-pink-folder{clip-path:inset(6% 3% 8%)}@media (prefers-reduced-motion:reduce){.herdr-desktop *{scroll-behavior:auto!important;transition:none!important}}