:root{--navy:#071a2b;--panel:#0c263d;--mint:#35f2b3;--cyan:#4cc9ff;--paper:#f6fbff;--ink:#102436;--muted:#5a6e7d;--line:#bed0dc;--white:#fff;--shadow:0 26px 70px #071a2b29;font-family:Inter,"Noto Sans KR",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#dce8ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-size:16px;line-height:1.72;background:#dce8ef;word-break:keep-all;overflow-wrap:break-word}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.skip{position:fixed;z-index:50;top:.5rem;left:.5rem;padding:.7rem 1rem;background:var(--mint);color:var(--navy);font-weight:900;transform:translateY(-140%)}.skip:focus{transform:none}.page-shell{max-width:1500px;margin:auto;background:var(--paper);box-shadow:0 0 90px #071a2b18}.site-header{min-height:86px;display:flex;align-items:center;gap:2rem;padding:1rem clamp(1.2rem,5vw,5rem);border-bottom:1px solid #ffffff1a;background:var(--navy);color:#fff}.brand{display:flex;align-items:center;gap:.8rem;margin-right:auto;line-height:1.08;font-weight:900}.brand img{width:48px;height:48px;border-radius:12px;box-shadow:0 0 0 2px var(--mint)}.brand span{display:grid}.brand strong{margin-top:.3rem;color:var(--mint);font:800 .7rem/1.2 ui-monospace,monospace;letter-spacing:.14em}.site-header nav,footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:1.35rem}.site-header nav a{font-size:.88rem;font-weight:800}.site-header nav a:hover,.text-link:hover{color:var(--mint)}.language{border:1px solid var(--mint);padding:.25rem .6rem;color:var(--mint)}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.78fr) minmax(250px,.56fr);gap:clamp(2rem,4vw,4.6rem);align-items:center;padding:clamp(4.7rem,8vw,8rem) clamp(1.2rem,5vw,5rem);overflow:hidden;background:radial-gradient(circle at 20% 0,#153c59 0,transparent 38%),linear-gradient(115deg,var(--navy) 0 72%,#0d3049 72%);color:#fff}.hero:before{content:"LIVE RESEARCH BOARD / FWM006";position:absolute;left:clamp(1.2rem,5vw,5rem);top:1.4rem;color:var(--mint);font:800 .68rem ui-monospace,monospace;letter-spacing:.13em}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,#000,transparent 76%);pointer-events:none}.hero>*{position:relative;z-index:1}.eyebrow{margin:0 0 .85rem;color:#12c88d;font:900 .76rem/1.4 ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase}.hero .eyebrow{color:var(--mint)}.hero h1,.page-intro h1,.article header h1{margin:0;font-size:clamp(3rem,6.1vw,6.2rem);line-height:1.01;letter-spacing:-.055em;font-weight:950}.hero h1 span{color:var(--mint)}.lede{max-width:47rem;margin:1.4rem 0 0;color:#c7d8e3;font-size:clamp(1.04rem,1.7vw,1.2rem)}
.market-board{border:1px solid #3b617a;background:#061521;box-shadow:0 0 0 8px #071a2b80,0 24px 60px #0005;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ticker{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:.75rem;background:var(--mint);color:var(--navy);font-size:.7rem}.ticker span{margin-right:auto;font-weight:950}.ticker b{white-space:nowrap}.market-board article{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;padding:1rem;border-bottom:1px solid #173c55}.market-board article>span{color:#52748a}.market-board article div{display:grid}.market-board article b{font-size:.78rem;color:#dcecf5}.market-board article small{color:#7894a6}.market-board article strong{color:var(--mint);font-size:1.3rem}.floor{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;color:#fff}.floor span{font-size:.72rem}.floor strong{color:var(--cyan)}.phone-stage{margin:0;padding:8px;border-radius:1.7rem;background:#020d15;box-shadow:var(--shadow);transform:translateY(1rem)}.phone-stage>div{display:flex;justify-content:space-between;padding:.2rem .4rem .55rem;color:var(--mint);font:750 .63rem ui-monospace,monospace}.phone-stage img{display:block;border-radius:1.2rem}.signal-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--mint);color:var(--navy)}.signal-strip span{padding:.85rem;border-right:1px solid #071a2b28;text-align:center;font:900 .75rem ui-monospace,monospace;letter-spacing:.08em}
.store-block{margin-top:1.6rem}.store-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.store-link{display:inline-flex;background:#000;border-radius:10px}.store-link img{display:block}.section,.page-intro,.article,.policy,.faq-list,.support-grid,.official-source{margin-inline:clamp(1.2rem,5vw,5rem)}.section{padding-block:clamp(4rem,8vw,7rem)}.thesis{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:clamp(2.5rem,8vw,8rem);align-items:center}.thesis h2,.section-heading h2,.final-cta h2,.page-intro h1{margin:.2rem 0 1rem;font-size:clamp(2rem,4vw,3.8rem);line-height:1.12;letter-spacing:-.04em;font-weight:950}.thesis p{max-width:48rem;color:var(--muted)}.text-link{display:inline-block;margin-top:1rem;font-weight:900;border-bottom:3px solid var(--mint)}.allocation-chart{display:flex;align-items:flex-end;gap:1rem;height:320px;padding:2rem 1.5rem 1.2rem;background:var(--navy);color:#fff}.allocation-chart div{height:calc(var(--share)*4.8);min-height:100px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;background:linear-gradient(180deg,var(--mint),#08a876);color:var(--navy);box-shadow:inset 0 1px #fff8}.allocation-chart span{font:700 .7rem ui-monospace,monospace}.allocation-chart b{font-size:2rem;line-height:1}.allocation-chart small{font-size:.68rem;font-weight:850}
.app-preview{margin-inline:0;padding-inline:clamp(1.2rem,5vw,5rem);background:#e4f1f7;border-block:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:2rem;align-items:end;margin-bottom:2.4rem}.section-heading>p{color:var(--muted)}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2.2rem)}.screens figure{margin:0;padding:1rem;background:#fff;border:1px solid #9db8c8;box-shadow:10px 10px 0 var(--navy)}.screens figure:nth-child(2){transform:translateY(1.4rem)}.screens img{display:block;width:100%;border-radius:1rem}.screens figcaption{padding:.9rem .2rem 0;font-weight:850}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#8ea9b9;border:1px solid #8ea9b9}.guide-card{min-height:225px;padding:1.5rem;background:#fff;transition:.18s ease}.guide-card:hover{background:#e9fff7;box-shadow:inset 6px 0 var(--mint)}.guide-card span{color:#008e63;font:850 .72rem ui-monospace,monospace;letter-spacing:.06em}.guide-card h2{margin:.7rem 0;font-size:1.25rem;line-height:1.32}.guide-card p{margin:0;color:var(--muted)}.final-cta{margin:0 clamp(1.2rem,5vw,5rem) clamp(4rem,8vw,7rem);padding:clamp(2rem,5vw,4rem);background:var(--navy);color:#fff;box-shadow:14px 14px 0 var(--mint)}.final-cta h2{max-width:900px}.terminal-mark{color:var(--mint);font:850 .75rem ui-monospace,monospace;letter-spacing:.1em}.final-cta .eyebrow{color:var(--mint)}
.page-intro{padding:clamp(4rem,8vw,7rem) 0 3rem;border-bottom:7px solid var(--mint)}.page-intro p{max-width:790px;color:var(--muted);font-size:1.08rem}.all-guides{margin:3rem clamp(1.2rem,5vw,5rem) 5rem}.article{padding-block:3rem 6rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:3.5rem;color:var(--muted);font-size:.84rem}.article header{max-width:1060px}.article header h1{font-size:clamp(2.5rem,5vw,5.2rem)}.article header .lede{color:var(--muted)}.article-meta{color:var(--muted);font-size:.83rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:clamp(2rem,7vw,7rem);margin-top:4rem;align-items:start}.article-copy{max-width:800px;counter-reset:section}.article-copy section{padding:0 0 2.7rem;border-bottom:1px solid var(--line);margin-bottom:2.5rem}.article-copy .index{display:inline-block;margin-bottom:.7rem;padding:.25rem .55rem;background:var(--navy);color:var(--mint);font:800 .7rem ui-monospace,monospace}.article-copy h2,.policy h2{margin:0 0 .8rem;font-size:1.52rem;line-height:1.35}.article-copy p,.policy p{color:#465e6f}.article-aside{position:sticky;top:1rem;padding:1.5rem;border:1px solid #7593a5;background:#fff;box-shadow:8px 8px 0 var(--mint)}.article-aside>img{border-radius:18px}.article-aside h2{margin:.9rem 0 .4rem}.article-aside p{color:var(--muted)}.official-source{margin-block:3rem;padding:1.5rem;border-left:8px solid var(--mint);background:#dfedf4}.official-source h2{margin-top:0}.official-source div{display:flex;flex-wrap:wrap;gap:.7rem 1.3rem}.official-source a{font-weight:900;text-decoration:underline;overflow-wrap:anywhere}.related{margin-top:4rem;border-top:2px solid var(--navy);padding-top:3rem}.faq-list{padding-block:3rem}.faq-list details{border-bottom:1px solid var(--line);background:#fff}.faq-list summary{cursor:pointer;padding:1.3rem;font-size:1.04rem;font-weight:900}.faq-list details p{margin:0;padding:0 1.3rem 1.4rem;color:var(--muted)}
.policy{max-width:830px;padding-block:clamp(4rem,8vw,7rem)}.policy h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.1}.policy h2{margin-top:2.5rem}.primary-button,.contact-email{display:inline-flex;margin-top:1rem;padding:.85rem 1.1rem;background:var(--navy);color:#fff;font-weight:900;box-shadow:5px 5px 0 var(--mint)}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-block:3rem 6rem}.support-grid>div{padding:1.5rem;border:1px solid #8da9b9;background:#fff}.support-grid h2{margin-top:0}.support-grid p{color:var(--muted)}.contact{min-height:60vh}.source-note{color:var(--muted);font-size:.81rem}footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;padding:2.5rem clamp(1.2rem,5vw,5rem);border-top:1px solid #25445a;background:var(--navy);color:#d7e6ee}footer p{max-width:800px;margin:.5rem 0 0}footer .source-note{grid-column:1/-1;color:#87a4b6}
/* store-badge-frame-sync: both marketplace controls have the exact same frame */.store-row>.store-link{width:194px;height:75px;min-width:194px;min-height:75px;flex:0 0 194px;align-items:center;justify-content:center;overflow:hidden}.store-row>.store-link img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.store-row>.store-link img[src*="google-play"]{width:194px;height:75px}
:focus-visible{outline:3px solid var(--mint);outline-offset:4px}@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.hero-copy{grid-column:1/-1}.phone-stage{width:min(100%,310px);justify-self:center}.guide-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%;padding-top:.8rem;border-top:1px solid #ffffff22}.hero,.thesis,.section-heading,.article-layout{grid-template-columns:1fr}.hero-copy{grid-column:auto}.hero{padding-top:5rem}.signal-strip{grid-template-columns:repeat(2,1fr)}.screens{grid-template-columns:1fr;max-width:420px;margin:auto}.screens figure:nth-child(2){transform:none}.article-aside{position:static}.support-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}}@media(max-width:520px){.hero h1{font-size:clamp(2.65rem,14vw,4rem)}.guide-grid{grid-template-columns:1fr}.store-row{flex-direction:column;align-items:flex-start}.store-row>.store-link{max-width:100%}.allocation-chart{height:260px;padding-inline:.8rem;gap:.5rem}.allocation-chart div{padding:.6rem}.allocation-chart small{writing-mode:vertical-rl;max-height:70px}.market-board article strong{font-size:1.05rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-card{transition:none}}

/* KOR-0322 visual system: a warm three-column general ledger, distinct from the market-terminal portfolio page. */
:root{--navy:#1b211d;--panel:#27332c;--mint:#b9e36b;--cyan:#ff735e;--paper:#fbfcf6;--ink:#202821;--muted:#657066;--line:#cbd4c2;--shadow:0 26px 70px #20282126;background:#e4eadc}
body{background:#e4eadc}.page-shell{box-shadow:0 0 90px #20282118}.brand img{border-radius:4px;box-shadow:5px 5px 0 var(--cyan)}
.hero{background:linear-gradient(110deg,#202821 0 66%,#344137 66%)}.hero:before{content:"GENERAL LEDGER / THREE SUBJECTS";color:var(--mint)}.hero:after{content:"借 / 貸";inset:auto 3vw -4rem auto;background:none;color:#ffffff0b;font:950 clamp(8rem,20vw,19rem)/1 Georgia,"Noto Serif KR",serif;letter-spacing:-.12em;mask-image:none}.hero h1,.page-intro h1,.article header h1,.thesis h2,.section-heading h2,.final-cta h2{font-family:Georgia,"Noto Serif KR",serif}.lede{color:#d7ded4}
.market-board{border:2px solid #111712;background:#f7f5e9;color:var(--ink);box-shadow:12px 12px 0 var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ticker{background:var(--ink);color:#fff}.ticker span{color:var(--mint)}.market-board article{border-bottom:1px solid var(--line)}.market-board article>span{color:#788277}.market-board article b{color:var(--ink)}.market-board article small{color:var(--muted)}.market-board article strong{min-width:3.2rem;padding:.25rem .4rem;background:var(--mint);color:var(--ink);text-align:center}.floor{color:var(--ink)}.floor strong{color:#d94a36}.phone-stage{background:#151a16}.signal-strip{background:var(--cyan)}
.allocation-chart{height:310px;background:#202821;box-shadow:12px 12px 0 var(--cyan)}.allocation-chart div{height:76%;border-top:8px solid var(--cyan);background:linear-gradient(180deg,var(--mint),#8fb74d);color:var(--ink)}.app-preview{background:#edf2e7}.screens figure{border-color:#b5bdaa;box-shadow:10px 10px 0 #344137}.guide-grid{background:#b7c0ae;border-color:#b7c0ae}.guide-card:hover{background:#f1f8df}.guide-card span{color:#5d7a28}.official-source{background:#edf2e7}.article-aside{border-color:#919e8a}.support-grid>div{border-color:#b5bdaa}footer{border-top-color:#48544c;color:#e4eadc}footer .source-note{color:#aebbac}