:root{--navy:#10283b;--ink:#142c3a;--muted:#566c78;--line:#d6e1e3;--paper:#f3f7f7;--mint:#c7e7d8;--blue:#36778b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;font-size:16px;line-height:1.7;word-break:keep-all}a{color:inherit}button,input,select,textarea{font:inherit}.wrap{max-width:1180px;margin:auto;padding:0 32px}.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:8px;z-index:20}.skip:focus{left:8px}:focus-visible{outline:3px solid #dca95b;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h2{font-size:clamp(2rem,3.7vw,3.45rem);line-height:1.3;letter-spacing:-.06em;margin-bottom:0}h3,h4{letter-spacing:-.04em}.eyebrow{font-size:.8rem;font-weight:850;letter-spacing:.14em;color:#4a8091;margin:0 0 19px}.eyebrow.light{color:#a9d7c7}.section{padding:104px 0}.section-lead{font-size:1.1rem;color:var(--muted);max-width:750px;margin:20px 0 0}.white{background:white}.soft{background:var(--paper)}
.header{background:var(--navy);color:white;border-bottom:1px solid #ffffff2d}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-weight:850;font-size:1.13rem;letter-spacing:-.04em;display:flex;gap:13px;align-items:center;line-height:1.1}.brand small{font-size:.67rem;display:block;color:#9dbbc4;letter-spacing:.16em;margin-top:5px}.brand-mark{display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:3px;transform:rotate(-12deg)}.brand-mark i{background:#d4eadb;border-radius:2px}.brand-mark i:nth-child(2){background:#e6bd80}.brand-mark i:nth-child(3){background:#6b9fae}.header nav{display:flex;align-items:center;gap:26px}.header nav a{font-size:.88rem;font-weight:650;text-decoration:none;color:#dce9e9}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.header .nav-cta{border:1px solid #91b7b9;padding:9px 17px;border-radius:4px}
.hero{background:var(--navy);color:#fff;overflow:hidden}.hero-grid{padding-top:100px;padding-bottom:115px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);gap:70px;align-items:center}.hero h1{font-size:clamp(2.7rem,5.1vw,4.9rem);line-height:1.2;letter-spacing:-.075em;margin:0}.hero h1 em{color:var(--mint);font-style:normal}.hero-lead{color:#cbdde1;font-size:1.16rem;line-height:1.85;max-width:630px;margin:28px 0 32px}.buttons{display:flex;flex-wrap:wrap;gap:12px}.button{padding:14px 22px;border-radius:4px;font-weight:800;text-decoration:none;display:inline-flex;gap:14px;align-items:center}.button.primary{background:var(--mint);color:#102a36}.button.outline{border:1px solid #83a3aa}.button:hover{filter:brightness(1.12)}.hero-foot{color:#a9c1c8;font-size:.87rem;margin:24px 0 0}.canvas{background:#eef4f2;color:var(--ink);padding:28px;border-radius:8px;box-shadow:19px 24px 0 #2b5b7280,0 25px 70px #00152270;transform:rotate(1.3deg)}.canvas-head{border-bottom:1px solid #c4d4d5;padding-bottom:16px;display:flex;justify-content:space-between}.canvas-head small,.canvas-head span{display:block;font-size:.71rem;letter-spacing:.13em;font-weight:800;color:#67818a}.canvas-head strong{display:block;font-size:1.14rem;letter-spacing:-.04em}.canvas-cells{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.canvas-cells div{background:#fff;border:1px solid #d6e1e2;border-radius:4px;min-height:83px;padding:11px 13px}.canvas-cells div.focus{background:#dceee6;border-color:#b4d4c6}.canvas-cells b{display:block;color:#497080;font-size:.78rem}.canvas-cells span{font-size:.85rem;line-height:1.4;font-weight:650;display:block;margin-top:5px}.canvas-result{background:var(--navy);color:#fff;padding:13px 16px;border-radius:4px}.canvas-result small{display:block;color:#a8d8c6;font-size:.72rem;font-weight:800}.canvas-result b{font-size:.9rem}
.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.why-text{font-size:1.14rem;border-left:3px solid #9bc7bc;padding-left:29px;line-height:1.88}.why-text p:last-child{margin-bottom:0}.why-text strong{color:#247481}.three-line{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-top:50px}.three-line div{padding:25px 28px;border-right:1px solid var(--line)}.three-line div:first-child{padding-left:0}.three-line div:last-child{border-right:0}.three-line p{color:var(--muted);margin:7px 0 0;font-size:.95rem}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:43px}.audience-grid article{background:#fff;border:1px solid var(--line);padding:32px;border-radius:7px;min-height:284px;display:flex;flex-direction:column}.audience-grid span{font-size:.84rem;color:#7a9aa3;font-weight:850}.audience-grid h3{font-size:1.5rem;line-height:1.35;margin:24px 0 10px}.audience-grid p{color:var(--muted);margin:0}.audience-grid a{margin-top:auto;padding-top:20px;color:#27748b;text-decoration:none;font-weight:800}.audience-grid a:hover{text-decoration:underline}
.method{background:#e0ece9}.method-head{display:flex;align-items:end;justify-content:space-between;gap:35px}.method-head p:last-child{max-width:365px;margin:0;color:#536f76;font-size:1.05rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #acc8c6;margin-top:45px}.steps article{padding:28px 22px 5px 0}.steps article:not(:first-child){border-left:1px solid #acc8c6;padding-left:22px}.steps small{color:#337d89;letter-spacing:.12em;font-weight:800}.steps h3{font-size:1.24rem;margin:28px 0 10px}.steps p{color:#516b73;font-size:.96rem;margin:0}.method-result{display:flex;gap:25px;background:var(--navy);color:white;margin-top:43px;padding:24px 30px;border-radius:4px}.method-result b{color:var(--mint);white-space:nowrap}
.product-group{margin-top:55px}.group-head{display:flex;align-items:baseline;gap:18px;border-bottom:1px solid var(--line);padding-bottom:15px}.group-head span{font-size:.8rem;color:#4d8693;letter-spacing:.12em;font-weight:850}.group-head h3{font-size:1.6rem;margin:0}.product{display:grid;grid-template-columns:.75fr 1.35fr .83fr;gap:28px;padding:28px 0;border-bottom:1px solid var(--line)}.product h4{font-size:1.12rem;margin:0}.product p{color:#4d6570;margin:0}.product aside{font-size:.93rem;color:#2c7388;font-weight:750}.product aside small{display:block;color:#8096a0;font-size:.75rem;font-weight:850;margin-bottom:4px}.pilot{display:inline-block;background:#dcefe6;color:#2c725a;border-radius:20px;font-size:.71rem;padding:2px 8px;vertical-align:2px;margin-left:3px;white-space:nowrap}
.publicnext{background:var(--navy);color:white}.next-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:88px}.publicnext .section-lead,.next-note{color:#bbd0d5}.axis{display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid #6b8993;border-radius:5px;padding:20px;margin-top:33px;font-weight:750}.axis small{display:block;color:#a5bec5;font-size:.76rem;font-weight:500}.axis i{font-size:1.5rem;color:var(--mint);font-style:normal}.next-note{font-size:.91rem;margin:24px 0 0}.weeks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.weeks article{background:#17384b;border:1px solid #4b6d79;padding:18px 20px;border-radius:5px}.weeks small{font-size:.73rem;color:#a9dcc8;font-weight:800;letter-spacing:.12em}.weeks h3{font-size:1.04rem;margin:10px 0 4px}.weeks p{color:#b9cbd1;font-size:.87rem;margin:0}.principle{background:#f0f5f3}.principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.principle-grid h2{font-size:clamp(1.9rem,3vw,2.6rem)}.principle-grid p{margin:20px 0 0;color:var(--muted)}.principle-grid ul{list-style:none;margin:0;padding:0}.principle-grid li{border-bottom:1px solid #c9d8d7;padding:17px 0 17px 32px;position:relative;font-weight:650}.principle-grid li::before{content:"✓";position:absolute;left:0;color:#2d7d89}
.contact{background:#d1e9df}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p{font-size:1.07rem;color:#42636b;margin:20px 0 0}.contact form{background:#fff;padding:30px;border-radius:7px;box-shadow:0 13px 32px #123b3415}.contact label{display:block;font-size:.9rem;font-weight:800;margin:0 0 5px}.contact input,.contact select,.contact textarea{width:100%;padding:11px 12px;border:1px solid #c9d7d9;border-radius:4px;background:#fff;color:var(--ink);margin-bottom:16px}.contact textarea{resize:vertical}.contact button{width:100%;border:0;background:var(--navy);color:#fff;padding:13px;font-weight:800;border-radius:4px}.contact form small{display:block;margin-top:9px;color:#5b777e;font-size:.77rem}footer{background:#0b2233;color:#c2d3d8;padding:36px 0}.footer-inner{display:flex;justify-content:space-between;align-items:end;gap:20px}footer strong{color:#fff}footer p{font-size:.83rem;margin:4px 0}footer small{font-size:.78rem}footer a{font-size:.86rem;color:#c4e3db}
@media(max-width:960px){.hero-grid,.why-grid,.next-grid,.principle-grid,.contact-grid{grid-template-columns:1fr;gap:42px}.hero-grid{padding-top:75px}.canvas{max-width:630px}.method-head{display:block}.method-head p:last-child{max-width:700px;margin-top:20px}.product{grid-template-columns:1fr 1.5fr}.product aside{grid-column:2}.header nav{gap:14px}.header nav a{font-size:.8rem}.audience-grid article{padding:23px}}
@media(max-width:680px){.wrap{padding:0 21px}.header-inner{display:block;padding-top:17px;padding-bottom:17px}.header nav{margin-top:18px;overflow-x:auto;white-space:nowrap;padding-bottom:5px;gap:18px}.header .nav-cta{padding:0;border:0}.hero-grid{padding-top:62px;padding-bottom:78px;gap:54px}.hero h1{font-size:clamp(2.5rem,10vw,3.6rem)}.hero-lead{font-size:1.05rem}.canvas{padding:17px;transform:none;box-shadow:10px 13px 0 #2b5b7280}.canvas-cells div{padding:9px;min-height:90px}.canvas-cells span{font-size:.78rem}.section{padding:72px 0}.why-text{font-size:1.04rem}.three-line,.audience-grid,.steps,.weeks{grid-template-columns:1fr}.three-line div,.three-line div:first-child{border-right:0;border-bottom:1px solid var(--line);padding:17px 0}.three-line div:last-child{border:0}.audience-grid{margin-top:30px}.audience-grid article{min-height:225px}.steps article,.steps article:not(:first-child){padding:17px 0;border-left:0;border-bottom:1px solid #acc8c6}.steps h3{margin:7px 0}.method-result{display:block;padding:20px}.method-result span{display:block;margin-top:7px}.group-head{display:block}.group-head h3{margin-top:5px}.product{grid-template-columns:1fr;gap:9px}.product aside{grid-column:1}.axis{padding:14px}.footer-inner{display:block}footer a{display:inline-block;margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.track-link{display:inline-block;margin-top:13px;color:#c7e7d8;font-weight:800;text-underline-offset:5px}.matrix-follow{display:block;margin-top:13px;font-weight:800;color:#276f82}footer p a{color:#c7e7d8;text-underline-offset:4px}

.product-target{display:block;font-size:.88rem;color:#53737d;font-weight:600;margin-top:3px}.product-link{display:inline-block;margin-top:11px;color:#17687d;text-decoration:underline;text-underline-offset:4px;font-weight:800}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
