:root{--ink:#17213a;--muted:#637089;--blue:#4568f5;--line:#e6eaf2;--bg:#f6f8fc;--navy:#17264d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Noto Sans KR',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:#ffffffed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.04em}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#5578ff,#3e59dc);color:#fff}.header-call{font-weight:800;color:var(--blue);font-size:14px}.breadcrumb{max-width:1160px;margin:20px auto 0;padding:0 24px;color:#8791a4;font-size:12px}.breadcrumb a{color:#56627b}.hero{max-width:1160px;margin:18px auto 0;padding:54px 48px;min-height:360px;border-radius:28px;background:radial-gradient(ellipse at 85% 10%,#d8e2ff,transparent 34%),linear-gradient(125deg,#edf2ff,#fff 58%,#eaf7f6);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:34px;overflow:hidden}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:#4b68f2}.hero h1{font-size:clamp(34px,5vw,54px);line-height:1.18;letter-spacing:-.06em;margin:12px 0}.hero-copy>p{color:var(--muted);font-size:15px;max-width:620px}.hero-copy>small{display:block;margin-top:14px;color:#8490a4;font-size:11px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border-radius:12px;font-size:13px;font-weight:900}.primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px #4568f536}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.hero-card{height:250px;position:relative;display:grid;place-items:center;border-radius:24px;background:radial-gradient(ellipse at 50% 80%,#8299fb,transparent 54%),linear-gradient(145deg,#dce8ff,#b8d7f7)}.monitor{width:70%;height:160px;padding:9px;border-radius:12px;background:#24314f;border:4px solid #344665;box-shadow:0 22px 30px #24345340;transform:perspective(600px) rotateY(-8deg)}.monitor-screen{height:100%;border-radius:5px;background:linear-gradient(135deg,#162856,#4771ed 65%,#76d8d0);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.monitor-screen span{font-size:12px;letter-spacing:.18em}.monitor-screen b{font-size:23px}.monitor-screen i{width:56%;height:5px;border-radius:9px;background:#9fead8;margin-top:12px}.monitor-stand{position:absolute;width:34px;height:30px;bottom:34px;background:linear-gradient(90deg,#647498,#aebbd1,#647498);clip-path:polygon(34% 0,66% 0,74% 75%,100% 100%,0 100%,26% 75%)}.monitor-base{position:absolute;width:64%;height:10px;bottom:25px;border-radius:50%;background:#58698b}.floating-note{position:absolute;right:4%;top:12%;padding:11px 14px;background:#fff;border-radius:13px;box-shadow:0 12px 25px #29395628;font-size:10px;color:#7a8497;line-height:1.35}.floating-note strong{color:var(--ink);font-size:12px}.section{max-width:1160px;margin:0 auto;padding:68px 24px}.section-heading{text-align:center;max-width:650px;margin:0 auto 28px}.section-heading h2{font-size:clamp(25px,3.2vw,34px);letter-spacing:-.05em;line-height:1.3;margin:7px 0}.section-heading p{font-size:13px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card{padding:21px 18px;background:#fff;border:1px solid var(--line);border-radius:17px;min-height:183px}.service-icon{width:39px;height:39px;display:grid;place-items:center;background:#edf1ff;color:var(--blue);border-radius:12px;font-weight:900;font-size:18px}.service-card h2{font-size:15px;margin:14px 0 7px}.service-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.75}.process{padding-top:12px}.checklist{max-width:780px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.checklist div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.checklist b{color:var(--blue);font-size:12px}.notice{max-width:780px;margin:15px auto 0;padding:14px 16px;border-radius:12px;background:#eef2ff;color:#586681;font-size:12px}.area-list{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.area-chip{display:flex;align-items:center;gap:9px;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:12px;font-weight:750;transition:.16s}.area-chip:hover{border-color:#afbdff;color:var(--blue);transform:translateY(-2px)}.area-chip b{color:var(--blue)}.contact{max-width:1112px;margin:0 auto 54px;padding:31px 34px;border-radius:22px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.contact h2{font-size:24px;line-height:1.3;margin:7px 0}.contact p{font-size:12px;color:#c6cfe2;margin:0}.call-large{background:#fff;color:var(--navy);flex-direction:column;gap:0;min-width:200px}.call-large span{font-size:10px;color:#69758d}.call-large strong{font-size:18px}.footer{min-height:74px;background:#121b32;color:#c4ccdc;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1112px)/2));font-size:11px}.footer>a{font-weight:900;color:white;font-size:13px}.footer span{color:#a9b3c8}@media(max-width:760px){.site-header{height:64px;padding:0 17px}.brand{font-size:14px}.header-call{font-size:11px}.breadcrumb{padding:0 17px}.hero{margin:14px 14px 0;padding:31px 23px;grid-template-columns:1fr;gap:25px}.hero h1{font-size:36px}.hero-copy>p{font-size:14px}.hero-card{height:210px;order:-1}.monitor{height:140px}.section{padding:52px 17px}.service-grid{grid-template-columns:1fr 1fr;gap:9px}.service-card{padding:16px 13px;min-height:185px}.service-card h2{font-size:13px}.service-card p{font-size:11px}.checklist{grid-template-columns:1fr;gap:8px}.area-list{justify-content:flex-start}.area-chip{min-height:42px}.contact{margin:0 14px 36px;padding:24px 21px;align-items:flex-start;flex-direction:column}.call-large{width:100%}.footer{padding:21px 17px;align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}