.kit-page{--kit:#55ace0;--kit-deep:#318bbf;--kit-soft:#eaf7fc;background:#fff;color:#49372e}
.kit-page .nav a.active{color:var(--kit-deep)}
.kit-page .nav a.active:after{width:100%;background:var(--kit)}
.kit-page .naver-cta,.kit-btn{background:linear-gradient(135deg,#61b9ea,#43a4dd)!important;color:#fff!important;box-shadow:0 12px 25px rgba(65,164,221,.22)!important}
.kit-hero{overflow:hidden;border-bottom:1px solid #dfedf3;background:linear-gradient(102deg,#fff 0%,#f8fcfe 48%,#e8f6fc 100%)}
.kit-hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;min-height:570px;align-items:center}
.kit-hero-copy{position:relative;z-index:2;padding:55px 0}
.kit-badge{display:inline-flex;padding:8px 13px;border:1px solid #c9e8f6;border-radius:999px;background:#f1faff;color:var(--kit-deep);font-size:12px;font-weight:800}
.kit-hero h1{margin:22px 0 18px;font-size:clamp(48px,6vw,76px);line-height:1.12;letter-spacing:-.07em}.kit-hero h1 em{color:var(--kit);font-style:normal}
.kit-hero-copy>p{font-size:17px;line-height:1.75;color:#67574e}
.kit-benefits{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0 24px}
.kit-benefits>div{display:grid;place-items:center;text-align:center;padding:0 10px;border-right:1px solid #dcecf3}.kit-benefits>div:last-child{border:0}
.kit-benefits i{display:grid;width:42px;height:42px;place-items:center;margin-bottom:7px;color:var(--kit);font-size:27px;font-style:normal}
.kit-benefits strong{font-size:11px}.kit-benefits span{margin-top:3px;font-size:10px;color:#8a7a71}
.kit-hero-media{position:relative;align-self:stretch;min-height:570px}
.kit-hero-media:before{content:"";position:absolute;width:560px;height:560px;right:-20px;top:20px;border-radius:50%;background:rgba(255,255,255,.72);box-shadow:0 25px 70px rgba(66,139,177,.12)}
.kit-hero-photo{position:absolute;inset:62px 0 26px 70px;overflow:hidden;border:12px solid rgba(255,255,255,.86);border-radius:48% 48% 38% 48%;box-shadow:0 24px 55px rgba(55,113,145,.2);transform:rotate(2deg)}
.kit-hero-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.kit-photo-chip{position:absolute;left:15px;bottom:55px;width:174px;height:174px;overflow:hidden;border:9px solid #fff;border-radius:50%;box-shadow:0 16px 35px rgba(55,113,145,.2)}
.kit-photo-chip img{width:100%;height:100%;object-fit:cover}
.kit-ribbon{position:absolute;z-index:2;width:190px;height:55px;right:70px;top:38px;border-radius:50%;border-top:18px solid #a9d9ef;transform:rotate(-12deg)}
.kit-sparkle{position:absolute;z-index:3;color:#70bde6;font-size:28px}.sparkle-a{right:3%;top:16%}.sparkle-b{left:8%;top:22%}
.kit-section{padding:74px 0;border-bottom:1px solid #e3eef3;background:#fff}
.kit-title{display:flex;align-items:flex-start;gap:16px;margin-bottom:34px}.kit-title>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--kit-soft);color:var(--kit-deep);font-size:11px;font-weight:900}
.kit-title h2{margin:0 0 7px;color:var(--kit-deep);font-size:30px}.kit-title h2 i{font-style:normal;font-weight:400}.kit-title p{font-size:14px}
.component-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.component-grid figure{margin:0;text-align:center}.component-grid figure>div{overflow:hidden;border:1px solid #e4eef3;border-radius:17px;background:#fafcfd;box-shadow:0 9px 22px rgba(69,113,137,.07)}
.component-grid img{width:100%;aspect-ratio:1.18/1;object-fit:cover;transition:transform .35s ease}.component-grid figure:hover img{transform:scale(1.06)}
.component-grid figcaption{display:grid;gap:4px;padding:13px 3px}.component-grid strong{font-size:13px}.component-grid span{font-size:10px;color:#8a7c75}.kit-note{text-align:center;font-size:11px;color:#a0938c}
.kit-howto{background:#fafdff}.step-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center}
.step-row article{text-align:center}.step-row article>div{width:126px;height:126px;margin:0 auto 13px;overflow:hidden;border:7px solid #fff;border-radius:50%;box-shadow:0 9px 25px rgba(74,127,155,.12)}
.step-row img{width:100%;height:100%;object-fit:cover}.step-row small,.step-row strong,.step-row article p{display:block}.step-row small{margin-bottom:5px;color:var(--kit);font-size:9px;font-weight:900}.step-row strong{font-size:13px}.step-row article p{margin-top:4px;font-size:10px}.step-row>b{color:#9ed2ed;font-size:20px;font-weight:400}
.kit-for{background:#fff}.recommend-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.recommend-grid article{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #d9ebf4;border-radius:15px;background:#f3faff}
.recommend-grid i{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:50%;background:#fff;color:var(--kit);font-size:24px;font-style:normal}.recommend-grid strong{font-size:12px;color:var(--kit-deep)}.recommend-grid p{margin-top:4px;font-size:10px;line-height:1.45}
.kit-cta{padding:46px 0;background:linear-gradient(100deg,#eef9fd,#f9fdff)}
.kit-cta-grid{display:grid;grid-template-columns:1fr 260px 260px;gap:22px;align-items:center}.kit-cta-grid>div>span{color:var(--kit);font-size:9px;font-weight:900;letter-spacing:.14em}.kit-cta h2{margin:7px 0;font-size:27px;color:var(--kit-deep)}.kit-cta p{font-size:11px}.kit-outline{border:1px solid #c9e5f3;background:#fff;color:#596d77}
@media(max-width:1100px){.kit-hero-grid{grid-template-columns:1fr 1fr}.component-grid{grid-template-columns:repeat(3,1fr)}.recommend-grid{grid-template-columns:repeat(3,1fr)}.kit-cta-grid{grid-template-columns:1fr 220px}.kit-cta-grid .kit-outline{grid-column:2}}
@media(max-width:760px){.kit-hero-grid{grid-template-columns:1fr;min-height:0}.kit-hero-copy{padding:42px 0 18px}.kit-hero h1{font-size:46px}.kit-hero-copy>p{font-size:14px}.kit-benefits{margin:22px 0}.kit-benefits>div{padding:0 4px}.kit-hero-media{min-height:390px}.kit-hero-media:before{width:360px;height:360px}.kit-hero-photo{inset:34px 4px 18px 34px;border-width:8px}.kit-photo-chip{width:112px;height:112px;left:0;bottom:25px;border-width:6px}.kit-section{padding:55px 0}.kit-title{margin-bottom:24px}.kit-title h2{font-size:25px}.component-grid{grid-template-columns:repeat(2,1fr);gap:10px}.step-row{grid-template-columns:1fr 1fr;gap:25px 12px}.step-row>b{display:none}.step-row article>div{width:116px;height:116px}.recommend-grid{grid-template-columns:1fr 1fr;gap:9px}.recommend-grid article{padding:13px;gap:9px}.recommend-grid article:last-child{grid-column:1/-1}.kit-cta-grid{grid-template-columns:1fr;gap:12px}.kit-cta-grid .kit-outline{grid-column:auto}.kit-cta h2{font-size:25px}}