@charset "UTF-8";
:root{--blue:#3770bf;--ink:#222;--muted:#536070;--line:#dbe5f4;--pale:#f3f6ff;--lime:#cef26d}
body{background:#f3f6ff;color:#222}
.header,.footer{background:#f3f6ff}
.brand-dot{background:#3770bf}
h1,h2,h3{letter-spacing:-.008em}
.hero h1{letter-spacing:-.01em}
.hero-art{background:#e8effb;border:1px solid #d4e1f4}
.hero-caption,.eyebrow,.section-label,.card-eyebrow{color:#3770bf}
em{color:#3770bf}
.button{border-radius:999px}
.primary{background:#3770bf;border-color:#3770bf;color:#fff}
.primary:hover{background:#285a9b}
.kakao-button{background:#fee500!important;border-color:#fee500!important;color:#111!important}.text-link.kakao-button{padding:7px 12px;border-radius:999px;text-decoration:none}
.kakao-button:hover{background:#f6d800!important}
.secondary{border-color:#9cb5d8;background:#fff;color:#222}
.surface{background:#e8effb}
.intro-strip{background:#f3f6ff;border-color:#d5e1f2}
.section-label span{background:#3770bf}
.benefit,.price-card,.estimate,.portfolio-card,.extra-service,.pricing-notes{border-color:#c9d8ed}
.benefit{position:relative;padding-top:74px}
.benefit:before{content:"✦";position:absolute;top:23px;left:0;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#cef26d;color:#222;font-size:18px;font-weight:900}
.benefit:nth-child(2):before{content:"✎"}.benefit:nth-child(3):before{content:"▣"}.benefit:nth-child(4):before{content:"∞"}.benefit:nth-child(5):before{content:"↻"}.benefit:nth-child(6):before{content:"▤"}
.benefit:nth-child(3n+2),.benefit:nth-child(3n+3){padding-top:74px}
.price-card.accent-card{border-color:#3770bf;box-shadow:0 12px 26px #3770bf18}
.price-card .price strong,.estimate-bottom strong,.extra-price strong{color:#3770bf}
.price-card .product-spec>div{background:#f8fbff;padding:10px 12px;border:1px solid #e4edf8;border-radius:8px}
.price-card .check-list li:before{color:#3770bf}
.product-note{background:#f3f6ff;border-left:3px solid #cef26d}
.pricing-notes{background:#f8fbff}
.inquiry-info{background:#3770bf}
.inquiry-info .check-list li:before{color:#cef26d}
.range-label,.notice-tag{background:#cef26d;color:#222}
.portfolio-card:hover{box-shadow:0 14px 30px #3770bf22}
.step-number{border-color:#3770bf;color:#3770bf}
.payment{background:#edf4ff;border:1px solid #d6e4f7}
.faq-list{border-color:#3770bf}
.contact-section{background:#3770bf}
.contact-section .section-label span{background:#cef26d;color:#222}
.contact-dot{background:#cef26d}
.contact-card{box-shadow:0 18px 38px #173a672e}
.mobile-contact{background:#f3f6ff;border-color:#c9d8ed}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
@keyframes heroRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-copy{animation:heroRise .7s ease both}.hero-art{animation:heroRise .7s .12s ease both}
@media(max-width:760px){body{background:#f3f6ff}.section,.surface{padding-top:66px;padding-bottom:66px}.benefit,.benefit:nth-child(3n+2),.benefit:nth-child(3n+3){padding-top:70px}.benefit:before{top:22px}.hero-art{border-radius:14px}.mobile-contact{background:#f3f6ff}.mobile-contact .secondary{border-color:#9cb5d8}.reveal{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.reveal,.hero-copy,.hero-art{opacity:1;transform:none;transition:none;animation:none}}