*{box-sizing:border-box}html,body{margin:0;background:#050505;color:#fff;font-family:Arial,"Noto Sans KR",sans-serif}
body{min-height:100vh;background:radial-gradient(circle at 38% 35%,#1a0b00 0,#080808 35%,#050505 70%)}
.landing{max-width:1500px;min-height:760px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)}
.hero{position:relative;min-height:760px;overflow:hidden;padding:52px 46px}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.1),rgba(5,5,5,0) 55%,#050505 100%);pointer-events:none}
.hero-copy{position:relative;z-index:3;max-width:590px}
.hero-logo{display:block;width:265px;max-width:58%;margin-bottom:105px;filter:drop-shadow(0 4px 14px #000)}
.eyebrow{color:#ff8a00;font-size:17px;font-weight:900;letter-spacing:.31em;margin:0 0 15px}
h1{font-size:clamp(44px,5vw,72px);line-height:1.05;letter-spacing:-.055em;margin:0;text-shadow:0 4px 20px #000}
h1 span{color:#ff8a00}.subcopy{font-size:18px;line-height:1.72;color:#ededed;margin:24px 0 0;text-shadow:0 2px 12px #000}
.hero-art-wrap{position:absolute;inset:115px -25px 20px 130px;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end}
.hero-glow{position:absolute;width:78%;height:70%;right:0;bottom:7%;background:radial-gradient(circle,#ff8a0040 0,#ff8a001b 38%,transparent 70%);filter:blur(10px)}
.hero-art{position:relative;z-index:2;width:min(92%,760px);max-height:620px;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 20px 30px rgba(0,0,0,.65))}
.actions{padding:70px 55px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 45% 34%,#190b00 0,#090909 38%,#050505 74%)}
.action-logo{display:block;width:390px;max-width:82%;margin:0 auto 58px}
.action-list{display:flex;flex-direction:column;gap:22px}
.action{min-height:128px;display:grid;grid-template-columns:76px 1fr 30px;align-items:center;gap:22px;padding:20px 28px;border-radius:24px;border:1px solid rgba(255,138,0,.32);background:linear-gradient(105deg,#111,#090909);color:#fff;text-decoration:none;transition:.18s ease}
.action:hover{transform:translateY(-2px);border-color:#ff8a00;box-shadow:0 12px 36px rgba(255,138,0,.12)}
.action.primary{background:linear-gradient(115deg,#ff6a00,#ff9700);border-color:#ff9700}
.icon{width:64px;height:64px;border:2.5px solid #ff8a00;border-radius:17px;display:flex;align-items:center;justify-content:center;color:#ff8a00}
.primary .icon{border-color:#fff;color:#fff}.icon svg,.feature-icon svg{width:70%;height:70%;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.action-text strong{display:block;font-size:31px;letter-spacing:-.04em}.action-text small{display:block;font-size:16px;color:#c7c7c7;margin-top:8px}.primary .action-text small{color:#fff}
.action-arrow{font-size:52px;line-height:1;text-align:right}
.features{max-width:1460px;margin:18px auto 0;border:1px solid rgba(255,138,0,.5);border-radius:16px;display:grid;grid-template-columns:repeat(4,1fr);background:#070707;padding:15px 10px}
.feature{min-height:88px;padding:10px 24px;display:flex;align-items:center;gap:18px;border-right:1px solid #2d2d2d}.feature:last-child{border-right:0}
.feature-icon{width:58px;height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:center;color:#ff8a00}
.feature b{display:block;font-size:18px}.feature small{display:block;color:#aaa;margin-top:6px;font-size:14px}
footer{text-align:center;color:#777;padding:28px 20px 34px;font-size:14px}footer strong{color:#ff8a00}
@media(max-width:980px){.landing{grid-template-columns:1fr;min-height:0}.hero{min-height:610px;padding:34px 28px}.hero-logo{width:220px;margin-bottom:70px}.hero-art-wrap{inset:90px -30px 15px 120px}.hero-art{width:88%;max-height:520px}.actions{padding:44px 26px 50px}.action-logo{width:300px;margin-bottom:36px}.action{min-height:110px}.features{margin:0 18px;grid-template-columns:1fr 1fr}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid #2d2d2d}}
@media(max-width:560px){.hero{min-height:560px;padding:28px 20px}.hero-logo{width:185px;margin-bottom:44px}.eyebrow{font-size:12px}.hero-copy h1{font-size:38px}.subcopy{font-size:15px}.hero-art-wrap{inset:190px -25px 0 25px;align-items:flex-end}.hero-art{width:100%;max-height:370px}.hero:after{background:linear-gradient(0deg,rgba(5,5,5,.1),rgba(5,5,5,0) 70%)}
.actions{padding:34px 18px}.action-logo{width:245px}.action{grid-template-columns:55px 1fr 22px;min-height:94px;padding:14px 16px;border-radius:18px;gap:12px}.icon{width:50px;height:50px;border-radius:13px}.action-text strong{font-size:23px}.action-text small{font-size:13px}.action-arrow{font-size:38px}
.features{grid-template-columns:1fr;padding:3px 14px}.feature{border-right:0!important;border-bottom:1px solid #2d2d2d!important}.feature:last-child{border-bottom:0!important}}


/* v3 requested hero adjustments */
.hero-copy{
  max-width:none;
  width:100%;
}
.hero-copy .eyebrow{
  margin-top:92px;
}
.hero-copy h1{
  font-size:clamp(35px,4vw,58px);
  white-space:nowrap;
  letter-spacing:-.05em;
}
.hero-copy h1 br{
  display:none;
}
.hero-copy .subcopy{
  white-space:nowrap;
  font-size:17px;
  margin-top:22px;
}
.hero-art-wrap{
  inset:205px auto 18px 72px;
  width:76%;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
}
.hero-art{
  width:min(100%,690px);
  max-height:500px;
  object-position:left bottom;
}
@media(max-width:980px){
  .hero-copy .eyebrow{margin-top:45px}
  .hero-copy h1{font-size:clamp(32px,6vw,48px)}
  .hero-art-wrap{inset:185px auto 8px 45px;width:82%}
  .hero-art{max-height:430px}
}
@media(max-width:700px){
  .hero-copy h1{white-space:normal}
  .hero-copy .subcopy{white-space:normal}
}
@media(max-width:560px){
  .hero-copy .eyebrow{margin-top:20px}
  .hero-art-wrap{inset:190px 0 0 10px;width:96%}
}