:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#061c34;font-family:Arial,sans-serif}body{margin:0}#root{min-height:100svh}.landscape{isolation:isolate;width:100%;height:100svh;min-height:360px;position:relative;overflow:hidden}.scenery{z-index:-2;filter:brightness(.18);position:absolute;inset:0}.scenery img{object-fit:cover;object-position:center;width:100%;height:100%}.brand{z-index:3;width:min(58vw,760px,68svh);margin:0;line-height:0;position:absolute;top:19%;left:50%;transform:translate(-50%,-50%)}.brand-logo{filter:drop-shadow(1px 0 #d6f3ffcc)drop-shadow(-1px 0 #d6f3ff99)drop-shadow(0 1px #06213c)drop-shadow(0 2px 5px #031528cc);width:100%;height:auto;display:block}.brand-shine{opacity:0;-webkit-mask-image:var(--logo-mask);mask-image:var(--logo-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--logo-mask);background:linear-gradient(110deg,#0000 35%,#fff8d6dd 47%,#fff 50%,#fff8d6dd 53%,#0000 65%) 100% 0/300% 100%;position:absolute;inset:0;-webkit-mask-size:100% 100%}.sunrise{--sun-start:32%;--sun-end:3.5%;left:28%;top:var(--sun-start);opacity:0;z-index:1;pointer-events:none;width:0;height:0;position:absolute}.sun-disc{aspect-ratio:1;background:#fffbe7;border-radius:50%;width:clamp(28px,5vw,60px);position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 12px 4px #fff5b5,0 0 35px 14px #ffc86c99}.sun-halo{aspect-ratio:1;background:radial-gradient(circle,#fff3c688 0%,#ffd07833 25%,#0000 68%);border-radius:50%;width:clamp(130px,24vw,360px);position:absolute;transform:translate(-50%,-50%)}.sun-rays{aspect-ratio:1;opacity:.4;background:repeating-conic-gradient(#0000 0deg 17deg,#ffedb64d 19deg,#0000 22deg 38deg);width:max(110vw,110vh);position:absolute;transform:translate(-50%,-50%)rotate(-12deg);-webkit-mask-image:radial-gradient(circle,#0000 1%,#000 8%,#0007 28%,#0000 62%);mask-image:radial-gradient(circle,#0000 1%,#000 8%,#0007 28%,#0000 62%)}.light-wash{opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 25%,#ffe6ac22 45%,#0000 65%);position:absolute;inset:0}.is-ready .scenery{animation:14s cubic-bezier(.2,.6,.3,1) .3s both dawn-light}.is-ready .sunrise{animation:14s cubic-bezier(.2,.6,.3,1) .3s both rise}.is-ready .sun-rays{animation:16s ease-in-out .3s both rays}.is-ready .brand-logo{animation:12s ease-in-out 2s both logo-light}.is-ready .brand-shine{animation:7s ease-in-out 4.8s both shine}.is-ready .light-wash{animation:14s ease-in-out .3s both wash}@keyframes dawn-light{0%{filter:brightness(.18)saturate(.7)}to{filter:brightness(1.35)saturate(1.03)}}@keyframes rise{0%{opacity:0;top:var(--sun-start)}15%{opacity:.6}45%{opacity:1}to{opacity:.9;top:var(--sun-end)}}@keyframes rays{0%{opacity:0;transform:translate(-50%,-50%)rotate(-16deg)}40%{opacity:.7}70%{opacity:.35}to{opacity:.2;transform:translate(-50%,-50%)rotate(12deg)}}@keyframes shine{0%{opacity:0;background-position:100% 0}20%,75%{opacity:.8}to{opacity:0;background-position:0 0}}@keyframes logo-light{0%,to{opacity:1}45%{filter:brightness(1.3)drop-shadow(0 0 1px #e7faff)drop-shadow(0 2px 6px #061c34)}}@keyframes wash{0%,to{opacity:0}45%{opacity:.8}}@media (aspect-ratio<=1){.brand{width:88vw;top:27%}.sunrise{--sun-start:38%;--sun-end:12%}}@media (prefers-reduced-motion:reduce){.is-ready .scenery,.is-ready .sunrise,.is-ready .sun-rays,.is-ready .brand-logo,.is-ready .brand-shine,.is-ready .light-wash{animation:none}.is-ready .sunrise{opacity:.9;top:var(--sun-end)}.is-ready .scenery{filter:brightness(1.35)saturate(1.03)}.sun-rays{opacity:.2}}.scenery:after{content:"";pointer-events:none;background:linear-gradient(#5ba2dc38,#5ba2dc1a 32%,#0000 52%);position:absolute;inset:0}@media (aspect-ratio<=1){.sun-disc{width:clamp(56px,10vw,120px)}}.sound-hint{bottom:max(24px, env(safe-area-inset-bottom));color:#e5f5fc;text-align:center;text-shadow:0 2px 5px #000;width:min(85%,440px);margin:0;font:14px/1.5 Arial,sans-serif;position:absolute;left:50%;transform:translate(-50%)}html{scroll-behavior:smooth}a{color:inherit}.scroll-cue{color:#fff;text-shadow:0 2px 8px #000;font-size:36px;text-decoration:none;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.sound-hint{bottom:55px}.section-divider{text-align:center;color:#f0f3f7;background:#030506;justify-content:center;align-items:center;gap:36px;padding:28px 20px;display:flex}.section-divider p{letter-spacing:.45em;margin:0 0 8px;font-size:11px}.section-divider small{color:#b8bec6;font-size:13px}.gold-line{background:linear-gradient(90deg,#0000,#f8b54e,#0000);width:140px;height:1px;position:relative}.gold-line:after{content:"";background:#fff2c6;width:5px;height:3px;position:absolute;top:-1px;left:50%;box-shadow:0 0 12px 4px #edaa4466}.project-section{color:#fff;background:linear-gradient(90deg,#052038df,#061a3270),url(/assets/project-landscape-C-Tc7jep.png) 50% 57%/cover;grid-template-columns:.85fr 1.15fr;align-items:center;gap:50px;padding:90px max(6vw,24px);display:grid}.eyebrow{letter-spacing:.4em;margin:0 0 26px;font-size:11px}.project-heading{align-items:center;gap:20px;display:flex}.project-heading h2{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(28px,3vw,42px)}.project-heading p{color:#dceafa;margin:0;font-size:17px}.project-icon{object-fit:contain;flex-shrink:0;width:152px;height:152px;display:block}.project-description{color:#e0ebf5;max-width:390px;margin:24px 0;font-size:17px;line-height:1.65}.project-button{color:#fff;background:#078bff;border-radius:30px;align-items:center;gap:24px;padding:14px 24px;font-size:16px;text-decoration:none;display:inline-flex;box-shadow:0 8px 24px #0375db44}.project-button:hover{background:#26a0ff}a:focus-visible{outline-offset:5px;outline:2px solid #9ddeff}.devices{box-sizing:border-box;width:100%;max-width:650px;margin:auto;padding:30px 0 18px;position:relative}.laptop{width:88%;margin-left:12%}.laptop-lid{background:#0c1016;border:2px solid #929ca8;border-radius:15px 15px 5px 5px;padding:12px;box-shadow:0 20px 40px #0007}.laptop-base{background:linear-gradient(#d4dbe2,#707c8b);border-radius:2px 2px 45% 45%;width:108%;height:16px;margin-left:-4%;box-shadow:0 14px 22px #0009}.phone{box-sizing:border-box;background:#0a0f17;border:2px solid #a1a9b4;border-radius:25px;width:26%;padding:8px;position:absolute;bottom:15px;left:0;box-shadow:0 10px 25px #0009}.phone-camera{z-index:1;background:#0a0f17;border-radius:0 0 8px 8px;width:30%;height:8px;position:absolute;top:10px;left:35%}.learning-screen{aspect-ratio:1.45;color:#214162;box-sizing:border-box;text-align:center;background:#eef5ff;border-radius:5px;padding:4% 6%;font-size:clamp(8px,1vw,13px)}.screen-header{text-align:left;padding-bottom:7%;font-size:.9em;font-weight:700}.screen-voices{color:#8b9db4;justify-content:space-around;font-size:.8em;display:flex}.screen-voices strong{color:#ed235a}.screen-progress{background:#cce0fa;height:3px;margin:3% 10%}.screen-progress span{background:#1689ff;width:65%;height:100%;display:block}.screen-word{color:#f0004c;margin-top:3%;font-size:2.6em}.screen-translation{margin:0 0 4%;font-size:1em}.screen-input{text-align:left;color:#889db8;border:1px solid #b3cff0;border-radius:6px;padding:2%;font-size:.75em}.screen-input b{float:right;color:#0e93ff}.screen-card{border-radius:7px;margin:3% 0;padding:3%;font-size:.82em;line-height:1.25}.green{background:#dff6d8}.yellow{background:#fff0ae}.screen-speaker{color:#226496;margin:3% auto}.screen-buttons{justify-content:center;gap:4%;font-size:.7em;display:flex}.screen-buttons span{color:#fff;background:#0887f6;border-radius:7px;padding:4% 5%}.screen-buttons span:nth-child(2){background:#ffac20}.screen-buttons span:nth-child(3){background:#00b74b}.screen-caption{color:#8999ad;margin-top:4%;font-size:.6em}.compact{aspect-ratio:.48;border-radius:16px;padding:14% 7% 8%;font-size:clamp(7px,.7vw,9px)}.compact .screen-header{padding-bottom:18%}.compact .screen-word{margin-top:12%;font-size:2.5em}.compact .screen-card{margin:9% 0;padding:8% 4%}.compact .screen-voices{font-size:.65em}.closing-scene{box-sizing:border-box;background:linear-gradient(#04152620,#04152660),url(/assets/closing-landscape-DCrjtlw8.png) 50% 45%/cover;place-items:center;min-height:300px;padding:30px;display:grid}.closing-scene blockquote{text-align:center;color:#fff;text-shadow:0 2px 10px #000;max-width:650px;margin:0;font-size:clamp(21px,2.2vw,30px);line-height:1.4}.site-footer{color:#d4dce3;background:#030506;justify-content:space-between;align-items:center;gap:30px;padding:35px 6vw;display:flex}.site-footer img{width:145px;height:auto;display:block}.site-footer nav{gap:28px;display:flex}.site-footer nav a{font-size:14px;text-decoration:none}.site-footer small{color:#8996a3;font-size:12px}.inner-header{color:#e2f1ff;background:#030506;justify-content:space-between;align-items:center;padding:24px 6vw;display:flex}.inner-header img{width:145px}.inner-header a{text-decoration:none}.info-page{box-sizing:border-box;color:#e9f5ff;max-width:850px;min-height:65svh;margin:auto;padding:65px 24px}.info-page h1{margin:0 0 24px;font-size:clamp(32px,5vw,52px);line-height:1.2}.info-page p{max-width:650px;line-height:1.7}.info-page .project-button{margin-top:20px}.contact-email{color:#9dddff;font-size:clamp(20px,4vw,32px)}.detail-heading{align-items:center;gap:20px;display:flex}.detail-heading h1{margin:0}.project-status{background:#18354b;border-left:2px solid #55b9ff;padding:16px 20px}.info-page .devices{margin:30px auto}.info-page .learning-screen{font-size:13px}.info-page .compact{font-size:9px}@media (width<=800px){.project-section{background:linear-gradient(#041b32bb,#041b3222),url(/assets/project-landscape-C-Tc7jep.png) 50%/cover;grid-template-columns:1fr;gap:20px;padding:45px 24px 35px}.project-heading{gap:14px}.project-icon{width:124px;height:124px}.project-heading h2{font-size:28px}.project-heading p{font-size:14px}.project-description{max-width:440px;font-size:15px}.learning-screen{font-size:10px}.compact{font-size:7px}.section-divider{gap:12px;padding:26px 14px}.gold-line{flex-shrink:0;width:35px}.section-divider p{letter-spacing:.28em;font-size:9px}.section-divider small{font-size:11px}.site-footer{flex-direction:column;gap:23px;padding:30px 20px}.closing-scene{min-height:260px}.phone{border-radius:18px;padding:5px}.laptop-lid{border-radius:10px 10px 4px 4px;padding:7px}.desktop-break{display:none}.detail-heading{align-items:flex-start}.info-page .learning-screen{font-size:10px}.info-page .compact{font-size:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.laptop .learning-screen{aspect-ratio:1.5}.laptop .screen-header{padding-bottom:4%}.laptop .screen-word{margin-top:1%}.laptop .screen-translation{margin-bottom:2%}.laptop .screen-card{margin:2% 0;padding:2%}.laptop .screen-speaker{margin:2% auto}.laptop .screen-buttons span{padding:2% 5%}html.intro-locked,html.intro-locked body{overscroll-behavior:none;overflow:hidden}@media (width<=420px){.project-heading,.detail-heading{flex-wrap:wrap}}.project-icon-link{border-radius:20px;flex-shrink:0;display:block}.project-icon-link:focus-visible{outline-offset:5px;outline:3px solid #f2cc77}.matil-store{color:#eef3ff;background:#121a2d;min-height:100vh;font-family:system-ui,sans-serif}.matil-store *{box-sizing:border-box}.store-header,.store-footer{justify-content:space-between;align-items:center;max-width:1150px;margin:auto;padding:28px 24px;display:flex}.store-brand{color:#eaf3ff;letter-spacing:-1px;font-size:27px;font-weight:750;text-decoration:none}.store-header select{color:#eaf3ff;font:inherit;background:#25324e;border:1px solid #425374;border-radius:12px;padding:10px}.store-main{max-width:1150px;margin:auto;padding:20px 24px 50px}.store-intro{max-width:700px;padding:50px 0 45px}.store-eyebrow,.store-card-label{letter-spacing:2px;color:#adbce0;font-size:11px;font-weight:650}.store-intro h1{letter-spacing:-3px;color:#f3f6ff;margin:16px 0 26px;font-size:clamp(48px,7vw,80px);line-height:1.05}.store-intro h2{color:#d6e1f8;margin:15px 0;font-size:25px}.store-intro p:not(.store-eyebrow){color:#aebcd5;font-size:17px;line-height:1.6}.store-install{color:#fff;background:#8b72f2;border-radius:15px;align-items:center;gap:24px;margin-top:16px;padding:16px 22px;font-weight:650;text-decoration:none;display:inline-flex}.store-catalog-top{color:#adbcda;justify-content:space-between;align-items:center;padding:20px 0;font-size:14px;display:flex}.store-catalog-top button{color:#dce5f8;cursor:pointer;background:0 0;border:1px solid #465570;border-radius:12px;padding:9px 14px}.store-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.store-card{background:#1d2942;border:1px solid #34415d;border-radius:25px;flex-direction:column;gap:10px;padding:27px;display:flex}.store-icon{color:#fff;border-radius:23px;place-items:center;width:88px;height:88px;font-size:35px;font-weight:700;display:grid;box-shadow:0 8px 22px #0002}.store-card-label{margin:15px 0 0;font-size:9px}.store-card h3{color:#eef3ff;margin:0;font-size:27px}.store-description{color:#b4c3dc;min-height:70px;font-size:14px;line-height:1.6}.store-details{color:#aabbd6;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.store-details span{border:1px solid #45536f;border-radius:8px;padding:5px 9px}.store-download{color:#f2f5ff;background:#344565;border-radius:13px;justify-content:space-between;gap:12px;margin-top:auto;padding:13px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.store-download:hover{background:#445b82}.store-note{color:#a1b2d0;margin:26px 0;font-size:13px;line-height:1.6}.store-footer{color:#aab8ce;border-top:1px solid #34415d;font-size:13px}.store-footer a{color:#aebee4;text-decoration:none}.matil-store button:focus-visible,.matil-store a:focus-visible,.matil-store select:focus-visible{outline-offset:4px;outline:3px solid #ae9cff}@media (width<=800px){.store-cards{grid-template-columns:1fr}.store-card{grid-template-columns:88px 1fr;display:grid}.store-icon{grid-row:1/4}.store-card-label,.store-card h3,.store-description{grid-column:2}.store-description{min-height:0;margin:0}.store-details,.store-download{grid-column:1/-1}.store-intro{padding:30px 0}.store-main{padding:12px 18px 30px}.store-catalog-top{gap:10px}}.store-windows{font:inherit;cursor:pointer;background:#253655;border:1px solid #526384;margin-left:10px;font-size:15px}.store-windows:disabled{opacity:.5;cursor:default}@media (width<=600px){.store-windows{margin-left:0}}