@charset "UTF-8";
.directory-site{--root-navy:#0f2723;--root-green:#16796b;--root-lime:#dff2c2;--root-cream:#f7f8f3;--root-card:#fff;--root-line:#dfe7df;background:#f8faf6}
.directory-site .site-header{background:#fbfcf8e8}
.root-nav{gap:20px}.root-nav a{max-width:none;font-size:.7rem}.root-header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.root-login{font-size:.72rem;font-weight:650;padding:10px 2px}.root-login:hover{color:var(--teal)}
.root-hero{position:relative;overflow:hidden;padding:74px 0 68px;background:radial-gradient(circle at 83% 20%,#d9f0d6 0,transparent 27%),linear-gradient(180deg,#fbfcf8 0,#f1f6ee 100%)}
.root-hero::after{content:"";position:absolute;inset:auto -8% -160px 42%;height:330px;background:radial-gradient(ellipse,#cfe7db8c 0,transparent 67%);pointer-events:none}.root-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.94fr);gap:74px;align-items:center;min-height:570px}.root-hero-copy{position:relative;z-index:2}.root-badge{display:inline-flex;align-items:center;padding:8px 13px;border:1px solid #cbd9d0;border-radius:999px;background:#ffffffb8;color:var(--teal);font-size:.64rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.root-hero h1{max-width:760px;margin-top:24px;font-size:clamp(3rem,5.7vw,5.65rem);line-height:.98;letter-spacing:-.065em}.root-hero h1 em{font-style:normal;color:var(--root-green)}.root-lead{max-width:650px;margin-top:28px;color:#536a63;font-size:1rem;line-height:1.85}.root-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.root-primary{min-width:215px}.root-proof{display:flex;flex-wrap:wrap;gap:11px 24px;margin-top:29px;color:#526b63;font-size:.7rem;font-weight:600}.root-proof span{white-space:nowrap}
.root-device-stage{position:relative;min-height:515px;isolation:isolate}.root-orbit{position:absolute;border:1px solid #87a99d55;border-radius:50%;z-index:-1}.root-orbit-one{width:530px;height:530px;top:-7px;right:-54px}.root-orbit-two{width:430px;height:330px;right:54px;top:82px;transform:rotate(-21deg)}.mock-browser{position:absolute;top:34px;right:0;width:510px;overflow:hidden;border:1px solid #bfd1c5;border-radius:18px;background:#fff;box-shadow:0 30px 80px #163a2d21;transform:rotate(1deg)}.mock-browser-top{display:flex;align-items:center;gap:6px;height:39px;padding:0 13px;background:#eff4ef;border-bottom:1px solid #d8e2da}.mock-browser-top>span{width:7px;height:7px;border-radius:50%;background:#a8b8af}.mock-browser-top>div{margin-left:8px;padding:4px 20px;border-radius:20px;background:#fff;color:#81918a;font-size:.45rem}.mock-site-head{display:flex;align-items:center;gap:14px;height:52px;padding:0 22px;font-size:.46rem}.mock-site-head b{margin-right:auto;color:#133a31;font-size:.68rem}.mock-site-head i{width:29px;height:3px;background:#c8d7ce;border-radius:4px}.mock-site-head span{padding:6px 9px;border-radius:4px;background:#187664;color:white}.mock-site-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:218px;padding:31px;background:#123d34;color:white}.mock-site-hero small{display:block;color:#a6cabd;font-size:.45rem;text-transform:uppercase;letter-spacing:.12em}.mock-site-hero strong{display:block;max-width:260px;margin-top:14px;font-size:1.28rem;line-height:1.08;letter-spacing:-.04em}.mock-site-hero p{margin-top:12px;color:#d9e9e3;font-size:.51rem}.mock-site-hero>div>span{display:inline-block;margin-top:18px;padding:7px 10px;border-radius:4px;background:#e5f3c5;color:#16392f;font-size:.45rem;font-weight:700}.mock-visual{position:relative;align-self:stretch}.mock-visual i{position:absolute;display:block;border-radius:50%}.mock-visual i:nth-child(1){width:120px;height:120px;right:4px;top:6px;background:#dff2c2}.mock-visual i:nth-child(2){width:82px;height:145px;right:37px;top:33px;border-radius:40px 40px 6px 6px;background:#75b39d}.mock-visual i:nth-child(3){width:42px;height:42px;right:102px;bottom:11px;background:#f2c370}.mock-site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:18px 22px 22px}.mock-site-cards i{height:62px;border-radius:6px;background:linear-gradient(135deg,#e7efe9,#f7f9f5);border:1px solid #e0e8e2}
.mock-phone{position:absolute;z-index:3;right:-17px;bottom:7px;width:154px;height:303px;padding:26px 14px 14px;border:7px solid #102823;border-radius:28px;background:#fff;box-shadow:0 20px 45px #122e2630}.mock-phone-notch{position:absolute;top:8px;left:50%;width:49px;height:7px;transform:translateX(-50%);border-radius:20px;background:#102823}.mock-phone-brand{font-size:.48rem;font-weight:800;color:#163d34}.mock-phone-hero{height:103px;margin:15px -2px 15px;border-radius:8px;background:linear-gradient(145deg,#184c40 0 60%,#bfe3ac 60%)}.mock-phone b{display:block;font-size:.66rem;line-height:1.2;letter-spacing:-.03em}.mock-phone>span{display:block;margin-top:15px;padding:7px;border-radius:4px;background:#176657;color:white;font-size:.43rem;text-align:center}.root-floating-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #cbd9d1;border-radius:10px;background:#fff;box-shadow:0 12px 30px #173b341a;font-size:.58rem;font-weight:750}.root-floating-chip b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e1f2d0;color:#176657}.chip-seo{left:9px;top:4px}.chip-lead{left:26px;bottom:40px}
.root-trust-strip{border-block:1px solid var(--line);background:#fff}.root-trust-strip .container{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:76px;color:#6d7f78;font-size:.6rem;font-weight:800;letter-spacing:.12em}.root-section{position:relative}.root-soft{background:#f0f5ef;border-block:1px solid #e0e8e1}.root-section-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.58fr);gap:70px;align-items:end;margin-bottom:42px}.root-section-heading.narrow{align-items:start}.root-section-heading h2{max-width:760px;margin-top:12px;font-size:clamp(2rem,3.7vw,3.45rem)}.root-section-heading>p{max-width:510px;color:var(--muted);font-size:.82rem;line-height:1.85}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.demo-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;transition:transform .25s,box-shadow .25s}.demo-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px #173b3412}.demo-screen{height:272px;margin:12px 12px 0;padding:15px;border-radius:12px;background:#f1f4ef;overflow:hidden}.demo-top{display:flex;align-items:center;gap:8px;font-size:.37rem}.demo-top b{margin-right:auto;font-size:.54rem}.demo-top b span{color:#1b846f}.demo-top i{width:21px;height:2px;background:#a9b7ae}.demo-hero-block{height:153px;margin-top:15px;padding:21px;border-radius:8px;background:#153e35;color:#fff}.demo-hero-block small{display:block;font-size:.4rem;color:#afd0c3;text-transform:uppercase;letter-spacing:.08em}.demo-hero-block strong{display:block;max-width:230px;margin-top:12px;font-size:1rem;line-height:1.1}.demo-hero-block span{display:inline-block;margin-top:17px;font-size:.4rem;border-bottom:1px solid #ffffff65}.demo-local .demo-hero-block{background:#5b554d}.demo-service .demo-hero-block{background:#263d52}.demo-mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.demo-mini-cards i{height:47px;border-radius:5px;background:#fff;border:1px solid #dfe7e0}.demo-card-copy{padding:24px 25px 27px}.demo-card-copy>span{color:var(--teal);font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.demo-card-copy h3{margin-top:8px;font-size:1.3rem}.demo-card-copy p{margin-top:10px;color:var(--muted);font-size:.74rem;line-height:1.75}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.problem-grid article{padding:30px;border:1px solid #d8e3d9;border-radius:16px;background:#fff}.problem-grid article>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7f0e7;color:#176657;font-size:.62rem;font-weight:800}.problem-grid h3{margin-top:25px}.problem-grid p{margin-top:13px;color:var(--muted);font-size:.78rem;line-height:1.8}.problem-grid b{display:block;margin-top:21px;padding-top:18px;border-top:1px solid var(--line);color:#20594d;font-size:.68rem;line-height:1.6}.feature-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:29px}.feature-chips span,.ai-points span{padding:8px 11px;border:1px solid #d6e1d7;border-radius:999px;background:#fff;color:#48645b;font-size:.66rem;font-weight:650}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.steps-grid article{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:33px 31px;border-right:1px solid var(--line)}.steps-grid article:last-child{border-right:0}.steps-grid article>span{color:#8ca79e;font-size:.7rem;font-weight:800}.steps-grid h3{font-size:1.25rem}.steps-grid p{margin-top:10px;color:var(--muted);font-size:.77rem;line-height:1.8}
.root-dark{background:#102d27;color:#eef6f1}.seo-grid{display:grid;grid-template-columns:minmax(370px,.9fr) minmax(0,1fr);gap:90px;align-items:center}.root-dark .eyebrow{color:#a8d6c4}.seo-copy h2{margin-top:16px;color:#fff;font-size:clamp(2.2rem,3.8vw,3.6rem)}.seo-copy>p{max-width:690px;margin-top:23px;color:#b8cbc3;font-size:.84rem;line-height:1.9}.seo-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:31px;border-top:1px solid #ffffff1d}.seo-list span{padding:14px 0;border-bottom:1px solid #ffffff1d;color:#dce9e4;font-size:.71rem}.seo-list span::before{content:"✓";margin-right:10px;color:#b9e58f}.serp-card{padding:27px;border-radius:18px;background:#fff;color:#273c36;box-shadow:0 30px 70px #0003}.serp-logo{font-size:1.4rem;font-weight:800;color:#4285f4}.serp-logo span:nth-child(1){color:#ea4335}.serp-logo span:nth-child(2){color:#fbbc05}.serp-search{display:flex;justify-content:space-between;margin-top:16px;padding:11px 15px;border:1px solid #dfe4e2;border-radius:30px;color:#586b64;font-size:.67rem}.serp-result{padding-top:23px}.serp-result small{display:block;color:#58726a;font-size:.57rem}.serp-result strong{display:block;margin-top:5px;color:#1a0dab;font-size:.88rem;font-weight:500}.serp-result p{margin-top:6px;color:#4c5753;font-size:.61rem;line-height:1.55}.muted-result{opacity:.55}
.ai-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(450px,1fr);gap:90px;align-items:center}.ai-copy h2{max-width:640px;margin-top:15px;font-size:clamp(2.2rem,3.8vw,3.55rem)}.ai-copy>p{max-width:590px;margin-top:22px;color:var(--muted);font-size:.84rem;line-height:1.9}.ai-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.ai-panel{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 60px #173b340d}.ai-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:.72rem;font-weight:750}.ai-panel-head b{color:var(--teal);font-size:.56rem;letter-spacing:.08em}.ai-panel label{display:grid;grid-template-columns:115px 1fr;align-items:center;gap:14px;margin-top:12px;color:#6b7e77;font-size:.61rem}.ai-panel label span{padding:9px 11px;border:1px solid #e2e8e3;border-radius:7px;color:#263d35;background:#fbfcfa}.ai-panel button{width:100%;margin-top:14px;padding:11px 15px;border:0;border-radius:7px;background:#173f35;color:white;font-size:.65rem;font-weight:750}.ai-output{margin-top:16px;padding:15px;border-radius:9px;background:#eff5ef}.ai-output small{display:block;color:#71857d;font-size:.5rem;text-transform:uppercase;letter-spacing:.08em}.ai-output strong{display:block;margin:4px 0 11px;font-size:.72rem}.ai-output p{margin:4px 0 0;color:#526961;font-size:.58rem;line-height:1.6}
.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.theme-grid article{padding:10px 10px 20px;border:1px solid var(--line);border-radius:15px;background:#fff}.theme-preview{position:relative;height:180px;overflow:hidden;border-radius:9px;background:#edf3ee}.theme-preview::before{content:"";position:absolute;left:14px;top:14px;width:48px;height:5px;border-radius:5px;background:#123e34}.theme-preview i{position:absolute;inset:36px 14px auto;height:77px;border-radius:6px;background:#174c40}.theme-preview strong{position:absolute;left:25px;top:55px;width:65px;height:6px;border-radius:4px;background:#fff}.theme-preview span{position:absolute;bottom:17px;width:42%;height:37px;border-radius:5px;background:#fff;border:1px solid #dce6df}.theme-preview span:nth-of-type(1){left:14px}.theme-preview span:nth-of-type(2){right:14px}.theme-signature{background:#f2eee8}.theme-signature i{background:#5a4635}.theme-local{background:#eef4f7}.theme-local i{background:#28516f}.theme-product{background:#f4f1ec}.theme-product i{background:#393c3b}.theme-grid h3{padding:0 8px;margin-top:17px;font-size:1rem}.theme-grid p{padding:0 8px;margin-top:6px;color:var(--muted);font-size:.65rem}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.industry-grid span{padding:17px 18px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:.72rem;font-weight:650}
.root-dashboard-section{background:#eaf1e9}.dashboard-grid{display:grid;grid-template-columns:minmax(0,.6fr) minmax(500px,1fr);gap:80px;align-items:center}.dashboard-copy h2{margin-top:15px;font-size:clamp(2.1rem,3.6vw,3.3rem)}.dashboard-copy p{margin-top:20px;color:var(--muted);font-size:.82rem;line-height:1.9}.dashboard-card{padding:25px;border:1px solid #d8e2d9;border-radius:18px;background:#fff;box-shadow:0 24px 55px #173b340e}.dash-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:.7rem}.dash-head span{color:var(--muted);font-size:.59rem}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:19px}.dash-stats div{padding:15px;border-radius:10px;background:#f5f8f4}.dash-stats small,.dash-stats strong,.dash-stats em{display:block}.dash-stats small{color:var(--muted);font-size:.54rem}.dash-stats strong{margin-top:4px;font-size:1.4rem;letter-spacing:-.04em}.dash-stats em{margin-top:4px;color:#1f8068;font-size:.49rem;font-style:normal}.dash-chart{display:flex;align-items:flex-end;gap:9px;height:150px;padding:25px 10px 0;border-bottom:1px solid #dfe7e0}.dash-chart i{flex:1;min-width:8px;border-radius:5px 5px 0 0;background:linear-gradient(#74b79f,#1c7664)}
.root-domain{padding-block:60px}.domain-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:center;padding:48px;border-radius:22px;background:#e1efdd}.domain-card h2{margin-top:10px;max-width:650px}.domain-card p{margin-top:14px;color:#5c726a;font-size:.8rem}.domain-examples{display:grid;gap:9px;min-width:270px}.domain-examples span{padding:12px 15px;border:1px solid #c7dbc9;border-radius:8px;background:#fff;font-size:.7rem;font-weight:700}.pricing-section{background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.price-card{display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:18px;background:#fbfcfa}.price-card.featured{border-color:#80a99b;background:#f1f7f1;box-shadow:0 20px 50px #173b340d}.price-badge{align-self:flex-start;padding:6px 9px;border-radius:999px;background:#dff0d8;color:#236556;font-size:.51rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.price-badge.neutral{background:#eef2ee;color:#657970}.price-card h3{margin-top:20px;font-size:1.35rem}.price{display:flex;align-items:baseline;gap:7px;margin-top:15px}.price strong{font-size:2.1rem;letter-spacing:-.05em}.price span{color:var(--muted);font-size:.68rem}.price-card>p{min-height:68px;margin-top:13px;color:var(--muted);font-size:.74rem;line-height:1.75}.price-card ul{list-style:none;padding:19px 0 24px;margin:10px 0 0;border-top:1px solid var(--line)}.price-card li{padding:7px 0;color:#48635a;font-size:.7rem}.price-card li::before{content:"✓";margin-right:9px;color:#177260;font-weight:800}.price-card .button{margin-top:auto;width:100%}
.root-directory{background:#f3f6f1;border-block:1px solid var(--line)}.root-directory .root-section-heading>p{justify-self:end}.root-directory .business-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.root-directory .business-card-body{padding:22px}.root-directory .location{margin-top:9px;color:var(--muted);font-size:.68rem}.root-faq h2{max-width:470px}.root-final{padding:72px 0;background:#f8faf6}.root-final-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:70px;align-items:center;padding:58px;border-radius:24px;background:#153d34;color:white}.root-final .eyebrow{color:#b5ddcd}.root-final h2{max-width:790px;margin-top:13px;font-size:clamp(2.1rem,3.7vw,3.5rem)}.root-final p{max-width:650px;margin-top:18px;color:#c8d9d2;font-size:.82rem;line-height:1.8}.root-final-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:215px}.root-final-link{color:#d5e3dd;font-size:.7rem;text-align:center;text-decoration:underline;text-underline-offset:5px}
.directory-site .footer-top{grid-template-columns:1.2fr .65fr .65fr 1fr}.directory-site .footer-note{grid-column:auto;max-width:330px}
@media(max-width:1100px){.root-hero-grid{grid-template-columns:1fr;gap:35px}.root-hero-copy{max-width:850px}.root-device-stage{width:min(620px,100%);margin:0 auto}.root-section-heading{gap:40px}.demo-grid,.problem-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.demo-card:last-child,.problem-grid article:last-child{grid-column:1/-1}.theme-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(3,1fr)}.seo-grid,.ai-grid,.dashboard-grid{grid-template-columns:1fr;gap:48px}.serp-card{max-width:620px}.ai-panel,.dashboard-card{max-width:760px;width:100%}.directory-site .footer-top{grid-template-columns:1fr 1fr 1fr}.directory-site .footer-brand{grid-column:1/-1}.directory-site .footer-note{grid-column:auto}.root-header-actions .button{display:none}}
@media(max-width:800px){.directory-site .header-inner{min-height:78px}.directory-site .menu-toggle{display:grid;order:2}.root-header-actions{order:3}.root-login{display:none}.root-nav{position:absolute;left:20px;right:20px;top:72px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 20px 50px #173b3420}.root-nav.is-open{display:flex}.root-nav a{padding:12px;border-bottom:1px solid #edf1ee}.root-nav a:last-child{border-bottom:0}.root-hero{padding-block:48px}.root-hero-grid{min-height:auto}.root-hero h1{font-size:clamp(2.7rem,11vw,4.3rem)}.root-lead{font-size:.88rem}.root-proof{gap:9px 15px}.root-device-stage{min-height:410px;transform:scale(.88);transform-origin:top center;margin-bottom:-40px}.mock-browser{width:470px;right:50%;transform:translateX(50%)}.mock-phone{right:3%}.chip-seo{left:1%}.chip-lead{left:3%}.root-trust-strip .container{overflow:auto;justify-content:flex-start;min-height:64px}.root-trust-strip span{white-space:nowrap}.root-section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.root-section-heading>.text-link{margin:0}.demo-grid,.problem-grid,.pricing-grid,.steps-grid{grid-template-columns:1fr}.demo-card:last-child,.problem-grid article:last-child{grid-column:auto}.steps-grid article{border-right:0;border-bottom:1px solid var(--line)}.steps-grid article:last-child{border-bottom:0}.seo-grid{grid-template-columns:1fr}.seo-list{grid-template-columns:1fr}.ai-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.domain-card{grid-template-columns:1fr;padding:35px}.domain-examples{min-width:0}.root-final-card{grid-template-columns:1fr;padding:38px}.root-final-actions{align-items:flex-start}.root-final-actions .button{width:100%}.directory-site .footer-top{grid-template-columns:1fr 1fr}.directory-site .footer-note{grid-column:1/-1}.dash-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:520px){.container{width:calc(100% - 32px)}.root-hero{padding-top:35px}.root-badge{font-size:.54rem}.root-hero h1{font-size:2.75rem}.root-hero-actions{flex-direction:column;align-items:stretch}.root-hero-actions .button{width:100%}.root-device-stage{min-height:320px;transform:scale(.68);width:500px;left:50%;margin-left:-250px;margin-bottom:-110px}.root-section{padding-block:62px}.demo-grid{gap:16px}.demo-screen{height:235px}.demo-hero-block{height:128px}.root-section-heading h2{font-size:2.05rem}.problem-grid article{padding:24px}.theme-grid{grid-template-columns:1fr}.industry-grid{grid-template-columns:1fr}.ai-panel{padding:18px}.ai-panel label{grid-template-columns:1fr;gap:5px}.dash-stats{grid-template-columns:1fr}.dash-chart{height:110px}.domain-card{padding:28px 22px}.price-card{padding:25px 22px}.root-final-card{padding:31px 24px}.root-final h2{font-size:2.1rem}.directory-site .footer-top{grid-template-columns:1fr}.root-directory .search-form{display:grid;grid-template-columns:auto 1fr}.root-directory .search-form .button{grid-column:1/-1;width:100%}}
.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.demo-card{overflow:hidden;border:1px solid rgba(20,30,45,.1);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(14,27,42,.06);transition:transform .2s ease,box-shadow .2s ease}.demo-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(14,27,42,.12)}.demo-card-image{position:relative;display:block;aspect-ratio:1.52;background:#142033;overflow:hidden}.demo-card-image img{display:block;width:100%;height:100%;object-fit:cover}.demo-theme-tag{position:absolute;left:14px;bottom:14px;padding:7px 11px;border-radius:999px;background:rgba(10,20,34,.78);color:#fff;font-size:.75rem;font-weight:700;backdrop-filter:blur(6px)}.demo-card-body{padding:20px}.demo-card-body h3{margin:6px 0 9px}.demo-card-body p{min-height:3.3em}.demo-empty{margin-top:32px}.demo-card-body .text-link{display:inline-flex;margin-top:8px}
@media(max-width:1000px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:600px){.demo-grid{grid-template-columns:1fr;gap:14px}.demo-card{border-radius:16px}.demo-card-body{padding:17px}}