/* Pretendard comes from /fonts/pretendard/1.3.9/pretendard.css, linked in every page head. */
:root{--bg:#000;--surface:#080909;--line:rgba(255,255,255,.12);--text:#f5f7f7;--muted:#92999b;--accent:#66e5ff;--page:min(1180px,calc(100vw - 48px));--primary-button-font-size:15px;--primary-button-font-weight:500;--primary-button-letter-spacing:normal}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;color:var(--text);background:var(--bg);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:sticky;top:0;z-index:20;background:rgba(0,0,0,.84);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(20px)}.nav{width:var(--page);height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:block;width:96px}.nav-links{display:flex;align-items:center;gap:18px}.nav-links>a,.nav-menu{color:#a6abad;font-size:13px}.nav-links>a:hover,.nav-menu:hover{color:#fff}.nav-cta{padding:12px 17px;border-radius:8px!important;color:#050606!important;background:#f5f7f7;font-size:var(--primary-button-font-size);font-weight:var(--primary-button-font-weight);letter-spacing:var(--primary-button-letter-spacing)}.nav-menu{position:relative}.nav-menu summary,.nav-usecases{display:inline-flex;align-items:center;gap:4px;list-style:none;cursor:pointer}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary::after,.nav-usecases::after{content:"";width:14px;height:14px;flex:0 0 auto;background:url("assets/chevron-down.svg") center/contain no-repeat;opacity:.78;transition:transform .2s,opacity .2s}.nav-menu[open] summary::after{transform:rotate(180deg)}.nav-menu-panel{position:absolute;top:30px;left:-14px;width:170px;padding:8px;display:grid;gap:3px;border:1px solid var(--line);border-radius:12px;background:rgba(8,9,9,.98);box-shadow:0 20px 50px rgba(0,0,0,.5)}.nav-menu-panel a{padding:9px 10px;border-radius:8px;color:#aeb5b7}.nav-menu-panel a:hover{color:#fff;background:rgba(255,255,255,.055)}
.page-hero{width:var(--page);margin:auto;padding:120px 0 82px}.kicker{display:inline-flex;padding:7px 11px;border:1px solid rgba(102,229,255,.22);border-radius:999px;color:#b9f5ff;background:rgba(102,229,255,.04);font-size:13px}.page-hero h1{max-width:920px;margin:28px 0 22px;font-size:clamp(40px,4.6vw,64px);line-height:1.4;letter-spacing:-.045em;font-weight:500;word-break:keep-all}.page-hero p{max-width:700px;margin:0;color:var(--muted);font-size:18px;line-height:1.4;word-break:keep-all}.hero-art{margin-top:58px;padding:0;border:0;border-radius:0;background:transparent}.hero-art img{width:100%;max-height:650px;display:block;object-fit:contain}
.content{width:var(--page);margin:auto;padding:30px 0 130px}.essay{max-width:820px;margin:auto}.essay-section{padding:70px 0;border-top:1px solid rgba(255,255,255,.1)}.essay-section:first-child{border-top:0}.essay-section h2{margin:0 0 25px;font-size:clamp(28px,3vw,40px);line-height:1.4;letter-spacing:-.035em;font-weight:500}.essay-section h3{margin:42px 0 14px;font-size:21px;line-height:1.4;font-weight:500}.essay-section p{margin:0 0 20px;color:#adb3b5;font-size:16px;line-height:1.4}.manifesto{font-size:20px!important;color:#e8eced!important;line-height:1.4!important}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{min-height:270px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(102,229,255,.035),rgba(255,255,255,.012));transition:.25s}.info-card:hover{transform:translateY(-4px);border-color:rgba(102,229,255,.28)}.info-card small{color:var(--accent)}.info-card h2,.info-card h3{margin:18px 0 10px;font-size:22px;line-height:1.4;letter-spacing:-.03em;font-weight:500}.info-card p{margin:0;color:var(--muted);font-size:16px;line-height:1.4}.info-card .more{margin-top:26px;color:#c8f6ff}.use-case{scroll-margin-top:92px}.use-case .case-number{color:var(--accent);font-size:13px}.use-case blockquote{margin:24px 0 35px;padding-left:22px;border-left:2px solid var(--accent);color:#d7dcdd;font-size:20px;line-height:1.4}.use-case p{max-width:780px}
.download-page{background:radial-gradient(circle at 50% 9%,rgba(102,229,255,.065),transparent 28%),#000}.download-hero{padding-bottom:58px;text-align:center}.download-hero h1,.download-hero p{margin-left:auto;margin-right:auto}.download-content{padding-top:0}.download-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.download-platform-card{min-width:0;min-height:650px;padding:16px;display:grid;grid-template-rows:340px 1fr;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));overflow:hidden;transition:transform .3s ease,border-color .3s ease,background .3s ease}.download-platform-card:hover{transform:translateY(-5px);border-color:rgba(102,229,255,.25);background:linear-gradient(145deg,rgba(102,229,255,.055),rgba(255,255,255,.014))}.download-visual{min-height:340px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#111718,#080a0a);overflow:hidden}.desktop-device{width:88%;padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#050606;box-shadow:0 28px 70px rgba(0,0,0,.55);transform:perspective(900px) rotateX(2deg)}.desktop-device img{width:100%;display:block;border-radius:8px}.mobile-device{width:210px;height:410px;padding:10px 8px;border:1px solid rgba(255,255,255,.17);border-radius:38px;background:#050606;box-shadow:0 28px 70px rgba(0,0,0,.55);transform:translateY(72px)}.mobile-device img{width:100%;height:100%;display:block;border-radius:29px;object-fit:cover}.download-copy{padding:30px 20px 22px}.download-label{color:#a9f4ff;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.download-copy h2{margin:12px 0 9px;font-size:clamp(28px,3vw,38px);line-height:1.18;letter-spacing:-.04em;font-weight:450}.download-copy p{max-width:470px;margin:0;color:var(--muted);font-size:16px;line-height:1.5}.download-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}.download-button{min-width:132px;min-height:50px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#071011;background:#f4f7f7;font-size:15px;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.download-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,255,255,.12)}.store-button{min-width:150px;align-items:flex-start;flex-direction:column;line-height:1.05}.store-button span{font-size:10px;font-weight:400}.store-button strong{font-size:17px;font-weight:550}
.post-list{display:grid;gap:10px}.post-row{padding:26px 0;display:grid;grid-template-columns:140px 1fr auto;gap:24px;align-items:start;border-top:1px solid rgba(255,255,255,.11)}.post-row time{color:#62696b}.post-row h2{margin:0 0 9px;font-size:21px;line-height:1.4;font-weight:500}.post-row p{margin:0;color:var(--muted);font-size:16px;line-height:1.4}.post-row span{color:#b9f5ff}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.blog-card{min-height:280px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:16px;background:#080909}.blog-card h2{margin:15px 0 12px;font-size:23px;line-height:1.4;font-weight:500}.blog-card p{margin:0;color:var(--muted);font-size:16px;line-height:1.4}.blog-card .category{color:var(--accent);font-size:12px}.blog-card .read{margin-top:26px;color:#d9f9ff}
.mega-footer{width:calc(100vw - 24px);margin:80px auto 12px;padding:86px min(8vw,120px) 38px;border:0;border-radius:28px;color:#8c9294;background:#020303;font-size:14px}.footer-grid{display:grid;grid-template-columns:1.35fr .55fr .7fr 1.25fr;gap:64px}.footer-intro h2{margin:0 0 8px;color:#f3f6f6;font-size:28px;font-weight:400}.footer-intro p{margin:4px 0;line-height:1.55}.language-picker{position:relative;width:max-content;margin-top:44px}.language-button{min-width:0;min-height:48px;padding:12px 12px;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;border:0;border-radius:8px;color:#cfd4d5;background:#171919;cursor:pointer}.language-icon{width:18px;height:18px;flex:0 0 auto;color:#8f9698;background:url("assets/language.svg") center/contain no-repeat}.language-label{min-width:0;white-space:nowrap}.language-chevron{width:14px;height:14px;flex:0 0 auto;margin-left:1px;background:url("assets/chevron-down.svg") center/contain no-repeat;opacity:.78;transition:transform .2s,opacity .2s}.language-button[aria-expanded="true"] .language-chevron{transform:rotate(180deg)}.language-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:5;width:142px;padding:6px;display:grid;gap:3px;border-radius:9px;background:#171919;box-shadow:0 18px 48px rgba(0,0,0,.46)}.language-menu[hidden]{display:none}.language-option{position:relative;padding:9px 32px 9px 10px;border:0;border-radius:6px;color:#8f9698;background:transparent;text-align:left;cursor:pointer}.language-option[aria-current="true"]::after{content:"✓";position:absolute;right:11px;top:50%;color:#8feeff;transform:translateY(-50%)}.language-option:hover,.language-option[aria-current="true"]{color:#f3f6f6;background:rgba(255,255,255,.07)}.socials{display:flex;gap:22px;margin-top:72px}.socials a{color:#6e7577;font-size:23px;font-weight:500}.footer-column h3{margin:0 0 22px;color:#969d9f;font-size:15px;font-weight:500}.footer-column nav{display:grid;gap:20px}.footer-column a{color:#757c7e;font-size:15px;line-height:1.35}.footer-column a:hover{color:#d9f8fd}.footer-usecases nav{gap:17px}.footer-bottom{margin-top:84px;padding-top:30px;display:flex;justify-content:space-between;border:0}.footer-legal{display:flex;gap:24px}
html[lang="en"] .footer-intro > p:first-of-type{display:none}
@media(min-width:1100px){.footer-grid{grid-template-columns:minmax(440px,1fr) 110px 126px minmax(260px,300px);column-gap:18px}.footer-intro{min-height:320px;padding-right:68px;border:0}.footer-intro+.footer-column{padding-left:30px}}
@media(max-width:1100px){.nav-links>a:not(.nav-cta),.nav-menu{display:none}}
@media(max-width:900px){:root{--page:min(100% - 34px,720px)}.card-grid{grid-template-columns:1fr 1fr}.download-platform-grid{grid-template-columns:1fr}.download-platform-card{min-height:0;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);grid-template-rows:430px}.download-visual{min-height:430px}.download-copy{align-self:center;padding:36px}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro,.footer-usecases{grid-column:1/-1}.post-row{grid-template-columns:100px 1fr}.post-row>span{display:none}}
@media(max-width:620px){:root{--page:calc(100% - 28px)}.nav{height:68px}.brand-logo{width:88px}.page-hero{padding:90px 0 58px}.page-hero h1{font-size:clamp(34px,10vw,48px);line-height:1.4}.page-hero p{font-size:16px;line-height:1.4}.content{padding-bottom:90px}.card-grid,.blog-grid{grid-template-columns:1fr}.download-platform-card{display:grid;grid-template-columns:1fr;grid-template-rows:250px auto;padding:10px;border-radius:18px}.download-visual{min-height:250px;border-radius:13px}.desktop-device{width:92%}.mobile-device{width:154px;height:300px;border-radius:29px;transform:translateY(52px)}.mobile-device img{border-radius:21px}.download-copy{padding:26px 13px 22px}.download-copy h2{font-size:30px}.download-actions{display:grid;grid-template-columns:1fr 1fr}.download-button{min-width:0;padding:0 12px}.post-row{grid-template-columns:1fr;gap:8px}.mega-footer{width:calc(100vw - 14px);padding:58px 24px 28px;border-radius:22px}.footer-grid{gap:50px 28px}.language-picker{margin-top:28px}.socials{margin-top:34px}.footer-bottom{margin-top:58px;flex-direction:column;gap:20px}.footer-usecases{grid-column:1/-1}.essay-section{padding:52px 0}.essay-section p{font-size:16px;line-height:1.4}}

/* Direction — editorial case study */
.direction-page{background:#000;color:#f4f6f6}.direction-page main{overflow:hidden}.direction-hero{width:var(--page);margin:auto;padding:112px 0 72px}.direction-breadcrumb{display:inline-flex;align-items:center;gap:9px;color:#72787a;font-size:14px}.direction-breadcrumb span{color:#3e4244}.direction-breadcrumb:hover{color:#d9f9ff}.direction-hero h1{max-width:920px;margin:76px 0 34px;font-size:clamp(88px,12vw,178px);font-weight:400;line-height:.82;letter-spacing:-.078em}.direction-hero>p{max-width:660px;margin:0;color:#9ca2a4;font-size:clamp(20px,2.2vw,30px);line-height:1.4;letter-spacing:-.025em}.direction-meta{max-width:720px;margin:80px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.direction-meta div{min-width:0}.direction-meta dt{margin-bottom:8px;color:#5f6567;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.direction-meta dd{margin:0;color:#d8dcdd;font-size:15px;line-height:1.4}
.direction-cover{position:relative;width:min(1440px,calc(100vw - 32px));height:min(68vw,680px);min-height:520px;margin:0 auto;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#0b0d0e;overflow:hidden}.direction-cover-grid{position:absolute;inset:0;opacity:.46;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.direction-orbit{position:absolute;border:1px solid rgba(102,229,255,.18);border-radius:50%;filter:drop-shadow(0 0 28px rgba(102,229,255,.06))}.direction-orbit-one{width:860px;height:860px;top:-520px;right:-40px}.direction-orbit-two{width:620px;height:620px;left:-290px;bottom:-360px}.direction-cover-copy{position:absolute;left:clamp(28px,7vw,108px);right:clamp(28px,7vw,108px);top:50%;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:center;transform:translateY(-50%)}.direction-cover-copy span,.direction-cover-copy strong{font-size:clamp(24px,4.2vw,64px);font-weight:400;letter-spacing:-.055em}.direction-cover-copy span{color:#555c5e}.direction-cover-copy strong{color:#d9faff;text-shadow:0 0 32px rgba(102,229,255,.2)}.direction-cover>p{position:absolute;left:clamp(28px,7vw,108px);bottom:48px;margin:0;color:#8b9294;font-size:15px}
.direction-article{padding-bottom:80px}.direction-copy{width:min(760px,calc(100vw - 40px));margin-inline:auto}.direction-copy p,.direction-finale-copy p,.principle-copy p{color:#aeb4b6;font-size:17px;line-height:1.7;letter-spacing:-.012em}.direction-copy p{margin:0 0 24px}.direction-intro{padding:150px 0 170px}.direction-lead{color:#eef1f1!important;font-size:clamp(22px,2.5vw,31px)!important;line-height:1.45!important;letter-spacing:-.03em!important}.direction-intro blockquote{margin:64px 0;padding:0;color:#cff9ff;font-size:clamp(30px,4.2vw,54px);font-weight:350;line-height:1.24;letter-spacing:-.05em}.direction-intro a{color:#a9f5ff;text-decoration:underline;text-decoration-color:rgba(102,229,255,.35);text-underline-offset:4px}.direction-question{margin-top:58px!important;color:#f5f7f7!important;font-size:24px!important}.direction-index{display:block;margin-bottom:26px;color:#63def8;font-size:13px;font-weight:500;letter-spacing:.1em}.direction-chapter{padding:140px 0}.direction-chapter h2,.direction-section-head h2,.direction-finale h2{margin:0 0 44px;font-size:clamp(48px,6vw,82px);font-weight:400;line-height:1.02;letter-spacing:-.06em}.direction-chapter>p:first-of-type{color:#edf0f0;font-size:21px;line-height:1.55}
.direction-principles{width:min(1180px,calc(100vw - 48px));margin:70px auto 0;padding:120px 0}.direction-section-head{margin-bottom:78px}.direction-section-head h2{max-width:850px}.direction-section-head p{max-width:710px;margin:0}.principle-stack{display:grid;gap:18px}.principle-card{position:relative;min-height:430px;padding:46px 48px;display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-areas:"number copy";gap:50px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0c0d0e;overflow:hidden}.principle-number{grid-area:number;color:#5f6668;font-size:14px}.principle-copy{grid-area:copy;max-width:720px}.principle-copy h3{margin:0 0 8px;font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1.1;letter-spacing:-.05em}.principle-copy h4{margin:0 0 38px;color:#75e8ff;font-size:14px;font-weight:500;line-height:1.4}.principle-copy p{margin:0 0 20px}.principle-mark{position:absolute;top:42px;right:46px;width:110px;height:110px;opacity:.45}.principle-mark i{position:absolute;display:block;background:#717779}.principle-mark-bold i{left:18px;right:18px;height:18px;border-radius:50%}.principle-mark-bold i:nth-child(1){top:12px}.principle-mark-bold i:nth-child(2){top:45px;left:8px;right:8px}.principle-mark-bold i:nth-child(3){top:78px;left:30px;right:30px}.principle-mark-serenity i{width:70px;height:70px;top:20px;border-radius:20px;transform:rotate(38deg)}.principle-mark-serenity i:first-child{left:4px;background:#4e5456}.principle-mark-serenity i:last-child{right:4px;transform:rotate(-38deg);background:#7d8385}.principle-mark-intuitive i{inset:10px;border-radius:52% 48% 42% 58%;background:repeating-linear-gradient(90deg,#6f7577 0 2px,transparent 2px 6px)}
.direction-finale{width:min(1080px,calc(100vw - 48px));margin:120px auto 0;padding:130px 0;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:100px}.direction-finale-title{position:sticky;top:128px;align-self:start}.direction-finale h2{font-size:clamp(48px,5vw,70px)}.direction-finale-copy p{margin:0 0 28px}.direction-finale-copy p:first-child{color:#eef1f1;font-size:21px}.direction-closing{width:min(1180px,calc(100vw - 32px));min-height:540px;margin:90px auto 0;padding:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;background:#0d0f10;text-align:center}.direction-closing p{margin:0 0 8px;color:#767d7f;font-size:clamp(28px,4vw,54px);letter-spacing:-.05em}.direction-closing strong{color:#e4fbff;font-size:clamp(64px,9vw,128px);font-weight:400;line-height:1;letter-spacing:-.07em}.direction-closing a{min-height:54px;margin-top:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#071011;background:#f5f7f7;font-size:15px;font-weight:550}
@media(max-width:900px){.direction-hero{padding-top:86px}.direction-hero h1{margin-top:58px}.direction-cover{height:620px}.direction-cover-copy{grid-template-columns:1fr 1fr;gap:28px}.direction-cover-copy span,.direction-cover-copy strong{font-size:clamp(38px,8vw,68px)}.principle-card{grid-template-columns:58px minmax(0,1fr);gap:26px}.principle-mark{width:80px;height:80px;top:34px;right:34px}.direction-finale{grid-template-columns:1fr;gap:48px}.direction-finale-title{position:static}.direction-closing{min-height:460px}}
@media(max-width:620px){.direction-hero{padding:72px 0 48px}.direction-hero h1{margin:48px 0 26px;font-size:clamp(68px,24vw,104px)}.direction-hero>p{font-size:20px}.direction-meta{margin-top:54px;grid-template-columns:1fr;gap:22px}.direction-meta dt{margin-bottom:4px}.direction-cover{width:calc(100vw - 20px);height:520px;min-height:0;border-radius:12px}.direction-cover-grid{background-size:44px 44px}.direction-cover-copy{left:24px;right:24px;grid-template-columns:1fr;gap:8px}.direction-cover-copy span,.direction-cover-copy strong{font-size:48px}.direction-cover>p{left:24px;bottom:26px;font-size:14px}.direction-intro{padding:100px 0 112px}.direction-intro blockquote{margin:52px 0}.direction-chapter{padding:94px 0}.direction-chapter h2,.direction-section-head h2,.direction-finale h2{margin-bottom:34px;font-size:44px}.direction-copy p,.direction-finale-copy p,.principle-copy p{font-size:16px;line-height:1.65}.direction-principles{width:calc(100vw - 24px);padding:88px 0}.direction-section-head{width:calc(100% - 16px);margin-bottom:52px}.principle-card{min-height:0;padding:30px 24px;display:block;border-radius:12px}.principle-number{margin-bottom:70px}.principle-mark{top:24px;right:24px}.principle-copy h3{font-size:40px}.principle-copy h4{max-width:230px;margin-bottom:30px}.direction-finale{width:calc(100vw - 40px);margin-top:40px;padding:96px 0;gap:30px}.direction-closing{width:calc(100vw - 20px);min-height:420px;margin-top:38px;padding:40px 20px;border-radius:12px}.direction-closing strong{font-size:66px}.direction-closing a{margin-top:42px}}

/* Navigation dropdowns */
.site-header .nav{width:min(1400px,calc(100vw - 48px))}
.nav-menu summary{gap:3px}.nav-menu-panel{top:38px;left:-18px;width:208px;padding:12px;gap:3px;border-radius:12px;background:rgba(9,10,10,.96);box-shadow:0 24px 64px rgba(0,0,0,.62);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.nav-menu-panel a{min-height:48px;padding:0 14px;display:flex;align-items:center;border-radius:8px;color:#aeb4b6;font-size:16px;line-height:1.25;transition:color .18s ease,background .18s ease,transform .18s ease}
.nav-menu-panel a:hover,.nav-menu-panel a:focus-visible{color:#fff;background:rgba(255,255,255,.065);transform:translateX(2px);outline:0}
.nav-menu-usecases .nav-menu-panel{left:auto;right:-20px;width:520px;padding:14px;border-color:rgba(102,229,255,.1);background:rgba(16,29,31,.96)}
.nav-menu-usecases .nav-menu-panel a{min-height:52px;padding:0 18px;font-size:17px}
.nav-menu[open]>summary{color:#fff}
.site-header .nav-menu-resources{margin-left:clamp(24px,2.2vw,44px)}
.site-header .nav-login{margin-left:auto}
@media(max-width:1180px){.nav-links{gap:14px}.nav-menu-usecases .nav-menu-panel{right:-120px}}
.shell-menu-toggle,.shell-mobile-menu{display:none}
@media(max-width:1120px){
  body.shell-menu-open{overflow:hidden}.site-header .nav-links{display:none}.site-header .nav{width:calc(100vw - 34px)}
  .shell-menu-toggle{width:46px;height:46px;margin-left:auto;padding:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;border-radius:9px;color:#a7adaf;background:transparent;cursor:pointer}
  .shell-menu-toggle span{width:24px;height:2px;display:block;border-radius:99px;background:currentColor;transform-origin:center;transition:transform .25s ease,opacity .2s ease}
  body.shell-menu-open .shell-menu-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}body.shell-menu-open .shell-menu-toggle span:nth-child(2){opacity:0}body.shell-menu-open .shell-menu-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .shell-mobile-menu{position:fixed;inset:0;z-index:19;padding:106px 24px 46px;display:block;overflow:auto;color:#f3f5f5;background:rgba(6,7,7,.99);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .24s ease,transform .24s ease,visibility .24s ease}
  body.shell-menu-open .shell-mobile-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .24s ease,transform .24s ease,visibility 0s}
  .shell-mobile-menu nav{width:min(760px,100%);margin:auto}.shell-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.shell-mobile-actions a{min-height:52px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#090a0a;background:#f4f6f6;font-size:15px;font-weight:550}.shell-mobile-actions a:last-child{color:#aab0b2;background:#181a1a}
  .shell-mobile-links{margin-top:28px;display:grid}.shell-mobile-links>span{min-height:50px;display:flex;align-items:center;color:#66e5ff;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.shell-mobile-links>a{min-height:58px;display:flex;align-items:center;color:#e9eded;font-size:19px;line-height:1.3}.shell-mobile-links>a:hover{color:#fff}
}

/* Use cases index */
.use-cases-index{background:radial-gradient(circle at 50% 10%,rgba(102,229,255,.07),transparent 27%),#000}
.use-cases-hero{width:var(--page);margin:auto;padding:136px 0 96px}
.use-cases-hero>span{color:#79e9ff;font-size:13px;font-weight:550;letter-spacing:.1em;text-transform:uppercase}
.use-cases-hero h1{max-width:980px;margin:34px 0 30px;font-size:clamp(52px,7vw,94px);font-weight:400;line-height:.98;letter-spacing:-.065em}
.use-cases-hero p{max-width:700px;margin:0;color:#979ea0;font-size:20px;line-height:1.55}
.use-cases-list{width:var(--page);margin:0 auto;padding:0 0 130px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.use-cases-list a{min-height:270px;padding:30px;display:flex;flex-direction:column;border-radius:16px;background:#0b0d0e;transition:transform .24s ease,background .24s ease}
.use-cases-list a:hover{transform:translateY(-4px);background:#101516}
.use-cases-list a>span{color:#61def7;font-size:12px;letter-spacing:.08em}
.use-cases-list h2{max-width:520px;margin:auto 0 14px;font-size:clamp(26px,3vw,39px);font-weight:420;line-height:1.08;letter-spacing:-.045em}
.use-cases-list p{max-width:480px;margin:0;color:#8f9698;font-size:16px;line-height:1.5}
.use-cases-list a:last-child{grid-column:1/-1;min-height:230px}

/* Use case articles — compact editorial hierarchy inspired by long-form journals. */
.use-case-detail{background:radial-gradient(circle at 50% 4%,rgba(102,229,255,.045),transparent 22%),#000}
.use-case-detail main{overflow:hidden}
.case-hero{width:min(728px,calc(100vw - 48px));margin:auto;padding:158px 0 64px;text-align:left}
.case-breadcrumb{display:inline-flex;margin-bottom:34px;color:#747b7d;font-size:14px;transition:color .2s ease}.case-breadcrumb:hover{color:#c9f7ff}
.case-meta{display:flex;align-items:center;gap:14px;margin-bottom:24px;color:#737a7c;font-size:13px}.case-meta span{padding-left:14px;border-left:1px solid rgba(255,255,255,.14)}
.case-kicker{margin:0;color:#68e2fa;font-size:13px;font-weight:550;letter-spacing:.035em}
.case-hero h1{max-width:728px;margin:0 0 22px;font-size:clamp(44px,4.1vw,52px);font-weight:450;line-height:1.15;letter-spacing:-.045em;text-wrap:balance}
html[lang="ko"] .case-hero h1{word-break:keep-all}
.case-title-brand{white-space:nowrap}
.case-deck{max-width:700px;margin:0;color:#a9b0b2;font-size:18px;font-weight:400;line-height:1.72;letter-spacing:-.014em}
.case-media{margin:0}.case-media img{width:100%;height:100%;display:block;object-fit:cover}
.case-media-lead{width:min(900px,calc(100vw - 32px));aspect-ratio:16/9;margin:0 auto;border-radius:16px;background:#0d0f10;overflow:hidden}
.case-article{width:min(728px,calc(100vw - 44px));margin:0 auto;padding:84px 0 76px}
.case-opening{margin:0;color:#c8cdce;font-size:16px;font-weight:400;line-height:2;letter-spacing:-.006em}
.case-media-product{position:relative;left:50%;width:min(900px,calc(100vw - 32px));aspect-ratio:16/9;margin:96px 0;transform:translateX(-50%);border-radius:16px;background:#0d0f10;overflow:hidden}
.case-media-product img{object-fit:contain;background:#0b0d0e}
.case-body h2,.case-reflection h2{margin:0 0 40px;color:#edf0f0;font-size:32px;font-weight:620;line-height:1.35;letter-spacing:-.035em;text-wrap:balance}
.case-body p,.case-reflection p{margin:0 0 32px;color:#adb4b6;font-size:16px;line-height:2;letter-spacing:-.006em}
.case-body p:last-child,.case-reflection p:last-child{margin-bottom:0}
.case-reflection{width:100%;margin:96px 0 0;padding:64px 0 0;border-top:1px solid rgba(255,255,255,.12)}
.case-reflection>span{display:block;margin-bottom:18px;color:#68e2fa;font-size:12px;font-weight:550;letter-spacing:.08em;text-transform:uppercase}
.case-reflection p:first-of-type{color:#dce1e2;font-size:19px;font-weight:500;line-height:1.75}
.case-cta{width:min(728px,calc(100vw - 48px));min-height:220px;margin:72px auto 0;padding:38px 44px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;background:radial-gradient(ellipse 82% 105% at 76% 116%,rgba(102,229,255,.27) 0%,rgba(102,229,255,.12) 38%,transparent 69%),radial-gradient(circle at 16% 112%,rgba(102,229,255,.09),transparent 44%),#06090a;text-align:center}
.case-cta h2{margin:0;color:transparent;font-size:32px;font-weight:450;line-height:1.25;letter-spacing:-.04em;background:linear-gradient(98deg,#f7f9f9 2%,#d6f9ff 44%,#66e5ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.case-cta a{min-height:50px;margin-top:28px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#090a0a;background:#f4f6f6;font-size:15px;font-weight:550}
.other-cases{width:min(900px,calc(100vw - 48px));margin:96px auto 0;padding:42px 0 56px;border-top:1px solid rgba(255,255,255,.12)}
.other-cases-heading{margin-bottom:44px}.other-cases-heading h2{margin:0;font-size:32px;font-weight:450;line-height:1.35;letter-spacing:-.035em}
.other-cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.other-case-card{display:block;min-width:0;background:transparent;transition:transform .22s ease}
.other-case-card:hover{transform:translateY(-4px)}
.other-case-media{margin:0;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#0b0d0e}
.other-case-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}
.other-case-card:hover .other-case-media img{transform:scale(1.025)}
.other-case-copy{padding:22px 10px 0}
.other-case-card strong{display:block;color:#e7eaeb;font-size:22px;font-weight:450;line-height:1.3;letter-spacing:-.03em;text-wrap:balance}
html[lang="ko"] .other-case-card strong,html[lang="ko"] .use-cases-list h2{word-break:keep-all;overflow-wrap:normal}
.other-case-card p{margin:9px 0 18px;color:#7f8789;font-size:14px;line-height:1.55}
.other-case-card span{width:max-content;padding:6px 9px;display:block;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#8c9496;font-size:12px}
@media(max-width:900px){.use-cases-list{grid-template-columns:1fr}.use-cases-list a:last-child{grid-column:auto}.case-hero{padding-top:144px}}
@media(max-width:620px){.use-cases-hero{padding:92px 0 64px}.use-cases-hero h1{font-size:48px}.use-cases-hero p{font-size:17px}.use-cases-list{padding-bottom:88px}.use-cases-list a{min-height:220px;padding:24px}.use-cases-list h2{font-size:29px}.case-hero{width:calc(100vw - 32px);padding:124px 0 48px}.case-breadcrumb{margin-bottom:26px}.case-hero h1{margin:0 0 18px;font-size:40px;line-height:1.12}.case-meta{margin-bottom:20px}.case-deck{font-size:17px;line-height:1.65}.case-media-lead{width:calc(100vw - 24px);aspect-ratio:16/10;border-radius:12px}.case-article{width:calc(100vw - 32px);padding:64px 0}.case-opening,.case-body p,.case-reflection p{font-size:16px;line-height:1.85}.case-media-product{width:calc(100vw - 24px);aspect-ratio:16/10;margin:72px 0;border-radius:12px}.case-body h2,.case-reflection h2{margin-bottom:30px;font-size:27px}.case-reflection{margin-top:72px;padding-top:48px}.case-reflection p:first-of-type{font-size:18px}.case-cta{width:calc(100vw - 32px);min-height:240px;margin-top:40px;padding:32px 22px;border-radius:12px}.case-cta h2{font-size:28px}.case-cta a{margin-top:24px}.other-cases{width:calc(100vw - 32px);padding:82px 0 24px}.other-cases-heading{margin-bottom:30px}.other-cases-heading h2{font-size:29px}.other-cases-grid{grid-template-columns:1fr;gap:48px}.other-case-media{border-radius:12px}.other-case-copy{padding:18px 4px 0}.other-case-card strong{font-size:21px}.mega-footer{margin-top:56px}}
@media(max-width:620px){.use-cases-hero{padding:92px 0 64px}.use-cases-hero h1{font-size:48px}.use-cases-hero p{font-size:17px}.use-cases-list{padding-bottom:88px}.use-cases-list a{min-height:220px;padding:24px}.use-cases-list h2{font-size:29px}.case-hero{width:calc(100vw - 32px);padding:124px 0 48px}.case-breadcrumb{margin-bottom:26px}.case-hero h1{margin:0 0 18px;font-size:40px;line-height:1.12}.case-meta{margin-bottom:20px}.case-deck{font-size:17px;line-height:1.65}.case-media-lead{width:calc(100vw - 24px);aspect-ratio:16/10;border-radius:12px}.case-article{width:calc(100vw - 32px);padding:64px 0}.case-opening,.case-body p,.case-reflection p{font-size:16px;line-height:1.85}.case-media-product{width:calc(100vw - 24px);aspect-ratio:16/10;margin:72px 0;border-radius:12px}.case-body h2,.case-reflection h2{margin-bottom:30px;font-size:27px}.case-reflection{margin-top:72px;padding-top:48px}.case-reflection p:first-of-type{font-size:18px}.case-cta{width:calc(100vw - 32px);min-height:240px;margin-top:40px;padding:32px 22px;border-radius:12px}.case-cta h2{font-size:28px}.case-cta a{margin-top:24px}.other-cases{width:calc(100vw - 32px);margin-top:72px;padding:32px 0 24px}.other-cases-heading{margin-bottom:30px}.other-cases-heading h2{font-size:29px}.other-cases-grid{grid-template-columns:1fr;gap:48px}.other-case-media{border-radius:12px}.other-case-copy{padding:18px 4px 0}.other-case-card strong{font-size:21px}.mega-footer{margin-top:56px}}

/* Direction page — compact editorial typography and shared 06 header */
.direction-page .site-header{
  position:fixed;
  top:20px;
  left:50%;
  right:auto;
  width:min(2200px,calc(100vw - 80px));
  transform:translateX(-50%);
  border:1px solid rgba(255,255,255,.085);
  border-radius:16px;
  background:linear-gradient(105deg,rgba(27,27,28,.46),rgba(10,10,11,.3)),rgba(10,10,11,.34);
  box-shadow:0 24px 60px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(20px) saturate(0%);
  -webkit-backdrop-filter:blur(20px) saturate(0%);
}
.direction-page .site-header .nav{width:100%;height:78px;padding:0 20px 0 26px;gap:clamp(22px,2vw,42px)}
.direction-page .site-header .brand-logo{width:94px}
.direction-page .site-header .nav-links{flex:1;gap:clamp(14px,1.55vw,34px)}
.direction-page .site-header .nav-links>a,.direction-page .site-header .nav-menu{font-size:14px}
.direction-page .site-header .nav-cta{min-height:48px;padding:0 24px;border:1px solid rgba(255,255,255,.72);border-radius:12px!important;font-weight:650;background:#f4f4f4}

.direction-page .direction-hero{padding:154px 0 64px}
.direction-page .direction-hero h1{max-width:760px;margin:52px 0 24px;font-size:clamp(44px,5vw,64px);font-weight:400;line-height:1.05;letter-spacing:-.052em}
.direction-page .direction-hero>p{font-size:clamp(17px,1.7vw,21px);line-height:1.5}
.direction-page .direction-meta{margin-top:56px}
.direction-page .direction-cover-copy span,.direction-page .direction-cover-copy strong{font-size:clamp(22px,3vw,42px);letter-spacing:-.04em}
.direction-page .direction-copy p,.direction-page .direction-finale-copy p,.direction-page .principle-copy p{font-size:16px;line-height:1.7}
.direction-page .direction-intro{padding:112px 0 122px}
.direction-page .direction-lead{font-size:clamp(19px,1.8vw,23px)!important;line-height:1.55!important}
.direction-page .direction-intro blockquote{margin:50px 0;font-size:clamp(23px,2.8vw,34px);line-height:1.32;letter-spacing:-.035em}
.direction-page .direction-question{margin-top:44px!important;font-size:20px!important}
.direction-page .direction-index{margin-bottom:18px;font-size:12px}
.direction-page .direction-chapter{padding:102px 0}
.direction-page .direction-chapter h2,.direction-page .direction-section-head h2,.direction-page .direction-finale h2{margin-bottom:30px;font-size:clamp(28px,3.1vw,38px);line-height:1.16;letter-spacing:-.04em}
.direction-page .direction-chapter>p:first-of-type{font-size:18px;line-height:1.65}
.direction-page .direction-principles{margin-top:36px;padding:88px 0}
.direction-page .direction-section-head{margin-bottom:54px}
.direction-page .principle-card{min-height:350px;padding:38px 42px}
.direction-page .principle-copy h3{font-size:clamp(26px,2.7vw,34px);letter-spacing:-.035em}
.direction-page .principle-copy h4{margin-bottom:28px}
.direction-page .principle-mark{width:88px;height:88px;top:34px;right:38px}
.direction-page .direction-finale{margin-top:78px;padding:94px 0;gap:76px}
.direction-page .direction-finale h2{font-size:clamp(28px,3.1vw,38px)}
.direction-page .direction-finale-copy p:first-child{font-size:18px}
.direction-page .direction-closing{min-height:420px;margin-top:58px;padding:58px}
.direction-page .direction-closing p{font-size:clamp(22px,2.6vw,32px)}
.direction-page .direction-closing strong{font-size:clamp(44px,6vw,74px);letter-spacing:-.055em}

@media(max-width:1100px){
  .direction-page .site-header{top:18px;width:calc(100vw - 68px)}
  .direction-page .site-header .nav{width:100%;padding:0 22px 0 26px}
}
@media(max-width:620px){
  .direction-page .site-header{top:14px;width:calc(100vw - 28px)}
  .direction-page .site-header .nav{height:72px;padding:0 14px 0 18px}
  .direction-page .site-header .brand-logo{width:86px}
  .direction-page .direction-hero{padding:126px 0 48px}
  .direction-page .direction-hero h1{margin:40px 0 22px;font-size:clamp(44px,14vw,58px);line-height:1.02}
  .direction-page .direction-hero>p{font-size:17px}
  .direction-page .direction-cover-copy span,.direction-page .direction-cover-copy strong{font-size:38px}
  .direction-page .direction-intro{padding:82px 0 92px}
  .direction-page .direction-chapter{padding:76px 0}
  .direction-page .direction-chapter h2,.direction-page .direction-section-head h2,.direction-page .direction-finale h2{font-size:32px}
  .direction-page .principle-copy h3{font-size:30px}
  .direction-page .direction-closing strong{font-size:52px}
}

/* Footer download column */
.footer-grid{grid-template-columns:minmax(260px,1.55fr) minmax(90px,.55fr) minmax(105px,.48fr) minmax(220px,1.1fr) minmax(150px,.75fr);gap:clamp(22px,3vw,52px)}
.footer-usecases{transform:none}
.footer-download nav{gap:18px}
@media(max-width:1100px){
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 34px}
  .footer-intro,.footer-usecases{grid-column:1/-1}
  .footer-intro{min-height:0;padding-right:0}
  .footer-intro+.footer-column{padding-left:0}
}
@media(max-width:620px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:46px 24px}
  .footer-intro,.footer-usecases{grid-column:1/-1}
}

/* Download page */
.download-page{background:#000}
.download-page .site-header{position:fixed;top:20px;left:50%;right:auto;width:min(2200px,calc(100vw - 80px));transform:translateX(-50%);border:1px solid rgba(255,255,255,.085);border-radius:16px;background:linear-gradient(105deg,rgba(27,27,28,.46),rgba(10,10,11,.3)),rgba(10,10,11,.34);box-shadow:0 24px 60px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(20px) saturate(0%);-webkit-backdrop-filter:blur(20px) saturate(0%)}
.download-page .site-header .nav{width:100%;height:78px;padding:0 20px 0 26px;gap:clamp(22px,2vw,42px)}
.download-page .site-header .brand-logo{width:94px}
.download-page .site-header .nav-links{flex:1;gap:clamp(14px,1.55vw,34px)}
.download-page .site-header .nav-links>a,.download-page .site-header .nav-menu{font-size:14px}
.download-page .site-header .nav-cta{min-height:48px;padding:0 24px;border:1px solid rgba(255,255,255,.72);border-radius:12px!important;font-size:var(--primary-button-font-size);font-weight:var(--primary-button-font-weight);letter-spacing:var(--primary-button-letter-spacing);background:#f4f4f4}
.download-main{padding:20px 0 0}
.download-showcase{position:relative;width:min(1600px,calc(100vw - 32px));min-height:1040px;margin:0 auto;padding:166px clamp(24px,6vw,94px) 92px;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 50% 10%,rgba(102,229,255,.16),transparent 34%),radial-gradient(circle at 8% 72%,rgba(102,229,255,.06),transparent 28%),#080a0b}
.download-showcase::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.download-hero-content{position:relative;z-index:1;max-width:760px;margin:0 auto;text-align:center}
html[lang="ja"] .download-hero-content{max-width:1200px}
.download-app-icon{width:72px;height:72px;margin:0 auto 24px;display:block;overflow:hidden}
.download-app-icon img{height:72px;width:auto;max-width:none;display:block}
.download-hero-content h1{margin:0 0 20px;font-size:clamp(46px,5.4vw,74px);font-weight:400;line-height:1.08;letter-spacing:-.06em}
html[lang="ja"] .download-hero-content h1{font-size:clamp(18px,5vw,74px);white-space:nowrap}
.download-hero-content p{max-width:620px;margin:0 auto;color:#9ba2a4;font-size:19px;line-height:1.55}
.download-hero-cta{min-height:58px;margin-top:40px;padding:0 30px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:#090a0a;background:#f4f6f6;font-size:var(--primary-button-font-size);font-weight:var(--primary-button-font-weight);letter-spacing:var(--primary-button-letter-spacing);box-shadow:0 16px 44px rgba(0,0,0,.28)}
.download-hero-cta:hover{background:#fff;transform:translateY(-2px)}
.download-hero-note{display:block;margin-top:22px;color:#737b7d;font-size:14px}
.download-panels{position:relative;z-index:1;width:min(1280px,100%);margin:96px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(52px,7vw,110px)}
.download-choice-panel{min-width:0;background:transparent}
.download-choice-panel h2{margin:0;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.13);font-size:20px;font-weight:500;line-height:1.25;letter-spacing:-.025em}
.download-ipad-group{margin-top:clamp(52px,7vw,110px)}
.download-platform-row{position:relative;scroll-margin-top:130px;min-height:112px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.13)}
.download-anchor-alias{position:absolute;top:-120px}
.download-platform-name{min-width:0;display:flex;align-items:center;gap:16px}
.download-platform-name strong{font-size:21px;font-weight:400;white-space:nowrap;overflow-wrap:normal;word-break:keep-all}
.download-platform-name strong span{color:#9ba0a2}
.download-platform-icon{width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;color:#7b7d80}
.download-platform-icon svg{width:30px;height:30px;display:block;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.download-platform-icon img{width:30px;height:30px;display:block}
.download-platform-icon .download-stroke-icon{fill:none}
.download-platform-row>a,.download-platform-actions a,.download-platform-actions button{min-height:44px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;color:#c8cbcd;background:transparent;font-size:18px;font-weight:400;white-space:nowrap;cursor:pointer;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.download-platform-row>a:hover,.download-platform-actions a:hover,.download-platform-actions button:hover,.download-platform-row>a:focus-visible,.download-platform-actions a:focus-visible,.download-platform-actions button:focus-visible{color:#fff;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transform:translateY(-1px)}
.download-platform-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.download-qr-dialog{width:min(380px,calc(100vw - 32px));max-width:none;padding:30px 26px 26px;border:1px solid rgba(255,255,255,.16);border-radius:20px;color:#f5f7f7;background:#121718;box-shadow:0 24px 80px rgba(0,0,0,.65);text-align:center}
.download-qr-dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(5px)}
.download-qr-dialog h2{margin:0 24px 22px;font-size:22px;font-weight:500}
.download-qr-dialog img{width:min(240px,100%);height:auto;display:block;margin:0 auto 24px;border-radius:8px;image-rendering:pixelated}
.download-qr-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border:0;border-radius:50%;color:#b6bec0;background:transparent;font-size:28px;line-height:1;cursor:pointer}
.download-qr-close:hover,.download-qr-close:focus-visible{color:#fff;background:rgba(255,255,255,.1)}
.download-qr-store{min-height:42px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#080a0a;background:#f4f6f6;font-size:15px}
.download-page .mega-footer{margin-top:18px}
@media(max-width:1100px){
  .download-page .site-header{top:18px;width:calc(100vw - 68px)}
  .download-page .site-header .nav{width:100%;padding:0 22px 0 26px}
  .download-showcase{padding-top:150px}
}
/* Two columns only where every row fits beside its buttons (the Japanese labels are the longest). */
@media(max-width:1060px){
  .download-showcase{min-height:0;padding-bottom:54px}
  .download-panels{grid-template-columns:1fr;margin-top:68px;gap:62px}
}
@media(max-width:620px){
  .download-main{padding-top:14px}
  .download-page .site-header{top:14px;width:calc(100vw - 28px)}
  .download-page .site-header .nav{height:72px;padding:0 14px 0 18px}
  .download-page .site-header .brand-logo{width:86px}
  .download-showcase{width:calc(100vw - 14px);padding:126px 14px 34px;border-radius:20px}
  .download-hero-content h1{font-size:44px}
  .download-hero-content p{font-size:17px}
  .download-panels{margin-top:56px;gap:12px}
  .download-choice-panel{padding:0 6px}
  .download-choice-panel+.download-choice-panel{margin-top:48px}
  .download-ipad-group{margin-top:48px}
  .download-choice-panel h2{padding:0 4px 20px;font-size:19px}
  .download-platform-row{min-height:92px;padding:0 4px;gap:12px}
  .download-platform-name{gap:10px}
  .download-platform-name strong{font-size:17px;white-space:normal}
  .download-platform-icon{width:28px;height:28px;flex-basis:28px}
  .download-platform-icon svg{width:25px;height:25px}
  .download-platform-icon img{width:25px;height:25px}
  .download-platform-row>a,.download-platform-actions a,.download-platform-actions button{min-height:40px;padding:7px 9px;font-size:15px}
  .download-platform-actions{min-width:0;flex-wrap:wrap;gap:2px}
  html[lang="ja"] .download-hero-content h1{font-size:clamp(28px,8.6vw,40px);line-height:1.2;white-space:normal;word-break:keep-all}
}

/* Shared translucent navigation dropdowns */
.site-header .nav-menu-panel{
  top:38px;
  left:0;
  width:208px;
  padding:10px;
  gap:3px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:14px;
  background:#0b0c0d;
  box-shadow:0 24px 64px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.site-header .nav-menu-panel a{min-height:46px;padding:0 13px;border-radius:9px;color:#aeb4b6;font-size:15px}
.site-header .nav-menu-panel a:hover,.site-header .nav-menu-panel a:focus-visible{color:#fff;background:rgba(255,255,255,.055)}
.site-header .nav-menu-usecases .nav-menu-panel{
  left:0;
  right:auto;
  width:340px;
  padding:8px;
  border-color:rgba(255,255,255,.065);
  background:#0b0c0d;
}
.site-header .nav-menu-usecases .nav-menu-panel a{min-height:42px;padding:0 12px;font-size:14px;line-height:1.35}
@media(max-width:1180px){.site-header .nav-menu-usecases .nav-menu-panel{left:0;right:auto}}

/* Detail pages keep the same floating 06 header as the home page. */
.resource-page .site-header,
.use-case-detail .site-header,
.use-cases-index .site-header{
  position:fixed;
  top:20px;
  left:50%;
  right:auto;
  width:min(2200px,calc(100vw - 80px));
  margin:0;
  transform:translateX(-50%);
  border:1px solid rgba(255,255,255,.085);
  border-radius:16px;
  background:linear-gradient(105deg,rgba(27,27,28,.46),rgba(10,10,11,.3)),rgba(10,10,11,.34);
  box-shadow:0 24px 60px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(20px) saturate(0%);
  -webkit-backdrop-filter:blur(20px) saturate(0%);
}
.resource-page .site-header .nav,
.use-case-detail .site-header .nav,
.use-cases-index .site-header .nav{width:100%;height:78px;padding:0 20px 0 26px;gap:clamp(22px,2vw,42px)}
.resource-page .site-header .brand-logo,
.use-case-detail .site-header .brand-logo,
.use-cases-index .site-header .brand-logo{width:94px}
.resource-page .site-header .nav-links,
.use-case-detail .site-header .nav-links,
.use-cases-index .site-header .nav-links{flex:1;gap:clamp(14px,1.55vw,34px)}
.resource-page .site-header .nav-links>a,
.resource-page .site-header .nav-menu,
.use-case-detail .site-header .nav-links>a,
.use-case-detail .site-header .nav-menu,
.use-cases-index .site-header .nav-links>a,
.use-cases-index .site-header .nav-menu{font-size:14px}
.resource-page .site-header .nav-login,
.use-case-detail .site-header .nav-login,
.use-cases-index .site-header .nav-login{margin-left:auto;color:#d6d6d9;font-weight:500}
.resource-page .site-header .nav-cta,
.use-case-detail .site-header .nav-cta,
.use-cases-index .site-header .nav-cta{min-height:48px;padding:0 24px;border:1px solid rgba(255,255,255,.72);border-radius:12px!important;background:#f4f4f4}
@media(max-width:1100px){
  .resource-page .site-header,
  .use-case-detail .site-header,
  .use-cases-index .site-header{top:14px;width:calc(100vw - 28px)}
  .resource-page .site-header .nav,
  .use-case-detail .site-header .nav,
  .use-cases-index .site-header .nav{height:72px;padding:0 14px 0 18px}
}

/* Shared primary-button typography */
.site-header .nav-links>a.nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:var(--primary-button-font-size);
  font-weight:var(--primary-button-font-weight);
  line-height:1;
  letter-spacing:var(--primary-button-letter-spacing);
  white-space:nowrap;
}

/* About page */
.about-page{background:#000;color:#f3f5f5}
.about-page main{overflow:hidden}
.about-page .site-header{position:fixed;top:20px;left:50%;right:auto;width:min(2200px,calc(100vw - 80px));transform:translateX(-50%);border:1px solid rgba(255,255,255,.085);border-radius:16px;background:linear-gradient(105deg,rgba(27,27,28,.46),rgba(10,10,11,.3)),rgba(10,10,11,.34);box-shadow:0 24px 60px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(20px) saturate(0%);-webkit-backdrop-filter:blur(20px) saturate(0%)}
.about-page .site-header .nav{width:100%;height:78px;padding:0 20px 0 26px;gap:clamp(22px,2vw,42px)}
.about-page .site-header .brand-logo{width:94px}
.about-page .site-header .nav-links{flex:1;gap:clamp(14px,1.55vw,34px)}
.about-page .site-header .nav-links>a,.about-page .site-header .nav-menu{font-size:14px}
.about-page .site-header .nav-links>a.nav-cta{font-size:var(--primary-button-font-size)}
.about-page .site-header .nav-cta{min-height:48px;padding:0 24px;border:1px solid rgba(255,255,255,.72);border-radius:12px!important;background:#f4f4f4}
.about-hero{width:min(728px,calc(100vw - 48px));margin:0 auto;padding:158px 0 64px}
.about-kicker{display:block;margin-bottom:30px;color:#777d7f;font-size:14px;font-weight:450;letter-spacing:-.01em}
.about-hero h1{max-width:720px;margin:0;font-size:52px;font-weight:450;line-height:1.15;letter-spacing:-.045em;word-break:keep-all}
.about-hero-copy{max-width:680px;margin-top:30px}
.about-hero-copy p,.about-copy p{margin:0 0 22px;color:#aeb4b6;font-size:16px;line-height:2;letter-spacing:-.01em;word-break:keep-all}
.about-media{margin:0;overflow:hidden;border-radius:18px;background:#0c0d0e}
.about-media img{width:100%;height:100%;display:block;object-fit:cover}
.about-media-wide{width:min(900px,calc(100vw - 32px));height:auto;aspect-ratio:16/9;margin:0 auto}
.about-story{width:min(728px,calc(100vw - 48px));margin:0 auto}
.about-section{padding:102px 0}
.about-intro{display:block;padding-top:84px;padding-bottom:0}
.about-heading{display:block;margin-bottom:42px}
.about-heading>span{display:block;margin-bottom:18px;color:#6ce5fb;font-size:13px;font-weight:500;letter-spacing:.07em;text-transform:uppercase}
.about-heading h2,.about-minimalism-title h2{max-width:680px;margin:0;font-size:32px;font-weight:500;line-height:1.35;letter-spacing:-.035em;word-break:keep-all}
.about-chapter>.about-copy{max-width:none;margin:0}
.about-lead{color:#edf1f2!important;font-size:20px!important;line-height:1.7!important}
.about-media-feature{width:min(900px,calc(100vw - 32px));height:auto;aspect-ratio:16/10;margin:76px 50%;transform:translateX(-50%)}
.about-why .about-media-feature{aspect-ratio:1/1}
.about-why .about-media-feature img{object-fit:contain}
.about-copy-offset{max-width:none;margin:0!important}
.about-subchapter{margin-top:102px;display:block}
.about-subchapter h3{margin:0 0 34px;font-size:24px;font-weight:500;line-height:1.35;letter-spacing:-.03em;word-break:keep-all}
.about-calendar-grid{width:min(900px,calc(100vw - 32px));margin:72px 50% 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;transform:translateX(-50%)}
.about-calendar-grid img{width:100%;aspect-ratio:3/4;display:block;object-fit:cover;border-radius:14px;background:#101112}
.about-minimalism{position:relative}
.about-minimalism-title{display:block;margin-bottom:42px}
.about-minimalism-title>span{display:block;margin-bottom:18px;color:#6ce5fb;font-size:13px;font-weight:500;letter-spacing:.07em;text-transform:uppercase}
.about-minimalism blockquote{max-width:680px;margin:0 auto;padding:62px 0;text-align:center}
.about-minimalism blockquote p{margin:0 0 22px;color:#edf2f3;font-size:32px;font-weight:450;line-height:1.45;letter-spacing:-.04em;word-break:keep-all}
.about-minimalism blockquote cite{color:#777e80;font-size:15px;font-style:normal}
.about-author{width:144px;height:144px;margin:18px auto 76px;overflow:hidden;border-radius:50%;filter:grayscale(1)}
.about-author img{width:100%;height:100%;display:block;object-fit:cover}
.about-minimalism>.about-copy{max-width:none;margin:0}
.about-finale{padding-bottom:80px}
.about-finale>.about-copy{max-width:none;margin:0}
.about-cta{min-height:54px;margin:48px 0 0;padding:0 28px;display:flex;width:max-content;align-items:center;justify-content:center;border-radius:10px;color:#070808;background:#f4f6f6;font-size:var(--primary-button-font-size);font-weight:var(--primary-button-font-weight);letter-spacing:var(--primary-button-letter-spacing);transition:transform .2s,box-shadow .2s}
.about-cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(255,255,255,.1)}
.about-page .mega-footer{margin-top:120px}
.about-why{position:relative;isolation:isolate}
.about-why::before{content:"";position:absolute;inset:28px -18vw;z-index:-2;pointer-events:none;background:radial-gradient(circle 270px at 50% 42%,rgba(102,229,255,.14),rgba(102,229,255,.045) 44%,transparent 72%);opacity:.38}
.about-why::after{content:"";position:absolute;inset:9% -8% 8%;z-index:-3;pointer-events:none;background:linear-gradient(115deg,transparent 10%,rgba(102,229,255,.025) 44%,transparent 76%);filter:blur(20px)}
.about-why>.about-heading,.about-why>.about-copy,.about-why>.about-media{position:relative;z-index:1}

/* Localized Resources: Direction, Craft, Base */
.resource-page{background:#000;color:#f4f6f6}
.resource-page main{min-height:70vh;overflow:hidden}
.resource-page-heading{width:min(728px,calc(100vw - 48px));margin:0 auto;padding:158px 0 64px}
.resource-breadcrumb{display:block;margin-bottom:30px;color:#777d7f;font-size:14px;letter-spacing:-.01em}
.resource-page-heading h1{max-width:720px;margin:0;font-size:52px;font-weight:450;line-height:1.15;letter-spacing:-.045em;word-break:keep-all}
.resource-page-heading>p{max-width:680px;margin:30px 0 0;color:#aeb4b6;font-size:18px;line-height:1.72;letter-spacing:-.015em;word-break:keep-all}
.resource-hero-media{position:relative;width:min(900px,calc(100vw - 32px));margin:0 auto 92px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#0b0c0d;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.48)}
.resource-hero-media::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.resource-hero-media img{width:100%;height:auto;max-height:620px;display:block;object-fit:cover}
.resource-source{width:min(728px,calc(100vw - 48px));margin:0 auto;padding:0 0 158px}
.resource-source>div,.resource-source>div>div,.resource-source .craft-main,.resource-source ._10x{display:block}
.resource-source .company-body,.resource-source .company-body-{margin:0 0 22px;color:#aeb4b6;font-size:16px;line-height:2;letter-spacing:-.01em}
.resource-source .company-body-{margin:52px 0;padding:28px 0;border-top:1px solid rgba(102,229,255,.35);border-bottom:1px solid rgba(102,229,255,.16);color:#cef8ff;font-size:19px;line-height:1.72}
.resource-source .company-h{margin:102px 0 40px;color:#f3f5f5;font-size:32px;font-weight:500;line-height:1.35;letter-spacing:-.035em;word-break:keep-all}
.resource-source .div-block-31127{height:26px}
.resource-source a{color:#8eeeff;text-decoration:underline;text-decoration-color:rgba(102,229,255,.35);text-underline-offset:4px}
.resource-source .div-block-31128-copy{position:relative;width:min(900px,calc(100vw - 32px));margin:28px 50%;padding:38px 42px;display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px 30px;border:1px solid rgba(255,255,255,.085);border-radius:14px;background:#0b0c0d;overflow:hidden;transform:translateX(-50%)}
.resource-source .div-block-31128-copy .div-block-31131{grid-column:1;grid-row:1 / span 2}
.resource-source .div-block-31128-copy .div-block-31129{grid-column:2;align-self:center}
.resource-source .div-block-31128-copy>._10x{grid-column:2;margin-top:18px}
.resource-source .image-30{width:82px;height:82px;display:block;object-fit:contain;opacity:.68}
.resource-source .company-h-3principles{margin:0 0 8px;color:#f3f5f5;font-size:30px;font-weight:450;line-height:1.1;letter-spacing:-.035em}
.resource-source .company-h-small-sub{margin:0;color:#71e7ff;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.01em}
.resource-source .image-33{width:min(900px,calc(100vw - 32px));max-width:none;margin:60px 50%;border:1px solid rgba(255,255,255,.085);border-radius:14px;background:#0b0c0d;transform:translateX(-50%)}
.resource-source-craft .company-h,.resource-source-base .company-h{padding-top:4px}
[lang="ko"] .resource-source{word-break:keep-all}
/* Long Japanese copy in Direction's principle cards must wrap inside the grid column. */
[lang="ja"] .resource-source-direction .div-block-31128-copy>._10x{min-width:0}
[lang="ja"] .resource-source-direction .div-block-31128-copy .company-body{word-break:normal;word-break:auto-phrase;overflow-wrap:anywhere}

@media(max-width:900px){
  .resource-page-heading{padding-top:132px}
  .resource-hero-media{margin-bottom:86px;border-radius:14px}
  .resource-source .div-block-31128-copy{padding:32px}
}
@media(max-width:620px){
  .resource-page-heading{width:calc(100vw - 32px);padding:118px 0 48px}
  .resource-breadcrumb{margin-bottom:24px;font-size:13px}
  .resource-page-heading h1{font-size:40px;line-height:1.16}
  .resource-page-heading>p{margin-top:24px}
  .resource-page-heading>p{font-size:16px;line-height:1.75}
  .resource-hero-media{width:calc(100vw - 20px);margin-bottom:64px;border-radius:12px}
  .resource-source{width:calc(100vw - 32px);padding-bottom:104px}
  .resource-source .company-body,.resource-source .company-body-{font-size:15.5px;line-height:1.85}
  .resource-source .company-body-{margin:38px 0;padding:24px 0;font-size:18px}
  .resource-source .company-h{margin:78px 0 28px;font-size:27px}
  .resource-source .div-block-31128-copy{padding:26px 22px;display:block}
  .resource-source .image-30{width:70px;height:70px;margin-bottom:34px}
  .resource-source .company-h-3principles{font-size:27px}
  .resource-source .div-block-31128-copy>._10x{margin-top:24px}
}

@media(max-width:1100px){
  .about-page .site-header{top:18px;width:calc(100vw - 68px)}
  .about-page .site-header .nav{width:100%;padding:0 22px 0 26px}
  .about-hero{padding-top:148px}
}
@media(max-width:720px){
  .about-page .site-header{top:14px;width:calc(100vw - 28px)}
  .about-page .site-header .nav{height:72px;padding:0 14px 0 18px}
  .about-page .site-header .brand-logo{width:86px}
  .about-hero{width:calc(100vw - 32px);padding:118px 0 48px}
  .about-kicker{margin-bottom:24px;font-size:13px}
  .about-hero h1{font-size:40px;line-height:1.16}
  .about-hero-copy{margin-top:24px}
  .about-hero-copy p,.about-copy p{font-size:15.5px;line-height:1.85}
  .about-media-wide{width:calc(100vw - 20px);min-height:0;border-radius:12px}
  .about-story{width:calc(100vw - 32px)}
  .about-section{padding:78px 0}
  .about-intro{padding-top:64px}
  .about-heading,.about-minimalism-title{margin-bottom:34px}
  .about-heading h2,.about-minimalism-title h2{font-size:27px}
  .about-media-feature{width:calc(100vw - 20px);height:auto;min-height:0;margin-top:58px;margin-bottom:58px}
  .about-subchapter{margin-top:78px}
  .about-subchapter h3{font-size:23px}
  .about-calendar-grid{width:calc(100vw - 20px);margin-top:56px;grid-template-columns:repeat(2,1fr);gap:8px}
  .about-minimalism blockquote{padding:46px 4px}
  .about-minimalism blockquote p{font-size:26px}
  .about-author{width:120px;height:120px;margin-bottom:58px}
  .about-cta{margin-left:0}
  .about-page .mega-footer{margin-top:64px}
}

/* Footer social icons */
.socials{align-items:center}
.socials a{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;opacity:.82;transition:opacity .2s ease,transform .2s ease}
.socials a:hover{opacity:1;transform:translateY(-1px)}
.socials img{width:24px;height:24px;display:block}

/* Editorial pages: align imagery with the reading column. */
.about-media-wide,
.about-media-feature,
.about-calendar-grid,
.resource-hero-media,
.resource-source .image-33,
.resource-source .div-block-31128-copy,
.case-media-lead{width:min(728px,calc(100vw - 48px))}
.case-media-product{left:auto;width:100%;transform:none}

@media(max-width:620px){
  .about-media-wide,
  .about-media-feature,
  .about-calendar-grid,
  .resource-hero-media,
  .resource-source .image-33,
  .resource-source .div-block-31128-copy,
  .case-media-lead{width:calc(100vw - 32px)}
  .case-media-product{width:100%}
}

/* Keep floating headers anchored as the viewport changes size. */
.site-header .nav-links > a:not(.nav-cta),
.site-header .nav-menu{font-weight:450}
.site-header .nav-menu summary{gap:4px;line-height:1}
.site-header .nav-menu summary::after{width:16px;height:16px}

.direction-page .site-header,
.download-page .site-header,
.resource-page .site-header,
.use-case-detail .site-header,
.use-cases-index .site-header,
.about-page .site-header{
  top:20px;
  left:clamp(14px,2vw,40px);
  right:clamp(14px,2vw,40px);
  width:auto;
  transform:none;
}

/* Give wrapped Korean display titles enough space between lines. */
html[lang="ko"] .use-cases-hero h1,
html[lang="ko"] .use-cases-list h2,
html[lang="ko"] .case-hero h1,
html[lang="ko"] .direction-page .direction-hero h1,
html[lang="ko"] .download-hero-content h1{
  line-height:1.2;
}

/* Legal copy is hosted within the brand site instead of linking to Webflow. */
.footer-intro > p:last-of-type{white-space:pre-line}
.footer-bottom{align-items:center}
.footer-legal{align-items:center}
.footer-legal a{display:inline-flex;align-items:center;min-height:24px;line-height:1.5}
@media(max-width:620px){.footer-bottom{align-items:flex-start}}
.legal-page main{overflow:visible}
.legal-main{width:min(900px,calc(100vw - 48px));min-height:70vh;margin:0 auto;padding:158px 0 100px}
.legal-article{overflow-wrap:anywhere}
.legal-article h1{margin:0 0 34px;font-size:clamp(40px,5vw,60px);font-weight:450;line-height:1.15;letter-spacing:-.045em}
.legal-article h2{margin:68px 0 22px;font-size:clamp(25px,3vw,32px);font-weight:500;line-height:1.3}
.legal-article h3{margin:38px 0 16px;font-size:21px;font-weight:500;line-height:1.4}
.legal-article p,.legal-article li{color:#aeb4b6;font-size:16px;line-height:1.85}
.legal-article p{margin:0 0 22px}
.legal-article ul{margin:0 0 26px;padding-left:25px}
.legal-article li+li{margin-top:9px}
.legal-article strong{color:#e2e6e7;font-weight:600}
@media(max-width:620px){
  .legal-main{width:calc(100vw - 32px);padding:124px 0 72px}
  .legal-article p,.legal-article li{font-size:15px}
}
/* Japanese pages use Pretendard only for Latin text ("Pretendard Latin") and Japanese system fonts for kana and kanji. */
html[lang="ja"] body{font-family:"Pretendard Latin",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,"Noto Sans JP",sans-serif}
/* Japanese has no spaces between words: keep-all leaves whole sentences unbreakable and they overflow on phones. */
html[lang="ja"] :is(.page-hero h1,.page-hero p,.about-hero h1,.about-hero-copy p,.about-copy p,.about-heading h2,.about-minimalism-title h2,.about-subchapter h3,.about-minimalism blockquote p,.resource-page-heading h1,.resource-page-heading>p,.resource-source .company-h){word-break:normal;word-break:auto-phrase;line-break:strict;overflow-wrap:anywhere}
html[lang="ja"] :is(.page-hero h1,.about-hero h1,.about-heading h2,.about-minimalism-title h2,.about-subchapter h3,.resource-page-heading h1,.resource-source .company-h){word-break:auto-phrase}
html[lang="ko"] .download-hero-content h1,html[lang="ko"] .download-hero-content>p{word-break:keep-all}
html[lang="ja"] .footer-about a,html[lang="ja"] .footer-download a{white-space:nowrap}
@media(min-width:1101px){html[lang="ja"] .footer-grid{grid-template-columns:minmax(260px,1.55fr) minmax(110px,.55fr) minmax(105px,.48fr) minmax(220px,1.1fr) minmax(150px,.75fr)}}
.resource-source .image-33{aspect-ratio:1408/768;height:auto}
/* Korean breaks lines between words, never inside one; Japanese between phrases. */
html[lang="ko"] body{word-break:keep-all;overflow-wrap:break-word}
html[lang="ja"] body{word-break:normal;word-break:auto-phrase;overflow-wrap:anywhere}
/* Hero titles may carry an explicit line break (e.g. the Japanese changelog title). */
.page-hero h1{white-space:pre-line}
/* Avoid a lone word or syllable on the last line. :where() keeps this below every designed text-wrap rule. */
:where(h1,h2,h3,h4,blockquote,.eyebrow,.kicker){text-wrap:balance}
:where(p,li,figcaption,dd){text-wrap:pretty}
/* One block per sentence in short multi-sentence copy (rendered by the i18n scripts). */
.text-line{display:block}
/* Korean/Japanese changelog dates stay on one line. */
html:not([lang="en"]) .post-row time{white-space:nowrap}
@media(min-width:621px) and (max-width:900px){html:not([lang="en"]) .post-row{grid-template-columns:120px 1fr}}
.footer-usecases a,.shell-mobile-links a{text-wrap:balance}
/* Japanese use-case titles: keep 「…時の」 from taking a line of its own on phones. */
@media(max-width:620px){html[lang="ja"] .case-hero h1{font-size:min(40px,10.4vw)}}