:root{--repair-bg:#061321;--repair-card-bg:rgba(255,255,255,.92);--repair-border:rgba(64,145,210,.22);--repair-radius:20px;--repair-shadow:0 18px 45px rgba(5,30,55,.11);--repair-blue:#1769e0;--repair-cyan:#13b9df;--repair-orange:#f56b16;--repair-green:#079447;--repair-text:#102033;--repair-muted:#5b6d7d}
.content-page{overflow-x:hidden;background:#f5f8fc;color:var(--repair-text)}.content-page .wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 36px}.repair-page{display:grid;gap:70px}.repair-page section{scroll-margin-top:24px}.repair-skip{position:fixed;left:12px;top:8px;z-index:9999;transform:translateY(-150%);padding:10px 15px;border-radius:8px;background:#fff;color:#071a2d;font-weight:700}.repair-skip:focus{transform:none}
.repair-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);gap:42px;align-items:center;min-height:560px;padding:56px;border:1px solid rgba(71,159,226,.25);border-radius:28px;background:linear-gradient(135deg,#061523 0%,#0b2b48 57%,#123754 100%);box-shadow:0 28px 70px rgba(3,28,52,.22);color:#fff;overflow:hidden}.repair-hero:before,.repair-command:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(76,174,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(76,174,235,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent)}.repair-hero:after{content:"";position:absolute;right:-100px;top:-120px;z-index:-1;width:430px;height:430px;border-radius:50%;background:rgba(16,190,224,.16);filter:blur(52px)}.repair-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 15px;color:#7dddf1;font-weight:800;letter-spacing:.04em}.repair-eyebrow:before{content:"";width:28px;height:2px;background:var(--repair-orange)}.repair-hero h1{max-width:680px;margin:0 0 18px;font-size:clamp(38px,5.1vw,64px);letter-spacing:-.035em;color:#fff}.repair-lead{max-width:680px;margin:0;color:#d5e5f1;font-size:clamp(17px,1.8vw,20px);line-height:1.8}.repair-badges{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.repair-badge{padding:7px 11px;border:1px solid rgba(150,220,245,.22);border-radius:999px;background:rgba(255,255,255,.07);color:#e9f8ff;font-size:13px}.repair-actions{display:flex;flex-wrap:wrap;gap:12px}.repair-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:11px 19px;border:1px solid transparent;border-radius:12px;text-decoration:none;font-weight:800;transition:transform .25s,box-shadow .25s,background .25s}.repair-btn:hover{transform:translateY(-2px)}.repair-btn:focus-visible,.repair-faq summary:focus-visible,.repair-mobile-cta a:focus-visible{outline:3px solid #ffd08f;outline-offset:3px}.repair-btn-primary{background:linear-gradient(135deg,var(--repair-orange),#ff8d25);box-shadow:0 11px 24px rgba(245,107,22,.25);color:#fff}.repair-btn-secondary{border-color:rgba(196,230,246,.35);background:rgba(255,255,255,.08);color:#fff}.repair-btn-line{background:var(--repair-green);color:#fff}.repair-btn-light{border-color:#bfd4e3;background:#fff;color:#17304a}
.repair-dashboard{position:relative;min-height:385px;padding:24px;border:1px solid rgba(125,214,239,.26);border-radius:24px;background:rgba(3,20,35,.72);box-shadow:0 22px 45px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.repair-dashboard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.repair-dots{display:flex;gap:6px}.repair-dots i{width:9px;height:9px;border-radius:50%;background:#35576d}.repair-dots i:first-child{background:var(--repair-orange)}.repair-dashboard small{color:#8eb2c9}.repair-ticket{padding:17px;border:1px solid rgba(120,202,232,.2);border-radius:15px;background:rgba(255,255,255,.06)}.repair-ticket-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.repair-status{padding:4px 9px;border-radius:999px;background:rgba(7,148,71,.18);color:#72e6a7;font-size:12px}.repair-meter{height:8px;margin:18px 0;border-radius:99px;background:#1e4259;overflow:hidden}.repair-meter span{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--repair-blue),var(--repair-cyan),var(--repair-green))}.repair-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.repair-dashboard-grid span{padding:13px 7px;border-radius:11px;background:rgba(255,255,255,.05);color:#b9d3e3;text-align:center;font-size:12px}.repair-dashboard-grid b{display:block;margin-bottom:4px;color:#fff;font-size:18px}
.repair-section-head{max-width:720px;margin:0 auto 30px;text-align:center}.repair-kicker{margin:0 0 5px;color:var(--repair-blue);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.repair-section-head h2{margin:0 0 10px;font-size:clamp(28px,3.2vw,40px)}.repair-section-head p{margin:0;color:var(--repair-muted);font-size:17px}.repair-timeline{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:0;padding:48px 0 0;list-style:none}.repair-timeline:before,.repair-timeline:after{content:"";position:absolute;left:7%;right:7%;top:22px;height:5px;border-radius:99px}.repair-timeline:before{background:#dbe7ee}.repair-timeline:after{right:auto;width:0;background:linear-gradient(90deg,var(--repair-blue),var(--repair-cyan),var(--repair-green),var(--repair-orange));transition:width 1s ease}.repair-timeline.is-visible:after{width:86%}.repair-step{position:relative;min-width:0;padding:24px 16px 18px;border:1px solid var(--repair-border);border-radius:var(--repair-radius);background:var(--repair-card-bg);box-shadow:var(--repair-shadow);opacity:0;transform:translateY(18px);transition:opacity .45s,transform .45s,box-shadow .25s}.repair-step.is-visible{opacity:1;transform:none}.repair-step:hover,.repair-card:hover{transform:translateY(-3px);box-shadow:0 21px 48px rgba(5,30,55,.15)}.repair-node{position:absolute;left:50%;top:-40px;display:grid;place-items:center;width:42px;height:42px;transform:translateX(-50%);border:5px solid #f5f8fc;border-radius:50%;background:linear-gradient(135deg,var(--repair-blue),var(--repair-cyan));box-shadow:0 7px 18px rgba(23,105,224,.25);color:#fff;font-size:12px;font-weight:900}.repair-step:nth-child(n+4) .repair-node{background:linear-gradient(135deg,var(--repair-green),var(--repair-orange))}.repair-step h3{margin:0 0 7px;font-size:17px;line-height:1.4}.repair-step p{margin:0;color:var(--repair-muted);font-size:14px;line-height:1.65}
.repair-check-grid,.repair-service-grid,.repair-trust-grid{display:grid;gap:16px}.repair-check-grid{grid-template-columns:repeat(3,1fr)}.repair-service-grid{grid-template-columns:repeat(2,1fr)}.repair-trust-grid{grid-template-columns:repeat(4,1fr)}.repair-card{position:relative;padding:23px;border:1px solid var(--repair-border);border-radius:var(--repair-radius);background:rgba(255,255,255,.88);box-shadow:var(--repair-shadow);transition:transform .25s,box-shadow .25s}.repair-icon{display:grid;place-items:center;width:45px;height:45px;margin-bottom:14px;border-radius:13px;background:linear-gradient(145deg,#e3f5ff,#fff1e6);color:#0d62b8;font-size:13px;font-weight:900}.repair-card h3{margin:0 0 6px;font-size:19px}.repair-card p{margin:0;color:var(--repair-muted)}.repair-services{padding:45px;border-radius:27px;background:linear-gradient(180deg,#e9f5ff,#f8fbfd)}.repair-service-card{display:flex;flex-direction:column;min-height:100%}.repair-features{margin:17px 0 22px;padding:0;list-style:none}.repair-features li{position:relative;margin:9px 0;padding-left:25px;color:#40566a}.repair-features li:before{content:"✓";position:absolute;left:0;color:var(--repair-green);font-weight:900}.repair-service-card .repair-btn{align-self:flex-start;margin-top:auto}.repair-trust-card{color:inherit;text-decoration:none}.repair-trust-card .repair-icon{background:#0b2c47;color:#fff}.repair-trust-links{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px}.repair-trust-links a{color:#1d5c9a;font-weight:700}
.repair-faq-list{max-width:900px;margin:auto}.repair-faq{margin:11px 0;border:1px solid var(--repair-border);border-radius:15px;background:#fff;box-shadow:0 9px 24px rgba(5,30,55,.06);overflow:hidden}.repair-faq h3{margin:0}.repair-faq button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;min-height:62px;padding:15px 19px;border:0;background:#fff;color:var(--repair-text);cursor:pointer;text-align:left;font:800 16px/1.55 inherit}.repair-faq button span{flex:0 0 auto;color:var(--repair-blue);font-size:25px}.repair-faq button[aria-expanded="true"] span{transform:rotate(45deg)}.repair-faq-answer p{margin:0;padding:0 19px 18px;color:var(--repair-muted)}.js .repair-faq-answer[hidden]{display:none}
.repair-command{position:relative;isolation:isolate;padding:48px;border-radius:27px;background:linear-gradient(125deg,#071a2d 0%,#0c3353 60%,#9e3b0a 130%);box-shadow:0 24px 60px rgba(5,30,55,.22);color:#fff;text-align:center;overflow:hidden}.repair-command h2{margin:0 0 9px;font-size:clamp(27px,3.4vw,40px)}.repair-command p{max-width:740px;margin:0 auto 23px;color:#d9e6ef}.repair-command .repair-actions{justify-content:center}.repair-mobile-cta{display:none}
@media(max-width:1024px){.repair-page{gap:58px}.repair-hero{grid-template-columns:1fr 360px;padding:40px}.repair-timeline{grid-template-columns:1fr 1fr;gap:16px;padding:0 0 0 60px}.repair-timeline:before,.repair-timeline:after{left:20px;right:auto;top:10px;bottom:10px;width:5px;height:auto}.repair-timeline:after{height:0;transition:height 1s}.repair-timeline.is-visible:after{width:5px;height:calc(100% - 20px)}.repair-node{left:-40px;top:50%;transform:translate(-50%,-50%)}.repair-trust-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.content-page .wrap{width:min(100% - 22px,680px);padding-top:12px}.repair-page{gap:48px}.repair-hero{grid-template-columns:1fr;min-height:0;padding:29px 23px}.repair-dashboard{min-height:330px}.repair-check-grid,.repair-service-grid{grid-template-columns:1fr}.repair-services{padding:30px 18px}.repair-timeline{grid-template-columns:1fr}.repair-command{padding:36px 20px}.repair-command .repair-actions{display:grid;grid-template-columns:1fr 1fr}.repair-command .repair-btn{width:100%}}
@media(max-width:600px){.repair-mobile-cta{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:120;display:grid;grid-template-columns:.72fr .82fr 1.45fr;gap:6px;padding:7px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(5,25,42,.95);box-shadow:0 16px 40px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.repair-mobile-cta a{display:grid;place-items:center;min-height:47px;border-radius:10px;color:#fff;text-decoration:none;font-size:12px;font-weight:900}.repair-mobile-cta .phone{background:#c9580d}.repair-mobile-cta .line{background:var(--repair-green)}.repair-mobile-cta .start{background:var(--repair-blue)}body.content-page{padding-bottom:calc(75px + env(safe-area-inset-bottom))}footer{padding-bottom:28px}}
@media(max-width:430px){.repair-hero h1{font-size:38px}.repair-badges{gap:6px}.repair-badge{font-size:12px}.repair-actions{display:grid}.repair-actions .repair-btn{width:100%}.repair-dashboard-grid{grid-template-columns:1fr}.repair-dashboard-grid span:nth-child(3){display:none}.repair-trust-grid{grid-template-columns:1fr}.repair-command .repair-actions{grid-template-columns:1fr}.repair-timeline{padding-left:48px}.repair-node{left:-28px}.repair-step{padding:20px 15px}}
@media(prefers-reduced-motion:reduce){.repair-page *{scroll-behavior:auto!important;transition:none!important}.repair-step{opacity:1;transform:none}.repair-timeline:after{width:86%}.repair-timeline.is-visible:after{height:calc(100% - 20px)}}
.repair-faq button:focus-visible{outline:3px solid #ffd08f;outline-offset:-3px}

/* Timeline v2: แยกเส้นหลัก ไอคอน และกิ่งเชื่อมออกจากขอบการ์ด */
.repair-timeline{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding-top:92px}
.repair-timeline:before,.repair-timeline:after{left:calc(100% / 12);right:calc(100% / 12);top:35px;height:5px;z-index:0}
.repair-timeline:before{background:linear-gradient(90deg,#dceafb,#d7f6f1,#ffead9)}
.repair-timeline.is-visible:after{width:calc(100% - (100% / 6))}
.repair-step{z-index:1;display:flex;min-height:190px;flex-direction:column;padding:27px 18px 21px;border-color:rgba(52,139,209,.24);background:linear-gradient(155deg,#fff 0%,#f8fbff 100%)}
.repair-step:before{content:"";position:absolute;left:50%;top:-31px;width:3px;height:31px;transform:translateX(-50%);border-radius:99px;background:linear-gradient(180deg,var(--repair-cyan),rgba(44,149,212,.28))}
.repair-node{top:-85px;z-index:2;width:64px;height:64px;border:6px solid #f5f8fc;background:linear-gradient(145deg,#1675e8,#0ab9dc);box-shadow:0 12px 25px rgba(23,105,224,.28);font-size:inherit}
.repair-step:nth-child(4) .repair-node{background:linear-gradient(145deg,#03a983,#58b638)}
.repair-step:nth-child(5) .repair-node{background:linear-gradient(145deg,#44a23a,#e59a16)}
.repair-step:nth-child(6) .repair-node{background:linear-gradient(145deg,#ec8d11,#ef5e18)}
.repair-node-icon{display:grid;place-items:center;width:27px;height:27px;color:#fff}
.repair-node-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.repair-node b{position:absolute;right:-3px;bottom:-5px;display:grid;place-items:center;min-width:27px;height:22px;padding:0 5px;border:3px solid #f5f8fc;border-radius:999px;background:#092b49;color:#fff;font-size:9px;line-height:1}
.repair-step h3{min-height:48px;margin-bottom:9px;font-size:17px}.repair-step p{font-size:14px}

@media(max-width:1024px){
  .repair-timeline{grid-template-columns:1fr;gap:18px;padding:0 0 0 78px}
  .repair-timeline:before,.repair-timeline:after{left:27px;right:auto;top:27px;bottom:27px;width:5px;height:auto}
  .repair-timeline:after{height:0}.repair-timeline.is-visible:after{width:5px;height:calc(100% - 54px)}
  .repair-step{min-height:0;padding:23px 20px}
  .repair-step:before{left:-25px;top:50%;width:25px;height:3px;transform:translateY(-50%);background:linear-gradient(90deg,var(--repair-cyan),rgba(44,149,212,.28))}
  .repair-node{left:-51px;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border-width:5px}
  .repair-node-icon{width:24px;height:24px}.repair-step h3{min-height:0}
}
@media(max-width:600px){
  .repair-timeline{padding-left:68px}
  .repair-timeline:before,.repair-timeline:after{left:24px}
  .repair-step:before{left:-20px;width:20px}
  .repair-node{left:-44px;width:54px;height:54px}
  .repair-node-icon{width:22px;height:22px}
}

/* Checklist graphic icons */
.repair-check-card{display:flex;min-height:188px;flex-direction:column;align-items:center;justify-content:center;padding:26px 22px;text-align:center}
.repair-check-icon{width:58px;height:58px;margin:0 auto 17px;border:1px solid rgba(28,135,211,.18);border-radius:18px;background:linear-gradient(145deg,#e3f5ff 0%,#edf9ff 48%,#fff0e4 100%);box-shadow:0 10px 23px rgba(23,105,224,.1);color:#0876c9}
.repair-check-icon svg{display:block;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.repair-check-card h3{margin:0 0 7px;line-height:1.4}.repair-check-card p{max-width:310px;line-height:1.65}
@media(max-width:780px){.repair-check-card{min-height:172px}}

/* Trust graphic icons */
.repair-trust-icon{width:54px;height:54px;margin:0 auto 14px;border-radius:17px;background:linear-gradient(145deg,#092a47,#0f5277)!important;box-shadow:0 10px 22px rgba(8,42,72,.2);color:#fff!important}
.repair-trust-icon svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}