/* The same quiet stage for every approved vendor mark. */
.tool-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;width:100%;margin:42px auto 56px;max-width:1040px}
.tool-gallery-item{flex:0 1 210px;min-width:0;text-decoration:none;color:var(--ink);position:relative}
.tool-logo-tile{display:flex;align-items:center;justify-content:center;aspect-ratio:1.25;background:#f1efec;border-radius:30px;padding:30px;position:relative;transition:background 180ms ease,transform 180ms ease}
.tool-logo-tile img{width:100%;height:64px;object-fit:contain;filter:none}
.tool-logo-tile img[src$="/figma.svg"]{object-fit:cover}
.tool-gallery-label{display:flex;justify-content:center;align-items:center;gap:10px;font:400 13px/1.4 var(--sans);margin-top:18px;color:var(--ink2);text-align:center}
.tool-gallery-label>span{color:var(--ink);font-size:16px}
.tool-gallery-item:hover .tool-logo-tile{background:#e8e5df;transform:translateY(-5px)}
.tool-gallery-item:focus-visible{outline:2px solid var(--ink);outline-offset:8px;border-radius:24px}
.tool-gallery-item:nth-child(even){margin-top:24px}
.tool-gallery-item:nth-child(odd){margin-bottom:24px}
/* Home: a logo-led introduction, then tangible offers. */
.landing-v2 #benefits .scene-stage{padding-top:110px;padding-bottom:100px;gap:0;background:var(--canvas)}
.landing-v2 #benefits .scene-heading{position:static;width:90%;max-width:1000px;margin:0 auto;text-align:center}
.landing-v2 #benefits .scene-heading .benefits-eyebrow{font:500 11px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0 auto 24px;color:var(--ink2)}
.landing-v2 #benefits h2{font-size:clamp(46px,5.8vw,80px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.landing-v2 #benefits .scene-heading>p:not(.benefits-eyebrow){font-size:18px;line-height:1.6;max-width:60ch;margin:26px auto 0}
.benefits-explore{display:inline-flex;align-items:center;gap:28px;color:var(--ink);font-size:16px;text-decoration:none;min-height:48px;margin-top:26px}
.benefits-explore:hover{text-decoration:underline;text-underline-offset:5px}
.landing-v2 #benefits .tool-gallery{width:86%;margin:38px auto 66px}
.landing-v2 #benefits .benefit-preview{gap:20px}
.landing-v2 #benefits .benefit-preview-card{border:0;background:#f3f1ed;padding:30px;border-radius:24px;min-height:330px;transition:background 180ms ease}
.landing-v2 #benefits .benefit-preview-card:hover{background:#eae7e0}
.landing-v2 #benefits .benefit-preview-card>div{min-height:48px;margin-bottom:28px}
.landing-v2 #benefits .benefit-preview-card>div>span:last-child{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid var(--rule);border-radius:12px}
.landing-v2 #benefits .benefit-preview-card img{height:40px;width:125px}
.landing-v2 #benefits .benefit-preview-card h3{font-size:28px}
.landing-v2 #benefits .benefit-campus{margin-top:34px;padding:24px 0;justify-content:center}
.landing-v2 #benefits .scene-action{margin-top:20px}
/* Catalogue: repeat the mark proportions, then give the information its own space. */
.page-tools .tools-head{padding-top:145px}
.page-tools .tools-head>.label{text-align:center;margin-bottom:24px}
.page-tools .tools-intro{display:block;text-align:center}
.page-tools .tools-intro h1{font-size:clamp(54px,6vw,82px);line-height:1.02}
.page-tools .tools-intro .lede{margin:24px auto 0;max-width:54ch;font-size:18px;line-height:1.6}
.page-tools .tools-jumps{justify-content:center;margin-top:24px}
.page-tools .tool-gallery{margin:40px auto 42px;gap:24px}
.page-tools .tool-gallery-item{flex-basis:190px}
.page-tools .database-line{margin-top:0}
.page-tools .tools-catalog{background:#f3f1ed;padding-top:48px}
.page-tools .tools-controls{background:var(--canvas);border-color:transparent}
.page-tools .offer-card{border:0;border-radius:24px;padding:24px 24px 0;background:var(--canvas)}
.page-tools .offer-identity{display:block;position:relative;margin-bottom:24px}
.offer-logo-panel{display:flex;align-items:center;justify-content:center;width:100%;height:136px;border-radius:16px;background:#f3f1ed;margin-bottom:18px;padding:24px}
.page-tools .offer-logo-panel img{width:155px;max-width:100%;height:52px;object-position:center;filter:none}
.page-tools .offer-logo-panel .vendor-name{font:400 30px/1.1 var(--display);letter-spacing:-.025em;text-align:center;color:var(--ink)}
.page-tools .offer-tag{display:inline-block;background:var(--canvas)}
.page-tools .offer-card h3{font-size:28px}
.page-tools .offer-action{border-radius:0 0 24px 24px}
.page-tools .campus-offer{background:#e8e4db}
.page-tools .campus-offer .offer-identity{display:flex;flex-wrap:wrap;gap:16px;min-height:60px}
.page-tools .campus-offer .offer-tag{background:transparent}
@media(max-width:1100px){.tool-gallery{gap:20px}.tool-gallery-item{flex-basis:180px}.page-tools .tool-gallery-item{flex-basis:165px}.tool-logo-tile{padding:24px}.page-tools .tools-head{padding-top:145px}}
@media(max-width:699px){
.tool-gallery,.page-tools .tool-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;margin:32px auto 40px}
.tool-gallery-item:nth-child(n){margin:0}.tool-logo-tile{border-radius:23px;aspect-ratio:1.3;padding:20px}.tool-logo-tile img{height:50px}.tool-gallery-label{font-size:12px;margin-top:12px;gap:6px}
.landing-v2 #benefits .scene-stage{padding:76px 0 60px}.landing-v2 #benefits .scene-heading{width:calc(100% - 40px)}.landing-v2 #benefits h2{font-size:48px}.landing-v2 #benefits .scene-heading>p:not(.benefits-eyebrow){font-size:16px;margin-top:22px}.benefits-desktop-break{display:none}.benefits-explore{font-size:15px;margin-top:20px}.landing-v2 #benefits .tool-gallery{width:calc(100% - 40px);margin:30px auto 40px}.landing-v2 #benefits .benefit-preview-card{min-height:0;padding:26px}.landing-v2 #benefits .benefit-campus{align-items:flex-start;margin-top:26px}.landing-v2 #benefits .benefit-campus a{gap:10px}.landing-v2 #benefits .scene-action{margin-top:10px}
.page-tools .tools-head{padding-top:160px}.page-tools .tools-intro h1{font-size:58px}.page-tools .tools-intro .lede{font-size:16px;margin-top:22px}.page-tools .database-line{justify-content:center;gap:12px 24px;text-align:center}.page-tools .database-line>a{width:100%;margin:0}.page-tools .tools-catalog{padding-top:32px}.page-tools .offer-logo-panel{height:130px}.page-tools .offer-card h3{font-size:29px}
}
@media(prefers-reduced-motion:reduce){.tool-logo-tile,.landing-v2 #benefits .benefit-preview-card{transition:none}.tool-gallery-item:hover .tool-logo-tile{transform:none}}

.page-tools .tools-intro h1{margin-left:auto;margin-right:auto}
.tool-logo-tile img[src$="/zed.svg"]{width:112px}
.tool-logo-tile img[src$="/wispr-flow.svg"]{width:150px;max-width:100%}

.landing-v2 #benefits .scene-heading .benefits-eyebrow{max-width:none;width:auto}

.tool-logo-tile img[src$="/zed.svg"]{max-width:100%}

/* The founder's eight featured identities, with accessible names and no repeated captions. */
.landing-v2 #benefits .tool-gallery--featured{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px;max-width:1220px;width:86%;margin:46px auto 64px}
.tool-gallery--featured .tool-gallery-item:nth-child(n){margin:0}
.tool-gallery--featured .tool-logo-tile{aspect-ratio:1;border-radius:26px;padding:26px}
.tool-gallery--featured .tool-logo-tile img{width:100%;height:70px;max-width:80px;object-fit:contain}
.tool-gallery--featured .tool-logo-tile--wide{padding:12px}
.tool-gallery--featured .tool-logo-tile--wide img{max-width:150px}
@media(max-width:1100px){.landing-v2 #benefits .tool-gallery--featured{grid-template-columns:repeat(4,minmax(0,1fr));max-width:800px;gap:20px}.tool-gallery--featured .tool-logo-tile{padding:32px}}
@media(max-width:699px){.landing-v2 #benefits .tool-gallery--featured{width:calc(100% - 40px);gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:32px auto 40px}.tool-gallery--featured .tool-logo-tile{padding:15px;border-radius:18px}.tool-gallery--featured .tool-logo-tile img{height:42px}.tool-gallery--featured .tool-logo-tile--wide{padding:7px}}

@media(max-width:699px){.landing-v2 #benefits .tool-gallery--featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-gallery--featured .tool-logo-tile{padding:28px}.tool-gallery--featured .tool-logo-tile img{height:68px}.tool-gallery--featured .tool-logo-tile--wide{padding:14px}}

/* Optical compensation for empty presentation canvas in the official SVGs. */
.tool-gallery--featured img[src$="/featured/chatgpt.svg"]{transform:scale(1.8)}
.tool-gallery--featured img[src$="/featured/figma.svg"]{transform:scale(2)}

/* A single invitation after the eight identities. */
.landing-v2 #benefits .tool-gallery--featured{margin-bottom:42px}
.landing-v2 #benefits .benefits-primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:60px;padding:18px 30px;font-size:17px;background:var(--ink);color:var(--canvas);box-shadow:0 8px 24px #00000012}
.landing-v2 #benefits .benefits-primary-cta:hover{background:#30302e;box-shadow:0 10px 30px #00000022}
.landing-v2 #roadmap .scene-heading p,.landing-v2 #briefs .scene-heading p{max-width:62ch;font-size:18px;line-height:1.6;margin:24px auto 0;text-wrap:pretty}
.landing-v2 #roadmap .scene-heading h2,.landing-v2 #briefs .scene-heading h2{font-size:clamp(42px,5.2vw,72px);line-height:1.05}
.landing-v2 #contact h2{font-size:clamp(44px,5.5vw,78px);line-height:1.06}
.landing-v2 #contact .contact-intro{max-width:54ch;width:86%;font-size:18px;line-height:1.6;text-align:center;color:var(--ink2);margin:24px auto 32px;text-wrap:pretty}
@media(max-width:699px){.landing-v2 #benefits .benefits-primary-cta{font-size:16px;min-height:56px}.landing-v2 #roadmap .scene-heading p,.landing-v2 #briefs .scene-heading p{font-size:16px}.landing-v2 #contact .contact-intro{font-size:16px;margin-top:20px}.landing-v2 #contact h2{font-size:44px}}

.tool-gallery--featured img[src$="/featured/granola.svg"]{transform:scale(1.15)}