.header-actions{display:flex;align-items:center;gap:20px}.language-menu{position:relative;font-size:12px;z-index:40;white-space:nowrap}.language-menu summary{list-style:none;display:flex;gap:7px;align-items:center;cursor:pointer;min-height:44px;padding:8px 10px;border:1px solid #dfe2df;border-radius:22px;background:#ffffff70}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary svg{width:17px;height:17px}.language-menu summary:after{content:'⌄';margin-left:3px}.language-menu nav{position:absolute;right:0;top:calc(100% + 8px);width:210px;display:grid!important;gap:2px!important;padding:9px;background:#fff;border:1px solid #e5e7ec;border-radius:18px;box-shadow:0 15px 50px #182c4920;max-height:min(75vh,510px);overflow-y:auto}.language-menu nav a{padding:9px 12px;min-height:38px;font-size:13px;border-radius:10px;display:flex;align-items:center;justify-content:space-between}.language-menu nav a[aria-current=true]{background:#eff2ff;color:#385ce0}.language-menu nav a[aria-current=true]:after{content:'✓'}.language-menu nav a:hover{background:#f3f4f6}.site-header{gap:24px}.site-header>nav{gap:24px}.hero-heading h1{white-space:normal;font-size:clamp(66px,10vw,150px);line-height:1.02;text-wrap:balance}.hero-heading h1 em{white-space:normal}.hero-subline{gap:20px}.hero-subline p{max-width:70%}.hero-heading h1,.chapter-heading h2,.feature-copy h3,.duo-copy h2,.platform-intro h2{overflow-wrap:break-word}h1,h2,h3{text-wrap:balance}.view-switch{flex-shrink:0}.view-switch button{white-space:normal}.reveal-controls{flex-wrap:wrap}.morph-steps button{padding-inline:16px}.np-card-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.morph-instruction{max-width:420px}.mobile-story:not([data-phase=cramped]) .morph-instruction{font-size:14px;max-width:400px}.mobile-story:not([data-phase=cramped]) .morph-action{left:auto;right:7px;max-width:225px;font-size:11px}.np-search{white-space:nowrap}.np-filter-pills{flex-wrap:wrap}.np-library-heading h3{font-size:28px}.np-narrow .np-library-heading h3{font-size:23px}.footer-top{justify-content:space-between}.footer-top p{margin-left:auto}.legal-content p{overflow-wrap:break-word}
html:lang(zh),html:lang(ja),html:lang(ko){--font:'Manrope',-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans','Noto Sans CJK SC','Malgun Gothic',sans-serif}html:lang(zh) h1,html:lang(zh) h2,html:lang(zh) h3,html:lang(ja) h1,html:lang(ja) h2,html:lang(ja) h3,html:lang(ko) h1,html:lang(ko) h2,html:lang(ko) h3{letter-spacing:-.045em;line-height:1.2;word-break:keep-all}html:lang(zh) .hero-heading h1,html:lang(ja) .hero-heading h1,html:lang(ko) .hero-heading h1{font-size:clamp(56px,8.5vw,125px)}
@media(max-width:1050px){.site-header>nav{gap:18px}.header-actions{gap:12px}.hero-heading h1{font-size:10vw}.header-status{font-size:11px}.feature-copy h3{font-size:clamp(35px,4.4vw,58px)}}
@media(max-width:760px){.site-header{gap:8px}.header-actions{gap:7px}.header-status{display:none}.language-menu summary{font-size:11px;padding:7px 11px}.hero-heading h1{font-size:15vw;line-height:1.05}.hero-heading h1 em{display:block}.hero-subline p{max-width:none}.reveal-controls .view-switch{flex-shrink:1;max-width:100%}.view-switch button{padding:10px 16px}.platform-note{max-width:100%}.feature-copy h3{font-size:42px}.morph-steps button{font-size:11px;padding-inline:8px}.morph-steps button span{display:block}.chapter-heading h2{font-size:40px}.hero-subline{flex-wrap:wrap}.mobile-story-heading h2{font-size:38px}.room-demo-title>span{max-width:90px}.mode-dropdown b{font-size:13px}.mode-dropdown small{font-size:11px}.duo-copy h2{font-size:42px}.footer-top{flex-wrap:wrap}.footer-top p{margin:0}.scene-caption{font-size:12px}html:lang(zh) .hero-heading h1,html:lang(ja) .hero-heading h1,html:lang(ko) .hero-heading h1{font-size:14.4vw;line-height:1.25}.hero-heading .eyebrow{line-height:1.8;max-width:100%}}
/* Keep punctuation attached to display headlines in longer languages. */
@media(max-width:760px){.hero-heading h1 em{white-space:nowrap;font-size:.94em}html:lang(de) .hero-heading h1 em,html:lang(es) .hero-heading h1 em,html:lang(pt) .hero-heading h1 em{font-size:.83em}html:lang(ja) .hero-heading h1 em{font-size:.84em}.callout-clear{right:115px}.callout-read{left:115px}}