.theme-mint{--feature-soft:#dff9ee;--feature-accent:#087f68;--feature-dot:#9deacb}.theme-violet{--feature-soft:#eeebff;--feature-accent:#7254cc;--feature-dot:#cec3ff}.theme-peach{--feature-soft:#fff0e7;--feature-accent:#ad5430;--feature-dot:#ffd2ad}.theme-pink{--feature-soft:#ffeaf2;--feature-accent:#b54072;--feature-dot:#ffc4dc}.theme-sky{--feature-soft:#e3f2ff;--feature-accent:#006fd6;--feature-dot:#b8dfff}.feature-landing{min-height:100svh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(ellipse at 18% 12%,var(--feature-soft),transparent 60%),#f3f6fa}.feature-landing-card{width:min(100%,520px);padding:18px 28px 14px;border:1px solid #e2e9f1;border-radius:30px;background:#fff;box-shadow:0 18px 70px #183c6310}.feature-landing-brand{display:flex;align-items:center;justify-content:space-between;gap:10px}.feature-landing-brand>a{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.feature-directory-brand img,.feature-landing-brand img{border-radius:10px}.feature-landing-brand strong{font-size:21px;letter-spacing:-.6px}.feature-landing-brand>span{max-width:155px;color:#697789;font-size:11px;text-align:right;line-height:1.4}.feature-landing-heading{margin-top:16px}.feature-landing-eyebrow{margin:0 0 8px;color:var(--feature-accent);font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.feature-landing-heading h1{margin:0;white-space:pre-line;font-size:clamp(31px,7.6vw,43px);font-weight:750;line-height:1.03;letter-spacing:-.045em}.feature-landing-description{margin:10px 0 0;color:#546173;font-size:14px;line-height:1.5}.feature-landing-demo{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 16px 10px;margin-top:14px;border-radius:20px;overflow:hidden;background:var(--feature-soft)}.feature-landing-demo:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-35px;top:-48px;background:var(--feature-dot)}.feature-landing-demo figure{position:relative;min-width:0;margin:0}.feature-landing-screen{height:136px;overflow:hidden;border:4px solid #fff;border-radius:14px;background:#f4faff;box-shadow:0 7px 15px #29466013}.feature-landing-screen img{display:block;width:100%;height:100%;object-fit:cover}.feature-landing-demo figcaption{display:flex;align-items:center;gap:5px;margin-top:9px;color:#344d61;font-size:10px;font-weight:650;line-height:1.3}.feature-landing-demo figcaption span{display:grid;place-items:center;flex:0 0 17px;height:17px;border-radius:50%;background:#fff;color:var(--feature-accent);font-size:10px}.feature-landing-detail{margin:9px 0 0;color:#7b8796;font-size:10px;text-align:center;line-height:1.4}.feature-landing-about{margin-top:13px}.feature-landing-about-label{margin:0 0 5px;color:#253448;font-size:12px;font-weight:750}.feature-landing-about>p:last-child{margin:0;color:#697789;font-size:12px;line-height:1.5}.feature-landing-downloads{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:15px}.feature-store-link{display:inline-flex;flex:1;min-width:0;max-width:152px;align-items:center;justify-content:center;min-height:48px}.feature-store-link img{display:block;width:auto;height:43px;max-width:100%;object-fit:contain}.feature-landing-links a:focus-visible,.feature-store-link:focus-visible{outline:3px solid #0088ff;outline-offset:3px;border-radius:5px}.feature-landing-links{display:flex;justify-content:space-between;gap:12px;margin-top:10px;padding-top:12px;border-top:1px solid #edf0f4}.feature-landing-links a{color:#006fd6;font-size:11px;font-weight:650;text-decoration:none}.feature-landing-links a:hover{text-decoration:underline}.feature-directory{max-width:1100px;margin:auto;padding:28px 5vw 56px}.feature-directory>header{display:flex;justify-content:space-between;align-items:center;gap:16px}.feature-directory-brand{display:flex;align-items:center;gap:9px;font-size:23px;text-decoration:none}.feature-directory>footer a,.feature-directory>header>a:last-child{color:#006fd6;font-size:13px;text-decoration:none}.feature-directory-intro{max-width:670px;padding:68px 0 38px}.feature-directory-intro h1{margin:16px 0;font-size:clamp(43px,7vw,72px);line-height:1;letter-spacing:-.05em}.feature-directory-intro>p:last-child{color:#697789;font-size:17px;line-height:1.7}.feature-directory-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-directory-tile{display:flex;flex-direction:column;padding:28px;border-radius:24px;background:var(--feature-soft);text-decoration:none;transition:transform .15s ease}.feature-directory-tile:hover{transform:translateY(-3px)}.feature-directory-tile>span:first-child{display:flex;justify-content:space-between;color:var(--feature-accent);font-size:12px;font-weight:750}.feature-directory-tile h2{margin:32px 0 12px;font-size:32px;letter-spacing:-.035em;line-height:1.1}.feature-directory-tile p{margin:0 0 25px;color:#546173;font-size:14px;line-height:1.6}.feature-directory-url{margin-top:auto;color:var(--feature-accent);font-size:11px;overflow-wrap:anywhere}.feature-directory>footer{padding-top:30px}@media (max-width:560px){.feature-landing{padding:12px}.feature-landing-card{padding:19px 20px 15px;border-radius:24px}.feature-landing-heading{margin-top:18px}.feature-landing-heading h1{font-size:34px}.feature-landing-description{font-size:13px}.feature-landing-demo{margin-top:15px;gap:11px;padding:12px;border-radius:17px}.feature-landing-screen{height:150px}.feature-landing-demo figcaption{font-size:9px}.feature-landing-about{margin-top:13px}.feature-directory-grid{grid-template-columns:1fr}}@media (max-height:700px) and (max-width:560px){.feature-landing{padding:8px}.feature-landing-card{padding:14px 18px 12px}.feature-landing-heading{margin-top:13px}.feature-landing-heading h1{font-size:31px}.feature-landing-screen{height:120px}.feature-landing-demo{margin-top:12px}.feature-landing-about>p:last-child{font-size:11px}.feature-landing-downloads{margin-top:9px}}@media (max-height:700px) and (max-width:360px){.feature-landing-heading{margin-top:10px}.feature-landing-description{font-size:12px}.feature-landing-screen{height:100px}}@media (prefers-reduced-motion:reduce){.feature-directory-tile{transition:none}}