/* ---- p_09_contact.css ---- */
/* =====================================================================
   CONTACT — "thư hàng không": form là một lá thư trong phong bì sọc,
   có tem, dấu bưu điện và đường bay đo độ đầy đủ của brief.
   Tiền tố ct-, skin .sk-ct (đen - cam - trắng của theme; phong bì sọc cam/trắng/đen)
   ===================================================================== */
.sk-ct{
  --r:16px;--hfw:800;--hls:-.045em;
  --ct-sky:#ff6a13;--ct-blue:#ff6a13;--ct-paper:#ffffff;--ct-pi:#0a0a0c;--ct-pm:#5d5d65;--ct-pl:rgba(10,10,12,.16);--ct-bad:#ff6a13;
}
.sk-ct .ct-hero{overflow:clip;padding:clamp(104px,12vw,148px) 0 clamp(56px,7vw,96px);background:
  radial-gradient(60% 70% at 88% 8%,rgba(255,106,19,.24),transparent 70%),
  radial-gradient(45% 55% at 4% 96%,rgba(255,106,19,.09),transparent 70%),var(--bg)}

.sk-ct .ct-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(28px,5vw,72px);align-items:start}
.sk-ct .ct-l{align-self:start}
@media(min-width:901px) and (min-height:880px){.sk-ct .ct-l{position:sticky;top:104px}}
.sk-ct .ct-title{font-size:clamp(40px,5.2vw,76px);line-height:.96;letter-spacing:-.045em}
.sk-ct .ct-sub{max-width:40ch;margin-top:clamp(20px,2.4vw,30px)}

/* ---------- kênh liên hệ ---------- */
.sk-ct .ct-chs{display:grid;gap:10px;margin-top:clamp(22px,2.6vw,34px)}
.sk-ct .ct-ch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--ln);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));transition:border-color .3s,background .3s}
.sk-ct .ct-ch:hover{border-color:var(--ct-sky);background:linear-gradient(180deg,rgba(255,106,19,.12),rgba(255,106,19,.03))}
.sk-ct .ct-ci{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,106,19,.16);color:var(--ct-sky);transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .3s}
.sk-ct .ct-ch:hover .ct-ci{transform:rotate(-10deg) scale(1.08);background:rgba(255,106,19,.26)}
.sk-ct .ct-ci svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sk-ct .ct-cv{min-width:0}
.sk-ct .ct-cv small{display:block;color:var(--mut);font-size:12.5px;margin-bottom:2px}
.sk-ct .ct-cv b{display:block;font-size:clamp(14.5px,1.25vw,16px);font-weight:600;overflow-wrap:anywhere;letter-spacing:0}
.sk-ct .ct-ca{display:flex;gap:8px;align-items:center}
.sk-ct .ct-cp{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 13px;border-radius:99px;border:1px solid var(--ln);background:rgba(255,255,255,.04);color:var(--ink);font:600 13px var(--ff);cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.sk-ct .ct-cp svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sk-ct .ct-cp:hover{border-color:var(--ct-sky);color:var(--ct-sky)}
.sk-ct .ct-cp.done{background:var(--ct-sky);border-color:var(--ct-sky);color:#fff}
.sk-ct .ct-go{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ac);color:var(--ac);transition:background .25s,color .25s}
.sk-ct .ct-go svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sk-ct .ct-go:hover{background:var(--ac);color:#fff}

/* ---------- giờ làm việc + bản đồ cách điệu ---------- */
.sk-ct .ct-st{position:relative;overflow:hidden;border:1px solid var(--ln);border-radius:16px;margin-top:12px;min-height:132px;isolation:isolate}
.sk-ct .ct-map{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.sk-ct .ct-pin-r{fill:rgba(255,106,19,.35);transform-box:fill-box;transform-origin:center}
.sk-ct .ct-st-in{padding:16px 18px;display:grid;gap:3px;background:linear-gradient(90deg,rgba(10,10,12,.95) 8%,rgba(10,10,12,.6) 55%,transparent);min-height:132px;align-content:center;max-width:78%}
.sk-ct .ct-st-top{display:flex;align-items:center;gap:9px;font-size:14px}
.sk-ct .ct-led{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.8)}
.sk-ct .ct-st.off .ct-led{background:var(--ac);box-shadow:0 0 10px var(--ac)}
.sk-ct .ct-st-t{font:800 clamp(30px,3.2vw,40px)/1.05 var(--ff);letter-spacing:-.04em;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:10px}
.sk-ct .ct-st-t small{font:500 13px var(--fb);letter-spacing:0;color:var(--mut)}
.sk-ct .ct-st-n{font-size:13px;color:var(--mut);line-height:1.45}
.sk-ct .ct-q{margin:clamp(20px,2.4vw,30px) 0 0;padding-left:16px;border-left:2px solid var(--ac);font-size:16px;line-height:1.6;color:rgba(255,255,255,.84);max-width:44ch}
.sk-ct .ct-q cite{display:block;margin-top:8px;font-style:normal;color:var(--mut);font-size:14px}

/* ---------- phong bì sọc hàng không ---------- */
.sk-ct .ct-env{position:relative;border-radius:22px;padding:10px;background:repeating-linear-gradient(-45deg,var(--ac) 0 16px,#fff 16px 28px,#0a0a0c 28px 44px,#fff 44px 56px);box-shadow:0 44px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06)}
.sk-ct .ct-paper{position:relative;background:var(--ct-paper);color:var(--ct-pi);border-radius:14px;padding:clamp(18px,2.6vw,34px);overflow:hidden;min-height:420px}
.sk-ct .ct-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-height:86px;position:relative}
.sk-ct .ct-air{display:flex;flex-direction:column;gap:3px;color:var(--ct-blue);padding-top:4px}
.sk-ct .ct-air svg{width:22px;height:22px;fill:currentColor;transform:rotate(45deg)}
.sk-ct .ct-air i{font:800 italic 17px/1 var(--ff);letter-spacing:.01em}
.sk-ct .ct-air small{font:600 11px var(--ff);letter-spacing:.16em;text-transform:uppercase;color:var(--ct-pm)}
.sk-ct .ct-pm{position:absolute;right:66px;top:-6px;width:150px;color:rgba(10,10,12,.5);transform:rotate(-10deg);mix-blend-mode:multiply;pointer-events:none;font-family:var(--ff)}
.sk-ct .ct-stamp{position:relative;width:68px;flex:none;transform:rotate(3deg);filter:drop-shadow(0 2px 3px rgba(13,23,38,.28))}

/* tab dạng thanh trượt: vị trí theo data-tab của form (không cần đo layout) */
.sk-ct .ct-form{display:block}
.sk-ct .ct-form[hidden]{display:none}
.sk-ct .ct-form>*{margin-top:14px}
.sk-ct .ct-tabs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#efeeeb;border-radius:13px;padding:4px;margin-top:6px}
.sk-ct .ct-tabs button{position:relative;z-index:1;min-height:46px;padding:6px 6px;border:0;background:none;border-radius:10px;font:700 13px/1.15 var(--ff);color:var(--ct-pm);cursor:pointer;transition:color .35s}
.sk-ct .ct-tabs button.on{color:#fff}
.sk-ct .ct-tabs button:not(.on):hover{color:var(--ct-pi)}
.sk-ct .ct-tind{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);background:var(--ct-pi);border-radius:10px;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.sk-ct .ct-form[data-tab=quote] .ct-tind{transform:translateX(100%)}
.sk-ct .ct-form[data-tab=work] .ct-tind{transform:translateX(200%)}

/* đường bay = độ đầy đủ của brief */
.sk-ct .ct-route{position:relative;padding-top:10px}
.sk-ct .ct-rl{height:4px;border-radius:4px;position:relative;background:repeating-linear-gradient(90deg,var(--ct-pl) 0 6px,transparent 6px 12px)}
.sk-ct .ct-rl i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--pct,0)*1%);background:var(--ct-blue);border-radius:4px;transition:width .7s cubic-bezier(.16,1,.3,1)}
.sk-ct .ct-plane{position:absolute;top:1px;left:calc(var(--pct,0)*(100% - 22px)/100);width:22px;height:22px;color:var(--ct-blue);transition:left .7s cubic-bezier(.16,1,.3,1)}
.sk-ct .ct-plane svg{width:22px;height:22px;fill:currentColor;stroke:none;transform:rotate(45deg);filter:drop-shadow(0 0 0 #fff)}
.sk-ct .ct-route small{display:block;margin-top:10px;font-size:13.5px;color:var(--ct-pm);line-height:1.45}
.sk-ct .ct-route b{color:var(--ct-pi);font-variant-numeric:tabular-nums}
.sk-ct .ct-route em{font-style:normal;margin-left:4px}

/* trường nhập */
.sk-ct .ct-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sk-ct .ct-f{display:grid;gap:6px;min-width:0;align-content:start}
.sk-ct .ct-f>span,.sk-ct .ct-fs legend{font:600 13.5px var(--ff);color:var(--ct-pm)}
.sk-ct .ct-fs legend small{font-weight:500;opacity:.8}
.sk-ct .ct-f input,.sk-ct .ct-f select,.sk-ct .ct-f textarea{width:100%;font:500 16px/1.35 var(--fb);color:var(--ct-pi);background:#f3f2ef;border:1.5px solid transparent;border-bottom-color:var(--ct-pl);border-radius:11px;padding:13px 14px;min-height:48px;transition:border-color .25s,background .25s,box-shadow .25s}
.sk-ct .ct-f textarea{resize:vertical;min-height:112px}
.sk-ct .ct-f input::placeholder,.sk-ct .ct-f textarea::placeholder{color:#8d8d95}
.sk-ct .ct-f input:focus,.sk-ct .ct-f select:focus,.sk-ct .ct-f textarea:focus{outline:none;background:#fff;border-color:var(--ct-pi);box-shadow:0 0 0 4px rgba(10,10,12,.1)}
.sk-ct .ct-err{display:none;color:#d4500a;font:600 13.5px var(--ff);font-style:normal}
.sk-ct .ct-f.is-bad .ct-err{display:block}
.sk-ct .ct-f.is-bad input,.sk-ct .ct-f.is-bad textarea{border-color:var(--ct-bad);background:#fff4ec}

/* nhóm trường co giãn theo tab */
.sk-ct .ct-g{display:grid;grid-template-rows:1fr;transition:grid-template-rows .55s cubic-bezier(.16,1,.3,1),margin .55s cubic-bezier(.16,1,.3,1),opacity .4s .1s}
.sk-ct .ct-g.off{grid-template-rows:0fr;margin-top:0;opacity:0;visibility:hidden;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1),margin .45s,opacity .25s,visibility 0s .45s}
.sk-ct .ct-gi{min-height:0;overflow:hidden;display:grid;gap:14px;padding:3px;margin:-3px}
.sk-ct .ct-fs{border:0;margin:0;padding:0;min-width:0;display:grid;gap:8px}
.sk-ct .ct-fs legend{padding:0}
.sk-ct .ct-chips{display:flex;flex-wrap:wrap;gap:8px}
.sk-ct .ct-chips button{display:inline-flex;align-items:center;gap:0;min-height:42px;padding:0 15px;border-radius:99px;border:1.5px solid var(--ct-pl);background:#fff;color:var(--ct-pi);font:600 14px var(--ff);cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .35s cubic-bezier(.34,1.56,.64,1),gap .3s}
.sk-ct .ct-chips button::before{content:"";width:0;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat;transition:width .3s cubic-bezier(.16,1,.3,1)}
.sk-ct .ct-chips button:hover{border-color:var(--ct-pi)}
.sk-ct .ct-chips button[aria-pressed=true]{background:var(--ct-pi);border-color:var(--ct-pi);color:#fff;gap:7px}
.sk-ct .ct-chips button[aria-pressed=true]::before{width:14px}
.sk-ct .ct-chips button:active{transform:scale(.95)}

/* thanh trượt số khách */
.sk-ct .ct-rg{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:48px}
.sk-ct .ct-rg output{font:700 14px var(--ff);min-width:96px;text-align:right;color:var(--ct-pi)}
.sk-ct .ct-pax:not(.set) output{color:var(--ct-pm);font-weight:500}
.sk-ct .ct-rg input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:0;min-height:44px;box-shadow:none;--fill:45%;cursor:pointer}
.sk-ct .ct-rg input[type=range]:focus{box-shadow:none}
.sk-ct .ct-rg input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--ct-blue) var(--fill),#e4e3df var(--fill))}
.sk-ct .ct-rg input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:#e4e3df}
.sk-ct .ct-rg input[type=range]::-moz-range-progress{height:6px;border-radius:6px;background:var(--ct-blue)}
.sk-ct .ct-rg input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:#fff;border:3px solid var(--ct-blue);box-shadow:0 3px 10px rgba(13,23,38,.25)}
.sk-ct .ct-rg input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--ct-blue);box-shadow:0 3px 10px rgba(13,23,38,.25)}
.sk-ct .ct-rg input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(255,106,19,.28)}

.sk-ct .ct-send{width:100%;justify-content:center;min-height:56px;font-size:14px;border-radius:13px;margin-top:18px;box-shadow:0 14px 34px rgba(255,106,19,.38)}
.sk-ct .ct-send svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.sk-ct .ct-send:hover svg{transform:translateX(5px)}
.sk-ct .ct-fine{font-size:13px;color:var(--ct-pm);line-height:1.55;margin-top:10px}

/* ---------- gửi: phong bì gập lại rồi bay đi ---------- */
.sk-ct .ct-seal{position:absolute;inset:0;display:none;place-items:center;pointer-events:none;z-index:2;background:var(--ct-paper)}
.sk-ct .ct-env.sending .ct-seal{display:grid}
.sk-ct .ct-seal svg{width:min(72%,320px);height:auto;overflow:visible}
.sk-ct .ct-eb{fill:#fff;stroke:var(--ct-pm);stroke-width:2}
.sk-ct .ct-ev{stroke:var(--ct-pm);stroke-width:1.6;stroke-linejoin:round}
.sk-ct .ct-fl{fill:#efeeeb;stroke:var(--ct-pm);stroke-width:2;stroke-linejoin:round;transform-box:view-box;transform-origin:130px 34px;transform:scaleY(-1)}
.sk-ct .ct-env.sealed .ct-fl{transform:scaleY(1)}
.sk-ct .ct-done{display:grid;justify-items:center;text-align:center;gap:10px;padding:clamp(6px,2vw,24px) 0 4px}
.sk-ct .ct-done[hidden]{display:none}
.sk-ct .ct-done:focus{outline:none}
.sk-ct .ct-tick{width:64px;height:64px}
.sk-ct .ct-tick svg{width:100%;height:100%;fill:none;stroke:var(--ct-blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sk-ct .ct-tick circle{stroke-dasharray:145;stroke-dashoffset:0}
.sk-ct .ct-tick path{stroke-dasharray:40;stroke-dashoffset:0}
.sk-ct .ct-done h2{font-size:clamp(26px,3vw,36px);line-height:1.1;color:var(--ct-pi)}
.sk-ct .ct-dl{color:var(--ct-pm);max-width:38ch;line-height:1.55;font-size:15px}
.sk-ct .ct-sum{display:grid;gap:0;width:100%;max-width:460px;margin:8px 0 0;text-align:left;border-top:1px dashed var(--ct-pl)}
.sk-ct .ct-sum>div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;padding:10px 2px;border-bottom:1px dashed var(--ct-pl);font-size:14px}
.sk-ct .ct-sum dt{color:var(--ct-pm)}
.sk-ct .ct-sum dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.sk-ct .ct-ref{font-size:13px;color:var(--ct-pm);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:baseline}
.sk-ct .ct-ref b{font:700 15px var(--ff);font-variant-numeric:tabular-nums;color:var(--ct-pi);letter-spacing:.04em}
.sk-ct .ct-again{margin-top:6px;color:var(--ct-pi);border-color:var(--ct-pl)}
.sk-ct .ct-again:hover{color:var(--ct-pi);border-color:var(--ct-pi);background:#f3f2ef}

/* ---------- các khối bên dưới ---------- */
.sk-ct .ct-flow .s-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.sk-ct .ct-tips{background:var(--bg2)}
.sk-ct .ct-tg{align-items:stretch}
.sk-ct .ct-tip{text-align:left;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--ln);border-radius:18px;padding:clamp(20px,2.2vw,28px);color:inherit;font:inherit;cursor:pointer;position:relative;overflow:hidden;transition:border-color .3s,background .3s,box-shadow .4s}
.sk-ct .ct-tip:hover{border-color:var(--ct-sky);background:linear-gradient(180deg,rgba(255,106,19,.12),rgba(255,106,19,.02))}
.sk-ct .ct-tip h3{font-size:clamp(18px,1.7vw,22px);line-height:1.2;margin-bottom:8px}
.sk-ct .ct-tip p{color:var(--mut);font-size:15px;line-height:1.55;flex:1}
.sk-ct .ct-tip em{font:700 13px var(--ff);font-style:normal;color:var(--ct-sky);margin-top:16px;display:inline-flex;align-items:center;gap:8px}
.sk-ct .ct-tip em::before{content:"+";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid currentColor;line-height:1;font-size:15px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.sk-ct .ct-tip:hover em::before{transform:rotate(90deg)}
.sk-ct .ct-tip.added em{color:var(--ink)}
.sk-ct .ct-tip.added em::before{content:"✓";font-size:12px;transform:none}
.sk-ct .ct-two{align-items:start}
@media(min-width:901px) and (min-height:700px){.sk-ct .ct-fh{position:sticky;top:110px}}
.sk-ct .ct-faq .fq-q{font-size:clamp(16px,1.5vw,19px)}

/* ---------- chuyển động tự chạy (chỉ khi không giảm chuyển động) ---------- */
@media(prefers-reduced-motion:no-preference){
  .sk-ct .ct-pin-r{animation:ctPing 2.4s cubic-bezier(.16,1,.3,1) infinite}
  .sk-ct .ct-led{animation:ctLed 2.2s ease-in-out infinite}
  .kx-js .ct-stamp{animation:ctStamp 1s cubic-bezier(.2,1.1,.3,1) .9s both}
  .kx-js .ct-pm{animation:ctInk 1.4s ease-out 1.25s both}
  .sk-ct .ct-f.is-bad{animation:ctShake .45s cubic-bezier(.36,.07,.19,.97)}
  .sk-ct .ct-env.sending .ct-fl{transition:transform .6s cubic-bezier(.5,0,.2,1) .15s}
  .sk-ct .ct-tick circle{animation:ctDraw .8s cubic-bezier(.65,0,.35,1) .1s both}
  .sk-ct .ct-tick path{animation:ctDraw .5s cubic-bezier(.65,0,.35,1) .7s both}
  .sk-ct .ct-done:not([hidden]) :is(h2,.ct-dl,.ct-sum,.ct-ref,.ct-again){animation:ctUp .7s cubic-bezier(.16,1,.3,1) both}
  .sk-ct .ct-done:not([hidden]) .ct-dl{animation-delay:.08s}.sk-ct .ct-done:not([hidden]) .ct-sum{animation-delay:.16s}.sk-ct .ct-done:not([hidden]) .ct-ref{animation-delay:.24s}.sk-ct .ct-done:not([hidden]) .ct-again{animation-delay:.3s}
}
@keyframes ctPing{0%{transform:scale(.7);opacity:.9}100%{transform:scale(3.2);opacity:0}}
@keyframes ctLed{50%{opacity:.45}}
@keyframes ctStamp{0%{transform:scale(1.9) rotate(-16deg);opacity:0}55%{transform:scale(.93) rotate(5deg);opacity:1}100%{transform:scale(1) rotate(3deg);opacity:1}}
@keyframes ctInk{from{opacity:0}to{opacity:1}}
@keyframes ctShake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-5px)}40%,60%{transform:translateX(5px)}}
@keyframes ctDraw{from{stroke-dashoffset:150}to{stroke-dashoffset:0}}
@keyframes ctUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* =====================  iPad (<=1024)  ===================== */
@media(max-width:1024px){
  .sk-ct .ct-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px}
  .sk-ct .ct-title{font-size:clamp(38px,5.4vw,56px)}
  .sk-ct .ct-ch{grid-template-columns:auto minmax(0,1fr);row-gap:10px}
  .sk-ct .ct-ca{grid-column:2}
  .sk-ct .ct-flow .s-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sk-ct .ct-tg.g3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .sk-ct .ct-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
  .sk-ct .ct-l{display:contents}
  .sk-ct .ct-grid>*,.sk-ct .ct-l>*{width:100%;max-width:720px;justify-self:center}
  .sk-ct .ct-title{order:1;font-size:clamp(44px,9vw,64px);margin-bottom:0}
  .sk-ct .ct-sub{order:2;max-width:720px;margin-top:0;padding-right:calc(100% - 46ch)}
  .sk-ct .ct-fw{order:3;margin-top:8px}
  .sk-ct .ct-chs{order:4;margin-top:14px}
  .sk-ct .ct-st{order:5;margin-top:0}
  .sk-ct .ct-q{order:6}
  .sk-ct .ct-ch{grid-template-columns:auto minmax(0,1fr) auto}
  .sk-ct .ct-ca{grid-column:auto}
}
/* =====================  Mobile (<=640)  ===================== */
@media(max-width:640px){
  .sk-ct .ct-hero{padding-top:104px}
  .sk-ct .ct-title{font-size:clamp(42px,12.6vw,54px)}
  .sk-ct .ct-env{padding:8px;border-radius:18px;background:repeating-linear-gradient(-45deg,var(--ac) 0 12px,#fff 12px 21px,#0a0a0c 21px 33px,#fff 33px 42px)}
  .sk-ct .ct-paper{padding:18px 16px 22px;border-radius:11px}
  .sk-ct .ct-top{min-height:70px}
  .sk-ct .ct-stamp{width:54px}
  .sk-ct .ct-pm{right:50px;width:112px;top:-4px}
  .sk-ct .ct-row2{grid-template-columns:minmax(0,1fr)}
  .sk-ct .ct-tabs button{font-size:12px;padding:6px 3px}
  .sk-ct .ct-chips button{min-height:44px;padding:0 14px}
  .sk-ct .ct-sum>div{grid-template-columns:104px minmax(0,1fr)}
  .sk-ct .ct-ci{display:none}
  .sk-ct .ct-ch{grid-template-columns:minmax(0,1fr) auto;padding:12px 12px 12px 16px}
  .sk-ct .ct-cp span{display:none}
  .sk-ct .ct-cp{width:40px;padding:0;justify-content:center}
  .sk-ct .ct-st-in{max-width:88%}
  .sk-ct .ct-flow .s-steps{grid-template-columns:minmax(0,1fr)}
  .sk-ct .ct-tg.g3{grid-template-columns:minmax(0,1fr)}
  .sk-ct .ct-tip{padding:18px}
}
@media(max-width:380px){
  .sk-ct .ct-tabs button{font-size:11.5px}
  .sk-ct .ct-pm{display:none}
}