/* 1102 variation: the existing Figma typography, surfaces and orange accent. */
:root{--nav:72px;--org:#e86f3d;--font:Outfit,Pretendard,system-ui,sans-serif;--body:Pretendard,system-ui,sans-serif;--mono:"JetBrains Mono",monospace}
html{scroll-padding-top:100px}body{font-family:var(--body);overflow-x:clip}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #e86f3d;outline-offset:5px}button{cursor:pointer}a{color:inherit}.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;padding:12px 20px;background:#fff;color:#202023}.skip-link:focus{top:12px}
.nav,.nav.dk,.hd .nav{height:72px!important;background:#141317!important;color:#fff!important;border-bottom:1px solid #2e2c33!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.nav .wrap{max-width:1440px!important;padding:0 48px!important;gap:32px!important;margin:auto}
.nav .logo{display:flex;align-items:center;gap:18px;flex-shrink:0;text-decoration:none}.nav .logo img{width:124px;height:auto;display:block;filter:invert(1)}.brand-product{font:500 13px Outfit,sans-serif;color:#d9d4cf;padding-left:18px;border-left:1px solid #68666b;white-space:nowrap}
.nav .menu{gap:28px;font-family:Outfit,Pretendard,sans-serif;font-size:14px;color:#d9d4cf!important}.nav a,.nav .menu>li>a,.nav .nav-co,.nav .logo,.nav .burger{color:#f4f1ee!important}.nav a:hover{color:#e86f3d!important}.platform-trigger{border:0;background:transparent;color:inherit;display:flex;gap:8px;align-items:center;padding:24px 0;font-weight:500}.platform-trigger span{font-size:18px}
.nav .drop{background:#232128!important;color:#fff!important;border-color:#3a3634!important;top:100%;max-height:calc(100dvh - 90px);overflow:auto}.nav .drop-inner{max-width:1320px;margin:auto}.nav .drop-item{border-radius:4px}.nav .drop-item b{color:#fff!important;font:600 18px Outfit,Pretendard,sans-serif}.nav .drop-item small{color:#d9d4cf!important;font:14px/1.5 Pretendard,sans-serif}.nav .drop-item:hover{background:#2e2c33!important}.has-drop.is-open .drop{visibility:visible!important;opacity:1!important;pointer-events:auto!important;display:block!important;transform:none!important}.nav-right{gap:20px!important}
#language{border:0;background:#141317;color:#d9d4cf;font:14px Outfit,Pretendard,sans-serif;padding:8px 4px;min-height:40px}.footer-logo img{width:148px;height:auto}.btn,.btn-primary,.btn-ghost{border-radius:4px!important}.btn-primary{background:#e86f3d!important;border-color:#e86f3d!important}.btn-primary:hover{background:#d25f2e!important}
.review-tools nav{position:static;inset:auto;height:auto;background:transparent;backdrop-filter:none;color:#202023;justify-content:flex-start}.hero h1,.sec h2,.more h2,.faq h2,.tour-side h2,.hd h2{font-family:Outfit,Pretendard,sans-serif;letter-spacing:-.015em}.hero h1{font-size:clamp(42px,4.8vw,64px)!important;line-height:1.12!important}.hero h1 span{white-space:normal!important}.hero p{font-family:Pretendard,sans-serif;font-size:18px!important;line-height:1.65!important}
body[data-page="studio"] .hero-in,body[data-page="teamcloud"] .hero-in{display:flex;flex-direction:column;gap:64px;padding:0 48px;max-width:1440px;margin:auto}.hero-text{max-width:960px;text-align:center;margin:auto}.hero-text p{max-width:720px;margin:24px auto 0}.hero-text .cta-row{justify-content:center;margin-top:32px}.hero-shot{width:100%;max-width:1320px}.hero-shot .scr-fit{width:100%!important}.hero .plabel{margin-bottom:20px;color:#68666b}.hero .plabel i{background:#e86f3d!important}.hero-shot .win{border-radius:8px!important}.fh{padding-top:152px!important}.fh .wrap>h1,.fh .wrap>p,.fh .plabel{text-align:center}.fh .wrap>p{max-width:720px;margin:24px auto 64px}.fh .plabel{display:block}
.tour{gap:96px!important}.tour-nav li a,.tour-nav a{border-radius:4px!important}.mapbar{top:72px!important}.mapbar a{min-height:40px;display:flex;align-items:center;justify-content:center}.sec,.more,.faq{scroll-margin-top:104px}.demo-note{font:12px/1.6 Pretendard,sans-serif;color:#68666b;margin:16px 0}.review-tools{position:fixed;bottom:16px;right:16px;z-index:100;font-family:Pretendard,sans-serif}.review-tools>button{background:#232128;color:#fff;border:1px solid #68666b;padding:10px 14px;border-radius:4px;font:12px "JetBrains Mono",monospace}.review-tools #review-panel{position:absolute;right:0;bottom:48px;background:#fff;color:#202023;box-shadow:0 12px 50px #0003;border:1px solid #e9e6e1;border-radius:8px;padding:24px;width:360px;max-width:calc(100vw - 32px);font:14px/1.6 Pretendard,sans-serif}.review-tools p{margin:12px 0}.review-tools nav{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0}.review-tools a{text-decoration:underline;text-underline-offset:4px}.review-tools [hidden]{display:none!important}
/* Home keeps the Figma dark hero. The motion itself follows Mary's one-app narrative. */
body[data-page="home"] .scroll{background:#141317;background-image:none}body[data-page="home"] .stage::before{background:radial-gradient(ellipse 65% 80% at 100% 8%,#b44c2555,transparent 75%);z-index:0}.title{top:17vh}.title h1{color:#fff!important;font-size:clamp(64px,7.3vw,105px)!important;line-height:1.02!important}.title p{color:#d9d4cf!important;font-size:18px!important;margin:24px auto 0!important}.hero-chain{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:28px;color:#f4f1ee;font:500 14px Outfit,Pretendard,sans-serif}.hero-chain small{color:#a9a39f;font:12px Pretendard,sans-serif}.hero-chain i{font-style:normal;color:#e86f3d}.hero-chain span{white-space:nowrap}.hint{color:#d9d4cf!important}.steps .names span,.cap p{color:#a9a39f!important}.steps .names span.on,.cap h3{color:#fff!important}.cap em{color:#e86f3d!important}.stage .bar{background:#3a3634}.stage .bar i,.stage .bar b{background:#e86f3d}.stage .gl{background:#232128ee;color:#fff;border:1px solid #68666b;backdrop-filter:none;-webkit-backdrop-filter:none}.stage .gl small{color:#d9d4cf!important}.stage .dim{background:radial-gradient(ellipse 80% 70% at 50% 55%,#232128,#141317)}
.mobile-flow{display:none}.hd .sec-head h2{font-size:clamp(36px,4.5vw,64px)!important;line-height:1.12!important}.hd section{padding-top:120px;padding-bottom:120px}.hd .wrap{max-width:1376px}.hd .btn{font-family:Outfit,Pretendard,sans-serif}.hd .built .lead{max-width:720px}.hd .built .g-stage img{object-fit:contain}.hd .journal .jcard{border-radius:8px}.hd footer{padding-bottom:64px}
html[lang="ko"] h1,html[lang="ja"] h1,html[lang="ko"] h2,html[lang="ja"] h2{word-break:keep-all;font-family:Pretendard,Outfit,sans-serif;letter-spacing:-.035em}html[lang="ja"] body{font-family:Pretendard,"Pretendard JP",sans-serif}html[lang="ko"] .title h1,html[lang="ja"] .title h1{font-size:clamp(56px,6.2vw,88px)!important}html[lang="ja"] .nav .menu{gap:18px}
@media(min-width:1001px){.nav .menu{display:flex!important;align-items:center;height:100%;margin:0}.nav .menu>li{display:flex;align-items:center;height:100%}.nav .burger{display:none!important}.nav .drop-inner{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.nav .drop{left:0!important;right:0!important;width:100%!important;position:fixed!important;top:72px!important;padding:32px 48px!important}}
@media(max-width:1200px){.brand-product{display:none}.nav .wrap{gap:24px!important}.nav .menu{gap:22px}}
@media(max-width:1000px){.nav .wrap{padding:0 20px!important;gap:16px!important;justify-content:space-between}.nav .logo img{width:118px}.nav .menu{display:none!important}.nav.open .menu{display:flex!important;position:fixed!important;top:72px!important;left:0!important;right:0!important;height:calc(100dvh - 72px);max-height:calc(100dvh - 72px);overflow:auto;background:#141317!important;padding:24px!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;color:#fff!important}.nav .menu>li>a{display:block;padding:16px 0}.nav .platform-trigger{padding:16px 0;justify-content:space-between;width:100%}.nav .drop{position:static!important;display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;max-height:none;padding:0!important;background:#232128!important;border:0!important}.nav .drop-inner{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;padding:8px!important}.nav .drop-item{padding:16px!important}.nav .drop-item small{font-size:12px}.nav .nav-co{display:none!important}.nav .burger{display:flex!important;color:#fff!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}.nav-right{display:flex!important;gap:12px!important}.nav #language{display:block!important}.hero-in{padding:0 20px!important;gap:40px!important}.hero-text{text-align:center;max-width:680px}.hero h1{font-size:48px!important}.hero p{font-size:17px!important}.tour{gap:40px!important}.mapbar .wrap{overflow-x:auto}.hero-shot .scr-fit{min-width:0!important}.review-tools{bottom:12px;right:12px}.hd section{padding-top:80px;padding-bottom:80px}}
@media(max-width:760px),(prefers-reduced-motion:reduce){body[data-page="home"] .scroll{display:none}.mobile-flow{display:block;background:#141317;color:#fff;padding-top:72px}.mobile-hero{padding:56px 24px 0;text-align:center;background:radial-gradient(ellipse at 110% 0,#e86f3d44,transparent 65%)}.mobile-kicker{font:14px Outfit,sans-serif;color:#a9a39f;margin-bottom:20px}.mobile-hero h1{font:700 clamp(44px,10.6vw,64px)/1.06 Outfit,Pretendard,sans-serif;letter-spacing:-.035em}.mobile-hero>p:not(.mobile-kicker){font:16px/1.6 Pretendard,sans-serif;color:#d9d4cf;margin-top:24px}.mobile-hero .hero-chain{gap:10px;font-size:12px;flex-wrap:wrap;margin-top:24px}.mobile-app{position:relative;width:200px;max-width:65%;margin:40px auto 0;height:340px;overflow:hidden;border:5px solid #343137;border-radius:24px 24px 0 0;box-shadow:0 12px 60px #0005}.mobile-app img{display:block;width:100%;height:auto}.mobile-app>span{position:absolute;top:16px;right:8px;background:#141317e8;font:11px "JetBrains Mono",monospace;padding:6px 8px;border-radius:4px}.mobile-story article{padding:64px 24px;border-top:1px solid #2e2c33}.mobile-story h2{font:700 36px/1.15 Outfit,Pretendard,sans-serif;margin-top:20px;letter-spacing:-.025em}.mobile-story p{font:16px/1.7 Pretendard,sans-serif;color:#d9d4cf;margin:20px 0}.mobile-story img{width:100%;height:auto;border-radius:8px;margin-top:12px}.story-num{font:12px "JetBrains Mono",monospace;color:#e86f3d}.mobile-approval{background:#232128;border:1px solid #3a3634;padding:24px;border-radius:8px;margin:28px 0}.mobile-approval>span{display:block;color:#a9a39f;font:12px "JetBrains Mono",monospace}.mobile-approval strong{font:700 36px Outfit,sans-serif;display:block;margin-top:24px}.mobile-approval>div{display:flex;justify-content:space-between;margin-top:28px;font:14px "JetBrains Mono",monospace}.mobile-approval b{color:#e86f3d}.mobile-update{padding:32px 24px;background:#232128;border-radius:8px;margin-top:28px}.mobile-update>span,.mobile-update>strong{font:600 32px "JetBrains Mono",monospace}.mobile-update>i{font-style:normal;margin:0 20px;color:#e86f3d}.mobile-update strong{color:#e86f3d}.mobile-update p{font-size:13px}.hd .wrap{padding-left:24px!important;padding-right:24px!important}.hd .sec-head h2{font-size:38px!important}.hero h1{font-size:40px!important}.hero p{font-size:16px!important}.hero-text .cta-row{gap:12px;flex-wrap:wrap}.fh{padding-top:128px!important}.fh .wrap>p{margin-bottom:40px}.fh .arch{margin-top:40px}.hero{padding-bottom:64px!important}.hero-shot{width:100%}.sec,section.more,.faq{padding-top:72px!important;padding-bottom:72px!important}.sec h2,.more h2,.faq h2{font-size:36px!important;line-height:1.16!important}.mapbar a{font-size:12px;padding:8px!important;white-space:nowrap}.review-tools>button{font-size:11px;padding:9px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.reveal,.reveal.in{opacity:1!important;transform:none!important}.stage .phone{transform:none}.hero-chain{transition:none}}

.nav .has-drop:not(.is-open) .drop{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(min-width:1001px){.nav .menu>li.mobile-company{display:none!important}}
@media(max-width:1000px){.nav .has-drop:not(.is-open) .drop{display:none!important}}
@media(min-width:761px) and (max-height:849px){.title{top:112px}.title h1,html[lang] .title h1{font-size:68px!important}.title p{margin-top:18px!important}.title .hero-chain{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.mobile-story{max-width:960px;margin:auto}.mobile-flow .mobile-hero h1{font-size:64px}.mobile-flow .mobile-hero{padding-top:56px}}

body[data-page=home] #stage{background:#141317}
.nav .drop-inner{background:transparent!important}