/* Page components adapted from the original site. Shared navigation stays in site.css. */
.designed-page{--sheet:#fffaf2;--line-dark:rgba(25,42,64,.25);--mint:#dff5f2;--code:#edf2ef;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;padding-top:36px;padding-bottom:80px;font-size:17px;line-height:1.6}
.designed-page h1,.designed-page h2,.designed-page h3{text-wrap:balance}
.designed-page a{color:var(--blue)}
.designed-page .hero{min-height:0;padding:0}
.designed-page .section{padding:0}
.designed-page .hero .eyebrow{display:block;margin-bottom:.65rem}
.designed-page .hero h1{margin-bottom:0}
.designed-page .button{gap:.6rem}
.designed-page .quietLink{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.designed-page .hero { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(16rem, .5fr); gap: .85rem; align-items: stretch; }
.designed-page .heroCopy { border: 1px solid var(--line-dark); background: rgba(255, 250, 242, .9); }
.designed-page .heroCopy {
  background:
    radial-gradient(circle at 100% 0, rgba(36,87,214,.12), transparent 26rem),
    linear-gradient(135deg, rgba(255,250,242,.97), rgba(238,247,246,.91));
}
.designed-page .heroCopy { padding: clamp(1.3rem, 4vw, 2.5rem); }
.designed-page .eyebrow { margin: 0 0 .65rem; color: var(--teal); font-family: var(--mono); font-size: .69rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.designed-page .hero h1 { max-width: 20ch; margin: 0; font-size: clamp(2.3rem, 4.3vw, 3.8rem); line-height: 1.02; letter-spacing: -.048em; font-weight: 720; }
.designed-page .servicesHero { grid-template-columns: minmax(0, 1.55fr) minmax(19rem, .65fr); }
.designed-page .servicesHero h1 { max-width: 19ch; font-size: clamp(2.25rem, 4vw, 3.5rem); }
.designed-page .lede { max-width: 47rem; margin: 1rem 0 0; color: var(--copy); font-size: clamp(1.06rem, 1vw + .78rem, 1.2rem); line-height: 1.55; }
.designed-page .actions { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem 1rem; margin-top: 1.25rem; }
.designed-page .button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.45rem; padding: .48rem .78rem; border: 1px solid var(--blue-dark); border-radius: 3px; color: #fff; background: var(--blue-dark); font-size: .88rem; font-weight: 680; text-decoration: none; }
.designed-page .button:hover { border-color: var(--teal); background: var(--teal); }
.designed-page .textLink { font-size: .88rem; font-weight: 650; text-decoration-thickness: 1px; }
.designed-page .section { margin: clamp(3rem, 6vw, 4.7rem) 0; }
.designed-page .sectionHead { display: grid; grid-template-columns:minmax(0,1fr) minmax(21rem,1fr); gap: .4rem 2.4rem; align-items: end; margin-bottom: 1.15rem; }
.designed-page .sectionHead .eyebrow { grid-column: 1 / -1; }
.designed-page .sectionHead h2 { max-width: 24ch; margin: 0; font-size: clamp(1.75rem, 3vw, 2.55rem); line-height: 1.08; letter-spacing: -.038em; font-weight: 700; }
.designed-page .sectionHead > p:last-child { margin: 0; color: var(--muted); font-size: .98rem; }
.designed-page .workLogo { display: grid; place-items: center; border: 1px solid var(--line); background: var(--sheet); }
.designed-page .workLogo { width: 3.2rem; height: 3.2rem; }
.designed-page .workLogo img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.designed-page .workLogo img { width: 100%; height: 100%; padding: .28rem; }
.designed-page .serviceCard h3 { margin: .05rem 0 .35rem; font-size: clamp(1.15rem, 1.8vw, 1.55rem); line-height: 1.12; letter-spacing: -.03em; }
.designed-page .quietLink { display: inline-block; margin-top: .55rem; color: var(--blue); font-size: .8rem; font-weight: 700; text-decoration-thickness: 1px; }
.designed-page .serviceSummary { display: flex; flex-direction: column; justify-content: space-between; padding: clamp(1.05rem,2vw,1.35rem); border: 1px solid rgba(15,127,121,.28); color: var(--ink); background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(223,245,242,.8)); }
.designed-page .serviceSummary dl { margin: .2rem 0 1rem; }
.designed-page .serviceSummary dl div { display: grid; grid-template-columns: 6rem 1fr; gap: .7rem; padding: .65rem 0; border-top: 1px solid var(--line); }
.designed-page .serviceSummary dt { color: var(--muted); font-family: var(--mono); font-size: .69rem; text-transform: uppercase; }
.designed-page .serviceSummary dd { margin: 0; font-size: .88rem; font-weight: 700; line-height: 1.35; }
.designed-page .serviceSummaryNote { margin: 0; padding-top: .7rem; border-top: 1px solid var(--line-dark); color: var(--muted); font-size: .78rem; line-height: 1.45; }
.designed-page .serviceGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.designed-page .serviceCard { display: flex; min-width: 0; flex-direction: column; padding: clamp(1rem,2.2vw,1.3rem); border: 1px solid var(--line); background: rgba(255,255,255,.76); }
.designed-page .serviceCard:nth-child(1),
.designed-page .serviceCard:nth-child(3) { border-color: rgba(15,127,121,.3); background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(223,245,242,.64)); }
.designed-page .serviceCardTop { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .65rem; padding-bottom: .65rem; border-bottom: 1px solid var(--line); }
.designed-page .servicePrice { margin: 0 0 0 auto; text-align: right; }
.designed-page .servicePrice strong,
.designed-page .servicePrice span { display: block; }
.designed-page .servicePrice strong { font-size: 1.12rem; line-height: 1; }
.designed-page .servicePrice span { margin-top: .18rem; color: var(--muted); font-family: var(--mono); font-size: .65rem; text-transform: uppercase; }
.designed-page .serviceCard > h3 { max-width: 24ch; margin: 0 0 .5rem; font-size: clamp(1.3rem,2vw,1.62rem); line-height: 1.12; }
.designed-page .serviceCard > p { color: var(--copy); font-size: .94rem; }
.designed-page .serviceCard ul { margin: .15rem 0 .75rem; padding-left: 1.1rem; }
.designed-page .serviceCard li { margin: .28rem 0; color: var(--copy); font-size: .9rem; }
.designed-page .serviceIncludes { margin: .45rem 0 0; color: var(--teal) !important; font-family: var(--mono); font-size: .68rem !important; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.designed-page .serviceFit { margin-top: auto; padding-top: .75rem; border-top: 1px solid var(--line); color: var(--muted) !important; font-size: .84rem !important; }
.designed-page .serviceCard .quietLink { align-self: flex-start; }
.designed-page .serviceProofGrid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; }
.designed-page .serviceProof { display: grid; grid-template-columns: 3.2rem 1fr; gap: .8rem; padding: 1rem; border: 1px solid var(--line); background: rgba(255,255,255,.72); }
.designed-page .serviceProof h3 { margin: .05rem 0 .35rem; font-size: 1.2rem; }
.designed-page .serviceProof p:not(.eyebrow) { margin: .15rem 0; color: var(--copy); font-size: .88rem; }
.designed-page .process { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .65rem; padding: 0; list-style: none; }
.designed-page .process li { padding: .9rem; border: 1px solid var(--line); background: rgba(255,255,255,.72); }
.designed-page .process strong,
.designed-page .process span { display: block; }
.designed-page .process span { margin-top: .2rem; color: var(--muted); font-size: .8rem; }
.designed-page .darkCta { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; margin: 3.8rem 0 .8rem; padding: 1.3rem; border: 1px solid #102033; color: #edf8ff; background: radial-gradient(circle at 100% 0, rgba(15,138,131,.3), transparent 22rem), linear-gradient(135deg, #102033, #143a92); }
.designed-page .darkCta h2 { margin: 0; font-size: clamp(1.35rem, 2.8vw, 2rem); line-height: 1.08; letter-spacing: -.035em; }
.designed-page .darkCta p:not(.eyebrow) { margin: .3rem 0 0; color: #bdc9c8; font-size: .9rem; }
.designed-page .darkCta .eyebrow { color: #8ee3db; }
.designed-page .darkCta .textLink { color: #e5f6f4; }
.designed-page .darkCta .textLink:hover { color: #fff; }
.designed-page .button.mint { flex: 0 0 auto; color: #102033; border-color: #8ee3db; background: #8ee3db; }
.designed-page .localeLink { text-align: center; color: var(--muted); font-size: .85rem; }
.designed-page .businessPage { color: var(--ink); }
.designed-page .businessPromise {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(1.1rem,2.4vw,1.45rem);
  border: 1px solid rgba(15,127,121,.3);
  color: var(--ink);
  background:
    linear-gradient(rgba(15,127,121,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,127,121,.045) 1px, transparent 1px),
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(223,245,242,.84));
  background-size: 24px 24px, 24px 24px, auto;
}
.designed-page .businessPromise > strong { display: block; margin: 1.2rem 0 .65rem; font-size: clamp(1.28rem,2.3vw,1.82rem); line-height: 1.15; letter-spacing: -.03em; }
.designed-page .businessPromise ul { margin: .6rem 0 1.2rem; padding-left: 1.1rem; }
.designed-page .businessPromise li { margin: .38rem 0; color: var(--copy); font-size: .9rem; }
.designed-page .businessPromise li::marker { color: var(--teal); }
.designed-page .businessPromiseNote { margin: auto 0 0; padding-top: .7rem; border-top: 1px solid rgba(15,127,121,.2); color: var(--muted); font-size: .78rem; }
.designed-page .businessTrust { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: .75rem 0 3.8rem; border: 1px solid var(--line-dark); background: var(--line-dark); }
.designed-page .businessTrust span { padding: .78rem .85rem; color: var(--muted); background: rgba(255,250,242,.92); font-size: .78rem; line-height: 1.35; }
.designed-page .businessTrust strong { display: block; margin-bottom: .12rem; color: var(--ink); font-size: .84rem; }
.designed-page .businessExampleGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.designed-page .businessExample { padding: .8rem; border: 1px solid var(--line); background: rgba(255,255,255,.76); }
.designed-page .businessExample > .eyebrow { margin-top: .9rem; }
.designed-page .businessExample h3 { margin: .1rem 0 .3rem; font-size: clamp(1.18rem,1.8vw,1.45rem); line-height: 1.15; }
.designed-page .businessExample > p:last-child { margin: 0; color: var(--copy); font-size: .88rem; }
.designed-page .miniSite { overflow: hidden; border: 1px solid var(--line-dark); background: var(--sheet); }
.designed-page .miniSiteBar { display: flex; gap: .26rem; padding: .42rem; border-bottom: 1px solid var(--line); background: #edf0f1; }
.designed-page .miniSiteBar i { width: .38rem; height: .38rem; border: 1px solid var(--line-dark); border-radius: 50%; background: #fff; }
.designed-page .miniSiteCanvas { position: relative; min-height: 9rem; padding: 1rem; background: linear-gradient(135deg, #fffaf2, #f6f8f5); }
.designed-page .miniSiteMark { display: grid; width: 1.7rem; height: 1.7rem; place-items: center; color: #fff; background: var(--teal); font-family: var(--mono); font-size: .7rem; font-weight: 700; }
.designed-page .miniSiteHeadline,
.designed-page .miniSiteCopy,
.designed-page .miniSiteButton { display: block; height: .46rem; margin-top: .8rem; background: var(--ink); }
.designed-page .miniSiteHeadline { width: 58%; }
.designed-page .miniSiteCopy { width: 78%; height: .28rem; margin-top: .45rem; background: var(--line-dark); }
.designed-page .miniSiteButton { width: 4.3rem; height: 1.25rem; margin-top: .8rem; background: var(--blue-dark); }
.designed-page .miniSiteNav { position: absolute; top: .95rem; right: .9rem; display: flex; gap: .5rem; color: var(--muted); font-family: var(--mono); font-size: .48rem; }
.designed-page .businessExample.amber .miniSiteMark,
.designed-page .businessExample.amber .miniSiteButton { background: var(--amber); }
.designed-page .businessExample.blue .miniSiteMark,
.designed-page .businessExample.blue .miniSiteButton { background: var(--blue); }
.designed-page .businessExample.rose .miniSiteMark,
.designed-page .businessExample.rose .miniSiteButton { background: #b95d50; }
.designed-page .businessIncludedGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
.designed-page .businessIncludedGrid article { display: grid; grid-template-columns: 1fr; gap: .7rem; padding: 1rem; border: 1px solid var(--line); background: rgba(255,255,255,.72); }
.designed-page .businessIncludedGrid article > span { color: var(--teal); font-family: var(--mono); font-size: .7rem; }
.designed-page .businessIncludedGrid h3 { margin: 0 0 .22rem; font-size: 1rem; }
.designed-page .businessIncludedGrid p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.5; }
.designed-page .businessPricing .serviceCard { position: relative; }
.designed-page .businessPricing .serviceCard:first-child::before { content: "Mais simples"; position: absolute; top: -.55rem; right: .7rem; padding: .12rem .38rem; color: #fff; background: var(--teal); font-family: var(--mono); font-size: .61rem; letter-spacing: .05em; text-transform: uppercase; }
.designed-page .businessExtras { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: .75rem; border: 1px solid var(--line-dark); background: var(--line-dark); }
.designed-page .businessExtras p { display: flex; justify-content: space-between; gap: .8rem; margin: 0; padding: .75rem .8rem; background: rgba(255,250,242,.94); font-size: .82rem; }
.designed-page .businessExtras span { color: var(--blue-dark); font-weight: 700; white-space: nowrap; }
.designed-page .businessProcess li { border-top: 3px solid rgba(15,127,121,.36); }
.designed-page .businessCta { margin-bottom: 1rem; }
@media  (max-width: 64rem) {
.designed-page .businessTrust { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media  (max-width: 47rem) {
.designed-page .businessExampleGrid,
.designed-page .businessIncludedGrid,
.designed-page .businessExtras,
.designed-page .businessTrust { grid-template-columns: 1fr; }
.designed-page .businessExtras p { align-items: baseline; }
.designed-page .businessHero .button { width: 100%; }
}
.designed-page .compactHero { display: grid; width: 100%; max-width: none; grid-template-columns: minmax(17rem,.86fr) minmax(22rem,1.14fr); gap: .5rem clamp(1.6rem,4vw,3.8rem); align-items: end; padding: clamp(1.35rem, 4vw, 2.7rem) clamp(1rem, 3vw, 1.8rem); border: 1px solid var(--line-dark); background: radial-gradient(circle at 96% 0, rgba(15,138,131,.12), transparent 24rem), linear-gradient(135deg, rgba(255,250,242,.94), rgba(238,247,246,.82)); }
.designed-page .compactHero .eyebrow { grid-column: 1 / -1; }
.designed-page .compactHero h1 { max-width: none; margin: 0; font-size: clamp(2.15rem, 4vw, 3.55rem); line-height: 1.03; letter-spacing: -.045em; }
.designed-page .compactHero > .lede { max-width: 50rem; margin: 0; }
.designed-page .compactHero > .jumpLinks { grid-column: 1 / -1; }
.designed-page .jumpLinks { display: flex; flex-wrap: wrap; gap: .4rem .9rem; margin-top: 1.2rem; }
.designed-page .jumpLinks a { color: var(--blue); font-family: var(--mono); font-size: .74rem; font-weight: 650; }
.designed-page .resourceCard { min-width: 0; padding: 1rem; border: 1px solid var(--line); background: rgba(255,255,255,.72); }
.designed-page .detailCardHead { display: flex; align-items: flex-start; gap: .8rem; }
.designed-page .detailCardHead h3,
.designed-page .resourceCard h3 { margin: .05rem 0 .3rem; font-size: 1.22rem; line-height: 1.15; letter-spacing: -.025em; }
.designed-page .resourceCard > p { color: var(--copy); font-size: .88rem; }
.designed-page .detailLogo { display: grid; width: 3.2rem; height: 3.2rem; flex: 0 0 auto; place-items: center; border: 1px solid var(--line); background: var(--sheet); }
.designed-page .detailLogo img { display: block; width: 100%; height: 100%; padding: .28rem; object-fit: contain; }
.designed-page .tagList { display: flex; flex-wrap: wrap; gap: .3rem; margin: .8rem 0 0; padding: 0; list-style: none; }
.designed-page .tagList li { padding: .16rem .4rem; border: 1px solid var(--line); color: var(--muted); background: rgba(251,248,241,.7); font-family: var(--mono); font-size: .64rem; }
.designed-page .linkRow { display: flex; flex-wrap: wrap; gap: .25rem .85rem; margin-top: .7rem; }
.designed-page .linkRow .quietLink { margin-top: 0; }
.designed-page .archiveNote { margin-top: .8rem; padding: 1rem; border: 1px solid var(--line-dark); background: var(--code); }
.designed-page .archiveNote p { margin: 0; color: var(--copy); font-size: .88rem; }
.designed-page .archiveNote .textLink { display: inline-block; margin-top: .5rem; }
.designed-page .summaryStrip { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: .7rem; border: 1px solid var(--line); background: var(--line); gap: 1px; }
.designed-page .summaryStrip div { padding: .75rem; background: rgba(251,248,241,.86); }
.designed-page .summaryStrip strong,
.designed-page .summaryStrip span { display: block; }
.designed-page .summaryStrip strong { font-family: var(--mono); font-size: 1rem; }
.designed-page .summaryStrip span { color: var(--muted); font-size: .75rem; }
.designed-page .resourceGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }
.designed-page .mutedLabel { color: var(--muted); font-size: .75rem; }
.designed-page .historyYears { border-top: 1px solid var(--line-dark); }
.designed-page .historyYear { display: grid; grid-template-columns: 5rem 1fr; border-bottom: 1px solid var(--line-dark); }
.designed-page .historyYear > h3 { margin: 0; padding: 1rem .7rem; color: var(--teal); font-family: var(--mono); font-size: .9rem; }
.designed-page .historyYear > div { border-left: 1px solid var(--line); }
.designed-page .historyItem { display: grid; grid-template-columns: 7.5rem 1fr; gap: .8rem; padding: 1rem; border-bottom: 1px solid var(--line); }
.designed-page .historyItem:last-child { border-bottom: 0; }
.designed-page .historyMeta strong,
.designed-page .historyMeta span { display: block; }
.designed-page .historyMeta strong { font-family: var(--mono); font-size: .73rem; }
.designed-page .historyMeta span { margin-top: .25rem; color: var(--teal); font-size: .69rem; }
.designed-page .historyItem h4 { margin: 0; font-size: 1rem; }
.designed-page .historyItem p { margin: .25rem 0; color: var(--copy); font-size: .8rem; }
.designed-page .historyItem .historyVenue { color: var(--muted); font-style: italic; }
.designed-page .supportGrid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .7rem; }
.designed-page .supportGrid article { padding: 1rem; border: 1px solid var(--line); background: rgba(251,248,241,.76); }
.designed-page .supportGrid h2 { margin: 0 0 .5rem; font-size: 1.2rem; }
.designed-page .supportNote { margin-top: 0; }
.designed-page .supportNote h2 { margin: 0 0 .35rem; font-size: 1.2rem; }
.designed-page .finePrint { color: var(--muted); font-size: .76rem; }
.designed-page .contactGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; margin-top: 2rem; }
.designed-page .contactGrid article { min-height: 10rem; padding: 1rem; border: 1px solid var(--line); background: rgba(251,248,241,.76); }
.designed-page .contactGrid h2 { margin: 0 0 .5rem; font-size: 1.2rem; }
.designed-page .contactGrid p,
.designed-page .contactGrid address { color: var(--copy); font-size: .92rem; font-style: normal; }
.designed-page .contactGrid h2,
.designed-page .contactGrid a { overflow-wrap: anywhere; }
.designed-page .mutedNote { color: var(--muted) !important; }
.designed-page .bookshelfIntro { display: grid; width: 100%; grid-template-columns: minmax(16rem,.8fr) minmax(22rem,1.2fr); gap: .5rem clamp(1.6rem,4vw,3.8rem); align-items: end; padding: clamp(1.2rem,3vw,2rem); border: 1px solid var(--line-dark); background: radial-gradient(circle at 96% 0, rgba(36,87,214,.1), transparent 24rem), linear-gradient(135deg, rgba(255,250,242,.96), rgba(238,247,246,.82)); }
.designed-page .bookshelfIntro .eyebrow { grid-column: 1 / -1; }
.designed-page .bookshelfIntro h1 { max-width: none; margin: 0; font-size: clamp(2.15rem,4vw,3.55rem); line-height: 1.03; letter-spacing: -.04em; }
.designed-page .bookshelfIntro > .lede { margin: 0; }
.designed-page .bookshelf { display: grid; gap: 1px; margin-top: 2rem; border: 1px solid var(--line-dark); background: var(--line-dark); }
.designed-page .shelfItem { display: grid; grid-template-columns: minmax(10rem,.38fr) minmax(0,1.62fr); gap: clamp(1rem,3vw,2rem); align-items: center; padding: clamp(1rem,3vw,1.6rem); background: var(--sheet); }
.designed-page .shelfCover,
.designed-page .unixCover { justify-self: center; }
.designed-page .shelfCover img { display: block; width: min(100%,12.5rem); border: 1px solid var(--line-dark); box-shadow: 7px 8px 0 rgba(23,33,43,.12); }
.designed-page .unixCover { display: flex; width: min(100%,12.5rem); aspect-ratio: 7/9; flex-direction: column; justify-content: space-between; padding: 1rem; border: 1px solid var(--ink); color: var(--mint); background: var(--ink); font-family: var(--mono); text-decoration: none; box-shadow: 7px 8px 0 rgba(23,33,43,.12); }
.designed-page .unixCover strong { color: #fff; font-size: clamp(2rem,5vw,3.3rem); line-height: 1; }
.designed-page .unixCover small { color: #b9c8c7; line-height: 1.35; }
.designed-page .shelfCopy h2 { margin: .05rem 0 .25rem; font-size: clamp(1.5rem,2.6vw,2.2rem); }
.designed-page .shelfCopy h2 a { color: var(--ink); text-decoration-thickness: 1px; }
.designed-page .shelfCopy p { max-width: 45rem; color: var(--copy); }
.designed-page .shelfSubtitle { font-weight: 700; }
.designed-page .bookshelfNote { margin-top: 1rem; padding: 1rem; border-left: 3px solid var(--teal); background: rgba(251,248,241,.62); }
.designed-page .bookshelfNote h2 { margin: 0 0 .35rem; font-size: 1.1rem; }
.designed-page .bookshelfNote p { margin: 0; color: var(--copy); }
@media  (max-width: 64rem) {
.designed-page .hero,
.designed-page .sectionHead,
.designed-page .compactHero,
.designed-page .bookshelfIntro { grid-template-columns: 1fr; }
.designed-page .sectionHead .eyebrow { grid-column: auto; }
.designed-page .compactHero > .lede,
.designed-page .bookshelfIntro > .lede { margin-top: .65rem; }
.designed-page .supportGrid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.designed-page .process { grid-template-columns: repeat(2,minmax(0,1fr)); }
.designed-page .serviceProofGrid { grid-template-columns: 1fr; }
}
@media  (max-width: 47rem) {
.designed-page .hero h1,
.designed-page .servicesHero h1,
.designed-page .compactHero h1,
.designed-page .bookshelfIntro h1 { font-size: clamp(2.05rem,10vw,2.85rem); }
.designed-page .serviceGrid,
.designed-page .process,
.designed-page .contactGrid,
.designed-page .resourceGrid,
.designed-page .summaryStrip,
.designed-page .supportGrid { grid-template-columns: 1fr; }
.designed-page .darkCta { display: block; }
.designed-page .darkCta .button { margin-top: .9rem; }
.designed-page .historyYear { grid-template-columns: 1fr; }
.designed-page .historyYear > h3 { border-bottom: 1px solid var(--line); }
.designed-page .historyYear > div { border-left: 0; }
.designed-page .historyItem { grid-template-columns: 1fr; }
.designed-page .shelfItem { grid-template-columns: 1fr; align-items: start; }
.designed-page .shelfCover,
.designed-page .unixCover { justify-self: start; }
}
/* Layout and touch targets shared by the restored pages. */
.designed-page .shelfItem{grid-template-columns:minmax(190px,.58fr) minmax(0,1.42fr);gap:clamp(28px,5vw,76px);padding:clamp(26px,4vw,56px)}
.designed-page .shelfCover img{width:min(100%,250px);height:auto;box-shadow:9px 12px 0 #10203313}
.designed-page .unixCover{width:min(100%,250px);min-height:310px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:#102033;color:#fffaf2;border-left:7px solid #2457d6;box-shadow:9px 12px 0 #10203313;text-decoration:none}
.designed-page .unixCover strong{font-size:52px;letter-spacing:-.05em}
.designed-page .unixCover small{font-size:16px;color:#cbd5e1}
.designed-page .unixCover span{font:13px var(--mono);color:#9ee7df}
.designed-page .shelfCopy h2{font-size:clamp(32px,4vw,48px)}
.designed-page .shelfCopy>p{font-size:18px}
.designed-page .shelfCopy>.eyebrow{font-size:12px}
.designed-page .bookshelfNote{padding:24px 28px;margin-top:32px}
.designed-page .serviceGrid{gap:20px}
.designed-page .heroCopy,.designed-page .serviceSummary,.designed-page .serviceCard,.designed-page .resourceCard{border-radius:12px}
.designed-page .serviceCard{padding:28px}
.designed-page .servicePrice strong{font-size:30px}
.designed-page .serviceCard .quietLink{margin-top:8px}
.designed-page .serviceCardTop{padding-bottom:20px;margin-bottom:22px}
.designed-page .button{border-radius:8px;min-height:44px;color:#fff}
.designed-page .button.mint{color:var(--ink)}
.designed-page .textLink{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline}
.designed-page .historyItem{display:grid;grid-template-columns:85px minmax(0,1fr);gap:28px;padding:28px 0;border-top:1px solid var(--line)}
.designed-page .historyItem h3{font-size:24px;margin-bottom:10px}
.designed-page .historyItem p{color:var(--copy);font-size:16px}
.designed-page .historyMeta{display:flex;flex-direction:column;gap:6px;color:var(--muted)}
.designed-page .historyMeta strong{font-size:24px;color:var(--teal)}
.designed-page .jumpLinks a{min-height:44px;display:inline-flex;align-items:center}
.designed-page .services-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.7fr);gap:clamp(28px,6vw,76px);align-items:center;padding:40px 0 30px}
.designed-page .services-hero h1{font-size:clamp(40px,4.8vw,65px);max-width:15ch;margin-bottom:26px}
.designed-page .services-hero .lede{font-size:19px;line-height:1.7}
.designed-page .hero-signals{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.designed-page .hero-signals span{padding:5px 10px;background:var(--tint);border:1px solid var(--line);border-radius:6px;color:var(--teal-ink);font-size:13px}
.designed-page .services-hero-aside{border:1px solid var(--line);background:var(--white);border-radius:14px;padding:22px;color:var(--copy);font-size:15px}
.designed-page .about-portrait{display:block;width:100%;aspect-ratio:1.1;object-fit:cover;object-position:center 35%;border-radius:8px;margin-bottom:20px}
.designed-page .services-hero-aside>p{font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
.designed-page .services-hero-aside strong{font-size:18px;color:var(--ink);line-height:1.35;display:block}
.designed-page .services-hero-aside ul{padding-left:18px;margin-bottom:0}
.designed-page .services-section{padding:64px 0 0}
.designed-page .services-section-head{display:grid;grid-template-columns:1fr 1fr;gap:12px 45px;align-items:start;margin-bottom:28px}
.designed-page .services-section-head .section-kicker{grid-column:1/-1;font:12px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--teal);margin:0}
.designed-page .services-section-head h2{font-size:clamp(28px,3vw,40px);margin:0}
.designed-page .services-section-head>p:last-child{margin:0;color:var(--muted)}
.designed-page .service-fit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.designed-page .service-fit strong{display:block;font-size:20px;line-height:1.3;margin-bottom:12px}
.designed-page .service-fit p{font-size:16px;color:var(--copy);margin:0}
.designed-page .services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.designed-page .service-card{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:12px}
.designed-page .service-card h3{font-size:24px;margin-bottom:14px}
.designed-page .service-card p{font-size:16px;color:var(--copy);margin:0}
.designed-page .profile-links{display:flex;gap:12px;flex-wrap:wrap}
.designed-page .profile-links a{display:inline-flex;min-height:44px;align-items:center;padding:8px 15px;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.designed-page .button-link{display:inline-flex;min-height:46px;align-items:center;padding:9px 18px;border-radius:8px;background:var(--blue-dark);color:white;font-weight:700}
.designed-page .lcFeatureMark img{margin:0}
@media(max-width:850px){.designed-page .services-hero{grid-template-columns:1fr;gap:24px;padding-top:12px}.designed-page .services-hero h1{max-width:20ch}.designed-page .services-hero-aside{display:grid;grid-template-columns:minmax(120px,.55fr) 1fr;gap:0 24px}.designed-page .about-portrait{grid-row:1/3;height:100%;min-height:190px;margin:0}.designed-page .service-fit{grid-template-columns:1fr}.designed-page .services-section-head{grid-template-columns:1fr}.designed-page .services-hero-aside>p{align-self:end}}
@media(max-width:600px){.designed-page{padding-top:24px;font-size:16px}.designed-page .shelfItem{grid-template-columns:1fr;padding:26px}.designed-page .shelfCover,.designed-page .unixCover{justify-self:center}.designed-page .shelfCover img{width:230px}.designed-page .services-grid{grid-template-columns:1fr}.designed-page .serviceCard{padding:23px}.designed-page .historyItem{grid-template-columns:1fr;gap:12px}.designed-page .historyMeta{flex-direction:row;align-items:baseline;gap:14px}.designed-page .services-hero-aside{display:block}.designed-page .about-portrait{aspect-ratio:1.3;max-height:280px;margin-bottom:20px}.designed-page .services-section{padding-top:46px}}

.designed-page .appArchiveGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.designed-page .appArchiveCard,.designed-page .detailCard{padding:1.4rem;border:1px solid var(--line);background:#fff;min-width:0}
.designed-page .detailCardHead{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}
.designed-page .detailLogo{flex:0 0 3.6rem}.designed-page .detailLogo img{width:3.6rem;height:3.6rem;object-fit:contain}
.designed-page .appArchiveCard h3,.designed-page .detailCard h3{font-size:1.5rem;margin:.3rem 0}
.designed-page .detailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.designed-page .summaryStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin-block:2rem;padding:1.25rem 0;gap:1rem}
.designed-page .summaryStrip strong,.designed-page .summaryStrip span{display:block}
.designed-page .summaryStrip span{font-size:.9rem;color:var(--muted)}
.designed-page .archiveNote{padding:2rem;border:1px solid var(--line);background:#fff;margin-top:3rem}
.designed-page .page-stcp-chatbot .actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem}
.designed-page .page-stcp-chatbot .actions .button{background:var(--blue);color:white}
@media(max-width:800px){.designed-page .appArchiveGrid,.designed-page .detailGrid{grid-template-columns:1fr}.designed-page .summaryStrip{grid-template-columns:1fr;gap:1.25rem}}