/* about.css — หน้า about.html (รอบ 2: "ซื้อกับ BKRENTGROUP แล้วได้รับการดูแลอย่างไร") · สร้างโดย notes/about-page/make_about.py อย่าแก้มือ · คลาส ab- */
:root{--ab-navy:#0b1f44;--ab-blue:#1d4ed8;--ab-sky:#e9f2ff;--ab-ink:#24344f;--ab-mut:#5a6b88;--ab-line:#e3eaf5;--ab-warm:#f97316}
.ab-illus,.ab-scr-tag{position:absolute;right:12px;bottom:10px;padding:3px 10px;border-radius:999px;background:rgba(15,40,90,.55);color:#fff;font-size:12px;font-weight:600;line-height:1.4;z-index:3}
.ab-eyebrow,.ab-kicker{display:inline-block;margin:0 0 10px;font-size:14px;font-weight:800;letter-spacing:.06em;color:var(--ab-blue)}
.ab-kicker{position:relative;padding-left:26px}.ab-kicker::before{content:"";position:absolute;left:0;top:50%;width:18px;height:3px;border-radius:2px;background:var(--ab-warm)}
.ab-h2{margin:0 0 8px;font-size:clamp(28px,2.6vw,42px);line-height:1.22;font-weight:800;color:var(--ab-navy);letter-spacing:-.3px}
.ab-h2 span{display:block;color:var(--ab-blue);font-size:.62em;margin-top:6px}
.ab-h2-sm{font-size:clamp(24px,2vw,32px);margin-bottom:20px}
.ab-h2sub{margin:0 0 34px;font-size:17px;line-height:1.7;color:var(--ab-mut);max-width:720px}
.ab-sec{padding:84px 0}.ab-sec-tight{padding:60px 0}
.ab-sec-soft{background:linear-gradient(180deg,#f4f8ff 0%,#eef4ff 100%)}
.ab-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:11px 22px;border-radius:999px;font-weight:800;font-size:15.5px;text-decoration:none;transition:transform .15s ease}
.ab-btn svg{width:18px;height:18px}.ab-btn:hover{transform:translateY(-1px)}
.ab-btn-pri{background:var(--ab-blue);color:#fff;box-shadow:0 14px 26px -14px var(--ab-blue)}
.ab-btn-ghost{background:#fff;color:var(--ab-blue);border:1.5px solid #c8d8f4}
/* hero */
.ab-hero{position:relative;overflow:hidden;padding:64px 0 96px;background:
  radial-gradient(700px 420px at 92% 10%,rgba(96,165,250,.20),transparent 70%),radial-gradient(520px 360px at 0% 100%,rgba(249,115,22,.08),transparent 70%),
  linear-gradient(180deg,#f7faff 0%,#ecf3ff 100%)}
.ab-hero .wrap{max-width:1500px}
.ab-hero-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:center}
.ab-hero h1{margin:0 0 18px;font-size:clamp(34px,3.5vw,60px);line-height:1.14;font-weight:800;color:var(--ab-navy);letter-spacing:-.6px}
.ab-hero h1 span{display:block;margin-top:6px;font-size:.66em;line-height:1.3;color:var(--ab-blue)}
.ab-lead{margin:0 0 26px;font-size:clamp(16.5px,1.2vw,19px);line-height:1.8;color:var(--ab-ink);max-width:640px}
.ab-hero-pts{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:660px}
.ab-hero-pts li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;font-weight:700;line-height:1.45;color:var(--ab-navy)}
.ab-hero-pts li span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff;color:var(--ab-blue);border:1px solid var(--ab-line);box-shadow:0 12px 22px -16px rgba(15,40,90,.5)}
.ab-hero-pts svg{width:25px;height:25px}
.ab-hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.ab-fine{margin:16px 0 0;font-size:13.5px;color:var(--ab-mut)}
/* hero visual: ออฟฟิศ ↔ รีโมท ↔ ร้าน */
.ab-bridge{position:relative;display:grid;grid-template-columns:1fr auto 1.15fr;align-items:center;gap:0;min-width:0}
.ab-b-card{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#fff;border:4px solid #fff;box-shadow:0 30px 60px -34px rgba(11,31,68,.7)}
.ab-b-card img{display:block;width:100%;height:auto}
.ab-b-office{transform:translateY(-26px)}.ab-b-shop{transform:translateY(30px)}
.ab-b-card figcaption{position:absolute;left:12px;bottom:12px;padding:8px 12px;border-radius:12px;background:rgba(11,31,68,.86);color:#fff;font-size:12.5px;line-height:1.35}
.ab-b-card figcaption b{display:block;font-size:14px}
.ab-b-shop figcaption{left:auto;right:12px;background:#fff;color:var(--ab-ink);box-shadow:0 10px 22px -12px rgba(0,0,0,.4)}.ab-b-shop figcaption b{color:var(--ab-navy)}
.ab-b-link{position:relative;z-index:2;display:flex;align-items:center;gap:6px;margin:0 -14px;flex-direction:row}
.ab-b-dot{width:22px;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,#60a5fa 0 5px,transparent 5px 9px)}
.ab-b-ic{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(160deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 0 0 8px rgba(59,130,246,.15),0 14px 26px -12px #1d4ed8}
.ab-b-ic svg{width:28px;height:28px}
.ab-b-link em{position:absolute;left:50%;top:100%;margin-top:10px;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:12.5px;font-weight:800;color:var(--ab-blue);background:#fff;padding:4px 10px;border-radius:999px;box-shadow:0 8px 18px -12px rgba(15,40,90,.5)}
.ab-bridge .ab-illus{bottom:-36px}
/* trust */
.ab-trust{position:relative;z-index:2;margin-top:-46px}
.ab-trust-in{list-style:none;margin:0;padding:20px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-radius:22px;background:#fff;border:1px solid var(--ab-line);box-shadow:0 28px 50px -34px rgba(11,31,68,.55)}
.ab-trust-in li{display:flex;align-items:center;gap:12px;padding:4px 12px}
.ab-trust-in li+li{border-left:1px solid var(--ab-line)}
.ab-trust-in b{display:block;font-size:16.5px;color:var(--ab-navy)}.ab-trust-in li>span:last-child{font-size:13.5px;line-height:1.45;color:var(--ab-mut)}
.ab-ti{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--ab-sky);color:var(--ab-blue);flex:0 0 auto}.ab-ti svg{width:23px;height:23px}
.ab-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ab-trust{margin-top:0!important;padding-top:40px}
/* จัดส่งทุกวัน + มาหาเราได้จริง (รอบ 4) */
.ab-ship{padding:80px 0 30px}
.ab-ship-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.ab-ship-row-2{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);margin-top:70px}
.ab-ship-lead{margin:0 0 20px;font-size:17px;line-height:1.8;color:var(--ab-ink);max-width:620px}
.ab-carriers{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ab-carriers li{padding:9px 18px;border-radius:12px;background:#fff;border:1.5px solid var(--ab-line);font-weight:800;font-size:15.5px;color:var(--ab-navy);box-shadow:0 10px 20px -16px rgba(11,31,68,.55)}
.ab-ship-pts,.ab-place{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px}
.ab-ship-pts li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.55;color:var(--ab-mut)}
.ab-ship-pts li>svg{flex:0 0 auto;width:42px;height:42px;padding:9px;border-radius:12px;background:var(--ab-sky);color:var(--ab-blue)}
.ab-ship-pts b,.ab-place b{display:block;font-size:16.5px;color:var(--ab-navy)}
.ab-place li{display:grid;grid-template-columns:auto 1fr;column-gap:12px;font-size:14.5px;line-height:1.55;color:var(--ab-mut)}
.ab-place li>span{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff3e8;color:#ea580c}.ab-place svg{width:23px;height:23px}
.ab-ship-pic,.ab-bld-pic{position:relative;margin:0;border-radius:26px;overflow:hidden;box-shadow:0 34px 64px -40px rgba(11,31,68,.75)}
.ab-ship-pic{aspect-ratio:584/624;max-height:560px;justify-self:end;width:100%;max-width:520px}
.ab-ship-pic img{width:100%;height:100%;object-fit:cover}
.ab-bld-pic{background:#fff;padding:24px;max-width:430px;justify-self:start;width:100%}
.ab-bld-pic img{display:block;width:100%;height:auto}
.ab-ship-fine{font-size:13.5px;line-height:1.6;color:var(--ab-mut);max-width:600px}
/* แชตตัวอย่าง (รอบ 5) */
.ab-chat-sec{background:linear-gradient(180deg,#f6f9ff 0%,#eef4ff 100%)}
.ab-chat-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}
.ab-chat-lead{margin:0 0 24px;font-size:17px;line-height:1.8;color:var(--ab-ink);max-width:600px}
.ab-chat-pts{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ab-chat-pts li{display:grid;grid-template-columns:auto 1fr;column-gap:12px;font-size:14px;line-height:1.5;color:var(--ab-mut)}
.ab-chat-pts li>span{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff;color:var(--ab-blue);border:1px solid var(--ab-line)}.ab-chat-pts svg{width:23px;height:23px}
.ab-chat-pts b{font-size:15.5px;color:var(--ab-navy)}
.ab-btn-line{background:#06c755;color:#fff;box-shadow:0 14px 26px -14px #06c755}.ab-btn-line svg{width:24px;height:24px}
.ab-chat-card{justify-self:center;width:100%;max-width:470px;border-radius:30px;overflow:hidden;background:#fff;border:1px solid #d9e4f5;box-shadow:0 44px 80px -44px rgba(11,31,68,.75)}
.ab-chat-head{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(90deg,#0b1f44,#1d4ed8);color:#fff}
.ab-chat-head b{display:block;font-size:16px}.ab-chat-head small{display:flex;align-items:center;gap:6px;font-size:12.5px;opacity:.9}
.ab-chat-head i{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.25)}
.ab-av{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ab-blue);color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em}
.ab-av-lg{width:42px;height:42px;font-size:14px;background:#fff;color:var(--ab-blue)}
.ab-chat-body{display:flex;flex-direction:column;gap:10px;padding:20px 16px;background:linear-gradient(180deg,#f3f7fd,#eef3fb);height:600px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.ab-msg{display:flex;align-items:flex-end;gap:8px;max-width:88%}
.ab-msg p{margin:0;padding:10px 14px;font-size:14.5px;line-height:1.55;border-radius:18px}
.ab-msg-c{align-self:flex-end}.ab-msg-c p{background:#06c755;color:#fff;border-bottom-right-radius:6px}
.ab-msg-b{align-self:flex-start}.ab-msg-b p{background:#fff;color:var(--ab-ink);border:1px solid var(--ab-line);border-bottom-left-radius:6px}
.ab-msg-b+.ab-msg-b .ab-av{visibility:hidden}
.ab-chat-anim .ab-chat-body .ab-msg{display:none;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}
.ab-chat-anim .ab-chat-body .ab-msg.ab-show{display:flex}
.ab-chat-anim .ab-chat-body .ab-msg.ab-in{opacity:1;transform:none}
.ab-msg-c{flex-direction:column;align-items:flex-end;gap:3px}
.ab-read{font-size:11px;color:#94a3b8;padding-right:4px}
.ab-typing p{display:flex;gap:5px;align-items:center;padding:13px 16px!important}
.ab-typing i{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:abdot 1.2s infinite ease-in-out}
.ab-typing i:nth-child(2){animation-delay:.15s}.ab-typing i:nth-child(3){animation-delay:.3s}
@keyframes abdot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.ab-msg-list{display:grid;gap:2px;margin-top:6px;font-weight:600;color:var(--ab-navy)}
.ab-mono{font-family:ui-monospace,Consolas,monospace;letter-spacing:.04em}
.ab-msg-wide{max-width:92%}
.ab-ccard{display:grid;gap:6px;padding:14px 16px;border-radius:18px;border-bottom-left-radius:6px;background:#fff;border:1px solid var(--ab-line);font-size:14px;color:var(--ab-ink);min-width:240px}
.ab-ccard>b{font-size:14.5px;color:var(--ab-navy)}
.ab-sum-row{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border-top:1px dashed var(--ab-line)}
.ab-sum-row em{font-style:normal;font-weight:700;color:var(--ab-navy);text-align:right}
.ab-sum-total em{color:var(--ab-blue)}
.ab-ccard small{font-size:12px;color:var(--ab-mut)}
.ab-imgb{border-radius:16px;overflow:hidden;border:1px solid var(--ab-line);background:#fff;box-shadow:0 10px 22px -16px rgba(11,31,68,.5)}
.ab-imgb svg{display:block}
.ab-slip{width:150px;height:auto}.ab-label{width:230px;height:auto}
.ab-status ol{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:6px}
.ab-status li{display:flex;align-items:center;gap:8px;color:#94a3b8;transition:color .4s ease}
.ab-status li svg{width:18px;height:18px;padding:3px;border-radius:50%;background:#e2e8f0;color:#fff;transition:background .4s ease}
.ab-status li.ab-done{color:var(--ab-navy)}.ab-status li.ab-done svg{background:#16a34a}
.ab-chat-sec:not(.ab-chat-anim) .ab-status li{color:var(--ab-navy)}.ab-chat-sec:not(.ab-chat-anim) .ab-status li svg{background:#16a34a}
.ab-spin{display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:50%;border:2px solid #bfdbfe;border-top-color:var(--ab-blue);animation:abspin 1s linear infinite;vertical-align:-1px}
.ab-status-ok .ab-spin,.ab-chat-sec:not(.ab-chat-anim) .ab-spin{animation:none;border-color:#16a34a}
@keyframes abspin{to{transform:rotate(360deg)}}
.ab-track{grid-template-columns:auto 1fr;align-items:center;gap:12px}
.ab-track-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8f0ff;font-size:22px}
.ab-track div{display:grid;gap:2px}.ab-track div>span{font-size:13px;color:var(--ab-mut)}
.ab-chat-end{margin-top:46px;text-align:center;transition:opacity .8s ease,transform .8s ease}
.ab-chat-anim:not(.ab-chat-done) .ab-chat-end{opacity:0;transform:translateY(10px)}
.ab-chat-end-h{margin:0 0 10px;font-size:clamp(22px,2vw,32px);line-height:1.35;font-weight:800;color:var(--ab-navy)}
.ab-chat-end-h span{display:block;color:var(--ab-blue)}
.ab-chat-end-s{margin:0;font-size:15.5px;font-weight:700;letter-spacing:.02em;color:var(--ab-mut)}
@media (prefers-reduced-motion:reduce){.ab-typing i,.ab-spin{animation:none}}
.ab-chat-foot{padding:10px 16px;text-align:center;border-top:1px solid var(--ab-line);background:#fff}
.ab-chat-foot span{font-size:12px;color:var(--ab-mut)}
/* ภาพจัดส่ง + หน้าร้านของเจ้าของ (รอบ 6) · เดสก์ท็อป/แท็บเล็ต = ภาพเต็มใบ (ข้อความ HTML ซ่อนเฉพาะสายตา ให้ SEO/โปรแกรมอ่านจอ) · มือถือ = ข้อความ HTML + ภาพที่ตัดจากภาพเดียวกัน */
.ab-dlv{padding:56px 0 20px}
.ab-dlv-fig{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--ab-line);box-shadow:0 34px 64px -42px rgba(11,31,68,.7)}
.ab-dlv-fig img{display:block;width:100%;height:auto}
.ab-dlv-map{position:absolute;left:13.1%;top:93.1%;width:10.6%;height:5.1%;border-radius:999px}
.ab-dlv-map:focus-visible{outline:3px solid #fde047;outline-offset:2px}
.ab-dlv-tx{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ab-dlv-fine{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}   /* เดสก์ท็อป: เงื่อนไขนี้อยู่ในภาพแล้ว (กันเห็นซ้ำ) แต่คงเป็น HTML ให้ค้นหา/โปรแกรมอ่านจอ */
@media (max-width:1099px){
  .ab-dlv{padding:40px 0 10px}
  .ab-dlv-fig{display:none}
  .ab-dlv-tx{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;display:grid;gap:34px}
  .ab-dlv-part>p{margin:0 0 14px;font-size:16px;line-height:1.75;color:var(--ab-ink)}
  .ab-dlv-part>.ab-kicker{margin-bottom:8px}
  .ab-dlv-part ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
  .ab-dlv-part li{position:relative;padding-left:24px;font-size:15px;line-height:1.55;color:var(--ab-navy);font-weight:600}
  .ab-dlv-part li::before{content:"";position:absolute;left:4px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--ab-blue);box-shadow:0 0 0 3px #dbe8ff}
  .ab-dlv-logos{display:block;width:100%;max-width:560px;height:auto;margin:0 0 16px}
  .ab-dlv-photo{display:block;width:100%;max-width:640px;height:auto;margin-top:16px;border-radius:18px;box-shadow:0 22px 40px -30px rgba(11,31,68,.7)}
  .ab-dlv-part .ab-btn{justify-content:center}
  .ab-dlv-fine{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:18px 0 0;font-size:13.5px;line-height:1.6;color:var(--ab-mut)}
}
/* ภาพของเจ้าของ (รอบ 3) */
.ab-poster{padding:36px 0 0}
.ab-poster-fig{position:relative;margin:0;border-radius:26px;overflow:hidden;background:#fff;border:1px solid var(--ab-line);box-shadow:0 34px 64px -40px rgba(11,31,68,.7)}
.ab-poster-fig img{display:block;width:100%;height:auto}
/* steps */
.ab-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;position:relative}
.ab-steps::before{content:"";position:absolute;left:8%;right:8%;top:56px;height:2px;background:repeating-linear-gradient(90deg,#bcd2f5 0 8px,transparent 8px 14px)}
.ab-step{position:relative;padding:22px 18px 22px;border-radius:22px;background:#fff;border:1px solid var(--ab-line);box-shadow:0 22px 40px -34px rgba(11,31,68,.6);text-align:center}
.ab-sn{position:absolute;left:16px;top:14px;font-size:13px;font-weight:800;color:#9bb3d9}
.ab-si{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(160deg,#eef4ff,#dbe8ff);color:var(--ab-blue);border:4px solid #fff;box-shadow:0 10px 22px -12px rgba(29,78,216,.6)}
.ab-si svg{width:32px;height:32px}
.ab-step:last-child .ab-si{background:linear-gradient(160deg,#fff1e6,#ffe0c7);color:var(--ab-warm)}
.ab-step h3{margin:0 0 8px;font-size:17.5px;line-height:1.35;color:var(--ab-navy)}.ab-step p{margin:0;font-size:14.5px;line-height:1.65;color:var(--ab-ink)}
/* remote */
.ab-rm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.ab-rm-tx>p{margin:0 0 18px;font-size:16.5px;line-height:1.8;color:var(--ab-ink)}
.ab-rm-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.ab-rm-list li{display:flex;gap:9px;font-size:15px;line-height:1.55;color:var(--ab-ink)}
.ab-rm-list svg{flex:0 0 auto;width:20px;height:20px;padding:3px;border-radius:50%;background:var(--ab-blue);color:#fff;margin-top:1px}
.ab-screen{position:relative;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #d6e2f5;box-shadow:0 40px 70px -40px rgba(11,31,68,.75)}
.ab-scr-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:linear-gradient(90deg,#0b1f44,#1d4ed8);color:#fff;font-size:13.5px;font-weight:700}
.ab-scr-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4)}.ab-scr-bar span{margin-left:8px}
.ab-scr-bar b{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:rgba(34,197,94,.22);color:#bbf7d0;font-size:12px}.ab-scr-bar b svg{width:15px;height:15px}
.ab-scr-body{padding:20px;display:grid;gap:10px;background:linear-gradient(180deg,#fbfdff,#f3f7fe)}
.ab-scr-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--ab-line);font-weight:700;font-size:15px;color:var(--ab-navy)}
.ab-scr-row>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--ab-sky);color:var(--ab-blue)}.ab-scr-row svg{width:20px;height:20px}
.ab-scr-row em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap}
.ab-ok em{background:#e3f6ec;color:#15803d}.ab-now em{background:#fff1e6;color:#c2410c}.ab-now{border-color:#fcd9bd}
.ab-scr-chat{display:flex;gap:10px;align-items:flex-start;margin-top:4px}
.ab-scr-av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ab-blue);color:#fff;flex:0 0 auto}.ab-scr-av svg{width:20px;height:20px}
.ab-scr-chat p{margin:0;padding:10px 14px;border-radius:4px 14px 14px 14px;background:#fff;border:1px solid var(--ab-line);font-size:14px;line-height:1.55;color:var(--ab-ink)}
.ab-scr-chat b{display:block;font-size:12.5px;color:var(--ab-blue)}
/* standards */
.ab-stds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ab-std{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--ab-line);box-shadow:0 18px 34px -30px rgba(11,31,68,.55)}
.ab-stdi{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--ab-sky);color:var(--ab-blue);margin-bottom:14px}.ab-stdi svg{width:27px;height:27px}
.ab-std:nth-child(3n+2) .ab-stdi{background:#fff3e8;color:#ea580c}.ab-std:nth-child(3n) .ab-stdi{background:#e7f7ee;color:#15803d}
.ab-std h3{margin:0 0 6px;font-size:18px;color:var(--ab-navy)}.ab-std p{margin:0;font-size:15px;line-height:1.7;color:var(--ab-ink)}
/* what we do */
.ab-whats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ab-what{display:flex;gap:16px;align-items:center;padding:14px;border-radius:20px;background:#fff;border:1px solid var(--ab-line);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}
.ab-what:hover{border-color:#b9cdf0;box-shadow:0 18px 34px -28px rgba(11,31,68,.6)}
.ab-what-pic{flex:0 0 120px;width:120px;height:120px;border-radius:14px;overflow:hidden;background:var(--ab-sky)}
.ab-what-pic img{width:100%;height:100%;object-fit:cover}
.ab-pic-svc-ready img{object-position:50% 15%}.ab-pic-svc-custom img{object-position:50% 22%}.ab-pic-svc-equip img{object-position:50% 78%}
.ab-what-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.ab-what-tx b{font-size:17px;color:var(--ab-navy)}.ab-what-tx>span{font-size:14px;line-height:1.6;color:var(--ab-ink)}
.ab-what-tx em{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-style:normal;font-weight:800;font-size:14px;color:var(--ab-blue)}.ab-what-tx em svg{width:15px;height:15px}
/* office */
.ab-office{padding:70px 0;background:linear-gradient(180deg,#fffaf2 0%,#fdf3e3 100%);border-top:1px solid #f3e4c6;border-bottom:1px solid #f3e4c6}
.ab-office-in{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:44px;align-items:center}
.ab-office-pic{margin:0;border-radius:22px;overflow:hidden;border:4px solid #fff;box-shadow:0 30px 56px -34px rgba(90,60,10,.55)}
.ab-office-pic img{display:block;width:100%;height:auto}
.ab-office .ab-h2{font-size:clamp(22px,1.9vw,30px)}
.ab-office-dl{margin:14px 0 22px;display:grid;gap:12px}
.ab-office-dl div{display:flex;gap:12px;align-items:flex-start}
.ab-office-dl dt{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff;color:var(--ab-blue);border:1px solid #f0dfbd}.ab-office-dl dt svg{width:19px;height:19px}
.ab-office-dl dd{margin:6px 0 0;font-size:15.5px;line-height:1.6;color:var(--ab-ink)}
.ab-office-links{display:flex;flex-wrap:wrap;gap:10px}.ab-office-links .ab-btn{min-height:44px;padding:9px 16px;font-size:14.5px}
/* closing */
.ab-close{padding:76px 0;background:linear-gradient(135deg,#0b1f44 0%,#13368a 60%,#1d4ed8 100%);color:#fff;overflow:hidden}
.ab-close-in{display:grid;grid-template-columns:320px minmax(0,1fr);gap:48px;align-items:center}
.ab-close-pic{border-radius:50%;overflow:hidden;aspect-ratio:1;border:6px solid rgba(255,255,255,.18);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.ab-close-pic img{width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.ab-close h2{margin:0 0 12px;font-size:clamp(26px,2.4vw,40px);line-height:1.25;font-weight:800}
.ab-close h2 span{display:block;color:#9cc3ff}
.ab-close-tx>p{margin:0 0 22px;font-size:17px;line-height:1.75;color:rgba(255,255,255,.9);max-width:640px}
.ab-close-btns{display:flex;flex-wrap:wrap;gap:12px}
.ab-cb{display:inline-flex;align-items:center;gap:12px;min-height:62px;padding:10px 24px;border-radius:16px;font-weight:800;font-size:18px;text-decoration:none;box-shadow:0 16px 30px -18px rgba(0,0,0,.6)}
.ab-cb svg{width:30px;height:30px;flex:0 0 auto}.ab-cb small{display:block;font-size:12.5px;font-weight:600;opacity:.9}
.ab-cb-line{background:#06c755;color:#fff}.ab-cb-tel{background:#fff;color:var(--ab-navy)}.ab-cb-tel svg{color:var(--ab-blue)}
.ab-close-time{display:flex;align-items:center;gap:8px;margin:18px 0 0;font-size:14.5px;color:rgba(255,255,255,.8)}.ab-close-time svg{width:18px;height:18px}
@media (max-width:1279px){
  .ab-hero-in{gap:30px}.ab-hero-pts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-steps::before{display:none}
  .ab-rm{gap:36px}.ab-rm-list{grid-template-columns:1fr}
  .ab-whats{grid-template-columns:1fr}.ab-what-pic{flex-basis:110px;width:110px;height:90px}
}
@media (max-width:980px){
  .ab-chat-in{grid-template-columns:1fr;gap:36px}
  .ab-ship-row,.ab-ship-row-2{grid-template-columns:1fr;gap:28px}.ab-ship-pic,.ab-bld-pic{justify-self:center}.ab-ship-row-2 .ab-bld-pic{order:2}
  .ab-hero{padding:40px 0 84px}.ab-hero-in{grid-template-columns:1fr}
  .ab-bridge{max-width:620px;margin:20px auto 30px;width:100%}
  .ab-trust-in{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-trust-in li:nth-child(3){border-left:0}
  .ab-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-rm{grid-template-columns:1fr}.ab-stds{grid-template-columns:1fr 1fr}
  .ab-office-in{grid-template-columns:1fr}.ab-close-in{grid-template-columns:200px minmax(0,1fr);gap:28px}
}
@media (max-width:640px){
  .ab-sec{padding:56px 0}.ab-sec-tight{padding:44px 0}
  .ab-hero h1{font-size:32px}.ab-hero h1 span{font-size:.7em}
  .ab-hero-pts{gap:12px}.ab-hero-pts li{flex-direction:row;align-items:center;font-size:13.5px}.ab-hero-pts li span{width:42px;height:42px;flex:0 0 auto}.ab-hero-pts br{display:none}
  .ab-hero-cta .ab-btn{flex:1 1 100%;justify-content:center}
  .ab-bridge{grid-template-columns:1fr;gap:0}.ab-b-office{transform:none;width:78%}.ab-b-shop{transform:none;width:84%;justify-self:end;margin-top:-6px}
  .ab-b-link{margin:-16px 0;justify-self:center;z-index:3}.ab-b-dot{display:none}.ab-b-link em{left:100%;top:50%;margin:0 0 0 10px;transform:translateY(-50%)}
  .ab-bridge .ab-illus{bottom:-30px}
  .ab-trust{margin-top:-40px}.ab-trust-in{grid-template-columns:1fr;padding:12px 16px}.ab-trust-in li+li{border-left:0;border-top:1px solid var(--ab-line);padding-top:10px}
  .ab-steps{grid-template-columns:1fr;gap:12px}.ab-step{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;text-align:left;padding:16px}
  .ab-step .ab-si{grid-row:span 2;width:56px;height:56px;margin:0}.ab-step h3{margin:4px 0 2px}.ab-sn{left:auto;right:14px}
  .ab-stds{grid-template-columns:1fr}
  .ab-dlv-part .ab-btn{width:100%}
  .ab-chat-pts{grid-template-columns:1fr}.ab-chat-body{height:520px}.ab-ccard{min-width:0}.ab-label{width:200px}.ab-chat-end{margin-top:32px}.ab-chat-card{border-radius:22px}.ab-msg{max-width:92%}.ab-msg p{font-size:14px}.ab-btn-line{width:100%;justify-content:center}
  .ab-ship{padding:52px 0 10px}.ab-ship-row-2{margin-top:44px}.ab-carriers li{font-size:14.5px;padding:8px 14px}
  .ab-poster{padding:40px 0 0}.ab-poster-fig{border-radius:16px}
  .ab-scr-body{padding:14px}.ab-scr-row{font-size:13.5px;padding:10px;gap:9px}.ab-scr-row>span{width:30px;height:30px}.ab-scr-row em{font-size:11.5px;padding:3px 8px}
  .ab-close-in{grid-template-columns:1fr;text-align:left}.ab-close-pic{width:140px}.ab-cb{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){.ab-btn{transition:none}.ab-btn:hover{transform:none}}