:root{--navy:#102640;--coral:#ff554b;--slate:#5e7188;--cream:#fff9ed;--yellow:#ffda59;--content:1160px;--section-gap:112px;--card-gap:32px;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:#fff;color:var(--navy);font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}
button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img,video{display:block;max-width:100%;height:auto}img{color:var(--slate);font-size:16px;line-height:1.6}p,h1,h2{margin:0}ul{margin:0;padding:0;list-style:none}em{font-style:normal;color:var(--coral)}.coral{color:var(--coral)}[hidden]{display:none!important}:focus-visible{outline:3px solid #647bea;outline-offset:5px}
.container{width:min(var(--content),calc(100% - 80px));margin-inline:auto}
.skip-link{position:absolute;z-index:20;top:-80px;left:20px;padding:14px 20px;background:#fff;border:2px solid var(--navy);border-radius:10px}.skip-link:focus{top:10px}
.site-header{border-bottom:1px solid #e9ecf1;background:#fff}.header-inner{height:88px;display:flex;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;gap:7px;flex:none;line-height:1;white-space:nowrap;font-size:36px;font-weight:900;letter-spacing:-2px}.brand img{width:58px;height:58px;object-fit:contain}
.header-inner nav{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:15px;font-weight:750}.header-inner nav a{padding-block:14px}.header-inner nav a:hover{color:var(--coral)}
.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:58px;padding:14px 28px;border:1.5px solid var(--coral);border-radius:100px;background:var(--coral);color:#fff;font-weight:800;font-size:20px;line-height:1.25;text-align:center;transition:background-color .18s,box-shadow .18s}.button:hover{background:#ed473d;border-color:#ed473d;box-shadow:0 4px 18px #ff554b1b}.button-outline{background:transparent;color:#e84138}.button-outline:hover{color:#fff}.button-small{min-height:44px;padding:11px 22px;font-size:15px;white-space:nowrap}.arrow{font-size:30px;font-weight:400;line-height:.7}
.hero{padding:66px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:520px}.hero-copy{position:relative;z-index:2;padding-block:25px}.eyebrow{font-size:18px;font-weight:800;color:#ec473d;line-height:1.6;margin-bottom:20px}
h1{font-size:clamp(44px,4.7vw,62px);font-weight:900;line-height:1.48;letter-spacing:-2.6px}.slogan-line{display:block;white-space:nowrap}.slogan-line strong{font-weight:900}.connect{font-size:.71em;color:#62758a;font-weight:650;letter-spacing:-1.6px}.underline{position:relative;isolation:isolate}.underline::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:6px;border-radius:4px;background:var(--yellow);z-index:-1}
.hero-description{font-size:20px;font-weight:550;color:var(--slate);line-height:1.8;letter-spacing:-.45px;margin:28px 0 30px}.hero-note{color:var(--slate);font-size:14px;font-weight:600;margin-top:19px;line-height:1.7}
.hero-media{position:relative;width:125%;margin-left:-4%;align-self:center}.hero-media video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff;mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 100%)}
.motion-toggle{position:absolute;right:17%;bottom:5%;display:flex;gap:7px;align-items:center;border:1px solid #e5e2d8;border-radius:30px;background:#fffffff0;color:var(--navy);padding:8px 12px;font-size:12px;min-height:38px}.motion-toggle>span:first-child{font-weight:900}
.section{margin-top:var(--section-gap)}.story{margin-top:96px}.section-heading{text-align:center;margin-bottom:44px}.section-heading h2{font-size:clamp(28px,3vw,39px);font-weight:850;letter-spacing:-1.5px;line-height:1.4;text-wrap:balance}.section-heading p{margin-top:12px;font-size:19px;line-height:1.7;color:var(--slate);letter-spacing:-.35px}
.video-shell{width:min(100%,980px);margin-inline:auto;position:relative;border:1px solid #eae5dc;border-radius:18px;overflow:hidden;background:#fffaf0;isolation:isolate}.video-shell video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.video-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:25px;border:0;background:transparent}.play-circle{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:#fffffff5;box-shadow:0 4px 18px #10264022;color:var(--navy);transition:transform .18s}.play-circle svg{width:29px;height:29px;fill:currentColor;margin-left:3px}.video-overlay:hover .play-circle{transform:scale(1.07)}
.story-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap);margin-top:64px}.story-cards img,.benefit-cards img{width:100%;border-radius:18px}.story-cards li,.benefit-cards li{min-width:0}.benefit-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:40px}
.support{margin-top:100px}.support-banner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px;align-items:center;min-height:320px;padding:48px 42px;border-radius:24px;background:var(--cream)}.support-copy{position:relative;z-index:1}.support-copy .eyebrow{margin-bottom:12px;font-size:17px}.support h2{font-size:clamp(25px,2.5vw,33px);line-height:1.4;font-weight:850;letter-spacing:-1.2px}.support-description{margin:17px 0 25px;color:var(--slate);font-size:17px;line-height:1.7}.support-helper{font-size:13px;line-height:1.7;color:var(--slate);margin-top:15px}.support-mascot{width:250px;max-width:110%;justify-self:center;align-self:center}.mobile-break{display:none}
.site-footer{display:flex;flex-direction:column;align-items:center;padding:80px 24px 58px}.site-footer .brand{font-size:27px;letter-spacing:-1.5px}.site-footer .brand img{width:44px;height:44px}.site-footer p{font-size:14px;color:var(--slate);margin-top:9px;line-height:1.7;text-align:center}
.institution-demo{margin:0 auto;width:min(100%,980px)}
.institution-motion-toggle{right:18px;bottom:18px;min-height:44px;padding:9px 14px;box-shadow:0 2px 12px #10264012}
.demo-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;color:var(--slate);font-size:16px;line-height:1.7}.video-meta{flex:none;font-size:13px;color:#728095}
.feature-details{margin:30px auto 0;width:min(100%,980px)}.feature-details summary{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;max-width:100%;margin-inline:auto;padding:14px 22px;min-height:50px;border:1px solid #dce3eb;border-radius:100px;background:#fff;color:var(--navy);font-size:16px;font-weight:750;line-height:1.5;cursor:pointer;list-style:none}.feature-details summary::-webkit-details-marker{display:none}.feature-details summary:hover{background:#f8fafc;border-color:#bcc8d5}.small-play{color:var(--coral);font-size:20px;line-height:1}.details-chevron{margin-left:5px;color:var(--slate);transition:transform .18s}.feature-details[open] .details-chevron{transform:rotate(180deg)}.feature-content{margin-top:28px;padding:28px;background:#f8fafc;border-radius:20px}.feature-description{text-align:center;margin-bottom:20px;font-size:16px;color:var(--slate);line-height:1.7}.institution .benefit-cards{margin-top:64px}
@media(max-width:760px){.demo-caption{align-items:flex-start;flex-direction:column;gap:5px;margin-top:14px;font-size:14px}.video-meta{font-size:12px}.feature-details{margin-top:24px}.feature-details summary{font-size:14px;padding:12px 18px;min-height:48px}.feature-content{padding:16px;margin-top:20px;border-radius:16px}.feature-description{font-size:14px;margin-bottom:16px}.institution .benefit-cards{margin-top:44px}}
@media(min-width:1440px){.hero-media{width:137%;margin-left:-5%}.hero-grid{min-height:565px}}
@media(max-width:1000px){.container{width:calc(100% - 48px)}.header-inner{gap:20px}.header-inner nav{gap:19px;font-size:14px}.brand{font-size:31px}.brand img{width:52px;height:52px}.hero-grid{grid-template-columns:51% 49%;min-height:430px}.hero{padding-top:42px}h1{font-size:46px;letter-spacing:-2px}.hero-description{font-size:17px}.eyebrow{font-size:16px}.support-banner{grid-template-columns:minmax(0,1fr) 180px;padding:36px 30px}.support-mascot{width:200px}}
@media(max-width:760px){:root{--section-gap:80px;--card-gap:24px}.container{width:calc(100% - 40px)}.header-inner{height:74px;gap:12px;justify-content:space-between}.header-inner nav{display:none}.brand{font-size:28px;letter-spacing:-1.8px;gap:3px}.brand img{width:46px;height:46px}.button-small{font-size:13px;padding:10px 16px;min-height:40px}.hero{padding-top:35px}.hero-grid{display:flex;flex-direction:column;min-height:0}.hero-copy{width:100%;padding:0}.hero-copy .eyebrow{margin-bottom:12px;font-size:15px}h1{font-size:clamp(35px,8.9vw,56px);line-height:1.43;letter-spacing:-2px}.connect{letter-spacing:-1.1px}.underline::after{bottom:-4px;height:5px}.hero-description{font-size:16px;margin:25px 0;line-height:1.85}.hero-note{font-size:12px;margin-top:14px}.button{min-height:52px;font-size:18px;padding:13px 24px}.button-small{font-size:13px;min-height:40px;padding:10px 16px}.hero-media{width:calc(100% + 40px);margin:18px -20px -4px;align-self:auto}.hero-media video{mask-image:none}.motion-toggle{right:24px;bottom:10px}.story{margin-top:64px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:27px;letter-spacing:-1.1px}.section-heading p{font-size:15px;line-height:1.75;margin-top:11px}.video-shell{border-radius:14px}.video-overlay{padding:14px}.play-circle{width:49px;height:49px}.play-circle svg{width:23px;height:23px}.story-cards{grid-template-columns:1fr;gap:24px;margin-top:36px;max-width:540px;margin-inline:auto}.benefit-cards{grid-template-columns:1fr;gap:26px;max-width:540px;margin-inline:auto}.story-cards img,.benefit-cards img{border-radius:16px}.support{margin-top:76px}.support-banner{display:block;padding:30px 25px 26px;border-radius:20px;min-height:0}.support-copy .eyebrow{font-size:14px}.support h2{font-size:26px;line-height:1.5}.mobile-break{display:block}.support-description{font-size:15px;line-height:1.8;max-width:29em;margin:14px 0 23px}.support-helper{max-width:25em;font-size:12px;margin-top:14px}.support-mascot{position:absolute;width:110px;right:12px;bottom:20px;opacity:.95}.support-copy{padding-bottom:100px}.site-footer{padding-top:52px;padding-bottom:36px}.site-footer p{font-size:12px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}h1{font-size:32px}.brand{font-size:25px}.brand img{width:40px;height:40px}.button-small{padding-inline:12px}.hero-description{font-size:14px}.hero-note{font-size:11px}.section-heading h2{font-size:24px}.section-heading p{font-size:14px}.hero-media{width:calc(100% + 32px);margin-inline:-16px}.support-banner{padding-inline:22px}.support h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-header nav,.video-overlay,.motion-toggle{display:none!important}.hero{padding-top:25px}.hero-grid{min-height:0}.section{margin-top:48px}.container{width:100%}.story-cards{grid-template-columns:repeat(3,1fr)}.benefit-cards{grid-template-columns:repeat(2,1fr)}.story-cards li,.benefit-cards li,.support-banner{break-inside:avoid}.button{color:var(--navy);background:#fff}.site-footer{padding:30px}}

.site-footer{flex-wrap:wrap}.site-footer .business-disclosure{flex-basis:100%;font-size:12px;line-height:1.9}.site-footer .business-disclosure nav{display:flex;flex-wrap:wrap;gap:12px 22px}.site-footer .business-disclosure p{font-size:12px;line-height:1.9;margin:16px 0 0}.site-footer .business-disclosure a:hover{text-decoration:underline}