/* Skytrain Home — scoped under #sk-home */
#sk-home{color:#0B3A47;background:#FBFCFE;overflow-x:hidden}
#sk-home *{box-sizing:border-box}
#sk-home img{max-width:100%;display:block}
/* force Noto Sans Thai across all home content (beats Dent-All #content h2 etc.); numbers use Serif Display */
#sk-home,#sk-home h1,#sk-home h2,#sk-home h3,#sk-home h4,#sk-home p,#sk-home a,#sk-home span,#sk-home div,#sk-home button,#sk-home li,#sk-home .sk-serif{font-family:'Noto Sans Thai',sans-serif!important}
#sk-home .sk-num{font-family:'Noto Serif Display',serif!important}
#sk-home .sk-wrap{max-width:1240px;margin:0 auto}
#sk-home .sk-sec{padding:80px 32px}
/* tighten the vertical gap leading into the About section (the promo section's
   trailing channels box already gives plenty of breathing room above it) */
#sk-home .sk-promo .sk-sec{padding-bottom:48px}
#sk-home .sk-about .sk-sec{padding-top:24px}
#sk-home a{text-decoration:none}

/* buttons */
#sk-home .sk-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-weight:600;cursor:pointer;transition:filter .15s,transform .15s,background .15s,color .15s,border-color .15s;font-size:16px;padding:15px 28px}
#sk-home .sk-btn-teal{background:#17B0D4;color:#fff;box-shadow:0 12px 26px rgba(23,176,212,.32)}
#sk-home .sk-btn-teal:hover{filter:brightness(1.06);transform:translateY(-1px);color:#fff}
#sk-home .sk-btn-ghost{background:#fff;color:#0B3A47;border:1px solid #D8E4E9}
#sk-home .sk-btn-ghost:hover{border-color:#17B0D4;color:#17B0D4}

/* headings */
#sk-home .sk-head{text-align:center;max-width:620px;margin:0 auto 52px}
#sk-home .sk-kicker{font-size:13px;font-weight:700;letter-spacing:.14em;color:#F47B3F;text-transform:uppercase}
#sk-home .sk-h2{font-weight:700;font-size:42px;margin:14px 0 0;color:#0B3A47}
#sk-home .sk-head-sub{font-size:17px;color:#4A6570;margin:16px 0 0;line-height:1.7}

/* HERO */
#sk-home .sk-hero{position:relative;background:radial-gradient(1100px 520px at 78% -8%,#E4F6FB 0,rgba(228,246,251,0) 60%),radial-gradient(760px 420px at 6% 108%,#FDEDE4 0,rgba(253,237,228,0) 62%),#FBFCFE;overflow:hidden}
#sk-home .sk-hero-grid{padding:64px 32px 76px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
#sk-home .sk-badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #E4EDF0;padding:7px 15px;border-radius:999px;font-size:13px;font-weight:600;color:#0E8CAE;box-shadow:0 4px 14px rgba(11,58,71,.05)}
#sk-home .sk-badge-dot{width:7px;height:7px;border-radius:50%;background:#F47B3F}
#sk-home .sk-h1{font-weight:700;font-size:60px;line-height:1.28;letter-spacing:-.01em;margin:22px 0 0;color:#0B3A47}
#sk-home .sk-hero-sub{font-size:18px;line-height:1.7;color:#4A6570;max-width:480px;margin:20px 0 0}
#sk-home .sk-hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
#sk-home .sk-hero-stats{display:flex;gap:40px;margin-top:46px}
#sk-home .sk-stat-n{font-size:34px;font-weight:500;color:#0E8CAE;line-height:1}
#sk-home .sk-stat-l{font-size:13.5px;color:#6B838C;margin-top:6px}

/* hero carousel */
#sk-home .sk-hero-frame{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(11,58,71,.16);background:#DCEFF4}
#sk-home .sk-h-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;z-index:1}
#sk-home .sk-h-slide.active{opacity:1;z-index:2}
#sk-home .sk-h-slide img{width:100%;height:100%;object-fit:cover}
#sk-home .sk-car-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:38px;height:38px;border-radius:50%;border:none;background:rgba(255,255,255,.9);color:#0B3A47;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(11,58,71,.2)}
#sk-home .sk-car-btn:hover{background:#fff}
#sk-home .sk-h-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:8px;align-items:center}
#sk-home .sk-h-dot{border:none;cursor:pointer;padding:0;border-radius:999px;background:rgba(255,255,255,.55);width:8px;height:8px;transition:width .2s,background .2s}
#sk-home .sk-h-dot.active{width:26px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}

/* TRUST */
#sk-home .sk-trust{border-top:1px solid #E4EDF0;border-bottom:1px solid #E4EDF0;background:#fff}
#sk-home .sk-trust-grid{padding:26px 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
#sk-home .sk-trust-item{display:flex;align-items:flex-start;gap:14px}
#sk-home .sk-trust-ico{width:40px;height:40px;border-radius:12px;background:#E4F6FB;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#sk-home .sk-diamond{width:12px;height:12px;border-radius:3px;background:#17B0D4;transform:rotate(45deg)}
#sk-home .sk-trust-t{font-weight:600;font-size:15px}
#sk-home .sk-trust-s{font-size:13px;color:#6B838C;margin-top:3px;line-height:1.5}

/* SERVICES */
#sk-home .sk-services{background:#F4FAFC;border-top:1px solid #E4EDF0;border-bottom:1px solid #E4EDF0}
#sk-home .sk-svc-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 20px;scrollbar-width:none;-ms-overflow-style:none}
#sk-home .sk-svc-track::-webkit-scrollbar{display:none}
#sk-home .sk-svc-card{scroll-snap-align:start;flex:0 0 auto;width:232px;height:296px;position:relative;border:1px solid #E4EDF0;border-radius:18px;overflow:hidden;background:#DCEFF4;transition:transform .18s,box-shadow .18s,border-color .18s}
#sk-home .sk-svc-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(11,58,71,.10);border-color:#BFE6F0}
#sk-home .sk-svc-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#sk-home .sk-svc-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,44,54,.85) 0,rgba(8,44,54,.32) 46%,rgba(8,44,54,.04) 72%)}
#sk-home .sk-svc-badge{position:absolute;top:14px;left:14px;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(8,44,54,.22);overflow:hidden}
#sk-home .sk-svc-badge img{width:100%;height:100%;object-fit:cover}
#sk-home .sk-svc-text{position:absolute;left:20px;right:20px;bottom:18px;color:#fff}
#sk-home .sk-svc-no{font-size:30px;font-weight:500;color:#7FE0F5;line-height:1}
#sk-home .sk-svc-name{font-weight:600;font-size:20px;margin-top:5px}
#sk-home .sk-svc-en{font-size:12.5px;opacity:.82;margin-top:3px;letter-spacing:.02em}
#sk-home .sk-svc-arrows{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}
#sk-home .sk-svc-arrow{width:46px;height:46px;border-radius:50%;border:1px solid #D8E4E9;background:#fff;color:#0B3A47;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .16s}
#sk-home .sk-svc-arrow:hover{border-color:#17B0D4;color:#17B0D4}

#sk-home .sk-h2.sk-left{text-align:left}
#sk-home .sk-white{color:#fff}
#sk-home .sk-link{font-weight:600;font-size:15px;color:#0E8CAE;white-space:nowrap}
#sk-home .sk-link:hover{color:#17B0D4}

/* PROMO */
#sk-home .sk-promo-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px;flex-wrap:wrap}
#sk-home .sk-promo-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 14px;scrollbar-width:none;-ms-overflow-style:none}
#sk-home .sk-promo-track::-webkit-scrollbar{display:none}
#sk-home .sk-promo-card{scroll-snap-align:start;flex:0 0 auto;width:min(272px,80%);background:#fff;border:1px solid #EAF1F4;border-radius:22px;overflow:hidden;box-shadow:0 10px 28px rgba(11,58,71,.08);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
#sk-home .sk-promo-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(11,58,71,.15)}
#sk-home .sk-promo-img{aspect-ratio:4/5;cursor:pointer}
#sk-home .sk-promo-img img{width:100%;height:100%;object-fit:cover}
#sk-home .sk-promo-cta-wrap{padding:16px 16px 18px}
#sk-home .sk-promo-cta{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:#0E8CAE;border:1.5px solid #CFE7EE;border-radius:999px;font-family:'Noto Sans Thai',sans-serif;font-weight:600;font-size:14px;padding:10px 16px;cursor:pointer;transition:all .16s}
#sk-home .sk-promo-cta:hover{background:#17B0D4;border-color:#17B0D4;color:#fff}
#sk-home .sk-promo-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:4px}
#sk-home .sk-promo-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#CFE7EE;cursor:pointer;transition:width .2s,background .2s}
#sk-home .sk-promo-dot:hover{background:#9CD3E4}
#sk-home .sk-promo-dot.active{width:26px;background:#17B0D4}
#sk-home .sk-promo-channels{margin-top:44px;background:#FDEDE4;border-radius:22px;padding:26px 30px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:space-between}
#sk-home .sk-pc-title{font-size:20px;font-weight:600;margin:0;color:#0B3A47}
#sk-home .sk-pc-list{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
#sk-home .sk-pc-item{background:#fff;border-radius:14px;padding:12px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 16px rgba(11,58,71,.06)}
#sk-home .sk-pc-dot{width:34px;height:34px;border-radius:10px;flex-shrink:0}
#sk-home .sk-pc-t{font-weight:600;font-size:14px}
#sk-home .sk-pc-s{font-size:12px;color:#6B838C;margin-top:1px}
#sk-home .sk-promo-fine{font-size:12.5px;color:#9A7A6C;margin:16px 0 0;line-height:1.6}

/* ABOUT */
#sk-home .sk-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
#sk-home .sk-about-frame{position:relative;aspect-ratio:5/6;border-radius:26px;overflow:hidden;box-shadow:0 24px 56px rgba(11,58,71,.14);background:#DCEFF4}
#sk-home .sk-a-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;z-index:1}
#sk-home .sk-a-slide.active{opacity:1;z-index:2}
#sk-home .sk-a-slide img{width:100%;height:100%;object-fit:cover}
#sk-home .sk-a-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:8px}
#sk-home .sk-a-dot{border:none;cursor:pointer;padding:0;border-radius:999px;background:rgba(255,255,255,.55);width:8px;height:8px;transition:width .2s,background .2s}
#sk-home .sk-a-dot.active{width:26px;background:#fff}
#sk-home .sk-about-body{font-size:17px;line-height:1.85;color:#4A6570;margin:24px 0 0}
#sk-home .sk-about-points{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;margin-top:34px}
#sk-home .sk-point{display:flex;gap:13px;align-items:flex-start}
#sk-home .sk-point-t{font-weight:600;font-size:15.5px}
#sk-home .sk-point-s{font-size:13px;color:#6B838C;margin-top:2px;line-height:1.5}

/* BRANCHES — moved to the shared assets/css/branches.css (scoped #sk-branches),
   so the Home and About pages render the exact same section. */

/* LIGHTBOX */
#sk-home .sk-lb{position:fixed;inset:0;z-index:2000;background:rgba(8,44,54,.86);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:5vh 4vw}
#sk-home .sk-lb.open{display:flex}
#sk-home .sk-lb-btn{position:absolute;border-radius:50%;border:none;background:rgba(255,255,255,.15);color:#fff;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .16s;z-index:2}
#sk-home .sk-lb-btn:hover{background:rgba(255,255,255,.28)}
#sk-home .sk-lb-x{top:24px;right:28px;width:46px;height:46px;font-size:24px}
#sk-home .sk-lb-prev{left:3vw;top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:28px}
#sk-home .sk-lb-next{right:3vw;top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:28px}
#sk-home .sk-lb-inner{display:flex;flex-direction:column;align-items:center;gap:18px;max-height:90vh}
#sk-home .sk-lb-media img{max-height:80vh;max-width:84vw;object-fit:contain;display:block;border-radius:16px;box-shadow:0 30px 70px rgba(0,0,0,.4)}
#sk-home .sk-lb-cap{text-align:center;color:#fff}
#sk-home .sk-lb-title{font-weight:600;font-size:20px}
#sk-home .sk-lb-counter{font-size:13px;opacity:.7;margin-top:6px;letter-spacing:.05em}

@media(max-width:900px){
	#sk-home .sk-hero-grid{grid-template-columns:1fr;gap:40px;padding:48px 24px 60px}
	#sk-home .sk-h1{font-size:42px}
	#sk-home .sk-h2{font-size:32px}
	#sk-home .sk-trust-grid{grid-template-columns:repeat(2,1fr)}
	#sk-home .sk-sec{padding:60px 24px}
	#sk-home .sk-about-grid{grid-template-columns:1fr;gap:40px}
	/* promo channels: stack full-width so the 3 boxes line up instead of sizing to their text */
	#sk-home .sk-promo-channels{flex-direction:column;align-items:stretch;gap:16px;padding:22px 20px}
	#sk-home .sk-pc-list{width:100%;flex-direction:column;justify-content:flex-start;gap:10px}
	#sk-home .sk-pc-item{width:100%}
	/* promo carousel bleeds to the screen edge so cards scroll off-screen instead of being clipped mid-card */
	#sk-home .sk-promo-track{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}
}
@media(max-width:560px){
	#sk-home .sk-trust-grid{grid-template-columns:1fr}
	#sk-home .sk-hero-stats{gap:24px}
	#sk-home .sk-about-points{grid-template-columns:1fr}
}

/* shared: buttons + kicker + placeholder */
#sk-home .sk-btn-line{background:#06C755;color:#fff;box-shadow:0 6px 16px rgba(6,199,85,.25)}
#sk-home .sk-btn-line:hover{filter:brightness(1.05);color:#fff}
#sk-home .sk-btn-white{background:#fff;color:#0E8CAE}
#sk-home .sk-btn-white:hover{background:#0B3A47;color:#fff}
#sk-home .sk-kicker-pink{color:#EE3E8C}
#sk-home .sk-ph{display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;background:linear-gradient(135deg,#DCEFF4,#EAF7FB 45%,#FDEDE4);color:#5B8A99;font-size:13px;border-radius:14px}
#sk-home .sk-ph-43{aspect-ratio:4/3}
#sk-home .sk-ph-1610{aspect-ratio:1200/630;border-radius:0}

/* TEAM */
#sk-home .sk-team-grid{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
#sk-home .sk-team-media{flex:1 1 400px;border-radius:26px;overflow:hidden;box-shadow:0 24px 56px rgba(11,58,71,.14)}
#sk-home .sk-team-photo{aspect-ratio:4/3}
#sk-home .sk-team-photo img{width:100%;height:100%;object-fit:cover;display:block}
#sk-home .sk-team-grid > div:last-child{flex:1 1 360px}
#sk-home .sk-team-body{font-size:17px;color:#4A6570;margin:20px 0 0;line-height:1.8}
#sk-home .sk-team-hl{display:flex;flex-direction:column;gap:12px;margin:26px 0 0}
#sk-home .sk-hl{display:flex;align-items:center;gap:12px}
#sk-home .sk-hl-check{width:22px;height:22px;border-radius:50%;background:#E4F6FB;display:inline-flex;align-items:center;justify-content:center;color:#0E8CAE;font-size:12px;flex-shrink:0}
#sk-home .sk-hl span:last-child{font-size:15.5px;color:#34505A;font-weight:500}

/* STEPS */
#sk-home .sk-steps{background:linear-gradient(135deg,#FDEDE4 0%,#E4F6FB 100%)}
#sk-home .sk-steps-grid{display:grid;grid-template-columns:1fr;gap:26px;align-items:start}
#sk-home .sk-steps-left{display:flex;flex-direction:column;gap:16px}
#sk-home .sk-steps-introt{font-weight:700;font-size:24px;color:#0B3A47}
#sk-home .sk-steps-intro{font-size:15px;color:#4A6570;margin:12px 0 0;line-height:1.8}
#sk-home .sk-step{background:#fff;border-radius:18px;padding:22px 24px;box-shadow:0 10px 28px rgba(11,58,71,.07);display:flex;gap:18px;align-items:flex-start}
#sk-home .sk-step-no{width:44px;height:44px;border-radius:13px;background:#17B0D4;color:#fff;font-size:21px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#sk-home .sk-step-t{font-weight:600;font-size:18px;color:#0B3A47}
#sk-home .sk-step-s{font-size:14px;color:#5B7680;margin-top:5px;line-height:1.6}
#sk-home .sk-note{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:15px 18px}
#sk-home .sk-note-blue{background:#E4F6FB;color:#29616F;font-size:13.5px;line-height:1.6}
#sk-home .sk-note-peach{background:#FDEDE4;color:#8A5A44;font-size:12.5px;line-height:1.55}
#sk-home .sk-note-i{color:#0E8CAE;font-weight:700;flex-shrink:0;font-size:15px}
#sk-home .sk-note-i-orange{color:#F47B3F}
#sk-home .sk-steps-right{background:#fff;border-radius:22px;padding:28px 28px 24px;box-shadow:0 14px 36px rgba(11,58,71,.09)}
#sk-home .sk-ex-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;color:#0B3A47}
#sk-home .sk-ex-dot{width:9px;height:9px;border-radius:3px;background:#EE3E8C;transform:rotate(45deg)}
#sk-home .sk-ex-sub{font-size:13.5px;color:#5B7680;margin:8px 0 18px;line-height:1.6}
#sk-home .sk-ex-img{border-radius:14px;overflow:hidden;border:1px solid #E4EDF0;max-width:400px;margin:0 auto}
#sk-home .sk-ex-img img{width:100%;height:auto}
@media(min-width:900px){#sk-home .sk-steps-grid{grid-template-columns:1fr 1fr;gap:32px}}

/* ARTICLES */
#sk-home .sk-articles-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:46px;flex-wrap:wrap}
#sk-home .sk-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
#sk-home .sk-article-card{display:block;color:inherit;text-decoration:none;border-radius:20px;overflow:hidden;border:1px solid #E4EDF0;background:#fff;transition:transform .18s,box-shadow .18s}
#sk-home .sk-article-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(11,58,71,.10)}
#sk-home .sk-article-thumb{aspect-ratio:1200/630;overflow:hidden;background:#EAF7FB}
#sk-home .sk-article-thumb img{width:100%;height:100%;object-fit:cover;display:block}
#sk-home .sk-article-body{padding:22px 24px}
#sk-home .sk-article-tag{font-size:12px;font-weight:600;color:#17B0D4;letter-spacing:.04em}
#sk-home .sk-article-title{font-weight:600;font-size:19px;margin-top:10px;color:#0B3A47;line-height:1.4}
#sk-home .sk-article-date{font-size:13.5px;color:#6B838C;margin-top:8px}
@media(max-width:900px){#sk-home .sk-articles-grid{grid-template-columns:1fr}}

/* FAQ */
#sk-home .sk-faq{background:linear-gradient(180deg,#FFFFFF,#F4FAFC)}
#sk-home .sk-faq-list{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
#sk-home .sk-faq-item{background:#fff;border:1px solid #E4EDF0;border-radius:16px;overflow:hidden;transition:box-shadow .18s,border-color .18s}
#sk-home .sk-faq-item[open]{border-color:#BFE4EE;box-shadow:0 10px 28px rgba(11,58,71,.08)}
#sk-home .sk-faq-q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-weight:600;font-size:16.5px;color:#0B3A47}
#sk-home .sk-faq-q::-webkit-details-marker{display:none}
#sk-home .sk-faq-q:hover{color:#0E8CAE}
#sk-home .sk-faq-ico{position:relative;width:20px;height:20px;flex-shrink:0}
#sk-home .sk-faq-ico::before,#sk-home .sk-faq-ico::after{content:'';position:absolute;background:#17B0D4;border-radius:2px;transition:transform .2s}
#sk-home .sk-faq-ico::before{top:9px;left:0;width:20px;height:2px}
#sk-home .sk-faq-ico::after{left:9px;top:0;width:2px;height:20px}
#sk-home .sk-faq-item[open] .sk-faq-ico::after{transform:scaleY(0)}
#sk-home .sk-faq-a{padding:0 22px 20px;font-size:15.5px;line-height:1.85;color:#4A6570}
@media(max-width:640px){
	#sk-home .sk-faq-q{font-size:15px;padding:16px 18px}
	#sk-home .sk-faq-a{padding:0 18px 18px;font-size:14.5px}
}

/* CTA BAND */
/* Full-width light band behind the CTA that continues the FAQ's gradient
   (FAQ ends at #F4FAFC) so there's no colour seam, and gives the teal card room
   to breathe above and below instead of butting against the section edge. */
#sk-home .sk-ctaband-wrap{max-width:none;margin:0;padding:44px 32px 84px;background:linear-gradient(180deg,#F4FAFC,#EDF6F9)}
#sk-home .sk-ctaband{max-width:1240px;margin:0 auto;background:linear-gradient(135deg,#17B0D4,#0E8CAE);border-radius:28px;padding:52px 56px;display:grid;grid-template-columns:1fr;gap:40px;align-items:center;color:#fff;box-shadow:0 24px 56px rgba(14,140,174,.28)}
#sk-home .sk-ctaband-title{font-weight:700;font-size:38px;margin:0;line-height:1.25}
#sk-home .sk-ctaband-sub{font-size:17px;opacity:.92;margin:14px 0 28px}
#sk-home .sk-ctaband-btns{display:flex;gap:14px;flex-wrap:wrap}
#sk-home .sk-qr-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:22px 24px}
#sk-home .sk-qr-title{font-weight:600;font-size:15px;margin-bottom:16px;opacity:.95}
#sk-home .sk-qr-row{display:flex;gap:16px}
#sk-home .sk-qr-item{text-align:center}
#sk-home .sk-qr-box{width:108px;height:108px;border-radius:14px;overflow:hidden;background:#fff;padding:7px}
#sk-home .sk-qr-box img{width:100%;height:100%;object-fit:contain}
#sk-home .sk-qr-cap{font-size:12px;opacity:.9;margin-top:8px}
@media(min-width:820px){#sk-home .sk-ctaband{grid-template-columns:1.5fr auto;gap:48px}}
@media(max-width:900px){
	#sk-home .sk-team-body{font-size:16px}
	#sk-home .sk-ctaband-title{font-size:30px}
}