@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#101a2b;--muted:#586578;--line:#dbe2e7;--cream:#f7f8f4;--green:#a8f074;--dark:#101a2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 'DM Sans',system-ui,sans-serif}a{color:inherit}button{font:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:16px;top:-80px;background:var(--green);padding:10px;z-index:20}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:inline-flex;align-items:center;gap:10px;font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-.06em}.brand img{display:block}.site-header nav{display:flex;align-items:center;gap:38px;font-size:14px;font-weight:700}.site-header nav a{text-decoration:none}.site-header nav a:hover,.text-link:hover,footer a:hover{text-decoration:underline;text-underline-offset:4px}.nav-github{border:1px solid var(--line);padding:10px 17px;border-radius:5px}.nav-github span{margin-left:16px}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding-top:80px;padding-bottom:80px}.eyebrow,.section-kicker,.diagram-label,.strip,.hero-notes,.code-caption,.visual-foot{font:500 11px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px;color:#356726}.eyebrow-dot,.caption-dot,.pulse{width:7px;height:7px;border-radius:50%;background:#78cc45;display:inline-block}.hero h1,h2,h3,p{margin-top:0}.hero h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.07em;line-height:1.03}.hero h1{font-size:clamp(50px,5.4vw,78px);margin:26px 0 24px;white-space:nowrap}.hero h1 em{font-style:normal;color:#75a94f}.hero-lede{color:var(--muted);font-size:18px;line-height:1.7;max-width:520px}.hero-actions{display:flex;gap:12px;margin:34px 0 54px}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:0 20px;border-radius:5px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:#fff}.primary:hover{background:#283c56}.secondary{border:1px solid var(--line);background:#fff}.secondary:hover{background:var(--cream)}.hero-notes{display:flex;flex-wrap:wrap;gap:16px;color:#657183;letter-spacing:0;text-transform:none}.hero-notes span{white-space:nowrap}.hero-notes i{display:inline-block;width:5px;height:5px;background:#80b963;border-radius:50%;vertical-align:middle;margin-right:4px}.hero-visual{height:480px;position:relative;overflow:hidden;border-radius:9px;background:#101a2b;box-shadow:0 26px 52px #172c461c;color:#fff}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(90deg,transparent,#000 45%)}.diagram-label{position:absolute;left:34px;top:31px;color:#8da0b7}.diagram-terminal{position:absolute;left:35px;top:194px;width:205px;height:57px;border:1px solid #526579;background:#1b2a3d;border-radius:6px;display:flex;align-items:center;gap:10px;padding:0 18px;font:500 17px 'DM Mono',monospace;z-index:2}.terminal-symbol{color:var(--green)}.terminal-cursor{width:8px;height:19px;background:var(--green);opacity:.7}.connection{position:absolute;border-top:1px dashed #9de071;left:240px;width:78px;z-index:1}.connection:before,.connection:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--green);top:-4px}.connection:before{left:-3px}.connection:after{right:-3px}.connection-one{top:154px;transform:rotate(-36deg);transform-origin:left}.connection-two{top:222px}.connection-three{top:289px;transform:rotate(36deg);transform-origin:left}.service-card{position:absolute;right:30px;width:210px;height:77px;background:#fff;color:var(--ink);border-radius:6px;display:flex;align-items:center;gap:11px;padding:12px;box-shadow:0 10px 25px #0003;z-index:2}.service-one{top:101px}.service-two{top:202px}.service-three{top:303px}.service-icon{height:38px;width:38px;border-radius:5px;display:grid;place-items:center;font:700 17px 'Space Grotesk',sans-serif}.postgres{background:#e6f1ff;color:#366898}.redis{background:#ffe8e5;color:#bf5041}.api{background:#e6f4dc;color:#56863d}.service-card b{font:700 15px 'Space Grotesk',sans-serif;display:block}.service-card small{font:11px 'DM Mono',monospace;color:#738195;display:block;white-space:nowrap}.status-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#80c957}.visual-foot{position:absolute;bottom:0;left:0;right:0;height:54px;padding:0 32px;background:#0c1422;display:flex;align-items:center;gap:9px;color:#9cb1c7;letter-spacing:0;text-transform:none}.visual-foot-right{margin-left:auto;color:#749c79}.strip{background:#f3f7ee;border-top:1px solid #e4ebdc;border-bottom:1px solid #e4ebdc;color:#5a6a5a}.strip-inner{display:flex;justify-content:center;align-items:center;gap:38px;min-height:61px}.strip b{font-size:17px;color:#7cab5e}.section{padding-top:125px;padding-bottom:130px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.section-kicker{color:#649447;margin-bottom:23px}.section h2,.config-section h2,.start-section h2,.closing h2{font-size:clamp(44px,4.1vw,60px);margin:0 0 24px}.section h2 span,.config-section h2 span,.start-section h2 span{color:#8cbf69}.section-intro p,.config-copy p,.start-heading p{color:var(--muted);font-size:17px;line-height:1.75;max-width:460px}.feature{border-top:1px solid var(--line);display:grid;grid-template-columns:40px 1fr 30px;gap:18px;padding:25px 0}.feature:last-child{border-bottom:1px solid var(--line)}.feature-number,.step-index{color:#7fa365;font:500 12px 'DM Mono',monospace}.feature h3,.step h3{font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0 0 6px}.feature p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.feature-mark{font:26px 'Space Grotesk',sans-serif;color:#86ad6a}.config-section{background:#f5f8f1;padding:120px 0}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.config-pills{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}.config-pills span{border:1px solid #cadac1;border-radius:3px;padding:6px 12px;color:#527444;font:12px 'DM Mono',monospace}.text-link{display:inline-flex;gap:20px;font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.code-panel{background:var(--dark);color:#dbe8f0;border-radius:8px;overflow:hidden;box-shadow:0 24px 50px #1e38201b}.code-head{height:54px;border-bottom:1px solid #334153;display:flex;align-items:center;padding:0 22px;gap:18px;font:12px 'DM Mono',monospace;color:#aabbd0}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#52647a}.window-dots i:first-child{background:#ff8c7f}.window-dots i:nth-child(2){background:#f6c36d}.window-dots i:last-child{background:#93d184}.copy-button{margin-left:auto;border:1px solid #627188;background:none;border-radius:4px;color:#cbd8e5;padding:5px 9px;font:11px 'DM Mono',monospace;cursor:pointer;white-space:nowrap}.copy-button:hover{background:#ffffff1a}.code-panel pre{margin:0;padding:28px 27px 24px;overflow:auto;font:14px/1.85 'DM Mono',monospace}.token-key{color:#b1e98c}.token-string{color:#f5c188}.code-caption{border-top:1px solid #334153;padding:14px 25px;color:#95a8bd;text-transform:none;letter-spacing:0}.start-section{padding-top:120px;padding-bottom:135px}.start-heading{display:flex;justify-content:space-between;align-items:start;gap:50px;margin-bottom:60px}.start-heading p{max-width:420px;margin:5px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{min-height:255px;border:1px solid var(--line);border-radius:6px;padding:25px;display:flex;flex-direction:column;gap:27px}.step h3{margin-bottom:17px}.step p{font-size:14px;color:var(--muted);line-height:1.6}.step p a{font-weight:700;color:var(--ink)}.step code{font:12px 'DM Mono',monospace}.command{display:flex;align-items:center;gap:8px;background:#101a2b;color:#fff;border-radius:4px;padding:12px;margin-bottom:13px;min-height:48px}.command code{white-space:nowrap;overflow-x:auto}.command .copy-button{font-size:10px;padding:4px 6px}.closing{background:#17253a;color:#fff}.closing-inner{min-height:310px;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing .section-kicker{color:var(--green)}.closing h2{margin:0}.closing h2 span{color:var(--green)}.closing .button{background:var(--green);color:var(--ink)}.closing .button:hover{background:#c0fa9d}footer{background:#101a2b;color:#a6b4c5}.footer-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}footer .brand{color:#fff;font-size:19px}footer a{text-decoration:none}
@media(max-width:1000px){.hero{gap:25px}.hero h1{font-size:clamp(44px,5vw,62px)}.diagram-terminal{width:160px}.connection{left:195px;width:55px}.service-card{width:190px;right:18px}.config-grid{gap:40px}.section{gap:45px}.steps{gap:12px}.step{padding:19px}.command{display:block}.command .copy-button{display:block;margin:10px 0 0}}
@media(max-width:760px){.wrap{width:min(100% - 36px,560px)}.header-inner{height:66px}.site-header nav{gap:16px}.site-header nav a:not(.nav-github){display:none}.nav-github{padding:8px 12px}.hero{display:block;padding-top:70px;padding-bottom:55px}.hero h1{font-size:clamp(45px,10vw,64px);white-space:normal}.hero-actions{margin-bottom:32px}.hero-visual{margin-top:50px;height:425px}.diagram-terminal{left:20px;width:150px;top:170px}.connection{left:168px;width:35px}.connection-one{top:139px}.connection-two{top:199px}.connection-three{top:258px}.service-card{right:16px;width:166px;height:68px}.service-one{top:98px}.service-two{top:181px}.service-three{top:264px}.service-icon{height:30px;width:30px;flex:none}.service-card b{font-size:13px}.service-card small{font-size:9px}.visual-foot{font-size:9px;padding:0 18px}.strip-inner{gap:12px;font-size:9px}.section,.config-grid{display:block}.section{padding:85px 0}.section-intro{margin-bottom:42px}.config-section{padding:85px 0}.config-copy{margin-bottom:48px}.start-section{padding:85px 0}.start-heading{display:block;margin-bottom:35px}.steps{display:block}.step{min-height:0;margin-bottom:12px;gap:15px}.closing-inner{min-height:330px;display:block;padding-top:70px;padding-bottom:70px}.closing .button{margin-top:20px}footer .footer-inner{flex-wrap:wrap;padding:25px 0}footer .footer-inner span{order:3;width:100%}}
@media(max-width:430px){.hero h1{font-size:43px}.hero-visual{height:390px}.diagram-terminal{top:151px;left:13px;width:130px;font-size:13px;padding:0 10px}.connection{left:142px;width:27px}.connection-one{top:122px}.connection-two{top:179px}.connection-three{top:236px}.service-card{right:10px;width:148px}.service-card small{font-size:8px}.service-one{top:81px}.service-two{top:166px}.service-three{top:251px}.visual-foot-right{display:none}.hero-actions{flex-wrap:wrap}.strip-inner{gap:7px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}