:root{color-scheme:dark;--bg:#0b1016;--ink:#f1f5f7;--muted:#9da9b6;--line:#2b3643;--panel:#131b24;--mint:#baf6d6;--mint-deep:#84e8b8;--sans:'Manrope','DM Sans','Noto Sans KR',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);word-break:keep-all;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}::selection{background:#95e9c9;color:#10201c}
.ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(78px)}.ambient-left{width:460px;height:490px;top:80px;left:-240px;background:#2d675357}.ambient-right{width:650px;height:570px;right:0;top:190px;background:#2a5b7450}
.site-wrap{max-width:1500px;margin:auto;padding:0 clamp(20px,5.2vw,86px)}.site-header{height:94px;border-bottom:1px solid #ffffff19;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{font-size:35px;font-weight:800;letter-spacing:-.12em;line-height:1}.brand-mark span{color:var(--mint-deep);font-size:.72em;vertical-align:top;margin-left:1px}.wordmark-type{font-size:15px;letter-spacing:-.03em;line-height:1.05;font-weight:800}.wordmark-type strong{color:var(--mint);font-size:inherit}.wordmark-type small{display:block;margin-top:6px;color:#8b9fae;font-size:8px;letter-spacing:.16em}.header-nav{display:flex;gap:42px;color:#b9c3ce;font-size:12px;font-weight:700}.header-nav a:hover{color:var(--mint)}.header-link{font-size:12px;font-weight:800;border:1px solid #4d655d;border-radius:100px;padding:13px 18px;color:#e3fff0;white-space:nowrap}.header-link:hover{background:#baf6d615}.header-link span{margin-left:9px}
.hero{min-height:640px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:18px;padding:64px 0 58px}.hero-content{position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.25em;font-weight:800;color:var(--mint);margin:0 0 28px;line-height:1.5}.eyebrow-dot,.status-dot{display:inline-block;width:7px;height:7px;background:#baf6d6;border-radius:50%;box-shadow:0 0 18px #baf6d6a6;margin-right:12px;vertical-align:middle}.hero h1{font-size:clamp(67px,6.5vw,105px);line-height:1.09;letter-spacing:-.087em;font-weight:800;margin:0 0 34px}.hero h1 em,.roadmap h2 em{font-style:normal;color:var(--mint)}.hero-lead{max-width:560px;font-size:clamp(14px,1.35vw,18px);color:#c0cbd4;line-height:1.9;margin:0 0 32px}.hero-cta{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{min-height:52px;border-radius:12px;padding:16px 23px;display:inline-flex;align-items:center;justify-content:center;gap:26px;font-size:13px;font-weight:800;transition:transform .17s,background .17s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button:focus-visible,.header-nav a:focus-visible,.header-link:focus-visible,.text-button:focus-visible,.result-tabs button:focus-visible{outline:3px solid #baf6d6;outline-offset:4px}.button-primary{background:var(--mint);color:#101c1b}.button-primary:hover{background:#d5ffe9}.button-secondary{background:#192632;color:#e2f6eb;border-color:#41504d}.no-login{font-size:11px;color:#a9b6c4}.no-login span{color:var(--mint);margin-right:8px}
.hero-graphic{height:530px;min-width:0;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.hero-graphic:before{content:'';position:absolute;width:340px;height:340px;border-radius:50%;background:#83ffe617;filter:blur(65px)}.orbit{position:absolute;width:min(82%,460px);aspect-ratio:1;border:1px solid #80bbaa36;border-radius:50%}.orbit-two{width:min(62%,350px);border-style:dashed;border-color:#baf6d627;transform:rotate(-10deg)}.central-symbol{font-size:134px;font-weight:800;letter-spacing:-.14em;text-shadow:0 0 90px #97fbc15f;line-height:1}.central-symbol span{color:var(--mint);font-size:.7em;vertical-align:top}.floating{position:absolute;z-index:2;background:#18232bf0;border:1px solid #4c665a;border-radius:14px;padding:17px 19px;box-shadow:0 26px 60px #0006;backdrop-filter:blur(14px);min-width:186px}.floating span{display:block;font-size:9px;color:#9edfc4;letter-spacing:.17em;margin-bottom:9px}.floating strong{display:block;font-size:16px;font-weight:800;white-space:nowrap}.floating i{display:block;font-style:normal;color:#8496a5;font-size:9px;letter-spacing:.09em;margin-top:10px}.floating-one{top:55px;left:15px;transform:rotate(-7deg)}.floating-two{right:-5px;top:166px;transform:rotate(6deg)}.floating-three{bottom:55px;left:68px;transform:rotate(-3deg)}.graphic-footnote{position:absolute;bottom:0;font-size:9px;letter-spacing:.18em;color:#8ca09d}
.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding:19px 0;color:#78958f;font-size:10px;letter-spacing:.16em;font-weight:800}
.features{padding:132px 0 125px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-heading h2,.studio-heading h2,.roadmap h2{font-size:clamp(32px,4vw,55px);letter-spacing:-.067em;line-height:1.27;margin:0;font-weight:800}.section-heading h2 span{color:#a2b2bd}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature{position:relative;min-height:244px;border:1px solid #31404e;background:linear-gradient(150deg,#1b2731,#101820);padding:30px;border-radius:16px}.feature-index{position:absolute;top:26px;right:30px;font-size:10px;color:#82909a;letter-spacing:.1em}.feature-icon{font-size:31px;color:var(--mint);height:57px}.feature h3{font-size:22px;letter-spacing:-.045em;margin:13px 0}.feature p{font-size:13px;color:#a9b9c5;line-height:1.9;max-width:310px;margin:0}
.studio-section{padding:85px 0 96px;border-top:1px solid #ffffff24}.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:0 0 38px}.studio-heading em{color:var(--mint);font-style:normal}.preview-status{display:flex;gap:10px;align-items:center;background:#1a2a2a;border:1px solid #3a6257;border-radius:12px;padding:14px 18px;min-width:240px}.preview-status strong{display:block;font-size:11px;letter-spacing:.11em;color:#d3ffe8}.preview-status small{display:block;font-size:10px;color:#a4bdb4;margin-top:5px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.studio-panel{background:var(--panel);border:1px solid #314150;border-radius:18px;padding:30px;min-width:0}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:29px}.panel-step{font-size:10px;font-weight:800;letter-spacing:.2em;color:#8de2bf}.panel-top h3{font-size:24px;letter-spacing:-.04em;margin:7px 0 0}.text-button{font-size:12px;color:#baf6d6;border:0;background:none;padding:9px 0;white-space:nowrap}.text-button:hover{text-decoration:underline}.studio-panel label{display:block;font-size:12px;font-weight:800;color:#e3edf1;margin:20px 0 10px}.required{font-size:10px;color:#b3ebd0;margin-left:5px}.optional{font-size:10px;color:#82939d;margin-left:5px}.studio-panel input,.studio-panel textarea,.studio-panel select{width:100%;border-radius:10px;border:1px solid #3c4d5b;background:#0e161e;color:#f3f8f9;padding:14px 15px;min-height:49px;outline:none;font-size:13px;line-height:1.65;transition:border-color .15s}.studio-panel input:focus,.studio-panel textarea:focus,.studio-panel select:focus{border-color:#a6eccc;box-shadow:0 0 0 2px #baf6d61a}.studio-panel input::placeholder,.studio-panel textarea::placeholder{color:#697b88}.studio-panel textarea{resize:vertical;min-height:156px}.fields-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.input-note{display:flex;justify-content:space-between;color:#8b9fac;font-size:10px;margin-top:8px}.editor-disclaimer{font-size:11px;line-height:1.8;color:#98aab6;margin:20px 0}.submit-button{width:100%;justify-content:space-between;min-height:58px;margin-top:6px}.form-status{min-height:20px;color:#a7dcc0;font-size:12px;line-height:1.7;margin:16px 0 0}.result-panel{display:flex;flex-direction:column}.tiny-badge{border:1px solid #596458;color:#b9d2be;border-radius:100px;padding:7px 11px;font-size:10px}.empty-state{flex:1;min-height:455px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#95a4af}.empty-art{position:relative;display:grid;place-items:center;height:200px;width:200px;margin-bottom:12px}.empty-art>span{font-size:58px;letter-spacing:-.15em;font-weight:800;color:#d6ffe9}.ring{position:absolute;border:1px solid #568c7c69;width:140px;height:140px;border-radius:50%}.ring-b{width:198px;height:198px;border-style:dashed;border-color:#568c7c38}.empty-state h4{font-size:21px;color:#e7f2f3;margin:10px 0}.empty-state p{line-height:1.9;font-size:13px}.result-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;gap:3px;border-radius:10px;background:#0c141d;margin-bottom:24px}.result-tabs button{background:transparent;color:#9ba9b5;border:0;border-radius:8px;padding:12px 6px;font-size:12px;font-weight:800}.result-tabs button[aria-selected=true]{background:#243a35;color:#c7ffe2}.output-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 0 13px;border-bottom:1px solid #ffffff1e}.output-head strong{font-size:16px}.output-head span{font-size:10px;color:#92bba9}.output-text{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:13px;line-height:2.05;min-height:240px;max-height:490px;overflow-y:auto;color:#d9e5e7;background:#0c141b;border:1px solid #293946;border-radius:12px;margin:20px 0;padding:22px}.output-warning{font-size:10px;color:#a9b8ac;line-height:1.7;margin:0 0 18px}.output-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.output-actions .button{padding:12px 8px;min-height:47px;font-size:12px}.privacy-note{color:#95a89e;font-size:11px;line-height:1.8;margin:24px 0 0}.privacy-note span{color:#c1f6d9;margin-right:8px}
.roadmap{padding:100px 0 120px;border-top:1px solid #ffffff24;display:grid;grid-template-columns:1.1fr .9fr;gap:90px}.roadmap p:not(.eyebrow){max-width:540px;color:#9dabb5;font-size:14px;line-height:2}.roadmap-flow{display:flex;flex-direction:column;gap:12px;align-items:stretch}.roadmap-flow>div{border:1px solid #314750;background:#121d26;border-radius:12px;padding:17px 20px}.roadmap-flow>div>span{color:#97e1c1;letter-spacing:.13em;font-size:9px;font-weight:800}.roadmap-flow strong{display:block;font-size:16px;margin:6px 0}.roadmap-flow small{color:#9cadb6;font-size:11px}.roadmap-flow>span{align-self:center;color:#7fa395;font-size:17px}footer{border-top:1px solid #ffffff24;padding:30px 0 45px;display:flex;align-items:center;gap:22px;justify-content:space-between;color:#889ba7;font-size:10px}.footer-logo{font-size:16px;font-weight:800;color:#f3faf7;letter-spacing:-.04em}.footer-logo strong{color:#baf6d6}
@media(max-width:1050px){.site-wrap{padding:0 30px}.hero{grid-template-columns:1fr .9fr}.hero h1{font-size:70px}.floating-one{left:0}.floating-two{right:-12px}.floating-three{left:10px}.roadmap{gap:30px}}
@media(max-width:800px){.site-header{height:78px}.header-nav{display:none}.hero{grid-template-columns:1fr;min-height:0;padding:75px 0 22px}.hero h1{font-size:clamp(60px,10vw,85px)}.hero-graphic{height:330px;margin-top:35px}.orbit{width:300px}.orbit-two{width:250px}.central-symbol{font-size:100px}.floating{min-width:156px;padding:12px}.floating strong{font-size:13px}.floating-one{left:10%;top:10px}.floating-two{right:8%;top:115px}.floating-three{left:18%;bottom:7px}.graphic-footnote{display:none}.features{padding:75px 0}.studio-grid{grid-template-columns:1fr}.result-panel{min-height:430px}.empty-state{min-height:320px}.roadmap{grid-template-columns:1fr;padding:80px 0}.studio-heading{align-items:start}.preview-status{min-width:unset}}
@media(max-width:540px){.site-wrap{padding:0 18px}.site-header{height:72px}.brand-mark{font-size:30px}.wordmark-type{font-size:12px}.wordmark-type small{font-size:7px}.header-link{font-size:10px;padding:10px 11px}.header-link span{display:none}.hero{padding:67px 0 6px}.hero h1{font-size:clamp(53px,13.6vw,72px);margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:20px}.hero-lead{font-size:14px;line-height:1.9}.hero-cta{align-items:flex-start;flex-direction:column;gap:13px}.hero-graphic{height:320px}.floating-one{left:0;top:17px}.floating-two{right:0;top:130px}.floating-three{left:4%;bottom:14px}.hero-bottom{font-size:8px;gap:20px}.hero-bottom span:last-child{text-align:right}.features{padding:70px 0}.features-grid{grid-template-columns:1fr}.feature{min-height:190px;padding:24px}.section-heading h2,.studio-heading h2,.roadmap h2{font-size:32px}.section-heading{margin-bottom:28px}.studio-section{padding:70px 0}.studio-heading{flex-direction:column}.studio-panel{padding:21px 18px}.panel-top h3{font-size:20px}.fields-two{grid-template-columns:1fr;gap:0}.output-actions{grid-template-columns:1fr 1fr}.roadmap{padding:72px 0}footer{gap:14px;flex-wrap:wrap}.privacy-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}


/* Creative Studio V2 — useful free preview, not a plain repeated-facts textarea. */
.concept-picker{margin:20px 0 8px}
.concept-picker-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.concept-picker-heading>span{font-size:12px;font-weight:800;color:#e2f4ec}
.concept-picker-heading>small{font-size:10px;color:#9fb5af}
.concept-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.concept-option{background:#101b22;border:1px solid #42544d;color:#c9dfd6;border-radius:12px;
 display:flex;flex-direction:column;text-align:left;min-width:0;padding:13px 11px;gap:6px;transition:border-color .16s,background .16s}
.concept-option .concept-icon{font-size:10px;letter-spacing:.07em;font-weight:800;color:#92bca9}
.concept-option strong{font-size:12px;font-weight:800;line-height:1.4;letter-spacing:-.025em}
.concept-option small{font-size:10px;color:#9cafaa;line-height:1.4}
.concept-option:hover{border-color:#baf6d6}
.concept-option.active,.concept-option[aria-pressed=true]{background:#203e33;border-color:#baf6d6;box-shadow:inset 0 0 0 1px #baf6d634}
.concept-option.active strong{color:#d9ffee}
.concept-option:focus-visible{outline:3px solid #baf6d6;outline-offset:3px}
.concept-result{padding:18px 19px 17px;border-radius:14px;background:linear-gradient(130deg,#213b31 0%,#15241f 100%);
 border:1px solid #527965;margin:0 0 22px}
.concept-caption{font-size:9px;letter-spacing:.17em;color:#a8e5c3;font-weight:800;display:block;margin-bottom:10px}
.concept-result strong{font-size:clamp(17px,1.4vw,21px);line-height:1.45;letter-spacing:-.05em;color:#edfff1;overflow-wrap:anywhere;display:block}
.concept-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:14px;
 color:#a9c5b8;font-size:10px}
.output-head .edit-toggle{font-size:11px;white-space:nowrap}
.output-count{text-align:right;font-size:10px;color:#9aacb7;margin:0 0 13px}
.output-editor{font:inherit;display:block;width:100%;min-height:260px;max-height:560px;
 padding:19px 18px;resize:vertical;border:1px solid #7ebea1;outline:none;border-radius:12px;
 background:#0d1b1b;color:#ebfaf2;font-size:13px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;
 margin:20px 0}
.output-editor:focus{outline:2px solid #baf6d69c;outline-offset:2px}
.shot-timeline{display:flex;flex-direction:column;gap:11px;margin:22px 0 10px;max-height:560px;
 overflow-y:auto;padding-right:5px}
.shot-card{position:relative;background:#101d25;border:1px solid #374e4f;border-left:3px solid #94deba;
 border-radius:10px;padding:15px 18px;min-width:0}
.shot-card-head{display:flex;gap:10px;justify-content:space-between;align-items:center;color:#b8e7ce;
 font-size:10px;font-weight:800;letter-spacing:.07em}
.shot-label{font-size:9px;color:#90aa9d;letter-spacing:.12em}
.shot-card h4{color:#f1fff3;font-size:14px;letter-spacing:-.04em;margin:10px 0 11px}
.shot-visual,.shot-voice{font-size:11px;line-height:1.7;margin:6px 0;color:#a5b6bb;overflow-wrap:anywhere}
.shot-voice{color:#dfefdf}
#shotTimeline:not([hidden])+#outputText{min-height:110px;max-height:150px;margin:13px 0;font-size:11px}
@media(max-width:540px){
 .concept-options{gap:6px}
 .concept-option{padding:11px 7px}
 .concept-option strong{font-size:11px}
 .concept-option small{font-size:9px}
 .concept-result{padding:17px 14px}
 .concept-result strong{font-size:18px}
 .shot-timeline{max-height:430px}
}


.hook-variants{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.hook-variant{background:#132a24;color:#bbd6c9;text-align:left;border:1px solid #406757;
 border-radius:8px;min-width:0;padding:9px 11px;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.hook-variant:hover{border-color:#baf6d6}
.hook-variant[aria-pressed=true]{background:#315244;border-color:#baf6d6;color:#f1fff6;font-weight:800}
.hook-variant:focus-visible{outline:2px solid #baf6d6;outline-offset:2px}

.brief-quality{font-size:11px;line-height:1.7;color:#b7d8c7;margin:13px 0 6px;min-height:19px}