.app-icon{display:inline-grid;place-items:center;flex-shrink:0}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.app-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.app-card:after{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--app-tint,rgba(99,102,241,.12)) 0,transparent 62%);pointer-events:none}.app-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--app-line,var(--line))}.app-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-card-head{display:flex;align-items:center;gap:12px}.app-card .app-name{margin:0;font-size:17px;letter-spacing:-.01em;font-weight:600}.app-card .tagline{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.app-card ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:7px;gap:7px;font-size:13.5px;color:var(--ink-2)}.app-card ul li{display:flex;gap:8px;align-items:flex-start;line-height:1.4}.app-card ul li svg{flex-shrink:0;margin-top:2px}.app-card .more{margin-top:auto;font-size:13.5px;font-weight:500;color:var(--primary-700);display:inline-flex;align-items:center;gap:6px}.app-card:hover .more svg{transform:translateX(2px)}.app-card .more svg{transition:transform .15s ease}.app-card .badge{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px 8px}.app-card.compact{padding:18px;gap:10px}.app-card.compact .app-name{font-size:15.5px}.app-card.compact .tagline{font-size:13px}.app-card .why{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.pg-apps .apps-hero{padding:72px 0 36px;text-align:center;position:relative;overflow:hidden}.pg-apps .apps-hero .container{position:relative;z-index:2}.pg-apps .apps-hero h1{max-width:15ch;margin:16px auto 0}.pg-apps .apps-hero .lead{margin:20px auto 0}.pg-apps .icon-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:760px;margin:36px auto 0}.pg-apps .icon-cloud a{border-radius:12px;transition:transform .15s ease}.pg-apps .icon-cloud a:hover{transform:translateY(-2px) scale(1.04)}.pg-apps .cat-nav{position:-webkit-sticky;position:sticky;top:57px;z-index:20;background:color-mix(in oklab,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-2)}.pg-apps .cat-nav-inner{display:flex;gap:6px;overflow-x:auto;padding:10px 24px;max-width:var(--maxw);margin:0 auto;scrollbar-width:none}.pg-apps .cat-nav-inner::-webkit-scrollbar{display:none}.pg-apps .cat-nav a{white-space:nowrap;font-size:13.5px;padding:7px 12px;border-radius:999px;color:var(--ink-2);border:1px solid transparent}.pg-apps .cat-nav a:hover{background:var(--surface-2);border-color:var(--line)}.pg-apps .cat-nav a span{color:var(--muted-2);font-family:var(--font-mono);font-size:11.5px;margin-left:4px}.pg-apps .cat-section{padding:56px 0 8px;scroll-margin-top:110px}.pg-apps .cat-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.pg-apps .cat-head p{margin:6px 0 0;color:var(--muted);font-size:15px}.pg-app .app-hero{padding:56px 0 40px;position:relative;overflow:hidden}.pg-app .app-hero .container{position:relative;z-index:2}.pg-app .crumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);flex-wrap:wrap}.pg-app .crumbs a:hover{color:var(--primary)}.pg-app .app-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-gap:56px;gap:56px;align-items:center;margin-top:28px}.pg-app .app-title{display:flex;align-items:center;gap:16px;margin-top:4px}.pg-app .app-hero h1{margin:0}.pg-app .app-hero .lead{margin:18px 0 0;color:var(--ink-2);font-size:20px}.pg-app .app-hero .desc{margin:14px 0 0;color:var(--muted);font-size:15.5px;max-width:60ch}.pg-app .app-hero .row{margin-top:28px}.pg-app .needs{margin-top:18px;font-size:13px;color:var(--muted)}.pg-app .needs a{color:var(--primary-700);font-weight:500}.app-window{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;display:grid;grid-template-columns:200px minmax(0,1fr);min-height:340px}.app-window .bar{grid-column:1/-1;display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}.app-window .bar i{width:9px;height:9px;border-radius:50%;background:var(--line);display:block}.app-window .bar .addr{margin-left:10px;font-family:var(--font-mono);font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-window .win-side{border-right:1px solid var(--line);padding:14px 10px;background:color-mix(in oklab,var(--surface-2) 55%,var(--surface))}.app-window .side-app{display:flex;align-items:center;gap:9px;font-weight:600;font-size:13.5px;padding:2px 6px 12px}.app-window .side-sec{margin-top:10px}.app-window .side-sec .sec-label{margin:0 0 4px;padding:0 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-weight:500}.app-window .side-sec ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:1px;gap:1px}.app-window .side-sec li{font-size:12.5px;padding:5px 8px;border-radius:7px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-window .side-sec li.on{background:var(--win-tint,var(--tint-2));color:var(--win-ink,var(--primary-700));font-weight:500}.app-window .win-body{padding:18px;display:grid;grid-gap:12px;gap:12px;align-content:start}.app-window .ph-title{height:12px;width:40%;border-radius:6px;background:var(--ink-2);opacity:.85}.app-window .ph-row{display:grid;grid-template-columns:22px 1fr 60px;grid-gap:10px;gap:10px;align-items:center;padding:10px;border:1px solid var(--line-2);border-radius:10px}.app-window .ph-row .dot{width:22px;height:22px;border-radius:7px}.app-window .ph-row .ln{height:8px;border-radius:4px;background:var(--line)}.app-window .ph-row .ln.s{width:60%;margin-top:6px;background:var(--line-2)}.app-window .ph-row .pill-ph{height:18px;border-radius:999px}.pg-app .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:36px}.pg-app .feature{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px}.pg-app .feature .ck{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;margin-bottom:12px}.pg-app .feature h3{font-size:16px;margin:0 0 6px;letter-spacing:-.01em;font-weight:600}.pg-app .feature p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.pg-app .how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:56px;gap:56px;align-items:center}.pg-app .menu-cards{list-style:none;padding:0;margin:0;display:grid;grid-gap:12px;gap:12px}.pg-app .menu-card{display:grid;grid-template-columns:36px minmax(0,1fr);grid-gap:14px;gap:14px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}.pg-app .menu-card .n{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:500;background:var(--tint-2);color:var(--primary-700)}.pg-app .menu-card h3{margin:0 0 3px;font-size:16px;font-weight:600}.pg-app .menu-card p{margin:0;color:var(--muted);font-size:14px}.pg-app .chips{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px}.pg-app .chips li{font-size:12.5px;font-weight:500;padding:4px 10px;border-radius:999px;color:var(--ink-2);border:1px solid transparent}.pg-app .with-group+.with-group{margin-top:32px}.pg-app .with-group h3.sub{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-weight:500}.pg-app .industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:32px}.pg-app .industry{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}.pg-app .industry h3{margin:0;font-size:15.5px;font-weight:600}.pg-app .industry p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}.pg-app .industry a{margin-top:auto;padding-top:6px;font-size:13px;color:var(--primary-700);font-weight:500}.cat-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:40px}.cat-tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cat-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:color-mix(in oklab,var(--primary) 25%,var(--line))}.cat-tile h3{margin:0;font-size:15.5px;font-weight:600}.cat-tile p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.cat-tile .icons{display:flex;flex-wrap:wrap;gap:6px}.cat-tile .count{margin-top:auto;font-family:var(--font-mono);font-size:11.5px;color:var(--muted);letter-spacing:.04em}.builder{margin-top:80px;display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:28px;gap:28px;align-items:start;scroll-margin-top:80px}.builder-head{grid-column:1/-1;text-align:center}.builder-head .lead{margin:12px auto 0}.builder-cats{display:grid;grid-gap:22px;gap:22px}.builder-cat h3{margin:0 0 10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}.builder-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.app-pick{display:flex;align-items:center;gap:10px;text-align:left;width:100%;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.app-pick:hover{border-color:color-mix(in oklab,var(--primary) 35%,var(--line))}.app-pick:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-pick .nm{font-size:14px;font-weight:500;line-height:1.2}.app-pick .sub{font-size:11.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-pick .tick{margin-left:auto;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line);flex-shrink:0;display:grid;place-items:center;color:#fff}.app-pick[aria-pressed=true]{border-color:var(--primary);background:linear-gradient(180deg,var(--surface),#FAFAFF);box-shadow:var(--shadow-glow)}.app-pick[aria-pressed=true] .tick{background:var(--primary);border-color:var(--primary)}.app-pick.auto{border-style:dashed;background:var(--surface-2)}.app-pick.auto .tick{background:var(--muted-2);border-color:var(--muted-2)}.app-pick:disabled{cursor:default}.builder-summary{position:-webkit-sticky;position:sticky;top:84px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow-md)}.builder-summary h3{margin:0;font-size:18px;letter-spacing:-.01em}.builder-summary .empty{color:var(--muted);font-size:14px;margin:10px 0 0}.builder-summary ul{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-gap:8px;gap:8px}.builder-summary li{display:flex;align-items:center;gap:10px;font-size:14px}.builder-summary li .why{margin-left:auto;font-size:11.5px;color:var(--muted);text-align:right}.builder-summary li .amt{margin-left:auto;font-family:var(--font-mono);font-size:13px}.builder-summary .group-label{margin-top:16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.builder-summary .total{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-weight:600}.builder-summary .total span:last-child{font-size:22px;letter-spacing:-.02em}.builder-summary .btn{width:100%;justify-content:center;margin-top:18px}.builder-summary .fine{margin:10px 0 0;font-size:12px;color:var(--muted);text-align:center}.builder-summary .clear{background:none;border:0;padding:0;font:inherit;font-size:12.5px;color:var(--muted);cursor:pointer;text-decoration:underline}@media (max-width:1080px){.builder{grid-template-columns:minmax(0,1fr)}.builder-summary{position:static}}@media (max-width:960px){.app-grid,.pg-app .feature-grid,.pg-app .industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-app .app-hero-grid,.pg-app .how{grid-template-columns:minmax(0,1fr);gap:36px}.builder-apps,.cat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.app-grid,.builder-apps,.pg-app .feature-grid,.pg-app .industry-grid{grid-template-columns:minmax(0,1fr)}.cat-tiles{grid-template-columns:1fr 1fr;gap:10px}.cat-tile{padding:14px}.cat-tile p{display:none}.app-window{grid-template-columns:150px minmax(0,1fr);min-height:300px}.app-window .win-body{padding:12px}.pg-apps .apps-hero{padding:48px 0 24px}.pg-apps .cat-nav{top:57px}.pg-app .app-hero .lead{font-size:18px}}