body{margin:0;background:#FFFFFF;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:#12324A;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
section{scroll-margin-top:72px}
a{color:#0756BA}a:hover{color:#054591}
input,select,textarea,button{font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid #0756BA;outline-offset:1px;border-color:#0756BA}
.ph{background-color:#E6EEF6;background-image:repeating-linear-gradient(135deg,rgba(7,86,186,0.06) 0 2px,transparent 2px 14px)}
.nav-links{display:flex}
.burger{display:none}
@media (max-width:960px){.nav-links{display:none}.burger{display:inline-flex}.header-cta{display:none}}
.slides{position:relative;overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:ease-in-out}
.slide img{display:block;width:100%;height:100%;object-fit:cover}
.slide4{animation-name:slideFade4;animation-duration:24s}
.slide3{animation-name:slideFade3;animation-duration:18s}
.d1{animation-delay:-1s}.d2{animation-delay:5s}.d3{animation-delay:11s}.d4{animation-delay:17s}
@keyframes slideFade4{0%{opacity:0;transform:scale(1.07)}4%{opacity:1}25%{opacity:1}29%{opacity:0;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes slideFade3{0%{opacity:0;transform:scale(1.07)}5.5%{opacity:1}33.3%{opacity:1}38.8%{opacity:0;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.slide{animation:none}.slide.d1{opacity:1}}

.design-0{background: #FFFFFF; color: #12324A}
.design-1{position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,0.97); border-bottom: 1px solid #DCE4EC}
.design-2{max-width: 1200px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 32px); height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px}
.design-3{display:block;width:142px;height:42px;flex:none}
.design-4{display:block;width:100%;height:100%;object-fit:contain}
.design-5{align-items: center; gap: 4px}
.design-6{display: flex; align-items: center; gap: 12px; flex: none}
.design-7{display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 8px; background: #0756BA; color: #FFFFFF; font-size: 14px; font-weight: 600; text-decoration: none}
.design-8{width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid #DCE4EC; border-radius: 8px; background: #FFFFFF; color: #12324A; cursor: pointer}
.design-9{padding: clamp(48px, 7vw, 96px) 0 clamp(40px, 5vw, 72px)}
.design-10{max-width: 1200px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 32px); display: flex; flex-wrap: wrap; align-items: center; gap: clamp(40px, 6vw, 80px)}
.design-11{flex: 1 1 480px; min-width: 0}
.design-12{margin: 0; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #0756BA}
.design-13{margin: 20px 0 0; font-size: clamp(38px, 4.6vw, 60px); line-height: 1.07; letter-spacing: -0.022em; font-weight: 600; color: #12324A}
.design-14{margin: 24px 0 0; max-width: 560px; font-size: 19px; line-height: 1.6; color: #526273}
.design-15{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px}
.design-16{display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 24px; border-radius: 8px; background: #0756BA; color: #FFFFFF; font-size: 16px; font-weight: 600; text-decoration: none}
.design-17{flex: 1 1 420px; min-width: 0; position: relative}
.design-18{aspect-ratio: 5 / 6; border-radius: 16px; background: #DCE4EC}
.design-19{object-position:50% 15%}
.design-20{object-position: 30% 50%}
.design-21{object-position: 50% 40%}
.design-22{object-position: 50% 35%}
.design-23{position: absolute; left: 20px; bottom: 20px; right: 20px; max-width: 340px; background: #FFFFFF; border-radius: 12px; border: 1px solid #DCE4EC; box-shadow: 0 12px 32px rgba(18,50,74,0.10); padding: 18px 20px; display: flex; align-items: center; gap: 14px}
.design-24{width: 44px; height: 44px; border-radius: 10px; background: #EDF4FB; color: #0756BA; display: flex; align-items: center; justify-content: center; flex: none}
.design-25{margin: 0; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #526273}
.design-26{margin: 4px 0 0; font-size: 15px; font-weight: 600; color: #12324A}
.design-27{border-top: 1px solid #DCE4EC; border-bottom: 1px solid #DCE4EC; background: #F6F9FC}
.design-28{max-width: 1200px; margin: 0 auto; padding: 28px clamp(20px, 4vw, 32px); display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px}
.design-29{display: flex; align-items: center; gap: 14px}
.design-30{width: 44px; height: 44px; border-radius: 10px; background: #FFFFFF; border: 1px solid #DCE4EC; color: #0756BA; display: flex; align-items: center; justify-content: center; flex: none}
.design-31{margin: 0; font-size: 16px; font-weight: 600}
.design-32{margin: 2px 0 0; font-size: 14px; color: #526273}
.design-33{padding: clamp(72px, 9vw, 120px) 0}
.design-34{max-width: 1200px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 32px); display: flex; flex-wrap: wrap; gap: clamp(40px, 6vw, 96px)}
.design-35{flex: 1 1 380px; min-width: 0}
.design-36{margin: 12px 0 0; font-size: clamp(30px, 3.2vw, 42px); line-height: 1.15; letter-spacing: -0.015em; font-weight: 600}
.design-37{margin: 20px 0 0; font-size: 15px; color: #526273}
.design-38{list-style: none; margin: 16px 0 0; padding: 0; border-top: 1px solid #DCE4EC}
.design-39{border-bottom: 1px solid #DCE4EC}
.design-40{display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 52px; text-decoration: none; color: #0756BA; font-weight: 600}
.design-41{font-size: 16px}
.design-42{display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; text-decoration: none; color: #12324A}
.design-43{display: block; margin-top: 32px; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 22%; border-radius: 16px}
.design-44{flex: 1.2 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 36px}
.design-45{margin: 0; font-size: clamp(20px, 1.8vw, 24px); line-height: 1.55; color: #12324A}
.design-46{margin: 0; position: relative; border-radius: 16px; overflow: hidden}
.design-47{display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover}
.design-48{position: absolute; left: 16px; right: 16px; bottom: 16px; background: rgba(255,255,255,0.96); border-radius: 12px; padding: 16px 18px; box-shadow: 0 8px 24px rgba(18,50,74,0.12)}
.design-49{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px}
.design-50{padding: 7px 14px; border-radius: 999px; background: #EDF4FB; color: #12324A; font-size: 15px; font-weight: 600}
.design-51{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 24px; padding-top: 28px; border-top: 1px solid #DCE4EC}
.design-52{margin: 6px 0 0; font-size: 15px; line-height: 1.6; color: #526273}
.design-53{margin: 0; font-size: 15px; color: #526273}
.design-54{color: #12324A; font-weight: 600}
.design-55{padding: clamp(72px, 9vw, 120px) 0; background: #EDF4FB}
.design-56{max-width: 1200px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 32px)}
.design-57{display: flex; flex-wrap: wrap; align-items: center; gap: clamp(40px, 6vw, 80px)}
.design-58{flex: 1 1 440px; min-width: 0}
.design-59{margin: 12px 0 0; font-size: clamp(34px, 3.8vw, 50px); line-height: 1.1; letter-spacing: -0.02em; font-weight: 600}
.design-60{margin: 18px 0 0; font-size: 21px; line-height: 1.45; font-weight: 500; color: #12324A}
.design-61{margin: 18px 0 0; max-width: 540px; font-size: 17px; line-height: 1.7; color: #526273}
.design-62{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px}
.design-63{aspect-ratio: 16 / 11; border-radius: 16px; background: #DCE4EC}
.design-64{object-position: 60% 40%}
.design-65{display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: clamp(48px, 6vw, 72px)}
.design-66{background: #FFFFFF; border-radius: 16px; border: 1px solid #DCE4EC; padding: 32px; display: flex; flex-direction: column; gap: 16px}
.design-67{display: block; width: calc(100% + 64px); margin: -32px -32px 8px; aspect-ratio: 16 / 10; object-fit: cover; object-position: 50% 30%; border-radius: 15px 15px 0 0}
.design-68{display: flex; align-items: center; justify-content: space-between}
.design-69{width: 48px; height: 48px; border-radius: 12px; background: #0756BA; color: #FFFFFF; display: flex; align-items: center; justify-content: center}
.design-70{font-size: 14px; font-weight: 600; color: #526273; font-variant-numeric: tabular-nums}
.design-71{margin: 8px 0 0; font-size: 24px; font-weight: 600; letter-spacing: -0.01em}
.design-72{margin: 0; font-size: 16px; line-height: 1.65; color: #526273}
.design-73{display: block; width: calc(100% + 64px); margin: -32px -32px 8px; aspect-ratio: 16 / 10; object-fit: cover; object-position: 50% 68%; border-radius: 15px 15px 0 0}
.design-74{display: block; width: calc(100% + 64px); margin: -32px -32px 8px; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 15px 15px 0 0}
.design-75{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px}
.design-76{flex: 1 1 520px; min-width: 0}
.design-77{flex: 1 1 340px; margin: 0; max-width: 440px; font-size: 17px; line-height: 1.65; color: #526273}
.design-78{display: flex; flex-direction: column; gap: clamp(64px, 8vw, 112px); margin-top: clamp(48px, 6vw, 80px)}
.design-79{display: flex; flex-wrap: wrap; align-items: stretch; gap: clamp(28px, 5vw, 72px)}
.design-80{flex: 1.15 1 440px; min-width: 0; position: relative; min-height: 340px; border-radius: 16px; overflow: hidden; background: #DCE4EC}
.design-81{position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover}
.design-82{flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; justify-content: center}
.design-83{margin: 0; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.15; letter-spacing: -0.015em; font-weight: 600}
.design-84{margin: 16px 0 0; font-size: 17px; line-height: 1.7; color: #526273}
.design-85{margin: 12px 0 0; font-size: 17px; line-height: 1.7; color: #526273}
.design-86{list-style: none; margin: 24px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px}
.design-87{padding: 8px 14px; border-radius: 999px; background: #EDF4FB; font-size: 14px; font-weight: 500}
.design-88{display: flex; flex-wrap: wrap; flex-direction: row-reverse; align-items: stretch; gap: clamp(28px, 5vw, 72px)}
.design-89{position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%}
.design-90{position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 40% 50%}
.design-91{padding: clamp(72px, 9vw, 120px) 0; background: #F6F9FC; border-top: 1px solid #DCE4EC}
.design-92{max-width: 760px}
.design-93{margin: 18px 0 0; font-size: 17px; line-height: 1.7; color: #526273}
.design-94{display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; margin-top: 48px}
.design-95{background: #FFFFFF; border: 1px solid #DCE4EC; border-radius: 16px; padding: 28px}
.design-96{display: flex; align-items: center; gap: 12px}
.design-97{width: 44px; height: 44px; border-radius: 10px; background: #12324A; color: #FFFFFF; display: flex; align-items: center; justify-content: center; flex: none}
.design-98{margin: 2px 0 0; font-size: 18px; font-weight: 600}
.design-99{list-style: none; margin: 20px 0 0; padding: 0}
.design-100{display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 12px 0; border-top: 1px solid #E6ECF2}
.design-101{font-size: 15px}
.design-102{font-size: 13px; font-weight: 600; color: #0756BA; white-space: nowrap}
.design-103{width: 44px; height: 44px; border-radius: 10px; background: #0756BA; color: #FFFFFF; display: flex; align-items: center; justify-content: center; flex: none}
.design-104{margin-top: 56px; background: #FFFFFF; border: 1px solid #DCE4EC; border-radius: 16px; overflow: hidden}
.design-105{padding: 24px 28px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px}
.design-106{margin: 0; font-size: 20px; font-weight: 600}
.design-107{margin: 0; font-size: 14px; color: #526273}
.design-108{display: flex; gap: 4px; padding: 16px 28px 0; border-bottom: 1px solid #DCE4EC; overflow-x: auto}
.design-109{padding: clamp(72px, 9vw, 120px) 0 clamp(48px, 6vw, 72px)}
.design-110{max-width: 1200px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 32px); display: flex; flex-wrap: wrap; gap: clamp(40px, 6vw, 80px)}
.design-111{margin: 12px 0 0; font-size: clamp(32px, 3.4vw, 46px); line-height: 1.12; letter-spacing: -0.018em; font-weight: 600}
.design-112{list-style: none; margin: 36px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px}
.design-113{display: flex; align-items: center; gap: 16px; padding: 12px 0; text-decoration: none; color: #12324A}
.design-114{display: block; font-size: 13px; color: #526273}
.design-115{display: block; font-size: 17px; font-weight: 600}
.design-116{display: flex; align-items: center; gap: 16px; padding: 12px 0}
.design-117{flex: 1.2 1 480px; min-width: 0; background: #FFFFFF; border: 1px solid #DCE4EC; border-radius: 16px; padding: clamp(24px, 3vw, 40px); box-shadow: 0 1px 2px rgba(18,50,74,0.04); display: flex; flex-direction: column; gap: 20px}
.design-118{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px}
.design-119{display: flex; flex-direction: column; gap: 8px}
.design-120{font-size: 14px; font-weight: 600}
.design-121{min-height: 48px; padding: 0 14px; border: 1px solid #C9D6E3; border-radius: 8px; background: #FFFFFF; color: #12324A; font-size: 15px}
.design-122{min-height: 48px; padding: 0 12px; border: 1px solid #C9D6E3; border-radius: 8px; background: #FFFFFF; color: #12324A; font-size: 15px}
.design-123{padding: 12px 14px; border: 1px solid #C9D6E3; border-radius: 8px; background: #FFFFFF; color: #12324A; font-size: 15px; line-height: 1.5; resize: vertical}
.design-124{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px}
.design-125{margin: 0; flex: 1 1 240px; font-size: 13px; line-height: 1.5; color: #526273}
.design-126{min-height: 52px; padding: 0 28px; border: 0; border-radius: 8px; background: #0756BA; color: #FFFFFF; font-size: 16px; font-weight: 600; cursor: pointer}
.design-127{max-width: 1200px; margin: clamp(56px, 7vw, 88px) auto 0; padding: 0 clamp(20px, 4vw, 32px)}
.design-128{position: relative; height: 400px; border-radius: 16px; overflow: hidden; border: 1px solid #DCE4EC; background: #E9EEF2}
.design-129{position: absolute; left: 20px; top: 20px; max-width: 340px; background: #FFFFFF; border: 1px solid #DCE4EC; border-radius: 12px; padding: 20px; box-shadow: 0 12px 32px rgba(18,50,74,0.10)}
.design-130{margin: 0; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #0756BA}
.design-131{margin: 8px 0 0; font-size: 17px; font-weight: 600}
.design-132{margin: 4px 0 0; font-size: 15px; line-height: 1.55; color: #526273}
.design-133{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px}
.design-134{display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 8px; background: #0756BA; color: #FFFFFF; font-size: 14px; font-weight: 600; text-decoration: none}
.design-135{display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 8px; border: 1px solid #C9D6E3; color: #12324A; font-size: 14px; font-weight: 600; text-decoration: none}
.design-136{border-top: 1px solid #DCE4EC; background: #F6F9FC}
.design-137{max-width: 1200px; margin: 0 auto; padding: 56px clamp(20px, 4vw, 32px) 32px}
.design-138{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px}
.design-139{display: flex; flex-direction: column; gap: 14px}
.design-140{margin: 0; font-size: 15px; font-weight: 600}
.design-141{margin: 0; font-size: 15px; color: #526273; font-style: italic}
.design-142{margin: 0 0 12px; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #526273}
.design-143{list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: 15px}
.design-144{color: #12324A; text-decoration: none}
.design-145{list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: 15px; color: #12324A}
.design-146{line-height: 1.5}
.design-147{margin-top: 48px; padding-top: 24px; border-top: 1px solid #DCE4EC; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-size: 13px; color: #526273}
.design-148{color: #0756BA; text-decoration: none; font-weight: 600}
.design-149{min-height:100dvh; display:flex; flex-direction:column}
.design-150{height: 64px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #DCE4EC; flex: none}
.design-151{width: 44px; height: 44px; border: 1px solid #DCE4EC; border-radius: 8px; background: #FFFFFF; color: #12324A; display: flex; align-items: center; justify-content: center}
.design-152{padding: 16px 12px 0; flex: 1}
.design-153{list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px}
.design-154{display: flex; align-items: center; justify-content: space-between; min-height: 56px; padding: 0 14px; border-radius: 10px; color: #12324A; font-size: 19px; font-weight: 500; text-decoration: none}
.design-155{display: flex; align-items: center; justify-content: space-between; min-height: 56px; padding: 0 14px; border-radius: 10px; background: #EDF4FB; color: #0756BA; font-size: 19px; font-weight: 600; text-decoration: none}
.design-156{display: flex; align-items: center; min-height: 56px; padding: 0 14px; border-radius: 10px; color: #12324A; font-size: 19px; font-weight: 500; text-decoration: none}
.design-157{padding: 20px 16px 28px; border-top: 1px solid #DCE4EC; display: flex; flex-direction: column; gap: 10px; flex: none}
.design-158{display: flex; align-items: center; justify-content: center; min-height: 52px; border-radius: 8px; background: #0756BA; color: #FFFFFF; font-size: 16px; font-weight: 600; text-decoration: none}
.design-159{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px}
.design-160{display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border-radius: 8px; border: 1px solid #C9D6E3; color: #12324A; font-size: 15px; font-weight: 600; text-decoration: none}
.design-161{margin: 6px 0 0; text-align: center; font-size: 13px; color: #526273}