:root{color-scheme:dark;--paper:#070708;--paper-2:#131315;--ink:#eeeeea;--ink-2:#b6bac0;--ink-3:#868b93;--rule:#eeeeea29;--rule-soft:#eeeeea12;--accent:var(--ink);--accent-ink:var(--ink);--sans:"IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, sans-serif;--mono:"IBM Plex Mono", "IBM Plex Sans KR", "IBM Plex Sans JP", ui-monospace, SFMono-Regular, Menlo, monospace;--max:1120px;--gutter:clamp(20px, 5vw, 48px);--section:clamp(72px, 11vw, 136px);--radius:10px}:root:lang(ja){--sans:"IBM Plex Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif}:root:lang(zh-Hant){--sans:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.65}:lang(ja) body,:lang(zh-Hant) body{word-break:normal;overflow-wrap:normal;line-break:strict}:lang(ja) :is(h1,h2,h3),:lang(zh-Hant) :is(h1,h2,h3){word-break:keep-all;overflow-wrap:anywhere}h1,h2,h3,p,dl,dd,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}img,svg{max-width:100%;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.wrap{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--gutter);z-index:20;background:var(--ink);color:var(--paper);padding:8px 12px;top:12px}.label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:.75rem;font-weight:500}.display{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.5rem,7.2vw,5rem);font-weight:680;line-height:1.1}:lang(ko) .display,:lang(ja) .display,:lang(zh-Hant) .display{letter-spacing:-.03em;line-height:1.2}.h2{letter-spacing:-.028em;text-wrap:balance;font-size:clamp(1.75rem,3.6vw,2.75rem);font-weight:660;line-height:1.2}.h3{letter-spacing:-.012em;font-size:1.1875rem;font-weight:640;line-height:1.35}.lead{color:var(--ink-2);max-width:38em;font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.65}.muted{color:var(--ink-2)}.site-header{z-index:10;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rule-soft);position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.wordmark{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-weight:680;text-decoration:none;display:inline-flex}.wordmark svg{flex:none;width:26px;height:26px}.crumb{letter-spacing:-.015em;color:var(--ink-2);align-items:center;gap:12px;margin-right:auto;font-weight:620;text-decoration:none;display:inline-flex}.crumb:before{content:"/";color:var(--ink-3);font-weight:400}.crumb[aria-current=page]{color:var(--ink)}.site-nav{align-items:center;gap:clamp(12px,2.4vw,28px);font-size:.9375rem;display:flex}.site-nav a{white-space:nowrap;color:var(--ink-2);padding-block:8px;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}.langs{font-family:var(--mono);letter-spacing:.06em;flex:none;gap:2px;font-size:.75rem;display:flex}.site-nav>a+.langs{border-left:1px solid var(--rule);padding-left:clamp(8px,2vw,20px)}.langs a{color:var(--ink-3);border-radius:6px;padding:6px 7px}.langs a[aria-current=page]{color:var(--ink);background:var(--paper-2)}.section{padding-block:var(--section);border-top:1px solid var(--rule)}main>.section:first-child{border-top:0}.section-head{gap:14px;margin-bottom:clamp(36px,5vw,64px);display:grid}.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,6vw,88px);display:grid}.rows{border-top:1px solid var(--ink)}.rows>*{border-bottom:1px solid var(--rule);gap:6px;padding-block:22px;display:grid}.rows p{color:var(--ink-2)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px clamp(24px,4vw,56px);display:grid}.cell{border-top:1px solid var(--ink);align-content:start;gap:10px;padding-top:18px;display:grid}.cell p{color:var(--ink-2)}.arrow-link{border-bottom:1px solid var(--ink);align-items:center;gap:8px;padding-bottom:3px;font-weight:620;text-decoration:none;display:inline-flex}.arrow-link:hover{border-color:var(--accent-ink)}.arrow-link svg{width:16px;height:16px;transition:transform .2s}.arrow-link:hover svg{transform:translate(3px)}.actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:999px;padding:12px 22px;font-weight:640;text-decoration:none;transition:transform .2s,background .2s;display:inline-block}.btn:hover{color:var(--paper);transform:translateY(-2px)}.btn-ghost{color:var(--ink);border-color:var(--ink-3);background:0 0}.btn-ghost:hover{color:var(--ink);border-color:var(--ink)}@media (prefers-reduced-motion:no-preference){.logo-blink .logo-cursor{animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}}.p-intro{justify-items:start;gap:22px;max-width:760px;margin-top:28px;display:grid}.p-intro .app-icon{border-radius:17px;width:72px;height:72px}.p-values,.p-sub{margin-top:clamp(56px,8vw,96px)}.p-closing{text-align:center;border-top:1px solid var(--rule);justify-items:center;gap:20px;margin-top:clamp(56px,8vw,96px);padding-top:clamp(56px,8vw,96px);display:grid}.p-closing .app-icon{border-radius:17px;width:72px;height:72px}.p-closing .actions{justify-content:center;margin-top:4px}.feature-list{border-top:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,5vw,72px);margin-top:18px;display:grid}.feature-list li{border-bottom:1px solid var(--rule);gap:6px;padding-block:22px;display:grid}.feature-list p{color:var(--ink-2)}@media (width<=860px){.feature-list{grid-template-columns:minmax(0,1fr)}}.product{background:var(--paper-2);border:1px solid var(--rule-soft);border-radius:20px;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:clamp(28px,5vw,72px);padding:clamp(24px,4.5vw,56px);display:grid}.product-side{gap:24px;display:grid}.product-copy{justify-items:start;gap:24px;display:grid}.product-name{align-items:center;gap:16px;display:flex}.app-icon{border:1px solid var(--rule);object-fit:cover;background:#fff;border-radius:14px;flex:none;width:60px;height:60px}.facts{border-top:1px solid var(--rule);width:100%}.facts div{border-bottom:1px solid var(--rule);grid-template-columns:9.5em 1fr;gap:16px;padding-block:13px;font-size:.9375rem;display:grid}.facts dt{color:var(--ink-3)}.phone{aspect-ratio:1206/2622;border:1px solid var(--rule);width:100%;max-width:300px;box-shadow:0 0 0 7px var(--paper-2), 0 0 0 8px var(--rule);background:#f2f2f6;border-radius:38px;overflow:hidden}.phone img{object-fit:cover;width:100%;height:100%}.product-visual{justify-items:center;display:grid}.email{letter-spacing:-.025em;border-bottom:2px solid var(--accent);overflow-wrap:anywhere;padding-bottom:4px;font-size:clamp(1.25rem,3.4vw,2.25rem);font-weight:640;text-decoration:none}.link-list{flex-wrap:wrap;gap:8px 28px;margin-top:36px;font-size:.9375rem;display:flex}.p-hero{padding-block:clamp(48px, 8vw, 104px) var(--section);display:grid}.p-hero .display{font-size:clamp(2.25rem,5.4vw,3.875rem)}.p-hero-copy{justify-items:start;gap:26px;display:grid}.screens{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(16px,3vw,32px);display:grid}.screens figure{justify-items:center;gap:16px;display:grid}.screens figure:last-child{margin-top:clamp(32px,6vw,72px)}.screens figcaption{color:var(--ink-3);text-align:center;max-width:22em;font-size:.8125rem;line-height:1.5}.steps{counter-reset:step}.steps .cell:before{counter-increment:step;content:counter(step, decimal-leading-zero);font-family:var(--mono);letter-spacing:.08em;color:var(--accent-ink);font-size:.75rem}.cta{background:var(--paper-2);border-radius:var(--radius);justify-items:start;gap:24px;padding:clamp(28px,5vw,56px);display:grid}.doc{max-width:760px;padding-block:clamp(48px, 8vw, 96px) var(--section)}.doc-head{border-bottom:1px solid var(--ink);gap:16px;margin-bottom:36px;padding-bottom:32px;display:grid}.doc-head h1{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3rem);font-weight:680;line-height:1.18}.prose{font-size:1rem;line-height:1.75}.prose h2{letter-spacing:-.015em;margin:48px 0 14px;font-size:1.3125rem;font-weight:660;line-height:1.35}.prose h3{margin:28px 0 10px;font-size:1.0625rem;font-weight:640}.prose p{margin:0 0 14px}.prose ul,.prose ol{margin:0 0 16px;padding-left:1.3em}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li{margin-bottom:7px}.prose li::marker{color:var(--ink-3)}.prose a{color:var(--accent-ink)}.prose .muted,.prose .intro{color:var(--ink-2)}.prose .intro{font-size:1.125rem}.prose .contact{background:var(--paper-2);border-radius:var(--radius);width:fit-content;max-width:100%;margin:28px 0 8px;padding:24px}.prose .contact h2{margin-top:0}.prose .contact .email{color:var(--ink);font-size:clamp(1.0625rem,3vw,1.375rem);display:inline-block}.prose .contact p:last-child{margin-bottom:0}.prose .footer{border-top:1px solid var(--rule);color:var(--ink-3);margin-top:44px;padding-top:20px;font-size:.9375rem}.site-footer{margin-top:var(--section);border-top:1px solid var(--rule);padding-block:clamp(48px,7vw,80px) 40px;font-size:.9375rem}.footer-grid{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:40px 24px;display:grid}.footer-grid nav{align-content:start;gap:12px;display:grid}.footer-head{color:var(--ink);margin-bottom:8px;font-weight:600}.footer-grid a{color:var(--ink-3);justify-self:start;text-decoration:none}.footer-grid a:hover,.footer-grid a[aria-current=page]{color:var(--ink)}.footer-mark{align-self:start;color:var(--ink)!important}.footer-bottom{color:var(--ink-3);margin-top:clamp(48px,7vw,72px);font-size:.8125rem}.footer-bottom a{color:inherit;text-decoration:none}.footer-bottom a:hover{color:var(--ink);text-decoration:underline}@media (width<=860px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-mark{grid-column:1/-1}.split,.product,.p-hero{grid-template-columns:minmax(0,1fr)}.grid-3{grid-template-columns:minmax(0,1fr);row-gap:28px}.phone{border-radius:30px;max-width:240px}}@media (width<=560px){.site-header .langs{display:none}.facts div{grid-template-columns:7em 1fr}.phone{box-shadow:0 0 0 4px var(--paper-2), 0 0 0 5px var(--rule);border-radius:22px}}@media (width<=400px){.site-header .crumb{display:none}}:lang(ko) .label,:lang(ja) .label,:lang(zh-Hant) .label{letter-spacing:.02em}#products{padding-top:clamp(48px,6vw,80px)}.row-note{color:var(--ink-3);font-size:.875rem}.tags{gap:6px;margin-top:-2px;display:flex}.only{border:1px solid var(--rule);font-family:var(--mono);letter-spacing:.04em;color:var(--ink-3);border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:500}.rows-feature{gap:clamp(72px,11vw,140px);margin-top:clamp(72px,10vw,128px);display:grid}.feature-group{gap:clamp(72px,11vw,140px);display:grid}.group-head{border-top:1px solid var(--rule-soft);gap:12px;margin-bottom:calc(clamp(72px,11vw,140px)/-2.22222);padding-top:clamp(32px,5vw,56px);display:grid}.group-title{letter-spacing:-.03em;font-size:clamp(2.75rem,7vw,5.5rem);font-weight:700;line-height:1}.feature-row{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(32px,6vw,88px);display:grid}.feature-row.flip .feature-copy{order:2}.feature-copy{gap:16px;display:grid}.feature-copy .h2{font-size:clamp(1.875rem,4vw,3rem)}.feature-visual{place-items:center;display:grid;position:relative}.feature-visual.pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(12px,2.4vw,28px)}.feature-visual.pair .device:last-child{margin-top:18%}.device{aspect-ratio:402/874;background:linear-gradient(145deg,#4a4b50,#1d1e21 40%,#3a3b40);border-radius:15.5%/7.2%;width:min(100%,320px);padding:2px;position:relative;box-shadow:0 40px 80px #0009,inset 0 0 0 1px #ffffff1f;container-type:inline-size}.btn-side{background:#2c2d31;border-radius:2px;width:1.2%;position:absolute}.btn-side.l1{height:4%;top:17%;left:-1%}.btn-side.l2{height:7%;top:24%;left:-1%}.btn-side.r1{height:10%;top:22%;right:-1%}.screen{background:#000;border-radius:14.8%/6.8%;height:100%;padding:max(2px,.9cqw);position:relative;overflow:hidden}.shot{object-fit:cover;border-radius:14.2%/6.45%;width:100%;height:100%;display:block}.shot-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:14.2%/6.45%;height:100%;display:flex;overflow:auto hidden}.shot-track::-webkit-scrollbar{display:none}.shot-track .shot{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%}.shot-dots{gap:4px;display:flex;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)}.shot-dots button{cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0;position:relative}.shot-dots button:after{content:"";background:var(--ink-3,#6b6b70);border-radius:50%;transition:background-color .2s;position:absolute;inset:8px}.shot-dots button[aria-pressed=true]:after{background:var(--ink,#fff)}.shot-dots button:focus-visible{outline:2px solid var(--ink,#fff);outline-offset:-2px;border-radius:50%}.feature-visual:has(.shot-dots){padding-bottom:40px}.feature-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.feature-cards li{background:var(--paper-2);border:1px solid var(--rule-soft);border-radius:16px;align-content:start;gap:8px;padding:22px;display:grid;box-shadow:inset 0 1px #ffffff0d}.feature-cards p{color:var(--ink-2);font-size:.9375rem}@media (width<=860px){.feature-row{grid-template-columns:minmax(0,1fr)}.feature-row.flip .feature-copy{order:0}}.reveal-on :is(.p-intro,.feature-copy,.feature-visual,.feature-cards li,.section-head,.facts,.email,.doc-head){opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.reveal-on :is(.p-intro,.feature-copy,.feature-visual,.feature-cards li,.section-head,.facts,.email,.doc-head).in{opacity:1;transform:none}@media (width<=640px){.feature-cards{grid-template-columns:minmax(0,1fr)}}
