:root{--panel:rgba(16,20,28,.82);--line:rgba(255,255,255,.12);--text:#f7f2ea;--muted:#d2c9b9;--gold:#d9b66f;--shadow:0 28px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:"Noto Sans KR",sans-serif;background:radial-gradient(circle at 20% 18%,rgba(216,136,160,.24),transparent 30%),radial-gradient(circle at 78% 20%,rgba(120,198,210,.24),transparent 30%),linear-gradient(180deg,#141924 0%,#1b2433 52%,#121722 100%)}.ambient{position:fixed;border-radius:999px;filter:blur(60px);opacity:.35;pointer-events:none}.ambient-a{width:420px;height:420px;left:-120px;top:90px;background:rgba(220,140,164,.5)}.ambient-b{width:440px;height:440px;right:-160px;top:180px;background:rgba(102,180,184,.42)}.topbar,main{position:relative;z-index:2}.topbar{display:flex;align-items:center;justify-content:space-between;padding:28px 48px}.brand{display:flex;gap:14px;align-items:center}.brand strong{display:block;font-size:1.35rem}.brand p{margin:4px 0 0;color:var(--muted);font-size:.95rem}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.14);border-radius:16px;font-family:"Marcellus",serif;font-size:1.8rem;color:var(--gold);background:rgba(255,255,255,.03);backdrop-filter:blur(16px)}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none}.hero,.feature-grid,.studio-grid,.panel,.roadmap-grid{max-width:1320px;margin:0 auto 28px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;padding:30px 10px 10px}.eyebrow{margin:0 0 16px;color:var(--gold);font-size:1.05rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero h1,.panel h2,.feature-card h2,.roadmap-card h2{font-family:"Marcellus",serif}.hero h1{margin:0;font-size:clamp(2.7rem,5vw,5rem);line-height:1.06;max-width:14ch}.lead{margin:24px 0 0;max-width:720px;color:#efe4d1;font-size:1.25rem;line-height:1.8}.hero-actions,.ai-buttons,.pill-set,.tool-row{display:flex;gap:12px;align-items:center}.hero-actions{margin-top:26px;flex-wrap:wrap}.button,select,input,textarea{font:inherit}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:.18s ease}.button-primary{color:#0d0f13;background:linear-gradient(135deg,#f0d494,#d99a74 90%);box-shadow:0 14px 36px rgba(217,182,111,.22)}.button-secondary{color:var(--text);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}.button.ghost{color:var(--muted);background:transparent;border-color:rgba(255,255,255,.14)}.hero-bullets{margin:26px 0 0;padding-left:20px;color:var(--muted);line-height:1.9;font-size:1.08rem}.hero-art{position:relative;min-height:470px;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:linear-gradient(140deg,rgba(216,142,163,.18),transparent 38%),linear-gradient(300deg,rgba(91,189,188,.24),transparent 42%),rgba(255,255,255,.07);box-shadow:var(--shadow)}.art-card{position:absolute;max-width:320px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(9,12,18,.55);backdrop-filter:blur(18px)}.art-card-main{left:34px;top:38px}.mini-label{display:inline-block;margin-bottom:10px;color:#87d2d1;font-size:.95rem;letter-spacing:.12em;text-transform:uppercase}.art-card strong{display:block;font-size:1.7rem;margin-bottom:12px}.art-card p{margin:0;color:var(--muted);line-height:1.8}.orb{position:absolute;border-radius:999px;filter:blur(6px)}.orb-one{width:230px;height:230px;right:80px;top:80px;background:radial-gradient(circle at 30% 30%,rgba(255,236,177,.95),rgba(240,136,130,.2)),rgba(228,144,164,.48)}.orb-two{width:300px;height:300px;right:-40px;bottom:-40px;background:radial-gradient(circle at 40% 40%,rgba(144,238,216,.82),rgba(64,116,138,.14)),rgba(72,166,179,.3)}.score-ribbon{position:absolute;right:24px;top:24px;display:flex;gap:18px;color:rgba(255,255,255,.7);font-size:2.4rem;transform:rotate(-4deg)}.feature-grid,.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-card,.roadmap-card,.panel{border:1px solid var(--line);border-radius:30px;background:rgba(28,34,46,.84);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.feature-card,.roadmap-card,.panel{padding:26px}.feature-card h2,.roadmap-card h2{margin:0 0 16px;font-size:2rem}.feature-card p,.roadmap-card li,.panel-footnote,.result-empty,.score-meta p{color:#e2d9cb;font-size:1.08rem;line-height:1.8}.studio-grid{display:grid;gap:22px}.panel-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.panel h2{margin:0;font-size:2.5rem}.wrap{flex-wrap:wrap}#sketchCanvas,#scoreSvg{width:100%;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),rgba(5,7,11,.78);border:1px solid rgba(255,255,255,.12)}#sketchCanvas{cursor:crosshair}.score-editor{display:grid;grid-template-columns:1.6fr .8fr;gap:16px}.score-meta{display:flex;flex-direction:column;gap:14px}#scoreExport,.ai-form textarea,.ai-form input,select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:18px;color:var(--text);background:rgba(255,255,255,.04);padding:14px 16px}#scoreExport{min-height:180px;resize:vertical}.pill{border:1px solid rgba(255,255,255,.16);border-radius:999px;background:transparent;color:var(--muted);padding:12px 18px;cursor:pointer}.pill.active{color:#071016;background:linear-gradient(135deg,#aee7e7,#f2cf8f)}.ai-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.ai-form{display:grid;gap:16px}.ai-form label{display:grid;gap:8px;font-size:1.08rem;color:#f7ecd9}.ai-result{min-height:420px;padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 12%),rgba(20,26,36,.86)}.result-card h3{margin:0 0 10px;font-family:"Marcellus",serif;font-size:2rem}.result-section{margin-top:18px}.result-section strong{display:block;margin-bottom:10px;color:var(--gold);font-size:1.05rem}.result-section ul,.roadmap-card ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.9}@media (max-width:1100px){.hero,.score-editor,.ai-layout,.feature-grid,.roadmap-grid{grid-template-columns:1fr}.topbar,main{padding-left:18px;padding-right:18px}}@media (max-width:760px){.topbar{flex-direction:column;align-items:flex-start;gap:16px}.hero h1{font-size:2.5rem}.panel h2,.feature-card h2,.roadmap-card h2{font-size:1.8rem}.lead,.feature-card p,.roadmap-card li,.panel-footnote,.result-empty,.score-meta p,.ai-form label{font-size:1rem}}