.shell{position:relative;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}.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}.lang-toolbar{position:fixed;top:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,2vw,1.25rem);z-index:2}.lang-select{font-family:inherit;font-size:.875rem;font-weight:500;padding:.5rem 2.25rem .5rem .85rem;border:1px solid #d1d5db;border-radius:999px;background-color:#ffffffeb;color:#111827;cursor:pointer;box-shadow:0 1px 3px #1118270f;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M2.5 4h7L6 8.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;min-height:2.5rem}.lang-select:hover{border-color:#9ca3af}.lang-select:focus{outline:none;border-color:#00b442;box-shadow:0 0 0 3px #00b44240}.dot-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#f3f4f6;background-image:radial-gradient(circle,rgb(199 204 210) 1.05px,transparent 1.15px);background-size:20px 20px;background-position:0 0;pointer-events:none;mask-image:radial-gradient(ellipse 85% 75% at 50% 42%,#000 0%,#000 55%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 42%,#000 0%,#000 55%,transparent 100%)}.main{position:relative;z-index:1;flex:1;width:100%;max-width:1100px;margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem) clamp(1.25rem,4vw,2rem);display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}@media (max-width: 768px){.main{padding-top:max(clamp(3.85rem,13vw,5.25rem),calc(env(safe-area-inset-top,0px) + 3.35rem))}}.grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.75rem,4vw,3rem);align-items:center;justify-items:center;width:100%}@media (max-width: 768px){.grid{grid-template-columns:1fr;text-align:center}.col--text{order:1;align-items:center;text-align:center}.col--visual{order:2}.title-row{justify-content:center}.title-stack,.title{text-align:center}.title-stack .title:after{margin-left:auto;margin-right:auto}}.col--text{display:flex;flex-direction:column;gap:1.125rem;align-items:flex-end;text-align:right;width:100%;max-width:42rem;justify-self:center}.title-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.65rem}.brand-logo{width:44px;height:44px;object-fit:contain;flex-shrink:0}.title-stack{min-width:0;text-align:right}.title{margin:0;font-size:clamp(2rem,5vw,2.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#111827;text-align:right}.title-stack .title:after{content:"";display:block;width:3rem;height:4px;margin-top:.75rem;margin-left:auto;border-radius:2px;background:#00b442}.description{margin:0;font-size:clamp(1rem,2.2vw,1.125rem);line-height:1.55;font-weight:400;color:#374151;max-width:40ch;text-align:right}@media (max-width: 768px){.description{max-width:42ch;margin-left:auto;margin-right:auto;text-align:center}}.col--visual{display:flex;justify-content:center;align-items:center;justify-self:center}.portrait-frame{width:min(100%,320px);aspect-ratio:.495;border-radius:20px;overflow:hidden;box-shadow:0 6px 10px -2px #11182717,0 14px 28px -5px #1118271a,0 24px 48px -12px #1118271f;background:#fff}.portrait-frame--fallback{background:linear-gradient(145deg,#e5e7eb,#f3f4f6);border:1px dashed #c7ccd2;box-shadow:none}.portrait-img{width:100%;height:100%;object-fit:cover;display:block}.portrait-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.portrait-placeholder__label{font-size:.8rem;font-weight:600;color:#6b7280;text-align:center}.coming-soon-block{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;margin-top:.25rem}@media (max-width: 768px){.coming-soon-block{align-items:center}}.platform-icons{display:flex;flex-direction:row;align-items:center;gap:1.125rem}.platform-icon{display:block;flex-shrink:0;color:#4b5563;transition:color .2s ease,transform .2s ease}.platform-icon:hover{color:#111827;transform:translateY(-2px)}.platform-icon--android:hover{color:#3ddc84}.coming-soon{display:inline-block;margin:0;font-size:clamp(1rem,2.2vw,1.2rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#00b442;text-align:right;will-change:opacity,transform;animation:coming-soon-pulse 2s ease-in-out infinite}@media (max-width: 768px){.coming-soon{margin-left:auto;margin-right:auto;text-align:center}}@keyframes coming-soon-pulse{0%,to{opacity:.55;transform:scale(1);text-shadow:0 0 0 transparent}50%{opacity:1;transform:scale(1.06);text-shadow:0 0 18px rgb(0 180 66 / .45)}}@keyframes coming-soon-fade{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.coming-soon{will-change:opacity;transform:none;text-shadow:none;animation:coming-soon-fade 2s ease-in-out infinite}.platform-icon:hover{transform:none}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Ubuntu,Noto Sans JP,Noto Sans SC,Noto Sans Thai,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#111827}