:root{--ink:#11192a;--muted:#687486;--pink:#f4476b;--pink2:#ff7890;--mint:#13aa7d;--mint2:#6ad7b5;--cream:#fffaf7;--cream2:#fff3ed;--line:rgba(102,79,67,.14);--white:#fff;--shell:1180px;--shadow:0 24px 60px rgba(58,42,32,.11);--shadow-soft:0 14px 38px rgba(58,42,32,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-ui);letter-spacing:-.025em;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{font:inherit}.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}.scene{position:relative;padding:104px 0;overflow:hidden}.scene:before{content:"";position:absolute;inset:0;pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:rgba(210,244,233,.82);color:var(--mint);font-family:var(--font-data);font-size:13px;font-weight:700;letter-spacing:-.04em}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.section-intro h2,.support-copy h2,.work-copy h2,.schedule-copy h2,.benefits-copy h2,.process-copy h2,.final-copy h2{font-family:var(--font-display);font-weight:400;line-height:1.12;letter-spacing:-.055em}.section-intro h2{font-size:clamp(40px,4.2vw,60px);margin:18px 0 12px}.section-intro em,.support-copy em,.work-copy em,.schedule-copy em,.benefits-copy em,.process-copy em,.final-copy em{font-style:normal;color:var(--pink)}.section-intro strong{font-weight:400;color:var(--mint)}.section-intro p,.support-copy>p,.work-copy>p,.schedule-copy>p,.benefits-copy>p,.process-copy>p{color:var(--muted);font-size:17px;line-height:1.75}.center{text-align:center}.serif-line{font-family:var(--font-editorial);font-size:16px!important;letter-spacing:-.02em;color:#816d64!important}.mini-label{display:inline-block;font-family:var(--font-data);font-size:13px;font-weight:700;letter-spacing:-.04em;padding:7px 11px;border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;height:58px;padding:0 26px;border-radius:999px;font-family:var(--font-data);font-weight:700;font-size:15px;transition:.2s ease;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(110deg,var(--pink),#ff647d);color:#fff;box-shadow:0 15px 30px rgba(244,71,107,.22)}.btn.light{background:rgba(255,255,255,.86);border-color:var(--line);backdrop-filter:blur(12px)}
.site-header{height:78px;position:sticky;top:0;z-index:50;background:rgba(255,250,247,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(115,84,68,.08)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{font-family:var(--font-display);font-size:27px;letter-spacing:-.08em;line-height:1}.brand b{font-weight:400;color:var(--pink)}.desktop-nav{display:flex;gap:28px;margin-left:auto;font-family:var(--font-data);font-size:13px;font-weight:700}.desktop-nav a{opacity:.78}.header-cta{margin-left:6px;background:var(--ink);color:#fff;padding:10px 17px;border-radius:999px;font-family:var(--font-data);font-size:12px;font-weight:700}.menu-button{display:none;margin-left:auto;width:40px;height:40px;border:0;background:transparent;padding:8px}.menu-button span{display:block;height:2px;background:var(--ink);margin:6px 0}.mobile-nav{position:fixed;z-index:49;left:14px;right:14px;top:72px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:var(--shadow)}.mobile-nav a{display:block;padding:14px;font-family:var(--font-data);font-weight:700}
/* hero */
.hero{padding:68px 0 92px;background:radial-gradient(circle at 80% 30%,rgba(98,212,177,.15),transparent 26%),radial-gradient(circle at 70% 74%,rgba(255,116,139,.12),transparent 28%),linear-gradient(180deg,#fffdfb,#fff9f5)}.hero-canvas{min-height:690px;position:relative}.hero-copy{position:absolute;z-index:6;left:0;top:92px;width:52%;}.hero-copy h1{font-family:var(--font-display);font-weight:400;font-size:clamp(56px,5.6vw,78px);line-height:1.12;letter-spacing:-.065em;margin:24px 0 26px}.hero-copy h1 em{font-style:normal;color:var(--pink)}.hero-lead{color:var(--muted);font-size:18px;line-height:1.8}.hero-actions{display:flex;gap:14px;margin-top:28px}.editorial-note{font-family:var(--font-editorial);font-size:15px;line-height:1.7;color:#8d786f;margin:30px 0 0}.hero-photo{position:absolute;z-index:4;right:-35px;top:28px;width:58%;height:650px;display:flex;align-items:center;justify-content:flex-end}.hero-photo:before{content:"";position:absolute;inset:8% 0 2% 7%;border-radius:49% 51% 46% 54%/45% 43% 57% 55%;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,239,233,.5));box-shadow:var(--shadow)}.hero-photo img{position:relative;z-index:2;width:88%;height:78%;object-fit:cover;border-radius:48% 52% 47% 53%/49% 44% 56% 51%;box-shadow:0 22px 50px rgba(48,36,28,.12)}.photo-wash{position:absolute;z-index:1;left:0;bottom:0;width:73%;height:68%;border-radius:50%;background:linear-gradient(145deg,rgba(77,211,169,.25),rgba(255,113,139,.14));filter:blur(1px)}.float-icon{position:absolute;z-index:5;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.95);box-shadow:0 14px 32px rgba(45,33,28,.12);font-family:var(--font-data);font-size:12px;font-weight:700}.float-icon.car{right:3%;top:18%;color:var(--mint)}.float-icon.heart{left:13%;bottom:16%;color:var(--pink);font-size:30px}.float-icon.hospital{right:10%;bottom:9%;color:var(--mint);font-size:28px}.hero-orb{position:absolute;border-radius:50%;filter:blur(.2px)}.hero-orb.mint{right:4%;top:6%;width:190px;height:190px;background:rgba(106,215,181,.16)}.hero-orb.pink{right:39%;top:18%;width:85px;height:85px;background:rgba(255,111,137,.12)}.hero-wordmark{position:absolute;z-index:1;right:-20px;bottom:2px;font-family:var(--font-impact);font-size:130px;letter-spacing:-.05em;color:rgba(15,26,43,.025);white-space:nowrap}
/* connection */
.connection-scene{background:linear-gradient(180deg,#fff8f4,#fffdfb)}.connection-canvas{margin-top:54px;display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;min-height:560px}.connection-side{height:520px;position:relative;border-radius:38px;background:rgba(255,255,255,.66);border:1px solid rgba(112,86,72,.1);box-shadow:var(--shadow-soft);overflow:hidden}.connection-side:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92) 0 35%,rgba(255,255,255,.08) 70%);z-index:1;pointer-events:none}.partner-side:after{background:linear-gradient(270deg,rgba(255,255,255,.92) 0 35%,rgba(255,255,255,.08) 70%)}.connection-side img{position:absolute;z-index:1;bottom:-3%;height:100%;width:74%;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(46,34,29,.1))}.user-side img{right:-4%}.partner-side img{left:-4%}.side-wash{position:absolute;z-index:0;width:330px;height:330px;border-radius:50%;filter:blur(2px)}.side-wash.pink{right:-5%;bottom:-10%;background:radial-gradient(circle,rgba(255,121,145,.22),rgba(255,121,145,0) 70%)}.side-wash.mint{left:-5%;bottom:-10%;background:radial-gradient(circle,rgba(85,208,170,.24),rgba(85,208,170,0) 70%)}.connection-text{position:absolute;z-index:3;top:62px;width:47%}.user-side .connection-text{left:40px}.partner-side .connection-text{right:38px;text-align:right}.user-side .mini-label{background:var(--pink-soft,#ffe7ec);color:var(--pink)}.partner-side .mini-label{background:rgba(223,246,239,.9);color:var(--mint)}.connection-text h3{font-family:var(--font-display);font-weight:400;font-size:31px;line-height:1.25;margin:18px 0 15px}.connection-text p{color:var(--muted);font-size:14px;line-height:1.65}.connection-link{display:flex;align-items:center;position:relative;z-index:5}.connection-link>span{height:2px;flex:1;background:linear-gradient(90deg,var(--pink),var(--mint));opacity:.55}.connection-link>div{flex:none;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:var(--shadow);text-align:center}.connection-link small{position:absolute;margin-top:-116px;font-family:var(--font-data);font-size:10px;letter-spacing:.15em;color:#9a8980}.connection-link b{font-family:var(--font-display);font-weight:400;font-size:17px;line-height:1.08}.connection-link em{font-style:normal;color:var(--pink)}
/* support */
.support-scene{background:#fffdfb}.support-canvas{min-height:680px;position:relative;border-radius:48px;padding:70px 68px;background:linear-gradient(120deg,#fff6f0 0%,#fffaf7 42%,#eefbf7 100%);overflow:hidden}.support-backdrop{position:absolute;right:-120px;top:-160px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(86,211,172,.22),rgba(255,255,255,0) 66%)}.support-copy{position:relative;z-index:5;width:46%}.support-copy h2{font-size:clamp(48px,4.8vw,66px);margin:18px 0 20px}.support-copy>p{font-size:17px}.support-person{position:absolute;z-index:3;right:1%;bottom:-9%;height:760px;object-fit:contain;filter:drop-shadow(0 28px 38px rgba(42,31,25,.12))}.support-flow{position:absolute;z-index:6;left:60px;right:58px;bottom:42px;display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;padding:18px 20px;border:1px solid rgba(105,78,63,.11);background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-radius:26px;box-shadow:var(--shadow-soft)}.support-flow article{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}.support-flow article b{grid-row:1/3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(218,246,237,.95);font-family:var(--font-data);font-size:12px;color:var(--mint)}.support-flow article:nth-of-type(even) b{background:rgba(255,229,235,.95);color:var(--pink)}.support-flow span{font-family:var(--font-data);font-weight:700;font-size:15px}.support-flow small{color:var(--muted);font-size:11px}.support-flow i{text-align:center;color:#b7aaa2;font-style:normal}.support-stamp{position:absolute;z-index:7;right:36px;top:42px;background:#fff;padding:18px 20px;border-radius:22px;box-shadow:var(--shadow-soft)}.support-stamp small{display:block;font-family:var(--font-data);font-size:9px;color:var(--pink);letter-spacing:.12em}.support-stamp b{display:block;font-family:var(--font-display);font-weight:400;font-size:20px;line-height:1.25;margin-top:6px}
/* work */
.work-scene{background:linear-gradient(180deg,#fff9f5,#fffdfb)}.work-canvas{min-height:720px;position:relative;padding:68px 0 48px}.work-copy{position:relative;z-index:5;width:48%;margin-left:auto}.work-copy h2{font-size:clamp(48px,4.8vw,66px);margin:18px 0 20px}.work-person{position:absolute;z-index:2;left:-5%;bottom:-9%;height:700px;object-fit:contain;filter:drop-shadow(0 24px 36px rgba(42,30,25,.12))}.work-canvas:before{content:"";position:absolute;left:-10%;bottom:0;width:570px;height:570px;border-radius:50%;background:radial-gradient(circle,rgba(255,121,145,.18),rgba(255,121,145,0) 70%)}.journey{position:absolute;z-index:6;right:0;left:43%;bottom:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.journey article{min-height:176px;padding:20px 18px;border-radius:24px;background:rgba(255,255,255,.91);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.journey b{font-family:var(--font-data);font-size:12px;color:var(--mint)}.journey .icon{float:right;font-family:var(--font-impact);color:var(--mint);font-size:21px}.journey h3{font-family:var(--font-data);font-size:16px;margin:30px 0 8px}.journey p{font-size:11px;color:var(--muted);line-height:1.55}.work-caption{position:absolute;z-index:5;left:19%;bottom:38px;font-family:var(--font-editorial);font-size:12px;letter-spacing:.07em;color:#917e75}
/* schedule */
.schedule-scene{background:#fffdfb}.schedule-canvas{min-height:690px;position:relative;border-radius:48px;padding:68px;background:linear-gradient(135deg,#fff8f4 0%,#fffdfb 45%,#edfbf6 100%);overflow:hidden}.schedule-copy{position:relative;z-index:6;width:44%}.schedule-copy h2{font-size:clamp(48px,4.8vw,66px);margin:18px 0}.schedule-photo{position:absolute;z-index:2;right:3%;top:30px;width:53%;height:500px}.schedule-photo:before{content:"";position:absolute;inset:5% -2% -2% 7%;background:linear-gradient(145deg,rgba(109,216,184,.23),rgba(255,125,147,.12));border-radius:48% 52% 46% 54%/52% 42% 58% 48%}.schedule-photo img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:47% 53% 50% 50%/51% 43% 57% 49%;box-shadow:var(--shadow)}.calendar-mark{position:absolute;z-index:4;right:-6px;top:3%;width:70px;height:70px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow-soft);font-family:var(--font-data);color:var(--mint);font-weight:700}.time-card{position:absolute;z-index:7;left:62px;bottom:38px;width:45%;padding:12px 24px;background:rgba(255,255,255,.91);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.time-card>div{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(100,75,60,.08)}.time-card>div:last-child{border:0}.time-card time{font-family:var(--font-data);font-size:24px;font-weight:700}.status{min-width:96px;padding:9px 14px;text-align:center;border-radius:14px;font-family:var(--font-data);font-size:13px;font-weight:700}.available{background:rgba(222,247,239,.95);color:var(--mint)}.booked{background:#f0efee;color:#7e8186}.schedule-message{position:absolute;z-index:8;right:5%;bottom:24px;width:45%;display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.93);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.schedule-message>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ffe7ec;color:var(--pink);font-size:22px}.schedule-message b{font-family:var(--font-display);font-weight:400;font-size:18px}.schedule-message p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.schedule-word{position:absolute;right:-20px;bottom:-30px;font-family:var(--font-impact);font-size:125px;color:rgba(15,26,43,.027)}
/* benefits */
.benefits-scene{background:linear-gradient(180deg,#fff8f4,#fffdfb)}.benefits-canvas{min-height:760px;position:relative;padding:66px;border-radius:48px;background:linear-gradient(120deg,#fff 0%,#fff8f4 45%,#ebfaf5 100%);overflow:hidden}.benefits-copy{position:relative;z-index:6;width:46%}.benefits-copy h2{font-size:clamp(48px,4.8vw,66px);margin:18px 0 20px}.vehicle-person{position:absolute;z-index:3;right:-2%;bottom:-10%;height:760px;object-fit:contain;filter:drop-shadow(0 26px 38px rgba(46,34,28,.13))}.benefits-canvas:after{content:"";position:absolute;right:-130px;top:-130px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(88,213,173,.22),rgba(88,213,173,0) 68%)}.vehicle-band{position:absolute;z-index:7;right:36px;top:46px;padding:19px 22px;border-radius:22px;background:rgba(255,255,255,.91);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft)}.vehicle-band small{display:block;font-family:var(--font-data);font-size:9px;color:var(--pink);letter-spacing:.14em}.vehicle-band b{display:block;font-family:var(--font-display);font-size:21px;font-weight:400;line-height:1.25;margin-top:6px}.benefit-floats{position:absolute;z-index:8;left:52px;right:48px;bottom:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.benefit-floats article{min-height:166px;padding:18px;border-radius:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.impact{font-family:var(--font-impact);font-size:46px;line-height:1;color:var(--mint)}.impact small{font-family:var(--font-data);font-size:13px}.feature{height:40px;display:flex;align-items:center;font-family:var(--font-data);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--pink)}.benefit-floats h3{font-family:var(--font-data);font-size:16px;margin:8px 0 7px}.benefit-floats p{font-size:11px;line-height:1.5;color:var(--muted)}.car-benefit{border-color:rgba(24,172,128,.25)!important;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(230,249,243,.92))!important}
/* process */
.process-scene{background:#fffdfb}.process-canvas{min-height:610px;position:relative;padding:66px 0 20px}.process-copy{position:relative;z-index:5;width:48%}.process-copy h2{font-size:clamp(44px,4.5vw,62px);margin:18px 0 14px}.process-line{position:absolute;z-index:7;left:0;right:0;top:300px;display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;align-items:center;padding:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-soft)}.process-line article{text-align:center;padding:13px 8px}.process-line article b{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 10px;border-radius:50%;background:#e1f7ef;color:var(--mint);font-family:var(--font-data);font-size:11px}.process-line article:nth-of-type(even) b{background:#ffe6ec;color:var(--pink)}.process-line span{font-family:var(--font-data);font-weight:700;font-size:15px}.process-line small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.process-line i{height:1px;background:linear-gradient(90deg,#cfc7c1,var(--mint));position:relative}.process-line i:after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:1px solid var(--mint);border-right:1px solid var(--mint);transform:rotate(45deg)}.process-visual{position:absolute;z-index:2;right:-3%;top:18px;width:48%;height:360px;overflow:hidden}.process-visual:before{content:"";position:absolute;inset:7% 0 0 15%;border-radius:50%;background:radial-gradient(circle,rgba(255,125,147,.16),rgba(255,255,255,0) 70%)}.process-visual img{position:absolute;right:0;bottom:-26%;height:470px;object-fit:contain;filter:drop-shadow(0 24px 36px rgba(43,31,26,.1))}.process-visual span{position:absolute;right:5%;top:6%;font-family:var(--font-impact);font-size:66px;color:rgba(15,26,43,.05)}
/* final */
.final-scene{padding-top:30px;background:#fffdfb}.final-card{height:470px;position:relative;border-radius:48px;overflow:hidden;background:linear-gradient(110deg,#fff0ea 0%,#fff8f4 45%,#eaf9f4 100%);box-shadow:var(--shadow-soft)}.final-copy{position:absolute;z-index:5;left:58px;top:52px;width:50%}.final-copy h2{font-size:clamp(42px,4.3vw,58px);margin:8px 0 14px}.final-copy>p:not(.serif-line){color:var(--muted)}.final-visual{position:absolute;z-index:2;right:0;bottom:-18%;width:48%;height:550px}.final-visual:before{content:"";position:absolute;inset:7% 0 15% 8%;border-radius:50%;background:radial-gradient(circle,rgba(87,211,173,.20),rgba(255,255,255,0) 68%)}.final-visual img{height:100%;margin-left:auto;object-fit:contain;filter:drop-shadow(0 28px 36px rgba(45,33,28,.13))}.site-footer{background:#fff;border-top:1px solid rgba(93,70,59,.1);padding:34px 0 42px}.footer-inner{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px}.footer-brand p{font-size:12px;color:var(--muted);margin:7px 0}.site-footer nav{display:flex;gap:22px;font-family:var(--font-data);font-size:12px;font-weight:700}.site-footer small{color:#999;font-size:10px}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}

/* =========================================================
   V10 TYPOGRAPHY MASTER — role-based font system
   Jalnan: brand/display · Pretendard: all explanations/body
   Gmarket Sans: numbers/functional labels · Noto Serif KR: editorial accent only
   Black Han Sans: decorative impact only
   ========================================================= */
:root{
  --body-lead-pc:18px;--body-main-pc:16px;--body-small-pc:13px;
  --lh-lead:1.72;--lh-body:1.65;--lh-small:1.5
}
body{font-family:var(--font-ui);font-size:var(--body-main-pc);line-height:var(--lh-body)}
.brand,.hero-copy h1,.section-intro h2,.support-copy h2,.work-copy h2,.schedule-copy h2,.benefits-copy h2,.process-copy h2,.final-copy h2{font-family:var(--font-display)}
.hero-lead{font-family:var(--font-ui);font-size:var(--body-lead-pc);line-height:var(--lh-lead)}
.section-intro p,.support-copy>p:not(.support-note),.work-copy>p,.schedule-copy>p,.benefits-copy>p,.process-copy>p,.final-copy>p:not(.editorial-line){font-family:var(--font-ui);font-size:var(--body-main-pc);line-height:var(--lh-body);letter-spacing:-.025em}
.connection-text p,.support-flow small,.journey p,.schedule-message p,.benefit-floats p,.process-line small,.footer-brand p{font-family:var(--font-ui);font-size:var(--body-small-pc);line-height:var(--lh-small);letter-spacing:-.02em}
.eyebrow,.mini-label,.desktop-nav,.header-cta,.btn,.support-flow article b,.support-flow span,.journey b,.journey h3,.time-card time,.status,.schedule-message b,.vehicle-band small,.vehicle-band b,.feature,.benefit-floats h3,.process-line article b,.process-line span,.site-footer nav{font-family:var(--font-data)}
.editorial-note,.editorial-line{font-family:var(--font-editorial);font-style:normal;color:#8d786f;letter-spacing:-.015em}
.support-note,.process-lead{font-family:var(--font-ui)!important;font-style:normal;color:var(--muted)!important;letter-spacing:-.022em!important}
.hero-wordmark,.schedule-word,.process-visual>span{font-family:var(--font-impact)}
.impact{font-family:var(--font-impact)}
.connection-text h3{font-family:var(--font-display)}
.support-flow small{font-size:12px}.journey p,.benefit-floats p{font-size:12px}.schedule-message p{font-size:12px}.process-line small{font-size:11px}
.support-note,.process-lead{font-size:15px;line-height:1.62;margin-top:14px}
.editorial-note,.editorial-line{font-size:15px;line-height:1.7}

/* tablet */
@media(max-width:980px){.desktop-nav,.header-cta{display:none}.menu-button{display:block}.scene{padding:78px 0}.hero-canvas{min-height:780px}.hero-copy{top:30px;width:62%}.hero-copy h1{font-size:56px}.hero-photo{right:-110px;top:70px;width:62%;height:620px}.connection-canvas{grid-template-columns:1fr;gap:18px;min-height:auto}.connection-side{height:500px}.connection-link{height:72px;flex-direction:column}.connection-link>span{width:2px;height:auto;flex:1}.connection-link>div{width:72px;height:72px}.connection-link small{display:none}.support-canvas,.schedule-canvas,.benefits-canvas{min-height:720px}.support-person{right:-10%;height:690px}.support-copy{width:54%}.support-flow{left:26px;right:26px}.work-canvas{min-height:820px}.work-person{left:-12%;height:650px}.work-copy{width:58%}.journey{left:34%;grid-template-columns:1fr 1fr}.schedule-copy{width:48%}.schedule-photo{right:-6%;width:56%}.benefits-copy{width:52%}.vehicle-person{right:-15%;height:700px}.process-canvas{min-height:690px}.process-copy{width:56%}.process-line{top:350px;grid-template-columns:repeat(5,1fr);gap:8px}.process-line i{display:none}.process-visual{right:-12%;width:54%}.footer-inner{grid-template-columns:1fr;text-align:center}.site-footer nav{justify-content:center}}
/* mobile - same layered language, recomposed */
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
/* =========================================================
   V10 MOBILE — editorial composition + typography master
   ========================================================= */
@media (max-width: 640px){
  html,body{max-width:100%;overflow-x:hidden}
  .shell{width:calc(100% - 24px);max-width:none}
  .site-header{height:66px}
  .header-inner{height:66px;padding:0 4px}
  .brand{font-size:24px;white-space:nowrap}
  .mobile-nav{top:66px;left:12px;right:12px}
  .scene{padding:34px 0}
  .desktop-only{display:none}

  /* typography */
  .eyebrow{font-size:10.5px;padding:6px 10px;gap:6px}
  .section-intro{padding:0 6px}
  .section-intro h2,.support-copy h2,.work-copy h2,.schedule-copy h2,.benefits-copy h2,.process-copy h2,.final-copy h2{font-size:30px;line-height:1.17;letter-spacing:-.052em}
  .hero-lead{font-size:15px;line-height:1.68}
  .section-intro p,.support-copy>p:not(.support-note),.work-copy>p,.schedule-copy>p,.benefits-copy>p,.process-copy>p,.final-copy>p:not(.editorial-line){font-family:var(--font-ui);font-size:14px;line-height:1.62;letter-spacing:-.025em}
  .support-note,.process-lead{font-family:var(--font-ui)!important;font-size:13px!important;line-height:1.58!important;color:var(--muted)!important;letter-spacing:-.022em!important}
  .editorial-note,.editorial-line{font-family:var(--font-editorial);font-size:12.5px;line-height:1.58;letter-spacing:-.015em;color:#8d786f}
  .connection-text p,.support-flow small,.journey p,.schedule-message p,.benefit-floats p,.process-line small,.footer-brand p{font-family:var(--font-ui)}
  .btn{height:48px;padding:0 13px;font-size:11.5px;gap:7px}

  .desktop-nav,.header-cta{display:none}.menu-button{display:block;margin-left:auto}

  /* HERO */
  .hero{padding:16px 0 28px}
  .hero-canvas{min-height:0;display:block;position:relative;padding:24px 20px 12px;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 88% 70%,rgba(93,210,175,.20),transparent 34%),radial-gradient(circle at 18% 18%,rgba(255,116,141,.10),transparent 27%),linear-gradient(145deg,#fffdfb 0%,#fff7f2 58%,#effaf6 100%);box-shadow:0 14px 34px rgba(63,44,34,.07)}
  .hero-copy{position:relative;inset:auto;width:100%;padding:0;z-index:10}
  .hero-copy h1{font-size:39px;line-height:1.12;margin:14px 0 15px;max-width:100%}
  .hero-lead{margin:0;max-width:100%}
  .hero-actions{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 0;z-index:12}
  .hero-actions .btn{width:100%;min-width:0}
  .editorial-note{position:relative;z-index:10;margin:14px 0 0;max-width:72%}
  .hero-photo{position:relative;inset:auto;z-index:4;width:calc(100% + 24px);height:286px;margin:-24px -22px -2px auto;display:flex;align-items:flex-end;justify-content:flex-end;opacity:.98}
  .hero-photo:before{inset:10% 0 0 12%;box-shadow:none;background:linear-gradient(140deg,rgba(255,255,255,.12),rgba(255,235,229,.42))}
  .hero-photo img{width:88%;height:87%;object-fit:cover;object-position:52% 46%;box-shadow:0 16px 28px rgba(45,33,28,.09)}
  .photo-wash{left:5%;bottom:0;width:80%;height:72%;opacity:.75}
  .float-icon{width:44px;height:44px;font-size:8px}.float-icon.car{right:12%;top:15%}.float-icon.heart{left:18%;bottom:22%;font-size:18px}.float-icon.hospital{right:17%;bottom:9%;font-size:15px}
  .hero-wordmark{font-size:52px;right:-2px;bottom:6px;opacity:.42}.hero-orb{opacity:.7}.hero-orb.mint{width:130px;height:130px;right:-20px;top:36%}.hero-orb.pink{width:62px;height:62px;right:45%;top:34%}

  /* CONNECTION */
  .connection-scene{padding-top:34px}.connection-canvas{margin-top:24px;display:grid;grid-template-columns:1fr;gap:8px;min-height:0}
  .connection-side{height:258px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,247,242,.84));box-shadow:0 13px 30px rgba(58,42,32,.07)}
  .connection-side:after,.partner-side:after{background:linear-gradient(90deg,rgba(255,255,255,.99) 0 40%,rgba(255,255,255,.70) 53%,rgba(255,255,255,.06) 84%)}
  .connection-text,.user-side .connection-text,.partner-side .connection-text{left:20px;right:auto;top:22px;width:48%;text-align:left}
  .connection-text h3{font-size:21px;line-height:1.23;margin:10px 0 7px}.connection-text p{font-size:12px;line-height:1.5}
  .connection-side img,.user-side img,.partner-side img{width:66%;height:94%;right:-6%;left:auto;bottom:-2%;object-fit:contain;object-position:right bottom;opacity:1}
  .side-wash{width:240px;height:240px;bottom:-20%}.connection-link{height:44px;margin:-1px 0;justify-content:center;flex-direction:row}.connection-link>span,.connection-link small{display:none}.connection-link>div{width:46px;height:46px;box-shadow:0 8px 18px rgba(55,38,28,.08)}.connection-link b{font-size:12px}

  /* SUPPORT */
  .support-scene{padding:28px 0}.support-canvas{min-height:0;padding:28px 20px 16px;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#fff4ee 0%,#fffaf7 44%,#e9f9f3 100%)}
  .support-copy{position:relative;width:100%;max-width:100%;z-index:9}.support-copy h2{margin:12px 0 12px;max-width:94%}.support-copy>p{max-width:94%;margin-bottom:0}.support-note{margin:10px 0 0;max-width:92%!important}
  .support-person{position:relative;inset:auto;display:block;width:108%;height:280px;max-width:none;margin:-22px -10% -2px 8%;object-fit:contain;object-position:center bottom;opacity:.94;filter:drop-shadow(0 16px 26px rgba(42,31,25,.08));z-index:3}
  .support-backdrop{right:-100px;top:145px;width:360px;height:360px}.support-stamp{display:none}
  .support-flow{position:relative;inset:auto;z-index:8;margin:-50px -7px 0;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-radius:20px;background:rgba(255,255,255,.93);box-shadow:0 12px 28px rgba(58,42,32,.07)}
  .support-flow i{display:none}.support-flow article{grid-template-columns:28px 1fr;padding:9px;background:rgba(255,255,255,.66);border-radius:12px}.support-flow article b{width:26px;height:26px;font-size:8px}.support-flow span{font-size:11.5px}.support-flow small{font-size:11px;line-height:1.35}

  /* WORK */
  .work-scene{padding:28px 0}.work-canvas{min-height:0;padding:28px 18px 16px;border-radius:30px;overflow:hidden;background:linear-gradient(155deg,#fffdfb 0%,#fff6f1 48%,#ebfaf5 100%)}
  .work-copy{position:relative;width:100%;margin:0;z-index:9}.work-copy h2{margin:12px 0 12px;max-width:94%}.work-copy>p{max-width:90%}
  .work-person{position:relative;inset:auto;display:block;width:104%;height:292px;max-width:none;margin:-28px -6% -2px auto;object-fit:contain;object-position:center bottom;opacity:.92;filter:drop-shadow(0 16px 26px rgba(42,30,25,.08));z-index:3}
  .journey{position:relative;inset:auto;z-index:9;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:-66px -6px 0}.journey article{min-height:112px;padding:11px;border-radius:15px;background:rgba(255,255,255,.93);backdrop-filter:blur(8px);box-shadow:0 8px 20px rgba(58,42,32,.05)}
  .journey article b{font-size:9px}.journey .icon{font-size:14px}.journey h3{font-size:12px;margin:8px 0 4px}.journey p{font-size:11px;line-height:1.42}.work-caption{display:none}

  /* SCHEDULE */
  .schedule-scene{padding:28px 0}.schedule-canvas{min-height:0;padding:28px 18px 16px;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#fffdfb 0%,#fff5ef 48%,#eefaf6 100%)}
  .schedule-copy{position:relative;width:100%;z-index:10}.schedule-copy h2{margin:12px 0}.schedule-copy>p{max-width:92%}
  .schedule-photo{position:relative;inset:auto;width:104%;height:282px;margin:-2px -8% 0 auto;border-radius:38% 62% 48% 52%/50% 42% 58% 50%;overflow:hidden;opacity:.95;z-index:3}.schedule-photo img{width:100%;height:100%;object-fit:cover;object-position:52% 45%}
  .calendar-mark{right:10px;top:10px;width:42px;height:42px;font-size:8px}
  .time-card{position:relative;inset:auto;z-index:12;width:61%;padding:7px 12px;margin:-68px 0 0 -4px;border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 10px 24px rgba(58,42,32,.08)}
  .time-card>div{padding:8px 0}.time-card time{font-size:16px}.status{min-width:62px;padding:6px 7px;font-size:9px}
  .schedule-message{position:relative;inset:auto;z-index:13;width:72%;margin:-105px -4px 0 auto;padding:11px 12px;border-radius:15px;background:rgba(255,255,255,.95);box-shadow:0 10px 24px rgba(58,42,32,.07)}
  .schedule-message>span{width:31px;height:31px;font-size:13px;flex:none}.schedule-message b{font-family:var(--font-data);font-size:11.5px;font-weight:700}.schedule-message p{font-size:11px;line-height:1.38;margin-top:3px}.schedule-word{font-size:44px;right:2px;bottom:-3px}

  /* BENEFITS */
  .benefits-scene{padding:28px 0}.benefits-canvas{min-height:0;padding:28px 18px 14px;border-radius:30px;overflow:hidden;background:linear-gradient(150deg,#fff8f3 0%,#fffdfb 43%,#e9f9f4 100%)}
  .benefits-copy{position:relative;width:100%;z-index:10}.benefits-copy h2{margin:12px 0}.benefits-copy>p{max-width:94%}
  .vehicle-person{position:relative;inset:auto;display:block;width:112%;height:300px;max-width:none;margin:-16px -10% 0 4%;object-fit:contain;object-position:center bottom;opacity:.96;filter:drop-shadow(0 16px 26px rgba(46,34,28,.09));z-index:3}
  .vehicle-band{position:absolute;right:12px;top:228px;z-index:11;padding:9px 11px;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 10px 22px rgba(58,42,32,.07)}.vehicle-band small{font-size:7px}.vehicle-band b{font-family:var(--font-data);font-size:12px;font-weight:700}
  .benefit-floats{position:relative;inset:auto;z-index:13;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:-58px -7px 0}.benefit-floats article{min-height:108px;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.94)}
  .impact{font-size:28px}.impact small{font-size:10px}.benefit-floats h3{font-size:11.5px;margin:5px 0}.benefit-floats p{font-size:11px;line-height:1.4}.feature{height:23px;font-size:8px;padding:0 8px}

  /* PROCESS — copy, visual, then 3+2 process panel */
  .process-scene{padding:28px 0}.process-canvas{min-height:0;padding:28px 18px 15px;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#fffdfb,#fff6f1 48%,#eefaf6);display:flex;flex-direction:column}
  .process-copy{position:relative;width:100%;z-index:10;order:1}.process-copy h2{margin:12px 0 10px;max-width:96%}.process-lead{display:block;margin:0;max-width:94%!important;position:relative;z-index:12}
  .process-visual{position:relative;inset:auto;width:108%;height:270px;margin:4px -8% 0 0;opacity:.94;overflow:hidden;z-index:3;order:2}.process-visual:before{inset:3% 3% 0 3%;background:radial-gradient(circle at 55% 55%,rgba(255,125,147,.15),rgba(255,255,255,0) 68%)}
  .process-visual img{position:absolute;right:0;left:0;bottom:-2%;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 26px rgba(43,31,26,.08))}.process-visual span{display:none}
  .process-line{position:relative;inset:auto;z-index:9;order:3;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:-46px -7px 0;padding:8px;border-radius:19px;background:rgba(255,255,255,.95);box-shadow:0 10px 25px rgba(58,42,32,.07)}
  .process-line article{grid-column:span 2;text-align:center;padding:8px 4px;border-radius:11px;background:rgba(255,255,255,.62)}.process-line article:nth-of-type(4){grid-column:2/span 2}.process-line article:nth-of-type(5){grid-column:4/span 2}
  .process-line article b{width:26px;height:26px;font-size:8px;margin:0 auto 5px}.process-line span{font-size:10px;white-space:nowrap}.process-line small{display:block;font-size:9.5px;line-height:1.3;margin-top:3px}.process-line i{display:none}

  /* FINAL */
  .final-scene{padding:28px 0 0}.final-card{height:auto;min-height:0;padding:28px 20px 14px;border-radius:30px;background:linear-gradient(145deg,#fff0ea 0%,#fff9f5 49%,#e8f8f2 100%)}
  .final-copy{position:relative;inset:auto;width:100%;z-index:10}.final-copy h2{font-size:30px;margin:9px 0 10px}.final-copy>p:not(.editorial-line){font-size:14px;max-width:94%;line-height:1.58}.editorial-line{margin:0 0 5px}
  .final-copy .hero-actions{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.final-visual{position:relative;inset:auto;width:106%;height:255px;margin:-16px -8% -10px auto;opacity:.94;z-index:3}.final-visual img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
  .site-footer{padding:24px 0 30px}.footer-inner{grid-template-columns:1fr;gap:14px;text-align:center}.site-footer nav{justify-content:center;flex-wrap:wrap;font-size:10px;gap:12px}.footer-brand p{font-size:11px}.reveal{transform:translateY(6px)}
}

@media (max-width:380px){
  .shell{width:calc(100% - 20px)}.hero-canvas{padding-inline:17px}.hero-copy h1{font-size:35px}.hero-photo{height:272px}.connection-side{height:248px}.connection-text h3{font-size:19px}.support-person,.work-person,.vehicle-person{height:270px}.schedule-photo{height:266px}.process-visual{height:255px}.final-visual{height:238px}
  .section-intro h2,.support-copy h2,.work-copy h2,.schedule-copy h2,.benefits-copy h2,.process-copy h2,.final-copy h2{font-size:28px}.process-line span{font-size:9.2px}.process-line small{font-size:8.8px}
}



/* =========================================================
   V11 CONTENT + TYPOGRAPHY MASTER
   - Display: Jalnan
   - Brand copy / short descriptions: Gmarket Sans
   - Detailed descriptions: SUIT
   - UI controls: Pretendard
   ========================================================= */
body{font-family:var(--font-body)}
.hero-lead,
.section-intro p,
.support-copy>p:not(.support-note),
.work-copy>p,
.schedule-copy>p,
.benefits-copy>p,
.process-copy>p,
.final-copy>p:not(.editorial-line){
  font-family:var(--font-copy)!important;
  font-weight:500;
  letter-spacing:-.035em;
}
.connection-text p,
.support-note,
.support-flow small,
.journey p,
.schedule-message p,
.benefit-floats p,
.process-line small,
.footer-brand p{
  font-family:var(--font-body)!important;
  font-weight:520;
  letter-spacing:-.022em;
}
.btn,.desktop-nav,.header-cta,.mobile-nav a,.site-footer nav{font-family:var(--font-ui)!important}
.editorial-note,.editorial-line{font-family:var(--font-editorial)!important}
/* comparison section: general vs Nanumeum */
.user-side .mini-label{background:#f2efed;color:#786e69}
.partner-side .mini-label{background:rgba(220,247,238,.95);color:var(--mint)}
.user-side:before{content:"PUBLIC TRANSIT";position:absolute;z-index:0;right:20px;bottom:12px;font-family:var(--font-impact);font-size:42px;color:rgba(17,25,42,.035)}
.partner-side:before{content:"CO-OP CAR";position:absolute;z-index:0;left:22px;bottom:12px;font-family:var(--font-impact);font-size:42px;color:rgba(19,170,125,.055)}
.connection-link small{font-family:var(--font-data)}
.benefits-copy p{max-width:600px}
.benefit-floats .impact small{display:block;margin-top:7px;font-size:11px;line-height:1.1}
/* keep body copy visible and intentionally styled on mobile */
@media(max-width:640px){
  .hero-lead{font-family:var(--font-copy)!important;font-size:14.5px!important;line-height:1.7!important;font-weight:500}
  .section-intro p,.support-copy>p:not(.support-note),.work-copy>p,.schedule-copy>p,.benefits-copy>p,.process-copy>p,.final-copy>p:not(.editorial-line){font-family:var(--font-copy)!important;font-size:13.5px!important;line-height:1.68!important;font-weight:500;letter-spacing:-.035em!important}
  .connection-text p,.support-note,.support-flow small,.journey p,.schedule-message p,.benefit-floats p,.process-line small,.footer-brand p{font-family:var(--font-body)!important;font-size:11.5px!important;line-height:1.48!important;font-weight:520}
  .connection-text p{font-size:11.8px!important}
  .benefit-floats p{font-size:11px!important}
  .process-line small{font-size:9.8px!important}
  .user-side:before,.partner-side:before{font-size:26px;bottom:8px}
  .benefits-copy p{max-width:96%!important}
  .benefit-floats .impact small{font-size:8.5px}
}