/* One centered layout for the main landing page, independent of legacy section widths. */
.jera-landing{--landing-gutter:24px;--landing-width:1320px;--section-space:72px;--content-gap:32px;--card-gap:20px}
.jera-landing main{width:100%;min-width:0}
.jera-landing .container{box-sizing:border-box;width:min(var(--landing-width),calc(100% - var(--landing-gutter)*2));max-width:none;margin-inline:auto;padding-inline:0}
.jera-landing main>section{box-sizing:border-box;width:100%;margin-inline:auto}
.jera-landing .container>*{min-width:0}
.jera-landing :is(.services-grid,.showcase-grid,.pricing-grid,.subscription-grid,.developer-grid,.faq-grid,.process-lab,.manifesto-grid,.hero-grid,.cta-shell):not(.container){width:100%;margin-inline:auto;min-width:0}
.jera-landing :is(.hero-copy,.manifesto-copy){text-align:center;margin-inline:auto}
.jera-landing :is(.hero-actions,.hero-meta){justify-content:center}
.jera-landing .section>.container>.eyebrow{display:table;margin-inline:auto}
.jera-landing .section>.container>.title,.jera-landing .section>.container>.body-lg{margin-inline:auto;text-align:center}
.jera-landing :is(.showcase-head,.faq-head,.sale-plans-head){display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;margin-inline:auto}
.jera-landing :is(.showcase-head,.faq-head,.sale-plans-head)>*{margin-inline:auto;max-width:800px}
.jera-landing #expertise>.container>.flex{flex-direction:column;align-items:center;text-align:center;gap:20px}
.jera-landing #expertise .location-copy{margin-inline:auto;text-align:center;max-width:900px}
.jera-landing :is(.section>.container>.title,.manifesto-copy .title)::after{margin-inline:auto}
.jera-landing #elite-pos{background:radial-gradient(ellipse at 15% 15%,#712b4538,transparent 60%),#17151c;color:#f7f0f4}
.jera-landing #elite-pos>.container{width:min(var(--landing-width),calc(100% - var(--landing-gutter)*2));padding-inline:0;margin-inline:auto}
.jera-landing #elite-pos :is(.sale-shell,.pos-featured-layout,.sale-plans){box-sizing:border-box;width:100%;max-width:100%;margin-inline:auto}
.jera-landing #elite-pos .sale-shell{gap:32px}
.jera-landing #elite-pos .pos-featured-layout{background:#242029;border:1px solid #433641;box-shadow:0 18px 60px #0002}
.jera-landing #elite-pos :is(.sale-copy h2,.sale-plans h3,.pos-offer h3,.pos-offer-price,.pos-preview-caption strong){color:#fff4f8}
.jera-landing #elite-pos .sale-copy h2 span{color:#efa5bd}
.jera-landing #elite-pos :is(.body-lg,.sale-feature,.sale-note,.sale-plans-head p,.pos-offer p,.pos-capacity span){color:#c9bdc7}
.jera-landing #elite-pos .sale-badge{background:#352732;color:#f0c1d1;border-color:#674255}
.jera-landing #elite-pos .sale-feature:before{color:#e7b67d;background:#3b2933}
.jera-landing #elite-pos .sale-visual{background:#19161d;border-color:#483b46}
.jera-landing #elite-pos .pos-preview-caption{border-color:#483b46;color:#b8a8b6;width:100%}
.jera-landing #elite-pos .sale-plans{background:#201c25;border:1px solid #433641;border-radius:16px;padding:clamp(24px,3vw,40px);box-shadow:none}
.jera-landing #elite-pos .sale-plans-head{max-width:900px;margin:0 auto 30px}
.jera-landing #elite-pos .sale-plans-head p{max-width:650px;margin-inline:auto}
.jera-landing #elite-pos :is(.pos-offer,.pos-offer.featured,.pos-offer.trial){background:#2b2430;border:1px solid #4d3c4b;box-shadow:none}
.jera-landing #elite-pos .pos-offer.featured{border-color:#c77694;background:#382634}
.jera-landing #elite-pos :is(.pos-offer-label,.eyebrow,.pos-offer-price small){color:#f0b0c6}
.jera-landing #elite-pos .tier-limit{color:#ecd4df;background:#402c3a;border-color:#604254}
.jera-landing #elite-pos .btn-ghost{background:#332630;border-color:#715065;color:#f8dce7}
.jera-landing #elite-pos .btn-ghost:hover{background:#49323f;border-color:#c27b98}
.jera-landing #elite-pos .pos-offer-grid{width:100%;max-width:none;margin-inline:auto}
@media(max-width:900px){.jera-landing{--landing-gutter:20px}.jera-landing #elite-pos .pos-featured-layout{padding:24px;gap:28px}}
@media(max-width:600px){.jera-landing{--landing-gutter:16px}.jera-landing #elite-pos :is(.pos-featured-layout,.sale-plans){padding:20px}.jera-landing #elite-pos .sale-features{grid-template-columns:minmax(0,1fr)}}

/* Shared section template: equal gutters, centered introductions, one spacing scale. */
.jera-landing .section{padding-block:var(--section-space)}
.jera-landing main>section{scroll-margin-top:100px}
.jera-landing .site-nav,.jera-landing .site-nav.scrolled{width:min(var(--landing-width),calc(100% - var(--landing-gutter)*2))}
.jera-landing .hero{min-height:0;padding:144px 0 56px}
.jera-landing .hero-grid{gap:48px;align-items:center;grid-template-columns:repeat(2,minmax(0,1fr))}
.jera-landing .hero-copy{width:100%;max-width:650px}
.jera-landing .hero-copy h1{font-size:clamp(40px,5vw,72px);margin-block:20px;line-height:1.06}
.jera-landing .hero-copy>p{margin-inline:auto;max-width:56ch}
.jera-landing .hero-actions{margin-top:28px;gap:12px;flex-wrap:wrap}
.jera-landing .hero-meta{margin-top:24px;gap:12px 20px;flex-wrap:wrap}
.jera-landing .ops-panel{width:100%;max-width:640px;margin-inline:auto}
.jera-landing .signal-strip{margin-top:0;padding-block:0 24px}
.jera-landing .proof-bar{padding:0 0 40px}
.jera-landing .signal-panel,.jera-landing .proof-grid{width:100%;margin:0 auto}
.jera-landing .proof-bar>.proof-grid{width:min(var(--landing-width),calc(100% - var(--landing-gutter)*2))}
.jera-landing .landing-section-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;max-width:900px;margin:0 auto var(--content-gap);text-align:center}
.jera-landing .landing-section-header>div{width:100%;max-width:900px;margin:0 auto}
.jera-landing .landing-section-header .title{max-width:900px;margin:16px auto 0;font-size:clamp(30px,3.6vw,48px);line-height:1.15;letter-spacing:-.04em}
.jera-landing .landing-section-header>p{max-width:680px;margin:0 auto;font-size:15px;line-height:1.8}
.jera-landing .landing-section-header .eyebrow{display:inline-flex;margin:0 auto}
.jera-landing .landing-section-header .title:after{margin-inline:auto}
.jera-landing :is(.services-grid,.showcase-grid,.pricing-grid,.subscription-grid,.developer-grid,.faq-grid){gap:var(--card-gap);margin-top:var(--content-gap);margin-bottom:0;align-items:stretch}
.jera-landing .landing-section-header+ :is(.showcase-grid,.pricing-grid,.subscription-grid,.developer-grid,.faq-grid){margin-top:0}
.jera-landing :is(.pricing-grid,.subscription-grid,.developer-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.jera-landing :is(.price-tier,.sub-plan,.developer-card,.showcase-card){min-width:0;height:100%}
.jera-landing :is(.pricing-note,.subscription-coverage){margin:24px auto 0;width:100%}
.jera-landing .pricing-note{padding:20px 24px;font-size:12px;line-height:1.8}
.jera-landing .subscription-coverage{gap:16px}
.jera-landing .sub-feature{padding:20px}
.jera-landing #expertise .title{font-size:clamp(30px,3.6vw,48px);max-width:900px;margin:0 auto;line-height:1.15}
.jera-landing #expertise>.container>.flex{margin-top:16px;gap:20px}
.jera-landing #expertise .body-lg{max-width:680px;margin:0 auto;font-size:15px;line-height:1.8}
.jera-landing #expertise .location-copy{margin-block:24px 0;padding:16px 20px}
.jera-landing :is(.manifesto-grid,.process-lab){grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}
.jera-landing .manifesto-copy>.body-lg{max-width:60ch;margin-inline:auto}
.jera-landing .process-lab>div:first-child>.eyebrow{display:table;margin-inline:auto}
.jera-landing .process-lab>div:first-child>.title,.jera-landing .process-lab>div:first-child>.body-lg{text-align:center;margin-inline:auto}
.jera-landing .process-list{margin-top:28px}
.jera-landing .cta-shell{padding:48px;margin:0 auto}
.jera-landing .cta-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;text-align:center}
.jera-landing .cta-content>div{max-width:760px;margin:auto}
.jera-landing .cta-content h2{margin:16px auto;font-size:clamp(32px,4vw,52px);line-height:1.15}
.jera-landing .cta-content p{max-width:640px;margin:0 auto;line-height:1.8}
.jera-landing .site-footer{padding-top:56px;padding-bottom:28px}
@media(max-width:1000px){.jera-landing{--section-space:64px;--content-gap:28px;--card-gap:20px}.jera-landing .hero-grid,.jera-landing .manifesto-grid,.jera-landing .process-lab{grid-template-columns:minmax(0,1fr);gap:32px}.jera-landing .hero{padding-top:120px}.jera-landing .manifesto-copy{max-width:760px}.jera-landing .process-console{width:100%;max-width:760px;margin-inline:auto}}
@media(max-width:600px){.jera-landing{--section-space:48px;--content-gap:24px;--card-gap:16px}.jera-landing .hero{padding:104px 0 32px}.jera-landing .hero-copy h1{font-size:40px}.jera-landing .hero-meta{gap:10px}.jera-landing .proof-bar{padding-bottom:24px}.jera-landing .cta-shell{padding:28px 20px}.jera-landing .landing-section-header{gap:16px}.jera-landing .pricing-note{padding:18px}.jera-landing .site-footer{padding-top:40px}}

/* Crisp surfaces and restrained spacing across the shared landing template. */
.jera-landing :is(.service-tile,.price-tier,.showcase-card,.sub-plan,.developer-card,.faq-grid details,.pos-offer){border-radius:12px;box-shadow:none}
.jera-landing :is(.service-tile,.price-tier,.showcase-card,.faq-grid details){border-color:#ddd7de}
.jera-landing :is(.service-tile,.price-tier,.showcase-card,.developer-card):hover{transform:translateY(-2px);box-shadow:0 8px 24px #2013250a}
.jera-landing .service-tile{padding:24px;min-height:220px}
.jera-landing .service-tile h3{margin-top:24px;line-height:1.3}
.jera-landing .service-tile p{font-size:13px;line-height:1.75}
.jera-landing :is(.showcase-content,.developer-info){padding:24px}
.jera-landing :is(.sub-plan,.pos-offer){padding:24px}
.jera-landing .site-nav,.jera-landing .site-nav.scrolled{border-radius:12px;box-shadow:0 8px 28px #100c1717}
.jera-landing .btn{border-radius:8px;min-height:44px;line-height:1.4;max-width:100%}
.jera-landing #elite-pos .pos-featured-layout{padding:32px;gap:32px;border-radius:14px}
.jera-landing #elite-pos .sale-plans{padding:32px;border-radius:14px}
.jera-landing #elite-pos .sale-shell{gap:24px}
.jera-landing #elite-pos .sale-visual{padding:16px;border-radius:10px}
.jera-landing .faq-grid details{padding:20px 24px}
.jera-landing .manifesto-card{padding:24px;border-radius:12px}
.jera-landing .cta-shell{border-radius:14px}
.jera-landing .site-footer>.container{margin-inline:auto}
@media(max-width:600px){.jera-landing :is(.service-tile,.showcase-content,.developer-info,.sub-plan,.pos-offer,.manifesto-card){padding:20px}.jera-landing #elite-pos :is(.pos-featured-layout,.sale-plans){padding:20px;gap:24px}.jera-landing #elite-pos .sale-visual{padding:12px}.jera-landing .faq-grid details{padding:18px}}
@media(prefers-reduced-motion:reduce){.jera-landing :is(.service-tile,.price-tier,.showcase-card,.developer-card):hover{transform:none}}

/* Keep plan tracks inside the section rather than allowing legacy fixed columns to expand it. */
.jera-landing #elite-pos .sale-shell{grid-template-columns:minmax(0,1fr);min-width:0}
.jera-landing #elite-pos .sale-plans{grid-column:1;min-width:0;width:100%;margin:0 auto}
.jera-landing #elite-pos .pos-offer-grid.tiered{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));min-width:0;width:100%;max-width:100%;gap:20px;margin:0}
.jera-landing #elite-pos .pos-offer{min-width:0;max-width:100%;overflow-wrap:anywhere}
.jera-landing #point-of-view>.container.manifesto-grid{width:min(1160px,calc(100% - 96px));margin-inline:auto;padding-inline:0;gap:48px}
@media(max-width:900px){.jera-landing #point-of-view>.container.manifesto-grid{width:calc(100% - 64px);gap:32px}}
@media(max-width:600px){.jera-landing #elite-pos .pos-offer-grid.tiered{grid-template-columns:minmax(0,1fr);gap:16px}.jera-landing #point-of-view>.container.manifesto-grid{width:calc(100% - 48px);gap:28px}}
