@font-face{font-family:Pretendard;src:url('./assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--blue:#064dff;--ink:#101318;--muted:#586575;--max:1240px;--gutter:clamp(24px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:16px;line-height:1.7;letter-spacing:-.015em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #164ae5;outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-synthesis:none}section[id]{scroll-margin-top:24px}.container{width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto}.skip{position:fixed;top:8px;left:8px;z-index:20;background:#fff;padding:12px;transform:translateY(-160%)}.skip:focus{transform:none}.header{background:#ffffffed;border-bottom:1px solid #eaf0f6}.header-inner{min-height:96px;display:flex;align-items:center;gap:32px}.logo{font-size:25px;font-weight:750;letter-spacing:.07em;white-space:nowrap}nav{display:flex;gap:36px;margin-left:auto;align-items:center}nav a{font-weight:500;font-size:15px;white-space:nowrap;padding:10px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:14px 26px;border-radius:999px;background:var(--blue);color:#fff;font-weight:600;font-size:17px;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#003cd0;transform:translateY(-2px)}.header-contact{font-size:14px;min-height:44px;margin-left:24px;padding:10px 22px}.hero{background:linear-gradient(140deg,#fff 20%,#f3f8fe 100%)}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:12px;align-items:center;min-height:730px;padding-block:80px}.hero-copy{position:relative;z-index:1;min-width:0}.eyebrow{color:#667f9f;font-size:12px;font-weight:600;letter-spacing:.22em;line-height:1.9;margin-bottom:30px}.hero h1{font-size:clamp(38px,4.5vw,66px);font-weight:780;line-height:1.2;letter-spacing:-.045em}.hero h1 span{display:block}.hero-description{font-size:clamp(19px,1.8vw,25px);line-height:1.65;letter-spacing:-.025em;margin-top:26px;margin-bottom:32px}.hero-art{min-width:0}.hero-art img{width:100%;mix-blend-mode:multiply}.section{padding-block:100px}h2{font-size:clamp(30px,3.6vw,48px);font-weight:740;letter-spacing:-.035em;line-height:1.3}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.card{position:relative;min-height:340px;border-radius:24px;background:linear-gradient(125deg,#f1f7ff,#e8f1ff);padding:36px;overflow:hidden}.card-copy{position:relative;z-index:2;max-width:65%}.number{color:#748aab;font-size:14px}.card h3{font-size:32px;font-weight:650;letter-spacing:-.025em;line-height:1.25;margin-top:14px;margin-bottom:12px}.card p{font-size:17px;color:#465c75;line-height:1.65}.cube-art,.panel-art{position:absolute;right:22px;bottom:25px;width:180px;height:170px}.cube-art i{position:absolute;width:100px;height:100px;right:30px;top:30px;border:1px solid #639eff;background:linear-gradient(140deg,#ffffffaa,#3985ff55);transform:skewY(-15deg) rotate(15deg);box-shadow:12px 16px 28px #0752c52a}.cube-art i:nth-child(2){transform:translate(-35px,30px) skewY(-15deg) rotate(15deg)}.cube-art i:nth-child(3){transform:translate(30px,-20px) skewY(-15deg) rotate(15deg)}.panel-art i{position:absolute;inset:15px 35px;border:1px solid #81adff;background:linear-gradient(135deg,#ffffffdc,#5599ff77);border-radius:10px;transform:skewY(12deg);box-shadow:10px 18px 25px #1555a51a}.panel-art i:nth-child(2){transform:translate(-35px,20px) skewY(12deg)}.panel-art i:nth-child(3){transform:translate(35px,-20px) skewY(12deg)}.about{border-top:1px solid #e5ecf4}.body-copy{font-size:20px;line-height:1.8;color:var(--muted);margin-top:24px}.technology{background:#f5f8fc}.contact{padding-bottom:110px}.footer{display:flex;align-items:center;gap:28px;border-top:1px solid #e5ecf4;padding-block:30px}.footer .logo{font-size:18px}.footer p,.footer small{font-size:13px;color:var(--muted)}.footer small{margin-left:auto}
/* Tablet: switch layout before a Korean headline can collide with artwork. */
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:28px;min-height:auto;padding-block:56px}.hero h1{font-size:clamp(36px,6.2vw,56px)}.hero-art{width:min(100%,520px);justify-self:center}.hero .eyebrow{margin-bottom:22px}.header-inner{gap:18px;flex-wrap:wrap;padding-block:18px;min-height:84px}.header-contact{margin-left:auto}nav{order:3;width:100%;justify-content:center;margin:0;gap:32px}.cards{gap:18px}.card{padding:26px;min-height:340px}.card-copy{max-width:100%}.card h3{font-size:28px}.section{padding-block:72px}.footer{flex-wrap:wrap}}
@media(max-width:560px){:root{--gutter:24px}.logo{font-size:20px}.hero-grid{padding-block:44px 24px;gap:12px}.hero h1{font-size:clamp(30px,8.4vw,44px);line-height:1.25;letter-spacing:-.04em}.hero-description{font-size:19px;margin-top:20px;margin-bottom:26px;line-height:1.7}.eyebrow{font-size:10px;margin-bottom:20px}.button{font-size:16px;min-height:50px;padding:12px 22px}.header-contact{font-size:13px;min-height:42px;padding:9px 16px;gap:12px}nav a{font-size:14px}.cards{grid-template-columns:1fr;margin-top:28px}.card{min-height:310px;padding:28px}.body-copy{font-size:18px}.desktop-break{display:none}.footer{gap:14px;align-items:flex-start;flex-direction:column}.footer small{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* ===== 딥로직 실제 내용 추가분 (2026-10-27, 시안3 내용 합침) — 코덱스 디자인 토큰만 사용 ===== */
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.text-link{font-weight:600;font-size:16px;padding:10px 0}
.text-link:hover{color:var(--blue)}
.hero-art picture{display:block}
.hero-art picture img{width:100%}
.lead{font-size:18px;line-height:1.75;color:var(--muted);margin-top:18px;max-width:640px}
.svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
.svc article{background:#fff;border:1px solid #e3ebf5;border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:10px;min-width:0}
.svc h3{font-size:22px;font-weight:700;letter-spacing:-.025em;line-height:1.35}
.svc p{font-size:16px;color:var(--muted);line-height:1.7}
.svc .price{margin-top:auto;padding-top:8px;color:var(--ink);font-weight:700;font-size:16px}
.svc .price small{font-weight:500;color:var(--muted);font-size:14px;margin-left:4px}
.why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}
.why div{background:#f5f8fc;border-radius:24px;padding:28px;min-width:0}
.why b{display:block;font-size:19px;font-weight:700;letter-spacing:-.025em;margin-bottom:10px;line-height:1.4}
.why span{display:block;color:var(--muted);font-size:16px;line-height:1.7}
.works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}
.work{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e3ebf5;border-radius:24px;padding:36px;transition:border-color .2s;min-width:0}
.work:hover{border-color:var(--blue)}
.work h3{font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.25}
.work p{font-size:17px;color:var(--muted);line-height:1.7}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.tags span{font-size:13px;color:#465c75;background:#eef4fd;border-radius:999px;padding:5px 12px}
.work .go{margin-top:10px;color:var(--blue);font-weight:600;font-size:15px}
.steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:step}
.steps li{border-top:2px solid var(--ink);padding-top:20px;color:var(--muted);font-size:16px;line-height:1.7;min-width:0}
.steps li::before{counter-increment:step;content:"0" counter(step);display:block;color:var(--blue);font-size:14px;font-weight:700;margin-bottom:10px}
.steps b{display:block;color:var(--ink);font-size:20px;font-weight:700;letter-spacing:-.025em;margin-bottom:6px}
.faq{margin-top:32px;max-width:840px}
.faq details{border-bottom:1px solid #e3ebf5;padding:22px 0}
.faq details:first-child{border-top:1px solid #e3ebf5}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-size:18px;font-weight:650;letter-spacing:-.02em;line-height:1.5}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--blue);font-weight:400;font-size:22px;line-height:1.1}
.faq details[open] summary::after{content:"−"}
.faq summary:focus-visible{outline:3px solid #164ae5;outline-offset:6px}
.faq p{margin-top:12px;color:var(--muted);font-size:16px;line-height:1.75}
.contact-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px;max-width:760px}
.contact-lines a{display:flex;flex-direction:column;gap:6px;border:1px solid #d9e4f3;border-radius:20px;padding:22px 26px;background:#f7faff;min-width:0;transition:border-color .2s}
.contact-lines a:hover{border-color:var(--blue)}
.contact-lines span{font-size:13px;color:#667f9f;font-weight:600;letter-spacing:.08em}
.contact-lines b{font-size:20px;font-weight:650;letter-spacing:-.01em;overflow-wrap:anywhere}
.footer{flex-wrap:wrap;align-items:flex-start}
.footer .biz{flex-basis:100%;display:grid;gap:4px;font-size:13px;color:var(--muted);line-height:1.8}
.footer .biz a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1024px){.why{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.svc{grid-template-columns:repeat(2,minmax(0,1fr))}.works{grid-template-columns:1fr}.work{padding:28px}.work h3{font-size:26px}}
@media(max-width:560px){.svc,.why,.steps,.contact-lines{grid-template-columns:1fr}.svc article,.why div{padding:24px}.lead{font-size:17px}.faq summary{font-size:17px}.contact-lines b{font-size:18px}}
@media(prefers-reduced-motion:reduce){.work,.contact-lines a{transition:none}}

/* ===== 2026-10-27 대표님 요청: 행간·자간 조정 ===== */
body{line-height:1.75;letter-spacing:-.01em}
.hero h1{line-height:1.24;letter-spacing:-.04em}
.hero-description{line-height:1.7;letter-spacing:-.02em}
h2{line-height:1.34;letter-spacing:-.032em}
.eyebrow{letter-spacing:.2em}
.lead{line-height:1.8;letter-spacing:-.012em}
.body-copy{line-height:1.8;letter-spacing:-.012em}
.svc h3,.why b,.steps b{letter-spacing:-.03em;line-height:1.4}
.svc p,.why span,.steps li,.faq p{line-height:1.8}
.card h3{letter-spacing:-.02em}
.faq summary{letter-spacing:-.025em;line-height:1.55}
.footer .biz{line-height:1.85}

/* ===== 스크롤 모션 (JS가 켜졌을 때만 숨겼다 보여 줌 → JS 없어도 내용은 다 보임) ===== */
:root{--ease:cubic-bezier(.2,.7,.2,1)}
.hero{overflow:clip}
.hero-art{position:relative}
.d-float{position:relative}
.sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);background-size:260% 100%;background-position:130% 0;mix-blend-mode:soft-light}
.steps li{position:relative}
.steps li::after{content:"";position:absolute;left:0;top:-2px;height:2px;width:100%;background:var(--blue);transform-origin:left;transform:scaleX(0)}
.steps li.in::after{transform:scaleX(1);transition:transform 1s var(--ease) calc(.15s + var(--i,0) * 180ms)}
.anim [data-reveal]{opacity:0;transform:translateY(30px);filter:blur(6px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);transition-delay:calc(var(--i,0) * 110ms)}
.anim [data-reveal].in{opacity:1;transform:none;filter:none}
.anim .hero-art{opacity:0;transform:scale(.92) translateY(20px);filter:blur(12px);transition:opacity 1.4s var(--ease) .25s,transform 1.4s var(--ease) .25s,filter 1.4s var(--ease) .25s}
.anim .hero.in .hero-art{opacity:1;transform:none;filter:none}
.anim .hero.in .d-float{animation:dfloat 7s ease-in-out 1.7s infinite}
.anim .hero.in .sheen{animation:sheen 6s ease-in-out 2s infinite}
.anim .card.in .cube-art i,.anim .card.in .panel-art i{animation:layer 6s ease-in-out infinite}
.anim .card.in .cube-art i:nth-child(2),.anim .card.in .panel-art i:nth-child(2){animation-delay:-2s}
.anim .card.in .cube-art i:nth-child(3),.anim .card.in .panel-art i:nth-child(3){animation-delay:-4s}
.anim .card .cube-art,.anim .card .panel-art{opacity:0;transform:translate(30px,30px);transition:opacity 1.1s var(--ease) .35s,transform 1.1s var(--ease) .35s}
.anim .card.in .cube-art,.anim .card.in .panel-art{opacity:1;transform:none}
.svc article,.why div{transition:box-shadow .35s var(--ease),border-color .35s}
.svc article:hover{border-color:#bcd2f5;box-shadow:0 22px 40px -30px rgba(6,77,255,.45)}
@keyframes dfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes sheen{0%,55%{background-position:130% 0}100%{background-position:-60% 0}}
@keyframes layer{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(prefers-reduced-motion:reduce){
  .anim [data-reveal],.anim .hero-art,.anim .card .cube-art,.anim .card .panel-art{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .anim .d-float,.anim .sheen,.anim .cube-art i,.anim .panel-art i{animation:none!important}
  .steps li::after{transform:scaleX(1)!important;transition:none!important}
  .svc article,.why div{transition:none}
}
.hero-art img,.hero-art picture img{mix-blend-mode:normal}

/* ===== 2026-10-27 첫 화면: 그림 가로 전체(최대 1440px) + 문구는 그림 위 왼쪽 ===== */
.hero{background:#fff;overflow:clip}
.hero-stage{position:relative;max-width:1440px;margin:0 auto}
.hero-media{position:relative;overflow:hidden}
.hero-media img{display:block;width:100%;height:auto;mix-blend-mode:normal}
.hero-media .sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%);background-size:260% 100%;background-position:130% 0;mix-blend-mode:soft-light}
.hero-overlay{position:absolute;inset:0;display:flex;align-items:center}
.hero-overlay .hero-copy{max-width:min(46%,560px)}
.hero-overlay .eyebrow{margin-bottom:24px}
.anim .hero-media img{transform:scale(1.07);filter:blur(10px);opacity:0;transition:transform 2.2s var(--ease),filter 1.4s var(--ease),opacity 1.2s var(--ease)}
.anim .hero.in .hero-media img{transform:scale(1);filter:none;opacity:1}
.anim .hero.in .hero-media .sheen{animation:sheen 6s ease-in-out 2.2s infinite}
@media(max-width:900px){
  .hero-stage{display:flex;flex-direction:column-reverse}
  .hero-overlay{position:static;padding-block:48px 8px}
  .hero-overlay .hero-copy{max-width:100%}
  .hero-media{width:min(100%,560px);margin:0 auto}
}
@media(prefers-reduced-motion:reduce){.anim .hero-media img{transform:none!important;filter:none!important;opacity:1!important;transition:none!important}.anim .hero-media .sheen{animation:none!important}}

/* ===== AI·PLATFORM 카드: 그림이 카드 전체를 채움 (대표님 시안) ===== */
.card{aspect-ratio:435/317;min-height:0;background:#eef4fd;padding:36px}
.card-bg{position:absolute;inset:0;display:block}
.card-bg img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}
.card-copy{position:relative;z-index:2;max-width:45%}
.anim .card .card-bg img{opacity:0;transform:scale(1.08);transition:opacity 1.2s var(--ease) .2s,transform 1.6s var(--ease) .2s}
.anim .card.in .card-bg img{opacity:1;transform:scale(1)}
.anim .card.in .card-bg{animation:breathe 9s ease-in-out 1.8s infinite}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@media(max-width:900px){.card{padding:26px}.card-copy{max-width:50%}}
@media(max-width:560px){.card{padding:22px}.card h3{font-size:24px;margin-top:8px;margin-bottom:6px}.card p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.anim .card .card-bg img{opacity:1!important;transform:none!important;transition:none!important}.anim .card .card-bg{animation:none!important}}

/* ===== 2026-10-28 시안 그림 한 장 통째로 (원본 크기·가운데, 늘리기·자르기 없음) + 빈 자리에 글자 ===== */
.sheet-wrap{background:#fff;padding-block:24px 40px;overflow:clip}
.sheet{position:relative;width:min(1024px,100%);margin:0 auto;container-type:inline-size}
.sheet-img,.sheet-img img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;background:transparent}
.sheet-sheen{position:absolute;left:0;right:0;top:0;height:55.9%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%);background-size:260% 100%;background-position:130% 0;mix-blend-mode:soft-light}
.sheet-hero{position:absolute;left:6%;top:11%;width:44%}
.sheet-hero .eyebrow{margin-bottom:3cqw;font-size:max(11px,1.15cqw)}
.sheet-hero h1{font-size:5.4cqw;font-weight:780;line-height:1.24;letter-spacing:-.04em}
.sheet-hero h1 span{display:block}
.sheet-hero .hero-description{font-size:max(15px,2.1cqw);line-height:1.7;margin:2.6cqw 0 3.2cqw;letter-spacing:-.02em}
.sheet-focus{position:absolute;left:4.6%;top:59.2%;width:80%}
.sheet-focus .eyebrow{margin-bottom:1.2cqw;font-size:max(11px,1.15cqw)}
.sheet-focus h2{font-size:3.8cqw;line-height:1.3}
.sheet-card{position:absolute;top:72.3%;width:20%}
.sheet-card-ai{left:7.6%}
.sheet-card-pf{left:54%}
.sheet-card .number{font-size:max(11px,1.3cqw);color:#748aab}
.sheet-card h3{font-size:3.1cqw;font-weight:680;letter-spacing:-.02em;line-height:1.25;margin:1cqw 0 .8cqw}
.sheet-card p{font-size:max(12px,1.6cqw);color:#465c75;line-height:1.6}
.anim .sheet-img{opacity:0;transform:translateY(24px) scale(.985);filter:blur(8px);transition:opacity 1.3s var(--ease),transform 1.6s var(--ease),filter 1.3s var(--ease)}
.anim .sheet.in .sheet-img{opacity:1;transform:none;filter:none}
.anim .sheet.in .sheet-sheen{animation:sheen 6s ease-in-out 2s infinite}
@media(max-width:700px){
  .sheet{display:flex;flex-direction:column;width:100%}
  .sheet-hero,.sheet-focus,.sheet-card{position:static;width:auto;padding-inline:24px}
  .sheet-hero{order:-2;padding-block:28px 24px}
  .sheet-hero h1{font-size:clamp(30px,8.4vw,40px)}
  .sheet-hero .hero-description{font-size:17px;margin:18px 0 24px}
  .sheet-hero .eyebrow{margin-bottom:16px}
  .sheet-img{order:-1}
  .sheet-sheen{display:none}
  .sheet-focus{padding-top:28px}
  .sheet-focus h2{font-size:26px}
  .sheet-card{display:inline-block;padding-top:14px}
  .sheet-card h3{font-size:22px;margin:4px 0}
  .sheet-card p{font-size:15px}
}

/* ===== 2026-10-28 제일 밑 부분 새로 (견적문의 + 회사 정보) ===== */
.end{position:relative;background:#070e1c;color:#fff;overflow:hidden;padding-top:120px}
.end-glow{position:absolute;right:-18%;top:-55%;width:85%;aspect-ratio:1;border-radius:50%;border-top:2px solid rgba(90,140,255,.55);box-shadow:inset -40px 40px 140px rgba(40,90,255,.35);pointer-events:none}
.end-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 64px;align-items:end}
.end .eyebrow{color:#8fb0ff;margin-bottom:22px}
.end h2{color:#fff;font-size:clamp(36px,5vw,64px);line-height:1.18;letter-spacing:-.04em}
.end-copy{margin-top:22px;color:#b6c2d9;font-size:19px;line-height:1.8}
.end-actions{display:grid;gap:14px}
.end-btn{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;padding:24px 28px;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);transition:background .3s,border-color .3s,transform .3s var(--ease)}
.end-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.35);transform:translateY(-2px)}
.end-btn.primary{background:var(--blue);border-color:var(--blue)}
.end-btn.primary:hover{background:#003cd0}
.end-btn .label{grid-column:1;font-size:13px;letter-spacing:.06em;color:rgba(255,255,255,.75)}
.end-btn b{grid-column:1;font-size:clamp(19px,2vw,24px);font-weight:650;letter-spacing:-.01em;overflow-wrap:anywhere}
.end-btn .arrow{grid-column:2;grid-row:1/3;font-size:22px;transition:transform .3s var(--ease)}
.end-btn:hover .arrow{transform:translateX(4px)}
.end-flow{grid-column:1/-1;list-style:none;margin:24px 0 0;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;color:#d5ddec;font-size:16px}
.end-flow b{display:block;color:#8fb0ff;font-size:13px;font-weight:600;letter-spacing:.1em;margin-bottom:6px}
.end-foot{position:relative;margin-top:96px;padding-block:40px 48px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:28px}
.foot-top{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.end-foot .logo{font-size:20px;color:#fff}
.foot-top p{color:#8f9bb2;font-size:14px}
.foot-top nav{margin-left:auto;display:flex;gap:24px}
.foot-top nav a{color:#c6cfdf;font-size:14px;padding:6px 0}
.foot-top nav a:hover{color:#fff}
.biz-grid{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 32px}
.biz-grid div{min-width:0}
.biz-grid dt{font-size:12px;color:#6f7c95;letter-spacing:.04em;margin-bottom:4px}
.biz-grid dd{margin:0;font-size:14px;color:#c6cfdf;line-height:1.6;overflow-wrap:anywhere}
.biz-grid a{text-decoration:underline;text-underline-offset:3px}
.end-foot small{color:#6f7c95;font-size:12px}
.end a:focus-visible{outline-color:#8fb0ff}
@media(max-width:900px){.end{padding-top:88px}.end-inner{grid-template-columns:1fr}.biz-grid{grid-template-columns:1fr 1fr}.foot-top nav{margin-left:0;width:100%}}
@media(max-width:560px){.end-flow{grid-template-columns:1fr 1fr;row-gap:20px}.biz-grid{grid-template-columns:1fr}.end-btn{padding:20px 22px}.end-copy{font-size:17px}.end-foot{margin-top:64px}}
@media(prefers-reduced-motion:reduce){.anim .sheet-img{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.anim .sheet-sheen{animation:none!important}.end-btn,.end-btn .arrow{transition:none}}

/* ===== 2026-10-28 견적문의 다시: 배경 그대로, 가운데 정렬 / 회사 정보는 별도 칸 ===== */
.end{padding-block:150px 160px}
.end-center{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.end-center .eyebrow{margin-bottom:22px}
.end-center h2{font-size:clamp(40px,6vw,76px);line-height:1.14;letter-spacing:-.045em}
.end-center .end-copy{margin-top:26px;font-size:clamp(17px,1.6vw,20px);line-height:1.8;color:#b6c2d9}
.end-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:44px}
.pill{display:inline-flex;align-items:center;gap:10px;min-height:58px;padding:16px 30px;border-radius:999px;font-size:17px;font-weight:650;letter-spacing:-.01em;transition:transform .3s var(--ease),background .3s,border-color .3s,box-shadow .3s}
.pill-solid{background:#fff;color:#070e1c}
.pill-solid:hover{transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(80,130,255,.7)}
.pill-line{border:1px solid rgba(255,255,255,.35);color:#fff}
.pill-line:hover{border-color:#fff;background:rgba(255,255,255,.06);transform:translateY(-2px)}
.end-mail{margin-top:22px;font-size:14px;color:#7f8ba3;letter-spacing:.01em}
.end-glow{animation:glow 14s ease-in-out infinite}
@keyframes glow{0%,100%{transform:rotate(0deg) scale(1);opacity:.9}50%{transform:rotate(8deg) scale(1.05);opacity:1}}
.site-foot{background:#f5f8fc;border-top:1px solid #e3ebf5;padding-block:56px 48px}
.site-foot .container{display:grid;gap:30px}
.site-foot .foot-top{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.site-foot .logo{font-size:20px;color:var(--ink)}
.site-foot .foot-top p{color:var(--muted);font-size:14px}
.site-foot .foot-top nav{margin-left:auto;display:flex;gap:24px}
.site-foot .foot-top nav a{color:#3d4a5c;font-size:14px;padding:6px 0}
.site-foot .foot-top nav a:hover{color:var(--blue)}
.site-foot .biz-grid{margin:0;padding-top:28px;border-top:1px solid #e3ebf5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 32px}
.site-foot .biz-grid dt{font-size:12px;color:#8693a6;letter-spacing:.04em;margin-bottom:4px}
.site-foot .biz-grid dd{margin:0;font-size:14px;color:#3d4a5c;line-height:1.6;overflow-wrap:anywhere}
.site-foot .biz-grid a{text-decoration:underline;text-underline-offset:3px}
.site-foot small{color:#8693a6;font-size:12px}
@media(max-width:900px){.end{padding-block:110px 120px}.site-foot .biz-grid{grid-template-columns:1fr 1fr}.site-foot .foot-top nav{margin-left:0;width:100%}}
@media(max-width:560px){.end-pills{flex-direction:column;align-items:stretch;width:100%}.pill{justify-content:center}.site-foot .biz-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.end-glow{animation:none}.pill{transition:none}}
.site-foot .foot-top nav{justify-content:flex-start;order:0}

/* ===== 2026-10-28 제일 밑: 대표님 선택 구도 (시안3 방식) ===== */
.end2{position:relative;background:#070e1c;color:#fff;overflow:hidden;padding-block:100px 44px}
.end2-glow{position:absolute;right:-22%;top:-40%;width:80%;aspect-ratio:1;border-radius:50%;border-top:2px solid rgba(80,130,255,.55);box-shadow:inset -40px 30px 120px 10px rgba(40,90,255,.4);pointer-events:none;animation:glow 14s ease-in-out infinite}
.end2-inner{position:relative}
.end2-row{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.end2 h2{color:#fff;font-size:clamp(30px,4.6vw,58px);line-height:1.2;letter-spacing:-.045em;margin:0}
.end2-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#0b0d12;padding:16px 30px;border-radius:999px;font-weight:700;font-size:17px;white-space:nowrap;transition:transform .3s var(--ease),box-shadow .3s}
.end2-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(80,130,255,.75)}
.end2-contact{margin-top:44px;color:#c4cad6;font-size:16px;line-height:1.8}
.end2-contact a{color:#fff;text-decoration:underline;text-underline-offset:4px}
.end2-foot{position:relative;margin-top:72px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);color:#8b93a3;font-size:13px;line-height:1.9}
.end2-foot p{margin:0}
.end2-foot b{color:#fff;font-size:16px;letter-spacing:.06em;margin-right:14px}
.end2-foot a{color:#c4cad6;text-decoration:underline;text-underline-offset:3px}
.end2 a:focus-visible{outline-color:#8fb0ff}
@media(max-width:560px){.end2{padding-block:72px 36px}.end2-btn{width:100%;justify-content:center}.end2-contact{margin-top:32px;font-size:15px}.end2-foot b{display:block;margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){.end2-glow{animation:none}.end2-btn{transition:none}}