:root{--background:#fff;--foreground:#111;--primary:#111;--primary-foreground:#fff;--border:#dedede;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,'Apple SD Gothic Neo','Noto Sans KR','Hiragino Kaku Gothic ProN',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,label:focus-within{outline:2px solid #111;outline-offset:6px}p{font-size:1rem;line-height:1.85;margin:0;word-break:keep-all}h1,h2,h3{word-break:keep-all}img{max-width:100%;height:auto;display:block}.shell{width:min(1160px,calc(100% - 96px));margin:auto}.header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--border)}.wordmark{font-size:2.5rem;font-weight:700;letter-spacing:-.085em;line-height:1}.header nav{display:flex;gap:32px;font-size:.9rem}.header nav a{padding:12px 0}.languages{display:flex;width:auto;gap:5px}.language{display:flex;align-items:center;gap:5px;min-height:44px;padding:8px;font-size:.8rem;color:#737373;cursor:pointer}.language.active{color:#111;text-decoration:underline;text-underline-offset:6px}.language-radio{position:absolute;opacity:0;width:1px;height:1px}.hero{min-height:690px;padding-top:88px;padding-bottom:88px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:600}.hero .app-title{font-size:clamp(3.5rem,5.5vw,5rem);font-weight:500;letter-spacing:-.07em;line-height:1.2;white-space:pre-line;margin:24px 0 28px}.intro{white-space:pre-line;color:#555}.text-link{display:inline-flex;align-items:center;gap:48px;border-bottom:1px solid #111;padding:10px 0;margin-top:32px;font-size:1rem}.text-link span[aria-hidden]{font-size:1.4rem}.availability{margin-top:22px;font-size:.8rem;color:#666}.hero-art{margin:0}.hero-art img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.hero-art figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;font-size:.75rem;line-height:1.6;color:#666}.hero-art figcaption>span:first-child{white-space:nowrap}.about{border-top:1px solid var(--border);padding-top:90px;padding-bottom:70px;display:grid;grid-template-columns:1fr 1fr;gap:30px 70px}.about .eyebrow{grid-column:1/-1}h2{font-size:clamp(2rem,3vw,2.75rem);letter-spacing:-.05em;font-weight:500;line-height:1.4;margin:0;white-space:pre-line}.about>p:last-child{color:#555;padding-top:8px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding-bottom:110px}.steps article{border-top:1px solid #111;padding-top:20px}.number{font-size:.8rem;color:#666}.steps h3{font-size:1.35rem;font-weight:500;margin:32px 0 16px;letter-spacing:-.04em}.steps p{color:#555}.quote{background:#f6f6f6;text-align:center;padding:100px 0}.quote blockquote{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.7;letter-spacing:-.04em;white-space:pre-line;margin:0 0 28px;font-weight:400}.quote p{font-size:.85rem;color:#666}.private{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:110px;padding-bottom:110px}.private h2{margin-top:24px}.private>div:last-child{padding-top:46px;color:#555}.disclaimer{font-size:.85rem;margin-top:28px}.contact{border-top:1px solid #111;border-bottom:1px solid var(--border);padding:60px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font-size:1.5rem}.contact p{color:#666;margin-top:10px}.contact a{font-size:clamp(1rem,2vw,1.5rem);border-bottom:1px solid #111;padding-bottom:6px;overflow-wrap:anywhere}.footer{padding:42px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer .wordmark{font-size:1.8rem}.footer p,.footer a{font-size:.8rem;color:#666}.footer div p{margin-top:12px}.skip{position:fixed;left:24px;top:-100px;background:#111;color:#fff;padding:14px;z-index:10}.skip:focus{top:12px}
@media(max-width:800px){.shell{width:calc(100% - 48px)}.header{min-height:90px;flex-wrap:wrap;gap:8px;padding:18px 0}.header nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:.85rem}.hero{grid-template-columns:1fr;gap:48px;padding:56px 0}.hero .app-title{font-size:3.5rem}.hero-art{max-width:460px;width:100%;margin:auto}.about{grid-template-columns:1fr;padding-top:60px;gap:22px}.steps{grid-template-columns:1fr;gap:36px;padding-bottom:60px}.steps h3{margin-top:20px}.quote{padding:64px 0}.private{grid-template-columns:1fr;padding:64px 0;gap:24px}.private>div:last-child{padding:0}.contact{align-items:flex-start;flex-direction:column;padding:40px 0}.footer{flex-wrap:wrap}.footer>div{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.languages{border:0;margin:0;padding:0;min-width:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}h1,h2,h3{margin-top:0}button,input{font:inherit}

/* pause is the parent brand; each app has its own introduction. */
.brand-hero{position:relative;padding-top:100px;padding-bottom:110px;overflow:hidden}
.brand-hero h1{position:relative;z-index:1;font-size:clamp(2.7rem,5.5vw,5rem);font-weight:500;line-height:1.25;letter-spacing:-.065em;white-space:pre-line;margin:30px 0}
.brand-hero .intro{position:relative;z-index:1;max-width:700px}
.pause-symbol{position:absolute;right:30px;top:60px;font-size:300px;color:#f3f3f3;line-height:1;pointer-events:none}
.catalog{border-top:1px solid var(--border);padding-top:70px;padding-bottom:70px;display:grid;grid-template-columns:1fr 1fr;gap:70px}
.catalog h2{margin:20px 0}.catalog p,.next-app p{color:#666}
.app-list{display:grid;gap:22px}.app-card{display:flex;align-items:center;gap:22px;padding:24px;border:1px solid #ddd;border-radius:4px}
.app-card:hover{border-color:#111}.app-card img{width:64px;height:64px;border-radius:14px}.app-card h3{font-size:2rem;margin:8px 0}.app-card>span:last-child{margin-left:auto}
.app-card p{font-size:.8rem}.app-card .eyebrow{letter-spacing:.02em}
.next-app{padding:24px;border-top:1px solid #ddd}.next-app h3{font-size:1.2rem;font-weight:500;margin:16px 0 8px}
.hero{border-top:1px solid var(--border)}.insights{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:90px;padding-bottom:70px;border-bottom:1px solid var(--border)}
.insights h2{margin-top:24px}.insights>div:last-child{color:#555;padding-top:42px}.insight-tags{font-size:.8rem;letter-spacing:.04em;padding-top:24px}
h1,h2,h3,p{overflow-wrap:anywhere}section[id]{scroll-margin-top:32px}
@media(max-width:800px){.brand-hero{padding-top:64px;padding-bottom:64px}.pause-symbol{font-size:200px;right:-10px;top:70px}.catalog,.insights{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:50px}.insights>div:last-child{padding-top:0}.app-card{padding:18px;gap:16px}.app-card img{width:52px;height:52px}.header nav{flex-wrap:wrap}}
.tour{max-width:360px;width:100%;justify-self:center}.tour-frame{border:1px solid #20252e;border-radius:32px;overflow:hidden;background:#03070d;padding:8px;box-shadow:0 20px 55px #00000018}.hero-art .tour-frame img{aspect-ratio:1440/3120;border-radius:24px;object-fit:contain}.tour-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.tour-controls button{width:48px;height:44px;border:1px solid #ddd;background:white;border-radius:50%;cursor:pointer}.tour-controls button:hover{background:#f3f3f3}.tour-controls button:focus-visible{outline:2px solid #111;outline-offset:3px}.tour-controls span{font-size:13px;letter-spacing:.15em}.legal-links{display:flex;gap:20px;flex-wrap:wrap}.legal{max-width:780px;padding:64px 0 96px}.legal h1{font-size:clamp(2rem,5vw,3.3rem);letter-spacing:-.05em;margin:20px 0}.legal h2{font-size:1.35rem;margin:40px 0 14px}.legal p,.legal li{line-height:1.9;color:#444;word-break:keep-all;overflow-wrap:anywhere}.legal a{text-decoration:underline;text-underline-offset:4px}.legal table{border-collapse:collapse;width:100%;font-size:14px}.legal th,.legal td{border-bottom:1px solid #ddd;text-align:left;padding:14px 8px;vertical-align:top;line-height:1.7}.legal .review-note{padding:18px;border:1px solid #ddd;background:#fafafa;margin:24px 0}.legal-header{min-height:90px}.legal-header nav{flex-wrap:wrap}

/* Policy documents: readable long text and horizontally scrollable tables. */
.legal-toc{display:flex;flex-wrap:wrap;gap:12px 20px;padding:20px 0;border-block:1px solid #ddd;margin:24px 0}
.legal h2[id]{scroll-margin-top:24px}.legal-table{max-width:100%;overflow-x:auto}.legal-table table{min-width:560px}.legal-table th{background:#f7f7f7}.legal li+li{margin-top:10px}
@media(max-width:600px){.legal{padding-top:32px}.legal h2{font-size:1.2rem}.legal-toc{font-size:14px}.legal-header nav{gap:12px;font-size:13px}}

.legal-languages{display:flex;flex-wrap:wrap;gap:12px 24px;margin:20px 0}.legal-languages a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.legal-languages a[aria-current="page"]{font-weight:700;text-decoration-thickness:2px}
html[lang="ja"] .legal p,html[lang="ja"] .legal li{word-break:normal}

/* FlickSort: the second app in the pause catalog. */
.flick-mark{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;background:#111;color:#fff;border-radius:14px;font-size:40px;font-weight:400}
.flicksort{border-top:1px solid var(--border);padding-top:96px;padding-bottom:96px;display:grid;grid-template-columns:1.15fr 1fr;gap:64px 70px;align-items:center}
.flick-intro h2{font-size:clamp(2.7rem,4.6vw,4.2rem);line-height:1.25;margin:24px 0 28px;letter-spacing:-.06em}
.flick-visual{margin:0;justify-self:center;width:min(100%,300px)}
.flick-phone{position:relative;isolation:isolate;aspect-ratio:9/17;border:7px solid #171717;border-radius:36px;overflow:hidden;background:#b8b8b3;color:#fff;box-shadow:0 24px 50px #00000014}
.flick-landscape{position:absolute;inset:0;background:linear-gradient(180deg,#c9cbc8 0%,#aeb5b1 42%,#777d76 43%,#5c655d 57%,#28372e 58%,#141e18 100%);z-index:-1}
.flick-landscape:before{content:'';position:absolute;inset:21% -12% 28%;background:#656f64;clip-path:polygon(0 92%,35% 14%,59% 58%,77% 23%,100% 100%)}
.flick-landscape:after{content:'';position:absolute;inset:40% -20% -10%;background:#324636;clip-path:polygon(0 100%,12% 33%,46% 0,75% 51%,100% 36%,100% 100%)}
.flick-direction{position:absolute;display:flex;align-items:center;gap:8px;font-size:12px;text-shadow:0 1px 5px #0008}.flick-direction b{font-size:36px;font-weight:400;line-height:1}
.flick-up{top:22px;left:50%;transform:translateX(-50%);flex-direction:column;gap:0}.flick-left{top:44%;left:16px}.flick-right{top:44%;right:16px}.flick-down{bottom:40px;left:50%;transform:translateX(-50%);flex-direction:column;gap:0}
.flick-tools{position:absolute;bottom:27px;left:20px;right:20px;display:flex;justify-content:space-between}.flick-tools span{font-size:24px;border:1px solid #ffffff80;border-radius:12px;width:44px;height:38px;display:grid;place-items:center}
.flick-visual figcaption{text-align:center;color:#666;font-size:12px;line-height:1.7;margin-top:18px}
.flick-features{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;align-self:start}.flick-features article{border-top:1px solid #111;padding-top:20px}.flick-features h3{font-size:1.3rem;font-weight:500;line-height:1.5;margin:24px 0 12px}.flick-features p{color:#555}
.flick-privacy{grid-column:1/-1;background:#f7f7f7;padding:32px 36px;border-radius:4px}.flick-privacy h3{font-weight:500;font-size:1.25rem;line-height:1.5;margin:0 0 12px}.flick-privacy p{color:#555;max-width:900px}.flick-privacy .disclaimer{margin-top:16px}
@media(max-width:800px){.flicksort{padding:60px 0;grid-template-columns:1fr;gap:42px}.flick-features{grid-template-columns:1fr;gap:28px}.flick-privacy{padding:24px}.flick-mark{flex-basis:52px;width:52px;height:52px;font-size:32px}}

.flick-screenshot{display:block;width:100%;height:auto;border:1px solid #e5e5e5;border-radius:28px;box-shadow:0 24px 50px #00000014}
