/* SOOLLINK Hybrid Theme - marketing selector + conversion landing */
.soollink-hybrid-main{background:#f7f4ec;color:#16130f;overflow:hidden;}
.sl-hybrid *{box-sizing:border-box;}
.sl-hybrid{font-family:Pretendard,'Noto Sans KR',Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.55;letter-spacing:-.03em;color:#17140f;}
.sl-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto;}
.sl-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:14px;font-weight:800;backdrop-filter:blur(12px);}
.sl-eyebrow.dark{color:#6a441d;border-color:rgba(106,68,29,.18);background:#fff7e6;}
.sl-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.sl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-size:16px;font-weight:900;text-decoration:none!important;transition:.2s ease;border:1px solid transparent;white-space:nowrap;}
.sl-btn.primary{background:linear-gradient(135deg,#f8c35a,#d88c2f);color:#211302;box-shadow:0 18px 40px rgba(216,140,47,.28);}
.sl-btn.dark{background:#17140f;color:#fff;}
.sl-btn.white{background:#fff;color:#1f1a13;box-shadow:0 12px 34px rgba(0,0,0,.12);}
.sl-btn.ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28);}
.sl-btn.line{background:#fff;color:#2d2419;border-color:#e5d5bd;}
.sl-btn:hover{transform:translateY(-2px);}
.sl-section{padding:92px 0;}
.sl-section.alt{background:#fff;}
.sl-title{font-size:clamp(32px,4.8vw,56px);line-height:1.08;margin:18px 0 18px;font-weight:950;letter-spacing:-.055em;}
.sl-sub{font-size:18px;color:#5f574c;max-width:820px;margin:0 auto 36px;}
.sl-section-head{text-align:center;margin-bottom:42px;}
.sl-grid{display:grid;gap:22px;}
.sl-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.sl-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.sl-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));}
.sl-card{position:relative;border-radius:28px;padding:30px;background:#fff;border:1px solid rgba(82,57,28,.12);box-shadow:0 18px 50px rgba(41,29,13,.08);overflow:hidden;}
.sl-card h3{font-size:24px;margin:0 0 12px;font-weight:950;color:#17140f;}
.sl-card p{font-size:16px;color:#5f574c;margin:0 0 18px;}
.sl-card ul{margin:18px 0 0;padding:0;list-style:none;}
.sl-card li{position:relative;padding-left:20px;margin:8px 0;color:#4f473d;font-size:15px;}
.sl-card li:before{content:'✓';position:absolute;left:0;color:#c17a23;font-weight:900;}
.sl-choice-hero{position:relative;min-height:calc(100vh - 90px);padding:120px 0 80px;background:#14100c;color:#fff;isolation:isolate;}
.sl-choice-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(20,16,12,.94),rgba(46,29,12,.72),rgba(20,16,12,.88)),url('../marketing/img/_index_bg01.jpg') center/cover no-repeat;z-index:-2;}
.sl-choice-hero:after{content:'';position:absolute;inset:auto -20% -34% -20%;height:54%;background:radial-gradient(circle,#f1b95d 0,rgba(241,185,93,.28) 26%,rgba(241,185,93,0) 62%);z-index:-1;filter:blur(10px);}
.sl-choice-top{display:flex;gap:40px;align-items:center;justify-content:space-between;}
.sl-choice-copy{max-width:620px;}
.sl-choice-copy h2{font-size:clamp(40px,5vw,68px);line-height:1.05;margin:20px 0;font-weight:950;letter-spacing:-.065em;}
.sl-choice-copy p{font-size:19px;color:rgba(255,255,255,.78);margin:0 0 28px;}
.sl-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px;}
.sl-kpi div{padding:18px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);}
.sl-kpi b{display:block;font-size:24px;color:#f8c35a;}
.sl-kpi span{font-size:13px;color:rgba(255,255,255,.72);}
.sl-choice-panel{flex:1;min-width:420px;display:grid;gap:18px;}
.sl-choice-card{display:block;position:relative;padding:30px;border-radius:30px;text-decoration:none!important;color:#1d1408;background:rgba(255,255,255,.94);box-shadow:0 26px 70px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.3);transition:.22s ease;}
.sl-choice-card:hover{transform:translateY(-5px) scale(1.01);}
.sl-choice-card.marketing{background:linear-gradient(135deg,#fff7e6,#f4bd5b);}
.sl-choice-card.theme{background:linear-gradient(135deg,#ffffff,#e9eef7);}
.sl-choice-card .tag{display:inline-flex;border-radius:999px;background:#17140f;color:#fff;padding:5px 10px;font-size:12px;font-weight:900;margin-bottom:18px;}
.sl-choice-card h3{font-size:30px;line-height:1.14;margin:0 0 12px;font-weight:950;color:#17140f;}
.sl-choice-card p{font-size:16px;color:#514536;margin:0 0 20px;}
.sl-choice-card .go{display:inline-flex;align-items:center;gap:8px;font-weight:950;color:#6c4214;}
.sl-mini-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.sl-mini-nav a{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none!important;font-size:13px;font-weight:800;}
.sl-decision{padding:46px 0;background:#fff;}
.sl-decision .sl-card{height:100%;}
.sl-landing-hero{position:relative;min-height:760px;padding:126px 0 84px;background:#15110d;color:#fff;isolation:isolate;}
.sl-landing-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(15,12,8,.92),rgba(42,25,8,.72),rgba(15,12,8,.88)),url('../marketing/img/_index_bg03.jpg') center/cover no-repeat;z-index:-2;}
.sl-landing-hero .sl-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:46px;align-items:center;}
.sl-landing-hero h2{font-size:clamp(42px,6vw,76px);line-height:1.02;margin:20px 0;font-weight:950;letter-spacing:-.07em;}
.sl-landing-hero p{font-size:19px;color:rgba(255,255,255,.78);margin:0 0 28px;}
.sl-answer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;}
.sl-answer div{padding:18px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);}
.sl-answer b{display:block;color:#f8c35a;margin-bottom:4px;font-size:15px;}
.sl-answer span{font-size:14px;color:rgba(255,255,255,.75);}
.sl-hero-side{border-radius:34px;padding:28px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.22);}
.sl-hero-side img{width:100%;border-radius:24px;background:#fff;}
.sl-hero-side .side-list{display:grid;gap:10px;margin-top:16px;}
.sl-hero-side .side-list span{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.1);font-size:14px;color:rgba(255,255,255,.8);}
.sl-hero-side .side-list b{color:#fff;}
.sl-process{counter-reset:process;}
.sl-process .sl-card{padding-top:72px;}
.sl-process .sl-card:before{counter-increment:process;content:counter(process);position:absolute;top:24px;left:28px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#17140f;color:#f8c35a;font-weight:950;}
.sl-price .sl-card{background:#17140f;color:#fff;border:0;}
.sl-price .sl-card h3,.sl-price .sl-card p,.sl-price .sl-card li{color:#fff;}
.sl-price .sl-card .price{font-size:20px;color:#f8c35a;font-weight:950;}
.sl-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.sl-flow div{padding:20px;border-radius:22px;background:#fff;border:1px solid #eadcc7;}
.sl-flow span{display:inline-flex;margin-bottom:14px;font-size:12px;color:#fff;background:#9b6222;border-radius:999px;padding:4px 10px;font-weight:900;}
.sl-flow h3{font-size:18px;margin:0 0 8px;font-weight:950;}
.sl-flow p{font-size:14px;color:#5f574c;margin:0;}
.sl-sticky-cta{position:fixed;right:22px;bottom:22px;z-index:99;display:flex;gap:10px;align-items:center;padding:10px;border-radius:999px;background:#17140f;box-shadow:0 20px 50px rgba(0,0,0,.28);}
.sl-sticky-cta a{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:999px;color:#fff;text-decoration:none!important;font-size:14px;font-weight:900;}
.sl-sticky-cta .gold{background:#f2b64e;color:#1c1205;}
.sl-consult-note{background:#fff7e6;border:1px solid #ecd1a5;border-radius:24px;padding:22px;margin-top:24px;color:#5d4321;}
#consulting_section.hybrid-consult{background:#fff;padding:96px 0;}
#consulting_section.hybrid-consult .inner_wrap{width:min(1180px,calc(100% - 40px));max-width:none;margin:0 auto;padding:0;}
#consulting_section.hybrid-consult .form_col{box-shadow:0 20px 60px rgba(41,29,13,.08);border:1px solid rgba(82,57,28,.12);}
#consulting_section.hybrid-consult .btn_submit_main{background:linear-gradient(135deg,#17140f,#5a3814);border-radius:999px;}
.sl-install-note{background:#111;color:#f5efe5;padding:26px;border-radius:24px;margin-top:30px;font-size:14px;}
@media(max-width:1024px){.sl-choice-top,.sl-landing-hero .sl-wrap{grid-template-columns:1fr;display:grid}.sl-choice-panel{min-width:0}.sl-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));}.sl-grid.three{grid-template-columns:1fr}.sl-flow{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.sl-wrap{width:min(100% - 24px,1180px)}.sl-section{padding:62px 0}.sl-choice-hero{padding:86px 0 52px;min-height:auto}.sl-choice-copy h2{font-size:36px}.sl-landing-hero h2{font-size:42px}.sl-choice-copy p,.sl-landing-hero p{font-size:16px}.sl-kpi,.sl-answer,.sl-grid.two,.sl-grid.four,.sl-flow{grid-template-columns:1fr}.sl-choice-card{padding:24px}.sl-btn{width:100%}.sl-sticky-cta{left:12px;right:12px;bottom:12px;justify-content:center}.sl-sticky-cta a{flex:1;padding:0 10px}.sl-landing-hero{padding:86px 0 64px;min-height:auto}.sl-hero-side{display:none}.sl-title{font-size:34px}.sl-sub{font-size:16px}.sl-card{padding:24px}}
/* Hybrid consulting form */
#consulting_section.hybrid-consult .flex_row{display:flex;flex-wrap:wrap;gap:44px;align-items:center;justify-content:center;}
#consulting_section.hybrid-consult .info_col{flex:1;min-width:320px;max-width:500px;}
#consulting_section.hybrid-consult .sub_tit{display:block;color:#9b6222;font-size:14px;font-weight:900;margin-bottom:12px;letter-spacing:.02em;}
#consulting_section.hybrid-consult .main_tit{font-size:clamp(34px,4vw,52px);line-height:1.12;font-weight:950;color:#17140f;margin:0 0 20px;letter-spacing:-.055em;}
#consulting_section.hybrid-consult .desc_p{font-size:17px;color:#5f574c;line-height:1.7;margin:0 0 28px;}
#consulting_section.hybrid-consult .img_holder{width:100%;overflow:hidden;border-radius:24px;background:#f8f3e9;padding:26px;margin-top:28px;}
#consulting_section.hybrid-consult .main_img{width:100%;height:auto;display:block;max-height:280px;object-fit:contain;}
#consulting_section.hybrid-consult .form_col{flex:1.15;min-width:320px;max-width:680px;background:#fff;padding:38px;border-radius:28px;box-sizing:border-box;}
#consulting_section.hybrid-consult .form_grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
#consulting_section.hybrid-consult .form_row.full{grid-column:span 2;}
#consulting_section.hybrid-consult .form_row label{display:block;font-weight:900;font-size:14px;margin-bottom:8px;color:#2b241b;}
#consulting_section.hybrid-consult .form_row input,
#consulting_section.hybrid-consult .form_row select,
#consulting_section.hybrid-consult .form_row textarea{width:100%;border:1px solid #e4d6c2;background:#fffdf8;padding:13px 14px;border-radius:12px;font-size:14px;outline:none;box-sizing:border-box;color:#241b12;}
#consulting_section.hybrid-consult .form_row input:focus,
#consulting_section.hybrid-consult .form_row select:focus,
#consulting_section.hybrid-consult .form_row textarea:focus{border-color:#d89333;box-shadow:0 0 0 4px rgba(216,147,51,.12);}
#consulting_section.hybrid-consult .policy_box{margin-top:24px;}
#consulting_section.hybrid-consult .policy_box textarea{width:100%;height:78px;font-size:12px;color:#72675b;border:1px solid #eadfce;background:#f8f3e9;padding:12px;resize:none;box-sizing:border-box;border-radius:14px;line-height:1.55;}
#consulting_section.hybrid-consult .agree_chk{margin-top:12px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#34281b;}
#consulting_section.hybrid-consult .btn_submit_main{width:100%;margin-top:26px;height:58px;color:#fff;border:none;font-size:17px;font-weight:950;cursor:pointer;box-shadow:0 16px 40px rgba(33,22,10,.18);}
@media(max-width:991px){#consulting_section.hybrid-consult .flex_row{flex-direction:column;align-items:stretch}#consulting_section.hybrid-consult .info_col,#consulting_section.hybrid-consult .form_col{max-width:100%}}
@media(max-width:560px){#consulting_section.hybrid-consult .form_col{padding:24px}#consulting_section.hybrid-consult .form_grid{grid-template-columns:1fr}#consulting_section.hybrid-consult .form_row.full{grid-column:span 1}}

/* 2026-05-31 main top renewal - image reference style */
.sl-choice-hero-renew{min-height:calc(100vh - 90px);padding:38px 0 38px;display:flex;align-items:center;overflow:hidden;background:#15100b;}
.sl-choice-hero-renew:before{background:linear-gradient(90deg,rgba(14,10,7,.96) 0%,rgba(31,20,10,.86) 32%,rgba(20,13,7,.55) 56%,rgba(18,12,7,.78) 100%),url('../marketing/img/_index_bg01.jpg') center/cover no-repeat;filter:saturate(.94) contrast(1.04);}
.sl-choice-hero-renew:after{inset:auto -10% -24% -10%;height:44%;opacity:.88;background:radial-gradient(circle at 45% 80%,#edb348 0,rgba(237,179,72,.34) 24%,rgba(237,179,72,0) 62%);filter:blur(14px);}
.sl-choice-hero-renew .sl-wrap{width:min(1760px,calc(100% - 88px));}
.sl-choice-top{gap:54px;align-items:center;}
.sl-choice-copy{max-width:780px;flex:0 0 48%;position:relative;z-index:2;}
.sl-choice-copy h2{font-size:clamp(54px,5.35vw,96px);line-height:1.08;margin:24px 0 24px;font-weight:950;letter-spacing:-.075em;color:#fff;text-shadow:0 14px 34px rgba(0,0,0,.28);}
.sl-choice-copy p{max-width:720px;font-size:22px;line-height:1.72;color:rgba(255,255,255,.84);margin:0 0 14px;word-break:keep-all;}
.sl-choice-note{font-weight:700;color:rgba(255,255,255,.92)!important;margin-top:18px!important;}
.sl-choice-hero-renew .sl-btns{margin-top:32px;gap:18px;}
.sl-choice-hero-renew .sl-btn{height:62px;padding:0 32px;font-size:18px;border-radius:999px;box-shadow:0 15px 40px rgba(0,0,0,.2);}
.sl-choice-hero-renew .sl-btn.ghost{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.48);backdrop-filter:blur(14px);}
.sl-mini-nav-icons{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:14px;margin-top:34px;max-width:570px;}
.sl-mini-nav-icons a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:104px;padding:14px 10px;border-radius:24px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 12px 30px rgba(0,0,0,.14);backdrop-filter:blur(14px);font-size:14px;line-height:1.2;text-align:center;}
.sl-mini-nav-icons i{width:30px;height:30px;margin-bottom:10px;color:#fff;stroke-width:1.8;}
.sl-kpi{gap:18px;margin-top:28px;max-width:760px;}
.sl-kpi div{min-height:150px;padding:28px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 18px 44px rgba(0,0,0,.14);}
.sl-kpi div i{width:32px;height:32px;margin-bottom:12px;color:#fff;stroke-width:1.8;}
.sl-kpi b{font-size:28px;line-height:1.1;color:#f7c45d;margin-bottom:10px;letter-spacing:-.05em;}
.sl-kpi span{display:block;font-size:16px;line-height:1.55;color:rgba(255,255,255,.78);word-break:keep-all;}
.sl-choice-showcase{flex:1;min-width:620px;gap:24px;}
.sl-showcase-card{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:center;min-height:330px;padding:42px 38px;border-radius:36px;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.3);}
.sl-showcase-card.marketing{background:linear-gradient(130deg,#fff8e9 0%,#ffd987 54%,#f2b54d 100%);}
.sl-showcase-card.theme{background:linear-gradient(130deg,#ffffff 0%,#eef5ff 58%,#dfeaff 100%);}
.sl-showcase-card:after{content:'';position:absolute;right:-110px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.46);filter:blur(3px);}
.sl-showcase-text{position:relative;z-index:2;min-width:0;}
.sl-showcase-card .tag{padding:9px 16px;margin:0 0 20px;border-radius:999px;font-size:15px;line-height:1;background:#15120e;color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.12);}
.sl-showcase-card.theme .tag{background:#0e4a8e;}
.sl-showcase-card h3{font-size:clamp(34px,2.5vw,48px);line-height:1.12;margin:0 0 16px;letter-spacing:-.06em;}
.sl-showcase-card p{font-size:18px;line-height:1.72;color:#33291e;margin:0;word-break:keep-all;max-width:680px;}
.sl-showcase-card.theme p{color:#354255;}
.sl-showcase-card .go{margin-top:24px;font-size:22px;color:#8a520f;}
.sl-showcase-card.theme .go{color:#0e4a8e;}
.sl-card-flow{display:flex;align-items:center;gap:0;margin:24px 0 4px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 10px 30px rgba(45,30,10,.08);max-width:520px;}
.sl-card-flow span{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:7px;position:relative;text-align:center;min-width:0;}
.sl-card-flow span:not(:last-child):after{content:'›';position:absolute;right:-3px;top:17px;color:#b38a59;font-size:24px;line-height:1;font-weight:700;}
.sl-card-flow i{width:27px;height:27px;stroke-width:1.7;color:#c57916;}
.sl-card-flow em{font-style:normal;font-size:12px;line-height:1.2;font-weight:800;color:#392a17;white-space:nowrap;}
.sl-showcase-card.theme .sl-card-flow i{color:#0e4a8e;}
.sl-showcase-card.theme .sl-card-flow em{color:#253951;}
.sl-device-wrap{position:relative;z-index:2;height:240px;min-width:0;}
.sl-desktop-mockup{position:absolute;right:0;top:8px;width:296px;height:196px;border-radius:10px 10px 7px 7px;background:#191919;border:9px solid #151515;box-shadow:0 18px 34px rgba(0,0,0,.24);overflow:hidden;}
.sl-desktop-mockup:after{content:'';position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);width:92px;height:25px;background:linear-gradient(#e3d6c3,#b9a98e);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);}
.sl-screen-img{position:absolute;inset:0;background-size:cover;background-position:center;}
.sl-screen-img:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.04) 38%,rgba(255,255,255,.42) 39%,rgba(255,255,255,.88));}
.sl-screen-img:after{content:'좋은 술,\A 더 많은 사람에게\A 닿을 수 있도록';white-space:pre;position:absolute;left:22px;top:26px;font-size:18px;line-height:1.25;font-weight:950;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.32);letter-spacing:-.05em;}
.sl-screen-brand:after{content:'전통을 빚고,\A 가치를 이야기하다';}
.sl-screen-marketing{background-image:url('../marketing/img/_index_bg03.jpg');}
.sl-screen-brand{background-image:url('../marketing/img/_index_bg01.jpg');}
.sl-browser-lines{position:absolute;left:0;right:0;bottom:0;height:58px;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:13px 16px;}
.sl-browser-lines b{border-radius:6px;background:linear-gradient(180deg,#f8f0df,#e7d2ab);}
.sl-showcase-card.theme .sl-browser-lines b{background:linear-gradient(180deg,#eef5ff,#d5e6ff);}
.sl-phone-mockup{position:absolute;left:2px;bottom:18px;width:88px;height:166px;border:8px solid #161616;border-radius:20px;background:#111;box-shadow:0 18px 30px rgba(0,0,0,.26);overflow:hidden;}
.sl-phone-mockup:before{content:'';position:absolute;top:4px;left:50%;transform:translateX(-50%);width:32px;height:4px;border-radius:99px;background:#282828;z-index:2;}
.sl-phone-screen{position:absolute;inset:0;background-size:cover;background-position:center;}
.sl-phone-screen:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(255,255,255,.92) 45%,#fff);}
.sl-phone-screen:after{content:'';position:absolute;left:18px;top:48px;width:34px;height:74px;border-radius:8px;background:linear-gradient(180deg,#f1b24a,#fff 45%,#e9d8b6 46%,#f9f4ea);box-shadow:0 0 0 1px rgba(0,0,0,.08),0 8px 14px rgba(0,0,0,.1);}
.sl-pot-shape{position:absolute;right:8px;bottom:0;width:72px;height:58px;border-radius:44% 44% 40% 40%/30% 30% 58% 58%;background:linear-gradient(135deg,#d9c5a3,#a99065);box-shadow:inset 0 10px 16px rgba(255,255,255,.45),0 16px 22px rgba(0,0,0,.16);}
.sl-pot-shape:before{content:'';position:absolute;left:12px;right:12px;top:8px;height:11px;border-radius:50%;background:rgba(80,58,30,.32);}
@media(max-width:1460px){.sl-choice-hero-renew .sl-wrap{width:min(1320px,calc(100% - 64px));}.sl-choice-copy{flex-basis:43%;}.sl-choice-copy h2{font-size:clamp(46px,4.55vw,70px)}.sl-choice-copy p{font-size:18px}.sl-choice-showcase{min-width:560px}.sl-showcase-card{grid-template-columns:minmax(0,1fr) 260px;min-height:280px;padding:34px}.sl-showcase-card h3{font-size:34px}.sl-showcase-card p{font-size:16px}.sl-card-flow{max-width:450px}.sl-device-wrap{height:210px}.sl-desktop-mockup{width:238px;height:160px}.sl-phone-mockup{width:76px;height:142px}.sl-pot-shape{width:60px;height:50px}.sl-kpi div{padding:24px}.sl-kpi b{font-size:24px}.sl-kpi span{font-size:14px}}
@media(max-width:1180px){.sl-choice-hero-renew{padding:78px 0 62px;}.sl-choice-top{display:grid;grid-template-columns:1fr;gap:38px}.sl-choice-copy{max-width:100%;flex-basis:auto}.sl-choice-copy h2{font-size:54px}.sl-choice-copy p{max-width:820px}.sl-choice-showcase{min-width:0}.sl-showcase-card{grid-template-columns:minmax(0,1fr) 300px}.sl-mini-nav-icons{max-width:700px}.sl-kpi{max-width:900px}}
@media(max-width:820px){.sl-choice-hero-renew .sl-wrap{width:min(100% - 24px,760px)}.sl-choice-copy h2{font-size:42px}.sl-choice-copy p{font-size:16px;line-height:1.65}.sl-choice-hero-renew .sl-btns{gap:10px}.sl-choice-hero-renew .sl-btn{width:100%;height:54px;font-size:16px}.sl-mini-nav-icons{grid-template-columns:repeat(2,minmax(0,1fr));}.sl-kpi{grid-template-columns:1fr}.sl-showcase-card{display:block;min-height:auto;padding:28px 24px}.sl-showcase-card h3{font-size:32px}.sl-showcase-card p{font-size:15px}.sl-card-flow{overflow:auto;justify-content:flex-start;padding:14px 12px}.sl-card-flow span{min-width:86px}.sl-card-flow em{font-size:11px}.sl-device-wrap{display:none}.sl-showcase-card .go{font-size:18px}.sl-showcase-card .tag{font-size:13px;white-space:normal;line-height:1.25}}
@media(max-width:460px){.sl-choice-copy h2{font-size:36px}.sl-mini-nav-icons a{min-height:92px}.sl-kpi div{min-height:auto}.sl-showcase-card h3{font-size:28px}}
.sl-mini-nav-icons svg{width:30px;height:30px;margin-bottom:10px;color:#fff;stroke-width:1.8;}
.sl-kpi div svg{width:32px;height:32px;margin-bottom:12px;color:#fff;stroke-width:1.8;}
.sl-card-flow svg{width:27px;height:27px;stroke-width:1.7;color:#c57916;}
.sl-showcase-card.theme .sl-card-flow svg{color:#0e4a8e;}


/* 2026-06-01 main top ratio fix - live server viewport correction */
#header.header--soollink-selector{display:block!important;}
body:has(#header.header--soollink-selector) .soollink-hybrid-main{margin-top:0!important;}
.sl-choice-hero-renew{min-height:100svh;padding:24px 0 26px;align-items:center;}
.sl-choice-hero-renew .sl-wrap{width:min(1680px,calc(100% - 88px));}
.sl-choice-hero-renew .sl-choice-top{gap:48px;align-items:center;}
.sl-choice-hero-renew .sl-choice-copy{flex:0 0 45%;max-width:720px;}
.sl-choice-hero-renew .sl-eyebrow{font-size:15px;padding:8px 17px;}
.sl-choice-hero-renew .sl-choice-copy h2{font-size:clamp(58px,4.8vw,82px);line-height:1.08;margin:22px 0 22px;letter-spacing:-.075em;}
.sl-choice-hero-renew .sl-choice-copy p{font-size:18px;line-height:1.68;max-width:640px;margin-bottom:10px;}
.sl-choice-hero-renew .sl-choice-note{margin-top:18px!important;font-size:18px!important;}
.sl-choice-hero-renew .sl-btns{margin-top:28px;gap:16px;}
.sl-choice-hero-renew .sl-btn{height:58px;padding:0 30px;font-size:17px;}
.sl-choice-hero-renew .sl-mini-nav-icons{margin-top:30px;gap:12px;max-width:560px;}
.sl-choice-hero-renew .sl-mini-nav-icons a{min-height:92px;border-radius:22px;font-size:13px;}
.sl-choice-hero-renew .sl-mini-nav-icons svg{width:28px;height:28px;margin-bottom:9px;}
.sl-choice-hero-renew .sl-kpi{margin-top:24px;gap:16px;max-width:720px;}
.sl-choice-hero-renew .sl-kpi div{min-height:132px;padding:22px 24px;border-radius:22px;}
.sl-choice-hero-renew .sl-kpi div svg{width:30px;height:30px;margin-bottom:9px;}
.sl-choice-hero-renew .sl-kpi b{font-size:24px;margin-bottom:8px;}
.sl-choice-hero-renew .sl-kpi span{font-size:14px;line-height:1.5;}
.sl-choice-hero-renew .sl-choice-showcase{min-width:600px;gap:20px;}
.sl-choice-hero-renew .sl-showcase-card{grid-template-columns:minmax(0,1fr) 330px;gap:22px;min-height:300px;padding:34px 36px;border-radius:34px;}
.sl-choice-hero-renew .sl-showcase-card .tag{font-size:14px;padding:8px 15px;margin-bottom:17px;}
.sl-choice-hero-renew .sl-showcase-card h3{font-size:clamp(32px,2.1vw,42px);line-height:1.12;margin-bottom:14px;}
.sl-choice-hero-renew .sl-showcase-card p{font-size:16px;line-height:1.62;max-width:560px;}
.sl-choice-hero-renew .sl-card-flow{margin:20px 0 2px;padding:13px 14px;max-width:500px;border-radius:15px;}
.sl-choice-hero-renew .sl-card-flow svg{width:23px;height:23px;}
.sl-choice-hero-renew .sl-card-flow em{font-size:11px;}
.sl-choice-hero-renew .sl-card-flow span:not(:last-child):after{top:14px;font-size:22px;}
.sl-choice-hero-renew .sl-showcase-card .go{margin-top:21px;font-size:20px;}
.sl-choice-hero-renew .sl-device-wrap{height:218px;}
.sl-choice-hero-renew .sl-desktop-mockup{width:270px;height:178px;}
.sl-choice-hero-renew .sl-screen-img:after{font-size:16px;left:20px;top:24px;}
.sl-choice-hero-renew .sl-browser-lines{height:52px;padding:12px 14px;}
.sl-choice-hero-renew .sl-phone-mockup{width:78px;height:148px;bottom:16px;}
.sl-choice-hero-renew .sl-pot-shape{width:66px;height:52px;}
@media(max-width:1460px){
  .sl-choice-hero-renew .sl-wrap{width:min(1320px,calc(100% - 56px));}
  .sl-choice-hero-renew .sl-choice-top{gap:34px;}
  .sl-choice-hero-renew .sl-choice-copy{flex-basis:42%;}
  .sl-choice-hero-renew .sl-choice-copy h2{font-size:clamp(46px,4.25vw,64px);}
  .sl-choice-hero-renew .sl-choice-copy p{font-size:17px;line-height:1.6;}
  .sl-choice-hero-renew .sl-choice-showcase{min-width:560px;gap:18px;}
  .sl-choice-hero-renew .sl-showcase-card{grid-template-columns:minmax(0,1fr) 245px;min-height:270px;padding:28px 30px;border-radius:30px;}
  .sl-choice-hero-renew .sl-showcase-card h3{font-size:32px;}
  .sl-choice-hero-renew .sl-showcase-card p{font-size:15px;line-height:1.55;}
  .sl-choice-hero-renew .sl-showcase-card .tag{font-size:13px;margin-bottom:14px;}
  .sl-choice-hero-renew .sl-card-flow{padding:11px 12px;margin-top:16px;}
  .sl-choice-hero-renew .sl-card-flow svg{width:21px;height:21px;}
  .sl-choice-hero-renew .sl-card-flow em{font-size:10px;}
  .sl-choice-hero-renew .sl-showcase-card .go{font-size:18px;margin-top:18px;}
  .sl-choice-hero-renew .sl-device-wrap{height:190px;}
  .sl-choice-hero-renew .sl-desktop-mockup{width:230px;height:150px;}
  .sl-choice-hero-renew .sl-phone-mockup{width:68px;height:128px;}
  .sl-choice-hero-renew .sl-pot-shape{width:56px;height:46px;}
  .sl-choice-hero-renew .sl-mini-nav-icons a{min-height:84px;}
  .sl-choice-hero-renew .sl-kpi div{min-height:120px;padding:20px;}
}
@media(max-width:1180px){
  #header.header--soollink-selector{display:block!important;}
  .sl-choice-hero-renew{padding:96px 0 62px;min-height:auto;}
}

/* 2026-06-02 main top v3 - fixed image banners + smaller left headline + no-script icons */
.sl-choice-hero-renew{
  min-height:100svh;
  padding:16px 0 18px;
  display:flex;
  align-items:center;
}
.sl-choice-hero-renew .sl-wrap{
  width:min(1600px,calc(100% - 72px));
}
.sl-choice-hero-renew .sl-choice-top{
  gap:44px;
  align-items:center;
}
.sl-choice-hero-renew .sl-choice-copy{
  flex:0 0 45%;
  max-width:680px;
}
.sl-choice-hero-renew .sl-eyebrow{
  font-size:15px;
  padding:8px 17px;
}
.sl-choice-hero-renew .sl-choice-copy h2{
  font-size:clamp(48px,4.05vw,72px);
  line-height:1.08;
  margin:20px 0 20px;
  letter-spacing:-.075em;
}
.sl-choice-hero-renew .sl-choice-copy p{
  font-size:17px;
  line-height:1.62;
  max-width:620px;
  margin-bottom:8px;
}
.sl-choice-hero-renew .sl-choice-note{
  margin-top:14px!important;
  font-size:17px!important;
}
.sl-choice-hero-renew .sl-btns{
  margin-top:24px;
  gap:14px;
}
.sl-choice-hero-renew .sl-btn{
  height:56px;
  padding:0 28px;
  font-size:16px;
}
.sl-choice-hero-renew .sl-mini-nav-icons{
  margin-top:26px;
  gap:12px;
  max-width:540px;
}
.sl-choice-hero-renew .sl-mini-nav-icons a{
  min-height:84px;
  border-radius:21px;
  font-size:13px;
}
.sl-choice-hero-renew .sl-kpi{
  margin-top:20px;
  gap:14px;
  max-width:660px;
}
.sl-choice-hero-renew .sl-kpi div{
  min-height:110px;
  padding:19px 20px;
  border-radius:21px;
}
.sl-choice-hero-renew .sl-kpi b{
  font-size:22px;
  margin-bottom:6px;
}
.sl-choice-hero-renew .sl-kpi span{
  font-size:13px;
  line-height:1.45;
}
.sl-choice-hero-renew .sl-choice-image-showcase{
  flex:0 1 740px;
  min-width:0!important;
  max-width:740px;
  display:flex;
  flex-direction:column;
  gap:18px;
  position:relative;
  z-index:2;
}
.sl-choice-image-card{
  display:block;
  width:100%;
  border-radius:30px;
  overflow:hidden;
  text-decoration:none!important;
  line-height:0;
  box-shadow:0 20px 54px rgba(0,0,0,.24);
  transition:transform .2s ease, box-shadow .2s ease;
}
.sl-choice-image-card:hover{
  transform:translateY(-3px);
  box-shadow:0 26px 66px rgba(0,0,0,.30);
}
.sl-choice-image-card img{
  display:block;
  width:100%;
  height:auto;
  border:0;
}
.sl-line-icon{
  display:block;
  width:28px;
  height:28px;
  margin:0 auto 9px;
  background:currentColor;
  color:#fff;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.sl-kpi .sl-line-icon{
  width:30px;
  height:30px;
  margin:0 0 8px;
}
.sl-icon-check{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");}
.sl-icon-ai{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Cpath d='M9 1v3M15 1v3M9 20v3M15 20v3M20 9h3M20 15h3M1 9h3M1 15h3'/%3E%3Cpath d='M9 14l1.5-4h3L15 14M10 13h4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Cpath d='M9 1v3M15 1v3M9 20v3M15 20v3M20 9h3M20 15h3M1 9h3M1 15h3'/%3E%3Cpath d='M9 14l1.5-4h3L15 14M10 13h4'/%3E%3C/svg%3E");}
.sl-icon-cost{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5'/%3E%3Cpath d='M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5'/%3E%3Cpath d='M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6'/%3E%3C/svg%3E");}
.sl-icon-chat{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 10h8M8 14h5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 10h8M8 14h5'/%3E%3C/svg%3E");}
.sl-icon-monitor{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4M8 10l2.5 2.5L16 7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4M8 10l2.5 2.5L16 7'/%3E%3C/svg%3E");}
.sl-icon-chart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20h18'/%3E%3Cpath d='M6 16v-4M12 16V8M18 16V4'/%3E%3Cpath d='M6 12l6-4 6-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20h18'/%3E%3Cpath d='M6 16v-4M12 16V8M18 16V4'/%3E%3Cpath d='M6 12l6-4 6-4'/%3E%3C/svg%3E");}

@media(max-width:1460px){
  .sl-choice-hero-renew{padding:14px 0 16px;}
  .sl-choice-hero-renew .sl-wrap{width:min(1320px,calc(100% - 52px));}
  .sl-choice-hero-renew .sl-choice-top{gap:30px;}
  .sl-choice-hero-renew .sl-choice-copy{flex-basis:43%;max-width:570px;}
  .sl-choice-hero-renew .sl-choice-copy h2{font-size:clamp(44px,3.95vw,58px);}
  .sl-choice-hero-renew .sl-choice-copy p{font-size:16px;line-height:1.58;max-width:560px;}
  .sl-choice-hero-renew .sl-btn{height:54px;padding:0 24px;font-size:15px;}
  .sl-choice-hero-renew .sl-mini-nav-icons a{min-height:78px;font-size:12.5px;}
  .sl-choice-hero-renew .sl-kpi div{min-height:104px;padding:17px 18px;}
  .sl-choice-hero-renew .sl-kpi b{font-size:20px;}
  .sl-choice-hero-renew .sl-choice-image-showcase{flex-basis:700px;max-width:700px;gap:16px;}
}
@media(max-width:1180px){
  #header.header--soollink-selector{display:block!important;}
  .sl-choice-hero-renew{padding:96px 0 60px;min-height:auto;}
  .sl-choice-hero-renew .sl-choice-top{display:grid;grid-template-columns:1fr;gap:34px;}
  .sl-choice-hero-renew .sl-choice-copy{max-width:100%;}
  .sl-choice-hero-renew .sl-choice-copy h2{font-size:clamp(42px,8vw,62px);}
  .sl-choice-hero-renew .sl-choice-image-showcase{max-width:760px;width:100%;margin:0 auto;}
}
@media(max-width:820px){
  .sl-choice-hero-renew .sl-wrap{width:min(100% - 24px,760px);}
  .sl-choice-hero-renew .sl-choice-copy h2{font-size:40px;}
  .sl-choice-hero-renew .sl-choice-copy p{font-size:16px;line-height:1.65;}
  .sl-choice-hero-renew .sl-btn{width:100%;height:52px;font-size:15px;}
  .sl-choice-hero-renew .sl-mini-nav-icons{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sl-choice-hero-renew .sl-kpi{grid-template-columns:1fr;}
  .sl-choice-image-card{border-radius:22px;}
}
@media(max-width:460px){
  .sl-choice-hero-renew .sl-choice-copy h2{font-size:34px;}
}


/* 2026-06-03 main marketing hero font + reliable inline icons v4 */
.sl-landing-hero h2{
  font-size:clamp(44px,3.95vw,58px)!important;
  line-height:1.1!important;
  letter-spacing:-.065em!important;
  max-width:760px;
}
.sl-line-svg{
  display:block;
  width:28px;
  height:28px;
  margin:0 auto 9px;
  color:#fff;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sl-kpi .sl-line-svg{
  width:30px;
  height:30px;
  margin:0 0 8px;
}
@media(max-width:1460px){
  .sl-landing-hero h2{font-size:clamp(44px,3.95vw,58px)!important;}
}
@media(max-width:1180px){
  .sl-landing-hero h2{font-size:clamp(42px,7vw,58px)!important;}
}
@media(max-width:720px){
  .sl-landing-hero h2{font-size:36px!important;line-height:1.12!important;}
}
@media(max-width:460px){
  .sl-landing-hero h2{font-size:32px!important;}
}


/* 2026-06-04 main selector clarity update - purpose-first gateway */
.sl-choice-hero-gateway .sl-choice-copy h2{
  font-size:clamp(44px,3.9vw,66px);
  line-height:1.12;
  max-width:720px;
}
.sl-choice-hero-gateway .sl-choice-copy p{
  max-width:680px;
}
.sl-choice-guide{
  display:grid;
  gap:10px;
  max-width:650px;
  margin:20px 0 4px;
}
.sl-choice-guide span{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  padding:12px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.86);
  font-size:15px;
  font-weight:800;
}
.sl-choice-guide b{
  color:#f8c35a;
  font-weight:950;
}
.sl-choice-service-showcase{
  flex:0 1 760px;
  min-width:0!important;
  max-width:760px;
  display:flex;
  flex-direction:column;
  gap:18px;
  position:relative;
  z-index:2;
}
.sl-choice-service-card{
  display:block;
  position:relative;
  overflow:hidden;
  padding:34px 38px;
  border-radius:30px;
  text-decoration:none!important;
  color:#16130f;
  box-shadow:0 22px 58px rgba(0,0,0,.24);
  transition:transform .2s ease, box-shadow .2s ease;
}
.sl-choice-service-card:before{
  content:'';
  position:absolute;
  right:-90px;
  top:-110px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(255,255,255,.45);
  pointer-events:none;
}
.sl-choice-service-card:hover{
  transform:translateY(-4px);
  box-shadow:0 30px 72px rgba(0,0,0,.31);
}
.sl-choice-service-card.marketing{
  background:linear-gradient(135deg,#fff4d9 0%,#f2c96c 46%,#edb348 100%);
}
.sl-choice-service-card.homepage{
  background:linear-gradient(135deg,#ffffff 0%,#edf4ff 55%,#dce9fb 100%);
}
.sl-choice-service-card .sl-card-kicker{
  display:inline-flex;
  align-items:center;
  padding:8px 14px;
  border-radius:999px;
  color:#fff;
  background:#9b6222;
  font-size:14px;
  font-weight:950;
  margin-bottom:16px;
}
.sl-choice-service-card.homepage .sl-card-kicker{
  background:#284c88;
}
.sl-choice-service-card h3{
  position:relative;
  font-size:clamp(30px,2.4vw,44px);
  line-height:1.1;
  margin:0 0 12px;
  font-weight:950;
  letter-spacing:-.06em;
  color:#111;
}
.sl-choice-service-card p{
  position:relative;
  font-size:16px;
  line-height:1.62;
  color:#3f3427;
  max-width:650px;
  margin:0 0 16px;
}
.sl-service-flow{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:17px 0 14px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(255,255,255,.7);
}
.sl-service-flow span{
  font-size:13px;
  font-weight:950;
  color:#2f261b;
}
.sl-service-flow em{
  font-style:normal;
  font-weight:950;
  color:#9b6222;
}
.sl-choice-service-card ul{
  position:relative;
  display:grid;
  gap:7px;
  margin:0;
  padding:0;
  list-style:none;
}
.sl-choice-service-card li{
  position:relative;
  padding-left:18px;
  font-size:14px;
  color:#40372e;
  line-height:1.45;
}
.sl-choice-service-card li:before{
  content:'✓';
  position:absolute;
  left:0;
  top:0;
  font-weight:950;
  color:#9b6222;
}
.sl-choice-service-card .go{
  position:relative;
  display:inline-flex;
  margin-top:18px;
  color:#6c4214;
  font-size:18px;
  font-weight:950;
}
.sl-choice-service-card.homepage .go,
.sl-choice-service-card.homepage li:before,
.sl-choice-service-card.homepage .sl-service-flow em{
  color:#284c88;
}
@media(max-width:1460px){
  .sl-choice-service-showcase{flex-basis:700px;max-width:700px;gap:16px;}
  .sl-choice-service-card{padding:28px 30px;border-radius:28px;}
  .sl-choice-service-card h3{font-size:clamp(28px,2.2vw,38px);}
  .sl-choice-service-card p{font-size:15px;}
  .sl-service-flow{padding:12px 14px;}
}
@media(max-width:1180px){
  .sl-choice-service-showcase{max-width:760px;width:100%;margin:0 auto;}
}
@media(max-width:820px){
  .sl-choice-hero-gateway .sl-choice-copy h2{font-size:36px;}
  .sl-choice-guide span{font-size:14px;padding:11px 13px;}
  .sl-choice-service-card{padding:25px 22px;border-radius:24px;}
  .sl-choice-service-card h3{font-size:30px;}
  .sl-choice-service-card .sl-card-kicker{font-size:12px;margin-bottom:13px;}
  .sl-service-flow{gap:6px;}
  .sl-service-flow span{font-size:12px;}
  .sl-choice-service-card .go{font-size:16px;}
}

/* 2026-06-07 copyright-trust marketing renewal */
.sl-proof-hero,
.sl-proof-hero *,
.sl-marketing-renew,
.sl-marketing-renew *{
  letter-spacing:0!important;
  word-break:keep-all;
}
.sl-proof-hero{
  padding:42px 0 44px;
  min-height:calc(100svh - 70px);
}
.sl-proof-hero:before{
  background:
    linear-gradient(90deg,rgba(9,11,13,.9) 0%,rgba(21,24,27,.8) 40%,rgba(20,14,8,.52) 70%,rgba(10,10,10,.86) 100%),
    url('../marketing/img/main_index.jpg') center/cover no-repeat;
  filter:saturate(.92) contrast(1.08);
}
.sl-proof-layout{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1fr);
  align-items:center;
  gap:40px;
}
.sl-proof-copy{
  max-width:760px;
  flex:auto;
}
.sl-proof-copy h2,
.sl-marketing-copy h2{
  max-width:780px;
  font-size:clamp(40px,4.5vw,72px)!important;
  line-height:1.16!important;
  margin:20px 0 18px!important;
  text-shadow:0 12px 32px rgba(0,0,0,.32);
}
.sl-proof-copy p,
.sl-marketing-copy p{
  max-width:720px;
  font-size:18px!important;
  line-height:1.7!important;
  color:rgba(255,255,255,.84)!important;
}
.sl-proof-number{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  margin:8px 0 4px;
  padding:11px 15px;
  border-radius:14px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.sl-proof-number b{
  color:#f6ce75;
  font-size:15px;
  font-weight:950;
}
.sl-proof-number span{
  color:rgba(255,255,255,.82);
  font-size:14px;
  font-weight:800;
}
.sl-proof-hero .sl-btn,
.sl-marketing-renew .sl-btn{
  white-space:normal;
  text-align:center;
}
.sl-proof-hero .sl-mini-nav-icons{
  grid-template-columns:repeat(5,minmax(96px,1fr));
  max-width:760px;
}
.sl-proof-panel,
.sl-cert-visual{
  position:relative;
  overflow:hidden;
  padding:36px;
  border-radius:20px;
  background:linear-gradient(140deg,rgba(18,25,34,.94),rgba(28,34,45,.88));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 26px 80px rgba(0,0,0,.34);
  color:#fff;
}
.sl-proof-panel:before,
.sl-cert-visual:before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(140deg,rgba(255,255,255,.08),rgba(255,255,255,0) 42%),url('../images/soollink_top.jpg') right 18px bottom 18px/210px auto no-repeat;
  opacity:.16;
  pointer-events:none;
}
.sl-proof-ribbon{
  position:relative;
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border-radius:12px;
  background:#e4c27a;
  color:#15120e;
  font-size:13px;
  font-weight:950;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}
.sl-proof-ribbon strong{
  font-size:13px;
  color:#15120e;
}
.sl-proof-panel h3,
.sl-cert-visual h3{
  position:relative;
  margin:24px 0 12px;
  font-size:clamp(30px,2.7vw,46px);
  line-height:1.18;
  font-weight:950;
  color:#fff;
}
.sl-proof-panel p{
  position:relative;
  margin:0 0 26px;
  font-size:17px;
  line-height:1.68;
  color:rgba(255,255,255,.78);
}
.sl-proof-cards{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.sl-proof-cards article{
  min-height:170px;
  padding:22px 18px;
  border-radius:16px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.14);
  text-align:center;
}
.sl-proof-cards svg{
  width:46px;
  height:46px;
  margin:0 auto 14px;
  color:#f6ce75;
  stroke-width:1.7;
}
.sl-proof-cards b{
  display:block;
  margin-bottom:8px;
  color:#f6ce75;
  font-size:17px;
  font-weight:950;
}
.sl-proof-cards span{
  display:block;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.48;
}
.sl-focus-section{
  padding:74px 0 82px;
}
.sl-focus-grid .sl-card,
.sl-compact-grid .sl-card{
  height:100%;
}
.sl-focus-card{
  border-radius:16px;
}
.sl-focus-card > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:30px;
  margin-bottom:16px;
  border-radius:999px;
  background:#172033;
  color:#f2c464;
  font-size:13px;
  font-weight:950;
}
.sl-focus-card h3{
  font-size:22px;
}
.sl-proof-steps .sl-card{
  border-radius:16px;
}
.sl-case-band{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:32px;
  padding:24px;
  border-radius:18px;
  background:#172033;
  color:#fff;
  box-shadow:0 18px 50px rgba(23,32,51,.18);
}
.sl-case-band b{
  display:block;
  margin-bottom:6px;
  color:#f2c464;
  font-size:19px;
  font-weight:950;
}
.sl-case-band span{
  display:block;
  color:rgba(255,255,255,.78);
  font-size:15px;
  line-height:1.6;
}
.sl-marketing-proof:before{
  background:
    linear-gradient(100deg,rgba(10,12,15,.92) 0%,rgba(26,29,34,.78) 48%,rgba(20,14,8,.62) 100%),
    url('../marketing/img/main_index.jpg') center/cover no-repeat;
}
.sl-marketing-proof .sl-wrap{
  grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);
}
.sl-marketing-copy{
  min-width:0;
}
.sl-cert-visual{
  border-radius:20px;
  padding:32px;
}
.sl-cert-visual .sl-proof-ribbon{
  margin-bottom:8px;
}
.sl-cert-list{
  position:relative;
  display:grid;
  gap:12px;
  margin-top:20px;
}
.sl-cert-list span{
  display:block;
  padding:16px 18px;
  border-radius:14px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.13);
  color:rgba(255,255,255,.82);
  font-size:15px;
  line-height:1.55;
}
.sl-cert-list b{
  display:block;
  margin-bottom:4px;
  color:#f6ce75;
  font-size:17px;
}
.sl-compact-grid .sl-card .sl-btn{
  width:100%;
  margin-top:6px;
}
@media(max-width:1180px){
  .sl-proof-layout,
  .sl-marketing-proof .sl-wrap{
    grid-template-columns:1fr;
  }
  .sl-proof-panel,
  .sl-cert-visual{
    max-width:860px;
    width:100%;
    margin:0 auto;
  }
  .sl-proof-hero .sl-mini-nav-icons{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:820px){
  .soollink-hybrid-main,
  .sl-hybrid,
  .sl-proof-hero,
  .sl-marketing-proof{
    max-width:100vw;
    overflow-x:hidden;
  }
  .sl-proof-hero{
    padding:90px 0 46px;
  }
  .sl-proof-hero .sl-wrap,
  .sl-marketing-proof .sl-wrap{
    width:100vw!important;
    max-width:100%!important;
    padding-left:12px;
    padding-right:12px;
  }
  .sl-proof-layout,
  .sl-marketing-proof .sl-wrap{
    display:block!important;
  }
  .sl-proof-copy,
  .sl-marketing-copy{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    min-width:0;
  }
  .sl-proof-copy h2,
  .sl-marketing-copy h2{
    max-width:calc(100vw - 24px)!important;
    font-size:29px!important;
    line-height:1.22!important;
  }
  .sl-proof-copy h2,
  .sl-proof-copy p,
  .sl-marketing-copy h2,
  .sl-marketing-copy p{
    word-break:normal!important;
    overflow-wrap:anywhere;
  }
  .sl-proof-copy p,
  .sl-marketing-copy p{
    max-width:calc(100vw - 24px)!important;
    font-size:16px!important;
  }
  .sl-proof-panel,
  .sl-cert-visual{
    padding:24px;
  }
  .sl-proof-cards{
    grid-template-columns:1fr;
  }
  .sl-proof-cards article{
    min-height:auto;
  }
  .sl-proof-hero .sl-mini-nav-icons{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sl-case-band{
    display:grid;
    padding:22px;
  }
  .sl-case-band .sl-btn{
    width:100%;
  }
}
@media(max-width:520px){
  .sl-proof-copy,
  .sl-marketing-copy{
    width:100%!important;
    max-width:360px!important;
  }
  .sl-proof-copy h2,
  .sl-marketing-copy h2{
    max-width:360px!important;
    font-size:28px!important;
  }
  .sl-proof-copy p,
  .sl-marketing-copy p,
  .sl-proof-number,
  .sl-proof-hero .sl-btns,
  .sl-proof-hero .sl-mini-nav-icons{
    max-width:360px!important;
  }
  .sl-proof-hero .sl-mini-nav-icons{
    grid-template-columns:1fr;
  }
  .sl-proof-ribbon,
  .sl-proof-number{
    width:100%;
  }
}

@media(max-width:820px){
  .soollink-hybrid-main,
  .sl-hybrid,
  .sl-proof-hero,
  .sl-marketing-proof{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  .sl-proof-hero .sl-wrap,
  .sl-marketing-proof .sl-wrap{
    width:auto!important;
    max-width:calc(100% - 24px)!important;
    margin-left:auto;
    margin-right:auto;
    padding-left:0;
    padding-right:0;
  }

  .sl-proof-copy,
  .sl-marketing-copy,
  .sl-proof-copy h2,
  .sl-marketing-copy h2,
  .sl-proof-copy p,
  .sl-marketing-copy p{
    width:100%!important;
    max-width:100%!important;
  }
}

@media(max-width:520px){
  .sl-proof-copy,
  .sl-marketing-copy,
  .sl-proof-copy h2,
  .sl-marketing-copy h2,
  .sl-proof-copy p,
  .sl-marketing-copy p,
  .sl-proof-number,
  .sl-proof-hero .sl-btns,
  .sl-proof-hero .sl-mini-nav-icons{
    max-width:100%!important;
  }
}
/* =======================================================
   저작권 등록증 이미지 명도 및 가독성 개선 (추가 코드)
   ======================================================= */

/* 1. 우측 패널 전체의 어두운 오버레이(막) 투명도 낮추기 */
.sl-hybrid .sl-proof-panel::before,
.sl-hybrid .sl-proof-panel::after {
    /* 기존보다 어두운 막을 걷어냅니다. 숫자가 낮을수록 원본 이미지가 밝아집니다. (기본 0.5 권장) */
    background-color: rgba(0, 0, 0, 0.3) !important; 
}

/* 2. '전문성 부각' 카드(세 번째 카드) 내부에 이미지가 있는 경우 투명도 낮추기 */
.sl-hybrid .sl-proof-cards article:nth-child(3) {
    /* 마지막 숫자(0.4)를 조절하여 배경 이미지의 밝기를 맞춥니다. */
    background-color: rgba(30, 30, 30, 0.4) !important; 
    background-blend-mode: overlay !important;
}

/* 3. 등록증 이미지 자체의 명도(Brightness)를 강제로 올리는 경우 */
.sl-hybrid .sl-proof-panel {
    /* 이미지가 너무 어둡다면 아래 숫자를 1.2 ~ 1.5 사이로 조절해 보세요. */
    /* filter: brightness(1.2) contrast(1.1); */
}
/* =======================================================
   메인화면 폰트 크기 전체 축소 조정
   ======================================================= */

/* 1. 좌측 메인 타이틀 (기존 34px -> 30px 강제 적용) */
.sl-hybrid .sl-choice-copy h3 {
    font-size: 30px !important;
    line-height: 1.4 !important; /* 줄간격 조정으로 가독성 확보 */
}

/* 2. 좌측 메인 본문 설명글 */
.sl-hybrid .sl-choice-copy > p {
    font-size: 15px !important; 
}

/* 3. 우측 패널(진단 솔루션) 타이틀 */
.sl-hybrid .sl-proof-panel h3 {
    font-size: 24px !important;
}

/* 4. 우측 패널 서브 텍스트 */
.sl-hybrid .sl-proof-panel > p {
    font-size: 14px !important;
}
/* 2026-06-10 main hero background update - use /theme/soollink_hybrid3/images/soollink_main_top.jpg */
.sl-proof-hero:before,
.sl-marketing-proof:before{
  background:
    linear-gradient(90deg,rgba(9,11,13,.90) 0%,rgba(21,24,27,.80) 40%,rgba(20,14,8,.52) 70%,rgba(10,10,10,.86) 100%),
    url('../images/soollink_main_top.jpg') center/cover no-repeat!important;
  filter:saturate(.94) contrast(1.08);
}

/* =======================================================
   2026-06-22 main UX redesign
   - Primary CTA 중심 구조
   - 회사 홈페이지는 보조 링크로 축소
   - 기존 연결 링크는 하단 유지
   ======================================================= */
.soollink-hybrid-main{background:#f7f3ea!important;}
.sl-main-ux-renew{background:#f7f3ea;color:#121812;letter-spacing:-.03em;}
.sl-main-ux-renew *{box-sizing:border-box;word-break:keep-all;}
.sl-main-redesign{position:relative;min-height:760px;padding:118px 0 64px;background:#f7f3ea;isolation:isolate;overflow:hidden;}
.sl-main-redesign:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,247,240,.98) 0%,rgba(250,247,240,.95) 34%,rgba(250,247,240,.62) 54%,rgba(14,30,22,.34) 76%,rgba(4,12,9,.70) 100%),url('../images/soollink_main_top.jpg') center/cover no-repeat;z-index:-2;}
.sl-main-redesign:after{content:'';position:absolute;left:-10%;top:-22%;width:58%;height:72%;background:radial-gradient(circle,rgba(23,100,55,.12) 0%,rgba(23,100,55,0) 65%);z-index:-1;}
.sl-main-redesign-wrap{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,.82fr);gap:54px;align-items:center;}
.sl-main-copy{max-width:650px;}
.sl-main-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:9px 14px;border-radius:999px;background:rgba(27,94,52,.08);border:1px solid rgba(27,94,52,.18);color:#18572f;font-size:17px;font-weight:900;}
.sl-main-copy h2{margin:0 0 24px;font-size:clamp(44px,5.4vw,76px);line-height:1.08;font-weight:950;color:#111;letter-spacing:-.065em;}
.sl-main-copy h2 em{font-style:normal;color:#176437;}
.sl-main-copy p{margin:0 0 28px;max-width:610px;font-size:19px;line-height:1.72;color:#343a36;}
.sl-main-proof-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 30px;}
.sl-main-proof-points span{display:flex;align-items:center;gap:12px;min-height:70px;padding:14px 12px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(18,70,40,.12);box-shadow:0 16px 44px rgba(31,48,37,.08);}
.sl-main-proof-points .sl-line-svg{flex:0 0 34px;width:34px;height:34px;margin:0;color:#176437;stroke-width:1.8;}
.sl-main-proof-points b{display:block;font-size:16px;line-height:1.3;color:#121812;font-weight:950;}
.sl-main-proof-points small{display:block;margin-top:2px;font-size:13px;line-height:1.25;color:#4f5b53;font-weight:800;}
.sl-main-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px;}
.sl-main-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 25px;border-radius:12px;text-decoration:none!important;font-size:17px;font-weight:950;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;border:1px solid transparent;}
.sl-main-btn:hover{transform:translateY(-2px);}
.sl-main-btn-primary{background:#176437;color:#fff!important;box-shadow:0 18px 38px rgba(23,100,55,.26);}
.sl-main-btn-primary:after{content:'›';margin-left:12px;font-size:30px;line-height:1;}
.sl-main-btn-secondary{background:rgba(255,255,255,.84);color:#1b251d!important;border-color:rgba(18,35,24,.22);box-shadow:0 10px 28px rgba(21,29,23,.08);}
.sl-main-btn-secondary:after{content:'›';margin-left:10px;font-size:26px;line-height:1;}
.sl-main-company-link{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 6px;color:#485048!important;font-size:14px;font-weight:900;text-decoration:none!important;border-bottom:1px solid rgba(72,80,72,.36);}
.sl-main-company-link:after{content:'↗';font-size:14px;}
.sl-main-reassure{position:relative;margin:20px 0 0!important;padding-left:25px!important;font-size:15px!important;color:#4d5b50!important;font-weight:800;}
.sl-main-reassure:before{content:'✓';position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(23,100,55,.28);color:#176437;font-size:12px;font-weight:950;}
.sl-hero-dashboard{position:relative;z-index:2;padding:26px;border-radius:28px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.62);box-shadow:0 30px 80px rgba(7,19,13,.22);backdrop-filter:blur(18px);}
.sl-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:0 4px;color:#111;}
.sl-dashboard-head b{font-size:16px;font-weight:950;}
.sl-dashboard-head span{font-size:13px;color:#526158;font-weight:900;}
.sl-dashboard-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;}
.sl-dash-card{position:relative;overflow:hidden;min-height:160px;padding:22px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(20,45,29,.10);box-shadow:0 16px 34px rgba(20,31,24,.08);}
.sl-dash-card > span{display:block;margin-bottom:14px;color:#1f2a22;font-size:14px;font-weight:950;}
.sl-score-ring{width:120px;height:120px;margin:8px auto 10px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2f9b5c 0 72%,#d5d8d5 72% 100%);position:relative;}
.sl-score-ring:after{content:'';position:absolute;inset:12px;border-radius:50%;background:#fff;}
.sl-score-ring strong{position:relative;z-index:1;font-size:36px;line-height:1;color:#171b18;font-weight:950;}
.sl-score-ring small{position:relative;z-index:1;margin-top:-38px;font-size:12px;color:#667066;font-weight:800;}
.sl-score-card{text-align:center;}
.sl-score-card b{display:block;color:#111;font-size:17px;font-weight:950;}
.sl-score-card em{display:block;margin-top:5px;color:#5a665d;font-size:12px;font-style:normal;font-weight:800;}
.sl-bars-card ul{display:grid;gap:11px;margin:0;padding:0;list-style:none;}
.sl-bars-card li{display:grid;grid-template-columns:92px 1fr 26px;align-items:center;gap:9px;color:#18231c;}
.sl-bars-card b{font-size:12px;font-weight:900;white-space:nowrap;}
.sl-bars-card i{display:block;height:7px;border-radius:999px;background:linear-gradient(90deg,#2f9b5c var(--v),#e4e8e4 var(--v));}
.sl-bars-card em{font-size:12px;font-style:normal;color:#111;font-weight:900;text-align:right;}
.sl-priority-card ol{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:prio;}
.sl-priority-card li{counter-increment:prio;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#f6f8f5;color:#142016;}
.sl-priority-card li:before{content:counter(prio);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e8eee9;color:#142016;font-size:12px;font-weight:950;}
.sl-priority-card b{font-size:13px;font-weight:900;}
.sl-priority-card em{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:24px;border-radius:999px;background:#dff2e5;color:#176437;font-size:11px;font-style:normal;font-weight:950;}
.sl-growth-card strong{display:block;margin:12px 0 14px;color:#176437;font-size:36px;line-height:1;font-weight:950;}
.sl-growth-line{position:relative;height:70px;border-radius:14px;background:linear-gradient(180deg,#fff,#f2f5f2);overflow:hidden;}
.sl-growth-line:before{content:'';position:absolute;left:0;right:0;bottom:18px;height:1px;background:#d9e0da;box-shadow:0 -24px 0 #edf1ee;}
.sl-growth-line i{position:absolute;left:12px;right:12px;bottom:16px;height:42px;background:linear-gradient(135deg,transparent 0 12%,#176437 12% 15%,transparent 15% 28%,#176437 28% 31%,transparent 31% 44%,#176437 44% 47%,transparent 47% 62%,#176437 62% 65%,transparent 65% 78%,#176437 78% 81%,transparent 81% 100%);clip-path:polygon(0 88%,14% 74%,28% 78%,43% 58%,57% 62%,71% 34%,85% 22%,100% 0,100% 8%,85% 30%,71% 42%,57% 70%,43% 66%,28% 86%,14% 82%,0 96%);}
.sl-main-mid-section{background:#fff!important;padding:74px 0 82px;}
.sl-main-step-section{background:#fbfaf7!important;}
.sl-main-section-head h3{margin:0 0 12px!important;font-size:clamp(30px,3vw,42px)!important;line-height:1.2!important;font-weight:950!important;color:#111!important;letter-spacing:-.045em;}
.sl-main-section-head .sl-sub{max-width:720px;margin-bottom:38px!important;font-size:16px!important;line-height:1.7;color:#6b6f68!important;}
.sl-main-card-grid{gap:18px!important;}
.sl-main-card-grid .sl-card{border-radius:14px!important;background:#fff!important;border:1px solid #e9e6df!important;box-shadow:0 14px 34px rgba(28,33,29,.06)!important;padding:27px!important;}
.sl-main-card-grid .sl-card h3{font-size:19px!important;line-height:1.35!important;color:#121812!important;font-weight:950!important;}
.sl-main-card-grid .sl-card h3 em{font-style:normal;color:#176437;font-size:.92em;}
.sl-main-card-grid .sl-card p{font-size:14px!important;line-height:1.66!important;color:#697067!important;margin-bottom:0!important;}
.sl-main-card-grid .sl-focus-card > span{min-width:31px;height:24px;margin-bottom:14px;border-radius:8px;background:#13203a;color:#f4ca61;font-size:11px;}
.sl-main-case-band{border-radius:14px!important;background:#176437!important;color:#fff!important;box-shadow:0 16px 38px rgba(23,100,55,.18)!important;}
.sl-main-case-band b{color:#fff!important;}
.sl-main-case-band span{color:rgba(255,255,255,.9)!important;}
.sl-main-case-band .sl-btn{border-radius:999px!important;min-height:42px!important;padding:0 18px!important;background:#0f4d2d!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;font-size:13px!important;}
.sl-main-link-keep{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;}
.sl-main-link-keep a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid #e4ded1;color:#50554f!important;font-size:13px;font-weight:900;text-decoration:none!important;}
@media(max-width:1180px){
  .sl-main-redesign{padding:104px 0 54px;}
  .sl-main-redesign-wrap{grid-template-columns:1fr;gap:34px;}
  .sl-main-copy{max-width:760px;}
  .sl-hero-dashboard{max-width:820px;width:100%;}
}
@media(max-width:820px){
  .sl-main-redesign{min-height:auto;padding:92px 0 46px;}
  .sl-main-redesign:before{background:linear-gradient(180deg,rgba(250,247,240,.98) 0%,rgba(250,247,240,.94) 58%,rgba(250,247,240,.78) 100%),url('../images/soollink_main_top.jpg') center/cover no-repeat;}
  .sl-main-redesign-wrap{width:min(100% - 24px,1180px)!important;}
  .sl-main-eyebrow{font-size:13px;line-height:1.35;}
  .sl-main-copy h2{font-size:38px;line-height:1.14;}
  .sl-main-copy p{font-size:16px;line-height:1.65;}
  .sl-main-proof-points{grid-template-columns:1fr;gap:10px;margin:22px 0 24px;}
  .sl-main-proof-points span{min-height:auto;}
  .sl-main-actions{display:grid;grid-template-columns:1fr;gap:10px;}
  .sl-main-btn{width:100%;min-height:54px;font-size:15px;}
  .sl-main-company-link{justify-content:center;height:36px;}
  .sl-hero-dashboard{padding:16px;border-radius:22px;}
  .sl-dashboard-grid{grid-template-columns:1fr;}
  .sl-dash-card{min-height:auto;padding:18px;}
  .sl-bars-card li{grid-template-columns:86px 1fr 24px;}
  .sl-main-mid-section{padding:58px 0 64px;}
  .sl-main-card-grid{grid-template-columns:1fr!important;}
  .sl-main-case-band{display:grid!important;gap:18px;}
  .sl-main-case-band .sl-btn{width:100%;}
}
@media(max-width:460px){
  .sl-main-copy h2{font-size:32px;}
  .sl-main-eyebrow{display:flex;align-items:flex-start;border-radius:14px;}
  .sl-dashboard-head{display:block;}
  .sl-dashboard-head span{display:block;margin-top:4px;}
  .sl-priority-card li{grid-template-columns:auto 1fr;}
  .sl-priority-card li em{grid-column:2;justify-self:start;}
}

/* =======================================================
   2026-06-22 exact top main image
   - 첨부 메인 상단 이미지와 동일하게 노출
   - 기존 링크는 투명 핫스팟으로 유지
   ======================================================= */
#header.header--soollink-image-main{
  display:none!important;
}
body:has(.sl-main-image-exact) #header.header--soollink-image-main{
  display:none!important;
}
.sl-main-image-exact{
  width:100%;
  margin:0;
  padding:0;
  background:#f7f3ea;
  overflow:hidden;
}
.sl-main-image-stage{
  position:relative;
  width:100%;
  max-width:1536px;
  margin:0 auto;
  aspect-ratio:1536/642;
  background:#f7f3ea;
}
.sl-main-image-stage img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  border:0;
}
.sl-main-image-stage .sl-hotspot{
  position:absolute;
  z-index:5;
  display:block;
  border-radius:10px;
  background:rgba(255,255,255,0);
  text-indent:-9999px;
  overflow:hidden;
}
.sl-main-image-stage .sl-hotspot:focus-visible{
  outline:3px solid rgba(23,100,55,.75);
  outline-offset:2px;
  background:rgba(23,100,55,.08);
}

/* 1536 x 642 기준 좌표를 퍼센트로 변환 */
.sl-hot-logo{left:3.7%;top:5.0%;width:8.0%;height:9.8%;}
.sl-hot-service{left:26.9%;top:4.5%;width:6.5%;height:5.4%;}
.sl-hot-jindan{left:34.1%;top:4.5%;width:6.4%;height:5.4%;}
.sl-hot-price{left:41.8%;top:4.5%;width:5.8%;height:5.4%;}
.sl-hot-case{left:49.0%;top:4.5%;width:5.8%;height:5.4%;}
.sl-hot-consult{left:55.8%;top:4.5%;width:6.0%;height:5.4%;}
.sl-hot-company{left:87.2%;top:3.5%;width:7.5%;height:6.4%;}

.sl-hot-cta-primary{left:5.3%;top:77.6%;width:22.0%;height:9.5%;border-radius:12px!important;}
.sl-hot-cta-secondary{left:28.3%;top:77.6%;width:10.8%;height:9.5%;border-radius:12px!important;}


.sl-main-mobile-hero{
  display:none;
}

@media(max-width:900px){
  body:has(.sl-main-image-exact) #hd{
    display:none!important;
  }
  .sl-main-image-exact{
    overflow:visible;
    background:#f7f3ea;
  }
  .sl-main-image-stage{
    display:none;
  }
  .sl-main-mobile-hero{
    position:relative;
    display:block;
    min-height:calc(100dvh - 0px);
    background:#f7f3ea;
    overflow:hidden;
    isolation:isolate;
  }
  .sl-mobile-hero-bg{
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,rgba(247,243,234,.98) 0%,rgba(247,243,234,.94) 47%,rgba(247,243,234,.76) 70%,rgba(247,243,234,.98) 100%),
      linear-gradient(90deg,rgba(247,243,234,.95) 0%,rgba(247,243,234,.68) 55%,rgba(247,243,234,.28) 100%),
      url('../images/soollink_main_top_exact.jpg') center top/auto 100% no-repeat;
    z-index:-2;
    transform:scale(1.02);
  }
  .sl-mobile-hero-bg:after{
    content:'';
    position:absolute;
    inset:auto -25% -28% -25%;
    height:46%;
    background:radial-gradient(circle at center,rgba(23,100,55,.15),rgba(23,100,55,0) 62%);
  }
  .sl-mobile-hero-inner{
    position:relative;
    width:min(100% - 32px,720px);
    margin:0 auto;
    padding:18px 0 52px;
  }
  .sl-mobile-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:18px;
  }
  .sl-mobile-logo{
    display:inline-flex;
    align-items:center;
    width:96px;
    min-width:96px;
    height:54px;
    text-decoration:none!important;
  }
  .sl-mobile-logo img{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
  }
  .sl-mobile-company{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 13px;
    border:1px solid rgba(18,24,18,.18);
    border-radius:10px;
    background:rgba(255,255,255,.74);
    color:#111!important;
    font-size:13px;
    font-weight:900;
    text-decoration:none!important;
    box-shadow:0 10px 30px rgba(0,0,0,.04);
  }
  .sl-mobile-nav{
    display:flex;
    gap:8px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    margin:0 -16px 28px;
    padding:0 16px 4px;
  }
  .sl-mobile-nav::-webkit-scrollbar{display:none;}
  .sl-mobile-nav a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.76);
    border:1px solid rgba(18,24,18,.1);
    color:#222!important;
    font-size:13px;
    font-weight:900;
    text-decoration:none!important;
    box-shadow:0 8px 22px rgba(0,0,0,.04);
  }
  .sl-mobile-hero-copy{
    max-width:620px;
    padding-top:8px;
  }
  .sl-mobile-hero-copy span{
    display:block;
    margin-bottom:10px;
    color:#176437;
    font-size:clamp(18px,5vw,28px);
    line-height:1.25;
    font-weight:950;
    letter-spacing:-.045em;
  }
  .sl-mobile-hero-copy h2{
    margin:0 0 18px;
    color:#101313;
    font-size:clamp(38px,11.4vw,68px);
    line-height:1.08;
    font-weight:950;
    letter-spacing:-.075em;
  }
  .sl-mobile-hero-copy h2 em{
    color:#176437;
    font-style:normal;
  }
  .sl-mobile-hero-copy p{
    max-width:560px;
    margin:0;
    color:#333a35;
    font-size:clamp(15px,4vw,18px);
    line-height:1.72;
    font-weight:700;
  }
  .sl-mobile-points{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin:25px 0 22px;
  }
  .sl-mobile-points b{
    position:relative;
    display:block;
    min-height:48px;
    padding:13px 14px 13px 42px;
    border-radius:14px;
    background:rgba(255,255,255,.78);
    border:1px solid rgba(23,100,55,.13);
    color:#172018;
    font-size:14px;
    line-height:1.35;
    font-weight:950;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
  }
  .sl-mobile-points b:before{
    content:'✓';
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    width:19px;
    height:19px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#176437;
    color:#fff;
    font-size:12px;
    line-height:1;
  }
  .sl-mobile-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .sl-mobile-actions a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:0 16px;
    border-radius:13px;
    font-size:15px;
    font-weight:950;
    text-decoration:none!important;
  }
  .sl-mobile-primary{
    background:#176437;
    color:#fff!important;
    box-shadow:0 15px 34px rgba(23,100,55,.26);
  }
  .sl-mobile-primary:after{
    content:'›';
    margin-left:10px;
    font-size:26px;
    line-height:1;
  }
  .sl-mobile-secondary{
    background:rgba(255,255,255,.84);
    color:#111!important;
    border:1px solid rgba(18,24,18,.18);
    box-shadow:0 10px 26px rgba(0,0,0,.05);
  }
  .sl-mobile-secondary:after{
    content:'›';
    margin-left:10px;
    font-size:24px;
    line-height:1;
  }
  .sl-mobile-reassure{
    position:relative;
    margin:14px 0 0;
    padding-left:22px;
    color:#506057;
    font-size:13px;
    font-weight:800;
    line-height:1.45;
  }
  .sl-mobile-reassure:before{
    content:'✓';
    position:absolute;
    left:0;
    top:1px;
    width:16px;
    height:16px;
    border-radius:50%;
    display:grid;
    place-items:center;
    border:1px solid rgba(23,100,55,.28);
    color:#176437;
    font-size:11px;
    font-weight:950;
  }
}

@media(max-width:420px){
  .sl-mobile-hero-inner{
    width:min(100% - 24px,720px);
    padding-top:14px;
  }
  .sl-mobile-logo{
    width:82px;
    min-width:82px;
    height:48px;
  }
  .sl-mobile-company{
    min-height:34px;
    padding:0 10px;
    font-size:12px;
  }
  .sl-mobile-hero-copy h2{
    font-size:clamp(34px,12vw,48px);
  }
}