.hb-section{--hb-bg:#0c0d0e;--hb-panel:#191c20;--hb-line:#2b3035;--hb-green:#34d399;isolation:isolate;background:var(--hb-bg);border-bottom:1px solid var(--hb-line);padding:78px 20px 88px;position:relative;overflow:hidden}.hb-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 0,#10b98130,#0000 65%);height:650px;position:absolute;inset:-200px 0 auto}.hb-grid{z-index:-1;pointer-events:none;border-inline:1px solid #ffffff09;max-width:1200px;margin:auto;position:absolute;inset:0}.hb-grid:before,.hb-grid:after{content:"";background:#ffffff09;width:1px;position:absolute;inset-block:0}.hb-grid:before{left:16.66%}.hb-grid:after{right:16.66%}.hb-container{max-width:1100px;margin:auto}.hb-intro{text-align:center}.hb-badge{color:#8af0c6;letter-spacing:.08em;text-transform:uppercase;background:#064e3b47;border:1px solid #34d39959;border-radius:999px;align-items:center;gap:9px;padding:8px 15px;font-size:11px;font-weight:700;display:inline-flex}.hb-badge-dot{background:var(--hb-green);width:7px;height:7px;box-shadow:0 0 12px var(--hb-green);border-radius:50%}.hb-intro h1{color:#f4f5f5;max-width:940px;font:700 clamp(42px,5.3vw,72px)/1.08 var(--font-display),"Manrope",sans-serif;letter-spacing:-.055em;margin:27px auto 18px}.hb-intro h1 span{color:var(--hb-green)}.hb-intro p{color:#a1a8a5;max-width:690px;margin:0 auto;font-size:clamp(15px,1.6vw,17px);line-height:1.75}.hb-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.hb-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-size:14px;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.hb-button:hover{transform:translateY(-2px)}.hb-button:focus-visible,.hb-category:focus-visible,.hb-panel-link:focus-visible{outline-offset:3px;outline:2px solid #8af0c6}.hb-button-primary{background:var(--hb-green);color:#063d2c}.hb-button-primary:hover{background:#6ee7b7}.hb-button-secondary{color:#e4e8e6;background:#1a1e20;border-color:#363b3e}.hb-button-secondary:hover{border-color:#6c7975}.hb-showcase{grid-template-columns:minmax(0,.9fr) minmax(0,1.9fr) minmax(0,.82fr);align-items:end;gap:18px;margin-top:72px;display:grid}.hb-panel,.hb-browser{border:1px solid var(--hb-line);min-width:0;box-shadow:0 24px 60px #00000030}.hb-panel{background:linear-gradient(150deg,#20242a,#15171b);border-radius:18px;flex-direction:column;min-height:310px;padding:24px;display:flex}.hb-panel-label{color:#a4aca9;letter-spacing:.14em;text-transform:uppercase;margin:0 0 22px;font-size:11px;font-weight:700}.hb-category-list{gap:9px;display:grid}.hb-category{color:#b9c1bd;background:#1a1e22;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;min-height:44px;padding:0 12px;font-size:13px;transition:background .2s,border-color .2s;display:flex}.hb-category:hover{color:#fff;background:#26302d;border-color:#3c5b50}.hb-category.is-featured{color:#edfff7;background:#263530}.hb-category svg{color:var(--hb-green);flex:none}.hb-category-arrow{opacity:.65;margin-left:auto}.hb-panel-link{color:#8af0c6;align-items:center;gap:7px;margin-top:auto;padding-top:20px;font-size:12px;font-weight:700;display:inline-flex}.hb-browser{background:#15191c;border-color:#34d39957;border-radius:19px;min-height:360px;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000047,0 0 60px #10b9810e}.hb-browser-top{background:#20252a;border-bottom:1px solid #30363a;align-items:center;gap:18px;height:38px;padding:0 15px;display:flex}.hb-window-dots{gap:5px;display:flex}.hb-window-dots i{background:#ef6b65;border-radius:50%;width:7px;height:7px;display:block}.hb-window-dots i:nth-child(2){background:#e4bd57}.hb-window-dots i:nth-child(3){background:#67c587}.hb-browser-address{color:#8a9692;text-align:center;background:#15191c;border-radius:6px;width:min(58%,230px);margin:auto;padding:4px 12px;font-size:10px}.hb-browser-body{grid-template-columns:1fr .85fr;gap:10px;min-height:273px;padding:26px 22px 18px;display:grid}.hb-preview-copy{flex-direction:column;align-items:flex-start;padding:14px 0 0 5px;display:flex}.hb-preview-kicker{color:#71d5aa;letter-spacing:.14em;font-size:9px;font-weight:700}.hb-preview-copy strong{color:#f1f4f2;font:700 clamp(20px,2.2vw,30px)/1.15 var(--font-display),"Manrope",sans-serif;letter-spacing:-.045em;margin-top:19px;display:block}.hb-preview-copy strong em{color:#54d9a5;font-style:normal}.hb-preview-lines{gap:6px;margin-top:17px;display:grid}.hb-preview-lines i{background:#515c5b;border-radius:9px;width:145px;height:5px;display:block}.hb-preview-lines i:last-child{background:#394543;width:105px}.hb-preview-button{background:var(--hb-green);color:#063d2c;border-radius:7px;align-items:center;gap:6px;margin-top:19px;padding:9px 10px;font-size:10px;font-weight:700;display:inline-flex}.hb-preview-art{background:radial-gradient(circle at 50% 40%,#255444,#1c2929 60%,#1a2023);border:1px solid #3b4645;border-radius:12px;min-height:220px;position:relative;overflow:hidden}.hb-preview-orbit{aspect-ratio:1;border:1px solid #62e1ab59;border-radius:50%;width:68%;position:absolute;top:15%;left:17%;box-shadow:0 0 0 25px #34d3990b,0 0 0 55px #34d39908}.hb-preview-orbit:after{content:"";background:radial-gradient(circle at 35% 35%,#6be7ad,#13845b);border-radius:50%;position:absolute;inset:22%;box-shadow:0 0 30px #34d39959}.hb-preview-tile{background:#a2f4cd1c;border:1px solid #bdf5d754;border-radius:7px;width:42px;height:50px;position:absolute;transform:rotate(17deg)}.hb-preview-tile-one{top:17%;right:10%}.hb-preview-tile-two{bottom:19%;left:10%;transform:rotate(-15deg)}.hb-preview-art-label{color:#b1ebcf;letter-spacing:.2em;text-align:center;font-size:10px;font-weight:700;position:absolute;inset:auto 0 16px}.hb-browser-bottom{color:#9fb3a9;border-top:1px solid #30363a;flex-wrap:wrap;justify-content:space-around;gap:8px;padding:11px 13px;font-size:10px;display:flex}.hb-browser-bottom span{align-items:center;gap:6px;display:inline-flex}.hb-browser-bottom svg{color:var(--hb-green)}.hb-quality{text-align:center;justify-content:center;align-items:center;position:relative}.hb-quality-icon{width:74px;height:74px;color:var(--hb-green);border:7px solid #293b36;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 1px #356e55}.hb-quality-mark{background:var(--hb-green);color:#064532;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:35px;right:27px}.hb-quality h2{color:#f1f3f2;margin:24px 0 7px;font-size:17px}.hb-quality p{color:#9ca7a2;margin:0;font-size:12px;line-height:1.6}.hb-quality-foot{color:#74dfb0;border-top:1px solid #303739;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:auto;padding-top:22px;font-size:10px;display:flex}@media (max-width:950px){.hb-showcase{grid-template-columns:1fr 1fr;align-items:stretch}.hb-browser{grid-area:1/1/auto/-1}.hb-panel{min-height:245px}.hb-quality-mark{top:27px;right:30%}}@media (max-width:620px){.hb-section{padding:58px 16px 64px}.hb-intro h1{margin-top:22px;font-size:clamp(38px,11vw,56px)}.hb-intro p{font-size:14px}.hb-actions{align-items:stretch}.hb-button{flex:160px}.hb-showcase{grid-template-columns:1fr;gap:14px;margin-top:50px}.hb-browser{grid-area:1;min-height:0}.hb-browser-body{min-height:235px;padding:17px 14px 14px}.hb-preview-copy{padding:8px 0 0}.hb-preview-copy strong{font-size:clamp(17px,5vw,25px)}.hb-preview-lines i{width:90px}.hb-preview-lines i:last-child{width:65px}.hb-preview-art{min-height:195px}.hb-panel{min-height:0;padding:20px}.hb-quality{min-height:240px}.hb-quality-mark{top:24px;right:28%}}@media (prefers-reduced-motion:reduce){.hb-button,.hb-category{transition:none}}html[data-theme=light] .hb-section{--hb-bg:#fafafa;--hb-line:#e4e4e7;--hb-green:#059669}html[data-theme=light] .hb-section:before{background:radial-gradient(at 50% 0,#10b9811a,#0000 65%)}html[data-theme=light] .hb-grid{border-inline-color:#0000000a}html[data-theme=light] .hb-grid:before,html[data-theme=light] .hb-grid:after{background:#0000000a}html[data-theme=light] .hb-badge{color:#047857;background:#ecfdf5;border-color:#a7f3d0}html[data-theme=light] .hb-badge-dot{background:#10b981;box-shadow:0 0 10px #10b98159}html[data-theme=light] .hb-intro h1{color:#111318}html[data-theme=light] .hb-intro h1 span{color:#047857}html[data-theme=light] .hb-intro p{color:#535b59}html[data-theme=light] .hb-button-primary{color:#fff;background:#047857;box-shadow:0 8px 20px #04785721}html[data-theme=light] .hb-button-primary:hover{background:#065f46}html[data-theme=light] .hb-button-secondary{color:#27272a;background:#fff;border-color:#e4e4e7;box-shadow:0 8px 20px #0000000a}html[data-theme=light] .hb-button-secondary:hover{border-color:#a7d5bd}html[data-theme=light] .hb-panel,html[data-theme=light] .hb-browser{box-shadow:0 16px 38px #1430200e}html[data-theme=light] .hb-panel{background:linear-gradient(150deg,#fff,#fcfdfd)}html[data-theme=light] .hb-panel-label{color:#68746e}html[data-theme=light] .hb-category{color:#4c5852;background:#f4f5f5}html[data-theme=light] .hb-category:hover{color:#047857;background:#e8f7ee;border-color:#a7dec0}html[data-theme=light] .hb-category.is-featured{color:#047857;background:#ecfdf5;border-color:#bbf7d0}html[data-theme=light] .hb-category svg{color:#059669}html[data-theme=light] .hb-panel-link{color:#047857}html[data-theme=light] .hb-browser{background:#fff;border-color:#10b98166}html[data-theme=light] .hb-browser-top{background:#f4f4f5;border-bottom-color:#e4e4e7}html[data-theme=light] .hb-browser-address{color:#71717a;background:#fff}html[data-theme=light] .hb-preview-kicker{color:#047857}html[data-theme=light] .hb-preview-copy strong{color:#18181b}html[data-theme=light] .hb-preview-copy strong em{color:#059669}html[data-theme=light] .hb-preview-lines i{background:#a1a1aa}html[data-theme=light] .hb-preview-lines i:last-child{background:#d4d4d8}html[data-theme=light] .hb-preview-button{color:#fff;background:#059669}html[data-theme=light] .hb-preview-art{background:radial-gradient(circle at 50% 40%,#e6f8ee,#f4f4f5 70%);border-color:#e4e4e7}html[data-theme=light] .hb-preview-orbit{border-color:#10b9813d;box-shadow:0 0 0 25px #10b98109,0 0 0 55px #10b98105}html[data-theme=light] .hb-preview-orbit:after{background:radial-gradient(circle at 35% 35%,#a7f3d0,#10b981);box-shadow:0 0 30px #10b98126}html[data-theme=light] .hb-preview-tile{background:#10b98112;border-color:#05966933}html[data-theme=light] .hb-preview-art-label{color:#047857}html[data-theme=light] .hb-browser-bottom{color:#536b5d;border-top-color:#e4e4e7}html[data-theme=light] .hb-browser-bottom svg{color:#059669}html[data-theme=light] .hb-quality-icon{color:#059669;background:#ecfdf5;border-color:#d7f5e5;box-shadow:0 0 0 1px #b8e6cc}html[data-theme=light] .hb-quality-mark{color:#fff;background:#059669}html[data-theme=light] .hb-quality h2{color:#18181b}html[data-theme=light] .hb-quality p{color:#626b66}html[data-theme=light] .hb-quality-foot{color:#047857;border-top-color:#e4e4e7}
.home-project-section{isolation:isolate;background:#090a0c;border-top:1px solid #202523;padding:78px 0 96px;position:relative;overflow:hidden}.home-project-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 0,#10b9811b,#0000 66%);height:440px;position:absolute;inset:0 0 auto}.home-project-section.trending-section{background:#0d1010}.home-project-section>.container{width:min(1100px,100% - 40px)}.home-project-section .section-head{align-items:center;margin-bottom:38px}.home-project-section .section-head h2{letter-spacing:-.04em;font-size:clamp(32px,3.5vw,46px)}.home-project-section .section-head p{max-width:420px;font-size:14px}.home-project-section .eyebrow{color:#34d399;letter-spacing:.14em;font-size:11px}.home-project-section .grid{align-items:stretch;gap:24px}.home-project-section .showcase-card{background:linear-gradient(160deg,#181b1f,#111315);border:1px solid #282d30;border-radius:16px;flex-direction:column;min-height:430px;padding:12px;transition:border-color .25s,box-shadow .25s;display:flex;box-shadow:0 16px 38px #0000001f}@media (hover:hover){.home-project-section .showcase-card:hover{border-color:#34d39980;box-shadow:0 20px 46px #0000003d}}.showcase-preview{border-radius:10px;flex:none;height:240px;position:relative;overflow:hidden}.showcase-preview-window{background:var(--secondary,#152422);border:1px solid #ffffff1a;border-radius:10px;height:100%;position:relative;overflow:hidden}.showcase-cover{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.showcase-window-dots{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c101294;border-radius:99px;gap:5px;padding:5px 7px;display:flex;position:absolute;top:11px;left:11px}.showcase-window-dots i{opacity:.85;background:#d4d4d8;border-radius:50%;width:5px;height:5px}.showcase-type{z-index:2;color:#a7f3d0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d3125d4;border:1px solid #34d39947;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:700;position:absolute;top:10px;right:10px}.showcase-card-content{flex-direction:column;flex:1;align-items:flex-start;padding:16px 2px 5px;display:flex}.showcase-category{color:#b3dfcf;white-space:nowrap;text-overflow:ellipsis;background:#243132;border-radius:6px;max-width:100%;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.showcase-card-content h3{font:700 16px/1.25 var(--font-display),"Manrope",sans-serif;letter-spacing:-.02em;color:#f4f4f5;margin:17px 0 5px}.showcase-card-content p{color:#979da1;margin:0;font-size:12px;line-height:1.5}.showcase-card-footer{border-top:1px solid #2a3031;justify-content:space-between;align-items:baseline;gap:6px;width:100%;margin-top:auto;padding-top:25px;display:flex}.showcase-card-footer span{color:#a2aaac;white-space:nowrap;font-size:11px}.showcase-card-footer strong{color:#f4f4f5;text-align:right;white-space:nowrap;font-size:clamp(12px,1.1vw,15px);font-weight:700}.showcase-card-status .showcase-card-footer strong{color:#fbbf24}html[data-theme=light] .home-project-section{background:#fafafa;border-top-color:#e8ecea}html[data-theme=light] .home-project-section:before{background:radial-gradient(at 50% 0,#10b98117,#0000 66%)}html[data-theme=light] .home-project-section.trending-section{background:#f3f7f5}html[data-theme=light] .home-project-section .eyebrow{color:#047857}html[data-theme=light] .home-project-section .showcase-card{background:linear-gradient(160deg,#fff,#fbfcfc);border-color:#e4e4e7;box-shadow:0 10px 28px #1430200e}@media (hover:hover){html[data-theme=light] .home-project-section .showcase-card:hover{border-color:#8bdab5;box-shadow:0 16px 38px #1430201a}}html[data-theme=light] .showcase-preview-window{background:#f4f4f5;border-color:#e4e4e7}html[data-theme=light] .showcase-window-dots{background:#ffffffc7}html[data-theme=light] .showcase-window-dots i{background:#a1a1aa}html[data-theme=light] .showcase-type{color:#047857;background:#ecfdf5ed;border-color:#a7f3d0}html[data-theme=light] .showcase-category{color:#047857;background:#ecfdf5}html[data-theme=light] .showcase-card-content h3{color:#18181b}html[data-theme=light] .showcase-card-content p{color:#69726d}html[data-theme=light] .showcase-card-footer{border-top-color:#e4e4e7}html[data-theme=light] .showcase-card-footer span{color:#66716b}html[data-theme=light] .showcase-card-footer strong{color:#18181b}html[data-theme=light] .showcase-card-status .showcase-card-footer strong{color:#a06200}@media (max-width:1000px){.home-project-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-preview{height:260px}}@media (max-width:720px){.home-project-section{padding:62px 0 72px}.home-project-section>.container{width:min(100% - 24px,1100px)}.home-project-section .section-head{align-items:flex-start;gap:14px;margin-bottom:28px}.home-project-section .section-head h2{font-size:34px}.home-project-section .grid{grid-template-columns:1fr;gap:16px}.home-project-section .showcase-card{min-height:420px}.showcase-preview{height:240px}.showcase-card-footer strong{font-size:15px}}