:root{--ink:#13262b;--muted:#65757b;--faint:#93a09f;--accent:#236f66;--line:#dae3e1;--paper:#ffffff;--pale:#f6f8f7;--dark:#173d39;--shadow:0 20px 50px rgba(17,46,43,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.7 'Pretendard','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;letter-spacing:-.022em}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #7bbcae;outline-offset:4px}a[aria-current='page']{color:var(--accent)}.shell{max-width:1200px;margin:auto;padding:0 38px}.site-header{background:#fff;position:sticky;top:0;z-index:40;border-bottom:1px solid #e7edeb}.header-inner{min-height:82px;display:flex;align-items:center;gap:46px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;line-height:1.18}.brand-mark{display:flex;align-items:center;gap:3px;height:28px;width:27px}.brand-mark i{display:block;width:5px;background:#277e73;border-radius:2px}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:17px}.brand-mark i:nth-child(4){height:9px}.brand-title{font-weight:800;letter-spacing:-.06em;font-size:18px}.brand-en{display:block;font-size:9px;font-weight:700;letter-spacing:.13em;color:#768684;margin-top:3px}.nav{display:flex;align-items:center;gap:35px}.nav a{font-size:13px;font-weight:700;white-space:nowrap;color:#57686b}.nav a:hover,.nav a[aria-current='page']{color:var(--accent)}.nav-cta{font-weight:750;font-size:12px;border:1px solid #c5d6d1;padding:9px 14px;border-radius:6px}.menu-trigger{display:none;border:0;background:none;font-size:24px;color:var(--ink);cursor:pointer}.mobile-menu{display:none}
.eyebrow{font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3;letter-spacing:-.065em}h1{font-size:clamp(42px,5.1vw,70px);font-weight:750;margin:18px 0 24px}h2{font-size:clamp(29px,3.4vw,42px);font-weight:750;margin:14px 0 18px}h3{font-size:22px;font-weight:750}.lead{font-size:17px;line-height:1.95;color:var(--muted);max-width:670px}.copy{color:var(--muted);line-height:1.9}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;border-radius:6px;padding:14px 22px;font-size:13px;font-weight:750;border:1px solid var(--ink);cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-solid{background:var(--ink);color:white}.btn-line{background:white;color:var(--ink);border-color:#d5dedb}.btn-teal{background:var(--accent);color:white;border-color:var(--accent)}.btn-link{display:inline-flex;gap:16px;align-items:center;font-weight:750;color:var(--accent);font-size:13px}.btn-link:hover{text-decoration:underline}.arrow{font-size:18px;font-weight:400}.actions{display:flex;gap:12px;flex-wrap:wrap}.muted{color:var(--muted)}.divider{border:0;border-top:1px solid var(--line)}.section{padding:105px 0}.section-lite{background:var(--pale)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:36px}.section-heading h2{margin-bottom:0}.no-margin{margin:0}.step-number{font-size:12px;letter-spacing:.07em;color:#879795;font-weight:750}
/* Home */
.hero{padding:100px 0 108px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center}.hero h1{max-width:680px}.hero .lead{max-width:495px;margin-bottom:32px}.editorial-panel{background:#edf3f0;min-height:440px;display:flex;flex-direction:column;padding:34px 35px;position:relative;overflow:hidden}.editorial-panel::before{content:'';position:absolute;width:260px;height:260px;border:1px solid #d5e4de;border-radius:50%;right:-140px;bottom:-128px}.panel-top{display:flex;justify-content:space-between;gap:20px;color:#536c65;font-size:11px;font-weight:750;letter-spacing:.11em}.panel-main{margin:auto 0}.panel-main .big{font-size:clamp(58px,7vw,91px);font-weight:700;letter-spacing:-.11em;color:#296f63;line-height:1.04}.panel-main .big span{color:#abcac0}.panel-caption{max-width:250px;color:#647f76;font-size:13px;line-height:1.8}.panel-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#648076;font-weight:650}.dots{display:flex;gap:5px}.dots i{width:6px;height:6px;border-radius:50%;background:#6a9c90}.dots i:nth-child(2){opacity:.5}.dots i:nth-child(3){opacity:.25}.mini-shelf{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mini-card{border:1px solid var(--line);padding:30px 29px;min-height:300px;display:flex;flex-direction:column;transition:.18s}.mini-card:hover{border-color:#abc7be;box-shadow:var(--shadow);transform:translateY(-3px)}.mini-card .product-glyph{margin-bottom:48px}.product-glyph{width:64px;height:64px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#e5f0ec;color:#267568}.product-glyph span{font-size:25px;font-weight:800;letter-spacing:-.08em}.product-glyph.sound span{letter-spacing:.05em;font-weight:500}.mini-card h3{margin-bottom:7px}.mini-card p{font-size:13px;color:var(--muted);line-height:1.8;max-width:300px}.mini-card .btn-link{margin-top:auto}.resource-preview{border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;background:#fff;min-height:385px}.resource-preview-content{padding:54px}.resource-preview-content h2{font-size:36px}.resource-preview-content p{max-width:350px;color:var(--muted);margin-bottom:28px}.resource-art{padding:45px;background:#e6eeeb;display:flex;justify-content:center;align-items:center;gap:15px}.sheet{width:157px;height:216px;background:white;border:1px solid #d9e2de;box-shadow:8px 13px 0 #cbd9d2;padding:18px;display:flex;flex-direction:column}.sheet:nth-child(2){transform:translateY(18px)}.sheet-top{font-size:9px;color:#547c72;font-weight:750;letter-spacing:.07em}.sheet-name{font-weight:750;font-size:16px;margin-top:13px;line-height:1.5}.sheet-bars{margin-top:auto;display:flex;gap:6px}.sheet-bars i{height:39px;flex:1;background:#e9f0eb;border:1px solid #d7e5db}.sheet-bars i:nth-child(2){background:#eef3e5}.sheet-foot{margin-top:14px;width:75%;height:5px;background:#edf0ed}.statement{background:var(--dark);color:white;padding:70px 0}.statement .statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.statement p{color:#bdcec8;line-height:1.9;font-size:16px}.statement .eyebrow{color:#a8c9bd}.statement h2{margin-bottom:0}
/* Internal pages */
.page-hero{background:#f8faf9;padding:85px 0 74px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(38px,5vw,61px);max-width:840px}.page-hero .lead{max-width:780px}.narrow{max-width:870px}.stack{display:grid;gap:20px}.product-row{display:grid;grid-template-columns:1fr 1.07fr;gap:54px;border-bottom:1px solid var(--line);padding:55px 0;align-items:center}.product-row:first-child{padding-top:10px}.product-row:last-child{border-bottom:0}.product-row h2{margin:12px 0 15px}.product-row p{max-width:460px;color:var(--muted);line-height:1.9;margin:0 0 25px}.product-visual{min-height:325px;background:#eff4f1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-visual.dark{background:#e7eeea}.product-visual .visual-caption{position:absolute;bottom:20px;left:25px;color:#5e7971;font-size:11px;font-weight:750;letter-spacing:.06em}.wave-view{width:78%;max-width:420px;height:185px;background:#fff;border:1px solid #d2e0db;padding:23px;box-shadow:0 8px 30px rgba(10,53,45,.04)}.wave-view .topline{display:flex;justify-content:space-between;color:#637b73;font-size:10px;font-weight:750;letter-spacing:.03em}.wave-view svg{width:100%;height:116px;display:block}.session-view{width:78%;max-width:430px;background:#fff;border:1px solid #d2e0db;padding:20px 23px;box-shadow:0 8px 30px rgba(10,53,45,.04)}.session-view .d{font-size:13px;font-weight:800;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:8px}.session-view .r{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:11px;color:#617873;border-bottom:1px solid #edf1ee}.session-view .r:last-child{border:none}.session-view .r b{font-size:10px;color:#2c786d}.session-view .r i{background:#e0ece6;display:block;height:6px;flex:1;border-radius:2px}.session-view .r:nth-child(3) i{flex:.65}.session-view .r:nth-child(4) i{flex:.8}
.product-detail{display:grid;grid-template-columns:1.06fr .94fr;gap:66px;align-items:center;padding:86px 0 100px}.product-detail h1{font-size:58px}.product-detail .lead{font-size:16px}.spec-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.spec{border-top:1px solid var(--line);padding-top:19px}.spec h3{font-size:16px;letter-spacing:-.04em;margin-bottom:6px}.spec p{color:var(--muted);font-size:13px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-item{background:#fff;border:1px solid var(--line);padding:27px;min-height:210px}.detail-item h3{font-size:17px;margin:17px 0 8px}.detail-item p{font-size:13px;color:var(--muted);line-height:1.8}.detail-item .count{color:var(--accent);font-weight:800;font-size:13px}
/* Resources */
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:28px}.filter{border:1px solid #d4dfda;color:#566c65;background:#fff;padding:9px 18px;border-radius:5px;font-size:13px;font-weight:700;cursor:pointer}.filter[aria-pressed='true']{background:var(--ink);border-color:var(--ink);color:white}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource-card{border:1px solid var(--line);background:#fff}.resource-card[hidden]{display:none}.resource-cover{height:215px;display:flex;justify-content:center;align-items:center;background:#f0f4f1}.resource-card:nth-child(2) .resource-cover{background:#f4f1eb}.resource-card:nth-child(3) .resource-cover{background:#edf1f5}.resource-cover .sheet{transform:rotate(-5deg) scale(.75);box-shadow:9px 13px 0 #d2ded7}.resource-card:nth-child(2) .resource-cover .sheet{transform:rotate(4deg) scale(.75)}.resource-body{padding:26px}.resource-meta{font-size:11px;color:var(--accent);font-weight:800}.resource-body h3{font-size:19px;margin:9px 0}.resource-body p{font-size:13px;color:var(--muted);line-height:1.8;min-height:60px}.status{font-size:11px;font-weight:750;color:#6c8079;border:1px solid #dce5de;background:#f5f8f6;padding:6px 11px;border-radius:5px;display:inline-block}.notice{margin-top:28px;background:#f5f8f6;border-left:2px solid var(--accent);padding:18px 20px;color:#6c7d78;font-size:13px}.note-line{padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.note-line strong{font-size:16px}.note-line p{margin:0;max-width:570px;color:var(--muted);font-size:14px}
/* About / footer */
.about-lead{font-size:clamp(30px,4vw,49px);line-height:1.55;letter-spacing:-.065em;max-width:950px;margin-bottom:36px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.principle{border-top:1px solid var(--line);padding-top:25px}.principle strong{font-size:17px}.principle p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:12px}.foot{background:#f5f7f6;border-top:1px solid #e7ece9;padding:50px 0 30px}.foot-main{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;padding-bottom:50px}.foot-nav{display:flex;gap:23px;font-size:12px;color:#657672;font-weight:700}.foot-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #dce5e0;padding-top:18px;font-size:11px;color:#80918b}.footer-brand{font-size:19px;font-weight:800;letter-spacing:-.05em}.footer-sub{margin-top:7px;font-size:13px;color:#788a85}
@media(max-width:900px){.shell{padding:0 26px}.nav{gap:19px}.hero-grid{gap:28px}.product-row{gap:24px}.product-detail{gap:25px}}
@media(max-width:720px){.shell{padding:0 22px}.header-inner{min-height:70px;gap:10px}.brand-title{font-size:16px}.brand-en{font-size:8px}.nav,.nav-cta{display:none}.menu-trigger{display:block;padding:5px}.mobile-menu{background:#fff;border-top:1px solid var(--line);padding:10px 22px 22px}.mobile-menu.open{display:flex;flex-direction:column;gap:0}.mobile-menu a{padding:13px 0;border-bottom:1px solid #edf0ee;font-weight:700;font-size:14px}.hero{padding:64px 0 70px}.hero-grid,.statement .statement-grid,.resource-preview,.product-row,.product-detail{grid-template-columns:1fr}.hero-grid{gap:42px}h1{font-size:42px}.lead{font-size:15px}.editorial-panel{min-height:290px;padding:24px}.panel-main .big{font-size:64px}.section{padding:69px 0}.section-heading{display:block;margin-bottom:25px}.section-heading h2{margin-bottom:12px}.mini-shelf{grid-template-columns:1fr}.mini-card{min-height:240px;padding:26px}.mini-card .product-glyph{margin-bottom:24px}.resource-preview-content{padding:30px}.resource-preview-content h2{font-size:28px}.resource-art{min-height:230px;padding:30px}.sheet{height:183px;width:135px;padding:14px}.sheet-name{font-size:14px}.statement{padding:57px 0}.statement .statement-grid{gap:18px}.page-hero{padding:56px 0 50px}.page-hero h1{font-size:39px}.product-row{gap:28px;padding:38px 0}.product-row:first-child{padding-top:0}.product-row .product-visual{order:-1;min-height:270px}.product-detail{padding:60px 0 75px;gap:35px}.product-detail h1{font-size:43px}.spec-list{grid-template-columns:1fr;gap:7px}.spec{padding-top:12px}.spec p{margin-bottom:6px}.detail-grid,.resource-grid,.principles{grid-template-columns:1fr}.detail-item{min-height:150px}.resource-card{display:grid;grid-template-columns:42% 1fr}.resource-cover{height:100%;min-height:190px}.resource-cover .sheet{transform:rotate(-5deg) scale(.65)}.resource-card:nth-child(2) .resource-cover .sheet{transform:rotate(4deg) scale(.65)}.resource-body{padding:18px}.resource-body p{min-height:0}.foot-main,.foot-bottom{display:block}.foot-nav{flex-wrap:wrap;margin-top:24px}.foot-bottom div{margin:7px 0}.note-line{display:block}.note-line p{margin-top:9px}.about-lead{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.mini-card{transition:none}}


/* Resource listing & detail (first design extension, v1) */
.resource-search-row{display:flex;align-items:center;gap:14px;margin:-6px 0 21px}
.resource-search-label{font-weight:750;font-size:13px;white-space:nowrap}
.resource-search-input{width:min(380px,100%);border:1px solid #cddbd5;border-radius:6px;padding:12px 14px;font:inherit;background:white;color:var(--ink)}
.resource-search-input:focus-visible{outline:2px solid #8abeb1;outline-offset:1px}
.result-count{margin-left:auto;color:#71837d;font-size:12px;white-space:nowrap}
.resource-card-link{display:flex;flex-direction:column;height:100%}
.resource-card-link:hover .resource-body h3{color:var(--accent)}
.resource-card-link:focus-visible{outline-offset:3px}
.resource-body{flex:1;display:flex;flex-direction:column}
.resource-body p{flex:1}
.view-more{display:block;margin-top:16px;font-size:12px;font-weight:750;color:var(--accent)}
.status-ready{background:#e6f3ec;border-color:#acd5c3;color:#246d57}
.sheet-name{white-space:pre-line}
.resource-cover-image{height:100%;width:100%;object-fit:contain}
.resource-detail-section{min-height:65vh}
.resource-detail-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:56px;align-items:center}
.resource-detail-copy h1{font-size:clamp(37px,4.5vw,57px);margin:18px 0}
.resource-facts{display:grid;grid-template-columns:110px 1fr;gap:16px 22px;padding:27px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.resource-facts dt{font-size:13px;font-weight:750}
.resource-facts dd{margin:0;color:var(--muted);font-size:13px}
.detail-actions{margin:0 0 23px}
.detail-back{margin-top:5px}
.resource-detail-preview{min-height:470px;background:#edf3ef;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}
.resource-detail-preview iframe{border:1px solid var(--line);background:#fff;width:100%;height:500px}
.preview-sheet{height:310px;width:225px;padding:26px;transform:rotate(-4deg);box-shadow:12px 18px 0 #ccd9d1}
.preview-sheet .sheet-name{font-size:25px}
.preview-note{font-size:12px;margin:24px 0 0;color:#647b72;text-align:center}
[hidden]{display:none!important}
@media(max-width:720px){
  .resource-search-row{flex-wrap:wrap;gap:9px}
  .resource-search-label{width:100%}
  .resource-search-input{width:100%}
  .result-count{margin-left:0}
  .resource-detail-layout{grid-template-columns:1fr;gap:30px}
  .resource-detail-section{padding:54px 0}
  .resource-detail-preview{min-height:340px}
  .resource-detail-preview iframe{height:400px}
  .resource-facts{grid-template-columns:84px 1fr;gap:13px}
}

@media(max-width:720px){.resource-card{display:block}.resource-card-link{display:grid;grid-template-columns:42% 58%;align-items:stretch}.resource-card-link .resource-cover{min-height:195px}.resource-body{min-width:0}.resource-body h3{font-size:16px}.resource-body p{font-size:12px}.view-more{margin-top:6px}}
@media(max-width:360px){.resource-card-link{grid-template-columns:39% 61%}}