/* Business 09 · Story Bloom V2 — READ → CHOOSE → BLOOM → WHY → RECHOOSE */
:root{--sb-night:#121828;--sb-night2:#19243a;--sb-cream:#fff5dc;--sb-ink:#212a31;--sb-coral:#ef7057;--sb-yellow:#f2c961;--sb-sky:#77aebb;--sb-mint:#a9c3a5;--sb-lilac:#988fb8;--sb-line:rgba(255,245,220,.16);--sb-paperline:rgba(33,42,49,.16);--sb-display:"Noto Serif KR","Noto Serif CJK KR","Source Han Serif K","Batang",serif;--sb-ui:"Pretendard","SUIT","Noto Sans KR","Malgun Gothic","Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--sb-night);scroll-behavior:smooth}body{margin:0;background:var(--sb-night);color:var(--sb-cream);font-family:var(--sb-ui);font-synthesis:none;-webkit-font-smoothing:antialiased}a{color:inherit}.sb-shell{min-height:100svh;background:radial-gradient(circle at 70% 20%,rgba(119,174,187,.13),transparent 28%),var(--sb-night)}.sb-topbar{position:sticky;top:0;z-index:80;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;min-height:68px;padding:.7rem clamp(1rem,3vw,3rem);background:rgba(18,24,40,.9);border-bottom:1px solid var(--sb-line);backdrop-filter:blur(18px)}.sb-brand{display:flex;gap:.7rem;align-items:center;text-decoration:none}.sb-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--sb-yellow);border-radius:50%;color:var(--sb-yellow);font-size:.58rem;font-weight:900}.sb-brand strong{display:block;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.sb-brand small{display:block;margin-top:.17rem;color:#8e99ad;font-size:.61rem}.sb-nav{display:flex;align-items:center;gap:.16rem}.sb-nav a{display:inline-flex;align-items:center;min-height:34px;padding:.45rem .68rem;border:1px solid transparent;border-radius:999px;text-decoration:none;color:#8f9bad;font-size:.66rem;font-weight:800}.sb-nav a:hover,.sb-nav a:focus-visible,.sb-nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.06)}.sb-nav .is-guide{border-color:rgba(242,201,97,.38);color:var(--sb-yellow);background:rgba(242,201,97,.06)}
.sb-stage{min-height:calc(100svh - 68px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);border-bottom:1px solid var(--sb-line)}.sb-copy{align-self:end;padding:clamp(4rem,9vh,7rem) clamp(1rem,5vw,5rem) 3.5rem}.sb-kicker{margin:0 0 .85rem;color:var(--sb-yellow);font-size:.61rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.sb-copy h1{margin:0;max-width:10ch;font-family:var(--sb-display);font-size:clamp(3.8rem,7.8vw,8.3rem);line-height:.9;letter-spacing:-.058em;word-break:keep-all}.sb-copy h1 em{display:block;font-style:normal;color:var(--sb-coral)}.sb-copy>p:not(.sb-kicker){max-width:610px;margin:1.5rem 0 0;color:#9aa6b8;line-height:1.75;word-break:keep-all}.sb-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}.sb-btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:.72rem 1rem;border:1px solid var(--sb-line);background:transparent;color:var(--sb-cream);text-decoration:none;font-size:.7rem;font-weight:850;cursor:pointer}.sb-btn.primary{background:var(--sb-coral);border-color:var(--sb-coral);color:#1e1010}.sb-btn:hover,.sb-btn:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}
.sb-scene{position:relative;overflow:hidden;min-height:650px;background:linear-gradient(180deg,#273754 0 52%,#5b806e 52% 100%);border-left:1px solid var(--sb-line)}.sb-moon{position:absolute;right:13%;top:12%;width:120px;height:120px;border-radius:50%;background:var(--sb-yellow);box-shadow:0 0 90px rgba(242,201,97,.32)}.sb-cloud{position:absolute;height:60px;border-radius:50px;background:rgba(255,245,220,.72);filter:blur(.2px)}.sb-c1{width:220px;left:12%;top:18%;transform:rotate(-7deg)}.sb-c2{width:170px;left:43%;top:32%;transform:rotate(6deg);opacity:.6}.sb-hill{position:absolute;border-radius:50% 50% 0 0}.sb-h1{width:65%;height:38%;left:-8%;bottom:-5%;background:#4a6b5e;transform:rotate(7deg)}.sb-h2{width:70%;height:42%;right:-18%;bottom:-8%;background:#2f4b46;transform:rotate(-5deg)}.sb-house{position:absolute;left:26%;bottom:19%;width:150px;height:120px;background:#e7c6a0;transform:rotate(-2deg);box-shadow:0 18px 50px rgba(0,0,0,.2)}.sb-house::before{content:"";position:absolute;left:-18px;top:-72px;border-left:92px solid transparent;border-right:92px solid transparent;border-bottom:82px solid var(--sb-coral)}.sb-child{position:absolute;right:26%;bottom:17%;width:58px;height:105px;border-radius:32px 32px 14px 14px;background:var(--sb-sky)}.sb-umbrella{position:absolute;right:18%;bottom:34%;width:92px;height:46px;border-radius:90px 90px 8px 8px;background:var(--sb-yellow);transform:rotate(-8deg)}.sb-umbrella::after{content:"";position:absolute;left:45px;top:40px;width:2px;height:72px;background:#4d4338}.sb-star{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--sb-yellow);box-shadow:0 0 18px rgba(242,201,97,.65);animation:sb-twinkle 2.4s ease-in-out infinite alternate}.sb-s1{right:29%;top:35%}.sb-s2{right:18%;top:42%;animation-delay:.5s}.sb-s3{right:35%;top:28%;animation-delay:1s}.sb-scene-caption{position:absolute;left:1rem;bottom:1rem;font-size:.59rem;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,245,220,.72)}
.sb-proof{max-width:1500px;margin:auto;padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem)}.sb-proof-head{display:grid;grid-template-columns:1fr minmax(280px,.45fr);gap:3rem;align-items:end;margin-bottom:2.5rem}.sb-proof h2{margin:.2rem 0 0;max-width:11ch;font-family:var(--sb-display);font-size:clamp(3rem,6vw,6.5rem);line-height:.92;letter-spacing:-.052em}.sb-proof-head>p{margin:0;color:#98a5b5;line-height:1.72}.sb-paths{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--sb-line)}.sb-path{min-height:360px;padding:1.5rem;background:#172139;display:flex;flex-direction:column;justify-content:space-between}.sb-path:nth-child(2){background:#20243c}.sb-path span{color:var(--sb-yellow);font-size:.59rem;letter-spacing:.12em}.sb-path strong{max-width:10ch;font-family:var(--sb-display);font-size:clamp(2rem,3.5vw,4rem);line-height:1.02;letter-spacing:-.04em}.sb-path p{max-width:520px;color:#93a0b2;line-height:1.65}.sb-footer{display:flex;justify-content:space-between;padding:1rem clamp(1rem,3vw,3rem);border-top:1px solid var(--sb-line);color:#6f7d92;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}
/* interactive reader */.sb-reader{min-height:calc(100svh - 68px);display:grid;grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr)}.sb-reader-scene{position:relative;min-height:calc(100svh - 68px);overflow:hidden;background:linear-gradient(180deg,#263956 0 54%,#5b806e 54% 100%)}.sb-reader-copy{padding:clamp(2rem,5vw,5rem);background:var(--sb-cream);color:var(--sb-ink);display:flex;flex-direction:column}.sb-reader-copy h1,.sb-next h2{margin:.4rem 0 1.5rem;font-family:var(--sb-display);font-size:clamp(2.8rem,5vw,5.6rem);line-height:.98;letter-spacing:-.045em}.sb-reader-copy>p{font-family:var(--sb-display);font-size:1.05rem;line-height:1.85;color:#4d5551}.sb-choices{margin-top:auto;padding-top:1.3rem;border-top:1px solid var(--sb-paperline)}.sb-choices h2{font-size:.86rem}.sb-choice{width:100%;text-align:left;min-height:52px;padding:.8rem .9rem;margin:.42rem 0;border:1px solid var(--sb-ink);background:transparent;color:var(--sb-ink);font:750 .75rem/1.45 var(--sb-ui);cursor:pointer}.sb-choice:hover,.sb-choice:focus-visible{background:#fff}.sb-choice.selected{background:var(--sb-ink);color:var(--sb-cream)}.sb-parent{margin-top:.8rem;color:#7b766d;font-size:.65rem;line-height:1.5}.sb-status{min-height:24px;margin-top:.7rem;color:var(--sb-coral);font-size:.67rem}.sb-next{display:none;min-height:calc(100svh - 68px);padding:clamp(2rem,5vw,5rem);background:var(--sb-cream);color:var(--sb-ink)}.sb-next.show{display:block}.sb-next-scene{position:relative;min-height:340px;margin:1.5rem 0;overflow:hidden;background:linear-gradient(145deg,#5e8792,#ddbb67);color:#fff;display:flex;align-items:flex-end;padding:1.2rem}.sb-next-scene::before{content:"";position:absolute;inset:12% 8%;border:1px solid rgba(255,255,255,.3);border-radius:48% 52% 45% 55%;transform:rotate(-5deg)}.sb-next-scene strong{position:relative;z-index:2;font-family:var(--sb-display);font-size:clamp(1.6rem,3vw,3rem)}.sb-next p{max-width:760px;font-family:var(--sb-display);font-size:1.05rem;line-height:1.8}.sb-why{margin-top:1rem;padding:1rem;border-left:4px solid var(--sb-yellow);background:#efe5cc;line-height:1.7}.sb-reader-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem}.sb-reader-actions button{min-height:42px;padding:.65rem .9rem;border:1px solid var(--sb-ink);background:transparent;color:var(--sb-ink);font:800 .7rem var(--sb-ui);cursor:pointer}.sb-reader-actions .primary{background:var(--sb-coral);border-color:var(--sb-coral);color:#fff}
/* Guide */.sb-guide-hero{min-height:68svh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);border-bottom:1px solid var(--sb-line)}.sb-guide-copy{align-self:end;padding:clamp(4rem,9vw,8rem) clamp(1rem,5vw,5rem)}.sb-guide-copy h1{margin:.4rem 0 1.2rem;max-width:11ch;font-family:var(--sb-display);font-size:clamp(3.6rem,7.2vw,7.7rem);line-height:.91;letter-spacing:-.055em}.sb-guide-copy h1 em{display:block;font-style:normal;color:var(--sb-coral)}.sb-guide-copy p{max-width:650px;color:#98a5b5;line-height:1.75}.sb-guide-ledger{padding:clamp(5rem,9vw,8rem) clamp(1.2rem,4vw,4rem);background:linear-gradient(145deg,#1b2740,#293556)}.sb-guide-ledger div{display:grid;grid-template-columns:2rem 1fr auto;gap:.8rem;padding:1rem 0;border-top:1px solid var(--sb-line)}.sb-guide-ledger span{color:var(--sb-yellow);font-size:.6rem}.sb-guide-ledger strong{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.sb-guide-ledger small{color:#8996aa}.sb-guide-steps{background:var(--sb-cream);color:var(--sb-ink);padding:0 clamp(1rem,5vw,5rem)}.sb-guide-step{max-width:1500px;margin:auto;display:grid;grid-template-columns:5rem minmax(0,1fr) minmax(260px,.56fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(3.5rem,6vw,6rem) 0;border-bottom:1px solid var(--sb-paperline)}.sb-guide-step>span{align-self:start;color:var(--sb-coral);font-size:3.6rem;font-weight:900}.sb-guide-step h2{margin:.4rem 0 .9rem;max-width:13ch;font-family:var(--sb-display);font-size:clamp(2.1rem,3.8vw,4.4rem);line-height:1;letter-spacing:-.045em}.sb-guide-step p{max-width:650px;color:#59625e;line-height:1.7}.sb-guide-card{min-height:185px;padding:1.15rem;border:1px solid var(--sb-paperline);background:#eee2c7;display:flex;flex-direction:column;justify-content:space-between}.sb-guide-card small{font-size:.58rem;letter-spacing:.1em;color:#6e756f}.sb-guide-card strong{font-family:var(--sb-display);font-size:clamp(1.5rem,2.5vw,2.8rem);line-height:1.05}.sb-guide-card b{color:var(--sb-coral);font-size:.64rem}.sb-guide-finish{padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem);background:var(--sb-night)}.sb-guide-finish h2{max-width:12ch;margin:.4rem 0 1rem;font-family:var(--sb-display);font-size:clamp(3rem,6vw,6.5rem);line-height:.92;letter-spacing:-.05em}.sb-guide-finish p{max-width:680px;color:#98a5b5;line-height:1.7}
@keyframes sb-twinkle{from{opacity:.35;transform:scale(.75)}to{opacity:1;transform:scale(1.25)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.sb-star{animation:none!important}}
@media(max-width:900px){.sb-stage,.sb-guide-hero{grid-template-columns:1fr}.sb-scene{min-height:560px;border-left:0;border-top:1px solid var(--sb-line)}.sb-proof-head{grid-template-columns:1fr}.sb-reader{grid-template-columns:1fr}.sb-reader-scene{min-height:470px}.sb-guide-step{grid-template-columns:4rem 1fr}.sb-guide-step>.sb-guide-card{grid-column:2}}
@media(max-width:620px){.sb-topbar{grid-template-columns:30px minmax(0,1fr);padding:.55rem .65rem;min-height:62px}.sb-brand{width:30px;overflow:hidden}.sb-brand>span:last-child{display:none}.sb-mark{width:30px;height:30px}.sb-nav{display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:.05rem}.sb-nav a{justify-content:center;padding:.4rem .2rem;font-size:.57rem;white-space:nowrap}.sb-nav a:last-child{display:none}.sb-copy{padding:4.2rem 1rem 2.4rem}.sb-copy h1{font-size:clamp(3rem,14vw,4.6rem);line-height:.93}.sb-scene{min-height:430px}.sb-moon{width:78px;height:78px}.sb-house{left:18%;bottom:19%;width:110px;height:90px}.sb-house::before{left:-14px;top:-56px;border-left-width:70px;border-right-width:70px;border-bottom-width:62px}.sb-child{right:21%;width:46px;height:84px}.sb-umbrella{right:12%;bottom:34%;width:70px;height:36px}.sb-proof{padding:4rem 1rem}.sb-proof h2{font-size:clamp(2.7rem,12vw,4.2rem)}.sb-paths{grid-template-columns:1fr}.sb-path{min-height:260px}.sb-reader-scene{min-height:360px}.sb-reader-copy,.sb-next{padding:2.2rem 1rem}.sb-reader-copy h1,.sb-next h2{font-size:clamp(2.6rem,12vw,4rem)}.sb-guide-copy{padding:4.2rem 1rem 2.5rem}.sb-guide-copy h1{font-size:clamp(3rem,14vw,4.6rem)}.sb-guide-ledger{padding:2.5rem 1rem}.sb-guide-step{grid-template-columns:1fr;gap:1rem;padding:3rem 0}.sb-guide-step>.sb-guide-card{grid-column:1}.sb-guide-step>span{font-size:2.5rem}.sb-guide-step h2{font-size:clamp(2rem,10vw,3rem)}.sb-guide-finish{padding:4rem 1rem}.sb-guide-finish h2{font-size:clamp(2.6rem,12vw,4.2rem)}}