@charset "UTF-8";
/* =========================================================================
   NANUGEO 서브페이지 스타일 (소개 · 가격 · WORK · 문의)
   레퍼런스 서브페이지(상품안내 · 폰교체센터 소개 · FAQ · 신청 폼)의 레이아웃 문법을 이식
   ========================================================================= */

/* ---------- 공통: 통계 밴드 ---------- */
.stat-band{background:#fff;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);}
.stat-band .wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 12px;padding:36px 20px;}
.stat-band .stat{text-align:center;}
.stat-band .stat .num{font-family:"Gowun Batang",serif;font-weight:700;font-size:34px;color:var(--brand);letter-spacing:-0.04em;line-height:1;}
.stat-band .stat .num small{font-family:"Pretendard Variable",Pretendard,sans-serif;font-size:14px;font-weight:600;color:var(--c700);margin-left:3px;}
.stat-band .stat p{margin-top:10px;font-size:13px;color:var(--c450);font-weight:500;}
@media screen and (min-width:1200px){.stat-band .wrap{grid-template-columns:repeat(4,1fr);padding:48px 0;} .stat-band .stat .num{font-size:44px;} .stat-band .stat .num small{font-size:16px;} .stat-band .stat p{font-size:15px;margin-top:14px;}}

/* ---------- 공통: 특징 3열 ---------- */
.feature-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.feature{background:#fff;border:2px solid var(--line);border-radius:11px;padding:30px 26px;text-align:center;transition:box-shadow .25s,border-color .25s,transform .25s;}
.feature:hover{box-shadow:0 20px 30px -20px rgba(0,0,0,.18);border-color:rgba(var(--brand-rgb),.5);transform:translateY(-4px);}
.feature .line-ico{margin-bottom:18px;}
.feature h3{font-family:"Gowun Batang",serif;font-weight:700;font-size:20px;color:var(--c900);letter-spacing:-0.03em;}
.feature p{margin-top:12px;font-size:14px;line-height:1.7;color:var(--c600);}
@media screen and (min-width:768px){.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;}}
@media screen and (min-width:1200px){.feature{padding:40px 30px;} .feature h3{font-size:22px;} .feature p{font-size:15px;}}

/* ---------- 소개: 단체 유형 5 ---------- */
.seg-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.seg-card{background:#fff;border:2px solid var(--line);border-radius:11px;padding:26px 22px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;}
.seg-card:hover{transform:translateY(-6px);box-shadow:0 20px 30px -20px rgba(0,0,0,.18);border-color:rgba(var(--brand-rgb),.5);}
.seg-card .line-ico{margin:0 auto;}
.seg-card h3{margin-top:18px;font-size:17px;font-weight:700;text-align:center;letter-spacing:-0.04em;line-height:1.45;color:var(--c900);}
.seg-card .need{margin-top:12px;font-size:13.5px;color:var(--c600);line-height:1.7;flex:1;}
.seg-card .rec{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);font-size:12px;color:var(--c400);}
.seg-card .rec b{display:block;color:var(--brand-dark);font-size:13.5px;font-weight:700;margin-top:3px;}
@media screen and (min-width:640px){.seg-grid{grid-template-columns:repeat(2,1fr);}}
@media screen and (min-width:1200px){.seg-grid{grid-template-columns:repeat(5,1fr);gap:16px;} .seg-card{padding:30px 18px 26px;}}

/* ---------- 소개: 필수 5가지 ---------- */
.need-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.need-card{background:#fff;border:2px solid var(--line);border-radius:11px;padding:24px 22px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;}
.need-card:hover{transform:translateY(-6px);box-shadow:0 20px 30px -20px rgba(0,0,0,.18);}
.need-card.plus{background:var(--brand-lighter);border-color:rgba(var(--brand-rgb),.4);}
.need-card .top{display:flex;align-items:center;gap:14px;}
.need-card .ico{width:64px;height:64px;flex:0 0 auto;border-radius:50%;background:var(--bg-gray);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.need-card.plus .ico{background:#fff;}
.need-card .ico img{width:50px;height:50px;object-fit:contain;}
.need-card .num{font-size:11px;font-weight:800;color:var(--brand);letter-spacing:.08em;}
.need-card h3{font-size:17px;font-weight:700;letter-spacing:-0.04em;margin-top:2px;line-height:1.4;color:var(--c900);}
.need-card p{margin-top:14px;font-size:14px;color:var(--c600);line-height:1.7;flex:1;}
.need-card .pkg{margin-top:16px;display:flex;gap:6px;flex-wrap:wrap;}
.pkg-chip{font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:999px;background:#F2F2F2;color:var(--c400);}
.pkg-chip.on{background:var(--brand-light);color:var(--brand-dark);}
.need-card .caution{margin-top:12px;font-size:12px;color:#C25B2C;background:#FFF3EC;padding:9px 12px;border-radius:8px;line-height:1.6;}
@media screen and (min-width:768px){.need-grid{grid-template-columns:repeat(2,1fr);gap:18px;}}
@media screen and (min-width:1200px){.need-grid{grid-template-columns:repeat(3,1fr);gap:20px;} .need-card{padding:30px 28px;} .need-card h3{font-size:19px;} .need-card p{font-size:15px;}}

/* ---------- 소개: AI 챗봇 데모 (초안 UI 이식) ---------- */
.chat-cols{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;}
.chat-copy .section-title{text-align:left;padding-top:0;}
.chat-copy .txt-row{text-align:left;margin:16px 0 0;}
.chat-points{margin-top:28px;display:flex;flex-direction:column;gap:16px;}
.chat-points li{display:flex;gap:14px;align-items:flex-start;}
.chat-points .n{width:28px;height:28px;flex:0 0 auto;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px;}
.chat-points b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-0.03em;color:var(--c900);}
.chat-points p{margin-top:5px;font-size:14px;color:var(--c600);line-height:1.7;}
.guardrail{margin-top:26px;background:#fff;border:2px solid var(--line);border-left:4px solid #C25B2C;border-radius:8px;padding:16px 18px;font-size:13.5px;color:var(--c600);line-height:1.75;}
.guardrail b{color:#C25B2C;}
.chat-ui{background:#fff;border-radius:16px;box-shadow:0 26px 60px rgba(0,0,0,.1);overflow:hidden;border:2px solid var(--line);}
.chat-head{background:var(--brand);color:#fff;padding:18px 22px;display:flex;align-items:center;gap:12px;}
.chat-head .ava{width:42px;height:42px;flex:0 0 auto;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.chat-head .ava img{width:34px;height:34px;object-fit:contain;}
.chat-head strong{display:block;font-size:16px;font-weight:700;}
.chat-head span{font-size:12.5px;color:rgba(255,255,255,.85);display:flex;align-items:center;gap:6px;}
.chat-head span i{width:6px;height:6px;border-radius:50%;background:#FFE0C7;display:block;}
.chat-body{padding:22px 20px;height:360px;overflow-y:auto;background:var(--bg-gray);display:flex;flex-direction:column;gap:12px;}
.bubble{max-width:86%;font-size:14px;line-height:1.7;padding:12px 16px;border-radius:16px;white-space:pre-line;}
.bubble.bot{background:#fff;color:var(--c700);border-top-left-radius:5px;box-shadow:0 3px 12px rgba(0,0,0,.05);align-self:flex-start;}
.bubble.me{background:var(--brand);color:#fff;border-top-right-radius:5px;align-self:flex-end;}
.bubble .link{display:inline-block;margin-top:8px;font-size:13px;font-weight:700;color:var(--brand-dark);background:var(--brand-light);padding:6px 12px;border-radius:999px;}
.bubble.typing{display:flex;gap:5px;align-items:center;padding:14px 16px;}
.bubble.typing i{width:7px;height:7px;border-radius:50%;background:var(--c400);display:block;animation:blink 1.1s infinite;}
.bubble.typing i:nth-child(2){animation-delay:.18s;}
.bubble.typing i:nth-child(3){animation-delay:.36s;}
.chat-quick{padding:14px 16px 18px;background:#fff;border-top:1px solid var(--line-soft);}
.chat-quick .label{font-size:12px;color:var(--c400);font-weight:600;margin-bottom:10px;}
.chat-quick .qs{display:flex;flex-wrap:wrap;gap:8px;}
.qbtn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-size:13px;color:var(--c700);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;}
.qbtn:hover{background:var(--brand);color:#fff;border-color:var(--brand);}
.qbtn:disabled{opacity:.4;cursor:default;}
@media screen and (min-width:1200px){.chat-cols{grid-template-columns:1fr 1fr;gap:70px;} .chat-body{height:400px;}}

/* ---------- 공통: 진행 절차 (레퍼런스 하단 스텝 행) ---------- */
.proc-row{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 16px;position:relative;}
.proc{position:relative;text-align:center;}
.proc .ico{width:96px;height:96px;margin:0 auto;border-radius:50%;background:var(--bg-gray);display:flex;align-items:center;justify-content:center;position:relative;}
.proc .ico img{width:76px;height:76px;object-fit:contain;animation:bob 2.8s ease-in-out infinite;}
.proc:nth-child(2) .ico img{animation-delay:.3s;} .proc:nth-child(3) .ico img{animation-delay:.6s;} .proc:nth-child(4) .ico img{animation-delay:.9s;} .proc:nth-child(5) .ico img{animation-delay:1.2s;} .proc:nth-child(6) .ico img{animation-delay:1.5s;}
.proc .n{position:absolute;top:0;left:50%;transform:translate(-50%,-40%);background:var(--brand);color:#fff;font-size:11px;font-weight:800;padding:4px 11px;border-radius:999px;white-space:nowrap;letter-spacing:.04em;z-index:2;}
.proc h3{margin-top:18px;font-family:"Gowun Batang",serif;font-size:17px;font-weight:700;letter-spacing:-0.03em;color:var(--c900);}
.proc p{margin-top:8px;font-size:13px;color:var(--c400);line-height:1.65;font-weight:500;}
.proc .arrow{display:none;}
@media screen and (min-width:768px){.proc-row{grid-template-columns:repeat(3,1fr);}}
@media screen and (min-width:1200px){
  .proc-row{grid-template-columns:repeat(6,1fr);gap:0;}
  .proc .ico{width:128px;height:128px;} .proc .ico img{width:100px;height:100px;}
  .proc h3{font-size:19px;margin-top:22px;} .proc p{font-size:15px;}
  .proc .arrow{display:flex;position:absolute;right:-12px;top:54px;width:22px;height:22px;color:var(--brand);}
  .proc:last-child .arrow{display:none;}
}

/* ---------- 소개: 운영사 표 ---------- */
.company-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;}
.company-grid .table{min-width:0;}
.company-grid .table tbody th{width:130px;}
.company-grid .table td{text-align:left;}
.company-note{background:var(--bg-gray);border-radius:11px;padding:24px;font-size:14px;line-height:1.75;color:var(--c600);}
.company-note b{color:var(--c900);}
.company-note .brand-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.company-note .brand-row span{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:16px;border:1px solid var(--line);background:#fff;font-size:12.5px;font-weight:700;color:var(--c700);}
.company-note .brand-row span b{color:var(--brand);margin-right:4px;}
@media screen and (min-width:1200px){.company-grid{grid-template-columns:1.2fr .8fr;gap:40px;} .company-note{padding:32px;font-size:15px;}}

/* ---------- 가격: 패키지 카드 ---------- */
.pkg-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch;}
.pkg-card{position:relative;display:flex;flex-direction:column;}
.pkg-card.best{border-color:var(--brand);box-shadow:0 22px 40px -24px rgba(var(--brand-rgb),.5);}
.pkg-card .code{font-size:11px;font-weight:800;color:var(--c400);letter-spacing:.12em;margin-bottom:6px;}
.pkg-card .item-name{font-family:"Gowun Batang",serif;font-size:26px;}
.pkg-card .price{margin-top:14px;font-size:36px;font-weight:800;letter-spacing:-0.05em;color:var(--brand-dark);line-height:1.1;}
.pkg-card .price small{font-size:15px;font-weight:600;color:var(--c500);letter-spacing:-0.03em;margin-left:2px;}
.pkg-card .vat{margin-top:6px;font-size:12.5px;color:var(--c400);}
.pkg-card .target{margin-top:18px;padding:12px 14px;background:var(--bg-gray);border-radius:8px;font-size:13.5px;color:var(--c600);line-height:1.6;}
.pkg-card .item-info{flex:1;}
.pkg-card .term{margin-top:20px;padding-top:16px;border-top:1px solid var(--line-soft);font-size:13px;color:var(--c500);display:flex;justify-content:space-between;gap:10px;}
@media screen and (min-width:768px){.pkg-grid{grid-template-columns:repeat(3,1fr);gap:18px;}}
@media screen and (min-width:1200px){.pkg-grid{gap:24px;} .pkg-card .price{font-size:40px;}}
.custom-band{margin-top:34px;background:var(--c900);border-radius:11px;color:#fff;padding:28px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.custom-band h3{font-family:"Gowun Batang",serif;font-size:20px;font-weight:700;letter-spacing:-0.03em;}
.custom-band p{margin-top:10px;font-size:14px;color:rgba(255,255,255,.7);line-height:1.7;}
.custom-band .price-tag{font-size:26px;font-weight:800;color:var(--brand);white-space:nowrap;letter-spacing:-0.04em;}
.custom-band .right{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.custom-band .btn-white{background:#fff;color:var(--c900);height:46px;padding:0 24px;}
.custom-band .btn-white:hover{background:var(--brand);color:#fff;}
@media screen and (min-width:1200px){.custom-band{padding:36px 40px;} .custom-band h3{font-size:22px;}}
.ops-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.ops-card{display:flex;flex-direction:column;}
.ops-card.best{border-color:var(--brand);background:var(--brand-lighter);}
.ops-card .item-name{font-family:"Gowun Batang",serif;font-size:24px;}
.ops-card .price{margin-top:12px;font-size:30px;font-weight:800;color:var(--brand-dark);letter-spacing:-0.05em;}
.ops-card .price small{font-size:14px;font-weight:600;color:var(--c500);}
.ops-card dl{margin-top:22px;display:flex;flex-direction:column;gap:13px;flex:1;}
.ops-card dt{font-size:12px;font-weight:700;color:var(--brand);letter-spacing:.02em;}
.ops-card dd{margin-top:3px;font-size:14px;color:var(--c700);line-height:1.6;}
.ops-card.basic{background:var(--bg-gray);}
.ops-card.basic .price{color:var(--c700);}
@media screen and (min-width:768px){.ops-grid{grid-template-columns:repeat(2,1fr);gap:18px;}}
@media screen and (min-width:1200px){.ops-grid{grid-template-columns:repeat(4,1fr);gap:16px;}}
.note-pills{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.note-pills li{font-size:13.5px;color:var(--c600);background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 18px;}
.note-pills li b{color:var(--brand-dark);}
.sec-note{margin-top:18px;font-size:13px;color:var(--c400);text-align:center;line-height:1.7;}
.custom-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:26px;}
.custom-list li{background:#fff;border:2px solid var(--line);border-radius:11px;padding:20px 22px;display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--c700);line-height:1.6;}
.custom-list li .icon-svg{width:20px;height:20px;color:var(--brand);flex:0 0 auto;margin-top:1px;}
.custom-list li b{color:var(--c900);display:block;margin-bottom:3px;}
@media screen and (min-width:768px){.custom-list{grid-template-columns:repeat(2,1fr);gap:16px;}}
@media screen and (min-width:1200px){.custom-list{grid-template-columns:repeat(3,1fr);}}

/* ---------- WORK 목록 ---------- */
.works-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;}
.works-head h4{font-size:20px;font-weight:700;color:var(--c900);}
.works-head p{font-size:13px;color:var(--c400);}
.works-grid{display:grid;grid-template-columns:1fr;gap:20px;}
.work-item{display:flex;flex-direction:column;background:#fff;border:2px solid var(--line);border-radius:11px;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;}
.work-item:hover{transform:translateY(-6px);box-shadow:0 24px 34px -24px rgba(0,0,0,.2);border-color:rgba(var(--brand-rgb),.6);}
.work-item .thumb{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg-gray);}
.work-item .thumb img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s;}
.work-item:hover .thumb img{transform:scale(1.04);}
.work-item .thumb .tag{position:absolute;left:14px;top:14px;height:26px;padding:0 11px;border-radius:13px;background:rgba(255,255,255,.95);color:var(--brand-dark);font-size:12px;font-weight:700;display:inline-flex;align-items:center;}
.work-item .thumb .live{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:13px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;}
.work-item .thumb .live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1.4s infinite;}
.work-item .meta{padding:20px 22px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.work-item .meta strong{display:block;font-size:18px;font-weight:700;color:var(--c900);letter-spacing:-0.03em;}
.work-item .meta span{display:block;margin-top:5px;font-size:13.5px;color:var(--c450);}
.work-item .meta .arrow{flex:0 0 auto;color:var(--brand);font-size:13px;font-weight:700;white-space:nowrap;}
.work-item.soon{border-style:dashed;align-items:center;justify-content:center;text-align:center;padding:40px 24px;color:var(--c400);min-height:280px;}
.work-item.soon .big{font-family:"Gowun Batang",serif;font-size:20px;font-weight:700;color:var(--c700);}
.work-item.soon p{margin-top:10px;font-size:14px;line-height:1.6;}
.work-item.soon .btn{margin-top:20px;height:44px;padding:0 24px;font-size:14px;}
@media screen and (min-width:640px){.works-grid{grid-template-columns:repeat(2,1fr);}}
@media screen and (min-width:1200px){.works-grid{grid-template-columns:repeat(3,1fr);gap:24px;}}

/* ---------- WORK 상세 ---------- */
.work-hero{position:relative;border-radius:11px;overflow:hidden;border:2px solid var(--line);background:#000;box-shadow:0 30px 50px -30px rgba(0,0,0,.35);}
.work-hero video,.work-hero img{display:block;width:100%;height:auto;}
.work-hero .badge{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:14px;background:rgba(255,255,255,.95);color:var(--brand-dark);font-size:12px;font-weight:700;}
.work-hero .badge i{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:blink 1.4s infinite;}
.work-overview{display:grid;grid-template-columns:1fr;gap:28px;margin-top:40px;}
.work-overview .table{min-width:0;}
.work-overview .table tbody th{width:110px;}
.work-overview .table td{text-align:left;}
.work-overview .table td a{color:var(--brand);font-weight:600;text-decoration:underline;text-underline-offset:3px;}
.work-points h4{font-size:18px;font-weight:700;color:var(--c900);margin-bottom:14px;}
.work-points ul{display:flex;flex-direction:column;gap:12px;}
.work-points li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--c700);line-height:1.65;}
.work-points li .icon-svg{width:18px;height:18px;color:var(--brand);flex:0 0 auto;margin-top:2px;}
.work-points li b{color:var(--c900);}
@media screen and (min-width:1200px){.work-overview{grid-template-columns:1fr 1fr;gap:48px;margin-top:56px;}}
.screens-wrap{display:grid;grid-template-columns:1fr;gap:28px;align-items:start;}
.browser-frame{border:2px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 30px 50px -30px rgba(0,0,0,.3);}
.browser-frame .bar{height:34px;background:#F3F3F3;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 14px;}
.browser-frame .bar i{width:10px;height:10px;border-radius:50%;background:#D9D9D9;}
.browser-frame .bar i:first-child{background:var(--brand);}
.browser-frame .bar span{margin-left:10px;flex:1;height:18px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:11px;color:var(--c400);display:flex;align-items:center;padding:0 10px;}
.browser-frame .scroll{max-height:720px;overflow-y:auto;}
.browser-frame .scroll img{display:block;width:100%;height:auto;}
.browser-frame .scroll::-webkit-scrollbar{width:8px;}
.screens-hint{margin-top:10px;font-size:12.5px;color:var(--c400);text-align:center;}
.phone-frame{width:250px;margin:0 auto;border:8px solid #2B2B2B;border-radius:34px;overflow:hidden;background:#000;box-shadow:0 30px 50px -30px rgba(0,0,0,.45);position:relative;}
.phone-frame:before{content:"";position:absolute;left:50%;top:0;width:90px;height:20px;background:#2B2B2B;border-radius:0 0 12px 12px;transform:translateX(-50%);z-index:2;}
.phone-frame .scroll{max-height:520px;overflow-y:auto;background:#fff;}
.phone-frame .scroll img{display:block;width:100%;height:auto;}
.phone-frame .scroll::-webkit-scrollbar{width:0;}
@media screen and (min-width:1200px){.screens-wrap{grid-template-columns:1fr 300px;gap:48px;} .browser-frame .scroll{max-height:820px;} .phone-frame{position:sticky;top:130px;}}
.work-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px;}
.work-nav a{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:2px solid var(--line);border-radius:11px;background:#fff;transition:border-color .2s,box-shadow .2s;}
.work-nav a:hover{border-color:var(--brand);box-shadow:0 16px 30px -22px rgba(0,0,0,.25);}
.work-nav a small{font-size:12px;color:var(--c400);font-weight:600;}
.work-nav a b{font-size:16px;color:var(--c900);}
.work-nav a.next{text-align:right;}
.work-nav a.all{grid-column:1/-1;align-items:center;flex-direction:row;justify-content:center;color:var(--brand);font-weight:700;}

/* ---------- 문의 ---------- */
.contact-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:start;}
.contact-form{background:#fff;border:2px solid var(--line);border-radius:11px;padding:28px 22px;}
.contact-form h3{font-size:20px;font-weight:700;color:var(--c900);}
.contact-form .desc{margin-top:8px;font-size:14px;color:var(--c500);line-height:1.7;margin-bottom:24px;}
.contact-aside{display:flex;flex-direction:column;gap:14px;}
.contact-card{background:#fff;border:2px solid var(--line);border-radius:11px;padding:22px 22px;display:flex;gap:14px;align-items:flex-start;}
.contact-card .line-ico{width:52px;height:52px;flex:0 0 auto;margin:0;}
.contact-card .line-ico svg{width:26px;height:26px;}
.contact-card strong{display:block;font-size:15px;font-weight:700;color:var(--c900);}
.contact-card p{margin-top:6px;font-size:13.5px;color:var(--c600);line-height:1.65;}
.contact-card p a{color:var(--brand);font-weight:700;}
.contact-card.dark{background:var(--c900);border-color:var(--c900);color:#fff;}
.contact-card.dark strong{color:#fff;}
.contact-card.dark p{color:rgba(255,255,255,.7);}
.contact-card.dark .line-ico{background:#2A2A2A;color:var(--brand);}
.prep-list{display:grid;grid-template-columns:1fr;gap:12px;}
.prep-list li{background:#fff;border:2px solid var(--line);border-radius:11px;padding:18px 20px;display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--c700);line-height:1.6;}
.prep-list li .n{width:26px;height:26px;border-radius:50%;background:var(--brand-light);color:var(--brand-dark);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.prep-list li b{color:var(--c900);display:block;margin-bottom:2px;}
@media screen and (min-width:768px){.prep-list{grid-template-columns:repeat(2,1fr);}}
@media screen and (min-width:1200px){.contact-grid{grid-template-columns:1fr 360px;gap:40px;} .contact-form{padding:40px 40px;} .contact-form h3{font-size:22px;} .prep-list{grid-template-columns:repeat(4,1fr);}}
.step-labels{display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:640px;margin:12px auto 0;}
.step-labels li{text-align:center;font-size:12px;color:var(--c400);font-weight:600;}
.step-labels li.on{color:var(--brand);}
@media screen and (min-width:1200px){.step-labels li{font-size:13.5px;}}