/* Four reference-aligned service detail pages. Shared header/layout stay unchanged. */
.extended-service img{display:block;max-width:100%;object-fit:contain}
.extended-service .design-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;padding-block:24px 14px}
.extended-service h1{font-size:clamp(30px,3.5vw,44px)}
.extended-service h1 em{display:inline}
.ext-hero-image{width:100%;height:auto;border-radius:12px;mix-blend-mode:multiply}
.ext-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:12px 0 27px}
.ext-principles article{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #e8eff9;background:#ffffffcf;border-radius:10px;box-shadow:0 3px 7px #17335a06}
.ext-principles img{width:35px;height:35px;flex:0 0 35px;border-radius:7px}
.ext-principles b{font-size:10px;line-height:1.5}
.extended-service .design-section{padding-block:25px}
.ext-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:17px}
.ext-card{border:1px solid #e3ebf6;border-radius:12px;background:linear-gradient(135deg,#fff,#f6faff);box-shadow:0 3px 8px #1a3f6b07;padding:17px}
.ext-card>img{width:75px;height:75px;margin:0 0 13px;border-radius:10px}
.ext-card h3{font-size:13px;margin-bottom:8px}
.ext-card p{font-size:10px;line-height:1.6}
.ext-step-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;margin-top:22px;counter-reset:steps}
.ext-step-grid article{position:relative}
.ext-step-grid article:not(:last-child):after{content:'→';position:absolute;right:-15px;top:23px;color:#0064ff;font-size:22px}
.ext-step-grid img{width:60px;height:60px;margin-bottom:10px}
.ext-step-number{display:block;color:#0061ff;font-size:10px;font-weight:750;margin-bottom:7px}
.ext-step-grid h3{font-size:12px;margin-bottom:7px}
.ext-step-grid p{font-size:10px}
.ext-dark{background:linear-gradient(125deg,#031c35,#020b1b);color:#fff}
.ext-dark .design-label{color:#14d0e4}
.ext-dark p{color:#a9bcd4}
.ext-band{padding-block:28px;margin-block:12px}
.ext-band-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin-top:23px}
.ext-band-grid article{padding:14px 12px;border:1px solid #20435e;background:linear-gradient(135deg,#17314f70,#071b2b);border-radius:10px}
.ext-band-grid h3{font-size:11px;margin:11px 0 7px}
.ext-band-grid p{font-size:9px}
.ext-mark{width:57px;height:57px;background:linear-gradient(130deg,#30486b,#0b223b);border-radius:13px;color:#35c8ff;padding:9px;box-shadow:inset 0 1px #ffffff25,0 5px 12px #0004}
.ext-mark svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px #0076ff70)}
.ext-mark-go{color:#2dd5ec}
.ext-platform-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.ext-platform-grid.ext-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.ext-platform-grid .ext-card{padding:14px}
.ext-platform-grid .ext-card>img{width:57px;height:57px}
.ext-cloud-diagram{width:100%;height:auto;margin-top:22px;border-radius:10px}
.ext-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px}
.ext-portfolio .ext-card{padding:10px}
.ext-dashboard-preview{display:block;width:100%;height:auto;border-radius:8px}
.ext-portfolio .ext-card h3{font-size:12px}
.ext-portfolio .design-text-link{display:inline-block;font-size:10px;margin-top:9px}
.ext-product-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;margin-top:20px}
.ext-product-tabs{display:flex;flex-direction:column;gap:12px}
.ext-product-tabs button{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #e0eaf8;border-radius:10px;background:white;text-align:left;color:#15284b;font:700 11px "Be Vietnam Pro",sans-serif;cursor:pointer}
.ext-product-tabs button[aria-selected=true]{background:#0061ff;color:white;border-color:#0061ff;box-shadow:0 4px 13px #0061ff30}
.ext-product-tabs button:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
.ext-product-tabs img{width:25px;height:25px;border-radius:4px}
.ext-product-panels{min-width:0;border-radius:12px;background:linear-gradient(120deg,#f3f8ff,#dcecff);overflow:hidden}
.ext-product-panels figure{margin:0}
.ext-product-panels figure[hidden]{display:none}
.ext-product-panels img{width:100%;height:365px;object-fit:contain}
.ext-preview-features{padding-bottom:0;margin-top:10px}
.ext-small-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:18px}
.ext-small-grid .ext-card{padding:13px}
.ext-small-grid .ext-card>img{width:48px;height:48px;margin-bottom:11px}
.ext-small-grid h3{font-size:10px;margin-bottom:6px}
.ext-small-grid p{font-size:9px}
.ext-process.ext-dark{padding-block:29px;margin-top:12px}
.ext-dark .ext-step-number{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#0061ff;color:white;font-size:13px;box-shadow:0 0 0 4px #0878ff19}
.ext-dark .ext-step-grid article:not(:last-child):after{top:6px;color:#13d9ee}
.ext-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
.ext-plan{position:relative;padding:22px;border:1px solid #e1ebf6;border-radius:12px;background:linear-gradient(130deg,white,#f4f9ff)}
.ext-plan-featured{border-color:#0061ff;box-shadow:0 0 0 3px #edf3ff}
.ext-popular{position:absolute;right:15px;top:-12px;border-radius:7px;background:#0061ff;color:white;padding:5px 12px;font-size:9px;font-weight:750}
.ext-plan-title{display:flex;gap:10px;align-items:center}
.ext-plan-title img{width:42px;height:42px;border-radius:8px}
.ext-plan-title h3{font-size:14px;margin-bottom:4px}
.ext-plan-title p{font-size:10px}
.ext-plan ul{list-style:none;margin:19px 0 23px;padding:0;min-height:104px}
.ext-plan li{position:relative;padding-left:21px;font-size:11px;line-height:1.6;margin-bottom:8px;color:#425b7d}
.ext-plan li:before{content:'✓';position:absolute;left:0;color:#0ab96f;font-weight:800}
.ext-plan .btn{display:block;text-align:center;background:#e6f0ff!important;color:#0061ff!important}
.ext-faq .design-faq-list{margin-top:18px}
.ext-cta{display:grid;grid-template-columns:1fr 200px;gap:28px;align-items:center;background:linear-gradient(100deg,#e4f1ff,#bdd7ff);border:1px solid #a6caff;border-radius:13px;padding:23px 28px;margin-block:15px 25px;box-shadow:0 5px 12px #1b559b14}
.ext-cta h2{color:#0058f8;font-size:24px;margin:0 0 8px}
.ext-cta p{color:#517bba;font-size:11px;max-width:680px}
.ext-cta-actions{display:flex;flex-direction:column;gap:9px}
.ext-cta .btn{padding:10px 15px;text-align:center;font-size:10px}
@media(min-width:1500px){.extended-service h1{font-size:45px}}
@media(max-width:1000px){.ext-card-grid{gap:10px}.ext-card{padding:13px}.ext-band-grid{gap:10px}.ext-band-grid article{padding:11px 8px}.ext-band-grid h3{font-size:10px}.ext-product-layout{grid-template-columns:150px 1fr}.ext-small-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ext-principles{gap:9px}.ext-principles b{font-size:9px}}
@media(max-width:760px){.extended-service .design-hero-grid{grid-template-columns:1fr}.extended-service h1{font-size:38px}.ext-hero-image{max-width:590px;margin:auto}.ext-principles,.ext-card-grid,.ext-platform-grid,.ext-platform-grid.ext-four{grid-template-columns:repeat(2,minmax(0,1fr))}.ext-principles b{font-size:10px}.ext-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.ext-step-grid article:nth-child(3):after{display:none}.ext-band-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ext-portfolio-grid{grid-template-columns:1fr}.ext-product-layout{grid-template-columns:1fr}.ext-product-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ext-product-tabs button{justify-content:center;padding:12px 6px;font-size:9px}.ext-product-tabs img{display:none}.ext-plan-grid{grid-template-columns:1fr}.ext-plan ul{min-height:0}.ext-cta{grid-template-columns:1fr;gap:18px;padding:22px}.ext-cta-actions{flex-direction:row}.ext-cta-actions a{flex:1}.ext-cloud-diagram{min-width:680px}.ext-cloud-devops .ext-band .design-shell{overflow-x:auto;padding-bottom:12px}}
@media(max-width:480px){.extended-service h1{font-size:34px}.extended-service .design-actions{flex-direction:column}.extended-service .design-actions .btn{text-align:center}.ext-principles article{padding:7px;gap:6px}.ext-principles img{width:28px;height:28px;flex-basis:28px}.ext-principles b{font-size:9px}.ext-card>img{width:60px;height:60px}.ext-card h3{font-size:12px}.ext-step-grid{grid-template-columns:1fr;gap:22px}.ext-step-grid article{padding-left:78px;min-height:70px}.ext-step-grid img{position:absolute;left:0;top:0}.ext-step-grid article:after{display:none}.ext-dark .ext-step-grid article{padding-left:60px;min-height:54px}.ext-dark .ext-step-number{position:absolute;left:0;top:0}.ext-band-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ext-small-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ext-product-panels img{height:230px}.ext-cta h2{font-size:22px}.ext-cta-actions{flex-direction:column}}