/* v21 */

/* ── Problem wall: soft, breathing light leaks (no outlines, no hard glow) ── */
#wallglow{filter:blur(.4px) drop-shadow(0 0 6px rgba(253,69,51,.55))!important}

/* ── Your Start deck: calm, precise easing; the leaving card glides out ── */
.situation-card{transition:transform .95s cubic-bezier(.22,1,.36,1),opacity .6s ease,filter .6s ease!important}
.situation-card.is-leaving{filter:none!important}
.situation-card.is-leaving-back{}
.deck-autobar{height:1px;background:rgba(255,255,255,.14)}

/* ── Compare table: no rounded box ── */
.cmp-plain{background:none;border:0;padding:0}
.cmp-plain .cmp-wrap{border:0;border-radius:0;background:none}

/* ── Keyword blocks: a real room to fall into; clean, flat blocks with soft contact shadows ── */
.physics-block{background:linear-gradient(180deg,rgba(8,8,9,.55),rgba(8,8,9,0) 40%),url(img/gen/stage-room.jpg) 50% 72%/cover no-repeat!important;border-color:rgba(255,255,255,.1)!important}
.physics-world{background:none!important;height:420px!important}
.physics-world::before{display:none!important}
.physics-tag{border-radius:10px!important;letter-spacing:-.01em}
.physics-tag.t-white{box-shadow:inset 0 1px 0 #fff,0 16px 28px -14px rgba(0,0,0,.9)!important}
.physics-tag.t-key{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 16px 28px -14px rgba(0,0,0,.9),0 0 30px -10px rgba(253,69,51,.55)!important}
.physics-tag.t-line{background:rgba(14,14,16,.82)!important;border:1.5px solid rgba(255,255,255,.85)!important;box-shadow:0 16px 28px -14px rgba(0,0,0,.9)!important;backdrop-filter:blur(6px)!important}
.physics-help{border-top-color:rgba(255,255,255,.08)!important;background:rgba(8,8,9,.5)}

/* ── Brand story (Brick + On): one column, no profile table (the footer carries company info) ── */
.about2.about2-solo{display:block!important;max-width:1100px}
.about2-solo .k{max-width:30em}
.about2-solo .m{max-width:46em}

/* ── Mission → Vision: one tall photograph behind both cards, so the crack runs continuously ── */
#values .mv.mv-v19{position:relative;border-radius:28px;overflow:hidden;isolation:isolate;
 background:#060607 url(img/gen/mv-tall.jpg) 50% 50%/cover no-repeat;border:1px solid rgba(255,255,255,.1);box-shadow:0 60px 120px -60px #000}
.mv-v19 .mv-card,.mv-v19 .mv-card.mv-alt{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.mv-v19 .mv-card.mv-alt{border-top:1px solid rgba(255,255,255,.08)!important}
.mv-v19 .mv-bg{display:none!important}
.mv-v19 .mv-card::after,.mv-v19 .mv-card:first-child::after,.mv-v19 .mv-alt::after{background:linear-gradient(90deg,rgba(5,5,6,.9) 0%,rgba(5,5,6,.62) 38%,rgba(5,5,6,0) 62%)!important}
.mv-word{display:none!important}
@media (max-width:820px){#values .mv.mv-v19{border-radius:22px;background-position:72% 50%}.mv-v19 .mv-card::after,.mv-v19 .mv-alt::after{background:linear-gradient(90deg,rgba(5,5,6,.9),rgba(5,5,6,.45))!important}}

/* ── Floating dock: AI Biz · 소개서 · 맨 위로 ── */
.fdock{position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(16px,3vh,32px);z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:10px;
 opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.fdock.show{opacity:1;transform:none;pointer-events:auto}
.fd-btn,.fd-ai{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;min-width:48px;padding:0 18px;border-radius:999px;
 font:600 14px Pretendard,sans-serif;color:#fff;cursor:pointer;white-space:nowrap;
 background:linear-gradient(150deg,rgba(40,40,44,.82),rgba(18,18,20,.86));border:1px solid rgba(255,255,255,.16);
 backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 30px -14px rgba(0,0,0,.9);
 transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s,border-color .3s}
.fd-btn:hover,.fd-ai:hover,.fd-btn[aria-expanded="true"]{transform:translateY(-2px);border-color:rgba(255,255,255,.4)}
.fd-ai{background:#fd4533;border-color:#fd4533;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 14px 34px -12px rgba(253,69,51,.7)}
.fd-ai span{font-size:15px}
.fd-ai small{font:700 10px Poppins,sans-serif;letter-spacing:.08em;opacity:.85}
.fd-top{width:48px;padding:0;font-size:18px}
.fd-docs{position:relative}
.fd-btn svg{width:18px;height:18px}
.fd-menu{position:absolute;right:calc(100% + 10px);bottom:0;min-width:220px;padding:8px;border-radius:16px;
 background:rgba(18,18,20,.94);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);box-shadow:0 30px 60px -20px #000;
 opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1)}
.fd-docs.open .fd-menu{opacity:1;transform:none;pointer-events:auto}
.fd-menu p{font:600 11px Poppins,sans-serif;letter-spacing:.1em;color:#fd4533;margin:6px 10px 6px}
.fd-menu a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 12px;border-radius:10px;font-size:14px;color:#e8e8ec}
.fd-menu a:hover{background:rgba(255,255,255,.07);color:#fff}
.fd-menu a span{font-size:12px;color:#9a9aa2}
@media (max-width:820px){.fdock{bottom:84px;right:12px;gap:8px}.fd-btn,.fd-ai{height:42px;min-width:42px;padding:0 14px;font-size:13px}.fd-top{width:42px}.fd-label{display:none}}