/* ===== 어반픽스 베란다곰팡이제거 — WHITE / SOFT COOL GRAY / DUSTY BLUE-GRAY POINT ===== */
:root{
    --white:#ffffff;
    --gray-50:#f7f8f9;
    --gray-100:#eef1f2;
    --gray-200:#e1e6e8;
    --gray-300:#cbd3d7;
    --gray-400:#a9b4bb;
    --gray-500:#7c8891;
    --gray-700:#4c5760;
    --gray-900:#232b31;
    --ice:#eef1f3;
    --ice-deep:#e2e8eb;
    --accent:#6b8ca3;
    --accent-deep:#4f6b7d;
    --line:#e4e8ea;
    --radius:14px;
    --wrap:1080px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
    color:var(--gray-900);
    background:var(--white);
    word-break:keep-all;
    overflow-wrap:break-word;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;}
h1,h2,h3{margin:0;line-height:1.4;}
p{margin:0;}

/* ---- header ---- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(238,241,243,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);}
.site-header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px;}
.brand{flex:none;display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:1.05rem;letter-spacing:-.02em;}
.brand::before{content:"";flex:none;width:19px;height:19px;background-color:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E") no-repeat center/contain;}
.site-nav{flex:1;display:flex;justify-content:center;gap:10px;}
.site-nav a{font-size:.86rem;font-weight:600;color:var(--gray-700);white-space:nowrap;padding:9px 15px;border:1px solid var(--line);border-radius:999px;transition:color .2s,border-color .2s,background .2s;}
.site-nav a:hover{color:var(--gray-900);border-color:var(--accent);background:var(--ice);}
.site-nav a.is-active{color:var(--accent-deep);border-color:var(--accent);background:var(--ice);}
.nav-toggle{display:none;flex:none;width:38px;height:38px;border:none;background:transparent;padding:0;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--gray-900);border-radius:2px;transition:transform .25s ease,opacity .25s ease;}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media(max-width:900px){
    .site-nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:8px;background:var(--white);padding:14px 24px 22px;border-bottom:1px solid var(--line);box-shadow:0 16px 28px -18px rgba(35,43,49,.25);}
    .site-nav.is-open{display:flex;}
    .site-nav a{width:100%;text-align:center;padding:13px 15px;border-radius:12px;}
    .nav-toggle{display:flex;}
}
.btn-call{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;font-weight:700;padding:14px 26px;border-radius:999px;font-size:1rem;transition:background .2s,transform .2s;}
.btn-call::before,.variety-cards a[href^="tel:"]::before{content:"";flex:none;width:17px;height:17px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center/contain;}
.variety-cards a[href^="tel:"]{display:flex;align-items:center;justify-content:center;gap:8px;}
.btn-call:hover{background:var(--accent-deep);transform:translateY(-1px);}
.btn-call--sm{padding:9px 18px;font-size:.85rem;}
.btn-call--outline{background:transparent;color:var(--accent-deep);border:1.5px solid var(--accent);}
.btn-call--outline:hover{background:var(--ice);}

/* ---- floating call ---- */
.fab-call{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:8px;background:var(--accent-deep);color:#fff;padding:14px 16px;border-radius:999px;box-shadow:0 8px 24px rgba(79,107,125,.35);font-weight:700;font-size:.85rem;animation:fabPulse 2.6s ease-in-out infinite;}
@keyframes fabPulse{0%,100%{box-shadow:0 8px 24px rgba(79,107,125,.35);}50%{box-shadow:0 8px 24px rgba(79,107,125,.35),0 0 0 8px rgba(79,107,125,.14);}}
.fab-call svg{flex:none;}
.fab-call span{white-space:nowrap;}
@media(max-width:640px){
    .fab-call{right:14px;bottom:14px;padding:14px;}
    .fab-call span{display:none;}
}

/* ---- intro (top, non-fullscreen) ---- */
.intro{padding:56px 0 40px;}
.intro .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
.intro-eyebrow{display:block;font-size:.78rem;letter-spacing:.16em;color:var(--accent-deep);font-weight:800;margin-bottom:18px;}
.intro-copy h1{font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--gray-900);}
.intro-sub{margin-top:18px;color:var(--gray-700);font-size:1rem;max-width:34ch;}
.intro-photo{position:relative;justify-self:end;display:flex;gap:14px;width:70%;max-width:420px;}
.intro-photo img{flex:1;width:100%;height:auto;max-height:380px;border-radius:var(--radius);box-shadow:0 0 0 2px var(--gray-400),0 20px 40px -18px rgba(35,43,49,.28);aspect-ratio:3/4;object-fit:cover;transition:transform .4s ease;}
.intro-photo img:hover{transform:translateY(-4px);}
.intro-photo::before{content:"";position:absolute;inset:14px -14px -14px 14px;background:var(--ice);border-radius:var(--radius);z-index:-1;}
@media(max-width:860px){
    .intro{padding:36px 0 28px;}
    .intro .wrap{grid-template-columns:1fr;gap:28px;}
    .intro-photo{width:100%;max-width:320px;gap:14px;flex-direction:column;justify-self:center;margin:0 auto;}
    .intro-photo img{max-height:none;}
    .intro-copy h1{font-size:1.55rem;}
}

/* ---- section shell ---- */
section{padding:64px 0;}
.section-head{margin-bottom:36px;max-width:44ch;}
.section-head--wide{max-width:none;}
.section-head .eyebrow{display:block;font-size:.78rem;letter-spacing:.16em;color:var(--gray-500);font-weight:800;margin-bottom:14px;}
.section-head h2{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;}
.section-head p{margin-top:14px;color:var(--gray-700);}

/* ---- 문제 상태 (editorial list, no cards) ---- */
.symptom-list{border-top:1px solid var(--line);}
.symptom-row{display:flex;align-items:baseline;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);transition:padding-left .2s,border-color .2s;}
.symptom-row:hover{padding-left:10px;border-color:var(--gray-900);}
.symptom-num{font-size:.8rem;color:var(--gray-300);font-weight:800;flex:none;width:2.4em;}
.symptom-name{font-size:1.25rem;font-weight:700;flex:1;transition:color .2s;}
.symptom-row:hover .symptom-name{color:var(--accent-deep);}
.symptom-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--gray-300);transition:background .2s,transform .2s;}
.symptom-row:hover .symptom-dot{background:var(--accent);transform:scale(1.3);}

/* ---- 중간 HERO ---- */
.mid-hero{background:linear-gradient(180deg,var(--ice) 0%,var(--white) 100%);text-align:center;position:relative;overflow:hidden;}
.mid-hero::before{content:"";position:absolute;top:50%;left:50%;width:560px;height:560px;background:radial-gradient(circle,rgba(107,140,163,.16),transparent 70%);transform:translate(-50%,-50%);pointer-events:none;}
.mid-hero .wrap{position:relative;z-index:1;}
.mid-hero .eyebrow{display:block;font-size:.8rem;letter-spacing:.2em;color:var(--accent-deep);font-weight:800;margin-bottom:20px;}
.mid-hero h2{font-size:2.6rem;font-weight:800;letter-spacing:-.02em;color:var(--gray-900);}
.mid-hero .sub{margin:20px auto 30px;max-width:42ch;color:var(--gray-700);font-size:1.05rem;}
@media(max-width:640px){.mid-hero h2{font-size:1.9rem;}}

/* ---- 사진 + 텍스트 (좌우) ---- */
.photo-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;}
.photo-feature.reverse{grid-template-columns:1.15fr .85fr;}
.photo-feature.reverse .pf-img{order:2;}
.pf-img img{border-radius:var(--radius);width:100%;height:auto;max-height:420px;aspect-ratio:3/4;object-fit:cover;}
.pf-text h3{font-size:1.4rem;font-weight:800;margin-bottom:16px;}
.pf-text p{color:var(--gray-700);}
.pf-text p+p{margin-top:12px;}
@media(max-width:860px){
    .photo-feature,.photo-feature.reverse{grid-template-columns:1fr;gap:24px;}
    .photo-feature.reverse .pf-img{order:0;}
}

/* ---- 사진 2장(위) + 텍스트(아래) ---- */
.pf-duo-imgs{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.pf-duo-imgs img{width:100%;height:auto;max-height:420px;border-radius:var(--radius);aspect-ratio:3/4;object-fit:cover;transition:transform .4s ease;}
.pf-duo-imgs img:hover{transform:scale(1.035);}
.pf-duo-text{margin-top:28px;}
@media(max-width:640px){.pf-duo-imgs{grid-template-columns:1fr;}}

/* ---- 세로 공정 editorial (왜 바로 덧칠 X) ---- */
.flow-editorial{position:relative;padding-left:34px;}
.flow-editorial::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:1px;background:var(--line);}
.flow-step{position:relative;padding-bottom:34px;}
.flow-step:last-child{padding-bottom:0;}
.flow-step::before{content:"";position:absolute;left:-34px;top:4px;width:19px;height:19px;border-radius:50%;background:var(--white);border:2px solid var(--gray-300);}
.flow-step b{font-size:1.08rem;font-weight:800;}
.flow-step p{margin-top:6px;color:var(--gray-700);font-size:.95rem;}
.flow-arrow{color:var(--gray-300);font-size:.85rem;margin:2px 0 2px -34px;padding-left:34px;}

/* ---- 작업과정 01~06 ---- */
.process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
.process-cell{background:var(--white);padding:28px 26px;position:relative;transition:transform .25s ease,box-shadow .25s ease;}
.process-cell:hover{transform:translateY(-3px);box-shadow:0 14px 28px -14px rgba(35,43,49,.2);z-index:1;}
.process-cell .n{font-size:.85rem;font-weight:800;color:var(--gray-500);transition:color .25s ease;}
.process-cell:hover .n{color:var(--accent-deep);}
.process-cell h4{margin-top:10px;font-size:1.1rem;font-weight:800;}
@media(max-width:640px){.process-grid{grid-template-columns:1fr;}}

/* ---- 큰 사진 1장 ---- */
.photo-big{border-radius:var(--radius);overflow:hidden;}
.photo-big img{width:100%;height:auto;max-height:520px;object-fit:cover;transition:transform .5s ease;}
.photo-big:hover img{transform:scale(1.04);}
.photo-big .cap{margin-top:18px;text-align:center;}
.photo-big .cap b{font-size:1.2rem;font-weight:800;display:block;}
.photo-big .cap span{color:var(--gray-500);font-size:.9rem;}

/* ---- 다양한 상태 (카드 3x2) ---- */
.variety-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.variety-cards div,.variety-cards a{display:block;padding:30px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);text-align:center;font-weight:800;font-size:1.05rem;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;}
.variety-cards div:hover,.variety-cards a:hover{border-color:var(--accent);background:var(--ice);transform:translateY(-3px);box-shadow:0 12px 22px -14px rgba(35,43,49,.18);}
.variety-cards a{color:var(--accent-deep);}
@media(max-width:860px){.variety-cards{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.variety-cards{grid-template-columns:1fr;}}
.variety-cards--4{grid-template-columns:repeat(4,1fr);}
@media(max-width:860px){.variety-cards--4{grid-template-columns:repeat(2,1fr);}}

/* ---- 서비스별 카드 (3x2, 마지막 칸 사진) ---- */
.svc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.svc-cards a{display:flex;flex-direction:column;justify-content:space-between;min-height:150px;padding:26px 22px;border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;}
.svc-cards a:hover{border-color:var(--accent);background:var(--ice);transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(35,43,49,.18);}
.svc-cards .num{font-size:.8rem;color:var(--gray-400);font-weight:800;}
.svc-cards .name{margin-top:14px;font-size:1.15rem;font-weight:800;}
.svc-cards .arrow{margin-top:auto;padding-top:14px;color:var(--gray-400);font-size:1.1rem;transition:transform .2s,color .2s;}
.svc-cards a:hover .arrow{transform:translateX(6px);color:var(--accent-deep);}
.svc-cards .svc-photo{position:relative;min-height:150px;border-radius:var(--radius);overflow:hidden;}
.svc-cards .svc-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.svc-cards .svc-photo:hover img{transform:scale(1.06);}
@media(max-width:860px){.svc-cards{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.svc-cards{grid-template-columns:1fr;}}

/* ---- 시공 사례 (지역별 사진 카드) ---- */
.case-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.case-cards a{display:block;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--white);transition:border-color .2s,transform .2s,box-shadow .2s;}
.case-cards a:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 30px -16px rgba(35,43,49,.2);}
.case-cards img{width:100%;height:320px;object-fit:cover;display:block;transition:transform .4s ease;}
.case-cards a:hover img{transform:scale(1.06);}
.case-cards .case-label{display:block;padding:16px 14px;font-weight:700;font-size:1rem;text-align:center;color:var(--accent-deep);}
@media(max-width:640px){.case-cards{grid-template-columns:1fr;}.case-cards img{height:260px;}}

/* ---- 결로 안내 박스 ---- */
.notice-box{background:var(--gray-50);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:26px 28px;color:var(--gray-700);}
.notice-box p+p{margin-top:8px;}

/* ---- NSEO 세로 인덱스 (메인) ---- */
.svc-index{border-top:1px solid var(--line);}
.svc-index a{display:flex;align-items:center;gap:18px;padding:24px 4px;border-bottom:1px solid var(--line);transition:background .2s;}
.svc-index a:hover{background:var(--ice);}
.svc-index .num{font-size:.85rem;color:var(--gray-300);font-weight:800;flex:none;}
.svc-index .name{flex:1;font-size:1.2rem;font-weight:700;}
.svc-index .arrow{transition:transform .2s,color .2s;color:var(--gray-400);font-size:1.2rem;}
.svc-index a:hover .arrow{transform:translateX(6px);color:var(--accent-deep);}

/* ---- FAQ (native details/summary) ---- */
.faq-list{border-top:1px solid var(--line);}
.faq-item{border-bottom:1px solid var(--line);padding:20px 0;}
.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-weight:700;font-size:1.02rem;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";color:var(--gray-400);font-size:1.3rem;flex:none;transition:transform .2s,color .2s;}
.faq-item[open] summary::after{transform:rotate(45deg);color:var(--accent-deep);}
.faq-item .a{margin-top:14px;color:var(--gray-700);font-size:.96rem;padding-right:28px;}
.faq-item .q-mark{color:var(--gray-500);font-weight:800;}

/* ---- 마지막 CTA ---- */
.final-cta{background:var(--gray-900);border-radius:20px;padding:56px 40px;text-align:center;}
.final-cta p{color:#dfe7e8;font-size:1.08rem;max-width:40ch;margin:0 auto 26px;}
.final-cta .btn-call{background:var(--accent);}
@media(max-width:640px){.final-cta{padding:40px 22px;border-radius:16px;}}

/* ---- 하단 NSEO 이동 (세부페이지 공용 유틸) ---- */
.svc-links-row{display:flex;flex-wrap:wrap;gap:12px;}
.svc-links-row a{flex:1 1 200px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;font-weight:700;transition:border-color .2s,background .2s;}
.svc-links-row a:hover{border-color:var(--accent);background:var(--ice);}
.svc-links-row a small{display:block;color:var(--gray-500);font-weight:600;font-size:.75rem;margin-bottom:4px;}

.svc-grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.svc-grid-2x2 a{padding:22px 20px;border:1px solid var(--line);border-radius:12px;font-weight:700;transition:border-color .2s,background .2s;}
.svc-grid-2x2 a:hover{border-color:var(--accent);background:var(--ice);}
.svc-grid-2x2 a small{display:block;color:var(--gray-500);font-weight:600;font-size:.75rem;margin-bottom:4px;}
@media(max-width:640px){.svc-grid-2x2{grid-template-columns:1fr;}}

/* ---- 세부페이지 공용: 표 / 정보박스 ---- */
.info-table{width:100%;border-collapse:collapse;margin:8px 0;}
.info-table th,.info-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);font-size:.95rem;}
.info-table th{color:var(--gray-500);font-weight:700;width:34%;}
.body-copy{color:var(--gray-700);max-width:64ch;}
.body-copy p+p{margin-top:16px;}
.body-copy h3{font-size:1.25rem;font-weight:800;color:var(--gray-900);margin:34px 0 14px;}
.body-copy ul{margin:14px 0 0;padding-left:1.2em;}
.body-copy ul+p,.body-copy p+ul{margin-top:14px;}
.body-copy li{margin-top:8px;}
.body-copy li::marker{color:var(--accent);}

/* ---- reveal ---- */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease;}
.reveal.in{opacity:1;transform:none;}

/* ---- stagger: 카드/리스트 그룹은 순차적으로 나타남 ---- */
:is(.symptom-list,.process-grid,.variety-cards,.svc-cards,.faq-list).reveal>*{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease;}
:is(.symptom-list,.process-grid,.variety-cards,.svc-cards,.faq-list).reveal.in>*{opacity:1;transform:none;}
:is(.symptom-list,.process-grid,.variety-cards,.svc-cards,.faq-list).reveal.in>*:nth-child(2){transition-delay:.06s;}
:is(.symptom-list,.process-grid,.variety-cards,.svc-cards,.faq-list).reveal.in>*:nth-child(3){transition-delay:.12s;}
:is(.symptom-list,.process-grid,.variety-cards,.svc-cards,.faq-list).reveal.in>*:nth-child(4){transition-delay:.18s;}
:is(.symptom-list,.process-grid,.variety-cards,.svc-cards,.faq-list).reveal.in>*:nth-child(5){transition-delay:.24s;}
:is(.symptom-list,.process-grid,.variety-cards,.svc-cards,.faq-list).reveal.in>*:nth-child(6){transition-delay:.3s;}
:is(.symptom-list,.process-grid,.variety-cards,.svc-cards,.faq-list).reveal.in>*:nth-child(7){transition-delay:.36s;}
:is(.symptom-list,.process-grid,.variety-cards,.svc-cards,.faq-list).reveal.in>*:nth-child(8){transition-delay:.42s;}
:is(.symptom-list,.process-grid,.variety-cards,.svc-cards,.faq-list).reveal.in>*:nth-child(9){transition-delay:.48s;}
:is(.symptom-list,.process-grid,.variety-cards,.svc-cards,.faq-list).reveal.in>*:nth-child(10){transition-delay:.54s;}

/* ---- footer ---- */
.site-footer{background:var(--gray-50);border-top:1px solid var(--line);padding:44px 0 34px;margin-top:40px;}
.foot-brand{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:1.05rem;}
.foot-brand::before{content:"";flex:none;width:18px;height:18px;background-color:var(--accent-deep);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E") no-repeat center/contain;}
.foot-info{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--gray-700);font-size:.88rem;}
.foot-copy{margin-top:22px;color:var(--gray-500);font-size:.78rem;}

.container-narrow{max-width:760px;margin:0 auto;}