.reading-page {
  width: min(100% - 3rem, 700px);
  margin: 1.5rem auto 4rem;
}
.included-list { display: grid; gap: 1.25rem; }
.included-list .card { padding: 1.25rem 1.5rem; }
.included-list :is(h2, h3) { display:flex; align-items:center; gap:.85rem; text-align: left; font-size: 1.45rem; margin: 0 0 .75rem; }
.included-icon { width:30px; height:30px; flex:0 0 30px; color:var(--amber); }
.included-list :is(h2, h3) span { color: var(--amber); margin-right: .6rem; }
.included-list p { font: 1.2rem/1.5 var(--sans); margin: 0; }
.pricing-guide { margin-top: 4rem; }
.pricing-guide h2 { font-size: clamp(1.65rem, 4vw, 2.3rem); }
.pricing-note { text-align: center; margin: -1rem 0 2.5rem; }
.pricing-guide article { margin-bottom: 2.5rem; }
.pricing-guide h3 { font-size: 1.5rem; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .8rem; }
.price-number { background: var(--amber); color: var(--surface); padding: 0 .4rem; border-radius: 3px; }
.section-arrow { color: var(--amber); text-align: center; font-size: 4rem; line-height: 1.4; }
.plain-list { padding-left: 1.4rem; }
.plain-list li { padding-left: .3rem; margin-bottom: 1rem; }
.perfect-for > .button { display: flex; width: min(100%, 450px); margin: 3rem auto; }
.page-next-links { display:grid; gap:1.5rem; width:min(100%,450px); margin:3rem auto 0; }
.page-next-links .button { width:100%; }
.perfect-for .page-next-links { margin:-1.5rem auto 3rem; }
.ai-next-button { display:none !important; }
.ai-desktop-button { display:none !important; }
@media(min-width:801px) { .home-page .perfect-for .ai-desktop-button { display:flex !important; margin-top:-1.5rem; } }
.about-page .prose { font-size: 1.25rem; line-height: 1.5; }
.portrait { width: min(100%, 360px); height: auto; border-radius: 1rem; margin: 2.5rem auto 3rem; }
.photo-stack { display: grid; gap: 2rem; margin: 2rem 0; }
.photo-stack img { width: 100%; height: auto; border-radius: 1rem; }
.about-platform { margin: 3rem 0; }
.about-platform a { color: #a6cee3; font-size: 1.25rem; }
.about-page > .button { display: flex; max-width: 450px; margin: 2rem auto; }
.contact-intro { font-size: 1.4rem; line-height: 1.6; }
.contact-intro p { margin-bottom: 2rem; }
.contact-form { width: min(100%, 500px); margin: 3rem auto; }
.contact-form label { display: block; margin: 1rem 0 .35rem; font-size: 1rem; }
.contact-form input:not([type="hidden"]), .contact-form textarea {
  width: 100%; padding: 1rem 1.3rem; border: 2px solid transparent;
  border-radius: 1.4rem; background: #f4f5f7; color: #202428;
  font: 1.125rem/1.4 var(--sans); resize: vertical;
}
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #40454b; opacity: 1; }
.contact-form input:focus-visible, .contact-form textarea:focus-visible { outline: 3px solid var(--amber); outline-offset: 3px; }
.contact-form .button { width: 100%; margin-top: 1.5rem; cursor: pointer; }
.form-note { font-size: .875rem; line-height: 1.5; }
.custom-ai-page .modern-cards .feature-card { padding: clamp(1.5rem, 2.5vw, 2.25rem); display:flex; flex-direction:column; }
.custom-ai-page .modern-cards .feature-card h2 { display:flex; align-items:center; gap:.75em; text-align:left; margin: 0 0 1.25rem; line-height: 1.35; }
.custom-ai-page .modern-cards .feature-card .prose { padding: 0; line-height: 1.65; }
.custom-ai-page .modern-cards .feature-card .prose p { margin: 0; }
.custom-ai-page .modern-cards .feature-card .prose p + p { margin-top:1.1rem; }
.ai-card-icon { display:block; width:1.5em; height:1.5em; flex:0 0 1.5em; color:var(--amber); stroke-width:4; }
.main-technologies { margin:4rem 0; }
.technology-logos { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2.75rem 1.25rem; margin:3rem auto; max-width:480px; color:#fff; text-align:center; }
.technology-detail { display:block; margin-top:.5rem; font-size:.8rem; font-weight:400; line-height:1.5; }
.technology-logos figure { margin:0; min-width:0; grid-column:span 2; }
.technology-logos figure:last-child { grid-column:2 / span 2; }
.technology-logos img { display:block; width:64px; height:64px; margin:0 auto 1rem; object-fit:contain; }
.technology-logos figcaption { font:600 clamp(.8rem,2.5vw,1rem)/1.4 var(--sans); }
.contact-details { text-align: center; margin-top: 3rem; }
.contact-details a { overflow-wrap: anywhere; }
.site-footer .footer-email { font-size: 1rem; font-weight: normal; color: var(--surface); margin: .5rem 0 1rem; }
@media(max-width:800px) {
  .reading-page { width: calc(100% - 3rem); margin-top: 1.5rem; }
  .included-list .card { padding: 1.2rem; }
  .included-list :is(h2, h3) { font-size: 1.25rem; }
  .included-list p, .about-page .prose { font-size: 1rem; }
  .pricing-guide h3 { font-size: 1.25rem; }
  .portrait { width: 60%; }
  .contact-intro { font-size: 1.125rem; }
  .contact-form { margin-top: 2rem; }
}
@media(max-width:800px) {
  .perfect-for .ai-next-button { display:flex !important; margin-top:-1.5rem; }
  .technology-logos { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:400px; gap:2.5rem 1.5rem; }
  .technology-logos figure, .technology-logos figure:nth-child(-n+2) { grid-column:span 1; }
  .technology-logos figure:last-child { grid-column:1 / -1; }
}
/* Pricing comparison: three columns on desktop, horizontal tiers on tablet. */
.pricing-guide { width:min(1200px, calc(100vw - 4rem)); margin-left:calc(50% - min(600px, 50vw - 2rem)); margin-top:5rem; }
.pricing-tiers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; align-items:stretch; }
.pricing-guide .pricing-tier { margin:0; padding:1.6rem; border:4px solid var(--border); border-radius:1.5rem; background:var(--surface); display:flex; flex-direction:column; overflow:hidden; transition:border-color .2s; }
.pricing-tier:hover { border-color:var(--amber); }
.pricing-guide .pricing-tier:nth-child(2) { border-color:var(--blue); }
.pricing-guide .pricing-tier:nth-child(2):hover { border-color:var(--amber); }
.pricing-guide .pricing-tier h3 { margin:0 0 1.75rem; font-size:1.25rem; flex-wrap:nowrap; gap:.75rem; }
.pricing-tier .price-number { display:grid; place-items:center; flex:0 0 2.25rem; height:2.25rem; border-radius:.65rem; font-size:1.35rem; }
.tier-price { color:var(--white); font-size:clamp(1.8rem,3vw,2.65rem); font-weight:700; letter-spacing:-.045em; margin:0 0 1rem; white-space:nowrap; }
.tier-tagline { color:var(--blue); line-height:1.55; margin:0; min-height:4.7em; font-size:1rem; }
.tier-scope { margin:1.5rem 0; padding:1.2rem 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
.scope-label { display:block; font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.5rem; }
.tier-scope strong { font-size:1.6rem; color:var(--white); }
.tier-description { margin:0; font-size:1rem; line-height:1.65; }
@media(min-width:1101px) { .pricing-tiers { padding-top:1rem; } .pricing-guide .pricing-tier:nth-child(2) { transform:translateY(-1rem); } }
@media(min-width:601px) and (max-width:1100px) {
  .pricing-tiers { grid-template-columns:1fr; }
  .pricing-guide .pricing-tier { display:grid; grid-template-columns:minmax(180px,.85fr) minmax(0,1.4fr); gap:0 2rem; }
  .tier-top { grid-row:1 / 3; }
  .tier-tagline { min-height:0; }
  .tier-scope { margin:0 0 1rem; border-top:0; padding-top:0; }
  .tier-price { font-size:2rem; }
}
@media(max-width:600px) {
  .pricing-guide { width:100%; margin-left:0; }
  .pricing-tiers { grid-template-columns:1fr; }
  .pricing-guide .pricing-tier { padding:1.25rem; }
  .tier-tagline { min-height:0; }
  .tier-price { font-size:2.2rem; }
}
@media(min-width:801px) { .tier-tagline { min-height:0; } }

.build-details { margin-top: 4rem; }

.build-details { margin-top: 4rem; }

/* Animated heading icons use transforms so the card layout stays still. */
.build-cards .build-card-heading { display:flex; align-items:center; justify-content:center; gap:.7em; text-align:left; }
.build-icon { width:1.5em; height:1.5em; flex:0 0 1.5em; color:var(--amber); transform-origin:center; }
.build-icon--custom { animation:build-custom-turn 14s linear infinite; }
@keyframes build-custom-turn { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .build-icon { animation:none; } }

/* Seven technologies: centered final API item on every screen. */
@media(min-width:801px) {
  .technology-logos { grid-template-columns:repeat(6,minmax(0,1fr)); max-width:660px; }
  .technology-logos figure { grid-column:span 2; }
  .technology-logos figure:last-child { grid-column:3 / span 2; }
}
@media(max-width:800px) {
  .technology-logos figure:last-child { grid-column:1 / -1; }
  .build-cards .build-card-heading { justify-content:flex-start; }
}
/* Client voices: spacious quote cards with quiet attribution details. */
.testimonials-main { max-width:1180px; margin:0 auto; padding:1.5rem 2rem 5rem; }
.testimonials-intro { text-align:center; margin:0 auto 3.5rem; }
.testimonials-eyebrow { color:var(--amber); font-size:.85rem; letter-spacing:.17em; text-transform:uppercase; font-weight:700; margin:0 0 .8rem; }
.testimonials-intro h1 { color:var(--white); font-size:clamp(1.75rem,2.3vw,2.4rem); line-height:1.2; margin:0; letter-spacing:.015em; }
.testimonials-rule { width:72px; height:4px; background:var(--amber); border-radius:4px; margin:1.6rem auto 0; }
.testimonials-grid { display:grid; gap:2rem; }
.testimonial { margin:0; padding:2.5rem; display:grid; grid-template-columns:240px minmax(0,1fr); grid-template-rows:auto 1fr; gap:1.5rem 2.5rem; border:2px solid var(--blue); border-radius:1.25rem; background:var(--surface); transition:border-color .15s ease; }
.testimonial:hover { border-color:var(--amber); }
@media(min-width:801px) { .testimonial { border-width:4px; } }
.testimonial-top { grid-column:1; grid-row:1; }
.testimonial-sector, .testimonial-mark, .testimonial-initials { display:none; }
.testimonial-stars { display:block; color:var(--amber); font-size:2.35rem; line-height:1.2; letter-spacing:.08em; white-space:nowrap; }
.testimonial blockquote { grid-column:2; grid-row:1 / 3; margin:0; padding-left:2.5rem; border-left:1px solid var(--border); font-size:1.15rem; line-height:1.75; color:var(--white); }
.testimonial blockquote p { margin:0 0 1.2rem; }
.testimonial blockquote p:last-child { margin-bottom:0; }
.testimonial figcaption { grid-column:1; grid-row:2; align-self:start; }
.testimonial figcaption strong { display:block; color:var(--white); font-size:1.4rem; margin-bottom:.6rem; }
.testimonial figcaption div>span { display:block; font-size:.875rem; line-height:1.5; }
.testimonial-location { color:#aeb6c7; margin-top:.15rem; }
@media(min-width:801px) and (max-width:1100px) {
 .testimonial { grid-template-columns:205px minmax(0,1fr); padding:2rem; gap:1.25rem 1.5rem; }
 .testimonial-stars { font-size:2.1rem; }
 .testimonial blockquote { padding-left:1.5rem; }
}
@media(max-width:800px) {
 .testimonials-main { padding:1rem 1.25rem 3rem; }
 .testimonials-intro { margin-bottom:2rem; }
 .testimonials-grid { grid-template-columns:1fr; gap:1.25rem; }
 .testimonial { padding:1.5rem; display:flex; flex-direction:column; gap:1.5rem; }
 .testimonial-stars { font-size:2.25rem; letter-spacing:.1em; }
 .testimonial blockquote { font-size:1rem; padding:0; border:0; }
 .testimonial figcaption { border-top:1px solid var(--border); padding-top:1.25rem; }
}
.ui-showcase { padding-block:2.5rem 3rem; }
.ui-showcase-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(1rem,3vw,2.75rem); max-width:1100px; margin:0 auto; align-items:start; }
.ui-device { margin:0; min-width:0; padding:6px; border:1px solid #adb0b6; border-radius:30px; background:linear-gradient(115deg,#b7bac0,#222731 12%,#080a0e 50%,#727884); box-shadow:0 16px 28px #0005,inset 0 0 0 2px #323641; }
.ui-device img { display:block; width:100%; height:auto; border:2px solid #090b10; border-radius:23px; }
.ui-showcase-copy { text-align:center; font-size:clamp(1rem,1.2vw,1.2rem); line-height:1.6; margin:2rem auto 0; max-width:900px; }
.ui-showcase-copy p { margin:0; }
.ui-showcase-copy p + p { margin-top:1rem; }
.ui-showcase-tagline { font-size:1.2em; }
@media(max-width:800px) {
  .ui-showcase-grid { grid-template-columns:1fr; max-width:280px; gap:1.5rem; }
  .ui-device { padding:4px; border-radius:22px; }
  .ui-device img { border-radius:17px; }
}