/* Phase 2 only: no homepage, portfolio or shared navigation overrides. */
.phase-two .scope-visual>ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.phase-two .scope-visual>ul>li{margin:0;padding:22px;border:1px solid #d8dbe0;border-radius:16px;background:#f7f8fa;min-width:0}
.phase-two .scope-visual>ul>li strong{display:block;margin-bottom:10px}
.phase-two .method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.phase-two .method-grid article{padding:22px;background:#f7f8fa;border:1px solid #d8dbe0;border-radius:16px;min-width:0}
.phase-two .method-grid .visual-icon{display:block;background:#fff0ce;color:#805000}
.phase-two .method-grid h3{color:#252932;margin:16px 0 8px}
.phase-two .method-grid p{margin:0}
.phase-two .blueprint-board .product-path>div{display:block}
.phase-two .blueprint-board .product-path small,.phase-two .blueprint-board .product-path strong,.phase-two .blueprint-board .product-path span{display:block}
.phase-two .blueprint-board .product-path small{margin-bottom:10px}
.phase-two .blueprint-board .product-path span{margin-top:8px}
@media(max-width:600px){.phase-two .scope-visual>ul,.phase-two .method-grid{grid-template-columns:1fr}}
.phase-two .service-visual-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.phase-two .service-visual-grid>*{min-width:0}
.phase-two .page-hero h1,.phase-two .service-hero h1{font-size:clamp(2rem,3.65vw,3.7rem);line-height:1.18;overflow-wrap:anywhere}
.phase-two .page-hero p,.phase-two .service-hero-copy p{max-width:65ch}
.phase-two .service-hero-actions{flex-wrap:wrap}
.phase-two .service-hero-actions .button{white-space:normal;text-align:center;max-width:100%}
.phase-two .service-visual{margin:0;padding:20px;background:#15171d;border:1px solid #363b45;border-radius:24px;color:#fff;min-width:0;box-shadow:0 18px 48px #0002}
.phase-two .service-visual img{display:block;width:100%;height:auto;border-radius:12px;aspect-ratio:8/5;object-fit:contain;background:#202630}
.phase-two .service-visual figcaption{font-size:.88rem;line-height:1.7;color:#d1d4dc;margin-top:16px;overflow-wrap:anywhere}
.phase-two .service-visual figcaption a{color:#ffb01d;text-decoration:underline;text-underline-offset:4px}
.phase-two .visual-browser{display:flex;align-items:center;gap:5px;padding:0 0 14px;font-size:.78rem;color:#d1d4dc;overflow-wrap:anywhere}
.phase-two .visual-browser i{flex:0 0 6px;width:6px;height:6px;background:#818894;border-radius:50%}
.phase-two .visual-browser span{margin-left:8px;min-width:0}
.phase-two .visual-label{display:block;color:#ffb01d;font-size:.82rem;font-weight:700;margin-bottom:20px;line-height:1.6}
.phase-two .service-visual .visual-label{color:#ffb01d;font-size:.82rem;margin-top:0}
.phase-two .visual-stack{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.phase-two .visual-stack li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:18px;border:1px solid #3b414c;border-radius:16px;background:#20242d}
.phase-two .visual-stack strong{display:block;color:#fff;font-size:1.05rem;line-height:1.6}
.phase-two .visual-stack p{color:#d1d4dc;margin:5px 0 0;font-size:.92rem;line-height:1.7}
.phase-two .visual-icon{color:#ffb01d;width:44px;height:44px;padding:8px;border-radius:12px;background:#3b2c14}
.phase-two .visual-icon svg{display:block;width:100%;height:100%}
.phase-two .visual-map{height:160px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 43px,#414650 43px 48px),repeating-linear-gradient(90deg,#222a29 0 61px,#414650 61px 67px);border-radius:16px;margin-bottom:16px}
.phase-two .visual-map svg{position:absolute;left:calc(50% - 30px);top:42px;width:60px;height:72px;color:#ffb01d;filter:drop-shadow(0 8px 6px #0005)}
.phase-two .visual-map:after{content:'';position:absolute;inset:0;border:1px solid #454d58;border-radius:16px}
.phase-two .visual-steps{list-style:none;padding:0;margin:26px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:phase-step}
.phase-two .visual-steps li{counter-increment:phase-step;min-width:0;border:1px solid #d8dbe0;border-radius:16px;padding:20px;background:#fff;color:#252932;font-weight:700;line-height:1.7;overflow-wrap:anywhere}
.phase-two .visual-steps li:before{content:'0' counter(phase-step);display:block;color:#805000;font-size:.78rem;letter-spacing:.1em;margin-bottom:12px}
.phase-two .service-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;margin:28px 0;padding:24px;background:#f2f3f5;border:1px solid #d8dbe0;border-radius:20px}
.phase-two .service-example>*{min-width:0}.phase-two .service-example img{width:100%;height:auto;display:block;aspect-ratio:8/5;object-fit:contain;border-radius:12px;background:#202630}
.phase-two .service-example p{margin:12px 0}.phase-two .service-example a{color:#805000;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.phase-two .quotation-strip{border-top:1px solid #d8dbe0;margin-top:28px;padding-top:24px;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.phase-two .quotation-strip p{flex:1 1 280px;margin:0;color:#565d68;font-size:.95rem}.phase-two .quotation-strip .button{white-space:normal;text-align:center;max-width:100%}
.phase-two .blueprint-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.phase-two .blueprint-board .product-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none;padding:0;background:none;border:0;box-shadow:none}
.phase-two .blueprint-board .product-path>div{min-width:0;padding:18px;background:#20242d;border:1px solid #3b414c;border-radius:16px}
.phase-two .blueprint-board .product-path>div.active{border-color:#ffb01d}
.phase-two .blueprint-board .product-path strong{color:#fff}.phase-two .blueprint-board .product-path span{color:#d1d4dc;line-height:1.7}.phase-two .blueprint-board .product-path small{color:#ffb01d}
.phase-two .planning-sheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;border-top:1px solid #3b414c;padding-top:20px}
.phase-two .planning-sheet span{min-width:0;background:#242a33;border-radius:10px;padding:12px;font-size:.85rem;line-height:1.7;color:#d1d4dc;overflow-wrap:anywhere}
.phase-two .planning-sheet span:first-child{color:#ffb01d;border:1px solid #ffb01d}
.phase-two .answer-grid{gap:20px}.phase-two .answer-card{border-radius:20px}
.phase-two .remote-process{list-style:none;padding:0;counter-reset:remote-step;gap:16px}
.phase-two .remote-process li{counter-increment:remote-step;min-width:0;padding:22px;border:1px solid #d8dbe0;border-radius:16px;background:#f7f8fa}
.phase-two .remote-process li:before{content:'0' counter(remote-step);display:block;color:#805000;font-size:.8rem;font-weight:700;margin-bottom:12px}
.phase-two .remote-process li p{margin:8px 0 0}
.phase-two .sales-flow{display:none} /* Replaced by the visible, semantic four-step diagram. */
.phase-two .service-visual a:focus-visible,.phase-two .service-example a:focus-visible{outline:3px solid #ffb01d;outline-offset:5px}
html:lang(ta) .phase-two h1,html:lang(ta) .phase-two h2{line-height:1.55;letter-spacing:0}
@media(max-width:1000px){.phase-two .service-visual-grid,.phase-two .blueprint-hero-grid{grid-template-columns:1fr}.phase-two .service-visual-grid h1{max-width:22ch}.phase-two .service-visual{width:100%;max-width:680px}.phase-two .visual-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.phase-two .page-hero,.phase-two .service-hero{padding-top:42px;padding-bottom:42px}.phase-two .page-hero h1,.phase-two .service-hero h1{font-size:clamp(1.85rem,7.6vw,2.7rem)}.phase-two .service-visual{padding:16px;border-radius:20px}.phase-two .service-example{grid-template-columns:1fr;padding:18px;gap:18px}.phase-two .visual-stack li{padding:14px;gap:10px;grid-template-columns:40px minmax(0,1fr)}.phase-two .visual-icon{width:36px;height:36px;padding:6px}.phase-two .visual-steps{grid-template-columns:1fr}.phase-two .planning-sheet{grid-template-columns:1fr}.phase-two .quotation-strip .button{width:100%}.phase-two .blueprint-board .product-path{grid-template-columns:1fr}.phase-two .remote-process{grid-template-columns:1fr}}

/* Keep visuals high in the hero without changing keyboard/reading order. */
.phase-two .service-visual-grid{grid-template-areas:"intro visual" "details visual";row-gap:0;align-items:start}
.phase-two .service-hero-intro{grid-area:intro}
.phase-two .service-visual-grid>.service-visual{grid-area:visual;align-self:center}
.phase-two .service-hero-details{grid-area:details;min-width:0}
.phase-two .service-hero-details>p{color:#c3c6cf;font-size:1.05rem;line-height:1.7;max-width:65ch}
.phase-two .service-hero-details .service-hero-actions{margin:8px 0 24px}
.phase-two .service-hero-details .page-updated{font-size:.82rem;margin-top:20px}
@media(max-width:1000px){.phase-two .service-visual-grid{grid-template-areas:"intro" "visual" "details";gap:22px}.phase-two .service-hero-intro h1{max-width:none}.phase-two .service-visual-grid>.service-visual{justify-self:start}.phase-two .service-hero-details .service-hero-actions{margin:0 0 20px}}
@media(max-width:600px){
 .phase-two .page-hero,.phase-two .service-hero{padding-top:24px;padding-bottom:32px}
 .phase-two .service-visual-grid{gap:18px}
 .phase-two .service-hero-intro .breadcrumbs{margin-bottom:22px;font-size:.85rem}
 .phase-two .service-hero-intro .eyebrow{font-size:.74rem;line-height:1.6;margin:0 0 12px}
 .phase-two .service-hero-intro h1{margin:0;font-size:clamp(1.75rem,7.1vw,2.2rem);line-height:1.23;letter-spacing:-.035em}
 .phase-two .service-visual{padding:12px;border-radius:16px}
 .phase-two .service-visual .visual-label{margin-bottom:10px;font-size:.75rem}
 .phase-two .visual-browser{padding-bottom:10px}
 .phase-two .service-visual figcaption{font-size:.78rem;line-height:1.6;margin-top:10px}
 .phase-two .service-hero-actions{gap:10px}
 .phase-two .service-hero-actions .button{width:100%;min-height:48px;padding:14px 18px;font-size:.95rem}
 .phase-two .service-hero-details>p{font-size:1rem}
 .phase-two .visual-map{height:86px}.phase-two .visual-map svg{top:14px;width:40px;height:52px;left:calc(50% - 20px)}
 .phase-two .visual-stack{gap:8px}.phase-two .visual-stack li{padding:10px;grid-template-columns:30px minmax(0,1fr)}
 .phase-two .visual-stack .visual-icon{width:28px;height:28px;padding:5px}
 .phase-two .visual-stack strong{font-size:.95rem}.phase-two .visual-stack p{font-size:.85rem;margin-top:3px}
 .phase-two .blueprint-board .product-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .phase-two .blueprint-board .product-path>div{padding:12px;min-height:0;overflow-wrap:anywhere}
 .phase-two .blueprint-board .product-path small{margin-bottom:6px}
 .phase-two .blueprint-board .planning-sheet{display:none}
 html:lang(ta) .phase-two .service-hero-intro h1{font-size:1.6rem;line-height:1.5;letter-spacing:0}
}