:root{
  --red:#e60012;
  --red-dark:#c80010;
  --ink:#111318;
  --muted:#70757e;
  --line:#e7e9ed;
  --soft:#f6f7f9;
  --white:#fff;
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,"Pretendard","Noto Sans KR",Arial,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(36px,calc((100vw - var(--max))/2));position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);z-index:50;border-bottom:1px solid rgba(0,0,0,.05)}
.brand img{width:178px;height:auto}
.main-nav{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:700}
.main-nav a{position:relative;padding:31px 0}
.main-nav a:not(.nav-contact)::after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:var(--red);transition:.25s}
.main-nav a:hover::after{right:0}
.nav-contact{background:var(--red);color:#fff;padding:12px 19px!important;border-radius:999px}
.nav-toggle{display:none;border:0;background:none;font-size:28px}
.hero{min-height:720px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;max-width:var(--max);margin:auto;padding:80px 0 90px}
.eyebrow,.section-kicker{font-weight:900;letter-spacing:.16em;font-size:12px;color:var(--red)}
.hero h1{font-size:clamp(48px,5.2vw,78px);line-height:1.08;letter-spacing:-.055em;margin:18px 0 24px}
.hero h1 span{color:var(--red)}
.hero-copy{font-size:18px;color:#5d626b;line-height:1.8}
.hero-actions{display:flex;gap:12px;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:8px;font-weight:800}
.btn.primary{background:var(--red);color:#fff}
.btn.secondary{border:1px solid #d9dde3;background:#fff}
.hero-visual{height:520px;position:relative;overflow:hidden}
.hero-k{position:absolute;right:18%;top:7%;font-size:370px;line-height:1;font-weight:1000;color:var(--red);letter-spacing:-.1em}
.orbit{position:absolute;border:5px solid var(--red);border-radius:50%;transform:rotate(-18deg);opacity:.9}
.orbit-a{width:520px;height:155px;right:0;top:180px}
.orbit-b{width:400px;height:105px;right:35px;top:205px;border-width:2px}
.pixel{position:absolute;background:var(--red)}
.p1{width:26px;height:26px;right:65px;top:100px}.p2{width:13px;height:13px;right:35px;top:135px}.p3{width:9px;height:9px;right:85px;top:145px}
.section{max-width:var(--max);margin:auto;padding:120px 0}
.section-head{max-width:760px;margin-bottom:48px}
.section-head h2{font-size:48px;letter-spacing:-.045em;line-height:1.2;margin:9px 0 14px}
.section-head>p:last-child{color:var(--muted);line-height:1.75}
.company{border-top:1px solid var(--line)}
.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.company-copy{font-size:20px;line-height:1.85;color:#42464d}
.numbers{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.numbers div{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.numbers strong{display:block;color:var(--red);font-size:32px;margin-bottom:8px}.numbers span{color:#666}
.business{background:var(--soft);max-width:none;padding-left:max(36px,calc((100vw - var(--max))/2));padding-right:max(36px,calc((100vw - var(--max))/2))}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e0e3e8;border:1px solid #e0e3e8}
.service-grid article{background:#fff;padding:34px;min-height:220px;transition:.25s}
.service-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(0,0,0,.08);position:relative;z-index:2}
.service-grid span{font-size:12px;color:var(--red);font-weight:900}.service-grid h3{font-size:24px;margin:42px 0 12px}.service-grid p{color:#727780;line-height:1.65}
.portfolio-head{max-width:none;display:flex;justify-content:space-between;align-items:end}
.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:800;font-size:12px;cursor:pointer}
.filters button.active{background:var(--red);border-color:var(--red);color:#fff}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.portfolio-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;transition:.28s}
.portfolio-card:hover{transform:translateY(-7px);box-shadow:0 24px 70px rgba(17,19,24,.11);border-color:#ddd}
.thumb{aspect-ratio:1.6;background:#f3f4f6;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}
.portfolio-card:hover .thumb img{transform:scale(1.025)}
.meta{padding:20px 22px 23px;position:relative}.meta span{font-size:11px;color:var(--red);font-weight:900;letter-spacing:.12em}.meta h3{margin:7px 42px 0 0;font-size:19px}.meta i{font-style:normal;position:absolute;right:20px;bottom:22px;color:#c6c9cf;font-weight:900}
.portfolio-card.hide{display:none}
.process{border-top:1px solid var(--line)}
.process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.process-row>div{border-top:3px solid var(--red);padding:24px 10px 10px}.process-row b{color:var(--red)}.process-row h3{font-size:21px}.process-row p{color:#767b84;line-height:1.65}
.contact{background:var(--red);color:#fff;min-height:500px;position:relative;overflow:hidden}
.contact-inner{max-width:var(--max);margin:auto;padding:100px 0;position:relative;z-index:2}
.section-kicker.light{color:#fff;opacity:.8}.contact h2{font-size:58px;line-height:1.1;letter-spacing:-.05em;margin:16px 0}.contact p{opacity:.85}.light-btn{margin-top:26px;background:#fff;color:var(--red)}
.contact-mark{position:absolute;right:-40px;bottom:-95px;font-size:260px;font-weight:1000;opacity:.10;letter-spacing:-.08em}
footer{max-width:var(--max);margin:auto;padding:38px 0 48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;color:#777;font-size:12px}
footer img{width:145px}footer p{letter-spacing:.12em;font-weight:800}
@media(max-width:900px){
 .site-header{padding:0 20px}.main-nav{display:none;position:absolute;top:86px;left:0;right:0;background:#fff;padding:12px 20px 24px;flex-direction:column;align-items:flex-start;gap:0;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:13px 0}.nav-toggle{display:block}
 .hero{grid-template-columns:1fr;padding:70px 24px}.hero-visual{height:300px}.hero-k{font-size:230px;right:28%}.orbit-a{width:360px;top:105px}.orbit-b{width:290px;top:128px}
 .section{padding:85px 24px}.business{padding-left:24px;padding-right:24px}.company-grid{grid-template-columns:1fr;gap:40px}.service-grid{grid-template-columns:1fr 1fr}.portfolio-head{display:block}.filters{margin-top:25px}.portfolio-grid{grid-template-columns:1fr 1fr}.process-row{grid-template-columns:1fr 1fr}.contact-inner{padding:80px 24px}.contact h2{font-size:44px}footer{padding:30px 24px;grid-template-columns:1fr}
}
@media(max-width:560px){
 .brand img{width:145px}.hero h1{font-size:43px}.hero-copy br{display:none}.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{display:none}
 .section-head h2{font-size:36px}.service-grid,.portfolio-grid,.process-row,.numbers{grid-template-columns:1fr}.portfolio-card{border-radius:14px}.contact h2{font-size:38px}
}

/* ===== KAST v0.2 multi-page additions ===== */
.site-header .brand img{max-height:56px;width:auto}
.site-footer{max-width:1280px;margin:auto;padding:34px 0 42px;display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;border-top:1px solid var(--line);font-size:12px;color:#777}
.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand img{width:170px}.footer-brand p{font-weight:800;letter-spacing:.08em}.footer-links{display:flex;gap:20px}
.main-nav{gap:21px;font-size:13px}
.main-nav a{padding:33px 0}
.hero-v2{min-height:690px}.ci-visual{background:linear-gradient(135deg,#fff 30%,#fff5f5);border-radius:34px}
.tech-grid{position:absolute;inset:0;background-image:linear-gradient(#e6001210 1px,transparent 1px),linear-gradient(90deg,#e6001210 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(135deg,transparent,#000)}
.orb{position:absolute;width:320px;height:320px;border:1px solid #e6001250;border-radius:50%;right:80px;top:90px;box-shadow:0 0 100px #e600121c inset}
.ci-mark{position:absolute;right:50px;bottom:100px;font-size:120px;font-weight:1000;letter-spacing:-.09em;color:var(--red)}
.signal{position:absolute;border:2px solid var(--red);border-radius:50%;right:70px;top:90px}.s1{width:330px;height:330px}.s2{width:245px;height:245px;right:112px;top:132px}.s3{width:150px;height:150px;right:160px;top:178px}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-grid a{padding:30px;border:1px solid var(--line);border-radius:18px;transition:.25s}.quick-grid a:hover{border-color:#f1a1a7;transform:translateY(-4px);box-shadow:0 18px 50px #1111}.quick-grid b{color:var(--red);font-size:12px}.quick-grid h3{font-size:22px;margin:28px 0 8px}.quick-grid p{color:var(--muted)}
.band{overflow:hidden;background:var(--red);color:#fff}.band>div{max-width:1280px;margin:auto;display:flex;gap:46px;padding:20px 0;font-weight:900;letter-spacing:.08em;font-size:13px;white-space:nowrap}
.split-head{max-width:none;display:flex;align-items:end;justify-content:space-between}.text-link{color:var(--red);font-weight:800}
.portfolio-grid.compact{grid-template-columns:repeat(3,1fr)}
.current-projects{border-top:1px solid var(--line)}.project-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-preview-grid.five{grid-template-columns:repeat(5,1fr)}
.c2c-card{background:linear-gradient(145deg,#101114,#252932);color:#fff;border-radius:18px;padding:28px;min-height:190px;position:relative;overflow:hidden}.c2c-card:after{content:"";position:absolute;width:150px;height:150px;border:1px solid #ffffff18;border-radius:50%;right:-30px;bottom:-50px}.c2c-label{font-size:11px;color:#fff8;letter-spacing:.15em;text-transform:uppercase}.c2c-card h3{font-size:24px;margin:36px 0 8px}.c2c-card p{color:#d2d4d8}.mini-progress{height:4px;background:#ffffff22;border-radius:10px;margin-top:24px}.mini-progress i{display:block;height:100%;background:#fff;border-radius:10px}
.contact-cta{max-width:1280px;margin:0 auto 100px;background:var(--red);color:#fff;border-radius:24px;padding:54px;display:flex;justify-content:space-between;align-items:center}.contact-cta h2{font-size:38px;margin:8px 0}.contact-cta p{opacity:.82}
.subpage .page-hero{max-width:1280px;margin:auto;padding:100px 0 70px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:64px;letter-spacing:-.05em;margin:10px 0}.page-hero>p:last-child{font-size:18px;color:var(--muted)}
.logo-name-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.logo-name-grid>div{border:1px solid var(--line);border-radius:15px;min-height:140px;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.logo-name-grid span{font-weight:1000;font-size:26px;color:#aeb2b9}.logo-name-grid b{font-size:15px}.charity span{font-size:20px}
.soft-section{max-width:none;background:var(--soft);padding-left:max(36px,calc((100vw - 1280px)/2));padding-right:max(36px,calc((100vw - 1280px)/2))}
.guide-image{width:100%;border:1px solid var(--line);border-radius:18px}
.dev-area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dev-area-grid article{border:1px solid var(--line);padding:26px;border-radius:16px;min-height:220px}.dev-area-grid b{color:var(--red)}.dev-area-grid h3{margin:45px 0 10px}.dev-area-grid p{color:var(--muted);line-height:1.7}
.stack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ddd;border:1px solid #ddd}.stack-grid div{background:#fff;padding:24px}.stack-grid b{display:block;font-size:19px;margin-bottom:7px}.stack-grid span{color:var(--muted)}
.portfolio-full{grid-template-columns:repeat(3,1fr)}
.project-room-card{border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 20px 60px #1111}.project-room-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.project-room-top>div>span{font-size:11px;color:var(--red);font-weight:900;letter-spacing:.12em}.project-room-top h2{font-size:34px;margin:8px 0}.dev-status{display:flex;gap:8px;align-items:center;background:#f2fff6;padding:11px 15px;border-radius:999px;font-size:12px;color:#1b7438}.dev-status i,.chat-header i{width:8px;height:8px;background:#20b857;border-radius:50%;display:inline-block}
.progress-six{display:grid;grid-template-columns:repeat(6,1fr);margin:40px 0 28px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.progress-six div{padding:18px 12px;background:#fff;border-right:1px solid var(--line);position:relative}.progress-six div:last-child{border:0}.progress-six b{display:block;color:#aaa;font-size:11px}.progress-six span{display:block;margin-top:6px;font-weight:800}.progress-six .done{background:#e9ffe6}.progress-six .active{background:#bff7b6}.progress-six .done b,.progress-six .active b{color:#258c34}
.room-actions{display:flex;align-items:center;gap:18px}.room-actions span{color:var(--muted);font-size:13px}
.info-panel{margin-top:25px;background:var(--soft);padding:26px;border-radius:16px}.info-panel p{color:var(--muted);line-height:1.7}
.modal{display:none;position:fixed;inset:0;background:#0008;z-index:100;align-items:center;justify-content:center;padding:24px}.modal.show{display:flex}.modal-box{background:#fff;width:min(620px,100%);border-radius:20px;padding:32px;position:relative;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:28px;cursor:pointer}
.modal-box label,.kast-form label{display:flex;flex-direction:column;gap:8px;font-weight:700;margin-bottom:16px}.modal-box input,.kast-form input,.kast-form textarea,.kast-form select{border:1px solid #dcdfe4;border-radius:9px;padding:13px;font:inherit}.hidden{display:none!important}
.chat-header{border-bottom:1px solid var(--line);padding-bottom:14px}.chat-header span{display:block;color:#1b7438;font-size:12px;margin-top:5px}.chat-messages{height:310px;overflow:auto;background:#f7f8fa;padding:16px;margin:16px 0;border-radius:12px}.msg{max-width:82%;margin-bottom:12px;padding:12px 14px;border-radius:12px}.msg p{margin:4px 0}.msg.dev{background:#fff}.msg.client{background:#ffecef;margin-left:auto}.chat-input{display:flex;gap:8px}.chat-input input{flex:1}.chat-input button{border:0;background:var(--red);color:#fff;border-radius:8px;padding:0 18px;font-weight:800}.filter-note{color:var(--red);font-size:12px;min-height:18px}
.kast-form{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kast-form fieldset{border:1px solid var(--line);border-radius:14px;margin:0 0 22px;padding:20px}.kast-form legend{font-weight:900;padding:0 8px}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.check-grid label{display:flex;flex-direction:row;align-items:center;margin:0;font-weight:600}.form-result{font-weight:800;color:#1b7438}
.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.jobs article{border:1px solid var(--line);border-radius:18px;padding:28px}.jobs article>span{font-size:11px;color:var(--red);font-weight:900}.jobs h3{font-size:24px;margin:38px 0 8px}.jobs p{color:var(--muted);min-height:45px}
.location-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:28px}.map-placeholder{min-height:480px;border-radius:20px;background:linear-gradient(135deg,#f3f4f7,#fff);display:grid;place-items:center;border:1px solid var(--line);text-align:center;padding:50px}.map-placeholder b{font-size:80px;color:#ddd}.contact-list{display:grid;gap:12px}.contact-list div{border:1px solid var(--line);border-radius:14px;padding:22px}.contact-list span{display:block;font-size:10px;color:var(--red);font-weight:900;letter-spacing:.1em;margin-bottom:7px}
/* Admin */
.admin-body{background:#f4f5f7;display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-side{background:#111319;color:#fff;padding:26px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:8px}.admin-side img{width:160px;background:#fff;padding:8px;border-radius:8px;margin-bottom:8px}.admin-side>b{color:#fff6;letter-spacing:.15em;margin-bottom:22px}.admin-side a{padding:12px;border-radius:8px}.admin-side a:hover{background:#ffffff10}.admin-main{padding:50px;max-width:1300px}.admin-main h1{font-size:46px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-stats div{background:#fff;border-radius:14px;padding:24px}.admin-stats b{display:block;font-size:34px;color:var(--red)}.admin-stats span{color:var(--muted)}.admin-panel{background:#fff;border-radius:16px;padding:28px;margin-top:20px}.admin-project{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;background:#f7f8fa;border-radius:12px}.admin-project span{display:block;color:var(--muted);font-size:12px}.admin-project select,.admin-project button{padding:11px;border:1px solid var(--line);border-radius:8px}.admin-project button{background:var(--red);color:#fff;font-weight:800;border-color:var(--red)}.admin-list article{border-top:1px solid var(--line);padding:15px 0}
@media(max-width:1050px){.main-nav{display:none}.nav-toggle{display:block}.main-nav.open{display:flex}.dev-area-grid{grid-template-columns:repeat(2,1fr)}.project-preview-grid.five{grid-template-columns:repeat(2,1fr)}.check-grid{grid-template-columns:repeat(2,1fr)}.jobs{grid-template-columns:1fr}.location-grid{grid-template-columns:1fr}.admin-body{grid-template-columns:1fr}.admin-side{height:auto;position:relative;flex-direction:row;overflow:auto}.admin-side img,.admin-side>b{display:none}.admin-main{padding:24px}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.quick-grid,.project-preview-grid,.portfolio-grid.compact,.portfolio-full,.logo-name-grid,.dev-area-grid,.stack-grid{grid-template-columns:1fr}.split-head,.project-room-top,.contact-cta{display:block}.contact-cta .btn{margin-top:20px}.progress-six{grid-template-columns:repeat(2,1fr)}.room-actions{align-items:flex-start;flex-direction:column}.form-grid,.check-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;padding:30px 24px}.page-hero{padding-left:24px!important;padding-right:24px!important}.page-hero h1{font-size:46px}.admin-stats{grid-template-columns:1fr}}

/* v0.3 admin login */
.admin-login-wrap{position:fixed;inset:0;background:#f3f4f7;display:grid;place-items:center;padding:24px;z-index:200}
.admin-login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 24px 70px #1112}
.admin-login-card img{width:190px;margin-bottom:20px}.admin-login-card h1{font-size:32px}.admin-login-card label{display:flex;flex-direction:column;gap:7px;margin:14px 0;font-weight:700}.admin-login-card input{padding:12px;border:1px solid var(--line);border-radius:8px}
.admin-shell{display:contents}.admin-side button{margin-top:auto;background:#fff1;color:#fff;border:1px solid #fff2;border-radius:8px;padding:11px;cursor:pointer}
.admin-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding:16px 0}.admin-row span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.stage-inline{display:flex;gap:7px}.stage-inline select,.stage-inline button{padding:9px;border:1px solid var(--line);border-radius:7px}.stage-inline button{background:var(--red);color:#fff;font-weight:800}
.dev-status.offline{background:#f3f4f5;color:#777}.dev-status.offline i{background:#999}

/* v0.3.2 - 모달/채용 팝업 스크롤바 가시성 강화 */
.modal-box{
  scrollbar-width:auto;
  scrollbar-color:#5f6670 #e2e5e9;
}
.modal-box::-webkit-scrollbar{width:13px}
.modal-box::-webkit-scrollbar-track{background:#e2e5e9;border-radius:10px}
.modal-box::-webkit-scrollbar-thumb{background:#5f6670;border-radius:10px;border:2px solid #e2e5e9}
.modal-box::-webkit-scrollbar-thumb:hover{background:#343941}

/* 관리자 포트폴리오 */
.admin-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.admin-portfolio-item{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.admin-portfolio-item img{width:100%;aspect-ratio:1.6;object-fit:cover;background:#f4f5f7}
.admin-portfolio-item>div{padding:12px 14px}
.admin-portfolio-item span{display:block;color:var(--red);font-size:11px;font-weight:900;margin-top:5px}
.admin-portfolio-actions{display:flex;gap:8px;padding-top:0!important}
.admin-portfolio-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 10px;cursor:pointer;font-weight:700}
.admin-portfolio-actions .danger{color:#c70012;border-color:#f0b9bf}
@media(max-width:900px){.admin-portfolio-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.admin-portfolio-grid{grid-template-columns:1fr}}


/* ===== v0.4 home redesign ===== */
.home-header{border-bottom:1px solid rgba(0,0,0,.06)}
.home-v4{overflow:hidden}
.hero-v4{background:linear-gradient(90deg,#d7000f 0%,#bf000d 35%,#8b000a 65%,#4b0206 100%);color:#fff}
.hero-v4-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:20px;min-height:690px;align-items:center;padding:60px 0 40px}
.hero-copy-wrap{padding:28px 0;position:relative;z-index:2}
.hero-wordmark{max-width:320px;filter:brightness(0) invert(1);margin-bottom:10px}
.hero-kicker{font-size:12px;letter-spacing:.24em;color:#fff;opacity:.84;font-weight:800}
.hero-v4 h1{font-size:clamp(52px,5vw,78px);line-height:1.04;letter-spacing:-.055em;margin:22px 0 18px}
.hero-v4 h1 span{display:inline-block}
.hero-lead{max-width:620px;font-size:22px;line-height:1.62;color:rgba(255,255,255,.88)}
.ghost-light{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff}
.hero-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;max-width:740px}
.hero-mini-stats>div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);padding:18px 16px;border-radius:16px}
.hero-mini-stats b{display:block;font-size:14px;letter-spacing:.05em}
.hero-mini-stats span{display:block;margin-top:7px;font-size:13px;line-height:1.4;color:rgba(255,255,255,.82)}
.hero-visual-v4{position:relative;min-height:580px}
.globe-wrap{position:absolute;inset:20px 0 20px 0;display:block}
.globe-bg{position:absolute;right:-40px;top:45px;width:600px;height:600px;border-radius:50%;background:
radial-gradient(circle at 30% 30%,rgba(255,120,130,.45),rgba(255,255,255,0) 25%),
radial-gradient(circle at 50% 50%,rgba(255,0,20,.25),rgba(255,255,255,0) 58%),
radial-gradient(circle at 50% 50%,rgba(255,255,255,.10),rgba(255,255,255,0) 71%);
box-shadow:0 0 120px rgba(255,0,25,.5) inset, 0 0 110px rgba(255,0,25,.18)}
.globe-ring{position:absolute;border-radius:50%;border:2px solid rgba(255,90,95,.7)}
.ring-1{right:-10px;top:58px;width:560px;height:560px}
.ring-2{right:38px;top:106px;width:480px;height:480px;border-width:1px;opacity:.7}
.globe-grid{position:absolute;right:10px;top:88px;width:520px;height:520px;border-radius:50%;
background-image:
repeating-linear-gradient(0deg, rgba(255,255,255,.28) 0, rgba(255,255,255,.28) 1px, transparent 1px, transparent 22px),
repeating-linear-gradient(90deg, rgba(255,255,255,.10) 0, rgba(255,255,255,.10) 1px, transparent 1px, transparent 22px);
mask-image:radial-gradient(circle at 50% 50%,#000 58%,transparent 77%);
opacity:.95}
.globe-contour{position:absolute;right:0;top:78px;width:540px;height:540px;border-radius:50%;
background:
radial-gradient(circle at 58% 42%, rgba(255,255,255,.9) 0 1px, transparent 2px 100%),
radial-gradient(circle at 48% 54%, rgba(255,255,255,.72) 0 1px, transparent 2px 100%),
radial-gradient(circle at 40% 40%, rgba(255,255,255,.65) 0 1px, transparent 2px 100%);
box-shadow:0 0 0 1px rgba(255,255,255,.16) inset;
opacity:.75}
.globe-light{position:absolute;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform-origin:left center}
.l1{right:80px;top:230px;width:320px;transform:rotate(-18deg)}
.l2{right:0;top:320px;width:280px;transform:rotate(9deg)}
.l3{right:120px;top:410px;width:240px;transform:rotate(-28deg)}
.hero-side-copy{position:absolute;right:6px;top:120px;display:flex;flex-direction:column;gap:12px;font-size:20px;letter-spacing:.26em;color:#fff;opacity:.82;text-align:right}
.home-head h2{font-size:54px;letter-spacing:-.05em;line-height:1.12;margin:10px 0 12px}
.home-head-side{max-width:500px}.home-head-side p{font-size:17px;line-height:1.75;color:#646a73}
.outline-link{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid #e12a34;border-radius:10px;color:var(--red);font-weight:800;margin-top:12px;background:#fff}
.services-home{padding-top:90px}
.service-showcase-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:34px}
.service-showcase-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 24px 24px;box-shadow:0 10px 34px rgba(17,19,24,.04);transition:.25s}
.service-showcase-grid article:hover{transform:translateY(-6px);box-shadow:0 24px 62px rgba(17,19,24,.09)}
.service-showcase-grid i{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff1f2;color:var(--red);font-style:normal;font-size:28px;margin-bottom:22px}
.service-showcase-grid h3{font-size:25px;line-height:1.16;margin:0 0 12px}
.service-showcase-grid p{font-size:15px;line-height:1.7;color:var(--muted)}
.feature-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.feature-project-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 36px rgba(17,19,24,.05);transition:.25s}
.feature-project-card:hover{transform:translateY(-6px);box-shadow:0 24px 62px rgba(17,19,24,.11)}
.feature-thumb{aspect-ratio:1.55;overflow:hidden;background:#f5f6f8}
.feature-thumb img{width:100%;height:100%;object-fit:cover}
.feature-meta{padding:18px 18px 22px}
.feature-meta span{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--red)}
.feature-meta h3{font-size:28px;line-height:1.12;margin:9px 0 10px}
.feature-meta p{font-size:15px;line-height:1.7;color:var(--muted)}
.process-flow-v4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.process-flow-v4 article{position:relative;padding:28px;border-top:4px solid var(--red);background:#fff;border-radius:18px;box-shadow:0 8px 28px rgba(17,19,24,.04)}
.process-flow-v4 i{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#fff3f3;color:var(--red);font-style:normal;font-weight:900}
.process-flow-v4 h3{font-size:28px;margin:18px 0 10px}
.process-flow-v4 p{font-size:15px;line-height:1.7;color:var(--muted)}
.project-highlight{padding-top:90px}
.mobile-home-showcase{max-width:1280px;margin:0 auto 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;align-items:end}
.mobile-app-frame{display:grid;place-items:center}
.mobile-app-frame:before{content:"";display:block;width:72%;height:20px;background:rgba(0,0,0,.12);filter:blur(16px);border-radius:50%;transform:translateY(28px)}
.mobile-screen{width:100%;max-width:370px;height:760px;border:9px solid #141519;border-radius:44px;background:#fff;overflow:hidden;box-shadow:0 35px 90px rgba(17,19,24,.22);position:relative}
.mobile-screen:before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:150px;height:28px;background:#0c0d10;border-radius:0 0 20px 20px;z-index:3}
.mobile-splash{background:linear-gradient(180deg,#e60012 0%,#b4000d 100%);display:flex;align-items:center;justify-content:center}
.mobile-splash img{width:240px;filter:brightness(0) invert(1);position:relative;z-index:2}
.mobile-sphere{position:absolute;left:-60px;bottom:-120px;width:420px;height:420px;border-radius:50%;
background:radial-gradient(circle at 55% 45%,rgba(255,255,255,.52),rgba(255,255,255,0) 12%),
radial-gradient(circle at 50% 50%,rgba(255,255,255,.18),rgba(255,255,255,0) 60%);
border:1px solid rgba(255,255,255,.22)}
.mobile-home-ui,.mobile-service-ui{background:#f4f5f7;padding:34px 16px 18px}
.mobile-topbar,.mobile-top-min{display:flex;align-items:center;justify-content:space-between}
.mobile-topbar img{width:140px}
.mobile-icons{display:flex;gap:10px;color:var(--red);font-size:20px}
.mobile-hero-card{margin-top:18px;border-radius:28px;padding:26px 22px;height:250px;background:linear-gradient(135deg,#cf000f 0%,#ef2935 60%,#ff726e 100%);color:#fff;position:relative;overflow:hidden}
.mobile-hero-card:after,.mobile-banner-card:after{content:"";position:absolute;right:-20px;bottom:-20px;width:210px;height:210px;border-radius:50%;border:1px solid rgba(255,255,255,.28)}
.mobile-hero-card h3,.mobile-banner-card h3{font-size:54px;line-height:1.02;letter-spacing:-.05em;margin:0 0 16px}
.mobile-hero-card p,.mobile-banner-card p{font-size:16px;letter-spacing:.16em;opacity:.86}
.mobile-service-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.mobile-service-cards article{background:#fff;border-radius:22px;padding:18px;min-height:122px;box-shadow:0 8px 24px rgba(17,19,24,.06)}
.mobile-service-cards b{display:block;font-size:27px;line-height:1.08}
.mobile-service-cards span{display:block;font-size:22px;line-height:1.15;color:#5a606a;margin-top:8px}
.mobile-news-card{margin-top:16px;background:#fff;border-radius:22px;padding:18px;box-shadow:0 8px 24px rgba(17,19,24,.06)}
.mobile-news-card strong{display:block;font-size:24px;margin-bottom:12px}
.mobile-news-card em{font-style:normal;color:var(--red);font-weight:900;font-size:14px}
.mobile-news-card p{font-size:24px;line-height:1.18;margin:8px 0 0}
.mobile-bottom-nav{position:absolute;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e5e8ec;display:grid;grid-template-columns:repeat(4,1fr);padding:12px 0}
.mobile-bottom-nav span{font-size:17px;color:#838994;text-align:center}
.mobile-bottom-nav .active{color:var(--red);font-weight:800}
.mobile-top-min{padding:4px 2px 12px;font-size:22px}
.mobile-top-min b{font-size:24px}
.mobile-banner-card{border-radius:28px;padding:26px 22px;height:220px;background:linear-gradient(135deg,#d9000f 0%,#ef2f37 65%,#ffc2c0 100%);color:#fff;position:relative;overflow:hidden}
.mobile-list-card{margin-top:14px;background:#fff;border-radius:20px;padding:18px 18px 20px;box-shadow:0 8px 24px rgba(17,19,24,.06)}
.mobile-list-card b{display:block;font-size:28px;line-height:1.12}
.mobile-list-card span{display:block;margin-top:10px;font-size:20px;line-height:1.35;color:#666d76}
.contact-cta.strong{margin-bottom:110px}
@media(max-width:1320px){
  .hero-v4-inner,.mobile-home-showcase,.site-footer,.band>div{padding-left:24px;padding-right:24px}
  .service-showcase-grid{grid-template-columns:repeat(3,1fr)}
  .feature-project-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1050px){
  .hero-v4-inner{grid-template-columns:1fr;min-height:auto;padding:55px 24px 40px}
  .hero-visual-v4{min-height:380px}
  .globe-bg{left:50%;right:auto;transform:translateX(-50%);top:12px;width:420px;height:420px}
  .ring-1{left:50%;right:auto;transform:translateX(-50%);top:24px;width:400px;height:400px}
  .ring-2{left:50%;right:auto;transform:translateX(-50%);top:58px;width:330px;height:330px}
  .globe-grid{left:50%;right:auto;transform:translateX(-50%);top:36px;width:360px;height:360px}
  .globe-contour{left:50%;right:auto;transform:translateX(-50%);top:28px;width:380px;height:380px}
  .hero-side-copy{display:none}
  .l1,.l2,.l3{display:none}
  .service-showcase-grid,.process-flow-v4{grid-template-columns:repeat(2,1fr)}
  .mobile-home-showcase{grid-template-columns:1fr;gap:26px;padding:0 24px}
}
@media(max-width:700px){
  .hero-v4{padding-top:0}
  .hero-v4-inner{padding:34px 20px 34px}
  .hero-wordmark{max-width:220px}
  .hero-v4 h1{font-size:46px}
  .hero-lead{font-size:17px}
  .hero-mini-stats{grid-template-columns:1fr}
  .home-head h2{font-size:36px}
  .service-showcase-grid,.feature-project-grid,.process-flow-v4{grid-template-columns:1fr}
  .feature-meta h3,.process-flow-v4 h3{font-size:24px}
  .mobile-home-showcase{display:none}
  .outline-link{width:100%}
}

/* =========================================================
   KAST v0.5 RESPONSIVE SYSTEM
   Desktop / Laptop / Tablet / Mobile
   ========================================================= */

:root{
  --page-pad: clamp(18px, 3vw, 36px);
  --content-max: 1280px;
}

/* Global fluid sizing */
html,body{max-width:100%;overflow-x:hidden}
body{min-width:320px}
img,svg,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
.section,.page-hero,.hero-v4-inner,.site-footer,.contact-cta,.mobile-home-showcase{
  width:min(var(--content-max),calc(100% - (var(--page-pad) * 2)));
  margin-left:auto;
  margin-right:auto;
}
.soft-section,.business{
  width:100%;
}
.soft-section>.section-head,
.soft-section>.service-grid,
.soft-section>.stack-grid,
.soft-section>.project-preview-grid,
.soft-section>.portfolio-grid{
  max-width:var(--content-max);
  margin-left:auto;
  margin-right:auto;
}

/* Header */
.site-header{
  min-height:78px;
  height:auto;
  gap:24px;
}
.site-header .brand{
  flex:0 0 auto;
}
.site-header .brand img{
  width:clamp(140px,14vw,190px);
  max-height:56px;
  object-fit:contain;
}
.main-nav{
  flex-wrap:wrap;
  justify-content:flex-end;
}
.main-nav a{
  white-space:nowrap;
}

/* Typography scaling */
.page-hero h1{font-size:clamp(42px,6vw,64px)}
.section-head h2,.home-head h2{font-size:clamp(34px,4.5vw,54px)}
.contact-cta h2{font-size:clamp(30px,4vw,46px)}
.hero-v4 h1{font-size:clamp(44px,6.4vw,78px)}

/* Cards and grids */
.service-grid,
.service-showcase-grid,
.feature-project-grid,
.portfolio-grid,
.quick-grid,
.project-preview-grid,
.process-row,
.process-flow-v4,
.dev-area-grid,
.logo-name-grid,
.jobs,
.admin-portfolio-grid{
  align-items:stretch;
}
.service-grid article,
.service-showcase-grid article,
.feature-project-card,
.portfolio-card,
.quick-grid a,
.c2c-card,
.process-row>div,
.process-flow-v4 article,
.dev-area-grid article,
.logo-name-grid>div,
.jobs article{
  min-width:0;
}
.meta h3,.feature-meta h3,.service-showcase-grid h3,.quick-grid h3,.c2c-card h3,
.dev-area-grid h3,.jobs h3,.process-flow-v4 h3{
  overflow-wrap:anywhere;
}

/* Public subpage hero enhancement */
.subpage .page-hero{
  position:relative;
  overflow:hidden;
}
.subpage .page-hero:after{
  content:"";
  position:absolute;
  right:-120px;
  top:-120px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(230,0,18,.11),rgba(230,0,18,0) 70%);
  pointer-events:none;
}

/* Responsive tables/forms */
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.check-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.location-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}
.project-room-top,.room-actions{min-width:0}

/* Mobile navigation panel */
@media (max-width: 1100px){
  .site-header{
    padding-left:var(--page-pad);
    padding-right:var(--page-pad);
  }
  .nav-toggle{
    display:block;
    margin-left:auto;
    cursor:pointer;
  }
  .main-nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:100;
    background:rgba(255,255,255,.98);
    backdrop-filter:blur(18px);
    box-shadow:0 18px 45px rgba(0,0,0,.09);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    padding:12px var(--page-pad) 20px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
  }
  .main-nav.open{display:flex}
  .main-nav a{
    padding:14px 4px !important;
    border-bottom:1px solid #f0f1f3;
  }
  .main-nav a:last-child{border-bottom:0}
  .main-nav .nav-contact{
    margin-top:10px;
    text-align:center;
    border-radius:10px;
  }

  .hero-v4-inner{
    grid-template-columns:1fr;
    min-height:auto;
    padding-top:44px;
    padding-bottom:36px;
  }
  .hero-copy-wrap{padding:10px 0}
  .hero-visual-v4{min-height:400px}
  .hero-mini-stats{max-width:none}
  .service-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .feature-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-preview-grid,
  .project-preview-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-flow-v4,.process-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dev-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .logo-name-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jobs{grid-template-columns:1fr}
  .admin-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .location-grid{grid-template-columns:1fr}
  .mobile-home-showcase{
    grid-template-columns:1fr;
    max-width:440px;
  }
  .admin-body{grid-template-columns:1fr}
  .admin-side{
    height:auto;
    position:relative;
    flex-direction:row;
    overflow-x:auto;
    white-space:nowrap;
    gap:6px;
  }
  .admin-side a,.admin-side button{flex:0 0 auto}
  .admin-side img,.admin-side>b{display:none}
  .admin-main{padding:28px var(--page-pad)}
  .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tablet */
@media (max-width: 820px){
  .section{padding-top:74px;padding-bottom:74px}
  .subpage .page-hero{padding-top:72px;padding-bottom:48px}
  .split-head,.portfolio-head,.home-head.split-head{
    display:block;
  }
  .home-head-side{
    max-width:none;
    margin-top:18px;
  }
  .hero-actions{
    flex-wrap:wrap;
  }
  .hero-mini-stats{
    grid-template-columns:1fr 1fr;
  }
  .service-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portfolio-grid,.portfolio-full{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid{grid-template-columns:1fr}
  .check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stack-grid{grid-template-columns:1fr}
  .progress-six{grid-template-columns:repeat(3,minmax(0,1fr))}
  .project-room-top{
    flex-direction:column;
    align-items:flex-start;
  }
  .room-actions{
    flex-direction:column;
    align-items:flex-start;
  }
  .site-footer{
    grid-template-columns:1fr;
    gap:18px;
  }
  .footer-brand{
    align-items:flex-start;
    flex-direction:column;
  }
  .footer-links{
    flex-wrap:wrap;
  }
  .contact-cta{
    display:block;
    padding:34px;
  }
  .contact-cta .btn{margin-top:18px}
  .admin-project,.admin-row{
    flex-direction:column;
    align-items:stretch;
  }
  .stage-inline{width:100%}
  .stage-inline select,.stage-inline button{flex:1}
}

/* Mobile */
@media (max-width: 560px){
  :root{--page-pad:16px}
  body{font-size:15px}
  .site-header{min-height:70px}
  .site-header .brand img{width:138px}
  .nav-toggle{font-size:26px}

  .hero-v4-inner{padding-top:28px;padding-bottom:24px}
  .hero-wordmark{max-width:205px}
  .hero-v4 h1{
    font-size:42px;
    line-height:1.03;
  }
  .hero-lead{
    font-size:16px;
    line-height:1.65;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .hero-actions .btn{width:100%}
  .hero-mini-stats{grid-template-columns:1fr}
  .hero-visual-v4{min-height:290px}
  .globe-bg{width:310px;height:310px;top:0}
  .ring-1{width:300px;height:300px;top:7px}
  .ring-2{width:244px;height:244px;top:34px}
  .globe-grid{width:270px;height:270px;top:20px}
  .globe-contour{width:285px;height:285px;top:13px}

  .section{padding-top:58px;padding-bottom:58px}
  .section-head{margin-bottom:28px}
  .section-kicker,.eyebrow{font-size:11px}
  .section-head h2,.home-head h2{font-size:32px}
  .page-hero h1{font-size:40px}
  .page-hero>p:last-child{font-size:16px}

  .service-showcase-grid,
  .feature-project-grid,
  .portfolio-grid,
  .portfolio-full,
  .quick-grid,
  .project-preview-grid,
  .project-preview-grid.five,
  .process-flow-v4,
  .process-row,
  .dev-area-grid,
  .logo-name-grid,
  .admin-portfolio-grid{
    grid-template-columns:1fr;
  }

  .service-showcase-grid article{padding:24px 20px}
  .feature-meta h3{font-size:23px}
  .c2c-card{min-height:160px;padding:22px}
  .c2c-card h3{font-size:22px;margin-top:28px}

  .filters{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
  }
  .filters button{width:100%}

  .check-grid{grid-template-columns:1fr}
  .progress-six{grid-template-columns:repeat(2,minmax(0,1fr))}
  .progress-six div{padding:14px 10px}

  .modal{
    align-items:flex-end;
    padding:0;
  }
  .modal-box{
    width:100%;
    max-width:none;
    max-height:92vh;
    border-radius:22px 22px 0 0;
    padding:26px 18px 24px;
  }
  .modal-close{
    right:14px;
    top:10px;
    font-size:30px;
  }
  .chat-messages{height:280px}
  .chat-input{flex-direction:column}
  .chat-input button{height:44px}

  .kast-form fieldset{padding:16px}
  .kast-form input,.kast-form textarea,.kast-form select{
    width:100%;
    font-size:16px; /* iOS zoom 방지 */
  }

  .location-grid{gap:18px}
  .map-placeholder{min-height:320px;padding:24px}
  .map-placeholder b{font-size:54px}

  .site-footer{
    padding-left:var(--page-pad);
    padding-right:var(--page-pad);
  }
  .footer-brand img{width:150px}

  /* 실제 모바일 웹에서는 별도 3-phone showcase보다 콘텐츠 흐름 우선 */
  .mobile-home-showcase{
    display:none;
  }

  .admin-main{padding:20px 14px}
  .admin-main h1{font-size:34px}
  .admin-stats{grid-template-columns:1fr}
  .admin-login-card{padding:26px 20px}
}

/* Small phones */
@media (max-width: 380px){
  .hero-v4 h1{font-size:36px}
  .page-hero h1{font-size:36px}
  .section-head h2,.home-head h2{font-size:29px}
  .progress-six{grid-template-columns:1fr}
  .filters{grid-template-columns:1fr}
}

/* =========================================================
   KAST v0.6 - Premium subpages / project board / admin UI
   ========================================================= */
.subpage-premium{background:#fff}
.premium-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-top:96px!important;padding-bottom:64px!important}
.premium-hero>div:first-child{max-width:850px}
.hero-metric{flex:0 0 auto;width:180px;height:180px;border-radius:50%;background:linear-gradient(145deg,#e60012,#b8000d);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 26px 70px rgba(230,0,18,.22)}
.hero-metric b{font-size:72px;line-height:.9}.hero-metric span{font-size:10px;letter-spacing:.15em;margin-top:14px}
.project-board-toolbar{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}
.project-board-toolbar h2{font-size:42px;margin:0 0 8px;letter-spacing:-.04em}.project-board-toolbar p{color:var(--muted);margin:0}
.project-filter-tabs{display:flex;gap:8px}.project-filter-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.project-filter-tabs button.active{background:var(--red);border-color:var(--red);color:#fff}
.project-board{display:grid;grid-template-columns:1fr;gap:16px}
.project-status-card{border:1px solid var(--line);border-radius:22px;padding:28px;background:#fff;box-shadow:0 12px 36px rgba(17,19,24,.05);transition:.25s;position:relative;overflow:hidden}
.project-status-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--red)}
.project-status-card.is-complete:before{background:#1a9d55}
.project-status-card:hover{transform:translateY(-3px);box-shadow:0 22px 54px rgba(17,19,24,.09)}
.project-card-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.project-brand{font-size:10px;color:var(--red);font-weight:900;letter-spacing:.14em}.project-card-head h3{font-size:28px;margin:7px 0}.project-card-head p{color:var(--muted);margin:0}
.project-state-badge{padding:9px 13px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.project-state-badge.active{background:#fff1f2;color:var(--red)}.project-state-badge.complete{background:#e9f9ef;color:#188649}
.project-stage-mini{display:grid;grid-template-columns:repeat(6,1fr);margin-top:24px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.project-stage-mini>div{padding:13px 12px;border-right:1px solid var(--line);background:#fafbfc}.project-stage-mini>div:last-child{border-right:0}.project-stage-mini b{display:block;font-size:10px;color:#a7abb2}.project-stage-mini span{font-weight:800;font-size:13px}.project-stage-mini .done{background:#f0fff3}.project-stage-mini .active{background:#c9f4d5}.project-stage-mini .done b,.project-stage-mini .active b{color:#22834c}
.project-card-foot{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:24px;align-items:center;margin-top:20px}.progress-line{height:7px;border-radius:999px;background:#edf0f3;overflow:hidden}.progress-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e60012,#ff5a65)}
.is-complete .progress-line i{background:linear-gradient(90deg,#138f4a,#4bc27c)}
.project-foot-meta{display:flex;align-items:center;gap:14px;color:#666;font-size:12px}.project-foot-meta>span:first-child{font-weight:900;color:#222}.dev-dot:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dev-dot.online:before{background:#1cb05a}.dev-dot.offline:before{background:#999}
.project-room-btn{border:0;background:#15171c;color:#fff;border-radius:9px;padding:10px 13px;font-weight:800;cursor:pointer}.project-room-btn:hover{background:var(--red)}
.project-pagination{display:flex;justify-content:center;gap:8px;margin-top:26px}.project-pagination button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;font-weight:800;cursor:pointer}.project-pagination button.active{background:var(--red);color:#fff;border-color:var(--red)}
.board-loading,.board-empty,.board-error{border:1px dashed #ccd0d6;border-radius:18px;padding:45px;text-align:center;color:#7a7f88;background:#fafbfc}.board-error{color:#a80010}
.premium-info{margin-top:38px;border-left:4px solid var(--red)}
.project-chat-modal{width:min(720px,100%)}
.modal-help{color:var(--muted);margin-top:-8px}
.chat-header .offline{color:#777}.chat-header .offline i{background:#999}

/* Premium common subpages */
.subpage .page-hero:not(.premium-hero){background:linear-gradient(180deg,#fff 0%,#fff 72%,#fafbfc 100%);border-bottom:1px solid var(--line);padding-top:92px;padding-bottom:62px}
.subpage .page-hero:not(.premium-hero):before{content:"KAST";position:absolute;right:0;bottom:-38px;font-size:180px;font-weight:1000;letter-spacing:-.08em;color:#e6001208;pointer-events:none}
.subpage .section-head h2{letter-spacing:-.045em}
.subpage .service-grid article,.dev-area-grid article,.jobs article,.logo-name-grid>div,.contact-list div{transition:.22s}.subpage .service-grid article:hover,.dev-area-grid article:hover,.jobs article:hover,.logo-name-grid>div:hover,.contact-list div:hover{transform:translateY(-4px);box-shadow:0 20px 54px rgba(17,19,24,.07);border-color:#f0b6bc}
.kast-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 18px 54px rgba(17,19,24,.05)}
.kast-form input,.kast-form textarea,.kast-form select{background:#fbfcfd;transition:.18s}.kast-form input:focus,.kast-form textarea:focus,.kast-form select:focus{outline:none;border-color:#ef8790;box-shadow:0 0 0 3px #e6001210;background:#fff}

/* Admin premium */
.admin-body{background:#eef1f4}
.admin-side{background:linear-gradient(180deg,#111318,#1d2027);box-shadow:8px 0 30px rgba(0,0,0,.06)}
.admin-main{max-width:1500px;width:100%;margin:0 auto}
.admin-panel{border:1px solid #e5e8ec;box-shadow:0 12px 36px rgba(17,19,24,.04)}
.admin-stats div{border:1px solid #e5e8ec;box-shadow:0 9px 28px rgba(17,19,24,.04)}
.admin-panel h2{font-size:27px;letter-spacing:-.03em}
.admin-list article{padding:18px;border-bottom:1px solid var(--line)}.admin-list article:last-child{border-bottom:0}
.admin-project,.admin-row{background:#f8f9fb;border:1px solid #eceef1;border-radius:12px;padding:16px}
.admin-side a{transition:.2s}.admin-side a:hover{background:#ffffff12;color:#fff}
.admin-side button{border-color:#ffffff25!important}

/* v0.6 responsive */
@media(max-width:900px){
 .premium-hero{align-items:flex-start}.hero-metric{width:130px;height:130px}.hero-metric b{font-size:50px}
 .project-board-toolbar{display:block}.project-filter-tabs{margin-top:18px;flex-wrap:wrap}
 .project-card-head{display:block}.project-state-badge{display:inline-block;margin-top:16px}
 .project-stage-mini{grid-template-columns:repeat(3,1fr)}.project-stage-mini>div:nth-child(3){border-right:0}.project-stage-mini>div{border-bottom:1px solid var(--line)}
 .project-card-foot{grid-template-columns:1fr}.project-foot-meta{flex-wrap:wrap}
}
@media(max-width:560px){
 .premium-hero{display:block}.hero-metric{margin-top:28px;width:105px;height:105px}.hero-metric b{font-size:42px}
 .project-board-toolbar h2{font-size:34px}.project-filter-tabs{display:grid;grid-template-columns:repeat(3,1fr)}
 .project-status-card{padding:22px 18px}.project-card-head h3{font-size:23px}
 .project-stage-mini{grid-template-columns:repeat(2,1fr)}.project-stage-mini>div:nth-child(3){border-right:1px solid var(--line)}.project-stage-mini>div:nth-child(even){border-right:0}
 .project-foot-meta{align-items:flex-start;flex-direction:column;gap:9px}.project-room-btn{width:100%}
 .kast-form{padding:22px 17px}
}

.admin-complete-badge{display:inline-block;margin-left:8px;background:#e6f8ed;color:#168447;border-radius:999px;padding:4px 8px;font-size:10px;font-style:normal;vertical-align:middle}

/* v0.7 admin chat / legal */
.admin-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.admin-panel-head button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;font-weight:800;cursor:pointer}
.admin-chat-layout{display:grid;grid-template-columns:300px 1fr;gap:16px}
.admin-chat-projects{display:flex;flex-direction:column;gap:8px}
.admin-chat-project-btn{border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px;text-align:left;cursor:pointer}
.admin-chat-project-btn.active{border-color:#e60012;background:#fff4f5}
.admin-chat-project-btn b{display:block}.admin-chat-project-btn span{display:block;margin-top:6px;font-size:11px;color:#747b84}
.admin-chat-view{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f7f8fa}
.admin-chat-title{background:#fff;border-bottom:1px solid var(--line);padding:14px 16px;font-weight:900}
.admin-chat-messages{height:440px;overflow:auto;padding:16px}
.admin-chat-msg{max-width:78%;background:#fff;border-radius:12px;padding:11px 13px;margin-bottom:10px;box-shadow:0 4px 14px #1111}
.admin-chat-msg.client{margin-left:auto;background:#fff0f2}
.admin-chat-msg p{margin:5px 0;line-height:1.55}.admin-chat-msg small{font-size:10px;color:#888}
.admin-chat-empty{text-align:center;color:#888;padding:60px 20px}
.stage-inline .danger,.admin-portfolio-actions .danger{background:#fff!important;color:#b90010!important;border-color:#efb8bd!important}
.legal-doc{max-width:900px}.legal-doc h2{font-size:25px;margin-top:36px}.legal-doc p{font-size:17px;line-height:1.85;color:#555d67}
@media(max-width:900px){.admin-chat-layout{grid-template-columns:1fr}.admin-chat-projects{display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.admin-chat-projects{grid-template-columns:1fr}.admin-chat-messages{height:360px}.admin-panel-head{display:block}.admin-panel-head button{margin-top:10px}}

/* =========================================================
   KAST v0.7.1 HERO FIX
   - single logo lockup (no duplicated tagline)
   - visible secondary CTA
   - dedicated AI / quantum hero visual
   ========================================================= */
.hero-wordmark{
  width:min(420px,88%);
  max-width:none;
  height:auto;
  object-fit:contain;
  filter:brightness(0) invert(1);
  margin:0 0 24px 0;
}
.hero-copy-wrap .hero-kicker{
  display:none !important;
}
.hero-v4 .ghost-light{
  color:#ffffff !important;
  border:1.5px solid rgba(255,255,255,.72) !important;
  background:rgba(255,255,255,.06) !important;
  box-shadow:none !important;
  opacity:1 !important;
}
.hero-v4 .ghost-light:hover{
  background:#fff !important;
  color:#c90010 !important;
}
.hero-ai-visual{
  position:relative;
  min-height:610px;
  overflow:hidden;
  border-radius:0;
}
.hero-ai-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:.98;
  mix-blend-mode:screen;
}
.hero-ai-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(143,0,10,.44) 0%, rgba(80,0,5,.10) 34%, rgba(35,0,3,.12) 68%, rgba(20,0,2,.42) 100%),
    radial-gradient(circle at 55% 50%, rgba(255,0,22,.05), rgba(25,0,2,.16) 74%);
  pointer-events:none;
}
.hero-ai-visual .hero-side-copy{
  z-index:3;
  right:22px;
  top:130px;
  font-size:17px;
  line-height:1.25;
  letter-spacing:.23em;
  color:#fff;
  opacity:.84;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
}
@media(max-width:1050px){
  .hero-ai-visual{min-height:430px}
  .hero-ai-image{object-position:center 46%}
  .hero-ai-visual .hero-side-copy{display:none}
}
@media(max-width:700px){
  .hero-wordmark{width:min(300px,88%);margin-bottom:18px}
  .hero-ai-visual{min-height:300px}
  .hero-ai-image{object-position:center}
}

/* =========================================================
   KAST v0.7.2 HERO MOTION
   slow premium motion: rings, nodes, data flow, parallax
   ========================================================= */
.hero-ai-visual{
  --mx:0px;
  --my:0px;
  isolation:isolate;
}
.hero-ai-image{
  transform:translate3d(calc(var(--mx) * .18),calc(var(--my) * .18),0) scale(1.035);
  transition:transform .35s ease-out;
  will-change:transform;
}
.hero-ai-overlay{
  z-index:2;
}
.hero-motion-layer,
.hero-data-flow,
.hero-node{
  position:absolute;
  pointer-events:none;
  z-index:3;
}
.hero-ring{
  border-radius:50%;
  border:1px solid rgba(255,255,255,.17);
  box-shadow:
    0 0 18px rgba(255,40,60,.14),
    inset 0 0 18px rgba(255,40,60,.08);
  transform:translate3d(calc(var(--mx) * -.08),calc(var(--my) * -.08),0);
  will-change:transform;
}
.ring-a{
  width:76%;
  aspect-ratio:1/1;
  right:-8%;
  top:7%;
  animation:kastRingCW 26s linear infinite;
}
.ring-b{
  width:58%;
  aspect-ratio:1/1;
  right:2%;
  top:16%;
  border-style:dashed;
  border-color:rgba(255,95,110,.22);
  animation:kastRingCCW 34s linear infinite;
}
.ring-c{
  width:41%;
  aspect-ratio:1/1;
  right:10%;
  top:24%;
  border-color:rgba(255,255,255,.10);
  animation:kastRingCW 42s linear infinite;
}
.ring-a::before,
.ring-b::before,
.ring-c::before{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 16px rgba(255,255,255,.95),0 0 28px rgba(255,0,25,.9);
}
.ring-a::before{left:16%;top:10%}
.ring-b::before{right:5%;top:38%}
.ring-c::before{left:48%;bottom:-4px}

.hero-data-flow{
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),rgba(255,60,80,.85),transparent);
  opacity:.7;
  filter:drop-shadow(0 0 8px rgba(255,40,60,.8));
  transform-origin:left center;
}
.hero-data-flow::after{
  content:"";
  position:absolute;
  top:-2px;
  left:0;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 14px rgba(255,255,255,.95);
  animation:kastPacket 4.8s ease-in-out infinite;
}
.flow-a{
  width:44%;
  right:14%;
  top:34%;
  transform:rotate(-14deg) translate3d(calc(var(--mx) * .10),calc(var(--my) * .10),0);
  animation:kastFlowPulse 7s ease-in-out infinite;
}
.flow-b{
  width:35%;
  right:5%;
  top:53%;
  transform:rotate(8deg) translate3d(calc(var(--mx) * -.06),calc(var(--my) * -.06),0);
  animation:kastFlowPulse 9s ease-in-out infinite reverse;
}
.flow-c{
  width:30%;
  right:20%;
  top:68%;
  transform:rotate(-26deg) translate3d(calc(var(--mx) * .05),calc(var(--my) * .05),0);
  animation:kastFlowPulse 11s ease-in-out infinite;
}

.hero-node{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
  box-shadow:
    0 0 0 4px rgba(255,35,55,.14),
    0 0 16px rgba(255,255,255,.95),
    0 0 28px rgba(255,0,20,.8);
  animation:kastNodePulse 3.8s ease-in-out infinite;
}
.node-1{right:28%;top:30%;animation-delay:.1s}
.node-2{right:17%;top:44%;animation-delay:1.1s}
.node-3{right:38%;top:55%;animation-delay:1.9s}
.node-4{right:12%;top:64%;animation-delay:2.6s}
.node-5{right:31%;top:73%;animation-delay:3.2s}

@keyframes kastRingCW{
  from{transform:translate3d(calc(var(--mx) * -.08),calc(var(--my) * -.08),0) rotate(0deg)}
  to{transform:translate3d(calc(var(--mx) * -.08),calc(var(--my) * -.08),0) rotate(360deg)}
}
@keyframes kastRingCCW{
  from{transform:translate3d(calc(var(--mx) * .07),calc(var(--my) * .07),0) rotate(360deg)}
  to{transform:translate3d(calc(var(--mx) * .07),calc(var(--my) * .07),0) rotate(0deg)}
}
@keyframes kastNodePulse{
  0%,100%{opacity:.38;transform:scale(.75)}
  50%{opacity:1;transform:scale(1.45)}
}
@keyframes kastFlowPulse{
  0%,100%{opacity:.25}
  50%{opacity:.82}
}
@keyframes kastPacket{
  0%{left:0;opacity:0}
  15%{opacity:1}
  85%{opacity:1}
  100%{left:calc(100% - 6px);opacity:0}
}

/* accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .hero-ring,
  .hero-node,
  .hero-data-flow,
  .hero-data-flow::after{
    animation:none !important;
  }
  .hero-ai-image{
    transition:none !important;
    transform:none !important;
  }
}

/* touch/mobile: tone down motion */
@media(max-width:700px){
  .hero-ring{opacity:.5}
  .hero-data-flow{opacity:.35}
  .hero-node{transform:scale(.85)}
  .hero-ai-image{
    transform:none !important;
  }
}

/* =========================================================
   KAST v0.7.3 HERO HARMONY + STRONGER MOTION
   ========================================================= */

/* Use the clean white lockup directly — no CSS inversion/filter */
.hero-wordmark{
  filter:none !important;
  width:min(470px,94%) !important;
  max-width:none !important;
  image-rendering:auto;
  opacity:1 !important;
}

/* Merge left/right hero into one continuous red scene */
.hero-v4{
  background:
    radial-gradient(circle at 66% 48%,rgba(255,33,48,.20),transparent 32%),
    linear-gradient(90deg,#d80011 0%,#c0000e 36%,#8c000a 72%,#5e0007 100%) !important;
}
.hero-ai-visual{
  min-height:620px;
  overflow:hidden;
  background:transparent;
}
.hero-ai-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,#ba000e 0%,rgba(186,0,14,.72) 9%,rgba(128,0,9,.08) 34%,rgba(74,0,5,.05) 72%,rgba(65,0,5,.28) 100%);
  pointer-events:none;
}
.hero-ai-image{
  inset:-3% -4% -3% -8% !important;
  width:112% !important;
  height:106% !important;
  object-fit:cover !important;
  object-position:52% 50% !important;
  mix-blend-mode:screen !important;
  opacity:.96 !important;
  filter:saturate(1.25) contrast(1.06) brightness(.92);
  transform:translate3d(calc(var(--mx) * .34),calc(var(--my) * .28),0) scale(1.08) !important;
}
.hero-ai-overlay{
  z-index:2;
  background:
    linear-gradient(90deg,rgba(188,0,14,.60) 0%,rgba(144,0,10,.17) 32%,rgba(50,0,4,.06) 68%,rgba(35,0,3,.28) 100%),
    radial-gradient(circle at 54% 50%,rgba(255,35,50,.08),rgba(40,0,3,.11) 68%) !important;
}

/* Make motion clearly visible but still premium */
.hero-ring{
  z-index:4 !important;
  border-width:2px !important;
  border-color:rgba(255,210,214,.34) !important;
  box-shadow:
    0 0 20px rgba(255,85,100,.30),
    0 0 42px rgba(255,20,45,.14),
    inset 0 0 26px rgba(255,80,95,.10) !important;
}
.ring-a{
  width:82% !important;
  right:-12% !important;
  top:2% !important;
  animation-duration:18s !important;
}
.ring-b{
  width:63% !important;
  right:-1% !important;
  top:12% !important;
  border-style:dashed !important;
  animation-duration:23s !important;
}
.ring-c{
  width:46% !important;
  right:7% !important;
  top:21% !important;
  animation-duration:30s !important;
}
.ring-a::before,.ring-b::before,.ring-c::before{
  width:11px !important;
  height:11px !important;
  box-shadow:
    0 0 14px rgba(255,255,255,1),
    0 0 30px rgba(255,30,55,1),
    0 0 48px rgba(255,0,25,.78) !important;
}

.hero-data-flow{
  z-index:5 !important;
  height:3px !important;
  opacity:.9 !important;
  filter:
    drop-shadow(0 0 7px rgba(255,255,255,.55))
    drop-shadow(0 0 13px rgba(255,30,55,.85)) !important;
}
.hero-data-flow::after{
  width:9px !important;
  height:9px !important;
  top:-3px !important;
  animation-duration:3.2s !important;
}
.flow-a{width:49% !important;right:12% !important;top:31% !important;animation-duration:4.8s !important}
.flow-b{width:43% !important;right:4% !important;top:54% !important;animation-duration:6.2s !important}
.flow-c{width:37% !important;right:18% !important;top:72% !important;animation-duration:7.6s !important}

.hero-node{
  z-index:6 !important;
  width:11px !important;
  height:11px !important;
  box-shadow:
    0 0 0 6px rgba(255,45,65,.16),
    0 0 19px rgba(255,255,255,1),
    0 0 38px rgba(255,0,30,.95) !important;
  animation-duration:2.4s !important;
}

/* stronger but still restrained pointer parallax */
@media(min-width:1051px){
  .hero-ai-image{
    transition:transform .18s ease-out !important;
  }
}
@media(max-width:1050px){
  .hero-ai-visual{min-height:440px}
  .hero-ai-image{
    inset:-2% -8% -2% -10% !important;
    width:118% !important;
    height:104% !important;
    transform:scale(1.08) !important;
  }
}
@media(max-width:700px){
  .hero-wordmark{width:min(310px,92%) !important}
  .hero-ai-visual{min-height:320px}
  .hero-ring{opacity:.68 !important}
  .hero-data-flow{opacity:.62 !important}
  .hero-node{opacity:.88 !important}
}

/* =========================================================
   KAST v0.7.4 ORBIT ACTION FIX
   - globe background fixed
   - only overlay actions move
   - add animated orbital solid lines
   ========================================================= */

.hero-ai-visual{
  --mx:0px;
  --my:0px;
}

/* Fix the globe background in place */
.hero-ai-image{
  inset:-2% -2% -2% -4% !important;
  width:106% !important;
  height:104% !important;
  object-fit:cover !important;
  object-position:52% 50% !important;
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
}

/* Keep the red blending so the left hero merges naturally */
.hero-ai-visual::before{
  background:
    linear-gradient(90deg,#ba000e 0%,rgba(186,0,14,.74) 10%,rgba(128,0,9,.12) 34%,rgba(74,0,5,.08) 72%,rgba(65,0,5,.30) 100%) !important;
}

/* Only overlay action layers react */
.hero-ring,
.hero-data-flow,
.hero-node,
.hero-orbit-line{
  position:absolute;
  pointer-events:none;
}

/* Rotating orbital solid lines around the globe */
.hero-orbit-line{
  z-index:4;
  border:2px solid rgba(255,220,224,.34);
  border-radius:50%;
  background:transparent;
  box-shadow:
    0 0 14px rgba(255,65,85,.18),
    inset 0 0 8px rgba(255,65,85,.08);
}
.hero-orbit-line::before{
  content:"";
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fff;
  box-shadow:
    0 0 14px rgba(255,255,255,1),
    0 0 32px rgba(255,25,45,.95);
}
.orbit-line-a{
  width:92%;
  height:50%;
  left:1%;
  top:31%;
  transform:rotate(-10deg) translate3d(calc(var(--mx) * .08), calc(var(--my) * .08), 0);
  animation:kastOrbitA 15s linear infinite;
}
.orbit-line-a::before{
  left:79%;
  top:-8px;
}
.orbit-line-b{
  width:72%;
  height:86%;
  left:12%;
  top:9%;
  transform:rotate(17deg) translate3d(calc(var(--mx) * -.06), calc(var(--my) * -.06), 0);
  animation:kastOrbitB 18s linear infinite;
}
.orbit-line-b::before{
  left:83%;
  top:16%;
}
.orbit-line-c{
  width:80%;
  height:60%;
  left:6%;
  top:26%;
  transform:rotate(30deg) translate3d(calc(var(--mx) * .05), calc(var(--my) * .05), 0);
  animation:kastOrbitC 21s linear infinite;
}
.orbit-line-c::before{
  left:8%;
  bottom:10%;
}

/* Overlay motion remains, but background is fixed */
.hero-ring{
  z-index:5 !important;
  transform:translate3d(calc(var(--mx) * -.10),calc(var(--my) * -.10),0);
}
.ring-a{
  animation:kastRingCW 18s linear infinite;
}
.ring-b{
  animation:kastRingCCW 23s linear infinite;
}
.ring-c{
  animation:kastRingCW 30s linear infinite;
}

.hero-data-flow{
  z-index:6 !important;
}
.flow-a{
  transform:rotate(-14deg) translate3d(calc(var(--mx) * .12),calc(var(--my) * .12),0) !important;
}
.flow-b{
  transform:rotate(8deg) translate3d(calc(var(--mx) * -.10),calc(var(--my) * -.10),0) !important;
}
.flow-c{
  transform:rotate(-26deg) translate3d(calc(var(--mx) * .08),calc(var(--my) * .08),0) !important;
}

.hero-node{
  z-index:7 !important;
  transform:translate3d(calc(var(--mx) * .10),calc(var(--my) * .10),0);
}

/* New orbital line animations */
@keyframes kastOrbitA{
  from{transform:rotate(-10deg) translate3d(calc(var(--mx) * .08), calc(var(--my) * .08), 0)}
  to{transform:rotate(350deg) translate3d(calc(var(--mx) * .08), calc(var(--my) * .08), 0)}
}
@keyframes kastOrbitB{
  from{transform:rotate(377deg) translate3d(calc(var(--mx) * -.06), calc(var(--my) * -.06), 0)}
  to{transform:rotate(17deg) translate3d(calc(var(--mx) * -.06), calc(var(--my) * -.06), 0)}
}
@keyframes kastOrbitC{
  from{transform:rotate(30deg) translate3d(calc(var(--mx) * .05), calc(var(--my) * .05), 0)}
  to{transform:rotate(390deg) translate3d(calc(var(--mx) * .05), calc(var(--my) * .05), 0)}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce){
  .hero-orbit-line,
  .hero-ring,
  .hero-node,
  .hero-data-flow,
  .hero-data-flow::after{
    animation:none !important;
  }
}

/* Mobile balance */
@media(max-width:700px){
  .hero-orbit-line{
    opacity:.72;
  }
}

/* =========================================================
   KAST v0.7.5 ORBIT FINAL
   - background globe fixed
   - orbit lines + moving glow points
   - overlay-only motion with QA-tuned balance
   ========================================================= */

.hero-ai-visual{
  --mx:0px;
  --my:0px;
  isolation:isolate;
}

/* Globe background stays fixed to prevent black separation / gap */
.hero-ai-image{
  inset:-2% -2% -2% -4% !important;
  width:106% !important;
  height:104% !important;
  object-fit:cover !important;
  object-position:52% 50% !important;
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
}

/* Merge right visual with left red field smoothly */
.hero-ai-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,#ba000e 0%,rgba(186,0,14,.76) 10%,rgba(128,0,9,.14) 34%,rgba(74,0,5,.08) 72%,rgba(65,0,5,.28) 100%) !important;
}

.hero-ai-overlay{
  z-index:2 !important;
  background:
    linear-gradient(90deg,rgba(188,0,14,.54) 0%,rgba(144,0,10,.14) 30%,rgba(50,0,4,.05) 68%,rgba(35,0,3,.24) 100%),
    radial-gradient(circle at 54% 50%,rgba(255,35,50,.08),rgba(40,0,3,.11) 68%) !important;
}

/* Orbit lines around globe */
.hero-orbit-line{
  position:absolute;
  z-index:4;
  pointer-events:none;
  border:2px solid rgba(255,225,230,.30);
  border-radius:50%;
  background:transparent;
  box-shadow:
    0 0 14px rgba(255,65,85,.16),
    inset 0 0 8px rgba(255,65,85,.08);
}

/* moving glow points */
.hero-orbit-line::before,
.hero-orbit-line::after{
  content:"";
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fff;
  box-shadow:
    0 0 14px rgba(255,255,255,1),
    0 0 30px rgba(255,25,45,.95),
    0 0 46px rgba(255,0,25,.45);
}

.orbit-line-a{
  width:92%;
  height:50%;
  left:1%;
  top:31%;
  animation:kastOrbitA 16s linear infinite;
}
.orbit-line-a::before{ left:79%; top:-8px; }
.orbit-line-a::after{
  left:14%;
  bottom:-8px;
  width:10px;
  height:10px;
  opacity:.82;
}

.orbit-line-b{
  width:72%;
  height:86%;
  left:12%;
  top:9%;
  animation:kastOrbitB 19s linear infinite;
}
.orbit-line-b::before{ left:83%; top:16%; }
.orbit-line-b::after{
  left:18%;
  bottom:14%;
  width:11px;
  height:11px;
  opacity:.82;
}

.orbit-line-c{
  width:80%;
  height:60%;
  left:6%;
  top:26%;
  animation:kastOrbitC 22s linear infinite;
}
.orbit-line-c::before{ left:8%; bottom:10%; }
.orbit-line-c::after{
  right:10%;
  top:18%;
  width:9px;
  height:9px;
  opacity:.8;
}

/* Existing overlay motion stays, but only overlays move */
.hero-ring{
  z-index:5 !important;
  border-width:2px !important;
  border-color:rgba(255,210,214,.26) !important;
  box-shadow:
    0 0 18px rgba(255,85,100,.20),
    0 0 38px rgba(255,20,45,.08),
    inset 0 0 18px rgba(255,80,95,.06) !important;
}
.ring-a{ animation:kastRingCW 18s linear infinite !important; }
.ring-b{ animation:kastRingCCW 23s linear infinite !important; }
.ring-c{ animation:kastRingCW 30s linear infinite !important; }

.hero-data-flow{
  z-index:6 !important;
  height:3px !important;
  opacity:.82 !important;
  filter:
    drop-shadow(0 0 7px rgba(255,255,255,.50))
    drop-shadow(0 0 13px rgba(255,30,55,.62)) !important;
}
.hero-data-flow::after{
  width:8px !important;
  height:8px !important;
  top:-3px !important;
  animation-duration:3.8s !important;
}
.hero-node{
  z-index:7 !important;
  width:10px !important;
  height:10px !important;
  box-shadow:
    0 0 0 5px rgba(255,45,65,.13),
    0 0 17px rgba(255,255,255,1),
    0 0 33px rgba(255,0,30,.72) !important;
  animation-duration:2.8s !important;
}

/* Overlay-only parallax response */
.hero-ring,
.hero-orbit-line{ transform:translate3d(calc(var(--mx) * -.08),calc(var(--my) * -.08),0); }
.flow-a{ transform:rotate(-14deg) translate3d(calc(var(--mx) * .10),calc(var(--my) * .10),0) !important; }
.flow-b{ transform:rotate(8deg) translate3d(calc(var(--mx) * -.08),calc(var(--my) * -.08),0) !important; }
.flow-c{ transform:rotate(-26deg) translate3d(calc(var(--mx) * .07),calc(var(--my) * .07),0) !important; }
.hero-node{ transform:translate3d(calc(var(--mx) * .08),calc(var(--my) * .08),0); }

/* Orbit line rotation */
@keyframes kastOrbitA{
  from{transform:rotate(-10deg) translate3d(calc(var(--mx) * -.08),calc(var(--my) * -.08),0)}
  to{transform:rotate(350deg) translate3d(calc(var(--mx) * -.08),calc(var(--my) * -.08),0)}
}
@keyframes kastOrbitB{
  from{transform:rotate(377deg) translate3d(calc(var(--mx) * -.08),calc(var(--my) * -.08),0)}
  to{transform:rotate(17deg) translate3d(calc(var(--mx) * -.08),calc(var(--my) * -.08),0)}
}
@keyframes kastOrbitC{
  from{transform:rotate(30deg) translate3d(calc(var(--mx) * -.08),calc(var(--my) * -.08),0)}
  to{transform:rotate(390deg) translate3d(calc(var(--mx) * -.08),calc(var(--my) * -.08),0)}
}

/* accessibility */
@media (prefers-reduced-motion: reduce){
  .hero-orbit-line,
  .hero-ring,
  .hero-node,
  .hero-data-flow,
  .hero-data-flow::after{
    animation:none !important;
  }
}

/* mobile balance */
@media(max-width:700px){
  .hero-orbit-line{ opacity:.68; }
  .hero-data-flow{ opacity:.58 !important; }
  .hero-node{ opacity:.84; }
}

/* =========================================================
   KAST v0.7.6 — FIXED GLOBE / OVERLAY-ONLY MOTION
   ========================================================= */
.hero-v4{
  position:relative;
  background:
    linear-gradient(90deg,rgba(174,0,12,.14) 0%,rgba(120,0,8,.02) 46%,rgba(47,0,4,.08) 100%),
    url("../img/hero/kast_fixed_globe_bg.webp") center center / cover no-repeat !important;
}
.hero-v4::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(195,0,15,.16) 0%,rgba(177,0,13,.06) 31%,transparent 55%),
    radial-gradient(circle at 68% 48%,rgba(255,48,62,.05),transparent 34%);
}
.hero-v4-inner{position:relative;z-index:1}

/* Right visual becomes a transparent motion stage only. */
.hero-ai-visual{
  position:relative;
  min-height:620px;
  overflow:visible !important;
  background:transparent !important;
}
.hero-ai-visual::before{display:none !important}
.hero-ai-overlay{position:absolute;inset:0;z-index:1 !important;background:transparent !important;pointer-events:none}
.hero-ai-image{display:none !important;transform:none !important;transition:none !important}

/* Animated solid orbit lines around the fixed globe. */
.hero-orbit-line{
  position:absolute;
  z-index:4;
  pointer-events:none;
  border-radius:50%;
  background:transparent;
  border-width:2px;
  border-style:solid;
  border-color:
    rgba(255,245,246,.60)
    rgba(255,104,120,.16)
    rgba(255,230,234,.40)
    rgba(255,55,75,.13);
  box-shadow:0 0 12px rgba(255,75,90,.18),inset 0 0 7px rgba(255,75,90,.06);
  will-change:transform;
}
.hero-orbit-line::before,.hero-orbit-line::after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 12px rgba(255,255,255,1),0 0 26px rgba(255,38,58,.96),0 0 42px rgba(255,0,25,.55);
}
.hero-orbit-line::before{width:13px;height:13px}
.hero-orbit-line::after{width:8px;height:8px;opacity:.86}

.orbit-line-a{width:100%;height:48%;left:-7%;top:29%;animation:kastOrbitVisibleA 13s linear infinite !important}
.orbit-line-a::before{left:80%;top:-7px}.orbit-line-a::after{left:16%;bottom:-5px}
.orbit-line-b{width:71%;height:92%;left:13%;top:4%;animation:kastOrbitVisibleB 17s linear infinite !important}
.orbit-line-b::before{left:82%;top:14%}.orbit-line-b::after{left:18%;bottom:13%}
.orbit-line-c{width:82%;height:60%;left:5%;top:24%;animation:kastOrbitVisibleC 20s linear infinite !important}
.orbit-line-c::before{left:7%;bottom:9%}.orbit-line-c::after{right:10%;top:17%}

/* Existing overlay motion remains; globe itself never moves. */
.hero-ring{z-index:3 !important;border-color:rgba(255,225,230,.18) !important;opacity:.72}
.ring-a{animation-duration:17s !important}.ring-b{animation-duration:21s !important}.ring-c{animation-duration:27s !important}

.hero-data-flow{
  z-index:6 !important;height:3px !important;opacity:.90 !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),rgba(255,70,88,.88),transparent) !important;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.72)) drop-shadow(0 0 12px rgba(255,30,55,.72)) !important;
}
.hero-data-flow::after{width:9px !important;height:9px !important;top:-3px !important;animation-duration:3.1s !important}
.hero-node{
  z-index:7 !important;width:10px !important;height:10px !important;
  box-shadow:0 0 0 5px rgba(255,45,65,.13),0 0 16px rgba(255,255,255,1),0 0 32px rgba(255,0,30,.78) !important;
  animation-duration:2.3s !important;
}

/* Overlay-only parallax. */
.flow-a{transform:rotate(-14deg) translate3d(calc(var(--mx) * .10),calc(var(--my) * .10),0) !important}
.flow-b{transform:rotate(8deg) translate3d(calc(var(--mx) * -.08),calc(var(--my) * -.08),0) !important}
.flow-c{transform:rotate(-26deg) translate3d(calc(var(--mx) * .07),calc(var(--my) * .07),0) !important}
.hero-node{transform:translate3d(calc(var(--mx) * .06),calc(var(--my) * .06),0)}

@keyframes kastOrbitVisibleA{
  from{transform:rotate(-12deg) translate3d(calc(var(--mx) * -.05),calc(var(--my) * -.05),0)}
  to{transform:rotate(348deg) translate3d(calc(var(--mx) * -.05),calc(var(--my) * -.05),0)}
}
@keyframes kastOrbitVisibleB{
  from{transform:rotate(382deg) translate3d(calc(var(--mx) * .04),calc(var(--my) * .04),0)}
  to{transform:rotate(22deg) translate3d(calc(var(--mx) * .04),calc(var(--my) * .04),0)}
}
@keyframes kastOrbitVisibleC{
  from{transform:rotate(31deg) translate3d(calc(var(--mx) * -.04),calc(var(--my) * -.04),0)}
  to{transform:rotate(391deg) translate3d(calc(var(--mx) * -.04),calc(var(--my) * -.04),0)}
}

.hero-ai-visual .hero-side-copy{
  z-index:8 !important;right:10px !important;top:112px !important;
  font-size:15px !important;letter-spacing:.24em !important;line-height:1.55 !important;
  color:rgba(255,255,255,.78) !important;
}

@media(max-width:1050px){
  .hero-v4{background-position:60% center !important}
  .hero-ai-visual{min-height:390px}
}
@media(max-width:700px){
  .hero-v4{background-position:64% center !important}
  .hero-ai-visual{min-height:290px}
  .hero-orbit-line{opacity:.68}.hero-ring{opacity:.45}
}
@media (prefers-reduced-motion: reduce){
  .hero-orbit-line,.hero-ring,.hero-node,.hero-data-flow,.hero-data-flow::after{animation:none !important}
}

/* =========================================================
   KAST v0.7.7 — EXTENDED TECHNOLOGY STACK
   ========================================================= */
.tech-stack-section{padding-top:105px;padding-bottom:110px}
.tech-stack-head{max-width:900px}
.tech-stack-groups{display:grid;gap:26px}
.tech-stack-group{
  max-width:1280px;
  width:100%;
  margin:0 auto;
  background:#fff;
  border:1px solid #e5e8ec;
  border-radius:22px;
  padding:28px;
  box-shadow:0 12px 38px rgba(17,19,24,.045);
}
.tech-stack-title{display:flex;align-items:flex-start;gap:18px;margin-bottom:22px}
.tech-stack-title>span{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:46px;height:46px;
  border-radius:50%;
  background:#fff0f1;
  color:var(--red);
  font-weight:900;
  font-size:12px;
}
.tech-stack-title h3{font-size:28px;margin:0 0 5px;letter-spacing:-.025em}
.tech-stack-title p{margin:0;color:var(--muted)}
.tech-chip-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.tech-chip-grid>div{
  min-width:0;
  border:1px solid #e8eaee;
  border-radius:12px;
  padding:14px 15px;
  background:linear-gradient(180deg,#fff,#fafbfc);
  transition:.18s ease;
}
.tech-chip-grid>div:hover{
  border-color:#efb7bc;
  transform:translateY(-2px);
  box-shadow:0 9px 24px rgba(17,19,24,.055);
}
.tech-chip-grid b{
  display:block;
  font-size:15px;
  color:#17191e;
  overflow-wrap:anywhere;
}
.tech-chip-grid span{
  display:block;
  margin-top:6px;
  font-size:11px;
  line-height:1.4;
  color:#858a93;
  overflow-wrap:anywhere;
}
.tech-stack-note{
  max-width:1280px;
  margin:28px auto 0;
  border-left:4px solid var(--red);
  padding:22px 24px;
  border-radius:0 13px 13px 0;
  background:#fff;
}
.tech-stack-note strong{font-size:16px}
.tech-stack-note p{margin:7px 0 0;color:var(--muted);line-height:1.7}
@media(max-width:1050px){
  .tech-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:780px){
  .tech-stack-group{padding:22px}
  .tech-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tech-stack-title h3{font-size:24px}
}
@media(max-width:480px){
  .tech-chip-grid{grid-template-columns:1fr}
  .tech-stack-title{gap:12px}
}


/* =========================================================
   KAST v0.7.8 — BACK TO TOP BUTTON
   ========================================================= */
.back-to-top{
  position:fixed;
  right:28px;
  bottom:28px;
  z-index:90;
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:linear-gradient(145deg,#e60012,#b9000d);
  color:#fff;
  box-shadow:0 10px 26px rgba(230,0,18,.25),0 4px 12px rgba(17,19,24,.12);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(14px) scale(.92);
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease,box-shadow .22s ease;
}
.back-to-top span{
  display:block;
  font-size:24px;
  line-height:1;
  font-weight:700;
  transform:translateY(-1px);
}
.back-to-top.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}
.back-to-top:hover{
  transform:translateY(-3px) scale(1.04);
  box-shadow:0 14px 32px rgba(230,0,18,.32),0 6px 16px rgba(17,19,24,.14);
}
.back-to-top:focus-visible{
  outline:3px solid rgba(230,0,18,.22);
  outline-offset:4px;
}
@media(max-width:700px){
  .back-to-top{
    right:16px;
    bottom:18px;
    width:46px;
    height:46px;
  }
}
@media(prefers-reduced-motion:reduce){
  .back-to-top{transition:none}
}

/* =========================================================
   KAST v0.7.9 — COMPANY EXPERIENCE / SPONSOR LOGOS
   ========================================================= */
.sponsor-section{padding-top:90px;padding-bottom:105px}
.sponsor-logo-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  max-width:1280px;
  margin:0 auto;
}
.sponsor-card{
  min-width:0;
  min-height:184px;
  padding:22px 16px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  text-decoration:none;
  color:#17191e;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(17,19,24,.045);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.sponsor-card:hover{
  transform:translateY(-4px);
  border-color:#efb6bc;
  box-shadow:0 18px 44px rgba(17,19,24,.075);
}
.sponsor-logo{
  width:100%;
  height:86px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  margin-bottom:14px;
}
.sponsor-logo img{
  display:block;
  max-width:92%;
  max-height:70px;
  width:auto;
  height:auto;
  object-fit:contain;
}
/* UNICEF source contains multiple official lockups; show the blue-on-white horizontal lockup. */
.sponsor-logo-unicef{
  position:relative;
  height:86px;
}
.sponsor-logo-unicef img{
  max-width:none;
  max-height:none;
  width:285px;
  height:auto;
  transform:translateY(-1px);
  object-fit:contain;
  object-position:left bottom;
}
/* KFHI official CI source sheet contains color + mono variants; crop to color CI. */
.sponsor-logo-kfhi{
  position:relative;
}
.sponsor-logo-kfhi img{
  max-width:none;
  max-height:none;
  width:430px;
  height:auto;
  transform:translateX(110px);
}
.sponsor-card b{
  display:block;
  font-size:15px;
  line-height:1.35;
  letter-spacing:-.015em;
}
.sponsor-card>span{
  display:block;
  margin-top:6px;
  font-size:10px;
  line-height:1.35;
  color:#8a8f97;
  word-break:keep-all;
}
@media(max-width:1100px){
  .sponsor-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .sponsor-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sponsor-card{min-height:170px}
}
@media(max-width:420px){
  .sponsor-logo-grid{grid-template-columns:1fr}
}


/* =========================================================
   KAST v0.8.0 — EXECUTIVE HISTORY
   ========================================================= */
.executive-history-section{padding-top:92px;padding-bottom:96px}
.experience-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  max-width:1280px;
  margin:0 auto;
}
.experience-card{
  position:relative;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:20px;
  align-items:center;
  min-height:178px;
  padding:25px 26px;
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#fbfbfc);
  color:#17191e;
  text-decoration:none;
  overflow:hidden;
  box-shadow:0 12px 34px rgba(17,19,24,.04);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.experience-card::after{
  content:"↗";
  position:absolute;
  right:20px;
  top:17px;
  font-size:14px;
  color:#c3c7cd;
  transition:.2s ease;
}
.experience-card:hover{
  transform:translateY(-3px);
  border-color:#efb6bc;
  box-shadow:0 18px 44px rgba(17,19,24,.07);
}
.experience-card:hover::after{color:var(--red);transform:translate(2px,-2px)}
.experience-no{
  position:absolute;
  left:15px;
  top:13px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  color:#b5bac2;
}
.experience-mark{
  width:104px;
  height:72px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#f4f5f7;
  font-weight:900;
  font-size:25px;
  letter-spacing:-.04em;
  border:1px solid #eceef1;
}
.krx-mark{color:#9a6f25;background:linear-gradient(145deg,#fff8e8,#f5f1e7)}
.defense-mark{color:#26394f;background:linear-gradient(145deg,#f1f5f8,#e9edf1)}
.lg-mark{color:#a50034;background:linear-gradient(145deg,#fff2f6,#f7ecef)}
.kdn-mark{color:#e21a2d;background:linear-gradient(145deg,#fff4ef,#f8eeee)}
.ibk-mark{color:#0065b3;background:linear-gradient(145deg,#eef7ff,#edf3f8)}
.crms-mark{color:#315b8a;background:linear-gradient(145deg,#eef6fc,#edf2f6)}
.experience-card b{display:block;font-size:21px;letter-spacing:-.025em;margin-bottom:6px}
.experience-card em{display:block;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.1em;color:#9aa0a9;margin-bottom:10px}
.experience-card p{margin:0;padding-right:20px;color:#696f78;font-size:13px;line-height:1.65;word-break:keep-all}
@media(max-width:900px){
  .experience-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .experience-card{grid-template-columns:82px minmax(0,1fr);gap:14px;padding:22px 18px;min-height:158px}
  .experience-mark{width:78px;height:60px;font-size:20px}
  .experience-card b{font-size:18px}
  .experience-card p{padding-right:6px;font-size:12px}
}

/* =========================================================
   KAST v0.8.1 — SPONSOR SINGLE LOGO FIX
   ========================================================= */
.sponsor-logo-unicef,
.sponsor-logo-kfhi{
  height:86px !important;
  overflow:hidden !important;
}
.sponsor-logo-unicef img,
.sponsor-logo-kfhi img{
  width:auto !important;
  height:auto !important;
  max-width:92% !important;
  max-height:72px !important;
  transform:none !important;
  object-fit:contain !important;
  object-position:center !important;
}


/* =========================================================
   KAST v0.9.0 — LOCAL PREDEPLOY OPERATIONS
   ========================================================= */
.consent-row{
  display:flex!important;
  align-items:flex-start;
  gap:10px;
  padding:14px 16px;
  border:1px solid #e5e8ec;
  border-radius:12px;
  background:#fafbfc;
  font-size:13px;
  line-height:1.6;
}
.consent-row input[type="checkbox"]{
  flex:0 0 auto;
  width:18px;height:18px;
  margin-top:2px;
}
.consent-row a{color:var(--red);font-weight:700;text-decoration:underline}
.kast-form label small{display:block;margin-top:7px;color:var(--muted);font-size:12px}

.job-requirements{
  display:block;
  margin:10px 0;
  color:#6c717a;
  line-height:1.55;
  white-space:pre-line;
}
.job-meta{
  margin:12px 0 16px;
  font-size:12px;
  font-weight:700;
  color:#8b9098;
}
.map-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  margin-top:16px;
}
.legal-version{
  padding:16px 18px;
  border-left:4px solid var(--red);
  border-radius:0 12px 12px 0;
  background:#fff5f5;
}

.admin-request-card,
.admin-career-card{
  display:block;
  padding:20px;
  border:1px solid #e5e8ec;
  border-radius:14px;
  background:#fff;
}
.admin-request-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.admin-request-head p{margin:5px 0 0;color:var(--muted);font-size:12px}
.admin-request-head select{
  min-width:120px;
  padding:9px 10px;
  border:1px solid #dfe3e8;
  border-radius:9px;
  background:#fff;
}
.admin-request-desc{
  white-space:pre-wrap;
  line-height:1.65;
}
.admin-attachments{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0;
}
.admin-attachments a,
.admin-attachments span{
  display:inline-flex;
  gap:7px;
  align-items:center;
  padding:8px 10px;
  border:1px solid #e4e7eb;
  border-radius:9px;
  background:#fafbfc;
  color:#30343a;
  font-size:12px;
}
.admin-form-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:12px;
}
.admin-inline-msg{font-size:12px;color:var(--red);font-weight:700}
.admin-muted-badge{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  background:#eef0f3;
  color:#777d87;
  font-size:10px;
  font-style:normal;
}
#careerPostingForm,
#siteSettingForm{margin-bottom:24px}

@media(max-width:700px){
  .admin-request-head{flex-direction:column}
  .admin-request-head select{width:100%}
  .admin-form-actions .btn,
  .admin-form-actions button{width:100%}
}

/* =========================================================
   KAST v0.9.1 — AUDIT FIXES
   ========================================================= */
.room-login-grid{margin-bottom:12px}
.room-login-grid select,
.room-login-grid input{width:100%}
.credential-state{
  display:block;
  margin-top:6px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
  color:#7a8089;
}
.admin-row .credential-state{color:#8a9099}

/* =========================================================
   KAST v0.10.0 — LOCAL OPERATIONS FINAL
   ========================================================= */
.admin-edit-modal{z-index:1200}
.admin-edit-box{max-width:860px;width:min(92vw,860px);max-height:90vh;overflow:auto}
.form-hint{margin:8px 0 14px;color:var(--muted);font-size:12px;line-height:1.6}
.diagnostic-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;
}
.diagnostic-grid>div{
  min-height:92px;padding:16px;border:1px solid #e5e8ec;border-radius:14px;background:#fff;
  display:flex;flex-direction:column;justify-content:space-between;gap:8px;
}
.diagnostic-grid span{font-size:11px;font-weight:700;color:#858b94;letter-spacing:.03em}
.diagnostic-grid b{font-size:18px;line-height:1.25;word-break:break-word}
.diagnostic-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px}
.diag-check{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:11px;border:1px solid #e5e8ec;background:#fafbfc}
.diag-check b{font-size:13px}.diag-check span{font-size:12px;color:#7c828c;text-align:right}
.diag-check.ok{border-color:#d8eadf;background:#f7fbf8}.diag-check.ok b{color:#237a42}
.diag-check.pending{border-color:#f0e3c1;background:#fffaf0}.diag-check.pending b{color:#8b6513}
.diag-path{grid-column:1/-1;margin:2px 0 0;padding:10px 12px;border-radius:9px;background:#f4f6f8;color:#666d77;font-size:11px;word-break:break-all}
.admin-system-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:14px 0 26px;padding:16px;border-radius:12px;background:#fafbfc;border:1px solid #e5e8ec}
.admin-system-actions span{font-size:12px;color:#777d87}
.admin-security-form{margin-bottom:20px}
.local-tool-guide{padding:16px 18px;border-left:4px solid var(--red);border-radius:0 12px 12px 0;background:#fff5f5}
.local-tool-guide b{display:block;margin-bottom:5px}.local-tool-guide p{margin:0;line-height:1.7;color:#686e77;font-size:12px}
.local-tool-guide code{padding:2px 5px;border-radius:5px;background:#fff;border:1px solid #eee;font-size:11px}
.audit-list{display:grid;gap:9px}
.audit-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(100px,.5fr) minmax(220px,1fr);gap:12px;align-items:center;padding:13px 15px;border:1px solid #e5e8ec;border-radius:12px;background:#fff}
.audit-row>div:first-child{display:flex;flex-direction:column;gap:4px}.audit-row>div:first-child b{font-size:13px}.audit-row>div:first-child span{font-size:11px;color:#858b94}
.audit-entity{font-size:12px;color:#696f78}.audit-row code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 9px;border-radius:7px;background:#f4f6f8;color:#565c65;font-size:10px}
#auditLimit{padding:9px 10px;border:1px solid #dfe3e8;border-radius:9px;background:#fff}
@media(max-width:980px){.diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-row{grid-template-columns:1fr 140px}.audit-row code{grid-column:1/-1}}
@media(max-width:620px){.diagnostic-grid,.diagnostic-notes{grid-template-columns:1fr}.audit-row{grid-template-columns:1fr}.audit-entity{margin-top:-4px}.diag-check{align-items:flex-start;flex-direction:column}.diag-check span{text-align:left}.admin-system-actions .btn{width:100%;text-align:center}}