:root { --blue:#1767e8; --navy:#182230; --soft:#f3f6fb; --line:#e4e9f1; --yellow:#ffe100; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--navy); background:#fff; font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif; word-break:keep-all; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.site-shell { overflow:hidden; }
.notice-strip { height:46px; display:flex; align-items:center; justify-content:center; background:#5d3fc0; color:#fff; font-size:14px; font-weight:750; letter-spacing:-.02em; }
.top-header { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.96); backdrop-filter:blur(16px); border-bottom:1px solid #edf0f5; }
.header-row { width:min(1240px,calc(100% - 48px)); margin:auto; display:flex; align-items:center; }
.header-mini { height:64px; gap:34px; }
.brand { display:flex; align-items:center; gap:8px; margin-right:auto; }
.brand-mark { width:40px; height:30px; display:grid; place-items:center; color:white; background:var(--blue); font-size:16px; font-weight:900; border-radius:5px 5px 5px 1px; transform:skew(-8deg); }
.brand strong { color:var(--blue); font-size:23px; letter-spacing:-.07em; }
.brand em { font-style:normal; color:#8b5cf6; font-weight:900; font-size:10px; background:#f0e8ff; padding:4px 6px; border-radius:7px; }
.header-mini nav { display:flex; gap:26px; color:#333d4b; font-weight:650; font-size:14px; }
.login-link { padding:10px 14px; border-radius:10px; background:#f0f3f7; font-size:13px; font-weight:750; }
.service-nav { height:64px; gap:30px; font-weight:800; letter-spacing:-.04em; }
.service-nav a { white-space:nowrap; }
.service-nav .menu-cta { margin-left:auto; color:#fff; background:var(--blue); padding:11px 17px; border-radius:10px; }
main { width:calc(100% - 220px); }
.hero-section { min-height:532px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; background:linear-gradient(115deg,#edf4ff 0%,#e8f2ff 56%,#dceaff 100%); overflow:hidden; padding:64px max(60px,calc((100vw - 1280px)/2)); position:relative; }
.hero-copy { position:relative; z-index:2; padding-left:20px; }
.eyebrow,.section-heading>span,.trust-copy>span { color:var(--blue); font-size:15px; font-weight:850; letter-spacing:-.03em; }
.hero-copy h1 { margin:18px 0; font-size:48px; line-height:1.22; letter-spacing:-.055em; }
.hero-copy h1 strong { color:var(--blue); }
.hero-copy>p { margin:0; color:#5d6775; font-size:18px; line-height:1.7; }
.hero-buttons { display:flex; gap:10px; margin-top:30px; }
.button { padding:16px 22px; border-radius:12px; font-weight:850; font-size:15px; }
.button.primary { color:#fff; background:var(--blue); box-shadow:0 12px 28px rgba(23,103,232,.22); }
.button.secondary { background:#fff; border:1px solid #dce4ef; }
.hero-facts { display:flex; gap:22px; padding:0; margin:25px 0 0; color:#667281; font-size:13px; font-weight:700; list-style:none; }
.hero-facts li::before { content:"✓"; color:var(--blue); margin-right:6px; font-weight:900; }
.hero-visual { align-self:stretch; min-width:0; position:relative; display:flex; align-items:flex-end; justify-content:center; }
.hero-image-card { width:100%; height:100%; position:relative; }
.hero-image { width:100%; height:100%; min-height:405px; object-fit:cover; object-position:center; mix-blend-mode:multiply; }
.hero-mobile-promo { display:none; }
.hero-floating-card { position:absolute; z-index:2; min-width:132px; padding:13px 16px; border:1px solid rgba(255,255,255,.86); border-radius:15px; background:rgba(255,255,255,.92); box-shadow:0 14px 34px rgba(40,76,131,.16); backdrop-filter:blur(10px); }
.hero-floating-card b,.hero-floating-card span { display:block; }.hero-floating-card b { color:var(--blue); font-size:17px; }.hero-floating-card span { margin-top:4px; color:#667484; font-size:11px; font-weight:750; }
.hero-floating-card.card-one { left:3%; top:24%; }.hero-floating-card.card-two { right:2%; bottom:18%; }
.service-dock { width:min(1220px,calc(100% - 80px)); margin:-26px auto 90px; position:relative; z-index:3; display:grid; grid-template-columns:repeat(8,1fr); background:#fff; border:1px solid #e9edf4; border-radius:22px; padding:12px; box-shadow:0 20px 50px rgba(24,34,48,.10); }
.service-mini { min-height:116px; padding:15px 8px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border-right:1px solid #edf0f4; border-radius:14px; transition:.2s; }
.service-mini:last-child { border-right:0; }
.service-mini:hover { background:#f4f7fc; transform:translateY(-3px); }
.service-mini .service-thumb { width:50px; height:50px; margin-bottom:8px; overflow:hidden; border-radius:16px; background-color:#eef3fb; }
.service-mini .service-thumb img { width:100%; height:100%; display:block; object-fit:cover; }
.service-sprite { display:block; background-image:url('images/v44/service-icons-sprite.png'); background-repeat:no-repeat; background-size:400% 200%; }
.service-mini strong { font-size:15px; }
.service-mini small { margin-top:4px; color:#8b95a3; font-size:10px; }
.section { width:min(1240px,calc(100% - 80px)); margin:0 auto; padding:95px 0; }
.section-heading h2,.trust-copy h2 { margin:12px 0; font-size:38px; letter-spacing:-.055em; line-height:1.25; }
.section-heading p { margin:0; color:#6b7583; font-size:16px; line-height:1.7; }
.section-heading.centered { text-align:center; }
.split-heading { display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:end; }
.catalog-section { padding-top:55px; }
.catalog-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:42px; }
.catalog-card { min-width:0; overflow:hidden; border:1px solid #e4e9f1; border-radius:24px; background:#fff; box-shadow:0 14px 34px rgba(24,34,48,.06); transition:transform .2s,box-shadow .2s; }
.catalog-card:hover { transform:translateY(-5px); box-shadow:0 20px 45px rgba(24,34,48,.11); }
.catalog-image { height:178px; display:grid; place-items:center; position:relative; overflow:hidden; background:linear-gradient(145deg,#f3f7ff,#e9f1ff); }
.catalog-image::after { content:""; position:absolute; inset:auto 0 0; height:30%; background:linear-gradient(transparent,rgba(13,31,56,.08)); }
.catalog-sprite { width:138px; height:138px; border-radius:23px; box-shadow:0 14px 28px rgba(31,71,139,.16); transition:transform .35s; }
.catalog-card:hover .catalog-sprite { transform:translateY(-4px) scale(1.025); }
.catalog-image span { position:absolute; left:15px; top:14px; z-index:2; width:38px; height:30px; display:grid; place-items:center; border-radius:9px; color:#fff; background:rgba(23,103,232,.92); font-size:12px; font-weight:900; box-shadow:0 6px 18px rgba(23,103,232,.24); }
.catalog-body { padding:22px; }
.catalog-body>small { color:var(--blue); font-size:11px; font-weight:850; }.catalog-body h3 { margin:7px 0 17px; font-size:20px; letter-spacing:-.045em; }
.catalog-body ul { min-height:56px; list-style:none; margin:0 0 20px; padding:0; display:grid; gap:7px; color:#64707e; font-size:12px; }
.catalog-body li::before { content:"✓"; margin-right:7px; color:var(--blue); font-weight:900; }
.catalog-body>div { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.catalog-body>div a { padding:11px 7px; text-align:center; border:1px solid #d9e0ea; border-radius:10px; font-size:12px; font-weight:850; }
.catalog-body>div a:last-child { color:#fff; background:var(--blue); border-color:var(--blue); }
.situation-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:42px; align-items:center; }
.situation-grid article { min-height:430px; padding:26px; border:1px solid var(--line); border-radius:28px; text-align:center; position:relative; background:#fff; box-shadow:0 16px 42px rgba(24,34,48,.05); }
.situation-grid article.featured { min-height:478px; padding-top:44px; border-color:#b7d0ff; background:linear-gradient(180deg,#f1f6ff,#fff); }
.situation-grid article>i { position:absolute; left:22px; top:20px; font-style:normal; color:#a0a9b5; font-weight:850; }
.situation-icon { height:180px; display:grid; place-items:center; font-size:100px; filter:drop-shadow(0 18px 18px rgba(39,65,104,.12)); }
.situation-grid h3 { font-size:22px; margin:12px 0; letter-spacing:-.04em; }
.situation-grid p { color:#6c7684; line-height:1.65; min-height:54px; }
.situation-grid button { width:100%; margin-top:20px; border:1px solid #cfd6e1; background:#fff; border-radius:11px; padding:14px; cursor:pointer; font-weight:800; }
.featured button { background:var(--yellow); border-color:var(--yellow); }
.partner-route { margin-top:22px; padding:22px 26px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-radius:18px; color:#fff; background:#202d40; }
.partner-route span,.partner-route strong { display:block; }.partner-route span { color:#adc4e9; font-size:12px; }.partner-route strong { margin-top:6px; font-size:16px; }
.partner-route a { padding:13px 18px; border-radius:10px; color:#122033; background:#fff; font-size:13px; font-weight:900; white-space:nowrap; }
.compare-section { background:#f7f9fc; width:100%; max-width:none; padding-left:max(60px,calc((100vw - 1280px)/2)); padding-right:max(60px,calc((100vw - 1280px)/2)); }
.tab-list { display:flex; gap:8px; margin:32px 0 20px; }
.tab-list button { padding:12px 18px; border:1px solid #d5dce6; border-radius:999px; color:#596472; background:#fff; font-weight:800; cursor:pointer; }
.tab-list button.active { color:#fff; background:var(--blue); border-color:var(--blue); }
.compare-panel { display:grid; grid-template-columns:.82fr 1.18fr; gap:18px; background:#fff; border:1px solid #e1e7f0; padding:20px; border-radius:26px; }
.compare-copy { padding:34px; border-radius:20px; background:linear-gradient(145deg,#ecf3ff,#dbe8ff); }
.compare-badge { display:inline-flex; color:var(--blue); background:#fff; padding:7px 11px; border-radius:8px; font-size:12px; font-weight:850; }
.compare-copy h3 { font-size:28px; line-height:1.4; margin:60px 0 12px; letter-spacing:-.05em; }
.compare-copy p { color:#687484; line-height:1.65; }
.compare-copy>a { display:inline-flex; margin-top:28px; padding:13px 17px; border-radius:10px; color:#fff; background:var(--blue); font-size:13px; font-weight:900; }
.compare-rows { display:grid; gap:12px; }
.compare-rows article { display:grid; grid-template-columns:52px 1fr auto; gap:15px; align-items:center; background:#f5f7fa; border-radius:16px; padding:20px; }
.compare-rows i { font-style:normal; width:44px; height:44px; display:grid; place-items:center; border-radius:50%; color:var(--blue); background:#e4edff; font-weight:900; }
.compare-rows strong { font-size:17px; }
.compare-rows p { margin:6px 0 0; color:#6b7582; font-size:13px; line-height:1.55; }
.compare-rows>article>span { color:#a7b0bc; font-size:22px; }
.trust-section { display:grid; grid-template-columns:1fr 1fr; gap:42px; align-items:center; }
.trust-copy ul { list-style:none; margin:34px 0 0; padding:0; display:grid; gap:10px; }
.trust-copy li { display:flex; gap:15px; padding:17px; border:1px solid #e2e7ee; border-radius:14px; }
.trust-copy li b { color:var(--blue); }
.trust-copy li strong { font-size:16px; }
.trust-copy li p { margin:4px 0 0; color:#6c7683; font-size:13px; }
.trust-visual { min-height:460px; border-radius:28px; background:#f0f4fa; position:relative; display:grid; place-items:center; overflow:hidden; }
.trust-visual::before { content:""; width:360px; height:360px; position:absolute; border:1px dashed #9db7de; border-radius:50%; }
.trust-center { width:170px; height:170px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,#397ef0,#174fb3); box-shadow:0 25px 60px rgba(23,103,232,.32); z-index:2; }
.trust-center span { font-size:34px; }.trust-center strong { font-size:24px; }.trust-center small { opacity:.8; margin-top:4px; }
.orbit { position:absolute; width:76px; height:76px; display:grid; place-items:center; border-radius:50%; background:#fff; box-shadow:0 10px 28px rgba(44,63,90,.13); color:var(--blue); font-weight:900; z-index:3; }
.orbit-one { left:14%; top:18%; }.orbit-two { right:11%; top:35%; }.orbit-three { left:20%; bottom:12%; }
.case-section { border-top:1px solid #edf0f4; }
.case-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:34px; }
.case-grid article { min-height:260px; padding:25px; border-radius:20px; background:#f4f6f9; display:flex; flex-direction:column; }
.case-grid article>span { color:var(--blue); font-size:12px; font-weight:850; }
.case-grid h3 { font-size:20px; line-height:1.4; margin:20px 0 10px; }
.case-grid p { color:#697482; font-size:14px; line-height:1.7; margin:0; }
.case-grid a { margin-top:auto; color:var(--blue); font-size:13px; font-weight:850; }
.ecosystem-section { width:100%; max-width:none; background:#f4f7fb; padding-left:max(60px,calc((100vw - 1280px)/2)); padding-right:max(60px,calc((100vw - 1280px)/2)); }
.ecosystem-card { margin-top:40px; border-radius:28px; overflow:hidden; background:#dcecff; min-height:480px; }
.ecosystem-card img { width:100%; height:100%; display:block; object-fit:cover; }
.partner-list { display:grid; gap:12px; margin-top:34px; }
.partner-list>a { display:grid; grid-template-columns:54px 1fr auto; gap:18px; align-items:center; padding:20px 24px; border-radius:16px; background:#f4f6f9; transition:.2s; }
.partner-list>a:hover { transform:translateX(6px); background:#eef3ff; }
.partner-list i { font-style:normal; color:var(--blue); font-weight:900; }
.partner-list small { display:block; color:#7b8695; font-size:12px; }.partner-list strong { display:block; margin:4px 0; font-size:18px; }.partner-list p { margin:0; color:#667180; font-size:13px; }
.partner-list>a>span { color:var(--blue); font-weight:850; }
.wide-button { width:50%; margin:28px auto 0; display:block; padding:17px; text-align:center; border:1px solid #cfd6e0; border-radius:13px; font-weight:800; }
.faq-section { display:grid; grid-template-columns:.7fr 1.3fr; gap:60px; border-top:1px solid #edf0f4; }
.faq-list { display:grid; gap:8px; }
.faq-list details { padding:20px 22px; border-radius:14px; background:#f5f7fa; }
.faq-list summary { display:flex; justify-content:space-between; cursor:pointer; font-weight:850; }
.faq-list p { color:#667180; line-height:1.7; margin:16px 0 2px; font-size:14px; }
.final-cta { width:calc(100% - 80px); max-width:1240px; margin:20px auto 80px; padding:48px 54px; border-radius:26px; background:linear-gradient(115deg,#eaf2ff,#dceaff); display:flex; align-items:center; justify-content:space-between; }
.final-cta span { color:var(--blue); font-weight:850; }.final-cta h2 { font-size:32px; margin:10px 0; }.final-cta p { color:#657180; margin:0; }
.final-cta>a { padding:17px 27px; border-radius:12px; background:var(--yellow); font-weight:900; }
.consult-rail { position:fixed; right:0; top:160px; z-index:60; width:220px; padding:18px; display:flex; flex-direction:column; gap:9px; border:1px solid #e6eaf0; border-radius:15px 0 0 15px; background:#fff; box-shadow:-10px 15px 40px rgba(24,34,48,.10); }
.consult-rail>strong { margin-bottom:5px; }
.consult-rail>a { padding:13px 10px; text-align:center; border-radius:7px; font-size:13px; font-weight:900; }
.rail-light { color:var(--blue); background:#eaf1ff; }.rail-yellow { background:var(--yellow); }.rail-gray { background:#edf0f4; }.rail-blue { color:#fff; background:var(--blue); }
.consult-rail>div { margin-top:4px; min-height:150px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border-radius:8px; background:#e8f0ff; }
.consult-rail>div span { color:#657180; font-size:12px; }.consult-rail>div b { margin:10px 0; font-size:28px; color:var(--blue); }.consult-rail>div small { color:#687585; font-size:11px; }
footer { width:calc(100% - 220px); padding:55px max(60px,calc((100vw - 1280px)/2)); background:#edf1f6; color:#687381; }
.footer-brand { display:flex; align-items:center; gap:8px; color:#788391; }.footer-brand strong { font-size:22px; }.footer-brand em { margin-left:4px; color:#8a95a3; font-size:11px; font-style:normal; font-weight:850; }
footer nav { display:flex; gap:24px; padding:24px 0; margin:20px 0; border-top:1px solid #d9dfe8; border-bottom:1px solid #d9dfe8; font-weight:750; font-size:13px; }
footer p { margin:0; font-size:12px; line-height:1.7; }
.mobile-consult { display:none; }

@media (max-width:1200px) {
  main,footer { width:100%; }
  .consult-rail { display:none; }
  .service-nav { overflow:auto; scrollbar-width:none; }
  .service-nav .menu-cta { margin-left:0; }
}

/* v44.0.3: 데스크톱 카드 간소화 및 안내 캐릭터 '창순' 적용 */
.service-dock{display:none}
.catalog-mobile-grid{display:none}
.catalog-compact-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:11px;margin-top:36px}
.catalog-compact-card{min-width:0;overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid #e2e8f1;border-radius:19px;background:#fff;box-shadow:0 10px 26px rgba(24,34,48,.06);transition:transform .2s,box-shadow .2s,border-color .2s}
.catalog-compact-card:hover{transform:translateY(-4px);border-color:#b9cdf0;box-shadow:0 17px 34px rgba(24,54,99,.11)}
.catalog-compact-main{min-height:205px;padding:12px 10px 10px;display:flex;flex-direction:column;align-items:center;text-align:center}
.catalog-compact-sprite{width:94px;height:94px;flex:0 0 auto;border-radius:20px;background-color:#eaf1ff;box-shadow:0 11px 23px rgba(31,71,139,.15);transition:transform .3s}
.catalog-compact-card:hover .catalog-compact-sprite{transform:translateY(-3px) scale(1.025)}
.catalog-compact-main>span{position:absolute;left:9px;top:9px;min-width:29px;height:24px;padding:0 7px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--blue);font-size:9px;font-weight:950}
.catalog-compact-main small{width:100%;margin-top:12px;overflow:hidden;color:#748091;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.catalog-compact-main h3{margin:5px 0 0;font-size:15px;line-height:1.25;letter-spacing:-.05em}
.catalog-compact-consult{margin-top:auto;padding:11px 8px;text-align:center;color:var(--blue);background:#f3f7ff;border-top:1px solid #e5ebf4;font-size:11px;font-weight:900}
.catalog-compact-consult:hover{color:#fff;background:var(--blue)}
.final-cta{padding:34px 48px;gap:24px}

.changsuni-sprite{display:block;flex:0 0 auto;background-repeat:no-repeat;background-size:contain;background-position:center;filter:drop-shadow(0 10px 15px rgba(28,58,105,.16));animation:changsuniFloat 4.2s ease-in-out infinite}
.changsuni-sprite.pose-welcome{background-image:url('images/v44/changsuni-welcome.png')}
.changsuni-sprite.pose-thinking{background-image:url('images/v44/changsuni-thinking.png');animation-name:changsuniThink}
.changsuni-sprite.pose-calculating{background-image:url('images/v44/changsuni-calculating.png');animation-duration:4.8s}
.changsuni-sprite.pose-cheering{background-image:url('images/v44/changsuni-cheering.png');animation-name:changsuniCheer;animation-duration:3.2s}
.situation-section{position:relative}
.changsuni-corner{position:absolute;z-index:2;right:0;top:138px;width:292px;display:flex;align-items:center;gap:2px;pointer-events:none}
.changsuni-corner .changsuni-sprite{width:118px;height:148px}
.changsuni-corner>div{margin-left:-8px;padding:11px 13px;border:1px solid #dbe5f4;border-radius:14px 14px 14px 4px;background:rgba(255,255,255,.94);box-shadow:0 10px 25px rgba(30,55,92,.09)}
.changsuni-corner b,.changsuni-corner small{display:block}
.changsuni-corner b{color:var(--blue);font-size:11px}
.changsuni-corner small{margin-top:4px;color:#637081;font-size:10px;line-height:1.45}
.situation-section .situation-grid{margin-top:72px}
.changsuni-tip{margin-top:20px;padding:9px 12px 9px 6px;display:flex;align-items:center;gap:8px;border:1px solid #dbe6f6;border-radius:15px;background:rgba(255,255,255,.78)}
.changsuni-tip .changsuni-sprite{width:92px;height:116px}
.changsuni-tip b,.changsuni-tip small{display:block}
.changsuni-tip b{color:var(--blue);font-size:11px}
.changsuni-tip small{margin-top:5px;color:#647184;font-size:10px;line-height:1.5}
.compare-copy h3{margin-top:34px}
.compare-copy>a{margin-top:18px}
.changsuni-final{min-width:140px;display:flex;flex-direction:column;align-items:center;text-align:center}
.changsuni-final .changsuni-sprite{width:116px;height:145px}
.changsuni-final b{margin-top:-3px;color:#1767e8;font-size:10px}
@keyframes changsuniFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes changsuniThink{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-5px) rotate(-1.5deg)}60%{transform:translateY(-5px) rotate(1deg)}}
@keyframes changsuniCheer{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-8px) scale(1.025)}60%{transform:translateY(-5px) scale(1.01)}}

@media (max-width:1500px) and (min-width:901px){
  .catalog-compact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .catalog-compact-main{min-height:190px}
  .catalog-compact-sprite{width:86px;height:86px}
}
@media (max-width:900px){
  .service-dock{display:grid}
  .catalog-compact-grid{display:none}
  .catalog-mobile-grid{display:grid;grid-template-columns:repeat(2,1fr)}
  .changsuni-corner{display:none}
  .situation-section .situation-grid{margin-top:42px}
  .changsuni-tip{max-width:390px}
  .changsuni-final{align-self:center}
}
@media (max-width:560px){
  .catalog-mobile-grid{grid-template-columns:1fr;gap:14px}
  .changsuni-tip .changsuni-sprite{width:68px;height:86px}
  .changsuni-final .changsuni-sprite{width:78px;height:98px}
}
@media (prefers-reduced-motion:reduce){.changsuni-sprite{animation:none!important}}
@media (max-width:900px) {
  .notice-strip { height:38px; font-size:12px; }
  .header-row { width:calc(100% - 32px); }
  .header-mini { height:58px; }.header-mini nav,.login-link { display:none; }
  .service-nav { height:50px; gap:22px; font-size:13px; }.service-nav .menu-cta { display:none; }
  .hero-section { min-height:auto; grid-template-columns:1fr; padding:20px 24px 0; }
  .hero-copy { order:2; padding:0 0 48px; }.hero-copy h1 { font-size:37px; }.hero-copy>p { font-size:16px; }
  .hero-visual { order:1; height:360px; margin:0 0 30px; align-items:stretch; }
  .hero-image-card { overflow:hidden; border:1px solid rgba(255,255,255,.9); border-radius:26px; background:#dceaff; box-shadow:0 20px 42px rgba(27,68,128,.16); }
  .hero-image { min-height:0; object-position:center top; mix-blend-mode:normal; }
  .hero-mobile-promo { position:absolute; left:14px; right:14px; bottom:14px; display:block; padding:15px 17px; border:1px solid rgba(255,255,255,.8); border-radius:15px; color:#fff; background:linear-gradient(115deg,rgba(12,64,151,.92),rgba(32,111,232,.82)); box-shadow:0 10px 26px rgba(13,45,94,.24); backdrop-filter:blur(10px); }
  .hero-mobile-promo span,.hero-mobile-promo strong { display:block; }
  .hero-mobile-promo span { font-size:11px; font-weight:800; opacity:.88; }
  .hero-mobile-promo strong { margin-top:5px; font-size:20px; letter-spacing:-.045em; }
  .hero-floating-card { display:none; }
  .service-dock { grid-template-columns:repeat(4,1fr); width:calc(100% - 28px); margin:-12px auto 45px; }
  .service-mini { border-bottom:1px solid #edf0f4; }.service-mini small { display:none; }
  .section { width:calc(100% - 40px); padding:70px 0; }
  .section-heading h2,.trust-copy h2 { font-size:31px; }
  .split-heading { grid-template-columns:1fr; gap:14px; align-items:start; }
  .catalog-grid { grid-template-columns:repeat(2,1fr); }
  .situation-grid { grid-template-columns:1fr; }.situation-grid article,.situation-grid article.featured { min-height:390px; }
  .compare-section,.ecosystem-section { width:100%; padding-left:20px; padding-right:20px; }
  .compare-panel,.trust-section,.faq-section { grid-template-columns:1fr; }
  .compare-copy h3 { margin-top:34px; }
  .case-grid { grid-template-columns:repeat(2,1fr); }
  .ecosystem-card { min-height:320px; }
  .final-cta { width:calc(100% - 40px); padding:35px; flex-direction:column; align-items:flex-start; gap:24px; }
  footer { padding:50px 24px 90px; } footer nav { flex-wrap:wrap; }
  .mobile-consult { position:fixed; left:0; right:0; bottom:0; z-index:70; display:grid; grid-template-columns:1fr 1.35fr; padding:9px; gap:8px; background:#fff; border-top:1px solid #e2e7ee; }
  .mobile-consult a { padding:14px; text-align:center; border-radius:9px; font-weight:900; background:#f0f3f7; }.mobile-consult a:last-child { color:#fff; background:var(--blue); }
}
@media (max-width:560px) {
  .brand strong { font-size:20px; }
  .hero-copy h1 { font-size:31px; line-height:1.3; }
  .hero-buttons { flex-direction:column; }.button { text-align:center; }
  .hero-facts { flex-wrap:wrap; gap:8px 15px; }
  .hero-section { padding-left:16px; padding-right:16px; }
  .hero-visual { height:292px; margin-bottom:25px; }
  .hero-image-card { border-radius:21px; }
  .hero-mobile-promo { left:10px; right:10px; bottom:10px; padding:13px 14px; border-radius:13px; }
  .hero-mobile-promo strong { font-size:18px; }
  .service-dock { grid-template-columns:repeat(4,1fr); padding:6px; border-radius:16px; }
  .service-mini { min-height:96px; }.service-mini .service-thumb { width:42px; height:42px; border-radius:13px; }.service-mini strong { font-size:11px; }
  .section-heading h2,.trust-copy h2 { font-size:27px; }
  .catalog-grid { grid-template-columns:1fr; gap:14px; }.catalog-card { display:grid; grid-template-columns:42% 58%; min-height:198px; border-radius:18px; }.catalog-image { height:100%; min-height:198px; }.catalog-sprite { width:min(118px,calc(100% - 20px)); height:auto; aspect-ratio:1; border-radius:19px; }.catalog-body { padding:18px; }.catalog-body h3 { font-size:18px; margin-bottom:12px; }.catalog-body ul { min-height:0; margin-bottom:14px; }.catalog-body>div a { padding:10px 5px; font-size:11px; }
  .tab-list { overflow:auto; scrollbar-width:none; }.tab-list button { white-space:nowrap; }
  .compare-panel { padding:10px; }.compare-copy { padding:24px; }.compare-rows article { grid-template-columns:42px 1fr; }.compare-rows>article>span { display:none; }
  .case-grid { grid-template-columns:1fr; }.case-grid article { min-height:225px; }
  .trust-visual { min-height:360px; }
  .partner-list>a { grid-template-columns:36px 1fr; padding:17px; }.partner-list>a>span { grid-column:2; font-size:12px; }
  .partner-route { align-items:flex-start; flex-direction:column; }.partner-route a { width:100%; text-align:center; }
  .wide-button { width:100%; }
  .final-cta h2 { font-size:27px; }
}