/* ITDA premium AI search results v3 — scoped to .it3-shell */
.it3-shell{--it3-ink:#142b4d;--it3-blue:#195fd0;--it3-muted:#73839b;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",Arial,sans-serif;box-sizing:border-box;color:var(--it3-ink);max-width:1420px;padding:22px 28px 70px;margin:0 auto;line-height:1.55}
.it3-shell *{box-sizing:border-box}
.it3-shell .it3-hero{background:linear-gradient(118deg,#091b37 0%,#17365f 70%,#103d80 100%);border-radius:24px;padding:38px 40px;min-height:230px;display:flex;gap:22px;align-items:center;justify-content:space-between;position:relative;overflow:hidden}
.it3-shell .it3-hero:before{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(179,221,255,.12);border-radius:50%;top:-255px;right:16%}
.it3-shell .it3-hero-text{position:relative;z-index:1;flex:1;min-width:0}
.it3-shell .it3-eyebrow{display:inline-block;color:#98d4ff;letter-spacing:.18em;font-size:11px;font-weight:800;margin-bottom:11px}
.it3-shell .it3-spark{font-size:20px;color:#82f1ff;margin-right:3px}
.it3-shell .it3-hero h1{margin:0;color:#fff;font-size:clamp(23px,3vw,38px);font-weight:820;line-height:1.38;letter-spacing:-.04em}
.it3-shell .it3-hero h1 em{color:#a4e8ff;font-style:normal}
.it3-shell .it3-intro{font-size:15px;color:#d3e3f6;margin:12px 0 0}
.it3-shell .it3-hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.it3-shell .it3-hero-stats span{font-size:12px;color:#dfeaf8;background:rgba(255,255,255,.1);padding:8px 14px;border:1px solid rgba(255,255,255,.13);border-radius:999px}
.it3-shell .it3-hero-stats b{color:#fff;font-size:14px}
.it3-shell .it3-hero-mark{width:180px;height:170px;display:grid;place-items:center;flex:none}
.it3-shell .it3-ring{width:142px;height:142px;border-radius:40px;display:grid;place-items:center;border:1px solid #7bc6ff66;background:radial-gradient(circle,#2758a1 0%,#15355f 60%,#122e50 100%);box-shadow:0 0 45px rgba(61,169,255,.25)}
.it3-shell .it3-core{display:grid;place-items:center}
.it3-shell .it3-controls{margin:-20px 16px 30px;position:relative;z-index:2;background:#fff;padding:22px 25px;border-radius:18px;box-shadow:0 9px 35px rgba(21,45,85,.09);border:1px solid #e3eaf3}
.it3-shell .it3-search label{display:block;font-weight:800;font-size:15px;margin:0 0 10px}
.it3-shell .it3-searchbar{display:flex;align-items:center;gap:10px;min-height:54px;border:1px solid #c4d5ee;border-radius:12px;padding:5px 5px 5px 17px;background:#fafdff}
.it3-shell .it3-searchbar>span{font-size:22px;color:var(--it3-blue)}
.it3-shell .it3-searchbar input{flex:1;min-width:0;background:transparent;border:0!important;outline:0!important;font-size:15px!important;line-height:1.5;color:#1a2c45!important;box-shadow:none!important;padding:7px 4px!important}
.it3-shell .it3-searchbar button{padding:12px 17px;background:#185ec9;border:0;border-radius:9px;color:#fff;font-size:14px;font-weight:800;white-space:nowrap;min-height:43px;cursor:pointer}
.it3-shell .it3-searchbar button span{font-size:20px;margin-left:6px}
.it3-shell .it3-searchbar button:hover{background:#104fae}
.it3-shell .it3-choices{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:13px}
.it3-shell .it3-choices>div:not(.it3-budget){display:flex;align-items:center;gap:9px;border:1px solid #e3eaf4;border-radius:9px;padding:7px 9px}
.it3-shell .it3-choices label{color:#516883;font-size:12px;font-weight:700;margin:0}
.it3-shell .it3-choices select{border:0;background:transparent;outline:none;color:#244367;font-size:13px;font-weight:750;padding:4px 12px 4px 0}
.it3-shell .it3-budget{font-size:12px;color:#56718e;margin-left:auto}
.it3-shell .it3-termrow{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:15px}
.it3-shell .it3-termhead{font-size:12px;font-weight:800;color:#415a7b;margin-right:3px}
.it3-shell .it3-term{background:#edf5ff;color:#2a5b96;border-radius:50px;font-size:12px;font-weight:650;padding:6px 12px}
.it3-shell .it3-results{padding:0 9px}
.it3-shell .it3-result-top{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:23px 0 18px;flex-wrap:wrap}
.it3-shell .it3-mini{color:#176edb;font-weight:800;font-size:10px;letter-spacing:.16em}
.it3-shell .it3-result-top h2{font-size:clamp(22px,2.3vw,28px);margin:3px 0 0;color:#142945;font-weight:850}
.it3-shell .it3-result-top h2 strong{color:#145fcd}
.it3-shell .it3-result-top h2 small{font-size:13px;color:#8191a8;font-weight:500;margin-left:5px}
.it3-shell .it3-page-range{font-size:12px;color:#7789a1}
.it3-shell .it3-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}
.it3-shell a.it3-product{display:block;border:1px solid #e4e9f2;border-radius:15px;overflow:hidden;color:#243754;background:#fff;text-decoration:none;transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease;min-width:0}
.it3-shell a.it3-product:hover{border-color:#97b9e7;box-shadow:0 12px 27px rgba(25,57,105,.12);transform:translateY(-3px)}
.it3-shell .it3-product-media{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#f5f8fc;position:relative;overflow:hidden}
.it3-shell .it3-product-media img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .22s}
.it3-shell a.it3-product:hover img{transform:scale(1.035)}
.it3-shell .it3-rank{position:absolute;z-index:1;top:11px;left:10px;background:rgba(255,255,255,.94);border:1px solid #e3e9f1;border-radius:6px;padding:4px 7px;color:#2a5184;font-size:11px;font-weight:800}
.it3-shell .it3-no-photo{font-size:23px;letter-spacing:.2em;font-weight:800;color:#9aacc1}
.it3-shell .it3-product-copy{padding:13px 13px 12px}
.it3-shell .it3-product-label{color:#2064bd;font-weight:800;font-size:9px;letter-spacing:.14em;margin-bottom:6px}
.it3-shell .it3-product-name{font-size:13px;font-weight:680;color:#253956;line-height:1.53;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.it3-shell .it3-product-price{font-size:19px;color:#153e79;font-weight:850;margin:10px 0}
.it3-shell .it3-product-price small{font-weight:500;font-size:12px;margin-left:3px}
.it3-shell .it3-product-link{font-size:11px;color:#58718e;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef2f7;padding-top:9px}
.it3-shell .it3-product-link span{font-size:16px;color:#2c6cc5}
.it3-shell .it3-pagination{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;margin:32px 0}
.it3-shell .it3-pagination>a,.it3-shell .it3-pagination>span{min-width:37px;height:38px;display:grid;place-items:center;border:1px solid #e0e7f1;border-radius:9px;color:#496582;font-size:13px;text-decoration:none;font-weight:650;background:#fff;padding:0 9px}
.it3-shell .it3-pagination>.it3-page-current{background:#165fc9;color:#fff;border-color:#165fc9}
.it3-shell .it3-pagination>a:hover{background:#edf5ff;color:#175bc0}
.it3-shell .it3-pagination>.it3-page-arrow{padding:0 15px}
.it3-shell .it3-info{display:flex;gap:12px;background:#f3f7fb;border:1px solid #e1e8f2;border-radius:12px;padding:17px;color:#60758e;margin:25px 0}
.it3-shell .it3-info>span{color:#2b66ae;font-size:19px;font-weight:800}
.it3-shell .it3-info p{font-size:12px;line-height:1.7;margin:0}
.it3-shell .it3-no-results{padding:35px;border:1px dashed #b9cbe4;border-radius:15px;text-align:center;background:#f9fbff}
.it3-shell .it3-no-results strong{font-size:17px}
.it3-shell .it3-no-results p{font-size:13px;color:#73839b}
@media(max-width:1180px){.it3-shell{padding:22px 17px 60px}.it3-shell .it3-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}}
@media(max-width:820px){.it3-shell .it3-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.it3-shell .it3-hero{padding:25px}.it3-shell .it3-hero-mark{width:110px}.it3-shell .it3-ring{width:105px;height:105px}}
@media(max-width:650px){.it3-shell{padding:12px 10px 50px}.it3-shell .it3-hero{padding:21px 17px 35px;border-radius:17px;min-height:185px;gap:0}.it3-shell .it3-hero h1{font-size:24px;line-height:1.38}.it3-shell .it3-hero-mark{position:absolute;right:-26px;top:17px;opacity:.23}.it3-shell .it3-hero-stats{margin-top:17px;gap:5px}.it3-shell .it3-hero-stats span{padding:5px 7px;font-size:10px}.it3-shell .it3-controls{margin:-14px 5px 25px;padding:17px 12px;border-radius:14px}.it3-shell .it3-searchbar{padding:5px 5px 5px 10px;gap:4px}.it3-shell .it3-searchbar input{font-size:13px!important}.it3-shell .it3-searchbar button{padding:10px;font-size:11px;min-height:41px}.it3-shell .it3-searchbar button span{display:none}.it3-shell .it3-choices{gap:6px}.it3-shell .it3-budget{margin-left:0}.it3-shell .it3-results{padding:0}.it3-shell .it3-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.it3-shell .it3-product-copy{padding:10px}.it3-shell .it3-product-price{font-size:16px}.it3-shell .it3-pagination{gap:4px}.it3-shell .it3-pagination>a,.it3-shell .it3-pagination>span{height:34px;min-width:30px;font-size:12px;padding:0 7px}.it3-shell .it3-page-range{font-size:11px}.it3-shell .it3-result-top h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.it3-shell a.it3-product{transition:none}.it3-shell .it3-product-media img{transition:none}}