/* Editorial pages and a quieter setting for plan selection. */
.index-site .about-intro{display:grid;grid-template-columns:1.5fr .65fr;align-items:end;gap:60px}
.index-site .about-intro>p:not(.page-label){margin:0;padding-bottom:5px;max-width:30ch}
.index-site .about-panorama{margin-bottom:94px}
.index-site .about-panorama img{display:block;width:100%;height:clamp(260px,36vw,510px);object-fit:cover;border-radius:4px}
.index-site .about-panorama figcaption{font-size:11px;color:var(--muted);padding-top:13px;display:flex;justify-content:space-between;gap:18px}
.index-site .about-section{padding-bottom:94px;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
.index-site .about-section>.section-label{border-top:1px solid var(--border);padding-top:18px;font-size:12px;color:var(--muted)}
.index-site .about-section-copy{max-width:650px}
.index-site .about-section-copy h2{font-size:clamp(30px,3.5vw,48px);line-height:1.13;max-width:22ch}
.index-site .about-section-copy>p{font-size:16px;line-height:1.85;color:var(--muted);max-width:53ch;margin-top:26px}
.index-site .about-section-copy .signature{border-left:2px solid var(--index-blue);padding:0 0 0 16px}
.index-site .about-principles{background:var(--index-ice);padding:65px 0;margin-bottom:94px}
.index-site .about-principles header{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:44px}
.index-site .about-principles header p{font-size:12px;color:var(--muted)}
.index-site .about-principles h2{font-size:34px}
.index-site .principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.index-site .principle-grid article{border-top:1px solid var(--index-mist);padding-top:22px}
.index-site .principle-grid span{font:11px var(--font-mono);color:var(--index-blue-deep)}
.index-site .principle-grid h3{font-size:22px;margin:25px 0 14px}
.index-site .principle-grid p{color:var(--muted);font-size:14px;line-height:1.8;max-width:30ch}
.index-site .use-cases{padding-bottom:100px}
.index-site .use-cases>header{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}
.index-site .use-cases>header p{font-size:14px;color:var(--muted);max-width:32ch}
.index-site .use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.index-site .use-case-art{position:relative;aspect-ratio:1.38;overflow:hidden;border-radius:4px;background:var(--index-ice);margin-bottom:25px}
.index-site .use-case-art>img{width:100%;height:100%;object-fit:cover;display:block}
.index-site .use-case-note{position:absolute;inset:auto 18px 18px;background:var(--index-paper);border:1px solid var(--border);border-radius:3px;padding:15px 17px;font-size:12px;line-height:1.6;color:var(--index-slate)}
.index-site .use-case-note span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}
.index-site .use-case-grid h3{font-size:23px;margin-bottom:13px}
.index-site .use-case-grid p{color:var(--muted);font-size:14px;line-height:1.8;max-width:34ch;margin-bottom:19px}
.index-site .use-case-grid .text-link{font-size:13px;border-bottom:1px solid var(--index-mist);padding-bottom:5px;display:inline-flex;gap:14px}
.index-site .about-letter{border-top:1px solid var(--border);padding-top:38px}
.index-site .about-letter .section-label{border:0;padding-top:0}
.index-site .about-letter .about-section-copy h2{font-size:32px}
.index-site .resource-intro{padding-bottom:48px}
.index-site .resource-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:70px;padding-bottom:100px;align-items:start}
.index-site .resource-index{position:sticky;top:30px;border-top:1px solid var(--border);padding-top:18px;display:flex;flex-direction:column;gap:14px;font-size:13px;color:var(--muted)}
.index-site .resource-group{margin-bottom:48px}
.index-site .resource-group h2{font-size:27px;margin-bottom:22px}
.index-site .resource-group details{border-top:1px solid var(--border)}
.index-site .resource-group details:last-child{border-bottom:1px solid var(--border)}
.index-site .resource-group summary{padding:21px 30px 21px 0;font-size:15px;line-height:1.5}
.index-site .resource-answer{padding:0 22px 24px 0;font-size:14px;line-height:1.85;color:var(--muted);max-width:62ch}
.index-site .resource-answer a,.index-site .release-body a{color:var(--index-blue-deep);text-decoration:underline;text-underline-offset:3px}
.index-site .resource-contact{padding:26px 28px;background:var(--index-ice);border-radius:4px}
.index-site .resource-contact p{font-size:14px;color:var(--muted);margin:12px 0 18px}
.index-site .resource-contact h2{font-size:26px}
.index-site .release-entry{border-top:1px solid var(--border);padding:27px 0 48px}
.index-site .release-meta{font-size:11px;color:var(--muted);display:flex;gap:16px;align-items:center;margin-bottom:24px}
.index-site .release-meta span{border:1px solid var(--border);padding:3px 8px;border-radius:3px}
.index-site .release-body h2{font-size:33px;max-width:22ch;margin-bottom:18px}
.index-site .release-body>p{color:var(--muted);max-width:58ch;font-size:15px;line-height:1.8;margin-bottom:25px}
.index-site .release-body ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.8}
.index-site .release-body li+li{margin-top:12px}
.index-site .release-image{margin:30px 0;display:block;width:100%;aspect-ratio:2.6;object-fit:cover;border-radius:4px}
.index-site .pricing-art-stage{position:relative;isolation:isolate}
.index-site .pricing-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 15%,#000 82%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 82%,transparent)}
.index-site .pricing-backdrop img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;opacity:.62}
.index-site .pricing-art-stage .plan-card{box-shadow:0 3px 12px rgba(51,59,73,.035)}
.index-site .pricing-art-stage .team-starting-note{width:fit-content;max-width:calc(100% - 30px);background:var(--index-paper);padding:10px 16px;border-radius:4px}
@media(max-width:900px){
 .index-site .about-intro{grid-template-columns:1fr;gap:25px}.index-site .about-intro>p:not(.page-label){max-width:45ch}
 .index-site .about-section{grid-template-columns:.55fr 1.45fr;gap:35px}.index-site .principle-grid{gap:25px}
 .index-site .use-case-grid{gap:18px}.index-site .use-case-note{inset:auto 10px 10px;padding:10px;font-size:11px}
 .index-site .resource-layout{grid-template-columns:170px minmax(0,1fr);gap:35px}
}
@media(max-width:700px){
 .index-site .about-panorama{margin-bottom:55px}.index-site .about-panorama img{height:290px;object-position:58% center}
 .index-site .about-panorama figcaption{font-size:10px}.index-site .about-section{grid-template-columns:1fr;gap:25px;padding-bottom:58px}
 .index-site .about-section-copy>p{font-size:15px}.index-site .about-principles{padding:40px 0;margin-bottom:55px}
 .index-site .about-principles header{display:block;margin-bottom:28px}.index-site .about-principles header p{margin-top:14px}
 .index-site .principle-grid{grid-template-columns:1fr;gap:30px}.index-site .principle-grid h3{margin-top:12px}.index-site .principle-grid p{max-width:45ch}
 .index-site .use-cases{padding-bottom:60px}.index-site .use-cases>header{display:block}.index-site .use-cases>header p{margin-top:18px;max-width:45ch}
 .index-site .use-case-grid{grid-template-columns:1fr;gap:40px}.index-site .use-case-art{aspect-ratio:1.65}.index-site .use-case-note{inset:auto 20px 20px;padding:15px;font-size:12px}
 .index-site .use-case-grid p{max-width:45ch}.index-site .resource-layout{grid-template-columns:1fr;gap:36px;padding-bottom:60px}
 .index-site .resource-index{position:static;flex-direction:row;flex-wrap:wrap;gap:12px 24px}.index-site .resource-group{margin-bottom:38px}
 .index-site .pricing-backdrop img{object-position:62% center;opacity:.45}.index-site .release-body h2{font-size:29px}
}

.index-site .about-origin{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center;padding-bottom:94px}
.index-site .about-origin .about-panorama{margin-bottom:0}
.index-site .about-origin .about-panorama img{height:auto;aspect-ratio:1122/1402;object-fit:contain}
.index-site .about-origin .section-label{font-size:12px;color:var(--muted);margin-bottom:25px}
@media(max-width:700px){.index-site .about-origin{grid-template-columns:1fr;gap:35px;padding-bottom:58px}.index-site .about-origin .about-panorama{max-width:480px}.index-site .about-origin .about-section-copy h2{font-size:34px}}