@font-face{font-family:Thmanyah;src:url('assets/thmanyahsans-Regular.otf');font-weight:400;font-display:swap}@font-face{font-family:Thmanyah;src:url('assets/thmanyahsans-Medium.otf');font-weight:500;font-display:swap}@font-face{font-family:Thmanyah;src:url('assets/thmanyahsans-Bold.otf');font-weight:700;font-display:swap}
:root{font-family:Thmanyah,Arial,sans-serif;color:#21262b;background:#eff2f5;font-synthesis:none;--line:#d3dae1;--muted:#64707c;--orange:#6189b1}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;background:none;border:0;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #4d749b;outline-offset:4px}h1,h2,h3,p{margin:0}img{display:block}main,.show-header{max-width:1440px;margin:auto}.show-header{display:flex;align-items:center;gap:20px;padding:26px 45px;border-bottom:1px solid var(--line)}.brand-light{width:110px;filter:invert(1) hue-rotate(180deg);mix-blend-mode:multiply}.header-caption{font-size:12px;color:var(--muted);border-right:1px solid var(--line);padding-right:20px}.header-link{margin-right:auto;display:flex;gap:15px;align-items:center;font-size:12px;border-bottom:1px solid #8b9dae;padding:10px 0;min-height:44px}.header-link span{font-size:21px}.intro{padding:46px 45px 38px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px;color:#647687;margin-bottom:14px;direction:ltr;text-align:right}.intro h1{font-size:52px;font-weight:500;line-height:1.25}.intro h1 span{color:#4c7399}.intro p{font-size:15px;margin-top:15px;color:#5e6b78;line-height:1.8}.intro-note{display:flex;align-items:center;gap:10px;font-size:13px;padding-bottom:6px}.intro-note small{font-size:11px;color:#667686;line-height:2}.demo-dot{width:7px;height:7px;background:#6189b1;border-radius:50%;box-shadow:0 0 0 5px #dfe5eb}.experience{border-top:1px solid var(--line)}.experience-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 45px;gap:15px;border-bottom:1px solid var(--line)}.role-picker{display:flex;gap:3px}.role-picker button{padding:11px 18px;font-size:13px;border-radius:12px;min-height:44px}.role-picker button[aria-pressed=true]{background:#222528;color:#f7f9fb}.device-picker{display:flex;padding:4px;background:#dee3e9;border-radius:13px}.device-picker button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;padding:7px 14px;border-radius:9px;min-height:36px}.device-picker button[aria-pressed=true]{background:#fffdf7;box-shadow:0 2px 7px #1c252d0b}.device-picker svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.stage{display:grid;grid-template-columns:minmax(200px,1fr) 402px minmax(220px,1fr);gap:42px;padding:35px 45px 48px;align-items:start;background:radial-gradient(ellipse at 47% 48%,#d6dde4 0,transparent 57%)}.story{padding-top:36px;max-width:285px}.chapter{font-size:11px;color:#4c7399}.story h2{font-size:35px;font-weight:500;line-height:1.45;margin:17px 0 13px}.story>p{font-size:14px;color:#5f6e7c;line-height:1.9;max-width:265px}.story-rule{height:1px;background:#c5d0da;margin:25px 0 20px;width:55px}.story>h3{font-size:12px;font-weight:500;color:#5a6b7b;margin-bottom:9px}.screen-picker{display:grid;gap:3px}.screen-picker button{display:flex;align-items:center;justify-content:space-between;text-align:right;min-height:43px;padding:9px 12px;font-size:13px;border-radius:10px;color:#5d6b79;transition:background .15s}.screen-picker button:after{content:'←';color:#768b9f}.screen-picker button.active{background:#dae1e7;color:#232d37}.screen-picker button.active:after{color:#517aa3}.standalone{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:16px 0;margin-top:14px;border-top:1px solid #c5d0da;color:#4a5b6c;min-height:44px}.device-caption{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:14px;padding:0 10px}.device-caption small{font-size:10px;color:#6c7e90}.device-frame{width:402px;border:7px solid #222527;box-shadow:0 0 0 1px #5a636c,0 24px 50px -22px #1c242b66,inset 0 0 0 1px #fff;border-radius:49px;background:#eff2f5;overflow:hidden;position:relative}.phone-status{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 26px;direction:ltr;font-family:Arial,sans-serif;font-size:11px;font-weight:bold;position:relative}.island{position:absolute;left:50%;top:9px;transform:translateX(-50%);height:23px;width:89px;background:#131618;border-radius:16px}.status-symbols{display:flex;align-items:center;gap:5px;font-size:10px}.status-symbols svg{width:20px;height:12px}iframe{display:block;border:0;width:100%;height:710px;background:#eff2f5}.phone-home{height:21px;display:grid;place-items:center}.phone-home span{width:110px;height:4px;border-radius:3px;background:#222528}.guide{margin-top:68px;max-width:285px;justify-self:end;background:#e3e8ed;border:1px solid #cdd6df;border-radius:21px;padding:24px}.guide-head{display:flex;align-items:center;gap:10px;font-size:11px;color:#55697d}.guide-icon{background:#dbe4ed;color:#45698c;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:19px}.guide h3{font-size:25px;font-weight:500;line-height:1.5;margin:17px 0 10px}.guide>p{font-size:12px;color:#5a6d7f;line-height:1.9}.guide ol{list-style:none;padding:0;margin:20px 0 0}.guide li{border-bottom:1px solid #c7d2dc}.guide li:last-child{border-bottom:0}.guide li button{display:flex;align-items:center;gap:13px;text-align:right;width:100%;padding:13px 0;min-height:56px}.guide b{font-family:Arial,sans-serif;font-size:11px;font-weight:400;color:#5c7791}.guide li span{font-size:13px}.guide li small{display:block;font-size:10px;color:#5a6f84;margin-top:3px}.guide-note{border-top:1px solid #c7d2dc;padding-top:16px;margin-top:16px;font-size:10px;color:#5d7082;line-height:1.9}.details-section{padding:42px 45px 48px;border-top:1px solid var(--line)}.details-heading h2{font-size:29px;font-weight:500}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:30px}.details-grid article{border-top:1px solid #b7c3cf;padding-top:19px}.details-grid article>span{font-size:10px;color:#4c7399}.details-grid h3{font-weight:500;font-size:19px;margin-top:14px;margin-bottom:9px}.details-grid p{font-size:13px;color:#627180;line-height:1.9;max-width:340px}.details-grid button{font-size:12px;color:#416385;padding:12px 0;min-height:44px}.scope{display:grid;grid-template-columns:1fr 1.4fr auto;gap:35px;align-items:center;background:#dfe5eb;margin:0 45px 45px;padding:28px;border-radius:19px}.scope-label{font-size:10px;color:#66798c}.scope h2{font-size:21px;font-weight:500;margin-top:8px}.scope p{font-size:11px;line-height:1.9;color:#5c6b7a}.scope button{font-size:12px;min-height:44px;border-bottom:1px solid #8a9fb4;white-space:nowrap}footer{background:#202325;color:#b8c2cb;display:flex;align-items:center;gap:25px;padding:27px max(45px,calc((100vw - 1350px)/2));font-size:12px}.brand-dark{mix-blend-mode:screen;width:92px}footer small{margin-right:auto;font-size:10px;color:#929fab}
.stage.web{grid-template-columns:1fr;background:#dde3e9;gap:20px}.stage.web .story{max-width:none;padding-top:0;display:flex;align-items:center;gap:20px}.stage.web .story .chapter,.stage.web .story h2,.stage.web .story>p,.stage.web .story-rule,.stage.web .story>h3{display:none}.stage.web .screen-picker{display:flex;flex-wrap:wrap;gap:6px}.stage.web .screen-picker button{gap:20px}.stage.web .standalone{margin:0;margin-right:auto;border:0;gap:12px}.stage.web .guide{display:none}.stage.web .device-frame{width:100%;border-width:1px;border-color:#abb9c7;border-radius:17px;box-shadow:0 15px 45px #171e240c}.stage.web .phone-status,.stage.web .phone-home{display:none}.stage.web iframe{height:830px}.stage.web .device-caption{margin-bottom:10px}
@media(min-width:1500px){.stage{gap:60px}.story{padding-top:45px}.guide{margin-top:78px}}
@media(max-width:1150px){.stage{grid-template-columns:minmax(190px,1fr) 382px;gap:30px}.device-frame{width:382px}.guide{grid-column:1/-1;max-width:none;margin-top:0;display:grid;grid-template-columns:1fr 2fr;gap:0 25px;justify-self:stretch}.guide-head{grid-column:1}.guide h3{grid-column:1;margin:10px 0}.guide h3 br{display:none}.guide>p{grid-column:1}.guide ol{grid-column:2;grid-row:1/4;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:0}.guide-note{grid-column:1/-1;margin-top:15px}.scope{grid-template-columns:1fr 1.5fr}.scope button{grid-column:1/-1;justify-self:start}.intro h1{font-size:44px}.details-grid{gap:25px}.details-grid h3{font-size:17px}}
@media(max-width:760px){.show-header{padding:20px;gap:15px}.brand-light{width:86px}.header-caption{display:none}.header-link{font-size:11px}.intro{padding:30px 20px 25px}.intro h1{font-size:34px}.intro p{font-size:12px;max-width:260px;margin-top:10px}.intro-note{display:none}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:11px}.experience-toolbar{padding:14px 16px;display:grid;grid-template-columns:1fr;gap:13px}.role-picker{justify-content:space-between}.role-picker button{padding:10px;font-size:12px;flex:1;white-space:nowrap}.device-picker{justify-self:center}.stage{display:flex;flex-direction:column;padding:22px 12px 30px;gap:22px;align-items:stretch}.story{padding:0 8px;max-width:none}.story>.chapter,.story>h2,.story>p,.story-rule,.story>h3,.standalone{display:none}.screen-picker{display:flex;overflow:auto;gap:7px;padding-bottom:4px}.screen-picker button{white-space:nowrap;padding:9px 13px;font-size:12px;gap:15px;flex-shrink:0;min-height:44px}.screen-picker button:after{display:none}.device-area{width:100%;max-width:402px;margin:auto}.device-frame{width:100%;border-width:5px;border-radius:39px}.phone-status{padding-inline:24px;height:38px}.island{height:22px;top:7px}.device-caption{font-size:11px}.device-caption small{font-size:10px}iframe{height:690px}.guide{display:block;padding:22px;margin:5px 7px 0;max-width:none}.guide h3 br{display:none}.guide h3{font-size:23px}.guide ol{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:15px}.guide>p{font-size:12px}.guide li span{font-size:12px}.details-section{padding:30px 20px}.details-heading h2{font-size:25px}.details-grid{grid-template-columns:1fr;gap:24px;margin-top:23px}.details-grid article{padding-top:16px}.details-grid h3{margin-top:8px;font-size:18px}.details-grid p{font-size:12px;max-width:none}.scope{margin:0 20px 28px;padding:22px;grid-template-columns:1fr;gap:15px}.scope h2{font-size:23px}.scope p{font-size:12px}.scope button{grid-column:auto}footer{padding:25px 20px;gap:15px}footer>span{display:none}.stage.web{padding:20px 12px}.stage.web .story{display:block}.stage.web .screen-picker{flex-wrap:nowrap}.stage.web .standalone{display:flex;justify-content:flex-start;padding-top:10px}.stage.web .device-area{max-width:none}.stage.web .device-frame{overflow:auto}.stage.web iframe{width:1100px;height:760px}.stage.web .device-caption small{font-size:9px}.device-picker button{min-height:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.screen-picker{scrollbar-width:none}.screen-picker::-webkit-scrollbar{display:none}.device-picker button{min-height:44px}.screen-picker button{min-height:44px}