@charset "UTF-8";
:root{--bg:#f7f7f2;--ink:#222722;--muted:#68706a;--accent:#135e4b;--line:#d8dcd4;--surface:#fff;--soft:#edf0e8;--radius:20px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e18c40;outline-offset:5px}p{line-height:1.85;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,7.4vw,118px);line-height:1.16;letter-spacing:-.055em;font-weight:600;margin-bottom:32px}h2{font-size:clamp(34px,4vw,62px);line-height:1.25;letter-spacing:-.04em;font-weight:550}h3{font-weight:550;font-size:23px}small{display:block;line-height:1.7;color:var(--muted)}.section{max-width:1440px;margin:auto;padding:112px 6.5vw}.section-label,.tiny-label{display:block;font-size:12px;letter-spacing:.14em;margin-bottom:28px;color:var(--muted)}.intro{font-size:20px;max-width:800px}.subtle{display:block;color:var(--muted);font-size:12px}.review-rail{height:36px;background:#222;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;font-size:11px;letter-spacing:.02em;position:relative;z-index:30}.review-rail nav{display:flex;gap:4px}.review-rail nav a{padding:4px 9px;opacity:.5}.review-rail nav a[aria-current]{opacity:1;background:#555;border-radius:4px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;max-width:1600px;margin:auto;position:relative;z-index:10;gap:20px}header nav{display:flex;gap:36px;font-size:13px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:650;letter-spacing:-.8px}.brand img{width:32px;height:32px;border-radius:9px;object-fit:cover}.cta{display:inline-flex;align-items:center;justify-content:center;gap:38px;white-space:nowrap;background:var(--ink);color:var(--bg);border:1px solid var(--ink);font-size:14px;font-weight:550;padding:17px 22px;border-radius:40px;transition:transform .2s,background .2s}.cta:hover{transform:translateY(-3px)}header .cta{padding:11px 18px;font-size:12px;gap:28px}.skip{position:fixed;top:-80px;left:10px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:10px}.capabilities{border-top:1px solid var(--line)}.capability-list{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-top:65px}.capability-list article{border-top:1px solid var(--line);padding:32px 0;display:grid;grid-template-columns:40px 1fr;column-gap:16px}.number{font-size:12px;color:var(--muted);padding-top:5px}.capability-list article p{grid-column:2;font-size:14px;max-width:430px;margin-bottom:0}.capability-list h3{font-size:22px}.workflow{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;border-top:1px solid var(--line);align-items:center}.workflow-copy p{max-width:350px;font-size:16px}.workflow-copy small{font-size:11px;margin-top:24px}.scene-tabs{display:flex;border-bottom:1px solid var(--line);margin-top:38px;gap:24px;width:max-content;max-width:100%}.scene-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:15px 4px;font-size:15px;color:var(--muted)}.scene-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.live-demo{min-width:0;min-height:360px;background:var(--soft);padding:36px;border-radius:var(--radius)}.live-demo .badge{margin-bottom:25px}.live-demo h3{font-size:27px;margin-bottom:24px}.badge{font-size:10px;letter-spacing:.05em;color:var(--accent);display:flex;align-items:center;justify-content:space-between}.badge i{font-style:normal;font-size:10px;color:var(--muted)}dl{display:grid;grid-template-columns:45px 1fr;gap:14px 18px;font-size:13px;line-height:1.6}dt{color:var(--muted)}dd{margin:0;min-width:0}.demo-action{border:0;border-top:1px solid var(--line);background:transparent;color:var(--accent);padding:20px 0 0;margin-top:25px;display:block;text-align:left;width:100%;font-size:13px}.live-demo blockquote{font-size:27px;line-height:1.7;margin:20px 0}.agenda{padding:20px 0;border-top:1px solid var(--line)}.agenda small{font-size:11px}.agenda strong{display:block;margin:10px 0;font-weight:500}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;border-top:1px solid var(--line)}.faq h2{font-size:42px}.faq details{border-top:1px solid var(--line);padding:23px 0}.faq summary{display:flex;justify-content:space-between;gap:20px;font-size:15px;cursor:pointer;list-style:none;line-height:1.7}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:14px;margin:20px 30px 0 0}.closing{text-align:center;border-top:1px solid var(--line);padding-top:130px;padding-bottom:130px}.closing p{margin:28px 0}.closing small{margin-top:25px;font-size:11px}footer{padding:55px 6.5vw 25px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:30px}footer .brand{font-size:20px}footer .brand img{width:27px;height:27px}footer p{font-size:11px;margin:20px 0 0}footer>p{grid-column:1/-1}footer nav{justify-self:end;display:flex;gap:25px;font-size:12px}
/* A product scene, styled independently from any client. */
.device{width:300px;height:588px;padding:17px 15px 18px;background:#fcfcfb;border:5px solid #2b302b;border-radius:43px;position:relative;box-shadow:0 12px 30px #18281b13;color:#222;text-align:left;flex-shrink:0}.device-top{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:9px;font-weight:650}.island{position:absolute;top:10px;left:105px;width:82px;height:22px;background:#191c19;border-radius:18px}.device-title{display:flex;align-items:center;gap:7px;padding:16px 5px;font-size:14px;font-weight:600;border-bottom:1px solid #e8eae5}.device-title img{width:23px;height:23px;border-radius:7px}.device-title>span{margin-left:auto}.device-thread{padding-top:19px}.thread-date{display:block;text-align:center;font-size:8px;color:#92978f;margin-bottom:20px}.device-thread p{font-size:11px;line-height:1.8;margin:0;color:#343e35}.outgoing{background:#dbe8ce;padding:12px 14px;border-radius:14px 14px 3px 14px;width:88%;margin-left:auto!important}.incoming{display:flex;gap:7px;margin-top:15px}.incoming img{width:21px;height:21px;border-radius:6px;margin-top:5px}.incoming p{padding:10px 12px;border:1px solid #e7eae3;border-radius:3px 13px 13px 13px;background:#fff}.event-preview{background:#fff;border:1px solid #d9e0d2;border-radius:15px;padding:17px 14px;text-align:left;width:100%;margin-top:17px;box-shadow:0 5px 12px #10221b05}.event-preview>span,.event-preview strong{display:block}.event-preview .badge{display:flex}.event-preview strong{font-size:16px;margin:14px 0 10px;font-weight:550}.event-preview>span:not(.badge){font-size:10px;color:#6b7468}.event-preview .event-tail{border-top:1px solid #e8eae5;margin-top:16px;padding-top:12px;display:flex!important;justify-content:space-between;font-size:9px!important}.event-tail b{color:#31674b;font-weight:500}.quiet p{border:0;background:transparent;font-size:10px;color:#7c8578}.device-input{position:absolute;bottom:26px;left:15px;right:15px;border:1px solid #e2e5df;border-radius:30px;padding:12px 14px;color:#9da49a;font-size:10px;display:flex;justify-content:space-between}.device-input span{color:#fff;background:#607b57;border-radius:50%;width:17px;text-align:center}.home-bar{position:absolute;bottom:8px;left:100px;width:90px;height:4px;background:#242a23;border-radius:10px}
/* 02. Playful: strong blocks, stickers and movement with a purpose. */
.playful{--bg:#d9f649;--ink:#182219;--muted:#47513e;--line:#94a526;--soft:#faf7ed;--accent:#283acc;--radius:28px}.playful header{border-bottom:2px solid var(--ink);max-width:none}.playful .cta{background:#283acc;border-color:#283acc;color:#fff;box-shadow:3px 4px 0 #172118;border-radius:10px}.playful-hero{position:relative;max-width:none;padding-top:55px;padding-bottom:0;overflow:hidden}.play-kicker{font-size:14px;border:1.5px solid var(--ink);border-radius:30px;padding:8px 14px;display:inline-block;margin-bottom:30px}.playful h1{font-size:clamp(74px,9vw,150px);font-weight:850;letter-spacing:-.065em;position:relative;z-index:2;line-height:1.14}.playful h1>span{color:#283acc}.play-intro{width:380px;max-width:100%;position:relative;z-index:3}.play-intro p{font-size:16px;color:var(--ink);margin:28px 0}.play-stage{position:absolute;right:7vw;top:120px;width:42%;height:650px}.play-device{position:absolute;left:15%;top:10px;transform:rotate(9deg);z-index:2}.play-device .device{border-color:#172118;box-shadow:10px 15px 0 #26311335}.emoji{position:absolute;object-fit:contain;z-index:4;pointer-events:none}.emoji-wink{width:150px;right:-20px;top:-35px;transform:rotate(12deg)}.emoji-heart{width:140px;left:-50px;bottom:55px;transform:rotate(-15deg)}.sticker{position:absolute;z-index:4;font-size:18px;line-height:1.5;padding:18px 22px;border:2px solid var(--ink);border-radius:8px;box-shadow:4px 5px 0 #182219;font-weight:650}.sticker-pink{background:#f3a1bf;top:180px;left:-65px;transform:rotate(-12deg)}.sticker-blue{background:#293ccc;color:white;right:-55px;top:310px;transform:rotate(10deg)}.sticker-small{font-size:13px;background:#f7eee2;bottom:20px;left:75px;transform:rotate(-8deg)}.playful .ticker{margin:130px -6.5vw 0;background:#283acc;color:#fff;white-space:nowrap;transform:rotate(-2deg) scale(1.03);padding:17px 0;font-size:22px;letter-spacing:.1em;border-block:2px solid #182219}.ticker span{display:inline-block;animation:ticker 35s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.playful .capabilities{background:#fff7ed;border-top:0;max-width:none}.playful .capability-list{grid-template-columns:repeat(4,1fr);gap:18px}.playful .capability-list article{background:#f2a3c1;border:2px solid var(--ink);border-radius:14px;display:block;padding:26px 24px;box-shadow:5px 5px 0 #182219}.playful .capability-list article:nth-child(2){background:#d9f649;transform:rotate(-3deg)}.playful .capability-list article:nth-child(3){background:#293ccc;color:white;transform:rotate(3deg)}.playful .capability-list article:nth-child(4){background:#fecb75}.playful .capability-list p{color:inherit;font-size:13px}.playful .number{display:block;color:inherit;margin-bottom:50px}.playful .capability-list h3{font-size:23px;line-height:1.5}.playful .workflow{max-width:none;background:#293ccc;color:white;border:0}.playful .workflow .section-label,.playful .workflow p,.playful .workflow small{color:#d0d6f8}.playful .scene-tabs button{color:#c3ccf9}.playful .scene-tabs button[aria-selected=true]{color:#fff;border-color:#fff}.playful .live-demo{color:#182219;border:2px solid #182219;box-shadow:8px 8px 0 #182219}.playful .live-demo .badge{color:#293ccc}.playful .faq{background:#fff7ed;max-width:none}.playful .closing{border-top:2px solid var(--ink)}.playful .closing h2{font-weight:850}.playful footer{border-top:2px solid var(--ink)}
/* Shared detail interaction, keyboard and motion. */
dialog{width:min(570px,calc(100% - 36px));max-height:86dvh;padding:0;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 120px #0004}dialog::backdrop{background:#15231ee0;backdrop-filter:blur(8px)}.dialog-head{padding:20px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.03em}.dialog-head button{border:0;background:transparent;font-size:26px;color:var(--ink);padding:0 5px}#detail-content{padding:32px}#detail-content h2{font-size:29px;margin:20px 0 30px}#detail-content p{font-size:14px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.detail-actions button,.back-button{background:var(--ink);border:1px solid var(--line);color:var(--bg);padding:12px 15px;border-radius:7px;font-size:12px}.detail-actions button.secondary,.back-button{background:none;color:var(--ink)}.source-link{border:1px solid var(--line);border-radius:10px;padding:17px;background:var(--soft);color:var(--ink);width:100%;text-align:left;font-size:13px;line-height:1.8;margin-top:25px}.source-link small{font-size:10px;margin-bottom:10px}.source-link b{display:block;font-size:11px;margin-top:8px;font-weight:500;color:var(--accent)}.source-chat p{border-radius:12px;background:var(--soft);padding:16px;font-size:13px!important;max-width:90%}.source-chat p.highlight{outline:2px solid #c59b4e;background:#c7ae5822}.source-chat .reply-reference{font-size:11px!important;border:1px solid var(--line);margin-top:30px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,25px);background:var(--ink);color:var(--bg);font-size:12px;border:1px solid var(--line);padding:15px 23px;border-radius:10px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}[data-reveal]{transition:opacity .65s,transform .65s}.motion-ready [data-reveal]:not(.in-view){opacity:0;transform:translateY(28px)}
@media(min-width:1600px){.section{padding-left:95px;padding-right:95px}.playful-hero{padding-left:max(95px,calc((100vw - 1250px)/2))}.play-stage{right:max(100px,calc((100vw - 1200px)/2))}.playful .ticker{margin-left:-30vw;margin-right:-30vw}.premium-annotation.left{left:15%}.premium-annotation.right{right:15%}}
@media(max-width:1100px){header nav{gap:20px}.section{padding:85px 5vw}.editorial h1{font-size:100px}.editorial-bottom{gap:30px;grid-template-columns:1fr 1fr}.editorial-bottom aside{display:none}.editorial .capability-list,.playful .capability-list,.technical .capability-list,.conversion .capability-list{grid-template-columns:repeat(2,1fr)}.play-stage{right:4vw;width:40%;top:150px}.play-device .device{width:270px;height:550px}.sticker-blue{right:-5px}.sticker-pink{left:-50px;font-size:14px}.emoji-wink{right:-10px;width:120px}.emoji-heart{left:-20px;bottom:90px;width:110px}.playful h1{font-size:90px}.playful .ticker{margin-top:160px}.premium-annotation.left{left:1%}.premium-annotation.right{right:1%}.trace-grid{padding:22px;gap:10px;grid-template-columns:1fr 22px 1fr 22px 1fr}.conversion-hero{gap:5%}.conversion h1{font-size:66px}.conversion-proof{padding:22px}.capability-list{gap:0 35px}.workflow{gap:7%}.faq{gap:6%}}
@media(max-width:760px){.review-rail{padding:0 14px;height:38px;font-size:10px}.review-rail>span{display:none}.review-rail nav a{padding:5px 8px}header{padding:20px;gap:10px}header nav{display:none}header .brand{font-size:21px}header .brand img{width:28px;height:28px}header .cta{font-size:11px;padding:10px 12px;gap:14px}.section{padding:65px 23px}h1{font-size:56px!important;letter-spacing:-.065em!important;line-height:1.22!important}h2{font-size:35px!important}.intro{font-size:16px}.section-label{font-size:10px;margin-bottom:20px}.cta{font-size:13px;padding:15px 19px}.capability-list{grid-template-columns:1fr;gap:0;margin-top:40px}.capability-list article{padding:25px 0}.capability-list h3{font-size:21px}.capability-list article p{font-size:13px}.workflow{grid-template-columns:1fr;gap:35px}.workflow-copy p{max-width:100%;font-size:14px}.workflow-copy small{font-size:10px}.scene-tabs{margin-top:20px}.live-demo{padding:25px;min-height:330px}.live-demo h3{font-size:24px}.faq{grid-template-columns:1fr;gap:24px}.faq summary{font-size:14px}.faq details p{font-size:13px}.closing{padding-top:85px;padding-bottom:85px}.closing p{font-size:14px}footer{padding:35px 23px;grid-template-columns:1fr;gap:25px}footer nav{justify-self:start;gap:20px}.device{width:280px;height:550px}.device-thread{padding-top:12px}.device .event-preview{margin-top:12px}.device .quiet{margin-top:8px}.edition{font-size:8px;letter-spacing:.04em;gap:10px;margin-bottom:35px}.edition>span:nth-child(2){display:none}.editorial-hero{padding-top:15px}.editorial h1{font-family:"Songti SC",serif;font-size:62px!important}.editorial-bottom{grid-template-columns:1fr;gap:45px}.editorial-caption{max-width:100%}.editorial-caption p{margin:15px 0 24px;font-size:15px}.editorial-object{padding:15px 0 5px}.editorial-object .device{zoom:1;transform:rotate(-4deg);height:535px}.editorial .capabilities .section-label{float:none}.editorial .capability-list{grid-template-columns:1fr 1fr;gap:0 25px}.editorial .capability-list article{padding:25px 0}.editorial .number{margin-bottom:20px}.editorial .capability-list h3{font-size:20px}.editorial .live-demo{padding:25px}.playful-hero{padding-top:35px}.playful h1{font-size:62px!important}.play-kicker{font-size:11px}.play-intro{width:100%;max-width:390px}.play-intro p{font-size:14px;margin:20px 0 26px}.play-stage{position:relative;right:auto;top:auto;width:100%;height:590px;margin-top:40px}.play-device{left:50%;transform:translateX(-50%) rotate(7deg);top:15px}.play-device .device{width:260px;height:530px}.emoji-wink{width:95px;right:-5px;top:0}.emoji-heart{width:100px;bottom:15px;left:-15px}.sticker-pink{left:-9px;top:70px;font-size:12px;padding:12px 15px}.sticker-blue{right:-5px;top:340px;font-size:12px;padding:12px 15px}.sticker-small{left:115px;bottom:0;font-size:10px;padding:12px 15px}.playful .ticker{margin:35px -23px 0;font-size:16px;padding:14px 0}.playful .capability-list{grid-template-columns:1fr;gap:22px}.playful .capability-list article{padding:28px}.playful .number{margin-bottom:25px}.playful .capability-list article:nth-child(2),.playful .capability-list article:nth-child(3){transform:none}.premium-hero{padding-top:40px;padding-bottom:0}.premium-eyebrow{font-size:8px}.premium h1{font-size:58px!important}.premium-hero>p{font-size:13px;max-width:320px}.premium-stage{height:575px;margin-top:55px}.premium-stage .device{height:550px;width:280px}.premium-annotation{display:none}.light-ring{width:490px;height:490px;top:80px}.premium-floor{font-size:10px;letter-spacing:.12em;padding-top:35px}.premium .capabilities{padding-top:85px}.premium .capability-list{gap:0}.premium .capability-list article{padding:30px 0}.tech-topline{font-size:8px;padding-bottom:15px;gap:10px}.tech-head{grid-template-columns:1fr;gap:0;padding:35px 0}.tech-head p{font-size:14px;max-width:100%}.technical h1{font-size:54px!important}.trace-grid{grid-template-columns:1fr;padding:25px}.trace-grid p{min-height:0}.trace-grid article{padding-bottom:10px}.trace-grid .trace-arrow{transform:rotate(90deg);width:max-content;justify-self:center}.trace-grid dl{font-size:12px}.console-heading{padding:15px;font-size:10px}.console-heading>span:last-child{display:none}.console-foot{padding:15px;line-height:1.8}.technical .capability-list{grid-template-columns:1fr}.technical .capability-list article{padding:25px}.conversion-hero{grid-template-columns:1fr;gap:45px;padding-top:40px}.conversion h1{font-size:57px!important}.conversion-copy>p{font-size:14px}.promise-points{margin-top:27px}.conversion-proof{padding:23px}.conversion .capability-list{grid-template-columns:1fr;gap:0}.conversion .capability-list article{padding:28px 0}.conversion .number{margin-bottom:17px}#detail-content{padding:25px}#detail-content h2{font-size:27px!important}dialog{max-height:90dvh}dl{gap:12px 15px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready [data-reveal]:not(.in-view){opacity:1;transform:none}}
@media(max-width:760px){.editorial h1,.playful h1,.premium h1,.technical h1,.conversion h1{font-size:clamp(40px,13.4vw,56px)!important}}
@media(max-width:360px){.editorial-object .device{transform:rotate(-4deg) scale(.9)}}

/* Keep copy and artwork in separate columns at every desktop width. */
.playful-hero{padding-left:6.5vw;padding-right:6.5vw}
.play-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:96px;align-items:center;max-width:1280px;margin:0 auto}
.play-copy{min-width:0;position:relative;z-index:5}
.play-copy h1{font-size:clamp(64px,7vw,100px);white-space:nowrap}
.play-layout .play-stage{position:relative;inset:auto;width:100%;height:650px;margin:0;min-width:0}
.play-layout .play-device{left:50%;top:15px;transform:translateX(-50%) rotate(8deg)}
.play-layout .sticker-pink{left:-8px;top:185px}
.play-layout .sticker-blue{right:-10px;top:380px}
.play-layout .emoji-wink{right:-8px;top:-10px}
.play-layout .emoji-heart{left:-12px;bottom:45px}
.play-layout .sticker-small{left:90px;bottom:0}
.playful .ticker{margin-top:65px;margin-left:-6.5vw;margin-right:-6.5vw}
@media(min-width:1600px){.playful-hero{padding-left:6.5vw;padding-right:6.5vw}}
@media(min-width:1001px) and (max-width:1250px){.play-layout{gap:64px}.play-layout .sticker{font-size:14px;padding:15px 17px}.play-layout .emoji-wink{width:115px}.play-layout .emoji-heart{width:110px}}
@media(max-width:1000px){.play-layout{grid-template-columns:1fr;gap:45px;max-width:650px}.play-copy h1{font-size:clamp(64px,10vw,90px)}.play-layout .play-stage{width:min(100%,490px);justify-self:center;height:650px}.play-intro{width:430px}.play-layout .emoji-wink{right:0}.play-layout .sticker-blue{right:0}}
@media(max-width:760px){.playful-hero{padding-left:23px;padding-right:23px}.play-layout{gap:40px}.play-copy h1{font-size:clamp(40px,13.4vw,56px)!important}.play-layout .play-stage{height:590px}.play-layout .play-device{top:15px;transform:translateX(-50%) rotate(7deg)}.play-layout .sticker-pink{left:-9px;top:70px}.play-layout .sticker-blue{right:-5px;top:340px}.play-layout .emoji-wink{right:-5px;top:0}.play-layout .emoji-heart{left:-15px;bottom:15px}.play-layout .sticker-small{left:115px;bottom:0}.playful .ticker{margin-top:35px;margin-left:-23px;margin-right:-23px}}

/* Public-site refinements. */
.menu-toggle{display:none}.platform-note{margin-top:18px;font-size:11px;color:#47513e}
.emoji{height:auto}.footer-meta{grid-column:1/-1;display:flex;gap:25px;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid #94a526;font-size:11px}

@media(max-width:760px){header{padding:18px 20px;position:relative;flex-wrap:wrap}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;padding:7px;background:none;border:1.5px solid #182219;border-radius:7px}.menu-toggle span{display:block;width:17px;height:1.5px;background:#182219}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}header .brand{margin-right:auto}header nav{display:none;order:4;width:100%;padding:20px 0 5px;border-top:1px solid #94a526;gap:20px;flex-wrap:wrap}header nav.open{display:flex}header nav a{font-size:13px}.footer-meta{align-items:flex-start;gap:15px;flex-wrap:wrap;font-size:10px}.platform-note{font-size:10px}}
/* Language control and text-length adjustments keep all five layouts readable. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-control{display:flex;align-items:center;gap:6px;font-size:11px;flex-shrink:0;border:1px solid #71852f;border-radius:7px;padding:6px 7px}.language-control>span[aria-hidden]{font-size:10px}.language-control select{font:inherit;border:0;background:transparent;color:var(--ink);max-width:98px;cursor:pointer;padding:2px 0}.language-control select:focus-visible{outline:2px solid #283acc;outline-offset:3px}.language-fallback{display:flex;gap:12px;flex-wrap:wrap}
header nav{gap:22px}html:lang(en) header nav,html:lang(ja) header nav,html:lang(ko) header nav{gap:18px;font-size:12px}
html:lang(en) .play-copy h1{font-size:clamp(48px,5.2vw,76px);letter-spacing:-.06em}html:lang(ja) .play-copy h1{font-size:clamp(43px,4.3vw,64px);letter-spacing:-.07em}html:lang(ko) .play-copy h1{font-size:clamp(43px,4.5vw,66px);letter-spacing:-.07em}
html:lang(en) .sticker,html:lang(ko) .sticker{font-size:16px}html:lang(ja) .sticker{font-size:15px}.device .outgoing{overflow-wrap:break-word}.device .event-preview strong{line-height:1.4}.device .event-tail{gap:5px}.device .event-tail b{white-space:nowrap}.device .event-tail{line-height:1.4}.device .badge{gap:5px}html:lang(en) .device .quiet{display:none}
footer p a:hover{text-decoration:underline;text-underline-offset:4px}.source-link,.detail-actions button,dl dd{overflow-wrap:anywhere}.detail-actions button{line-height:1.5}.capability-list h3{line-height:1.5}
@media(min-width:761px) and (max-width:1080px){header{flex-wrap:wrap}header nav{order:4;justify-content:center;width:100%;border-top:1px solid #94a526;padding-top:18px}}
@media(max-width:1000px) and (min-width:761px){html:lang(en) .play-copy h1{font-size:72px}html:lang(ja) .play-copy h1,html:lang(ko) .play-copy h1{font-size:62px}}
@media(max-width:760px){header .cta{display:none}header .brand{margin-right:auto}.language-control{font-size:11px;padding:5px 6px;gap:4px}.language-control select{max-width:90px}.playful header nav{gap:18px}html:lang(en) .play-copy h1{font-size:clamp(29px,8.7vw,42px)!important}html:lang(ja) .play-copy h1{font-size:clamp(25px,7.2vw,38px)!important}html:lang(ko) .play-copy h1{font-size:clamp(27px,7.5vw,40px)!important}html:lang(en) .sticker,html:lang(ja) .sticker,html:lang(ko) .sticker{font-size:11px}.playful .capability-list article{min-width:0}.playful .capability-list h3{overflow-wrap:anywhere}}
.play-layout .play-intro{width:100%;max-width:430px}.workflow-copy{min-width:0}
@media(max-width:760px){.scene-tabs{width:100%;gap:10px;flex-wrap:wrap}.scene-tabs button{max-width:100%;font-size:13px;padding-inline:3px}}
@media(max-width:360px){.play-layout .play-device{transform:translateX(-50%) rotate(7deg) scale(.92)}}

/* The middle navigation is centered on the page, independent of side widths. */
header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
header>.brand{justify-self:start;margin-right:0}
header>#primary-navigation{justify-self:center;white-space:nowrap}
.header-actions{display:flex;align-items:center;justify-self:end;gap:18px}
.header-actions .language-control{border-color:transparent;padding:6px 2px}
.header-actions .language-control select{max-width:160px}
.header-actions .language-control:hover{border-color:#71852f}
@media(max-width:1080px){
 header{display:flex;flex-wrap:wrap;padding:18px 20px;gap:0}
 header>.brand{margin-right:auto}
 header>.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;padding:7px;background:none;border:1.5px solid #182219;border-radius:7px}
 .menu-toggle span{display:block;width:17px;height:1.5px;background:#182219}
 .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
 header>#primary-navigation{display:none;order:3;width:100%;padding:22px 0 18px;margin-top:18px;border-top:1px solid #94a526;flex-direction:column;align-items:flex-start;gap:20px}
 header>#primary-navigation.open{display:flex}
 header>#primary-navigation a{font-size:14px}
 .header-actions{display:contents}
 .header-actions>.cta{display:none}
 .header-actions>.language-control{display:none;order:4;width:100%;border:0;border-top:1px solid #94a526;border-radius:0;padding:16px 0 0;gap:10px;font-size:13px}
 header.menu-open .header-actions>.language-control{display:flex}
 .header-actions .language-control select{max-width:none;padding:5px 0;min-height:32px}
}