.home-experience .home-head__title{text-wrap:balance}.translation-story__intro{gap:var(--sp-6);align-items:center;display:grid}.translation-story__copy{min-inline-size:0}.translation-story__points{gap:var(--sp-3);font-size:var(--fs-meta);margin-block-start:var(--sp-5);font-weight:600;display:grid}.translation-story__points li{gap:var(--sp-2);align-items:center;display:flex}.translation-story__points .icon{color:var(--accent)}.conversation-demo__locale{display:none}.product-proof{border-block:1px solid var(--line);margin-block-start:var(--sp-5)}.product-proof>summary{justify-content:space-between;gap:var(--sp-4);padding-block:var(--sp-4);cursor:pointer;color:var(--muted);font-size:var(--fs-meta);display:flex}.product-proof>summary::marker{content:""}.product-proof[open]>summary .icon{transform:rotate(180deg)}.product-proof .showcase__shots{max-inline-size:var(--text-max);margin-block-end:var(--sp-5);margin-inline:auto}.product-proof .showcase__pair{max-inline-size:var(--text-max)}.home-experience .diff-set{border:0;min-inline-size:0;margin:0;padding:0}.diff-controls{gap:var(--sp-2);flex-wrap:wrap;margin-block-end:var(--sp-5);display:flex}.diff-control{cursor:pointer;position:relative}.diff-control input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute}.diff-control span{padding:var(--sp-3) var(--sp-5);border:1px solid var(--line);border-radius:var(--r-full);transition:background-color var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);font-weight:600;display:block}.diff-control:has(input:checked) span{background:var(--brand-glass-fill);background-image:var(--brand-glass-sheen);color:var(--on-brand);border-color:var(--brand-glass-edge);box-shadow:var(--brand-glass-shadow)}.diff-control:has(input:focus-visible) span{outline:2px solid var(--accent);outline-offset:var(--sp-1)}.diff-stage{display:grid}.diff-set--interactive .diff-card{visibility:hidden;opacity:0;transition:opacity var(--dur-base) var(--ease);grid-area:1/1;align-content:center}.diff-set--interactive:has(input[value="0"]:checked) [data-example="0"],.diff-set--interactive:has(input[value="1"]:checked) [data-example="1"],.diff-set--interactive:has(input[value="2"]:checked) [data-example="2"]{visibility:visible;opacity:1}.home-experience .diff-card__row--natilo dd{font-size:var(--fs-display-sm);text-wrap:balance}.home-experience .diff-note{text-align:start;margin-block-start:var(--sp-4)}.home-experience .live{background:var(--surface);gap:var(--sp-6);padding-block:var(--section-space)}.home-experience .live__ui{background:var(--bg);border:1px solid var(--line)}.home-experience .live__seen .live__bubble{font-size:var(--fs-read-h);background:var(--surface)}.live__more-languages{margin-block-start:var(--sp-3)}.live__more-languages summary{cursor:pointer;font-size:var(--fs-meta);color:var(--muted)}.live__more-languages[open] .live__chips{margin-block-start:var(--sp-3)}.home-experience .supporting-features{padding-block-start:0}.supporting-features>.feature-grid{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr))}:where(.supporting-features>.feature-grid)>.feature{padding:var(--sp-5);background:var(--bg);border-radius:var(--r-lg)}.storage-details{border-block:1px solid var(--line);margin-block-start:var(--sp-5)}.storage-details>summary{padding-block:var(--sp-4);cursor:pointer;font-weight:600}.storage-details>summary span+span{color:var(--muted);font-size:var(--fs-meta);margin-inline-start:var(--sp-4);font-weight:400}.storage-details>.feature-grid{padding-block:var(--sp-5)}.use-stories{border-block-start:1px solid var(--line)}.use-stories__grid{gap:var(--sp-5);display:grid}.use-story{border-radius:var(--r-xl);background:var(--surface);overflow:hidden}.use-story .feature-grid{gap:var(--sp-5);padding:var(--sp-5);grid-template-columns:1fr;display:grid}.use-story .feature{gap:var(--sp-1) var(--sp-3);grid-template-columns:auto 1fr;display:grid}.use-story .feature__icon{grid-row:span 2}.use-story .feature h3{margin:0}.use-story .feature p{grid-column:2;margin:0}.use-story .feature:hover{box-shadow:none}.home-experience .steps{counter-reset:start-step;border:1px solid var(--line);border-radius:var(--r-xl)}.home-experience .steps__field{counter-increment:start-step;min-block-size:0;padding:var(--sp-5);gap:var(--sp-3)}.home-experience .steps__field:before{content:"0" counter(start-step);font-variant-numeric:tabular-nums;font-size:var(--fs-meta);color:var(--muted)}.home-experience .steps__field--last:before{color:var(--brand)}.home-experience .steps__more{padding-block-start:var(--sp-4)}.home-experience .feature-bundle{margin-block-start:var(--section-space)}@media (width>=960px){.translation-story__intro{gap:var(--space-xl);grid-template-columns:minmax(0,11fr) minmax(0,10fr)}.use-stories__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-experience .live__copy{max-inline-size:var(--text-measure)}}@media (width<=599px){.home-experience .diff-card__row--natilo dd{font-size:var(--fs-read-h)}.supporting-features>.feature-grid{grid-template-columns:1fr}.storage-details>summary span+span{margin-block-start:var(--sp-1);margin-inline-start:var(--sp-4);display:block}}@media (prefers-reduced-motion:reduce){.diff-control span,.diff-set--interactive .diff-card{transition:none}}html[data-lang=ko] [data-demo-locale=ko],html[data-lang=en] [data-demo-locale=en],html[data-lang=ja] [data-demo-locale=ja],html[data-lang=zh-Hans] [data-demo-locale=zh-Hans],html[data-lang=zh-Hant] [data-demo-locale=zh-Hant],html[data-lang=es] [data-demo-locale=es],html[data-lang=fr] [data-demo-locale=fr],html[data-lang=de] [data-demo-locale=de],html[data-lang=it] [data-demo-locale=it],html[data-lang=pt-BR] [data-demo-locale=pt-BR],html[data-lang=nl] [data-demo-locale=nl],html[data-lang=pl] [data-demo-locale=pl],html[data-lang=ru] [data-demo-locale=ru],html[data-lang=uk] [data-demo-locale=uk],html[data-lang=tr] [data-demo-locale=tr],html[data-lang=ar] [data-demo-locale=ar],html[data-lang=hi] [data-demo-locale=hi],html[data-lang=th] [data-demo-locale=th],html[data-lang=vi] [data-demo-locale=vi],html[data-lang=id] [data-demo-locale=id],html:not([data-lang]) [data-demo-locale=ko]{display:block}.conversation-demo{padding:var(--sp-5);background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden}.conversation-demo__messages{gap:var(--sp-5);margin:0;padding:0;list-style:none;display:grid}.conversation-demo__row{--message-order:0;gap:var(--sp-2);--message-delay:calc(var(--message-order) * var(--dur-typing));align-items:start;padding-inline-end:var(--sp-5);display:flex}.conversation-demo__row:nth-child(2){--message-order:2}.conversation-demo__row:nth-child(3){--message-order:3}.conversation-demo__row:nth-child(4){--message-order:4}.conversation-demo__row--out{padding-inline:var(--space-xl) 0;justify-content:end}.conversation-demo__avatar{flex:0 0 var(--sp-6);block-size:var(--sp-6);border-radius:var(--r-full);background:var(--avatar-bg);color:var(--avatar-fg);place-items:center;margin-block-start:var(--sp-5);display:grid}.conversation-demo__avatar svg{block-size:76%;inline-size:76%}.conversation-demo__body{min-inline-size:0}.conversation-demo__name{font-size:var(--fs-caption);color:var(--muted);margin-block-end:var(--sp-1)}.conversation-demo__bubble{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--bubble-in);font-size:var(--fs-body);line-height:var(--lh-meta);border-end-start-radius:var(--r-xs)}.conversation-demo__row--out .conversation-demo__bubble{border-radius:var(--r-md);background:var(--bubble-out);color:var(--on-bubble-out)}.conversation-demo__text{overflow-wrap:anywhere;margin:0;display:grid}.conversation-demo__text>span{grid-area:1/1}.conversation-demo__source-text{visibility:hidden}.conversation-demo__quote{padding:var(--sp-2) var(--sp-3);margin:0 0 var(--sp-4);border-radius:var(--r-xs);background:var(--quote-in-out);color:inherit;font-size:var(--fs-meta);line-height:var(--lh-meta)}.conversation-demo__quote bdi{font-size:var(--fs-caption);font-weight:700;display:block}.conversation-demo__quote p{margin:0}.conversation-demo__meta{align-items:center;gap:var(--sp-2);color:var(--muted);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin-block-start:var(--sp-1);display:flex}.conversation-demo__meta .icon{inline-size:var(--sp-4);block-size:var(--sp-4)}.conversation-demo__row--out .conversation-demo__meta{justify-content:end}.conversation-demo__composer{align-items:center;gap:var(--sp-3);min-block-size:var(--space-xl);padding:var(--sp-2);border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);color:var(--muted);margin-block-start:var(--sp-5);display:flex}.conversation-demo__attach,.conversation-demo__send{flex:0 0 var(--sp-6);block-size:var(--sp-6);border-radius:var(--r-full);background:var(--field);place-items:center;display:grid}.conversation-demo__draft{min-inline-size:0;font-size:var(--fs-meta);overflow-wrap:anywhere;flex:1;display:grid}.conversation-demo__draft>span{grid-area:1/1;align-self:center}.conversation-demo__draft-measure{visibility:hidden}.conversation-demo__composer[data-typing] .conversation-demo__draft{color:var(--text)}.conversation-demo__composer[data-typing] [data-chat-draft]:after{content:"";block-size:1em;vertical-align:text-bottom;border-inline-start:1px solid;margin-inline-start:var(--sp-1);display:inline-block}.conversation-demo__send{transition:background-color var(--dur-base) var(--ease), color var(--dur-base) var(--ease), transform var(--dur-base) var(--ease)}.conversation-demo__composer:is([data-typing],[data-sending]) .conversation-demo__send{background:var(--primary);color:var(--on-primary)}.conversation-demo__composer[data-sending] .conversation-demo__send{transform:scale(.9)}.conversation-demo__original-button{align-items:center;gap:var(--sp-1);min-block-size:var(--sp-5);border-radius:var(--r-xs);color:inherit;font:inherit;cursor:pointer;transition:color var(--dur-base) var(--ease), background-color var(--dur-base) var(--ease);background:0 0;border:0;padding:0;display:inline-flex}.conversation-demo button:hover{background:var(--selected);color:var(--text)}.conversation-demo button:focus-visible{outline:2px solid var(--accent);outline-offset:var(--sp-1)}.conversation-demo__original-button[aria-pressed=true]{color:var(--text);text-decoration:underline}.conversation-demo__row[data-original] .conversation-demo__translated{visibility:hidden}.conversation-demo__row[data-original] .conversation-demo__source-text{visibility:visible}.conversation-demo[data-playing] .conversation-demo__row{animation:demo-message-arrive var(--dur-base) var(--ease) var(--message-delay) both}.conversation-demo[data-playing] .conversation-demo__row:not(.conversation-demo__row--out) .conversation-demo__translated{animation:demo-translation-in var(--dur-base) var(--ease) calc(var(--message-delay) + var(--dur-settle)) both}.conversation-demo[data-playing] .conversation-demo__source-text{animation:demo-source-out var(--dur-base) var(--ease) calc(var(--message-delay) + var(--dur-settle)) both}.conversation-demo[data-paused] *{animation-play-state:paused}@keyframes demo-message-arrive{0%{opacity:0;transform:translateY(var(--sp-2))}to{opacity:1;transform:translateY(0)}}@keyframes demo-translation-in{0%{opacity:0}to{opacity:1}}@keyframes demo-source-out{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@media (width<=599px){.conversation-demo{padding:var(--sp-4)}.conversation-demo__messages{gap:var(--sp-4)}.conversation-demo__row{padding-inline-end:0}.conversation-demo__row--out{padding-inline-start:var(--sp-6)}.conversation-demo__bubble{padding:var(--sp-3)}.conversation-demo__original-button{min-block-size:var(--sp-6)}}@media (prefers-reduced-motion:reduce){.conversation-demo[data-playing] .conversation-demo__row,.conversation-demo[data-playing] .conversation-demo__row:not(.conversation-demo__row--out) .conversation-demo__translated,.conversation-demo[data-playing] .conversation-demo__source-text{animation:none}}.example-locale{display:none}.example-heading{gap:var(--sp-4);margin-block-end:var(--sp-6);display:grid}.example-heading .home-head__title{max-inline-size:var(--text-measure)}.example-heading .home-head__lead{max-inline-size:var(--text-max);margin:0}.example-surface{min-inline-size:0;padding:var(--sp-5);background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--r-xl)}.example-label{justify-content:space-between;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-5);font-size:var(--fs-meta);color:var(--text);flex-wrap:wrap;font-weight:600;display:flex}.example-label bdi:last-child{color:var(--muted);font-size:var(--fs-caption);font-weight:400}.example-message{align-items:flex-start;gap:var(--sp-2);display:flex}.example-message__avatar{flex:0 0 var(--sp-6);inline-size:var(--sp-6);block-size:var(--sp-6);background:var(--avatar-bg);color:var(--avatar-fg);border-radius:var(--r-full);place-items:center;display:grid}.example-message__avatar svg{inline-size:var(--sp-5);block-size:var(--sp-5)}.example-message__body{min-inline-size:0}.example-message__name{margin:0 0 var(--sp-1);color:var(--muted);font-size:var(--fs-caption)}.example-message__bubble{padding:var(--sp-3) var(--sp-4);background:var(--bubble-in);border-radius:var(--r-md);font-size:var(--fs-body);line-height:var(--lh-body);overflow-wrap:anywhere;text-wrap:pretty;border-end-start-radius:var(--r-xs);margin:0}.example-message--out{justify-content:flex-end}.example-message--out .example-message__bubble{background:var(--bubble-out);color:var(--on-bubble-out);border-end-start-radius:var(--r-md)}.example-connection{justify-content:center;align-items:center;gap:var(--sp-2);color:var(--muted);font-size:var(--fs-caption);padding-block:var(--sp-3);display:flex}.arrival-demo{min-inline-size:0}.arrival-demo .example-message__bubble{font-size:var(--fs-read-h)}.arrival-demo__received{margin-inline-start:var(--sp-6)}.example-composer{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:var(--r-full);margin-block-start:var(--sp-5);display:flex}.example-composer__draft{min-inline-size:0;font-size:var(--fs-meta);flex:1;display:grid}.example-composer__draft>span{overflow-wrap:anywhere;grid-area:1/1}.example-composer__measure{visibility:hidden}.example-composer__send{flex:0 0 var(--sp-6);block-size:var(--sp-6);background:var(--field);border-radius:var(--r-full);place-items:center;display:grid}[data-arrival-status]{visibility:hidden}[data-arrival-sent],[data-arrival-received]{opacity:1;transition:opacity var(--dur-base) var(--ease)}[data-arrival-phase=typing] [data-arrival-sent],[data-arrival-phase=typing] [data-arrival-received],[data-arrival-phase=sent] [data-arrival-received],[data-arrival-phase=translating] [data-arrival-received]{opacity:0}[data-arrival-phase=translating] [data-arrival-status]{visibility:visible}[data-arrival-phase=typing] [data-arrival-draft]:after{content:"";border-inline-end:1px solid;margin-inline-start:var(--sp-1)}[data-arrival-phase=typing] .example-composer__send,[data-arrival-phase=sent] .example-composer__send{background:var(--primary);color:var(--on-primary)}.meaning-example{display:none}.meaning-set:not(:has(input)) .meaning-example,.meaning-set:has(input[value="0"]:checked) [data-example="0"],.meaning-set:has(input[value="1"]:checked) [data-example="1"],.meaning-set:has(input[value="2"]:checked) [data-example="2"]{display:block}.meaning-example__flow{display:grid}.meaning-example__context{border-block-end:1px solid var(--line);font-size:var(--fs-meta);margin-block-end:var(--sp-4);padding-block-end:var(--sp-4)}.meaning-example__context p{margin:0}.meaning-example__why{margin:var(--sp-4) 0 0;font-size:var(--fs-meta);line-height:var(--lh-body);color:var(--muted)}.meaning-example__literal{font-size:var(--fs-meta);color:var(--muted);margin-block-start:var(--sp-4)}.meaning-example__literal summary{cursor:pointer;padding-block:var(--sp-2)}.meaning-example__literal p{margin:var(--sp-2) 0}.group-example__source{max-inline-size:var(--text-max);margin-inline:auto}.group-example__distribution{padding-block:var(--sp-4);color:var(--muted);place-items:center;display:grid}.group-example__readers{gap:var(--sp-4);display:grid}.group-example__seen{margin:0 0 var(--sp-4);color:var(--muted);font-size:var(--fs-caption)}.group-example__readers .example-label{margin-block-end:var(--sp-1)}.group-story__languages{color:var(--muted);font-size:var(--fs-meta);margin-block-start:var(--sp-5)}.group-story__languages summary{cursor:pointer;padding-block:var(--sp-2)}.group-story__languages ul{gap:var(--sp-3) var(--sp-5);padding-block:var(--sp-4);flex-wrap:wrap;display:flex}@media (width>=760px){.meaning-example__flow{gap:var(--sp-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.meaning-example__connection .icon{transform:rotate(-90deg)}[dir=rtl] .meaning-example__connection .icon{transform:rotate(90deg)}.group-example__readers{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=599px){.example-surface{padding:var(--sp-4)}.example-label{margin-block-end:var(--sp-4)}.arrival-demo__received{margin-inline-start:var(--sp-4)}}@media (prefers-reduced-motion:reduce){[data-arrival-sent],[data-arrival-received]{transition:none}}.mobile-scene{min-inline-size:0;margin:0}.mobile-scene__pair{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;padding-block-end:var(--sp-5);display:grid}.mobile-scene__device{min-inline-size:0}.mobile-scene__device-label{text-align:center;color:var(--text);font-size:var(--fs-meta);margin:0;font-weight:600}.mobile-scene__device-label [data-demo-locale]{display:none}.mobile-scene__stage{isolation:isolate;inline-size:94%;max-inline-size:calc(var(--sp-6) * 13);aspect-ratio:430/840;transform-origin:50%;margin-block-start:var(--sp-3);margin-inline:auto;position:relative;transform:rotate(5deg)}.mobile-scene__device[data-phone-peer=true] .mobile-scene__stage{transform:translateY(var(--sp-4)) rotate(-5deg)}[data-client] .mobile-scene:not([data-phone-ready]) .mobile-scene__pair{visibility:hidden}@media (prefers-reduced-motion:no-preference){.mobile-scene[data-phone-ready] .mobile-scene__pair{animation:content-enter var(--dur-settle) var(--spring-settle) backwards}}.mobile-scene__stage[data-model=fallback] .mobile-scene__screen-host{box-shadow:0 0 0 var(--sp-2) var(--primary), var(--e2)}.mobile-scene__screen{inset-block-start:var(--sp-5);inset-inline:var(--sp-6);block-size:calc(100% - var(--sp-6) * 2);border-radius:calc(var(--r-xl) + var(--sp-4));background:var(--surface);color:var(--text);box-shadow:var(--e2);border:var(--sp-2) solid var(--primary);position:absolute;overflow:hidden}.mobile-scene__locale{block-size:100%;display:none}.mobile-scene__content{flex-direction:column;block-size:100%;display:flex}.mobile-scene__status{block-size:62px;padding-inline:var(--sp-6);font-size:var(--fs-body);flex-shrink:0;justify-content:space-between;align-items:center;font-weight:600;display:flex}.mobile-scene__status-icons{inline-size:calc(var(--sp-6) * 2);block-size:var(--sp-4)}.mobile-scene__header{isolation:isolate;align-items:center;gap:var(--sp-2);margin-inline:var(--sp-3);padding:var(--sp-2) var(--sp-1);border-radius:var(--r-full);background:linear-gradient(110deg, var(--surface) 30%, color-mix(in srgb, var(--av-4) 20%, var(--surface)) 78%, color-mix(in srgb, var(--warning-bg) 55%, var(--surface)));border:1px solid color-mix(in srgb, var(--surface) 75%, transparent);box-shadow:inset 0 1px 0 var(--surface), var(--e1);flex-shrink:0;display:flex;position:relative;overflow:hidden}.mobile-scene__header[data-daylight=dawn],.mobile-scene__header[data-daylight=sunset]{background:linear-gradient(110deg, var(--surface) 30%, color-mix(in srgb, var(--av-3) 22%, var(--surface)) 76%, color-mix(in srgb, var(--av-1) 25%, var(--surface)))}.mobile-scene__header[data-daylight=night],.mobile-scene__header[data-daylight=evening]{background:linear-gradient(110deg, var(--surface) 30%, color-mix(in srgb, var(--av-5) 55%, var(--surface)) 85%)}.mobile-scene__sky{z-index:-1;block-size:100%;inline-size:100%;position:absolute;inset:0}.mobile-scene__sun{fill:var(--warning-bg)}.mobile-scene__halo{opacity:.25}.mobile-scene__horizon{fill:var(--surface);opacity:.22}.mobile-scene__moon{fill:var(--warning-bg);display:none}[data-daylight=night] .mobile-scene__moon,[data-daylight=evening] .mobile-scene__moon{display:block}[data-daylight=night] .mobile-scene__sun,[data-daylight=evening] .mobile-scene__sun{display:none}.mobile-scene__local-time{gap:var(--sp-1);text-align:center;min-inline-size:calc(var(--sp-6) + var(--sp-4));margin-inline-start:auto;display:grid}.mobile-scene__local-time time{font-size:var(--fs-meta);font-weight:600;line-height:var(--lh-tight)}.mobile-scene__local-time span{font-size:var(--fs-app-xs);line-height:var(--lh-tight);color:var(--text)}.mobile-scene__glass{background:linear-gradient(155deg, color-mix(in srgb, var(--surface) 78%, transparent), color-mix(in srgb, var(--surface) 30%, transparent) 48%, color-mix(in srgb, var(--surface) 65%, transparent));border:1px solid color-mix(in srgb, var(--surface) 85%, transparent);box-shadow:inset 0 1px 0 var(--surface), inset 0 -1px 0 color-mix(in srgb, var(--muted) 18%, transparent), 0 var(--sp-1) var(--sp-2) color-mix(in srgb, var(--text) 8%, transparent);backdrop-filter:blur(var(--sp-3)) saturate(180%)}.mobile-scene__circle{flex:0 0 var(--sp-6);inline-size:var(--sp-6);block-size:var(--sp-6);border-radius:var(--r-full);place-items:center;display:grid}.mobile-scene__circle .icon{inline-size:var(--sp-5);block-size:var(--sp-5)}.mobile-scene__back .icon{transform:rotate(90deg)}[dir=rtl] .mobile-scene__back .icon{transform:rotate(-90deg)}.mobile-scene__avatar{inline-size:var(--sp-6);block-size:var(--sp-6);border-radius:var(--r-full);object-fit:cover;flex-shrink:0}.mobile-scene__contact{flex:1;gap:0;min-inline-size:0;display:grid}.mobile-scene__contact strong{font-size:var(--fs-body);line-height:var(--lh-tight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-scene__contact span{font-size:var(--fs-app-sm);line-height:var(--lh-tight);color:var(--muted)}.mobile-scene__messages{min-block-size:0;padding:var(--sp-4);flex:1;overflow:hidden}.mobile-scene__languages{text-align:center;margin:0 0 var(--sp-2);color:var(--muted);font-size:var(--fs-app-sm)}.mobile-scene__row{grid-template-columns:var(--sp-6) minmax(0, 1fr);column-gap:var(--sp-2);row-gap:var(--sp-1);align-items:start;margin-block-start:var(--sp-3);display:grid}.mobile-scene__message-avatar{inline-size:var(--sp-6);block-size:var(--sp-6);border-radius:var(--r-full);object-fit:cover;grid-area:1/1/3}.mobile-scene__message-name{font-size:var(--fs-caption);color:var(--muted);line-height:var(--lh-tight);grid-column:2}.mobile-scene__row[hidden],.mobile-scene__typing[hidden]{display:none}.mobile-scene__row--out{flex-direction:column;align-items:flex-end;display:flex}.mobile-scene__bubble{max-inline-size:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-lg);background:var(--bubble-in);border-end-start-radius:var(--r-xs);grid-column:2;justify-self:start}.mobile-scene__bubble p{font-size:var(--fs-body);line-height:var(--lh-meta);overflow-wrap:anywhere;text-wrap:pretty;margin:0}.mobile-scene__row--out .mobile-scene__bubble{background:var(--bubble-out);color:var(--on-bubble-out);border-end-end-radius:var(--r-xs);border-end-start-radius:var(--r-lg);max-inline-size:85%}.mobile-scene__stamp{align-items:center;gap:var(--sp-1);font-size:var(--fs-app-sm);color:var(--muted);grid-column:2;display:flex}.mobile-scene__stamp .icon{inline-size:var(--sp-4);block-size:var(--sp-4)}.mobile-scene__row[data-arrived]{animation:phone-message-enter var(--dur-glide) var(--spring-glide) both}.mobile-scene__row[data-translated] [data-phone-text]{animation:phone-message-enter var(--dur-settle) var(--spring-settle) backwards}.mobile-scene__bottom{isolation:isolate;padding:var(--sp-2) var(--sp-4);flex-shrink:0;position:relative}.mobile-scene__bottom:before{content:"";z-index:-1;background:radial-gradient(ellipse at 15% 75%, color-mix(in srgb, var(--av-4) 12%, transparent), transparent 65%), radial-gradient(ellipse at 85% 65%, color-mix(in srgb, var(--av-1) 9%, transparent), transparent 65%), linear-gradient(transparent, var(--raised));position:absolute;inset:0}.mobile-scene__composer{gap:var(--sp-2);align-items:center;display:flex}.mobile-scene__entry{border-radius:var(--r-full);min-inline-size:0;padding:var(--sp-1) var(--sp-3);color:var(--text);font-size:var(--fs-body);line-height:var(--lh-meta);min-block-size:var(--sp-6);overflow-wrap:anywhere;flex:1}[data-phone-typing] .mobile-scene__entry{color:var(--text)}[data-phone-typing] .mobile-scene__entry:after{content:"";border-inline-end:1px solid var(--text);margin-inline-start:var(--sp-1)}[data-phone-typing] .mobile-scene__send{background:var(--primary);color:var(--on-primary)}.mobile-scene__home{inline-size:34%;block-size:var(--sp-1);border-radius:var(--r-full);background:var(--text);margin:var(--sp-4) auto 0}.mobile-scene__typing{gap:var(--sp-1);padding:var(--sp-3);display:flex}.mobile-scene__typing i{inline-size:var(--sp-1);block-size:var(--sp-1);background:var(--muted);border-radius:var(--r-full);animation:phone-typing var(--dur-typing) var(--ease) infinite}.mobile-scene__typing i:nth-child(2){animation-delay:var(--dur-stagger)}.mobile-scene__typing i:nth-child(3){animation-delay:calc(var(--dur-stagger) * 2)}.mobile-scene__canvas,.mobile-scene__html{pointer-events:none;position:absolute;inset:0}.mobile-scene__canvas{z-index:2}.mobile-scene__html{z-index:1}.mobile-scene__screen-host{background:var(--surface);border-radius:45px;width:393px;height:852px;position:absolute;overflow:hidden}.mobile-scene__screen-host .mobile-scene__screen{block-size:100%;inline-size:100%;box-shadow:none;border:0;border-radius:45px;position:static}.mobile-scene__caption{justify-content:center;align-items:center;gap:var(--sp-3);color:var(--muted);font-size:var(--fs-caption);flex-wrap:wrap;margin-block-start:var(--sp-2);display:flex}.mobile-scene__toggle{border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);color:var(--text);padding:var(--sp-2) var(--sp-3);cursor:pointer;font:inherit}.mobile-scene__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:var(--sp-1)}.mobile-scene__credit{text-align:center;font-size:var(--fs-caption);color:var(--muted);margin-block-start:var(--sp-2);display:block}.mobile-scene__credit a{text-underline-offset:var(--sp-1)}@keyframes phone-message-enter{0%{opacity:0;transform:translateY(var(--sp-2))}to{opacity:1;transform:translateY(0)}}@keyframes phone-typing{0%,60%,to{opacity:.4}30%{opacity:1}}@media (width>=960px){.mobile-scene__stage{max-inline-size:min(calc(var(--sp-6) * 13), calc((100svh - var(--sp-6) * 6) * 430 / 840))}.home-hero:has(.mobile-scene){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}@media (prefers-reduced-motion:reduce){.mobile-scene__row[data-arrived],.mobile-scene__row[data-translated] [data-phone-text],.mobile-scene__typing i{animation:none}}.mobile-scene__device-label[hidden],.mobile-scene__caption>[hidden],.mobile-scene__credit[hidden]{display:none}.launch-magnet{isolation:isolate;z-index:var(--z-overlay);inline-size:min(calc(var(--sp-6) * 10), calc(100vw - var(--sp-6) * 2));transition:opacity var(--dur-glide) var(--spring-glide);transform-origin:bottom;position:fixed;inset-block-end:max(var(--sp-6), env(safe-area-inset-bottom));inset-inline-end:max(var(--sp-6), env(safe-area-inset-right))}[data-page-pending] .launch-magnet{opacity:0;visibility:hidden}.launch-magnet:before{content:"";inset:var(--sp-3);z-index:-1;border-radius:var(--r-full);background:radial-gradient(ellipse at 20% 70%, color-mix(in srgb, var(--brand) 48%, transparent), transparent 65%), radial-gradient(ellipse at 85% 20%, color-mix(in srgb, var(--av-4) 38%, transparent), transparent 65%);filter:blur(var(--sp-4));pointer-events:none;position:absolute}.launch-announcement{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--surface);border:1px solid color-mix(in srgb, var(--surface) 65%, var(--line-strong));border-radius:var(--r-full);box-shadow:var(--e3), inset 0 2px var(--sp-1) var(--surface), inset 0 -2px var(--sp-1) color-mix(in srgb, var(--text) 16%, transparent);color:var(--text);will-change:transform;grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid}@supports (backdrop-filter:blur(1px)){.launch-announcement{background:linear-gradient(165deg, color-mix(in srgb, var(--surface) 85%, transparent), color-mix(in srgb, var(--surface) 25%, transparent) 45%, color-mix(in srgb, var(--surface) 55%, transparent) 72%, color-mix(in srgb, var(--surface) 80%, transparent));backdrop-filter:blur(var(--sp-4)) saturate(180%)}}.launch-announcement__icon{inline-size:calc(var(--sp-6) + var(--sp-5));block-size:calc(var(--sp-6) + var(--sp-5));border-radius:var(--r-full);background:color-mix(in srgb, var(--brand) 22%, transparent);border:1px solid color-mix(in srgb, var(--surface) 80%, transparent);box-shadow:inset 0 1px 0 var(--surface);place-items:center;display:grid;position:relative}.launch-announcement__icon svg{inline-size:var(--sp-6);block-size:var(--sp-6)}.launch-announcement__unread:not([hidden]){inline-size:var(--sp-3);block-size:var(--sp-3);border:2px solid var(--surface);border-radius:var(--r-full);background:var(--danger);position:absolute;inset-block-start:0;inset-inline-end:0}.launch-announcement__copy{gap:var(--sp-1);min-inline-size:0;display:grid}.launch-announcement__title{font-size:var(--fs-title);font-weight:600;line-height:var(--lh-tight);word-break:keep-all;overflow-wrap:anywhere}.launch-announcement__arrow{color:var(--muted);font-size:var(--fs-title)}@media (width<=700px){.launch-magnet{inline-size:min(calc(var(--sp-6) * 9), calc(100vw - var(--sp-6)));inset-block-end:max(var(--sp-4), env(safe-area-inset-bottom));inset-inline-end:max(var(--sp-4), env(safe-area-inset-right))}.launch-announcement{padding:var(--sp-3) var(--sp-4)}.launch-announcement__icon{inline-size:var(--space-xl);block-size:var(--space-xl)}.launch-announcement__title{font-size:var(--fs-body)}}@media (prefers-reduced-motion:reduce){.launch-magnet{transition:none}.launch-announcement{will-change:auto}}@media (forced-colors:active){.launch-magnet:before{display:none}.launch-announcement{background:var(--surface);backdrop-filter:none}}