/* Extend the existing dark palette and glass surfaces for the expanded toolkit. */
.tech-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;padding:25px}
.tech-tab{flex-direction:column;justify-content:center;text-align:center;gap:12px;padding:22px 8px;border:1px solid var(--line);min-width:0}
.tech-tab:last-child{border:1px solid var(--line)}
.tech-tab>span:nth-child(2){font-size:14px;letter-spacing:-.025em}
.tech-tab>svg{display:none}
.tech-tab .tech-symbol svg{width:26px;height:26px}
.tech-panel{min-width:0}
.tech-panel>p{min-height:100px}
.code-window pre{overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.service-card{padding:34px;border-radius:16px;scroll-margin-top:135px;background-color:#10140e;position:relative}
.service-card[data-service="custom-websites"]{grid-column:1/-1}
.service-card[data-service="custom-websites"]>p{max-width:850px}
.service-technologies{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.service-technologies span{font-size:11px;line-height:1.6;border:1px solid rgba(210,246,90,.2);color:#d0dbbf;border-radius:20px;padding:6px 12px;background:rgba(210,246,90,.04)}
.service-card .eyebrow{font-size:9px;color:var(--lime);margin-bottom:28px}
.service-card h2,.service-card h3{font-size:clamp(25px,2.4vw,33px);letter-spacing:-.04em;line-height:1.2;margin-bottom:16px}
.service-card p{font-size:13px;line-height:1.8}
.service-card .service-tagline{color:var(--white);font-size:14px;margin-bottom:14px}
.service-card .text-link{margin-top:23px;font-size:12px;color:var(--lime)}
.service-card ul{margin:24px 0;padding:0;list-style:none;display:grid;gap:12px}
.service-card li{font-size:12px;line-height:1.7;color:#c4cabd;padding-left:18px;position:relative}
.service-card li::before{content:'↗';position:absolute;left:0;color:var(--lime)}
.service-card .service-brief{border-top:1px solid var(--line);padding-top:22px;color:#b6bdaa;font-size:12px}
.service-jump-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.service-jump-links a{display:flex;align-items:center;gap:16px;padding:11px 17px;border:1px solid var(--line);border-radius:28px;font-size:12px;transition:border-color .2s,color .2s}
.service-jump-links svg{width:15px;height:15px}
.service-jump-links a:hover{border-color:var(--lime);color:var(--lime)}
.service-faq{max-width:920px}
.project-summary{font-size:12px;line-height:1.8;margin-top:13px;max-width:95%}
.faq-item{border-top:1px solid var(--line);padding-block:24px}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:17px;line-height:1.6;color:var(--white)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{color:var(--lime);font-size:23px;transition:transform .2s}
.faq-item[open] summary span{transform:rotate(45deg)}
.faq-item p{font-size:13px;line-height:1.9;padding-top:17px;max-width:790px}
.footer-bottom{flex-wrap:wrap;gap:18px}
.footer-bottom .footer-services{color:#bac6ad;font-size:11px}
@media(max-width:900px){.tech-tabs{padding:16px;gap:6px}.tech-tab{padding:20px 5px}.tech-tab>span:nth-child(2){font-size:12px}.service-card{padding:27px}.services-grid{gap:18px}}
@media(max-width:680px){.tech-tabs{padding:13px}.tech-tab{padding:16px 7px;gap:9px}.tech-panel>p{min-height:90px}.services-grid{grid-template-columns:1fr;gap:17px}.service-card{padding:26px;scroll-margin-top:105px}.service-card .eyebrow{margin-bottom:23px}.service-card h2,.service-card h3{font-size:27px}.service-jump-links{gap:8px}.service-jump-links a{padding:10px 13px;font-size:11px;gap:10px}.faq-item summary{font-size:15px;gap:18px}.faq-item p{font-size:12px}.footer-bottom .footer-services{font-size:9px}}
@media(prefers-reduced-motion:reduce){.service-jump-links a,.faq-item summary span{transition:none}}