@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#101614;--panel:#1a2420;--line:#34423a;--ink:#f5f5ed;--muted:#b4c1b9;--lime:#d9f978;--radius:24px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px}img{max-width:100%;display:block}p{line-height:1.85;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{word-break:keep-all;letter-spacing:-.065em}h1{font-size:clamp(48px,5.7vw,86px);line-height:1.16;font-weight:800;margin-bottom:28px}h2{font-size:clamp(36px,4vw,58px);line-height:1.28;font-weight:700}h3{font-size:25px}em{font-style:normal;color:var(--lime)}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.skip{position:fixed;top:-100px;left:20px;background:var(--lime);color:var(--bg);padding:15px;z-index:99}.skip:focus{top:12px}.header{height:88px;border-bottom:1px solid #34423a90;position:sticky;top:0;z-index:20;background:#101614ee;backdrop-filter:blur(20px)}.header .wrap{height:100%;display:flex;align-items:center;gap:32px}.brand{font-weight:800;font-size:22px;letter-spacing:-1px;margin-right:auto;white-space:nowrap}.brand span{color:var(--lime)}.nav{display:flex;gap:30px;font-size:13px;font-weight:600}.nav a{color:#d9e0da}.nav a:hover{color:var(--lime)}.language{background:transparent;color:var(--ink);border:0;padding:8px;font-size:12px;max-width:105px}.language option{background:var(--bg)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 25px;border-radius:100px;background:var(--lime);color:#192210;border:1px solid var(--lime);font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#e9ffa9}.button.outline{color:var(--ink);background:transparent;border-color:#607066}.button.outline:hover{background:#243328}.header .button{min-height:40px;padding:0 18px;font-size:12px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.4px;color:var(--lime);display:flex;align-items:center;gap:10px;margin-bottom:27px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--lime);border-radius:50%}.hero{position:relative;overflow:hidden;min-height:770px}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;padding:85px 0 80px}.hero-copy{position:relative;z-index:2}.hero-copy>p{max-width:420px;font-size:16px;margin-bottom:34px}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{font-size:11px!important;margin-top:24px;color:#a7b4aa!important}.hero-art{height:615px;position:relative;display:flex;align-items:center;justify-content:center}.terrain{position:absolute;inset:-100px -160px -80px -150px;opacity:.42;pointer-events:none}.terrain svg{width:100%;height:100%;fill:none;stroke:#49604c;stroke-width:1}.terrain .route{stroke:var(--lime);stroke-width:2;stroke-dasharray:8 10;animation:travel 4s linear 1}.hero-phone{width:275px;aspect-ratio: .47;position:relative;border:6px solid #4b5550;border-radius:46px;background:#0a1010;box-shadow:0 40px 90px #0009,0 0 0 1px #899184;overflow:hidden;transform:rotate(7deg);z-index:2}.screen-crop{position:relative;overflow:hidden;width:100%;height:100%;border-radius:37px}.screen-crop img{max-width:none;position:absolute;width:128.5%;left:-14.2%;top:-27.7%;}.hero-orbit{position:absolute;border:1px solid #536b4360;border-radius:50%;width:550px;height:550px;transform:rotateX(38deg)}.float-tag{position:absolute;z-index:3;padding:16px 20px;border:1px solid #617652;background:#233126f5;border-radius:17px;box-shadow:0 15px 30px #0004;font-size:12px;display:flex;align-items:center;gap:14px}.float-tag b{font-size:15px;display:block;margin-bottom:3px}.float-tag small{color:#becdbf}.float-tag .symbol{font-size:26px;color:var(--lime)}.tag-a{left:-20px;top:115px;transform:rotate(-4deg)}.tag-b{right:-10px;bottom:108px;transform:rotate(3deg)}.art-label{position:absolute;bottom:0;right:24px;color:#8b9d91;font-size:10px;letter-spacing:2px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.ticker .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#c6d1c8;font-size:13px}.ticker span{display:flex;align-items:center;gap:14px}.ticker i{color:var(--lime);font-size:18px;font-style:normal}.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:340px;font-size:14px;margin:0}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-display{background:#e2e9d7;border-radius:28px;min-height:650px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.feature-display:before{content:'MOTOPING';position:absolute;writing-mode:vertical-rl;left:25px;top:40px;font-size:55px;letter-spacing:5px;font-weight:800;color:#c5cfb9}.feature-display .hero-phone{transform:rotate(-3deg);width:258px;box-shadow:20px 30px 45px #18251045;border-color:#353c34;aspect-ratio:.48}.feature-count{position:absolute;right:24px;top:24px;color:#485a3a;font-size:11px;letter-spacing:2px}.feature-buttons{display:grid}.feature-button{text-align:left;background:none;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:38px 1fr 25px;gap:15px;align-items:start}.feature-button .num{font-size:11px;padding-top:6px;color:#92a397}.feature-button h3{font-size:24px;margin-bottom:8px}.feature-button p{font-size:13px;line-height:1.8;margin:0;max-width:330px}.feature-button .arrow{padding-top:8px}.feature-button[aria-selected=true] h3,.feature-button[aria-selected=true] .num,.feature-button[aria-selected=true] .arrow{color:var(--lime)}.feature-button[aria-selected=true]{border-bottom-color:var(--lime)}.feature-foot{font-size:11px;color:#a0afa5;margin-top:24px}.replay-section{background:#dfe7d6;color:#19261c;border-radius:40px;margin:0 24px;padding:85px 0}.replay-section .eyebrow{color:#3d5c2e}.replay-section .eyebrow:before{background:#3d5c2e}.replay-section p{color:#475443}.replay-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.replay-copy h2{font-size:clamp(36px,4vw,58px)}.replay-copy>p{font-size:14px;max-width:340px}.replay-copy .button{background:#243522;color:#f6f8f0;border-color:#243522}.video-shell{background:#17221b;border-radius:25px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;min-height:390px;position:relative;overflow:hidden}.video-shell video{width:100%;border-radius:15px;aspect-ratio:.462;object-fit:contain;background:#0b100d;max-height:400px}.video-caption{color:#edf4e5}.video-caption strong{font-size:36px;font-weight:600;letter-spacing:-2px}.video-caption p{font-size:12px;color:#b1c3aa;margin-top:18px}.video-caption .eyebrow{color:var(--lime);letter-spacing:1px}.video-caption .eyebrow:before{background:var(--lime)}.video-error{font-size:12px;color:#fff;grid-column:1/-1}.replay-link{display:inline-block;font-size:12px;color:#243522;margin-top:22px;text-decoration:underline;text-underline-offset:4px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.shot-card{border:1px solid var(--line);background:#19221c;border-radius:22px;overflow:hidden;text-align:left;padding:0;color:var(--ink);transition:transform .25s}.shot-card:hover{transform:translateY(-8px);border-color:#91ab70}.shot-card .image-window{height:340px;overflow:hidden;background:#101820}.shot-card img{width:100%;height:auto}.shot-card .caption{padding:24px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:15px;font-weight:700}.shot-card .caption span:last-child{color:var(--lime)}.gallery-hint{font-size:11px;margin-top:20px}.journey{padding:80px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journey-list{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.step-number{color:var(--lime);font-size:12px;margin-bottom:30px;display:flex;align-items:center;gap:16px}.step-number:after{content:'';height:1px;background:var(--line);flex:1}.journey h3{font-size:22px}.journey p{font-size:13px;margin:0}.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:75px}.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-size:16px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--lime);font-size:23px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;margin:20px 0 0}.download{padding:75px;background:var(--lime);border-radius:28px;color:#192310;display:flex;justify-content:space-between;align-items:center;gap:35px}.download h2{font-size:42px;margin-bottom:15px}.download p{color:#40522e;font-size:13px;margin:0}.download .button{background:#17220f;color:white;border-color:#17220f;white-space:nowrap}.studio{padding:95px 0 70px}.studio-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.studio h2{font-size:27px;letter-spacing:-1px;margin-bottom:10px}.studio p{font-size:13px;margin:0;max-width:450px}.studio-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.studio-links a{padding:22px;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.studio-links a:hover{border-color:var(--lime)}.studio-links a span{color:var(--lime)}.footer{border-top:1px solid var(--line);padding:35px 0;color:#a8b6aa;font-size:11px}.footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer nav{display:flex;gap:22px;flex-wrap:wrap}.lightbox{border:1px solid #667760;border-radius:20px;padding:18px;background:#172017;color:var(--ink);max-width:min(94vw,750px);max-height:94dvh}.lightbox::backdrop{background:#030a08e8;backdrop-filter:blur(8px)}.lightbox form{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:25px}.lightbox button{background:#35432c;border:0;border-radius:50%;color:white;width:44px;height:44px;font-size:20px}.lightbox img{max-height:78dvh;max-width:100%;margin:auto;object-fit:contain}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .75s,transform .75s}.motion .reveal.visible{opacity:1;transform:none}@keyframes travel{to{stroke-dashoffset:-360}}@media(min-width:1500px){.hero-grid{padding:100px 0}.hero-art{height:650px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.header .wrap{gap:17px}.nav{gap:18px}.hero-grid{gap:10px}.hero-art{transform:scale(.88);transform-origin:center right}.hero-copy h1{font-size:56px}.tag-a{left:-15px}.tag-b{right:-25px}.feature-layout{gap:45px}.replay-grid{gap:35px}.section{padding:85px 0}.download{padding:45px}.download h2{font-size:34px}.video-shell{gap:14px;padding:18px}.video-caption strong{font-size:28px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:70px}.header .wrap{gap:10px}.brand{font-size:18px}.header .nav{display:none}.header .button{font-size:11px;padding:0 14px}.language{font-size:11px;padding:5px;max-width:82px}.hero-grid{grid-template-columns:1fr;padding:50px 0 40px}.hero-copy h1{font-size:clamp(42px,10vw,65px);max-width:580px}.hero-copy>p{font-size:14px;max-width:380px;margin-bottom:26px}.hero-art{height:560px;transform:scale(.9);transform-origin:center}.hero-phone{width:248px}.tag-a{left:0;top:90px}.tag-b{right:0;bottom:70px}.float-tag{padding:12px 15px;font-size:11px}.float-tag b{font-size:13px}.hero-note{margin-top:20px}.ticker .wrap{display:grid;grid-template-columns:1fr 1fr;row-gap:20px;font-size:11px}.ticker span{gap:8px}.section{padding:70px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.feature-layout{grid-template-columns:1fr;gap:28px}.feature-display{min-height:565px;order:2}.feature-display .hero-phone{width:225px}.feature-button{padding:20px 0}.feature-button h3{font-size:21px}.feature-buttons{order:1}.feature-foot{margin-top:15px}.replay-section{margin:0 12px;border-radius:25px;padding:55px 0}.replay-grid{grid-template-columns:1fr;gap:35px}.replay-section .wrap{width:calc(100% - 36px)}.video-shell{padding:20px;gap:25px}.video-shell video{max-height:380px}.gallery{gap:14px;grid-template-columns:1fr}.shot-card{display:grid;grid-template-columns:120px 1fr;align-items:center}.shot-card .image-window{height:190px}.shot-card .caption{padding:20px;font-size:16px}.journey{padding:55px 0}.journey-list{grid-template-columns:1fr;gap:35px}.step-number{margin-bottom:15px}.journey h3{margin-bottom:12px}.faq{grid-template-columns:1fr;gap:25px}.download{padding:35px 25px;display:block}.download h2{font-size:30px}.download .button{margin-top:25px}.studio{padding:65px 0 45px}.studio-head{display:block}.studio-links{grid-template-columns:1fr 1fr}.studio-links a{padding:17px;font-size:11px}.footer .wrap{display:block}.footer nav{margin-top:22px;gap:18px}.eyebrow{font-size:10px;margin-bottom:22px}.art-label{bottom:8px;font-size:8px}.hero-orbit{width:450px;height:450px}}@media(max-width:360px){.wrap{width:calc(100% - 30px)}.hero-copy h1{font-size:40px}.button{font-size:12px;padding:0 18px}.hero-art{transform:scale(.82);margin: -30px -15px}.video-shell{gap:12px;padding:14px}.video-caption strong{font-size:23px}.header .button{padding:0 10px}.brand{font-size:16px}.language{max-width:68px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}}

.screen-crop img{height:auto}.shot-card .image-window img{margin-top:-40%}.shot-card .replay-window img{margin-top:-12%}.brand span{margin-left:3px}

.video-download{grid-column:1/-1;font-size:11px;color:#c4d7b5;text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.feature-buttons{grid-template-columns:1fr 1fr;gap:0 15px}.feature-button{grid-template-columns:1fr;gap:5px;padding:17px 0}.feature-button h3{font-size:17px;line-height:1.5;margin:0}.feature-button p,.feature-button .arrow{display:none}.feature-button .num{padding:0}.feature-foot{font-size:10px}.feature-display{min-height:540px}}

.download-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex-shrink:0}.download-options .button{font-size:13px;padding:0 20px}.web-link{grid-column:1/-1;text-align:center;font-size:12px;margin-top:6px;text-decoration:underline;text-underline-offset:4px}@media(max-width:1050px){.download{flex-direction:column;align-items:flex-start}}@media(max-width:760px){.download-options{margin-top:25px}.download-options .button{margin:0;font-size:12px;padding:0 17px}}

.brand span{margin-left:0}.header .brand{font-size:22px}@media(max-width:760px){.header .brand{font-size:18px}.header .wrap{gap:7px}.header .language{max-width:70px}}@media(max-width:360px){.header .brand{font-size:16px}.header .button{font-size:10px;padding:0 8px}}
