:root{color-scheme:dark;--bg:#061323;--text:#f5f7fa;--muted:#a9bac8;--cyan:#65d8ec;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Hiragino Kaku Gothic ProN',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}header{display:flex;justify-content:space-between;align-items:center;padding-block:23px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:12px}.logo-symbol{display:block;width:48px;height:54px;overflow:hidden;position:relative;mix-blend-mode:screen}.logo-symbol img{position:absolute;width:84px;height:84px;max-width:none;left:-18px;top:-7px}.brand-name{font-size:27px;font-weight:650;letter-spacing:-1px;line-height:1.05}.brand-name small{display:block;font-size:11px;font-weight:400;letter-spacing:.5px;color:var(--muted);margin-top:7px}.language{display:flex;align-items:center;gap:10px;font-size:18px}.language>span{color:var(--cyan)}select{font:inherit;font-size:14px;background:var(--bg);color:var(--text);border:0;padding:9px 4px;cursor:pointer;max-width:155px}a:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center;padding-block:94px 98px}.eyebrow{font-size:12px;letter-spacing:1.2px;color:var(--cyan);font-weight:600;margin:0 0 22px}h1{font-size:clamp(40px,4.2vw,58px);font-weight:560;line-height:1.14;letter-spacing:-2.5px;margin:0 0 25px}h1 em{font-style:normal;color:var(--cyan)}.lead{font-size:18px;color:var(--muted);max-width:450px;line-height:1.7;margin:0 0 30px}.store{display:inline-flex;align-items:center;gap:12px;background:var(--text);color:var(--bg);border-radius:9px;padding:10px 20px;min-height:62px;transition:background .2s}.store:hover{background:var(--cyan)}.apple{width:32px;height:36px}.store small{display:block;font-size:12px;line-height:1.3}.store strong{font-size:23px;font-weight:600;line-height:1.2}.coming{font-size:13px;color:var(--muted);margin:12px 0 0}.explore{display:inline-block;border-bottom:1px solid #ffffff40;padding-bottom:5px;margin-top:30px;font-size:14px}.work-summary{background:#e2f0f2;color:#0b303b;border-radius:4px 4px 20px 20px;padding:28px 30px 0;box-shadow:12px 16px 0 #0e2a3a;border-top:5px solid #51cde2}.summary-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid #183e5028}.summary-head>span:first-child{font-size:13px;letter-spacing:2px;font-weight:750}.summary-tag{font-size:11px;color:#4b6b73;text-align:right}.summary-total{padding-block:26px 22px}.summary-total>span{font-size:14px;color:#4b6b73}.summary-total>strong{display:block;font-size:58px;font-weight:500;line-height:1.4;letter-spacing:-2px;font-variant-numeric:tabular-nums}.summary-total strong span{font-size:24px;font-weight:400;color:#4b6b73}.time-track{display:flex;align-items:center;gap:18px;margin-bottom:22px;padding-bottom:23px;border-bottom:1px solid #183e5028}.time-track div{display:flex;flex-direction:column}.time-track div>span{font-size:12px;color:#4b6b73}.time-track strong{font-size:23px;font-weight:550}.track-line{height:1px;flex:1;background:#74a0ab;position:relative}.track-line:after{content:'';position:absolute;right:0;width:5px;height:5px;border-top:1px solid #74a0ab;border-right:1px solid #74a0ab;transform:rotate(45deg);top:-2px}.summary-row{display:flex;justify-content:space-between;gap:16px;padding-block:7px;font-size:14px}.summary-row strong{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.summary-bottom{display:flex;justify-content:space-between;gap:18px;margin:23px -30px 0;padding:17px 30px;background:#c9e4e8;border-radius:0 0 20px 20px;font-size:13px}.features{padding-block:64px 80px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;margin-bottom:48px}h2{font-size:clamp(28px,3vw,38px);font-weight:520;line-height:1.23;letter-spacing:-1.1px;margin:0}.section-heading>p{font-size:16px;color:var(--muted);margin:4px 0 0;max-width:390px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 62px}.feature{display:grid;grid-template-columns:28px 1fr;gap:16px;border-top:1px solid var(--line);padding:27px 0 30px}.feature-number{font-size:12px;font-variant-numeric:tabular-nums;color:var(--cyan);padding-top:5px}.feature h3{font-weight:550;font-size:19px;line-height:1.45;margin:0 0 12px}.feature p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.download-section{padding:48px 0;border-block:1px solid var(--line)}.download-section>div{display:grid;grid-template-columns:1.5fr 1fr;column-gap:70px;align-items:start}.download-section .eyebrow{grid-column:1;margin-bottom:15px}.download-section h2{grid-column:1;grid-row:2 / span 2}.download-section p[data-t=endText]{display:none}.download-section .store{grid-column:2;grid-row:2;justify-self:start}.download-section .coming{grid-column:2;grid-row:3}.price-note{grid-column:2;font-size:12px;color:var(--muted);margin:10px 0 0}.disclaimer{font-size:12px;color:var(--muted);padding-block:28px;margin-block:0}footer{display:flex;justify-content:space-between;align-items:center;padding-block:24px;border-top:1px solid var(--line)}footer>span{font-size:12px;color:var(--muted)}@media(max-width:950px){.hero{gap:40px}h1{font-size:43px}.work-summary{padding:24px 23px 0}.summary-bottom{margin-inline:-23px;padding-inline:23px}.section-heading{gap:30px}.feature-grid{gap:0 32px}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}header{padding-block:16px}.logo-symbol{width:40px;height:47px}.logo-symbol img{width:74px;height:74px;left:-17px;top:-6px}.brand-name{font-size:24px}.hero{grid-template-columns:1fr;padding-block:44px 60px;gap:37px}h1{font-size:42px;letter-spacing:-1.7px}.lead{font-size:16px;max-width:420px}.eyebrow{font-size:11px;letter-spacing:.8px}.work-summary{max-width:430px;width:calc(100% - 10px);justify-self:start;padding-top:20px}.summary-head{padding-bottom:15px}.summary-total{padding-block:17px 12px}.summary-total>strong{font-size:48px}.time-track{padding-bottom:15px;margin-bottom:15px}.summary-bottom{margin-top:15px}.features{padding-block:42px 38px}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:28px}h2{font-size:29px;letter-spacing:-.8px}.feature-grid{grid-template-columns:1fr}.feature{padding-block:23px;grid-template-columns:24px 1fr;gap:12px}.feature p{font-size:16px}.download-section{padding-block:32px}.download-section>div{display:block}.download-section h2{margin-bottom:24px}.language{gap:4px}select{max-width:125px;font-size:13px}.disclaimer{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.store{transition:none}}

/* Original artwork inspired by the OneguS identity. */
.hero{grid-template-columns:1.05fr 1.15fr;gap:32px}.brand-hero{align-self:center;overflow:hidden;border-radius:12px}.brand-hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.download-section{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.reports-art{width:100%;height:auto;display:block;border-radius:12px}.download-section>div{display:block}.download-section h2{margin-bottom:24px}.download-section .store{margin-top:0}.download-section .price-note{margin-top:12px}@media(max-width:650px){.hero{grid-template-columns:1fr;gap:30px}.brand-hero{width:100%}.download-section{grid-template-columns:1fr;gap:28px}.reports-art{max-width:430px}.hero{padding-bottom:40px}}

.brand-hero.real-screen{width:min(100%,300px);margin:0;justify-self:center;overflow:visible;border-radius:0;position:relative}.real-screen:before{content:"";position:absolute;inset:-24px -85px;background:url("assets/kyuryo-hours.png") center/cover no-repeat;opacity:.32;border-radius:24px;z-index:-1}.real-screen img{width:100%;height:auto;aspect-ratio:1180/2096;object-fit:contain;border:1px solid #396477;border-radius:20px;box-shadow:0 20px 55px #0005}.real-screen figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:13px}.hero{isolation:isolate}@media(max-width:650px){.brand-hero.real-screen{width:min(82%,280px)}.real-screen:before{inset:0 -30px}}
