html[data-theme="system"]{--paper:#EAF2FF;--surface:#F6FAFF;--soft:#FFFFFF;--line:#D8E2F0;--ink:#101828;--muted:#344054;--subtle:#667085;--orange:#1677FF;--green:#E6F0FF;--success:#19A35B;--warning:#D99218;--hero-start:#061527;--hero-end:#10294A;--hero-ink:#F8FBFF;--hero-muted:#CBD5E1;--hero-line:#26364D;--hero-surface:#07111F;color-scheme:light;}
html[data-theme="system"][data-mode="dark"]{--paper:#020817;--surface:#07111F;--soft:#101B2B;--line:#26364D;--ink:#F8FBFF;--muted:#CBD5E1;--subtle:#94A3B8;--orange:#4C8DFF;--green:#132B4D;--success:#37D477;--warning:#F7B84B;--hero-start:#091426;--hero-end:#132A48;--hero-ink:#F8FBFF;--hero-muted:#CBD5E1;--hero-line:#26364D;--hero-surface:#07111F;color-scheme:dark;}
html[data-theme="ocean"]{--paper:#FFFFFF;--surface:#F8FCFD;--soft:#EAF4F6;--line:#D4E3E7;--ink:#182326;--muted:#344B52;--subtle:#7A8D93;--orange:#147C8A;--green:#DFF3F8;--success:#2FA866;--warning:#D3832F;--hero-start:#0F2A32;--hero-end:#1B4650;--hero-ink:#F8FFFF;--hero-muted:#D6E7EB;--hero-line:#2B474F;--hero-surface:#102024;color-scheme:light;}
html[data-theme="ocean"][data-mode="dark"]{--paper:#03090B;--surface:#102024;--soft:#1B3036;--line:#2B474F;--ink:#F8FFFF;--muted:#D6E7EB;--subtle:#8EA1A7;--orange:#5BBFD0;--green:#123946;--success:#61D994;--warning:#FFB15F;--hero-start:#152C33;--hero-end:#203D46;--hero-ink:#F8FFFF;--hero-muted:#D6E7EB;--hero-line:#2B474F;--hero-surface:#102024;color-scheme:dark;}
html[data-theme="forest"]{--paper:#FFFFFF;--surface:#FBFCF8;--soft:#EEF4EA;--line:#DCE7D8;--ink:#1D241E;--muted:#3D4A3F;--subtle:#7D897B;--orange:#4F7D5A;--green:#E8F2FF;--success:#2F9E5D;--warning:#C68A2F;--hero-start:#1E2A21;--hero-end:#314233;--hero-ink:#FBFFF9;--hero-muted:#E1ECDD;--hero-line:#394739;--hero-surface:#182019;color-scheme:light;}
html[data-theme="forest"][data-mode="dark"]{--paper:#060A07;--surface:#182019;--soft:#263126;--line:#394739;--ink:#FBFFF9;--muted:#E1ECDD;--subtle:#93A18F;--orange:#8BC79A;--green:#1B3556;--success:#67D991;--warning:#F2B85F;--hero-start:#202D22;--hero-end:#304032;--hero-ink:#FBFFF9;--hero-muted:#E1ECDD;--hero-line:#394739;--hero-surface:#182019;color-scheme:dark;}
html[data-theme="amber"]{--paper:#FFFFFF;--surface:#FFFDF9;--soft:#F4F1EA;--line:#E5DED2;--ink:#25211B;--muted:#4F463A;--subtle:#8B8275;--orange:#6A7E8F;--green:#E6F1FA;--success:#2F9E73;--warning:#C8872E;--hero-start:#24201A;--hero-end:#3A3126;--hero-ink:#FFFDF8;--hero-muted:#EEE4D6;--hero-line:#493F32;--hero-surface:#211C16;color-scheme:light;}
html[data-theme="amber"][data-mode="dark"]{--paper:#0B0905;--surface:#211C16;--soft:#302920;--line:#493F32;--ink:#FFFDF8;--muted:#EEE4D6;--subtle:#A69B8B;--orange:#9EC2DA;--green:#203648;--success:#64D9A6;--warning:#F6B764;--hero-start:#2B241C;--hero-end:#3C3328;--hero-ink:#FFFDF8;--hero-muted:#EEE4D6;--hero-line:#493F32;--hero-surface:#211C16;color-scheme:dark;}
html[data-theme="violet"]{--paper:#FFFFFF;--surface:#FCFBFF;--soft:#F0EFF8;--line:#E1DFF0;--ink:#211F2B;--muted:#464156;--subtle:#817C90;--orange:#6D5BD0;--green:#ECEEFF;--success:#2FA86D;--warning:#D1842E;--hero-start:#252334;--hero-end:#383251;--hero-ink:#FFFFFF;--hero-muted:#E8E3F5;--hero-line:#423C55;--hero-surface:#1E1B2A;color-scheme:light;}
html[data-theme="violet"][data-mode="dark"]{--paper:#080711;--surface:#1E1B2A;--soft:#2C283A;--line:#423C55;--ink:#FFFFFF;--muted:#E8E3F5;--subtle:#9D96AD;--orange:#A99BFF;--green:#272C58;--success:#67DA9D;--warning:#FFB76A;--hero-start:#29243C;--hero-end:#3B3357;--hero-ink:#FFFFFF;--hero-muted:#E8E3F5;--hero-line:#423C55;--hero-surface:#1E1B2A;color-scheme:dark;}
html[data-theme="neon"]{--paper:#F2F4FF;--surface:#FAFBFF;--soft:#FFFFFF;--line:#DCE0F2;--ink:#0E1022;--muted:#3A3F5A;--subtle:#6E7392;--orange:#4F46E5;--green:#E8E9FF;--success:#00A87E;--warning:#D98A00;--hero-start:#12102C;--hero-end:#2D2074;--hero-ink:#F2F4FF;--hero-muted:#C8CDEC;--hero-line:#2C2C44;--hero-surface:#0A0A14;color-scheme:light;}
html[data-theme="neon"][data-mode="dark"]{--paper:#000005;--surface:#0A0A14;--soft:#141420;--line:#2C2C44;--ink:#F2F4FF;--muted:#C8CDEC;--subtle:#8D92B4;--orange:#8583FF;--green:#1D1D48;--success:#2BE8B0;--warning:#FFC247;--hero-start:#0D0B24;--hero-end:#261A62;--hero-ink:#F2F4FF;--hero-muted:#C8CDEC;--hero-line:#2C2C44;--hero-surface:#0A0A14;color-scheme:dark;}
/* Website roles mapped onto the App's light and dark palettes. */
body{background:var(--paper);color:var(--ink)}.header{position:relative;z-index:5;gap:22px}.header>.nav-cta{display:none}.header>nav{margin-left:auto}.site-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.theme-control select,.appearance-button,.language-menu>summary{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:24px;min-height:38px;font-size:11px}.theme-control select{padding:9px 22px 9px 12px;width:122px;cursor:pointer}.appearance-button{width:38px;cursor:pointer;font-size:17px}.language-menu{position:relative}.language-menu>summary{padding:9px 12px;display:flex;align-items:center;gap:7px;white-space:nowrap}.language-menu>summary>span{font-size:13px}.language-menu nav{position:absolute;right:0;top:calc(100% + 9px);width:205px;display:flex!important;flex-direction:column;gap:3px!important;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 15px 40px #0002}.language-menu nav a{display:block!important;padding:10px;border-radius:6px;font-size:12px;white-space:nowrap}.language-menu nav a:hover,.language-menu nav a[aria-current]{background:var(--green);color:var(--ink)}.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}.header a:hover,.footer a:hover,.document-nav a:hover{color:var(--orange)}.brand strong{white-space:nowrap}.header .brand{flex-shrink:0}.header nav{white-space:nowrap}.small-tag{border-color:var(--line)}.hero .eyebrow{letter-spacing:1px}.hero-art:before{background:radial-gradient(ellipse,var(--green),transparent 70%)}.orbit{border-color:var(--line)}.art-cross,.art-caption{color:var(--subtle)}.device{background:var(--surface);border-color:var(--hero-start);box-shadow:10px 15px 0 color-mix(in srgb,var(--orange) 5%,transparent),20px 27px 48px #0003,0 0 0 1px var(--line)}.label-top{background:var(--surface);border-color:var(--line)}.cost-sticker,.ticker,.get-app{background:var(--hero-start);color:var(--hero-ink)}.sticker-arrow,.ticker span,.get-app-top>span:last-child{color:var(--orange)}.ticker{border-color:var(--hero-line)}.get-app{background:linear-gradient(120deg,var(--hero-start),var(--hero-end))}.get-app .button{background:var(--hero-ink);color:var(--hero-start)}.dark{background:var(--hero-start);color:var(--hero-ink)}.button:hover{background:var(--hero-end);color:var(--hero-ink)}.daily-card{background:linear-gradient(125deg,var(--hero-start),var(--hero-end));color:var(--hero-ink)}.island{background:var(--hero-start)}.daily-bottom,.screen-amount>span{color:var(--hero-muted)}.daily-bottom>span:last-child{color:var(--success)}.mini-rule{background:linear-gradient(to right,var(--orange) 66%,var(--hero-line) 66%)}.screen-tabs{color:var(--subtle)}.asset-icon{background:var(--green)}.asset-row{border-color:var(--line)}.laptop i,.headphones i{border-color:var(--orange)}.laptop i:after,.camera i{background:var(--orange)}.camera i:after{border-color:var(--surface)}.cost-feature{background:var(--green)}.value-feature{background:var(--soft)}.small-feature{background:var(--surface)}.old-price,.visual-arrow,.visual-caption{color:var(--muted)}.feature-symbol{color:var(--orange)}.chart-grid{stroke:var(--line)}.chart-fill{fill:var(--green)}.chart-line{stroke:var(--orange)}.value-chart circle{fill:var(--warning)}.lab{background:var(--hero-start);color:var(--hero-ink)}.lab .eyebrow,.lab-copy>p:not(.eyebrow),.lab-formula>span{color:var(--hero-muted)}.calculator{background:var(--hero-surface);border-color:var(--hero-line)}.calc-top .mono,.calc-result>span:first-child,.calc-result>span:last-child,.range-ends,.calc-bottom{color:var(--hero-muted)}.calc-result>output,.control output,.live-label,.calc-bottom strong,.calc-bottom button{color:var(--hero-ink)}.calc-bottom{border-color:var(--hero-line)}.live-label i{background:var(--success)}.privacy-art{background:radial-gradient(ellipse,var(--green),transparent 67%)}.privacy-rings,.privacy-rings:before,.privacy-rings:after{border-color:var(--line)}.lock{background:linear-gradient(130deg,var(--orange),var(--hero-start));box-shadow:18px 22px 30px #0002}.lock>span{border-color:var(--orange);box-shadow:inset 2px 0 2px var(--green)}.lock>i{background:var(--hero-ink)}.privacy-list li>span{color:var(--subtle)}.document-body .english{color:var(--muted)}.contact-card{background:var(--hero-start);color:var(--hero-ink)}.contact-card a{color:var(--hero-ink)}.document-callout{background:var(--green)}.document-nav a[aria-current]{color:var(--orange)}.footer{gap:24px}.footer>span{display:none}html[lang=en] h1{white-space:normal;line-height:1.15;letter-spacing:-2.5px}html[lang=en] .hero h1{font-size:clamp(43px,4.6vw,66px)}html[lang=en] .hero-note{font-size:10px}html[lang=en] .screen-brand{font-size:17px}html[lang=en] .screen-amount{font-size:34px}html[lang=en] .screen-amount small{font-size:12px}html[lang=en] .asset-row strong{font-size:8px}html[lang=en] .screen-stats strong{font-size:15px}html[lang=en] .cost-sticker strong{font-size:17px}html[lang=en] .feature-card h3{font-size:23px}html[lang=en] .small-feature h3{font-size:19px}html[lang=en] .cost-visual strong{font-size:40px}html[lang=en] .old-price{font-size:20px}html[lang=en] .calc-result>output{font-size:55px}html[lang=ja] .hero h1{font-size:clamp(38px,4.4vw,61px)}html[lang=ja] .asset-row strong{font-size:8px;max-width:125px}html[lang=ja] .screen-amount{font-size:33px}html[lang=ja] .screen-amount small{font-size:12px}html[lang=ja] .cost-visual strong{font-size:38px}html[lang=ja] .old-price{font-size:19px}.art-footnote{max-width:100%;text-align:center;line-height:1.5}.hero-note{flex-wrap:wrap}.hero h1 .orange{display:inline-block}.document-header .brand strong span{display:none}@media(max-width:1050px){.header>nav{display:none}.site-controls{margin-left:auto}.document-header>nav{display:none}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html[lang=en] .hero-description{font-size:14px}.cost-visual{flex-wrap:wrap}}@media(max-width:800px){.header{gap:8px}.header .brand strong span{display:none}.hero{grid-template-columns:minmax(0,1fr)}.site-controls{gap:6px}.theme-control select{width:110px}.language-menu>summary{padding-inline:10px}.document-header .brand img{display:block}.document-header .brand strong{font-size:22px}html[lang=en] .hero h1{font-size:53px}html[lang=en] .hero-description{font-size:14px}html[lang=en] .hero-actions{gap:18px}html[lang=en] .hero-actions .button{gap:18px;font-size:12px}html[lang=ja] .hero h1{font-size:42px}.footer>div{justify-content:center}.legal-links{gap:14px}.document-hero h1{font-size:34px}.document-nav{position:static}.header .brand{gap:7px}.header .brand img{width:29px;height:29px}.header .brand strong{font-size:20px}.hero-art{overflow:visible}}@media(max-width:480px){.wrap{width:calc(100% - 32px)}.header .brand img{display:none}.header .brand strong{font-size:20px}.theme-control select{width:98px;font-size:10px;padding-left:9px}.site-controls{gap:5px}.appearance-button{min-height:34px;width:32px;font-size:15px}.language-menu>summary{font-size:10px;gap:5px;padding:8px;min-height:34px}.theme-control select{min-height:34px}.hero-actions{flex-wrap:wrap}.hero .eyebrow{font-size:9px;letter-spacing:.5px}.document-footer>div{gap:15px}html[lang=ja] .hero h1{font-size:38px}html[lang=en] .hero h1{font-size:46px}.calc-result>output{font-size:54px}.calc-result{gap:5px}.cost-visual{gap:15px}.hero-art{width:100%;margin-inline:0}.label-top{right:5px}}@media(max-width:360px){.wrap{width:calc(100% - 24px)}.theme-control select{width:87px}.header .brand strong{font-size:17px}.language-menu>summary{padding-inline:6px}.header{gap:4px}.hero .eyebrow{font-size:8px}.small-tag{font-size:8px}html[lang=en] .hero h1{font-size:42px}html[lang=ja] .hero h1{font-size:33px}.control label{font-size:10px}.control output{font-size:10px}.calc-result>output,html[lang=en] .calc-result>output{font-size:45px}.calc-top .mono{font-size:8px}.live-label{font-size:8px}}

html[lang=en] .brand strong span{display:none}.skip-link{background:var(--hero-start);color:var(--hero-ink)}

/* Quiet Precision: native app typography, ledger lines and restrained depth. */
:root{--display:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC",sans-serif}
body{background-image:linear-gradient(180deg,color-mix(in srgb,var(--surface) 75%,transparent),transparent 900px)}
.header{border-bottom:1px solid var(--line)}
h1,h2,h3{font-family:ui-rounded,"SF Pro Rounded",var(--display)}
.hero{position:relative}
.hero-art{background-image:linear-gradient(color-mix(in srgb,var(--line) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 35%,transparent) 1px,transparent 1px);background-size:48px 48px;background-position:center}
.hero-art:before{inset:8%;background:radial-gradient(ellipse,color-mix(in srgb,var(--orange) 12%,transparent),transparent 68%)}
.orbit-two,.cross-two{display:none}
.orbit-one{opacity:.55}
.worth svg{bottom:-7px;height:12px;stroke-width:2}
.device{transform:rotate(-3deg);box-shadow:0 24px 64px #06152729,0 0 0 1px var(--line)}
.label-top,.cost-sticker{border-radius:12px;transform:none;animation:none;box-shadow:0 8px 24px #06152714}
.cost-sticker{border:1px solid var(--hero-line);padding:18px 22px}
.cost-sticker strong{letter-spacing:-.5px}
.art-cross{color:var(--orange)}
.daily-card,.feature-card,.calculator,.get-app{border-radius:16px}
.feature-card{background:linear-gradient(135deg,var(--soft),var(--surface));box-shadow:0 5px 10px color-mix(in srgb,var(--ink) 5%,transparent)}
.cost-feature{background:linear-gradient(135deg,var(--green),var(--surface))}
.screen-amount,.screen-stats strong,.cost-visual strong,.calc-result>output{font-family:ui-rounded,"SF Pro Rounded",var(--display);font-variant-numeric:tabular-nums}
.button{border-radius:12px}
.text-link{border-color:var(--line)}
.ticker{background:var(--surface);color:var(--muted);border-color:var(--line);padding-block:16px}
.ticker>div{font-size:12px;letter-spacing:1px;font-weight:500}
.ticker span{font-size:16px}
.lab{background:linear-gradient(125deg,var(--hero-start),var(--hero-end))}
.lock{transform:rotate(-3deg)}
.privacy-rings:after{display:none}
.footer{border-top:1px solid var(--line);margin-top:48px}
select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(min-width:801px){.hero{padding-block:64px}.hero-art{height:625px}.section{padding-block:96px}}
@media(max-width:800px){.hero-art{background-size:40px 40px}.label-top{top:100px}.cost-sticker{bottom:78px}}