/* AURYNOQ V3 — product studio visual system */
:root{
  --v3-blue:#6d7cff;
  --v3-violet:#8b5cf6;
  --v3-cyan:#76d9ff;
  --v3-night:#080b13;
  --v3-night2:#101525;
  --v3-soft:#f5f5f8;
  --v3-lilac:#eeeaff;
}
::selection{background:#c9c7ff;color:#0a0d14}
body{background:#f6f6f8}
.dot{background:var(--v3-blue);box-shadow:0 0 0 5px rgba(109,124,255,.13)}
.topbar{background:rgba(9,12,20,.88);border-color:rgba(255,255,255,.09);box-shadow:0 16px 44px rgba(5,8,18,.22)}
.nav .cta,.mobile-nav a:last-child{background:linear-gradient(135deg,var(--v3-blue),var(--v3-violet));color:#fff}
.nav .cta:hover{background:linear-gradient(135deg,#8190ff,#9b72ff)}
.hero{background:var(--v3-night)}
.hero:before{background:radial-gradient(circle at 76% 18%,rgba(109,124,255,.40),transparent 27%),radial-gradient(circle at 84% 68%,rgba(139,92,246,.22),transparent 28%),radial-gradient(circle at 20% 88%,rgba(118,217,255,.10),transparent 30%)}
.hero .pill{color:#c5cbea;background:rgba(255,255,255,.045)}
.hero h1 span{color:#bac1d4}
.hero-desc{color:#aeb7ca}
.btn-light{background:linear-gradient(135deg,#f7f8ff,#e8e8ff);color:#0b0f1a}
.btn-light:hover{background:linear-gradient(135deg,#dce2ff,#e7dcff)}
.btn-ghost:hover{background:rgba(255,255,255,.08)}
.stage-card{background:linear-gradient(155deg,rgba(20,26,43,.88),rgba(10,13,23,.92));border-color:rgba(139,125,255,.19);box-shadow:0 50px 130px rgba(3,6,16,.52)}
.stage-bento .b{background:linear-gradient(145deg,#7183ff,#8b5cf6);color:#fff}
.stage-bento .c{background:#eceaff;color:#17152a}
.phone-status{background:#dfe4ff;color:#27325d}
.signal{background:#0a0e18;color:#aeb8cc;border-color:rgba(255,255,255,.055)}
.signal span:before{color:#8390ff}
.hero-domains{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:30px;max-width:720px}
.hero-domain{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:13px 14px;background:rgba(255,255,255,.035)}
.hero-domain small{display:block;font-size:9px;letter-spacing:.12em;color:#7f8aa1;font-weight:900}
.hero-domain b{display:block;margin-top:6px;font-size:13px;line-height:1.35;color:#f5f7ff}
.hero-domain:nth-child(3){background:linear-gradient(145deg,rgba(109,124,255,.14),rgba(139,92,246,.11));border-color:rgba(130,120,255,.23)}

.services{background:#f6f6f8}
@media(min-width:1101px){
  .services .bento{gap:12px}
  .services .service-card:nth-child(n){grid-column:span 3;min-height:340px;padding:32px;border-radius:24px;color:#10131a;border-color:rgba(15,20,35,.08)}
  .services .service-card:nth-child(1){background:#101522;color:#fff;border-color:#101522}
  .services .service-card:nth-child(2){background:#e9edff}
  .services .service-card:nth-child(3){background:#eee9ff}
  .services .service-card:nth-child(4){background:#edf8ff}
}
.service-card{box-shadow:0 14px 40px rgba(11,17,35,.035)}
.service-card:hover{transform:translateY(-5px);box-shadow:0 22px 58px rgba(11,17,35,.08)}
.service-card h3{letter-spacing:-.04em}

.work{background:#080c14}
.work .section-head p{color:#98a4b9}
.project{border-color:rgba(255,255,255,.075);background:linear-gradient(145deg,#0f1520,#101624);box-shadow:0 28px 80px rgba(0,0,0,.14)}
.project+.project{margin-top:18px}
.project-screen{border:1px solid rgba(255,255,255,.05)}
.project-link-muted{color:#7e8aa2;border-bottom-style:dashed;cursor:default}
.project-mystiq{background:radial-gradient(circle at 80% 20%,rgba(120,98,255,.18),transparent 27%),linear-gradient(145deg,#0c101b,#141226)}
.project-mystiq .project-copy .kicker{color:#b5a6ff}
.mystiq-screen{background:#070810;color:#edf0ff;position:relative}
.mystiq-screen .mock-top{background:#0d0e17;border-color:#1a1d2a;color:#868da5}
.mystiq-shell{position:relative;min-height:450px;overflow:hidden;background:radial-gradient(circle at 72% 35%,rgba(110,86,255,.20),transparent 24%),linear-gradient(160deg,#101323,#070910 68%)}
.mystiq-room{position:absolute;inset:30px 34px 40px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,.005));box-shadow:inset 0 0 90px rgba(0,0,0,.42)}
.mystiq-door{position:absolute;right:12%;top:14%;width:33%;height:67%;border:1px solid rgba(180,172,255,.19);background:linear-gradient(90deg,#141525,#0c0d17);box-shadow:0 0 60px rgba(112,89,255,.12)}
.mystiq-door:before{content:"";position:absolute;inset:13% 16%;border:1px solid rgba(255,255,255,.08);background:repeating-linear-gradient(90deg,rgba(129,113,255,.12) 0 1px,transparent 1px 25px),repeating-linear-gradient(0deg,rgba(129,113,255,.10) 0 1px,transparent 1px 25px)}
.mystiq-key{position:absolute;left:18%;top:31%;font-size:52px;filter:drop-shadow(0 0 18px rgba(139,120,255,.35));transform:rotate(-13deg)}
.mystiq-hud{position:absolute;left:7%;right:7%;bottom:8%;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.mystiq-objective{border:1px solid rgba(255,255,255,.08);background:rgba(7,8,15,.72);backdrop-filter:blur(8px);border-radius:15px;padding:14px}
.mystiq-objective small{font-size:8px;color:#777f99;letter-spacing:.14em;font-weight:900}.mystiq-objective b{display:block;font-size:14px;margin-top:7px}.mystiq-progress{height:5px;border-radius:999px;background:#1b1e2d;margin-top:11px;overflow:hidden}.mystiq-progress i{display:block;width:42%;height:100%;background:linear-gradient(90deg,#6d7cff,#9d6cff)}
.mystiq-stage{border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px 14px;background:#121421;color:#c8c8ee;font-size:10px;font-weight:900;white-space:nowrap}
.demo-row{gap:12px}
.demo{border-color:rgba(255,255,255,.075);background:#0f1520}
.demo-head{margin-top:44px}

.estimate{background:#101522}
.estimate-builder{background:#f7f7fa}
.estimate-result{background:linear-gradient(155deg,#090d16,#11182a);border-color:rgba(127,119,255,.16)}
.result-chip{color:#c4c9e3;border-color:rgba(139,125,255,.2);background:rgba(115,108,255,.07)}
.package-grid{grid-template-columns:repeat(5,1fr)}
.package-btn{transition:.16s ease;background:#fff}
.package-btn:hover{border-color:#adb6e8}
.package-btn.active{border-color:#7584ff;background:#eef0ff;box-shadow:0 0 0 3px rgba(109,124,255,.10)}
.feature input:checked+label{border-color:#7481ff;background:#eef0ff;color:#3f4fce}
.estimate-result .estimate-submit,.quote-submit{background:linear-gradient(135deg,var(--v3-blue),var(--v3-violet));color:#fff;box-shadow:0 12px 30px rgba(96,92,220,.2)}

.pricing{background:#fafafe}
.promo{background:linear-gradient(135deg,#101522,#15172a)}
.promo .pill{color:#c4caff;border-color:rgba(148,136,255,.2)}
.price-card{border-color:rgba(14,20,34,.08);box-shadow:0 12px 34px rgba(11,17,35,.035)}
.price-card:nth-child(2){background:#e9edff}.price-card:nth-child(3){background:#151827}.price-card:nth-child(4){background:#f0edff}.price-card:nth-child(5){background:#edf7ff}
.game-price{background:linear-gradient(145deg,#121525,#1a1730)!important;border-color:#292b4d!important}
.game-guide{background:linear-gradient(145deg,#0f1420,#131426);border-color:rgba(139,125,255,.13)}
.game-tier{background:rgba(255,255,255,.03)}
.care{background:linear-gradient(135deg,#101522,#16152a)}

.process{background:#f0eff4}
.process-card{background:rgba(255,255,255,.74)}
.process-card:nth-child(1),.process-card:nth-child(6){background:#111625}
.portal-band{box-shadow:0 16px 45px rgba(20,24,44,.05)}
.portal-band .btn{background:linear-gradient(135deg,#121726,#22213a)}
.contact{background:#080c14}
.quote-form{background:#f7f7fa}
.footer-cta{background:radial-gradient(circle at 78% 20%,rgba(126,104,255,.26),transparent 30%),linear-gradient(135deg,#11172a,#0a0e18);color:#fff}
.footer-cta .kicker{color:#929dbc}.footer-cta .btn{background:linear-gradient(135deg,#f8f8ff,#e7e5ff);color:#111522}
.chat-open{background:linear-gradient(135deg,#707fff,#8d5ff6);color:#fff;box-shadow:0 18px 50px rgba(48,44,130,.3)}

@media(max-width:1100px){
  .hero-domains{max-width:680px}
  .project-mystiq .project-screen{min-height:430px}
}
@media(max-width:720px){
  .hero{padding-bottom:60px}
  .hero-domains{grid-template-columns:1fr 1fr;gap:7px;margin-top:24px}
  .hero-domain{padding:11px 12px}.hero-domain b{font-size:12px}.hero-domain small{font-size:9px}
  .signal{padding:13px 14px;gap:20px}
  .service-card{box-shadow:none}
  .package-grid{grid-template-columns:1fr 1fr}
  .package-btn[data-pkg="game"]{grid-column:1/-1;min-height:70px}
  .mystiq-shell{min-height:350px}.mystiq-room{inset:20px 18px 28px}.mystiq-key{font-size:40px;left:15%;top:29%}.mystiq-door{right:8%;width:39%}.mystiq-hud{left:5%;right:5%;bottom:6%;grid-template-columns:1fr}.mystiq-stage{justify-self:start}
  .pricing .price-grid{display:flex;overflow-x:auto;gap:12px;padding:2px 2px 16px;scroll-snap-type:x mandatory;scrollbar-width:none}.pricing .price-grid::-webkit-scrollbar{display:none}
  .pricing .price-card{flex:0 0 84%;min-height:330px;scroll-snap-align:start}.pricing .game-guide{flex:0 0 92%;scroll-snap-align:start;min-height:0}.pricing .care{flex:0 0 92%;scroll-snap-align:start;min-height:250px}
  .game-tiers{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.game-tier{flex:0 0 82%;scroll-snap-align:start}
  .footer-cta{padding:64px 0}
}
@media(max-width:350px){.hero-domains{grid-template-columns:1fr}.pricing .price-card{flex-basis:90%}}

/* Keep the project-consulting headline on the intended two lines. */
.contact-copy h2{font-size:clamp(46px,4.4vw,60px);line-height:.98;letter-spacing:-.045em;white-space:nowrap}
@media(max-width:720px){.contact-copy h2{font-size:clamp(38px,10.7vw,46px);line-height:1.04;white-space:nowrap}}
@media(max-width:350px){.contact-copy h2{font-size:36px}}

/* Logo transparency fix — override legacy white image tiles */
.brand img,.footer-brand img{background:transparent!important;border-radius:0!important;object-fit:contain;display:block}
.brand img{width:36px;height:36px}
.footer-brand img{width:31px;height:31px}

/* Service card headline readability */
.service-card h3{
  word-break:keep-all;
  overflow-wrap:normal;
  text-wrap:balance;
  line-height:1.08;
}
@media(min-width:1101px){
  .services .service-card h3{
    font-size:31px;
    line-height:1.08;
    letter-spacing:-.045em;
    max-width:none;
    margin-top:58px;
    margin-bottom:16px;
  }
}
@media(min-width:721px) and (max-width:1100px){
  .services .service-card h3{font-size:34px;line-height:1.1}
}
@media(max-width:720px){
  .services .service-card h3{word-break:keep-all;overflow-wrap:normal;text-wrap:balance}
}
@media(min-width:1101px){
  .pricing .price-card{
    grid-column:span 4 !important;
  }
}
@media (min-width:721px){
  .hero-grid{
    grid-template-columns:1.08fr .92fr !important;
    align-items:center !important;
  }
}
@media (min-width:721px){
  .hero-grid{
    grid-template-columns:1.08fr .92fr !important;
    align-items:center !important;
  }
}

/* Business registration details — concise public disclosure. */
.footer-inner>div:last-child{
  min-width:0;
  max-width:620px;
  text-align:right;
}
.footer-inner>div:last-child::after{
  content:"상호 아우리녹 (AURYNOQ) · 사업자등록번호 297-32-01792";
  display:block;
  margin-top:7px;
  color:#667286;
  font-size:9px;
  font-weight:500;
  line-height:1.65;
  letter-spacing:0;
  word-break:keep-all;
}
@media(max-width:720px){
  .footer-inner>div:last-child{max-width:none;text-align:left}
  .footer-inner>div:last-child::after{margin-top:8px;font-size:10.5px;line-height:1.7}
}

/* Direct footer business info — 2026-09-01 */
.footer-inner>div:last-child::after{content:none!important;display:none!important}
.footer-meta{min-width:0;max-width:620px;text-align:right}
.business-info{margin-top:7px;color:#667286;font-size:9px;font-weight:500;line-height:1.65;letter-spacing:0;word-break:keep-all}
@media(max-width:720px){.footer-meta{max-width:none;text-align:left}.business-info{margin-top:8px;font-size:10.5px;line-height:1.7}}