@charset "UTF-8";
:root{--paper:#0b0c0a;--ink:#f3f5ed;--muted:#a0a497;--accent:#d2f542;--line:#30342a;--white:#f3f5ed}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;word-break:keep-all;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent);color:#fff}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip-link{position:fixed;top:-80px;left:15px;background:var(--ink);color:white;padding:15px;z-index:100}.skip-link:focus{top:10px}.header{height:100px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:Arial,sans-serif;font-size:31px;letter-spacing:-1.8px;font-weight:800;white-space:nowrap}.wordmark-symbol{color:var(--accent);padding:0 2px;font-size:39px}.wordmark-dot{font-size:11px;vertical-align:top;display:inline-block;padding-top:9px;letter-spacing:0;margin-left:3px}.header nav{display:flex;gap:36px;align-items:center;font-size:14px;font-weight:600}.header nav a{padding:12px 0}.header nav a:last-child{border-bottom:1px solid var(--ink)}.header nav a span{margin-left:18px}.header nav a:hover{color:var(--accent)}.menu-toggle{display:none}.hero{max-width:1600px;margin:auto;padding:63px 5% 0;display:grid;grid-template-columns:1.12fr 1fr;gap:0 5%}.eyebrow{font-family:Arial,sans-serif;font-size:12px;letter-spacing:1.5px;font-weight:600;margin:0 0 32px;display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;display:inline-block}h1{font-size:clamp(38px,4.1vw,64px);line-height:1.32;letter-spacing:-3.5px;margin:0;font-weight:750}h1>span{color:var(--accent)}.hero-description{font-size:16px;line-height:1.85;color:#acb0a4;margin:25px 0 30px}.button{display:inline-flex;background:var(--ink);color:var(--white);gap:45px;align-items:center;font-size:14px;padding:18px 22px;transition:background .2s,transform .2s}.button:hover{background:#45463b;transform:translateY(-3px)}.button span{font-size:22px}.hero-graphic{background:var(--accent);min-height:492px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:26px 26px 20px;color:#24261e}.graphic-top{display:flex;justify-content:space-between;font-family:Arial,sans-serif;letter-spacing:1px;font-size:10px;font-weight:700}.graphic-bottom{border-top:1px solid #25261f60;padding-top:17px;display:flex;justify-content:space-between;align-items:center;font-family:Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:.5px;font-weight:700}.graphic-arrow{font-size:67px;line-height:.8;font-weight:400}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;padding:35px 0 30px;color:#acb0a4;font-size:12px}.hero-foot a{font:10px Arial,sans-serif;letter-spacing:1px}.hero-foot a span{margin-left:20px;font-size:19px}.section{max-width:1600px;margin:auto;padding:78px 5% 85px;scroll-margin-top:0}.section-label{display:flex;justify-content:space-between;font-size:12px;padding-bottom:25px;border-bottom:1px solid var(--line);color:#acb0a4}.index{font-family:Arial,sans-serif;letter-spacing:1px;font-weight:600;color:var(--ink)}.proof{border-top:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;margin-top:55px}h2{font-size:clamp(32px,3.1vw,46px);line-height:1.42;letter-spacing:-2px;margin:0;font-weight:700}.muted{color:#a0a497}.proof-copy p,.section-heading p{font-size:15px;line-height:1.95;color:#acb0a4;margin:23px 0 0}.proof-stat{position:relative;padding:10px 0 0}.stat-caption{font:11px Arial,sans-serif;letter-spacing:1.4px;margin:0 0 26px}.stat-value{font-family:Arial,"Malgun Gothic",sans-serif;font-size:clamp(66px,7.4vw,110px);font-weight:500;letter-spacing:-6px;white-space:nowrap;display:flex;align-items:baseline;gap:10px}.approx{font-size:20px;letter-spacing:-1px}.unit{font-size:29px;letter-spacing:-1.5px}.stat-title{font-size:15px;margin:12px 0 30px}.stat-divider{height:1px;background:var(--line)}.stat-note{font-size:14px;line-height:1.85;color:#acb0a4;margin-top:24px}.stat-arrow{position:absolute;right:0;bottom:10px;font-size:56px;color:var(--accent)}.approach{background:#13160f}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:44px 0 40px}.section-heading p{margin:0;max-width:400px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.approach-card{background:var(--paper);padding:24px 28px 22px}.card-top{display:flex;justify-content:space-between;font:11px Arial,sans-serif;letter-spacing:1px}.card-top>span:first-child{color:var(--muted)}.approach-card h3{font-size:23px;letter-spacing:-1px;margin:0 0 14px}.approach-card p{font-size:14px;line-height:1.9;color:#acb0a4;margin:0 0 27px}.card-bottom{display:block;border-top:1px solid var(--line);padding-top:17px;font-size:11px;color:#acb0a4}.diagram{height:150px;position:relative;display:flex;align-items:center;justify-content:center}.discover i{width:69px;height:69px;border:1px solid #9a9c8d;border-radius:50%}.discover i+i{margin-left:-23px;border-color:var(--accent);background:#d2f54212}.discover span{position:absolute;color:var(--accent);font-size:23px;font-weight:300}.buildup{flex-direction:column;gap:9px;padding-top:28px}.buildup i{height:1px;width:115px;background:#a8aa9c}.buildup i:nth-child(2){width:85px}.buildup i:nth-child(3){width:55px;background:var(--accent)}.buildup span{position:absolute;top:27px;color:var(--accent);font-size:34px;background:var(--paper);line-height:1}.growth{gap:9px;align-items:flex-end;padding-bottom:30px}.growth i{width:22px;height:20px;background:#444e31}.growth i:nth-child(2){height:35px}.growth i:nth-child(3){height:51px}.growth i:nth-child(4){height:70px;background:var(--accent)}.growth span{color:var(--accent);font-size:40px;position:absolute;top:16px;left:calc(50% - 42px)}.brands{padding-bottom:65px}.brand-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.brand-grid li{min-height:113px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:5px;font-size:20px;font-weight:650;letter-spacing:-.9px;text-align:center;transition:background .2s,color .2s}.brand-grid li:hover{background:#13160f;color:#d2f542}.brand-grid li:nth-child(3n){font-weight:500}.brand-grid li span{font-size:12px;font-weight:400;letter-spacing:-.3px}.brand-note{text-align:right;font:9px Arial,sans-serif;letter-spacing:1.2px;color:#acb0a4;margin-top:20px}.closing{background:var(--accent);padding:66px max(5%,calc((100% - 1440px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.closing .eyebrow{font-size:10px;margin-bottom:23px}.closing h2{font-size:clamp(35px,4vw,59px);line-height:1.35;letter-spacing:-2.8px}.closing p:last-child{font-size:14px;margin:24px 0 0}.closing-arrow{font-family:Arial,sans-serif;font-size:150px;line-height:1;font-weight:300}footer{max-width:1600px;margin:auto;padding:42px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .wordmark{font-size:25px}footer .wordmark-symbol{font-size:32px}footer p{font-size:11px;color:#acb0a4;margin:12px 0 0}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:32px;font:10px Arial,sans-serif;letter-spacing:.7px}.footer-right small{font-size:9px;color:#acb0a4}
.media{background:var(--ink);color:var(--paper)}
.media .section-label{border-color:#515348;color:#c3c5b9}
.media .index{color:var(--paper)}
.media .section-heading p{color:#c3c5b9}
.media-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #515348;border-left:1px solid #515348}
.media-grid li{min-height:126px;padding:27px 24px;display:flex;flex-direction:column;justify-content:center;gap:12px;border-right:1px solid #515348;border-bottom:1px solid #515348}
.media-name{font-size:21px;font-weight:600;letter-spacing:-.6px}
.media-english{font:12px Arial,sans-serif;letter-spacing:.7px;color:#c3c5b9}
.media-grid .media-more{background:var(--accent);color:var(--ink)}
.media-more .media-name{font-size:16px}
.media-more .media-english{color:var(--ink)}
.media-note{font-size:13px;line-height:1.8;color:#c3c5b9;margin:24px 0 0}
@media(max-width:1000px) and (min-width:701px){.header nav{gap:20px;font-size:12px}.media-grid li{padding:23px 18px}.media-more .media-name{font-size:14px}}
@media(max-width:700px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid li{min-height:112px;padding:23px 17px}.media-name{font-size:18px}.media-english{font-size:11px}.media-more .media-name{font-size:14px}.media-note{font-size:12px}}
@media(min-width:1600px){.hero-graphic{min-height:540px}}
@media(max-width:1000px){h1{letter-spacing:-2px}.hero{gap:0 3%;padding-top:45px}.hero-graphic{min-height:450px;padding:20px}.graphic-top{font-size:8px}.proof-grid{gap:5%}.stat-value{font-size:8vw}.approach-card{padding:22px 20px}.approach-card p{font-size:13px}.brand-grid li{font-size:18px}.section-heading p{font-size:14px}}
@media(max-width:700px){html{scroll-padding-top:25px}.header{height:78px;padding:0 6%;position:relative}.wordmark{font-size:27px}.header nav{display:none;position:absolute;top:77px;left:0;right:0;z-index:10;background:var(--paper);padding:20px 6% 25px;border-bottom:1px solid var(--line);gap:12px;flex-direction:column;align-items:stretch}.header nav.is-open{display:flex}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:0;background:none;width:44px;height:44px;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:1px;background:var(--ink);width:24px;transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{display:block;padding:38px 6% 0}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:25px}h1{font-size:clamp(31px,7.8vw,53px);letter-spacing:-1.9px;line-height:1.35}.hero-description{font-size:14px;line-height:1.8;margin:22px 0}.button{padding:15px 20px;font-size:13px}.hero-graphic{margin-top:35px;min-height:0;height:auto;aspect-ratio:1.13;padding:22px}.graphic-top{font-size:9px}.graphic-bottom{font-size:10px}.graphic-arrow{font-size:51px}.hero-foot{font-size:10px;padding:23px 0}.hero-foot a{font-size:8px;letter-spacing:.3px}.hero-foot a span{margin-left:6px}.section{padding:50px 6%}.section-label{font-size:10px;gap:20px;align-items:center;padding-bottom:20px}.section-label>span:last-child{text-align:right}.index{font-size:9px;white-space:nowrap}.proof-grid{grid-template-columns:1fr;gap:35px;margin-top:30px}h2{font-size:32px;letter-spacing:-1.5px}.proof-copy p{font-size:14px}.proof-stat{padding-top:25px;border-top:1px solid var(--line)}.stat-caption{font-size:10px;margin-bottom:18px}.stat-value{font-size:clamp(65px,16vw,100px);letter-spacing:-4px}.unit{font-size:24px}.approx{font-size:17px}.stat-title{margin:8px 0 24px}.stat-arrow{bottom:0}.section-heading{display:block;margin:30px 0}.section-heading p{margin-top:20px;font-size:14px}.approach-grid{grid-template-columns:1fr;gap:14px}.approach-card{padding:24px;position:relative}.diagram{position:absolute;right:19px;top:50px;width:120px;height:125px;transform:scale(.8);transform-origin:right center}.approach-card h3{margin-top:37px;font-size:23px}.approach-card p{font-size:13px;max-width:calc(100% - 85px)}.card-bottom{margin-top:28px}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-grid li{min-height:90px;font-size:17px;gap:4px}.brand-grid li span{font-size:10px}.brand-note{font-size:8px;letter-spacing:.5px}.closing{padding:45px 6%;align-items:flex-end}.closing h2{font-size:clamp(29px,6.9vw,43px);letter-spacing:-1.5px}.closing p:last-child{font-size:12px;max-width:210px;line-height:1.8}.closing-arrow{font-size:68px}.closing .eyebrow{font-size:9px}footer{padding:30px 6%;display:block}footer p{line-height:1.7}.footer-right{align-items:flex-start;gap:20px;margin-top:27px}.footer-right small{font-size:8px}}
/* Reference-inspired wordmark and black / neon-lime identity. */
::selection{background:var(--accent);color:var(--paper)}
.skip-link{background:var(--accent);color:var(--paper)}
.wordmark,footer .wordmark{display:inline-flex;align-items:center;gap:11px;font-family:Arial,sans-serif;font-weight:500;letter-spacing:-1.8px;line-height:1}
.logo-text{font-family:"Century Gothic","Avenir Next",Arial,sans-serif;font-size:35px;font-weight:400;letter-spacing:-1.6px}
.wordmark sup{align-self:flex-start;font-size:9px;letter-spacing:0;margin:3px 0 0 -8px}
.logo-dots{display:grid;grid-template-columns:repeat(3,7px);gap:4px;flex-shrink:0}
.logo-dots i{height:7px;width:7px;border-radius:50%;background:var(--accent)}
.logo-dots i:nth-child(3n + 2){background:var(--ink)}
footer .logo-text{font-size:29px}
.button{background:var(--accent);color:var(--paper);font-weight:650}
.button:hover{background:#e0ff6a}
.hero-graphic{background:#14180e;color:var(--accent);border:1px solid #343d22}
.graphic-top{color:#b0b99b}
.graphic-bottom{border-color:#343d22;color:#b0b99b}
.graphic-arrow{color:var(--accent)}

.hero-symbol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px);width:65%;max-width:310px;align-self:center;margin:35px 0}
.hero-symbol i{display:block;aspect-ratio:1;border-radius:50%;background:var(--accent)}
.hero-symbol i:nth-child(3n + 2){background:var(--ink)}
.stat-value{color:var(--accent)}
.approach-card{border:1px solid var(--line)}
.media{background:#10120e;color:var(--ink)}
.media .index{color:var(--ink)}
.media .section-label,.media-grid,.media-grid li{border-color:var(--line)}
.media-grid .media-more,.media-more .media-english{color:var(--paper)}
.closing{background:#151a0e;color:var(--ink);border-top:1px solid #3e4b25;border-bottom:1px solid #3e4b25}
.closing .eyebrow,.closing-arrow{color:var(--accent)}
.closing p:last-child{color:#acb0a4}
.brand-grid li:hover{color:var(--accent)}
@media(max-width:1000px) and (min-width:701px){.logo-text{font-size:29px}.header nav{gap:16px}}
@media(max-width:700px){.logo-text{font-size:30px}.logo-dots{grid-template-columns:repeat(3,6px);gap:3px}.logo-dots i{height:6px;width:6px}.wordmark{gap:9px}.hero-graphic{padding:22px}.header nav{background:var(--paper)}}
@media(max-width:700px){.hero-symbol{width:58%;gap:clamp(12px,3vw,21px);margin:20px 0}}
.buildup{flex-direction:column-reverse}
.media-grid li.media-logo-card{padding:0;gap:0;min-height:159px;justify-content:flex-start}
.logo-surface{background:#fff;display:flex;align-items:center;justify-content:center;height:112px;width:100%;padding:24px;overflow:hidden;position:relative}
.logo-surface img{display:block;width:170px;height:64px;max-width:100%;object-fit:contain}
.media-logo-card .media-name{font-size:13px;font-weight:500;letter-spacing:0;padding:15px 20px;color:#c3c5b9}
.logo-googleads img,.logo-instagram img{width:48px;height:48px}
.logo-karrot img{width:95px;height:54px}
.logo-kakao{background:#ffcd00}
.logo-kakao img{position:absolute;max-width:none;width:680px;height:auto}
.brand-grid li.brand-logo-card{display:flex;flex-direction:column;padding:0;gap:0;min-height:159px}
.brand-logo-card .brand-caption{display:block;width:100%;padding:15px 8px;font-size:13px;font-weight:500;color:#acb0a4;letter-spacing:0;text-align:center}
.brand-grid li.brand-logo-card:hover{background:#13160f}
.brand-logo-card .logo-surface img{width:175px;height:64px}
.brand-more{margin:28px 0 0;text-align:right;font-size:20px;line-height:1.6;letter-spacing:-.5px;color:var(--ink)}
.brand-more strong{color:var(--accent);font-weight:700}
@media(max-width:700px){.logo-surface{height:100px;padding:22px 18px}.media-grid li.media-logo-card,.brand-grid li.brand-logo-card{min-height:147px}.media-logo-card .media-name,.brand-logo-card .brand-caption{font-size:12px}.logo-kakao img{width:580px}.brand-logo-card .logo-surface img{max-width:100%;height:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}