/* makeus.ai — homepage styles */
*{box-sizing:border-box;}
body{margin:0;background:#0a0a0b;color:#fff;font-family:'Space Grotesk','Noto Sans KR',sans-serif;}
a{color:inherit;text-decoration:none;}
::selection{background:#7c5cff;color:#fff;}

.page{min-height:100vh;background:#0a0a0b;overflow:hidden;}

/* morphing polygons */
@keyframes morphLeft{
  0%{clip-path:polygon(0% 4%,78% 0%,60% 26%,96% 46%,52% 58%,88% 82%,30% 96%,0% 74%);}
  50%{clip-path:polygon(0% 0%,62% 8%,92% 30%,58% 44%,100% 64%,46% 74%,74% 100%,0% 88%);}
  100%{clip-path:polygon(0% 4%,78% 0%,60% 26%,96% 46%,52% 58%,88% 82%,30% 96%,0% 74%);}
}
@keyframes morphRight{
  0%{clip-path:polygon(22% 0%,100% 6%,100% 92%,66% 100%,84% 62%,40% 74%,58% 42%,4% 30%);}
  50%{clip-path:polygon(38% 0%,100% 0%,100% 78%,78% 100%,52% 66%,90% 48%,34% 40%,0% 18%);}
  100%{clip-path:polygon(22% 0%,100% 6%,100% 92%,66% 100%,84% 62%,40% 74%,58% 42%,4% 30%);}
}
.shard{position:absolute;z-index:1;pointer-events:none;}
.shard-left{top:-40px;left:-30px;width:280px;height:560px;animation:morphLeft 20s ease-in-out infinite;
  background:conic-gradient(from 180deg at -25% -25%,#ef4444,#f97316,#fbbf24,#7c5cff,#2563eb,#ef4444);}
.shard-right{top:-60px;right:-30px;width:380px;height:500px;animation:morphRight 24s ease-in-out infinite;
  background:conic-gradient(from 40deg at 125% -25%,#fbbf24,#ec4899,#7c5cff,#22d3ee,#f97316,#fbbf24);}

/* nav */
.nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px 48px;max-width:1400px;margin:0 auto;}
.nav-left{display:flex;align-items:center;gap:40px;}
.logo{display:flex;align-items:baseline;gap:2px;font-size:24px;font-weight:700;letter-spacing:-0.02em;}
.logo .dot{color:#7c5cff;}
.nav-links{display:flex;gap:28px;font-size:14.5px;color:#a1a1aa;font-family:'Noto Sans KR',sans-serif;}
.nav-links a{transition:color .15s;}
.nav-links a:hover{color:#fff;}
.nav-right{display:flex;align-items:center;gap:14px;font-family:'Noto Sans KR',sans-serif;}
.nav-right .login{font-size:14.5px;color:#d4d4d8;}
.btn-solid{font-size:14.5px;font-weight:700;color:#0a0a0b;background:#fff;padding:9px 20px;border-radius:999px;transition:transform .15s;}
.btn-solid:hover{transform:translateY(-1px);}

/* hero */
.hero{position:relative;max-width:1400px;margin:0 auto;}
.hero-inner{position:relative;z-index:10;text-align:center;padding:70px 24px 60px;font-family:'Noto Sans KR',sans-serif;}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:0.14em;color:#a78bfa;text-transform:uppercase;margin-bottom:22px;}
.hero h1{font-size:60px;line-height:1.14;font-weight:900;letter-spacing:-0.03em;margin:0 auto 24px;max-width:860px;}
.hero p{font-size:18px;line-height:1.65;color:#a1a1aa;max-width:580px;margin:0 auto 34px;}
.hero-cta{display:flex;gap:12px;justify-content:center;}
.hero-cta a{font-size:15px;font-weight:700;padding:13px 28px;border-radius:999px;transition:transform .15s,border-color .15s;}
.cta-primary{color:#0a0a0b;background:#fff;}
.cta-primary:hover{transform:translateY(-2px);}
.cta-ghost{color:#fff;border:1px solid #3f3f46;}
.cta-ghost:hover{border-color:#71717a;}

/* apps */
.apps{position:relative;z-index:10;max-width:1240px;margin:0 auto;padding:20px 40px 100px;}
.apps-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:26px;font-family:'Noto Sans KR',sans-serif;}
.apps-head h2{font-size:22px;font-weight:700;letter-spacing:-0.01em;margin:0;}
.apps-head .count{font-size:13.5px;color:#71717a;}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}

/* card — live */
.card{display:block;background:#151517;border:1px solid #232326;border-radius:18px;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s;}
.card:hover{transform:translateY(-4px);border-color:#2f5d4f;box-shadow:0 18px 44px rgba(16,138,96,.18);}
.card-visual{position:relative;height:230px;padding:26px 26px 22px;overflow:hidden;
  background:radial-gradient(120% 120% at 85% 15%,#1a5e4a 0%,#0f3d33 45%,#0a2a26 100%);}
.card-visual .glow{position:absolute;right:-60px;bottom:-70px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(52,211,153,.35),transparent 70%);}
.wordmark{display:flex;align-items:center;gap:10px;}
.wordmark .name{font-size:22px;font-weight:700;letter-spacing:-0.02em;}
.wordmark .name .thin{color:#e6fff5;font-weight:400;}
.wordmark .name .bold{color:#34d399;}
.wordmark .div{width:1px;height:16px;background:rgba(255,255,255,.25);}
.wordmark .os{font-size:11px;font-weight:700;letter-spacing:0.16em;color:#7fe9c4;}
.card-visual .pitch{margin-top:20px;}
.card-visual .pitch .kicker{font-size:11.5px;font-weight:700;letter-spacing:0.06em;color:#7fe9c4;margin-bottom:10px;}
.card-visual .pitch .lead{font-size:27px;font-weight:900;line-height:1.2;color:#fff;font-family:'Noto Sans KR',sans-serif;}
.card-body{padding:20px 24px 24px;font-family:'Noto Sans KR',sans-serif;}
.card-meta{display:flex;align-items:center;gap:9px;margin-bottom:12px;}
.card-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#34d399;color:#08241d;font-weight:900;font-size:15px;}
.card-name{font-size:15.5px;font-weight:700;}
.badge{margin-left:auto;font-size:10.5px;font-weight:700;letter-spacing:0.05em;padding:3px 9px;border-radius:999px;}
.badge-live{color:#34d399;background:rgba(52,211,153,.12);}
.card-desc{font-size:13.5px;line-height:1.55;color:#a1a1aa;margin:0 0 16px;}
.card-go{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:#0a0a0b;background:#34d399;padding:9px 18px;border-radius:999px;}
.card-go .arrow{font-size:15px;}

/* card — placeholder */
.card-soon{display:block;background:#0f0f11;border:1px dashed #26262a;border-radius:18px;overflow:hidden;}
.soon-visual{height:230px;display:grid;place-items:center;position:relative;overflow:hidden;background:#131315;}
.soon-visual .inner{position:relative;z-index:2;text-align:center;}
.soon-visual .plus{width:46px;height:46px;margin:0 auto 12px;border-radius:12px;border:1px solid #2c2c31;display:grid;place-items:center;color:#52525b;font-size:24px;font-weight:300;}
.soon-visual .tag{font-size:12.5px;font-weight:600;letter-spacing:0.14em;color:#52525b;text-transform:uppercase;}
.soon-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#232327;color:#6b6b73;font-weight:700;font-size:13px;}
.soon-name{font-size:15.5px;font-weight:700;color:#71717a;font-family:'Noto Sans KR',sans-serif;}
.badge-soon{color:#71717a;background:#1c1c1f;}
.soon-desc{font-size:13.5px;line-height:1.55;color:#5b5b63;margin:0;font-family:'Noto Sans KR',sans-serif;}

/* footer */
.footer{position:relative;z-index:10;border-top:1px solid #1c1c1f;max-width:1240px;margin:0 auto;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.footer .logo{font-size:18px;}
.footer .copy{font-size:13px;color:#52525b;font-family:'Noto Sans KR',sans-serif;}

@media(max-width:900px){.grid{grid-template-columns:1fr;}.hero h1{font-size:40px;}.nav-links{display:none;}}