:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f5ec;background:#142a2a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #edbb6b;outline-offset:4px}[hidden]{display:none!important}.masthead{text-align:center;padding:34px 16px 24px}.eyebrow{font-size:10px;letter-spacing:3px;color:#afc6bd;margin:0 0 8px}h1{font-size:48px;font-weight:650;letter-spacing:-2px;margin:0;line-height:1.05}.title-dot{color:#c1dfac}.subtitle{font-size:14px;color:#c2cfc9;margin:12px 0 0;letter-spacing:.4px}.showcase{display:flex;justify-content:center;align-items:center;gap:76px}.side-note,.right-note{width:190px}.side-note p{font-size:30px;letter-spacing:-.8px;line-height:1.25}.side-note small,.right-note small{color:#aabeb5;font-size:13px;line-height:1.8}.tiny-line{display:block;width:36px;height:3px;background:#bddaa8}.right-note p{font-size:22px;line-height:1.5;letter-spacing:-.5px}.sample-tag{font-size:9px;letter-spacing:1.8px;color:#bddaa8}.phone{width:350px;height:min(704px,calc(100svh - 265px));min-height:510px;border:7px solid #080f10;border-radius:46px;box-shadow:0 0 0 2px #526060,0 24px 55px #0005;overflow:hidden;background:#e9efe3;color:#173a33;display:flex;flex-direction:column;position:relative}.phone-top{height:37px;min-height:37px;padding:10px 23px 5px;display:flex;justify-content:space-between;font-size:11px;font-weight:700;position:relative}.camera{position:absolute;left:50%;top:7px;transform:translateX(-50%);width:78px;height:20px;border-radius:20px;background:#080f10}.status{font-size:10px}.home-screen{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:24px 23px 20px;scrollbar-width:thin;scrollbar-color:#a8bfac transparent}.overline{font-size:9px;letter-spacing:1.6px;color:#61766a;margin:7px 0 14px}.home-heading h2{font-family:Georgia,serif;font-weight:400;font-size:38px;line-height:1.1;letter-spacing:-1.5px;margin:0}.home-heading h2 span{color:#658e54}.home-heading>p:last-child{font-size:11px;color:#5b7067;margin-top:15px}.collection-label{display:flex;justify-content:space-between;margin:35px 0 21px;border-top:1px solid #c8d4c5;padding-top:15px;font-size:9px;letter-spacing:1.2px;font-weight:650}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 12px}.app-card{color:#203d34;background:none;border:0;padding:0;display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center;min-width:0}.app-card img,.fallback-icon{width:65px;height:65px;border-radius:17px;box-shadow:0 4px 7px #2c453323;object-fit:cover;transition:transform .2s}.app-card:hover img{transform:translateY(-4px)}.app-card strong{font-size:10px;font-weight:600;line-height:1.3}.app-card small{font-size:8px;color:#64796d}.fallback-icon{display:grid;place-items:center;background:#b7cfb2;font-size:28px}.coming{display:flex;align-items:center;gap:13px;margin-top:35px;padding:20px 0;border-top:1px dashed #b7c9b3;border-bottom:1px dashed #b7c9b3}.coming>span{font-size:30px;color:#829a7d}.coming strong{font-family:Georgia,serif;font-size:16px;font-weight:400}.coming p{font-size:11px;line-height:1.7;color:#61766a;margin:7px 0 0}.collection-footer{font-size:9px;color:#71836f;margin:22px 0 5px}.phone-bottom{height:36px;min-height:36px;position:relative;text-align:center;font-size:7px;letter-spacing:1.2px;padding:5px 8px 14px}.home-indicator{position:absolute;width:90px;height:4px;border-radius:10px;background:#223c32;bottom:5px;left:50%;transform:translateX(-50%)}.below{text-align:center;margin-top:20px}.expand{color:#ecf5e4;background:#233e38;border:1px solid #50675b;border-radius:25px;padding:11px 20px;font-size:11px}.expand:hover{background:#345146}.below p{font-size:10px;color:#a9bcb3;margin:11px 0 0}.page-footer{display:flex;justify-content:space-between;max-width:930px;margin:30px auto 0;padding:0 25px 20px;color:#819d8e;font-size:8px;letter-spacing:1.5px}.app-toolbar{height:40px;min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #ced8c8;gap:5px}.app-toolbar button{background:none;border:0;color:#204c3c;padding:8px 4px;font-size:12px}.app-toolbar span#app-title{font-size:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-toolbar #home span{font-size:10px}.player{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#dce5ee;overflow:hidden}.slide-stage{position:relative;flex:none;overflow:hidden}.slide-stage>img{display:block;width:100%;height:100%}#hotspots{position:absolute;inset:0}.hotspot{position:absolute;background:transparent;border:0;padding:0;border-radius:2px}.hotspot:hover{background:#fff2;outline:2px solid #4778b477;outline-offset:-2px}.hotspot:focus-visible{outline:3px solid #ec940d;outline-offset:-3px;background:#ffeb9c55}.show-hints .hotspot{background:#f4b93826;outline:2px dashed #d48a17;outline-offset:-2px}#hint{font-size:9px;color:#28523f;border:0;background:none;padding:0 5px;text-decoration:underline}#load-error{padding:20px;line-height:1.6;font-size:14px}.exit-fullscreen{position:fixed;top:max(10px,env(safe-area-inset-top));right:14px;z-index:100;background:#142a2a;color:white;border:1px solid #547362;border-radius:20px;font-size:11px;padding:10px 15px}.immersive{overflow:hidden}.immersive .masthead,.immersive .side-note,.immersive .right-note,.immersive .below,.immersive .page-footer{display:none}.immersive main,.immersive .showcase{height:100dvh}.immersive .phone{height:calc(100dvh - 32px);min-height:0;width:min(440px,calc((100dvh - 100px)*.51 + 40px))}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(min-width:1500px){.showcase{gap:100px}.phone{height:min(770px,calc(100svh - 265px));width:380px}}@media(max-width:1000px){.showcase{gap:35px}.side-note,.right-note{width:160px}}@media(max-width:760px){.side-note,.right-note{display:none}.masthead{padding-top:28px}.phone{height:660px}}@media(max-width:520px){.masthead{padding:25px 12px 23px}h1{font-size:41px}.eyebrow{font-size:8px;letter-spacing:2px}.subtitle{font-size:12px}.phone{width:calc(100% - 24px);max-width:420px;height:660px;min-height:0;border:0;border-radius:22px;box-shadow:none}.phone-top,.home-indicator{display:none}.home-screen{padding:28px}.phone-bottom{height:28px;min-height:28px;padding-top:8px}.below{margin-top:16px}.page-footer{margin-top:28px;font-size:7px}.immersive .phone{width:100%;max-width:none;height:100dvh;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.immersive .phone-top{display:none}.immersive .home-screen{padding-top:65px}.immersive .app-toolbar{padding-right:66px;height:47px;min-height:47px}.immersive .exit-fullscreen{top:max(7px,env(safe-area-inset-top));right:8px;padding:8px 12px}.immersive .exit-fullscreen span{display:none}.immersive .phone-bottom{height:28px;min-height:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:520px){main{display:flex;flex-direction:column}.below{order:-1;margin:0 0 22px}.below p{font-size:9px}.immersive .below{display:none}}
.preview-label{display:inline-block;margin-top:12px;color:#c8dcae;font-size:8px;letter-spacing:1.8px}.phone{height:min(790px,calc(100svh - 290px));min-height:570px;width:370px}.phone.has-original-frame{border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}.has-original-frame .phone-top{display:none}.has-original-frame .player{background:transparent}.has-original-frame .app-toolbar,.has-original-frame .page-controls,.has-original-frame .phone-bottom{background:#e9efe3}.has-original-frame .app-toolbar{border-radius:12px 12px 0 0}.has-original-frame .phone-bottom{border-radius:0 0 12px 12px}.has-original-frame .home-indicator{display:none}.app-toolbar{min-height:42px}.page-controls{display:flex;align-items:center;gap:5px;min-height:36px;padding:3px 9px;background:#e9efe3;border-top:1px solid #ced8c8}.page-controls button{border:0;background:transparent;color:#244737;font-size:22px;width:30px;height:28px;padding:0}.page-controls button:disabled{opacity:.3;cursor:default}.page-controls select{flex:1;min-width:0;border:1px solid #c3d0bf;border-radius:6px;background:#f6f8f1;color:#284d3a;font:inherit;font-size:10px;height:28px;padding:0 7px}.player.zoomed{display:block;overflow:auto;overscroll-behavior:contain}.zoomed .slide-stage{margin:0 auto}.app-card strong{font-size:11px}.app-card small{font-size:9px;line-height:1.5}.app-grid{gap:25px 14px}.phone-bottom{min-height:30px;height:30px}.phone-bottom #screen-label{font-size:8px}#hint{padding:3px 7px}.app-toolbar #app-title{font-size:11px}.immersive .phone{width:min(520px,calc((100dvh - 115px)*.57 + 35px));height:calc(100dvh - 24px)}.immersive .has-original-frame .app-toolbar{padding-right:55px}@media(max-width:520px){.phone{width:calc(100% - 24px);height:730px;min-height:0}.phone.has-original-frame{width:calc(100% - 16px)}.immersive .phone,.immersive .phone.has-original-frame{width:100%;height:100dvh}.immersive .has-original-frame .app-toolbar,.immersive .has-original-frame .phone-bottom{border-radius:0}.preview-label{font-size:7px}.masthead{padding-bottom:15px}}