:root{--paper:#f4f0e9;--paper-2:#ebe6dd;--ink:#141414;--muted:#625f59;--night:#101110;--chalk:#f5f1e9;--orange:#e74408;--line:rgba(20,20,20,.16);--line-dark:rgba(245,241,233,.18);--max:1240px;--radius:18px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}img,video{display:block;max-width:100%}a{color:inherit}.section-shell{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:-80px;left:16px;padding:12px 16px;background:var(--ink);color:var(--paper);border-radius:8px}.skip-link:focus{top:16px}.site-header{position:fixed;z-index:50;top:18px;left:0;width:100%;pointer-events:none}.nav{width:min(820px,calc(100% - 32px));min-height:58px;margin:auto;padding:8px 10px 8px 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;border:1px solid rgba(20,20,20,.1);border-radius:999px;background:rgba(248,245,239,.9);box-shadow:0 12px 36px rgba(20,20,20,.08);backdrop-filter:blur(18px);pointer-events:auto}.wordmark{font-size:23px;font-weight:850;letter-spacing:-.055em;text-decoration:none}.wordmark span{color:var(--orange)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:13px;font-weight:650;text-decoration:none}.nav>.button{justify-self:end}.button{display:inline-flex;min-height:50px;padding:0 24px;align-items:center;justify-content:center;border-radius:999px;background:var(--orange);color:#fff;font-size:15px;font-weight:760;text-decoration:none;transition:transform .2s ease,filter .2s ease}.button:hover{transform:translateY(-2px);filter:brightness(.94)}.button-small{min-height:40px;padding-inline:18px;font-size:13px}.button-dark{background:var(--ink);color:var(--paper)}.eyebrow{margin:0 0 18px;color:var(--orange);font-size:12px;font-weight:780;letter-spacing:.14em;text-transform:uppercase}.hero{min-height:100svh;display:grid;grid-template-columns:minmax(360px,.76fr) minmax(0,1.24fr);align-items:center;gap:56px;padding-block:130px 72px}.hero h1,.section-copy h2,.section-heading h2,.transform-copy h2,.feature-story-copy>p,.more-intro h2,.trust h2,.guide-card h2,.final-cta h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em}.hero h1{margin:0;font-size:clamp(68px,7vw,104px);line-height:.88}.hero-dek{max-width:480px;margin:30px 0;font-size:clamp(19px,1.8vw,24px);line-height:1.4}.platform-note{margin:16px 0 0;color:var(--muted);font-size:13px}.media-frame{position:relative;margin:0;overflow:hidden;border-radius:var(--radius);background:#090a09}.hero-proof{box-shadow:0 24px 70px rgba(25,22,18,.14)}.hero-proof video{width:100%;aspect-ratio:16/9;object-fit:cover}.media-labels{position:absolute;inset:auto 18px 16px;display:flex;justify-content:space-between;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;text-shadow:0 2px 10px #000}.video-toggle{position:absolute;z-index:4;right:14px;top:14px;min-width:62px;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(10,10,10,.66);color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer;backdrop-filter:blur(12px)}.ruled{border-top:1px solid var(--line)}.problem,.app-flow{display:grid;grid-template-columns:.66fr 1.34fr;gap:72px;align-items:center;padding-block:120px}.section-copy h2,.section-heading h2{margin:0;font-size:clamp(48px,5.8vw,78px);line-height:.95}.section-copy>p:not(.eyebrow){max-width:430px;margin:24px 0 0;color:var(--muted);font-size:17px}.wide-proof{width:100%;aspect-ratio:16/8.5;object-fit:cover;border-radius:var(--radius)}.dark-section{background:var(--night);color:var(--chalk)}.transformation{padding-block:120px}.transformation-inner{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}.transform-copy{position:sticky;top:118px}.transform-copy h2{margin:0;font-size:clamp(54px,5.7vw,82px);line-height:.94}.transform-copy>p:not(.eyebrow){max-width:390px;color:#aaa79f}.transform-steps{margin:64px 0 0;padding:0;list-style:none}.transform-steps li{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--line-dark);color:#77766f;transition:color .3s ease}.transform-steps li:last-child{border-bottom:1px solid var(--line-dark)}.transform-steps li.is-active{color:var(--chalk)}.transform-steps li>span{color:var(--orange);font-size:12px;font-weight:800}.transform-steps strong{font-size:20px}.transform-steps p{margin:4px 0 0;font-size:14px}.transform-stage{position:sticky;top:118px;min-height:68svh}.transform-stage>img{width:100%;height:68svh;object-fit:cover;opacity:.9;transition:transform .6s ease,filter .6s ease}.tracking-window{position:absolute;left:38%;top:22%;width:30%;height:55%;border:2px solid var(--orange);border-radius:12px;transition:all .6s cubic-bezier(.22,1,.36,1)}.tracking-path{position:absolute;inset:0}.tracking-path i,.correction-route i{position:absolute;width:10px;height:10px;border:2px solid var(--orange);border-radius:50%;background:var(--night)}.tracking-path i:nth-child(1){left:44%;top:68%}.tracking-path i:nth-child(2){left:50%;top:53%}.tracking-path i:nth-child(3){left:55%;top:38%}.tracking-path i:nth-child(4){left:59%;top:24%}.stage-caption{position:absolute;left:18px;bottom:16px;margin:0;padding:8px 12px;border-radius:999px;background:rgba(12,12,12,.75);font-size:12px}.transform-stage[data-state="1"] .tracking-window{left:42%;top:16%;width:26%;height:58%}.transform-stage[data-state="2"]>img{transform:scale(1.11)}.transform-stage[data-state="2"] .tracking-window{left:37%;top:10%;width:38%;height:72%}.transform-stage[data-state="3"]>img{transform:scale(1.22);filter:saturate(1.06)}.transform-stage[data-state="3"] .tracking-window,.transform-stage[data-state="3"] .tracking-path{opacity:0}.comparison,.environments,.faq{padding-block:120px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.compare-tabs{display:flex;gap:8px;justify-content:flex-end;margin:-48px 0 34px}.compare-tabs button{min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}.compare-tabs button.is-active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.comparison-grid{display:grid;grid-template-columns:1.55fr .45fr;gap:30px}.comparison-grid figure{margin:0}.comparison-grid img{width:100%;aspect-ratio:16/8.5;object-fit:cover;border-radius:var(--radius)}.comparison-grid figcaption{margin-top:12px;color:var(--muted)}.compare-note{display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border-block:1px solid var(--line)}.compare-note>span{font-size:12px;font-weight:800;text-transform:uppercase}.compare-line{height:2px;margin:12px 0;background:linear-gradient(90deg,var(--line) 0 49%,var(--orange) 49% 51%,var(--ink) 51%)}.compare-note p{margin:32px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:28px;line-height:1.1}.app-flow-visual{position:relative;min-height:650px;display:grid;grid-template-columns:minmax(250px,.62fr) 1fr;gap:40px;align-items:center;padding:42px;border-radius:var(--radius);background:var(--paper-2)}.app-flow-visual>img{height:560px;width:100%;object-fit:cover;border-radius:14px}.app-flow-visual ol{margin:0;padding:0;list-style:none}.app-flow-visual li{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--line);font-family:Georgia,"Times New Roman",serif;font-size:28px}.app-flow-visual li span{color:var(--orange);font:800 12px/1.5 "Pretendard Variable",sans-serif}.app-flow-visual>p{position:absolute;right:22px;bottom:14px;margin:0;color:var(--muted);font-size:11px}.timing strong{color:var(--ink)}.timing small{display:block;margin-top:8px;font-size:11px}.correction{padding-block:120px}.correction-inner{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;align-items:center}.correction .section-copy h2{font-size:clamp(52px,6vw,82px)}.correction .section-copy>p:not(.eyebrow){color:#aaa79f}.correction-proof{position:relative;overflow:hidden;border-radius:var(--radius)}.correction-proof img{width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.78}.correction-proof>span{position:absolute;left:18px;bottom:16px;font-size:12px}.correction-route{position:absolute;inset:0}.correction-route i:nth-child(1){left:34%;top:73%}.correction-route i:nth-child(2){left:41%;top:61%}.correction-route i:nth-child(3){left:48%;top:48%}.correction-route i:nth-child(4){left:52%;top:34%}.correction-route i:nth-child(5){left:59%;top:18%}.environment-grid{display:grid;grid-template-columns:1.4fr .55fr .55fr;gap:14px;margin-top:50px}.environment-grid figure{position:relative;margin:0;overflow:hidden;border-radius:var(--radius)}.environment-grid img{width:100%;height:460px;object-fit:cover}.environment-grid figcaption{position:absolute;left:14px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(12,12,12,.7);color:#fff;font-size:11px}.more-intro{padding-block:140px;text-align:center}.more-intro h2{margin:0;font-size:clamp(60px,8vw,112px);line-height:.88}.more-intro>p:last-child{font-size:18px;color:var(--muted)}.feature-story{border-bottom:1px solid var(--line-dark)}.feature-story-inner{min-height:92svh;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:100px}.feature-story-copy .feature-number{margin:0 0 20px;color:var(--orange);font-size:12px;font-weight:800;text-transform:uppercase}.feature-story-copy .feature-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.feature-story-copy>p:not(.feature-number){margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,7vw,98px);line-height:.9;letter-spacing:-.055em}.feature-story-copy small{display:block;max-width:410px;margin-top:30px;color:#aaa79f;font-size:16px}.portrait-proof{justify-self:center;width:min(430px,100%)}.portrait-proof video{width:100%;height:min(72svh,760px);object-fit:contain;object-position:center}.route-story{background:#0c0d0c}.route-sticker-stage{height:min(72svh,760px)}.route-sticker-stage>video{height:100%;object-fit:contain}.route-sticker-overlay{position:absolute;inset:0;opacity:0;transform:translateY(10px);transition:opacity .42s ease,transform .42s ease;pointer-events:none}.route-sticker-overlay.is-visible{opacity:1;transform:none}.route-sticker-stats{position:absolute;top:42%;right:7%;display:grid;gap:22px;text-align:center;color:#fff;text-shadow:0 2px 16px #000}.route-sticker-stats span{display:grid}.route-sticker-stats strong{font-size:38px}.route-sticker-stats small{font-size:10px;text-transform:uppercase}.route-sticker-wordmark{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);font-size:28px;font-weight:850}.route-sticker-wordmark span{color:var(--orange)}.trust{display:grid;grid-template-columns:120px 1fr;gap:70px;align-items:center;padding-block:130px}.trust>img{width:120px;height:auto;aspect-ratio:1/1;object-fit:contain}.trust h2{max-width:900px;margin:0;font-size:clamp(52px,6vw,86px);line-height:.95}.trust p:not(.eyebrow){font-size:18px;color:var(--muted)}.text-link{font-weight:720;text-underline-offset:5px}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{padding:24px 2px;cursor:pointer;font-size:18px;font-weight:700}.faq-item p{max-width:690px;margin:0;padding:0 2px 26px;color:var(--muted)}.guide-card{padding-block:100px}.guide-card h2{margin:0 0 24px;font-size:clamp(50px,6vw,82px);line-height:.94}.final-cta{background:var(--orange);color:#111}.final-cta .section-shell{padding-block:120px;text-align:center}.final-cta .eyebrow{color:#111}.final-cta h2{max-width:990px;margin:0 auto 38px;font-size:clamp(60px,8vw,112px);line-height:.88}.footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:34px;padding-block:30px}.footer nav{display:flex;gap:22px}.footer nav a{color:var(--muted);text-decoration:none}.footer p{margin:0;color:var(--muted);font-size:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:900px){.section-shell{width:min(100% - 36px,var(--max))}.nav{grid-template-columns:1fr auto}.nav-links{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding-top:118px;gap:42px}.hero h1{font-size:clamp(56px,13vw,78px)}.problem,.app-flow,.transformation-inner,.correction-inner,.feature-story-inner,.faq{grid-template-columns:1fr}.transform-copy,.transform-stage{position:relative;top:auto}.transform-stage{min-height:auto}.transform-stage>img{height:auto;aspect-ratio:16/10}.comparison-grid{grid-template-columns:1fr}.compare-note{min-height:200px}.environment-grid{grid-template-columns:1fr 1fr}.environment-wide{grid-column:1/-1}.feature-story-inner{min-height:auto}.app-flow-visual{min-height:auto}.faq{gap:40px}.trust{grid-template-columns:80px 1fr;gap:34px}.trust>img{width:80px}}
@media(max-width:600px){.section-shell{width:min(100% - 28px,var(--max))}.site-header{top:12px}.nav{width:calc(100% - 24px);min-height:54px;padding:7px 8px 7px 18px}.wordmark{font-size:21px}.button-small{min-height:40px;padding-inline:15px}.hero{padding-top:104px;padding-bottom:64px;gap:30px}.hero h1{font-size:clamp(48px,14.5vw,62px);line-height:.91}.hero-dek{margin:22px 0;font-size:18px}.hero .button{width:100%}.hero-proof{border-radius:14px}.hero-proof video{aspect-ratio:4/5}.problem,.app-flow,.comparison,.environments,.faq{padding-block:80px}.problem,.app-flow{gap:36px}.section-copy h2,.section-heading h2{font-size:clamp(42px,12vw,56px)}.wide-proof{aspect-ratio:4/5}.transformation,.correction{padding-block:80px}.transformation-inner,.correction-inner{gap:44px}.transform-copy h2,.correction .section-copy h2{font-size:clamp(44px,12vw,58px)}.transform-steps{margin-top:40px}.transform-steps li{padding:18px 0}.transform-stage>img{aspect-ratio:4/5}.compare-tabs{justify-content:flex-start;margin:30px 0 22px}.comparison-grid img{aspect-ratio:4/5}.compare-note{display:none}.app-flow-visual{display:block;padding:14px}.app-flow-visual>img{height:auto;aspect-ratio:4/5}.app-flow-visual ol{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}.app-flow-visual li{font-size:18px;padding:15px 8px}.app-flow-visual>p{position:static;margin:12px 4px 0}.correction-proof img{aspect-ratio:4/5}.environment-grid{grid-template-columns:1fr}.environment-wide{grid-column:auto}.environment-grid img{height:auto;aspect-ratio:4/5}.more-intro{padding-block:100px}.more-intro h2{font-size:clamp(50px,14vw,66px)}.feature-story-inner{gap:44px;padding-block:80px}.feature-story-copy>p:not(.feature-number){font-size:clamp(50px,14vw,68px)}.portrait-proof{width:100%}.portrait-proof video,.route-sticker-stage{height:min(72svh,660px)}.trust{grid-template-columns:1fr;padding-block:90px}.trust h2{font-size:clamp(46px,12vw,60px)}.faq{gap:36px}.guide-card{padding-block:80px}.final-cta .section-shell{padding-block:96px}.final-cta h2{font-size:clamp(52px,14vw,68px)}.footer{grid-template-columns:1fr}.footer nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.button{color:#141414}.button-dark{color:var(--paper)}.portrait-proof video{object-fit:contain;object-position:center}.final-cta img{height:auto;aspect-ratio:1/1}

/* Scroll-led proof stories */
.app-store-badge{display:inline-block;line-height:0;transition:transform .2s ease,opacity .2s ease}.app-store-badge:hover{transform:translateY(-2px);opacity:.88}.app-store-badge img{width:180px;height:auto}.transformation{padding:0}.transformation-inner{position:relative;display:grid;grid-template-columns:1fr;grid-template-areas:"stage";gap:0;width:min(100%,1600px);min-height:390svh}.transform-stage,.transform-copy{grid-area:stage}.transform-stage{position:sticky;top:0;width:100%;height:100svh;min-height:0;border-radius:0}.transform-stage video{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .8s ease}.stage-shade{position:absolute;inset:0;background:rgba(5,7,6,.28);transition:background .6s ease}.transform-copy{position:relative;z-index:2;pointer-events:none;width:min(var(--max),calc(100% - 64px));margin-inline:auto}.transform-intro{position:absolute;top:13svh;left:0;max-width:630px;text-shadow:0 2px 28px rgba(0,0,0,.45)}.transform-intro h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,6.2vw,92px);font-weight:400;line-height:.9;letter-spacing:-.055em}.transform-intro>p:last-child{max-width:420px;color:#d1cec7}.transform-steps{margin:0;padding:72svh 0 0;list-style:none}.transform-steps li{min-height:78svh;display:grid;grid-template-columns:48px minmax(0,430px);align-content:end;gap:18px;padding:0 0 8svh;border:0;color:rgba(245,241,233,.42);opacity:.18;transition:opacity .35s ease,color .35s ease}.transform-steps li:last-child{border:0}.transform-steps li.is-active{color:var(--chalk);opacity:1}.transform-steps li>span{padding-top:5px}.transform-steps li>div{padding:20px 24px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(12,13,12,.68);box-shadow:0 18px 50px rgba(0,0,0,.18);backdrop-filter:blur(16px)}.transform-steps strong{font-family:Georgia,"Times New Roman",serif;font-size:38px;font-weight:400}.transform-steps p{font-size:15px}.tracking-window{left:47%;top:40%;width:15%;height:25%;border-width:2px;box-shadow:0 0 0 999px rgba(5,7,6,.1);opacity:0;transform:scale(.72);transition:all .7s cubic-bezier(.22,1,.36,1)}.transform-stage[data-state="0"] .tracking-window{opacity:1;transform:scale(1)}.transform-stage[data-state="1"] .tracking-window{opacity:1;left:51%;top:24%;width:17%;height:29%;transform:scale(1);animation:track-climber 2.8s ease-in-out infinite alternate}.transform-stage[data-state="2"] .tracking-window{opacity:1;left:42%;top:18%;width:28%;height:52%;transform:scale(1);border-radius:18px}.transform-stage[data-state="2"] video{transform:scale(1.08)}.transform-stage[data-state="3"] .tracking-window{opacity:0;transform:scale(1.25)}.transform-stage[data-state="3"] .stage-shade{background:rgba(5,7,6,.04)}.transform-stage[data-state="3"] video{transform:scale(1.2);filter:saturate(1.08)}.transform-stage .stage-caption{left:auto;right:24px;bottom:24px}.transform-stage .video-toggle{top:auto;bottom:24px;right:auto;left:24px}@keyframes track-climber{0%{translate:-4% 8%}50%{translate:5% -8%}100%{translate:-2% -20%}}
.comparison{padding:0}.comparison-inner{position:relative;min-height:210svh;padding-block:100px}.comparison-sticky{position:sticky;top:94px;min-height:calc(100svh - 118px)}.comparison .section-heading{max-width:760px}.comparison .compare-tabs{position:absolute;z-index:3;top:12px;right:0;margin:0}.compare-media{margin-top:34px}.compare-media video{width:100%;height:min(62svh,680px);object-fit:cover;transition:opacity .35s ease}.compare-media figcaption{position:absolute;left:18px;bottom:16px;padding:8px 12px;border-radius:999px;background:rgba(12,12,12,.72);color:#fff;font-size:12px}.compare-scroll-steps{position:relative;z-index:4;margin-top:-55svh;pointer-events:none}.compare-scroll-steps article{min-height:95svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding-bottom:9svh;text-align:right;color:#fff;text-shadow:0 2px 24px #000;opacity:.12;transition:opacity .35s ease}.compare-scroll-steps article.is-active{opacity:1}.compare-scroll-steps span{color:#ff6a32;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.compare-scroll-steps h3{margin:12px 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,6vw,80px);font-weight:400;line-height:.92;letter-spacing:-.05em}.compare-scroll-steps p{max-width:380px;margin:0;font-size:17px}.compare-tabs button{background:rgba(244,240,233,.88);backdrop-filter:blur(12px)}
@media(max-width:900px){.transform-copy{width:min(100% - 36px,var(--max))}.transform-intro{top:13svh}.comparison-sticky{top:82px}.comparison .section-heading{display:block}.comparison .compare-tabs{top:150px}.compare-media{margin-top:110px}.compare-scroll-steps{margin-top:-52svh}}
@media(max-width:600px){.app-store-badge img{width:166px}.transformation-inner{min-height:400svh}.transform-copy{width:calc(100% - 28px)}.transform-intro{top:12svh}.transform-intro h2{font-size:clamp(46px,13vw,62px)}.transform-intro>p:last-child{max-width:330px;font-size:15px}.transform-steps{padding-top:66svh}.transform-steps li{min-height:80svh;grid-template-columns:34px 1fr;padding-bottom:8svh}.transform-steps li>div{padding:16px 18px}.transform-steps strong{font-size:30px}.transform-stage video{object-position:62% center}.tracking-window{left:45%;top:46%;width:29%;height:20%}.transform-stage[data-state="1"] .tracking-window{left:49%;top:32%;width:31%;height:24%}.transform-stage[data-state="2"] .tracking-window{left:35%;top:25%;width:50%;height:45%}.transform-stage .stage-caption{right:14px;bottom:16px}.transform-stage .video-toggle{left:14px;bottom:16px}.comparison-inner{width:100%;min-height:215svh;padding-top:76px}.comparison-sticky{top:0;height:100svh;padding:88px 14px 18px;background:var(--paper)}.comparison .section-heading{padding-right:0}.comparison .section-heading h2{font-size:48px}.comparison .compare-tabs{position:static;justify-content:flex-start;margin:22px 0 16px}.compare-media{margin:0}.compare-media video{height:58svh;object-position:center}.compare-scroll-steps{margin-top:-55svh;padding-inline:28px}.compare-scroll-steps article{min-height:100svh;padding-bottom:10svh}.compare-scroll-steps article>*{visibility:hidden}.hero .app-store-badge{width:auto}}
.compare-scroll-steps article:not(.is-active){opacity:0}

/* Vertical-scroll, horizontal Lead/Boulder carousel */
.climb-carousel{position:relative;height:240svh;background:var(--paper);overflow:clip}.carousel-sticky{position:sticky;top:0;height:100svh;padding-top:108px;overflow:hidden}.carousel-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.carousel-heading h2,.slide-copy h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em}.carousel-heading h2{font-size:clamp(52px,6vw,84px);line-height:.9}.carousel-progress{display:flex;gap:8px;padding-bottom:4px}.carousel-progress button{min-height:42px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:760;cursor:pointer}.carousel-progress button.is-active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.carousel-window{width:100%;margin-top:36px;overflow:hidden}.carousel-track{display:flex;width:200%;transform:translate3d(calc(var(--carousel-progress,0) * -50%),0,0);transition:transform .08s linear;will-change:transform}.climb-slide{flex:0 0 50%;display:grid;grid-template-columns:.52fr 1.48fr;gap:48px;align-items:end;padding-inline:max(32px,calc((100vw - var(--max))/2))}.slide-copy{padding-bottom:28px}.slide-copy>span{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.slide-copy h3{margin-top:15px;font-size:clamp(46px,5vw,72px);line-height:.92}.slide-copy p{max-width:350px;margin:24px 0 0;color:var(--muted);font-size:16px}.climb-slide figure{position:relative;margin:0}.climb-slide video{width:100%;height:min(54svh,610px);object-fit:cover}.climb-slide figcaption{position:absolute;left:16px;bottom:14px;padding:8px 11px;border-radius:999px;background:rgba(10,10,10,.7);color:#fff;font-size:11px}.locale-link{color:var(--orange)!important}
@media(max-width:900px){.climb-carousel{height:230svh}.carousel-sticky{padding-top:96px}.carousel-heading{display:block;text-align:center}.carousel-heading>div{width:100%}.carousel-heading h2{font-size:clamp(48px,9vw,66px)}.carousel-progress{margin-top:22px}.carousel-window{margin-top:20px}.climb-slide{grid-template-columns:1fr;gap:18px;padding-inline:18px}.slide-copy{display:none}.climb-slide video{height:62svh}}
@media(max-width:600px){.climb-carousel{height:220svh}.carousel-sticky{padding-top:92px}.carousel-heading{width:calc(100% - 28px)}.carousel-heading .eyebrow{margin-bottom:12px}.carousel-heading h2{font-size:46px}.carousel-progress{width:100%}.carousel-progress button{flex:1}.carousel-window{margin-top:16px}.climb-slide{padding-inline:14px}.climb-slide video{height:57svh;object-position:center}.carousel-track{transition:transform .06s linear}}
.mobile-locale{display:none;color:var(--orange);font-size:12px;font-weight:800;text-decoration:none}
@media(max-width:600px){.nav{grid-template-columns:1fr auto auto;gap:10px}.mobile-locale{display:block}.ko-page .hero h1{font-size:clamp(42px,10.5vw,50px);letter-spacing:-.065em}.ko-page .section-copy h2,.ko-page .section-heading h2{letter-spacing:-.06em}}

/* Annotation refinements */
.app-flow{display:none}.ko-page .hero .app-store-badge{display:table;margin:28px auto 0}.transform-steps li{position:relative;opacity:0}.transform-steps li.is-active{opacity:1}.transform-steps li>div{position:sticky;bottom:8svh;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;text-shadow:0 2px 22px #000}.transform-steps li>span{position:sticky;bottom:calc(8svh + 62px);align-self:end;text-shadow:0 2px 16px #000}.transform-steps strong{font-size:clamp(34px,5vw,58px)}.transform-steps p{font-size:16px}.stage-caption{display:none}.climb-carousel{height:420svh}.carousel-track{width:400%;transform:translate3d(calc(var(--carousel-progress,0) * -75%),0,0)}.climb-slide{flex-basis:25%}.climb-slide img{width:100%;height:min(54svh,610px);object-fit:cover}.carousel-heading{justify-content:flex-start}.menu-toggle{display:none;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.mobile-menu{position:absolute;top:68px;right:8px;width:min(260px,calc(100vw - 32px));padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(248,245,239,.97);box-shadow:0 20px 50px rgba(20,20,20,.14);backdrop-filter:blur(18px)}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;padding:12px 14px;border-radius:10px;color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}.mobile-menu a:hover{background:var(--paper-2)}.trust{grid-template-columns:1fr}.footer a[href="/privacy"]{display:inline}
@media(max-width:900px){.climb-carousel{height:410svh}.climb-slide img{height:62svh}.menu-toggle{display:inline-flex;align-items:center}.mobile-locale{display:none}}
@media(max-width:600px){.nav{grid-template-columns:1fr auto auto}.nav>.button{font-size:12px;padding-inline:14px}.climb-carousel{height:400svh}.climb-slide img{height:57svh}.transform-steps li>div{bottom:9svh}.transform-steps li>span{bottom:calc(9svh + 58px)}}
.platform-note{display:none}

/* Scroll-over hero */
.hero-scroll{position:relative;display:block;width:100%;max-width:none;height:158svh;min-height:0;margin:0;padding:0;overflow:clip;background:var(--orange);color:#fff}.hero-scroll .hero-copy{position:sticky;z-index:1;top:112px;max-width:860px;margin:0 auto;padding:70px 28px 0;text-align:center}.hero-wordmark{display:inline-block;margin-bottom:74px;color:#fff;font-size:40px;font-style:italic;font-weight:900;letter-spacing:-.055em;text-decoration:none}.hero-wordmark span{color:#111}.hero-scroll h1{margin:0;color:#fff;font-family:"Pretendard Variable",Pretendard,sans-serif;font-size:clamp(64px,7.5vw,108px);font-weight:850;line-height:.98;letter-spacing:-.065em}.hero-scroll .hero-dek{max-width:620px;margin:28px auto;color:rgba(255,255,255,.88);font-size:18px}.hero-scroll .app-store-badge{display:table;margin:28px auto 0}.hero-phone-shot{position:absolute;z-index:3;top:84svh;left:50%;width:min(470px,78vw);margin:0;transform:translateX(-50%);filter:drop-shadow(0 28px 55px rgba(0,0,0,.22))}.hero-phone-shot img{width:100%;height:auto;border-radius:46px 46px 18px 18px}.feature-number,.route-story .video-toggle{display:none}
@media(max-width:900px){.hero-scroll{height:150svh}.hero-scroll .hero-copy{top:86px;padding-top:48px}.hero-wordmark{margin-bottom:62px;font-size:32px}.hero-phone-shot{top:75svh;width:min(430px,84vw)}}
@media(max-width:600px){.nav{grid-template-columns:1fr auto}.hero-scroll{height:148svh}.hero-scroll .hero-copy{top:76px;padding:40px 20px 0}.hero-wordmark{margin-bottom:54px;font-size:28px}.hero-scroll h1,.ko-page .hero-scroll h1{font-size:clamp(44px,12vw,58px);line-height:1.02}.hero-scroll .hero-dek{font-size:15px}.hero-phone-shot{top:71svh;width:min(420px,88vw)}.hero-phone-shot img{border-radius:38px 38px 16px 16px}}

/* Refined hero and scroll-driven before/after story */
.hero-wordmark{display:none!important}.hero-scroll{color:#111}.hero-scroll .hero-copy{padding-top:130px}.hero-scroll h1{color:#111;text-wrap:balance}.hero-scroll .hero-dek{color:rgba(17,17,17,.72);font-weight:600}.problem-scroll{position:relative;height:190svh;width:100%;padding:0;background:var(--night);color:#fff;--before-after-progress:0}.problem-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.before-after{position:absolute;inset:0;margin:0;background:#050706}.before-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.before-image{transform:scale(calc(1 + var(--before-after-progress) * .55));filter:brightness(.7);will-change:transform}.after-image{opacity:clamp(0,calc((var(--before-after-progress) - .38) * 2.2),1);transform:scale(calc(1.85 - var(--before-after-progress) * .55));object-position:72% center;filter:brightness(.68) saturate(1.08);will-change:transform,opacity}.problem-message{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;pointer-events:none;text-shadow:0 3px 30px rgba(0,0,0,.65)}.problem-message h2{max-width:950px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,6.5vw,94px);font-weight:400;line-height:.94;letter-spacing:-.06em}.problem-message p{margin:32px 0 0;font-size:clamp(20px,2vw,28px);line-height:1.35}.problem-message strong{color:var(--orange)}.before-label,.after-label{position:absolute;z-index:3;bottom:28px;padding:9px 13px;border-radius:999px;background:rgba(8,8,8,.72);font-size:11px;font-weight:800;letter-spacing:.12em}.before-label{left:28px;opacity:calc(1 - var(--before-after-progress) * 2)}.after-label{right:28px;opacity:clamp(0,calc((var(--before-after-progress) - .45) * 2.5),1)}.transformation-inner{min-height:310svh}.transform-steps{padding-top:70svh}.transform-intro .eyebrow{display:none}
@media(max-width:600px){.hero-scroll .hero-copy{padding-top:96px}.hero-scroll h1,.ko-page .hero-scroll h1{font-size:clamp(48px,13.4vw,64px);line-height:.94;letter-spacing:-.075em}.problem-scroll{height:180svh}.problem-message{justify-content:flex-start;padding-top:21svh}.problem-message h2{font-size:clamp(43px,12vw,58px);line-height:.96}.problem-message p{font-size:19px}.before-after img{object-position:68% center}.after-image{object-position:74% center}.before-label,.after-label{bottom:22px}.transformation-inner{min-height:300svh}.transform-steps{padding-top:67svh}}

/* Hook copy transition and centered three-screen workflow */
.problem-copy{position:relative;z-index:2;height:100%;pointer-events:none}.problem-copy .problem-message{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;transform:translateY(calc(var(--before-after-progress) * -26px));transition:none}.problem-question{opacity:clamp(0,calc(1 - var(--before-after-progress) * 2.6),1)}.problem-answer{opacity:clamp(0,calc((var(--before-after-progress) - .35) * 3),1);transform:translateY(calc((1 - var(--before-after-progress)) * 28px))!important}.problem-answer>p{margin:0 0 12px;color:#ddd;font-size:16px;font-weight:700}.problem-answer h2 strong{color:#fff;font-family:"Pretendard Variable",Pretendard,sans-serif;font-size:clamp(86px,12vw,172px);font-weight:900;letter-spacing:-.085em}.problem-answer small{margin-top:24px;color:#ddd;font-size:17px}.before-image{transform:none;filter:brightness(.48)}.after-image{opacity:clamp(0,calc((var(--before-after-progress) - .5) * 2),1);transform:none;object-position:72% center;filter:brightness(.42) saturate(1.08)}.before-label,.after-label{display:none}.transformation{background:#080a09}.transform-stage{display:grid;place-items:center;background:#080a09}.workflow-phone{position:relative;width:min(390px,72vw);aspect-ratio:9/18.5;overflow:hidden;border:10px solid #202220;border-radius:54px;background:#050505;box-shadow:0 38px 90px rgba(0,0,0,.5)}.workflow-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:translateX(22%);transition:opacity .55s ease,transform .7s cubic-bezier(.22,1,.36,1)}.transform-stage[data-state="0"] .screen-select,.transform-stage[data-state="1"] .screen-edit,.transform-stage[data-state="2"] .screen-save{opacity:1;transform:none}.transform-stage[data-state="1"] .screen-select,.transform-stage[data-state="2"] .screen-edit{opacity:0;transform:translateX(-22%)}.transform-copy{width:100%;max-width:none}.transform-intro{left:max(32px,calc((100vw - var(--max))/2));z-index:3}.transform-steps{padding-inline:max(32px,calc((100vw - var(--max))/2))}.transform-steps li{grid-template-columns:42px minmax(0,370px);transform:translateX(-80px);transition:opacity .4s ease,transform .55s cubic-bezier(.22,1,.36,1)}.transform-steps li.is-active{transform:translateX(0)}.transform-steps li:nth-child(even){margin-left:auto;grid-template-columns:42px minmax(0,370px);transform:translateX(80px)}.transform-steps li:nth-child(even).is-active{transform:translateX(0)}.environments{display:none}#highlights .video-toggle{display:none}
@media(max-width:600px){.problem-copy .problem-message{padding-top:0}.problem-message h2{font-size:clamp(48px,13vw,62px)}.problem-answer h2 strong{font-size:clamp(76px,21vw,104px)}.problem-answer small{max-width:290px;font-size:15px}.workflow-phone{width:min(310px,66vw);border-width:8px;border-radius:42px}.transform-intro{left:18px;right:18px;text-align:center}.transform-intro h2{font-size:42px}.transform-steps{padding-inline:18px}.transform-steps li,.transform-steps li:nth-child(even){width:min(330px,88vw);grid-template-columns:32px 1fr;margin-left:0}.transform-steps li:nth-child(even){margin-left:auto}.transform-steps li>div{text-align:left}.transform-steps strong{font-size:32px}}
.transformation{overflow:clip}

/* Slower narrative pacing and same-axis workflow transitions */
.problem-scroll{height:270svh}.problem-sticky::after{content:"";position:absolute;z-index:1;inset:0;background:var(--orange);clip-path:inset(calc((1 - clamp(0,calc((var(--before-after-progress) - .5) * 2),1)) * 100%) 0 0);will-change:clip-path}.problem-question{opacity:clamp(0,calc((.58 - var(--before-after-progress)) * 7),1)}.problem-answer{z-index:3;opacity:clamp(0,calc((var(--before-after-progress) - .57) * 7),1);transform:translateY(calc((1 - var(--before-after-progress)) * 20px))!important}.problem-answer>p,.problem-answer small{color:rgba(17,17,17,.72)}.problem-answer h2 strong{color:#111}.after-image{opacity:clamp(0,calc((var(--before-after-progress) - .34) * 3),1)}.transform-intro{transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1)}.transformation.has-active-step .transform-intro{opacity:0;transform:translateX(-72px)}.transformation-inner{min-height:470svh}.transform-steps{padding-top:125svh}.transform-steps li,.transform-steps li:nth-child(even){min-height:108svh;width:min(440px,calc(100vw - 64px));margin-left:0;padding:16svh 0 0;align-content:start;transform:translateX(-90px);transition:opacity .5s ease,transform .65s cubic-bezier(.22,1,.36,1)}.transform-steps li:nth-child(even){margin-left:0}.transform-steps li.is-active,.transform-steps li:nth-child(even).is-active{transform:translateX(0)}.transform-steps li>div,.transform-steps li>span{position:sticky;top:16svh;bottom:auto}.transform-steps li>span{align-self:start;padding-top:7px}.transform-steps li>div{align-self:start}.transform-steps li:not(.is-active){pointer-events:none}#privacy .eyebrow{display:none}
@media(max-width:600px){.problem-scroll{height:250svh}.problem-sticky::after{clip-path:inset(calc((1 - clamp(0,calc((var(--before-after-progress) - .5) * 2),1)) * 100%) 0 0)}.transformation-inner{min-height:455svh}.transform-steps{padding-top:125svh}.transform-steps li,.transform-steps li:nth-child(even){min-height:105svh;padding-top:14svh;transform:translateX(-70px)}.transform-steps li.is-active,.transform-steps li:nth-child(even).is-active{transform:translateX(0)}.transform-steps li>div,.transform-steps li>span{top:14svh}.transformation.has-active-step .transform-intro{transform:translateX(-56px)}}

/* Mobile bottom navigation */
@media(max-width:600px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}.site-header{top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.nav{box-shadow:0 -12px 36px rgba(20,20,20,.1)}.footer{padding-bottom:38px}}

/* Directional workflow, clean carousel, and glass mobile bar */
.problem-question{opacity:clamp(0,calc((.49 - var(--before-after-progress)) * 16),1)}.transform-steps li,.transform-steps li:nth-child(even),.transform-steps li.is-after{transform:translateX(110px)}.transform-steps li.is-before{transform:translateX(-110px)}.transform-steps li.is-active{transform:translateX(0)}.transform-steps li>div,.transform-steps li>span{top:112px}.climb-slide{grid-template-columns:1fr}.climb-slide .slide-copy{display:none}.climb-slide figure{width:100%}#privacy-title{max-width:780px}
@media(max-width:600px){.transform-steps li,.transform-steps li:nth-child(even),.transform-steps li.is-after{transform:translateX(88px)}.transform-steps li.is-before{transform:translateX(-88px)}.transform-steps li.is-active{transform:translateX(0)}.transform-steps li>div,.transform-steps li>span{top:104px}.nav{border:1px solid rgba(255,255,255,.7);background:rgba(248,245,239,.55);box-shadow:0 10px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}.nav>.button{border:1px solid rgba(255,255,255,.42);background:rgba(231,68,8,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 5px 16px rgba(110,30,0,.2);backdrop-filter:blur(14px)}}

/* Tight transitions and fixed right-to-left workflow copy */
.problem-copy .problem-message{justify-content:flex-start;padding-top:14svh}.problem-answer,.problem-answer h2,.problem-answer h2 strong{text-shadow:none!important}.climb-slide figcaption,.correction-proof>span{display:none}.transform-steps li>span,.transform-steps li>div{visibility:hidden}.workflow-step-overlays{position:absolute;z-index:5;top:112px;left:max(32px,calc((100vw - var(--max))/2));right:max(32px,calc((100vw - var(--max))/2));height:150px;overflow:hidden;opacity:0;transition:opacity .35s ease}.transformation.has-active-step .workflow-step-overlays{opacity:1}.workflow-step-overlay{position:absolute;inset:0 auto auto 0;width:min(440px,100%);display:grid;grid-template-columns:40px 1fr;gap:16px;color:var(--chalk);opacity:0;transform:translateX(130px);transition:opacity .48s ease,transform .7s cubic-bezier(.22,1,.36,1)}.workflow-step-overlay>span{padding-top:8px;color:var(--orange);font-size:12px;font-weight:800}.workflow-step-overlay strong{font-family:Georgia,"Times New Roman",serif;font-size:42px;font-weight:400}.workflow-step-overlay p{margin:7px 0 0;font-size:15px}.transform-stage[data-state="0"] [data-workflow-copy="0"],.transform-stage[data-state="1"] [data-workflow-copy="1"],.transform-stage[data-state="2"] [data-workflow-copy="2"]{opacity:1;transform:translateX(0)}.transform-stage[data-state="1"] [data-workflow-copy="0"],.transform-stage[data-state="2"] [data-workflow-copy="0"],.transform-stage[data-state="2"] [data-workflow-copy="1"]{opacity:0;transform:translateX(-130px)}
@media(max-width:600px){.problem-copy .problem-message{padding-top:12svh}.workflow-step-overlays{top:96px;left:18px;right:18px;height:132px}.workflow-step-overlay{grid-template-columns:28px 1fr;gap:12px;transform:translateX(110px)}.workflow-step-overlay strong{font-size:34px}.workflow-step-overlay p{font-size:14px}.transform-stage[data-state="1"] [data-workflow-copy="0"],.transform-stage[data-state="2"] [data-workflow-copy="0"],.transform-stage[data-state="2"] [data-workflow-copy="1"]{transform:translateX(-110px)}.nav{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(24,24,26,.38);box-shadow:0 12px 42px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.24);backdrop-filter:blur(30px) saturate(165%);-webkit-backdrop-filter:blur(30px) saturate(165%)}.nav .wordmark{color:#fff}}

/* FacilPay-inspired continuous scroll choreography */
.problem-scroll{display:block;height:250svh;--problem-question-opacity:1;--problem-question-shift:0px;--problem-after-opacity:0;--problem-fill:0;--problem-answer-opacity:0;--problem-answer-shift:24px}
.problem-sticky{isolation:isolate}
.problem-sticky::after{clip-path:inset(calc((1 - var(--problem-fill)) * 100%) 0 0)}
.problem-question{opacity:var(--problem-question-opacity)!important;transform:translate3d(0,var(--problem-question-shift),0)!important;will-change:transform,opacity}
.problem-answer{opacity:var(--problem-answer-opacity)!important;transform:translate3d(0,var(--problem-answer-shift),0)!important;will-change:transform,opacity}
.after-image{opacity:var(--problem-after-opacity)!important;will-change:opacity}
.transformation-inner{min-height:420svh}
.transform-stage{isolation:isolate}
.transform-intro{opacity:var(--workflow-intro-opacity,1)!important;transform:translate3d(var(--workflow-intro-x,0px),0,0)!important;transition:none!important;will-change:transform,opacity}
.transformation.has-active-step .transform-intro{opacity:var(--workflow-intro-opacity,0)!important;transform:translate3d(var(--workflow-intro-x,-72px),0,0)!important}
.workflow-step-overlays,.transformation.has-active-step .workflow-step-overlays{opacity:1;transition:none}
.workflow-step-overlay{opacity:var(--workflow-copy-opacity,0)!important;transform:translate3d(var(--workflow-copy-x,130px),0,0)!important;transition:none!important;will-change:transform,opacity}
.workflow-screen{transition:none!important;will-change:transform,opacity}
.transform-steps li,.transform-steps li:nth-child(even){visibility:hidden;opacity:0!important;pointer-events:none}
.carousel-track{transition:none!important;will-change:transform}
@media(max-width:600px){.problem-scroll{height:230svh}.transformation-inner{min-height:400svh}}
@media(prefers-reduced-motion:reduce){.problem-question,.problem-answer,.workflow-step-overlay,.workflow-screen,.transform-intro,.carousel-track{will-change:auto}.problem-question,.problem-answer,.workflow-step-overlay,.workflow-screen,.transform-intro{transform:none!important}.workflow-step-overlay,.workflow-screen,.transform-intro{transition:none!important}}

/* Centered mobile storytelling and restrained premium gradients */
.problem-sticky::after{background:linear-gradient(155deg,#f25a1d 0%,#e74408 46%,#c92f0b 100%)}
.transformation,.transform-stage{background:radial-gradient(circle at 50% 36%,rgba(52,67,78,.3) 0%,rgba(8,10,9,0) 43%),linear-gradient(180deg,#0d1114 0%,#070908 58%,#040505 100%)}
.transform-intro{left:50%;right:auto;width:min(680px,calc(100% - 64px));max-width:none;text-align:center;transform:translate3d(calc(-50% + var(--workflow-intro-x,0px)),0,0)!important}
.transformation.has-active-step .transform-intro{transform:translate3d(calc(-50% + var(--workflow-intro-x,-72px)),0,0)!important}
.workflow-step-overlays{display:flex;justify-content:center}
.workflow-step-overlay{inset:0 0 auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.workflow-step-overlay>span{display:inline-flex;min-width:34px;min-height:23px;padding:2px 10px;align-items:center;justify-content:center;border:1px solid rgba(231,68,8,.52);border-radius:999px;background:rgba(231,68,8,.08)}
.workflow-step-overlay p{max-width:440px}
@media(max-width:600px){.problem-copy .problem-message{align-items:center;padding-inline:18px;text-align:center}.problem-message h2,.problem-message p,.problem-answer small{margin-inline:auto}.carousel-heading,.carousel-heading>div{text-align:center}.carousel-heading>div{width:100%}.transform-intro{left:50%;right:auto;width:calc(100% - 36px)}.workflow-step-overlays{left:18px;right:18px}.workflow-step-overlay{inset:0 0 auto;width:100%}.nav{background:linear-gradient(135deg,rgba(48,49,52,.62),rgba(13,14,16,.48))}}

/* Final mobile centering pass */
.transform-intro>p:last-child{margin-inline:auto;text-align:center}
@media(max-width:600px){
  .problem-copy .problem-message{justify-content:center;padding-top:0;padding-bottom:0}
  #highlights .feature-story-copy,
  #route-stickers .feature-story-copy{width:100%;justify-self:center;text-align:center}
  #highlights .feature-story-copy small,
  #route-stickers .feature-story-copy small{margin-inline:auto}
  #privacy{text-align:center;justify-items:center}
  #privacy>div{width:100%}
  #privacy h2,
  #privacy p{margin-inline:auto}
  #faq .section-heading{width:100%;justify-content:center;text-align:center}
  #faq .section-heading h2{width:100%;text-align:center}
}

/* Scroll-led Before/After cards and a consistent 9:16 carousel */
.before-after{position:absolute;z-index:0;inset:0 auto 0 0;width:200vw;margin:0;display:flex;background:#050706;transform:translate3d(calc(var(--problem-compare-progress,0) * -50%),0,0);will-change:transform}
.compare-card{flex:0 0 100vw;height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.compare-card>figcaption{width:min(68vw,420px);color:#fff;font-size:clamp(34px,5vw,64px);font-weight:850;line-height:1;letter-spacing:-.04em;text-align:left}
.compare-phone{position:relative;width:min(68vw,420px);aspect-ratio:9/16;overflow:hidden;border:2px solid rgba(255,255,255,.48);border-radius:52px;background:#0b0d0f;box-shadow:0 28px 70px rgba(0,0,0,.42),inset 0 0 0 5px rgba(255,255,255,.06)}
.before-after .compare-phone img{position:static!important;inset:auto!important;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1!important;transform:none!important;filter:brightness(.58) saturate(.9);will-change:auto}
.before-after .compare-after img{filter:brightness(.72) saturate(1.05)}
.climb-slide figure{width:min(430px,calc(100vw - 64px));aspect-ratio:9/16;justify-self:center;margin-inline:auto}
.climb-slide figure>img,.climb-slide figure>video{width:100%;height:100%!important;object-fit:cover;object-position:center}
@media(max-width:600px){
  .compare-card{gap:14px;padding-bottom:2svh}
  .compare-card>figcaption,.compare-phone{width:min(72vw,390px)}
  .compare-card>figcaption{font-size:38px}
  .compare-phone{border-radius:40px}
  .climb-slide figure{width:min(72vw,390px)}
}

/* Staged problem story: question, Before preview, After result, completion */
.problem-scroll{height:310svh}
.problem-sticky{background:#050706}
.before-after{width:auto;padding-left:15vw;opacity:var(--problem-compare-opacity,0);transform:translate3d(calc(var(--problem-compare-progress,0) * -70vw),0,0)}
.compare-card{flex-basis:70vw}
.before-after .compare-phone :is(img,video){position:static!important;inset:auto!important;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1!important;transform:none!important;filter:brightness(.72) saturate(.94);will-change:auto}
.before-after .compare-after :is(img,video){filter:brightness(.84) saturate(1.06)}
@media(max-width:600px){
  .problem-scroll{height:300svh}
  .before-after{padding-left:11.5vw;transform:translate3d(calc(var(--problem-compare-progress,0) * -77vw),0,0)}
  .compare-card{flex-basis:77vw}
}

.wordmark{font-style:italic}

/* Keep the logo treatment independent while using one bilingual UI family everywhere else. */
body :not(.wordmark,.wordmark *,.hero-wordmark,.hero-wordmark *,.route-sticker-wordmark,.route-sticker-wordmark *){
  font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important
}


/* The hero shot now ships its own device frame, so the CSS bezel rounding would clip it. */
.hero-phone-shot img{border-radius:0}

/* Before/After now read as part of the clip instead of a heading stacked above it. */
.compare-card{display:grid;place-items:center;gap:0;padding-bottom:0}
.compare-card>figcaption,.compare-card>.compare-phone{grid-area:1/1}
.compare-card>figcaption{z-index:2;align-self:start;box-sizing:border-box;padding:24px 28px 0;text-shadow:var(--copy-lift)}

/* The step screenshots ship their own iPhone frame, so the CSS bezel would double it. */
.workflow-phone{width:min(390px,72vw);aspect-ratio:450/920;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}
.workflow-screen{object-fit:contain}
/* A single auto row stretches to the card, which pushed the label above the clip. */
.compare-card{align-content:center}

/* Workflow copy passes over the phone screenshot, so it carries the Before/After label's lift. */
.transform-intro h2,.transform-intro p,.workflow-step-overlay{text-shadow:var(--copy-lift)}

:root{--copy-lift:0 0 3px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.9),0 6px 22px rgba(0,0,0,.75),0 18px 48px rgba(0,0,0,.6)}
/* Korean wraps between syllables by default, which splits words mid-token. */
.ko-page{word-break:keep-all;overflow-wrap:break-word}