:root{color-scheme:light;--ink:#111a35;--muted:#66718b;--blue:#2363ee;--blue-dark:#154fcf;--line:#e1e7f2;--paper:#fbfcff;--white:#fff;--lavender:#f1f3ff;--font:var(--cf-font-sans,'ClearFrame Sans',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8cb3ff;outline-offset:3px}.skip{position:fixed;top:-80px;left:20px;z-index:100;padding:10px 14px;background:white;border:1px solid var(--line);border-radius:8px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.store-wrap{width:min(1360px,calc(100% - 80px));margin-inline:auto}.store-header{position:sticky;top:0;z-index:20;background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.store-nav{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}.store-brand{display:inline-flex;align-items:center;justify-self:start;gap:10px;font-size:21px;letter-spacing:-.7px}.store-brand>img{width:42px;height:38px;object-fit:contain}.store-brand strong{font-weight:690}.store-brand>span{height:24px;width:1px;background:#d8dfec;margin-inline:2px}.store-brand em{font-style:normal;font-weight:450;color:#5c6781}.store-nav nav{display:flex;align-self:stretch;gap:38px;color:#56617b;font-size:14px;font-weight:540}.store-nav nav a{display:flex;align-items:center;border-bottom:3px solid transparent;padding-top:3px}.store-nav nav a:hover,.store-nav nav a[aria-current=page]{color:var(--blue);border-color:var(--blue)}.open-clearframe{justify-self:end;padding:10px 18px;border-radius:10px;background:var(--blue);color:white;font-size:14px;font-weight:600;box-shadow:0 5px 14px #2363ee20}.open-clearframe:hover{background:var(--blue-dark)}
.store-hero{min-height:370px;margin-top:22px;border:1px solid #e5e9f5;border-radius:25px;background:#f2f5ff;display:grid;grid-template-columns:1.02fr .98fr;overflow:hidden}.hero-copy{padding:48px 0 40px 62px;position:relative;z-index:2}.store-eyebrow{margin:0 0 13px;color:#63739a;font-size:10px;line-height:1.4;font-weight:690;letter-spacing:2px}.hero-copy h1{font-size:clamp(46px,4.45vw,67px)!important;line-height:.98!important;letter-spacing:-3.7px!important;margin:0 0 17px;font-weight:690!important}.hero-copy>p:not(.store-eyebrow){margin:0;color:#697590;font-size:17px;line-height:1.5}.store-search{width:min(570px,calc(100% + 40px));height:62px;margin-top:28px;padding:0 8px 0 20px;display:flex;align-items:center;gap:14px;background:white;border:1px solid #cfdbf2;border-radius:14px;box-shadow:0 8px 30px #3e64a50a}.store-search>img{opacity:.62}.store-search input{border:0;outline:0;background:transparent;color:var(--ink);font-size:15px!important;font-weight:450!important;min-width:0;flex:1}.store-search input::placeholder{color:#7a87a4}.store-search button{width:44px;height:44px;border:0;border-radius:11px;background:#eef3ff;display:grid;place-items:center}.store-search button img{width:20px;filter:invert(34%) sepia(90%) saturate(2392%) hue-rotate(214deg) brightness(96%)}.store-search button:hover{background:#dfe9ff}.hero-art{position:relative;min-height:370px}.hero-character{position:absolute;width:400px;height:300px;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-49%);filter:drop-shadow(0 20px 22px #315da11d)}.orbit{position:absolute;width:62px;height:62px;object-fit:contain;padding:15px;border-radius:18px;background:white;border:1px solid #e4e9f4;box-shadow:0 13px 28px #31527f12}.orbit-github{left:8%;top:18%}.orbit-notion{right:11%;top:11%}.orbit-slack{right:5%;bottom:16%;color:#4a6edb}.orbit-drive{left:12%;bottom:13%}
.use-cases,.popular{padding-top:34px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 8px 16px}.section-title .store-eyebrow{margin-bottom:5px}.section-title h2{font-size:25px!important;line-height:1.2!important;letter-spacing:-.9px!important;margin:0}.text-action{border:0;background:transparent;color:var(--blue);font-size:13px;font-weight:600;padding:8px}.text-action:hover{text-decoration:underline}.use-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.use-case{min-width:0;border:1px solid #e4e9f2;border-radius:18px;padding:22px 16px 15px}.use-case-build{background:#edf3ff}.use-case-organize{background:#fff8e9}.use-case-data{background:#eefbf6}.use-case-day{background:#f4f0ff}.category-icon{width:46px;height:46px;object-fit:contain;padding:10px;background:#ffffffb8;border:1px solid #ffffffdd;border-radius:14px;filter:invert(34%) sepia(88%) saturate(1858%) hue-rotate(208deg) brightness(98%)}.use-case-organize .category-icon{filter:invert(73%) sepia(83%) saturate(975%) hue-rotate(342deg) brightness(102%)}.use-case-data .category-icon{filter:invert(57%) sepia(58%) saturate(838%) hue-rotate(104deg) brightness(93%)}.use-case-day .category-icon{filter:invert(43%) sepia(72%) saturate(1070%) hue-rotate(208deg) brightness(99%)}.use-case h3{font-size:21px!important;line-height:1.25!important;letter-spacing:-.7px!important;margin:14px 4px 2px}.use-case>p{font-size:13px;color:#697591;margin:0 4px 16px}.use-case>button{width:100%;height:46px;padding:0 10px;border:0;border-top:1px solid #e9edf4;background:#ffffffc7;display:grid;grid-template-columns:30px 1fr auto;align-items:center;text-align:left;color:#42516d;font-size:12px;font-weight:520}.use-case>button:first-of-type{border-radius:12px 12px 0 0;border-top:0}.use-case>button:last-child{border-radius:0 0 12px 12px}.use-case>button:hover{background:white;color:var(--blue)}.use-case button img{width:24px;height:24px;object-fit:contain;padding:3px}.use-case button span{font-size:17px;color:var(--blue)}
.popular{padding-bottom:56px}.popular-title{align-items:center;margin-top:0}.popular-title h2{font-size:25px!important}.popular-title p{color:#68758f;font-size:13px;margin:2px 0 0}.addition-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.addition-card{min-width:0;display:grid;grid-template-rows:auto auto 1fr auto;padding:17px 14px 14px;border:1px solid var(--line);border-radius:16px;background:white;transition:transform .18s,border-color .18s,box-shadow .18s}.addition-card:hover{transform:translateY(-2px);border-color:#c2d2ee;box-shadow:0 12px 28px #3256840b}.addition-card .app-icon{width:59px;height:59px;display:grid;place-items:center;border:1px solid #e5eaf2;border-radius:16px;background:#fbfcff;box-shadow:0 6px 15px #334e7409}.addition-card .app-icon img{width:38px;height:38px;object-fit:contain}.addition-card h3{font-size:15px!important;line-height:1.3!important;letter-spacing:-.25px!important;margin:14px 0 4px}.addition-card p{font-size:12px;line-height:1.42;color:#68758f;margin:0 0 15px}.get-button{width:100%;height:33px;border:0;border-radius:999px;background:#eaf1ff;color:var(--blue);font-size:12px;font-weight:700}.get-button:hover{background:var(--blue);color:white}.search-summary{margin:0 8px 15px;color:#66738e;font-size:13px}.no-results{text-align:center;padding:34px 20px;border:1px solid var(--line);border-radius:18px;background:white}.no-results img{object-fit:contain}.no-results h3{margin:4px 0;font-size:20px!important}.no-results p{margin:0 0 16px;color:var(--muted);font-size:13px}.no-results button{border:0;border-radius:999px;background:#eaf1ff;color:var(--blue);padding:9px 17px;font-size:12px;font-weight:650}
.store-footer{min-height:96px;border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;color:#6d7890;font-size:12px}.footer-brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:650;font-size:14px}.store-footer nav{margin-left:auto;display:flex;gap:22px}.store-footer a:hover{color:var(--blue)}
dialog{border:0;padding:0;border-radius:22px;color:var(--ink);background:white;box-shadow:0 30px 100px #18345c33}dialog::backdrop{background:#15234054;backdrop-filter:blur(7px)}.detail-dialog{width:min(550px,calc(100% - 28px));padding:32px}.dialog-close{position:absolute;right:17px;top:15px;width:36px;height:36px;border:0;border-radius:50%;background:#f0f3f8;color:#67748c;font-size:23px;line-height:1}.dialog-close:hover{background:#e5ebf4;color:var(--ink)}.detail-heading{display:flex;gap:17px;align-items:center;padding-right:38px}.detail-icon{width:70px;height:70px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:18px;background:#fbfcff}.detail-icon img{width:44px;height:44px}.detail-heading h2{font-size:28px!important;line-height:1.1!important;margin:2px 0 4px}.detail-heading p{margin:0;color:#748099;font-size:11px}.detail-heading #detail-kind{color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:1.2px}.detail-description{color:#57657e;line-height:1.65;font-size:14px;margin:25px 0}.detail-examples,.detail-access{border-top:1px solid var(--line);padding-top:18px}.detail-examples h3,.detail-access h3{font-size:12px!important;line-height:1.3!important;letter-spacing:0!important;margin:0 0 10px}.detail-examples>div{display:flex;gap:8px;flex-wrap:wrap}.detail-examples button{border:1px solid #dce5f4;border-radius:999px;background:#f6f9ff;color:#4c6285;padding:7px 11px;font-size:11px}.detail-access{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.detail-access p{font-size:12px;line-height:1.5;color:#6c7890;margin:0}.detail-get,.install-primary{width:100%;height:46px;border:0;border-radius:999px;background:var(--blue);color:white;font-weight:700;margin-top:24px;display:flex;align-items:center;justify-content:center}.detail-get:hover,.install-primary:hover{background:var(--blue-dark)}.detail-note{text-align:center;color:#7d879b;font-size:10px;margin:10px 0 0}.install-dialog{width:min(430px,calc(100% - 28px));padding:30px;text-align:center}.install-character{display:block;margin:-6px auto -2px;object-fit:contain}.install-dialog h2{font-size:27px!important;line-height:1.2!important;margin:0 0 8px}.install-dialog>p:not(.store-eyebrow):not(.copy-status){color:#69758c;font-size:13px;line-height:1.55}.install-primary{margin-top:20px}.install-secondary{border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:650;padding:12px;margin-top:3px}.copy-status{min-height:18px;color:#33734e!important;margin:0!important;font-size:11px!important}
@media(max-width:1100px){.store-wrap{width:min(960px,calc(100% - 48px))}.store-hero{grid-template-columns:1.12fr .88fr}.hero-copy{padding-left:42px}.hero-character{width:330px}.orbit{width:53px;height:53px}.use-case-grid{grid-template-columns:repeat(2,1fr)}.addition-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){html{scroll-padding-top:70px}.store-wrap{width:calc(100% - 28px)}.store-nav{height:65px;grid-template-columns:1fr auto}.store-brand{font-size:18px}.store-brand>img{width:34px;height:31px}.store-brand em,.store-brand>span{display:none}.store-nav nav{display:none}.open-clearframe{padding:8px 12px;font-size:12px}.store-hero{margin-top:12px;display:block;min-height:0;border-radius:20px}.hero-copy{padding:33px 22px 28px}.hero-copy h1{font-size:43px!important;letter-spacing:-2.5px!important}.hero-copy>p:not(.store-eyebrow){font-size:15px}.store-search{width:100%;height:55px;padding-left:15px}.hero-art{min-height:245px}.hero-character{width:290px;height:218px}.orbit{width:47px;height:47px;padding:12px}.use-cases,.popular{padding-top:27px}.section-title{align-items:start;margin-inline:3px}.section-title .store-eyebrow{display:none}.section-title h2,.popular-title h2{font-size:22px!important}.text-action{font-size:11px}.use-case-grid{grid-template-columns:1fr}.use-case{padding:17px 14px 13px}.use-case h3{margin-top:9px}.category-icon{width:41px;height:41px}.addition-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding:2px 2px 14px;margin-inline:-2px}.addition-card{min-width:176px;scroll-snap-align:start}.store-footer{min-height:110px;flex-wrap:wrap;padding-block:25px}.store-footer p{display:none}.store-footer nav{width:100%;margin:0}.detail-dialog,.install-dialog{padding:25px 20px}.detail-access{grid-template-columns:1fr}.detail-heading h2{font-size:24px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.addition-card{transition:none}}
.addition-card .app-icon img.character-icon{width:54px;height:44px}
.store-types{display:flex;gap:7px;overflow:auto;margin:0 8px 15px;padding-bottom:2px}.store-types button{flex:none;border:1px solid var(--line);border-radius:999px;background:white;color:#65718a;padding:7px 13px;font-size:11px;font-weight:600}.store-types button[aria-pressed=true]{border-color:#a9c0f4;background:#eaf1ff;color:var(--blue)}
@media(min-width:721px){.store-hero{min-height:340px}.hero-copy{padding-top:42px;padding-bottom:36px}.hero-art{min-height:340px}.hero-character{width:370px;height:278px}.use-cases{padding-top:26px}.use-case{padding:18px 14px 13px}.category-icon{width:42px;height:42px}.use-case h3{margin-top:10px}.use-case>p{margin-bottom:12px}.use-case>button{height:42px}.popular{padding-top:24px}}
@media(min-width:721px){.addition-card{min-height:120px;padding:12px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto 1fr auto;column-gap:10px}.addition-card .app-icon{grid-row:1/4;width:52px;height:52px}.addition-card .app-icon img{width:34px;height:34px}.addition-card h3{margin:2px 0 2px}.addition-card p{margin:0;font-size:11px;line-height:1.35}.addition-card .get-button{width:84px;height:28px;justify-self:end}}

/* Store collections stay focused on familiar jobs; the registry is visibly a
   second source, rather than being mixed into a single unlabelled card wall. */
.outcome-rail-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.outcome-rail{min-width:0;min-height:104px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px 14px;border:1px solid #e4e9f2;border-radius:17px;background:#fff;text-align:left;color:var(--ink);transition:transform .18s,border-color .18s,box-shadow .18s}.outcome-rail:hover{transform:translateY(-2px);border-color:#c2d2ee;box-shadow:0 12px 28px #3256840b}.outcome-rail>img{width:38px;height:38px;object-fit:contain;padding:7px;border:1px solid #e8edf6;border-radius:12px;background:#fbfcff}.outcome-rail span{min-width:0;display:grid;gap:3px}.outcome-rail small,.result-kicker{color:#63739a;font-size:9px;font-weight:700;letter-spacing:1.2px;line-height:1.2}.outcome-rail strong{font-size:14px;line-height:1.25;letter-spacing:-.2px}.outcome-rail em{overflow:hidden;color:#69758f;font-size:11px;font-style:normal;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.outcome-rail>b{color:var(--blue);font-size:18px;font-weight:500}.outcome-rail-build{background:#edf3ff}.outcome-rail-knowledge{background:#fff8e9}.outcome-rail-data{background:#eefbf6}.outcome-rail-day{background:#f4f0ff}
.result-shelf{margin-top:17px;padding:17px;border:1px solid var(--line);border-radius:20px;background:#fff}.result-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 2px 10px}.result-shelf-heading h3{margin:3px 0 0;font-size:17px!important;line-height:1.2!important;letter-spacing:-.4px!important}.result-shelf-heading>span{color:#71809b;font-size:11px;white-space:nowrap}.registry-shelf{background:#f7f9ff;border-color:#dce5f6}.registry-explainer{max-width:700px;margin:0 2px 14px;color:#69758f;font-size:12px;line-height:1.45}.registry-browse,.registry-more{border:1px solid #cbd9f4;border-radius:999px;background:#fff;color:var(--blue);font-size:11px;font-weight:700;padding:8px 12px}.registry-browse:hover,.registry-more:hover{border-color:#97b4ee;background:#eaf1ff}.registry-more{display:block;margin:14px auto 0}.registry-grid:empty{display:none}
.addition-card{position:relative;min-height:128px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;gap:10px;padding:12px}.addition-card .app-icon{grid-row:auto;width:52px;height:52px}.addition-card .card-copy{min-width:0;align-self:center}.addition-card .card-copy h3{margin:2px 0 3px;font-size:14px!important;line-height:1.25!important;letter-spacing:-.2px!important}.addition-card .card-copy p{display:-webkit-box;overflow:hidden;margin:0;color:#68758f;font-size:11px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.capability-badge{display:inline-flex;max-width:100%;margin-bottom:4px;overflow:hidden;border:1px solid #d9e3f5;border-radius:999px;background:#f5f8ff;color:#526d9f;font-size:9px;font-weight:700;letter-spacing:.35px;line-height:1;padding:4px 6px;text-overflow:ellipsis;white-space:nowrap}.capability-badge[data-state="official"]{border-color:#bfd2f8;background:#eaf1ff;color:#2363ee}.capability-badge[data-state="manual"]{border-color:#e4d8b7;background:#fff9e9;color:#8a6a18}.capability-badge[data-state="native"]{border-color:#bce7d7;background:#effbf6;color:#207354}.addition-card .get-button{width:auto;min-width:76px;height:29px;align-self:end;justify-self:end;margin:0;padding-inline:10px}.registry-card{border-style:dashed;border-color:#cbd8ed}.registry-card .app-icon{background:#f6f8fc}.registry-card .get-button{background:#fff;color:#2763dd;border:1px solid #cbd9f4}.registry-card .get-button:hover{background:#eaf1ff;color:#154fcf}.addition-card[role="button"]:focus-visible{outline:3px solid #8cb3ff;outline-offset:3px}
.detail-access{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.detail-links a{border:1px solid #dce5f4;border-radius:999px;background:#f6f9ff;color:#4c6285;padding:7px 11px;font-size:11px;font-weight:650}.detail-links a:hover{color:var(--blue);border-color:#b9cae9}
@media(max-width:1100px){.outcome-rail-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.outcome-rail-list{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;margin-inline:-2px}.outcome-rail{min-width:250px;scroll-snap-align:start}.result-shelf{margin-inline:-1px;padding:14px;border-radius:17px}.result-shelf-heading{align-items:start}.result-shelf-heading h3{font-size:16px!important}.addition-grid{margin-inline:0}.addition-card{min-width:242px;grid-template-columns:48px minmax(0,1fr) auto;min-height:110px}.addition-card .app-icon{width:48px;height:48px}.addition-card .get-button{min-width:64px;padding-inline:8px}.detail-access{grid-template-columns:1fr}.registry-browse{padding:7px 10px}}
.addition-grid[hidden],.result-shelf[hidden],.registry-more[hidden],.no-results[hidden]{display:none}
.detail-get[hidden]{display:none}

/* Keep the capability label and provider name legible when a precise action
   such as “View remote setup” is longer than an App Store-style GET button. */
.addition-card{grid-template-columns:52px minmax(0,1fr);grid-template-rows:minmax(52px,1fr) auto;align-items:stretch}
.addition-card .app-icon{grid-column:1;grid-row:1/3;align-self:center}
.addition-card .card-copy{grid-column:2;grid-row:1;align-self:center}
.addition-card .get-button{grid-column:2;grid-row:2;align-self:end;justify-self:start;min-width:0;white-space:nowrap}
@media(max-width:720px){.addition-card{grid-template-columns:48px minmax(0,1fr);grid-template-rows:minmax(48px,1fr) auto}}