:root{--canvas:#f3f5f7;--paper:#fff;--ink:#191a1c;--muted:#666a70;--line:#e0e2e5;--line-strong:#d3d6da;--warm:#cdb08a;--warm-text:#826649;--warm-pale:#f3ede5;--cool:#9fb3cf;--cool-text:#607996;--cool-pale:#e9eef5;--navy:#071f49;--radius:8px;--serif:"Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;--sans:"Yu Gothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.75}a,button{color:inherit;font:inherit}a{text-underline-offset:4px}.page-canvas{min-height:100vh;padding:clamp(22px,4vw,58px)}.profile-sheet{border-radius:var(--radius);background:var(--paper);border:1px solid #e6e8ea;width:min(100%,1000px);min-height:calc(100vh - clamp(44px,8vw,116px));margin:0 auto;padding:0 clamp(26px,5.5vw,62px) 34px;overflow:hidden;box-shadow:0 24px 70px #282e370f}.profile{grid-template-columns:210px minmax(0,1fr);align-items:center;gap:clamp(42px,6.5vw,76px);max-width:850px;margin:0 auto;padding:clamp(64px,9vw,94px) 10px clamp(62px,8vw,82px);display:grid}.profile-logo{aspect-ratio:1;background:var(--navy);border-radius:50%;place-items:center;width:210px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 38px #071f4924}.profile-logo img{width:82%;height:auto}.profile-copy h1{font-family:var(--serif);letter-spacing:.07em;margin:0;font-size:clamp(40px,5vw,54px);font-weight:600;line-height:1.25}.profile-role{color:#36383c;letter-spacing:.12em;margin:13px 0 0;font-size:13px;font-weight:700}.social-links{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:28px;display:flex}.social-links a,.social-link--disabled{color:#484b50;align-items:center;gap:7px;font-size:12px;transition:color .14s;display:inline-flex}.social-links a:hover{color:var(--navy)}.social-link--disabled{color:#a6abb1;cursor:default}.social-links svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55px;width:20px;height:20px}.support-section{border-top:1px solid var(--line);padding:clamp(52px,7vw,74px) 8px 58px}.section-heading{justify-items:center;display:grid}.section-heading h2{font-family:var(--serif);letter-spacing:.08em;margin:0;font-size:28px;font-weight:600}.section-heading>span{border-top:3px solid var(--cool);width:40px;margin-top:12px}.support-options{max-width:540px;margin:38px auto 0}.support-card{border-radius:var(--radius);text-align:center;background:linear-gradient(#fff 0%,#fbfcfe 100%);border:1px solid #d4dde8;flex-direction:column;min-height:420px;padding:43px 40px 34px;display:flex;box-shadow:0 14px 32px #43566e09}.support-kind{border-radius:var(--radius);background:var(--cool-pale);color:#52677f;letter-spacing:.04em;align-self:center;margin:0;padding:7px 18px;font-size:13px;font-weight:600}.support-card h3{color:#26394e;font-family:var(--serif);letter-spacing:.06em;margin:31px 0 0;font-size:clamp(30px,4vw,38px);font-weight:600;line-height:1.35}.support-card-subtitle{color:var(--muted);margin:7px 0 0;font-size:13px}.card-rule{border-top:1px solid var(--line);margin-top:27px}.support-points{text-align:left;gap:13px;margin:25px 0 28px;padding:0;list-style:none;display:grid}.support-points li{color:#3e444b;align-items:center;gap:11px;font-size:13px;display:flex}.support-points svg{fill:none;stroke:#617b98;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;flex:none;width:17px;height:17px}.payment-action{margin-top:auto}.payment-action a,.payment-action button{border:1px solid var(--warm);border-radius:var(--radius);background:var(--warm);color:#fff;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:15px 18px;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;transition:transform .14s,filter .14s;display:flex}.payment-action--secondary a,.payment-action--secondary button{background:#123667;border-color:#123667}.payment-action a:hover{filter:brightness(.96);transform:translateY(-1px)}.payment-action button:disabled{color:#a2a5a8;cursor:not-allowed;background:#eceeef;border-color:#e0e1e2}.payment-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:18px;height:18px}.payment-information{border-top:1px solid var(--line);text-align:center;justify-items:center;padding:40px 20px 25px;display:grid}.lock-icon{border:1.5px solid;border-radius:3px;width:17px;height:16px;margin-bottom:10px;position:relative}.lock-icon span{border:1.5px solid;border-bottom:0;border-radius:7px 7px 0 0;width:9px;height:8px;position:absolute;bottom:13px;left:3px}.payment-information h2{margin:0;font-size:17px;font-weight:600}.payment-information p{color:var(--muted);margin:10px 0 0;font-size:11px}.site-footer{padding-top:12px}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:8px 0;display:flex}.site-footer nav>*{border-right:1px solid var(--line-strong);padding:0 17px;font-size:11px}.site-footer nav>:last-child{border-right:0}:focus-visible{outline-offset:4px;outline:3px solid #6783a6}@media (max-width:720px){.page-canvas{padding:0}.profile-sheet{min-height:100vh;box-shadow:none;border:0;border-radius:0;padding-inline:22px}.profile{text-align:center;grid-template-columns:1fr;justify-items:center;gap:28px;padding-top:48px}.profile-logo{width:158px}.social-links{justify-content:center}.support-options{max-width:430px}}@media (max-width:420px){.profile-copy h1{font-size:39px}.profile-role{font-size:11px}.support-section{padding-inline:0}.support-card{min-height:400px;padding:36px 25px 25px}.support-points li{align-items:flex-start}.site-footer nav>*{padding-inline:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.mock-checkout-page{background:#eef1f4;place-items:center;min-height:100vh;padding:32px 20px;display:grid}.mock-checkout-panel{border-radius:var(--radius);background:#fff;border:1px solid #dfe3e7;width:min(100%,470px);padding:32px;box-shadow:0 22px 65px #0f1d2f17}.mock-checkout-header{justify-content:space-between;align-items:center;display:flex}.mock-checkout-header a{color:#5b626b;font-size:24px;line-height:1;text-decoration:none}.test-flag{color:#526b84;letter-spacing:.14em;border:1px solid #c8d3df;border-radius:4px;width:fit-content;margin:0;padding:4px 8px;font-size:10px;font-weight:800;line-height:1.4}.mock-brand{align-items:center;gap:13px;margin-top:28px;display:flex}.mock-brand img{background:var(--navy);object-fit:contain;border-radius:50%;width:52px;height:52px;padding:5px}.mock-brand p{font-family:var(--serif);letter-spacing:.08em;margin:0;font-size:20px;font-weight:600;line-height:1.3}.mock-brand span{color:var(--muted);font-size:12px}.mock-checkout-panel h1{font-family:var(--serif);letter-spacing:.04em;margin:36px 0 0;font-size:25px}.mock-lead{color:var(--muted);margin:6px 0 25px;font-size:13px}.amount-field>span:first-child{margin-bottom:7px;font-size:12px;font-weight:700;display:block}.amount-input{border-radius:var(--radius);background:#fff;border:1px solid #cfd5db;align-items:center;height:62px;padding:0 17px;display:flex}.amount-input:focus-within{border-color:#6d8cab;outline:3px solid #6d8cab2e}.amount-input b{color:#4a535c;font-family:var(--serif);font-size:25px;font-weight:500}.amount-input input{width:100%;color:var(--ink);font-family:var(--serif);text-align:right;background:0 0;border:0;outline:0;font-size:30px}.field-help{color:#777d84;margin:5px 0 0;font-size:10px}.amount-suggestions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.amount-suggestions button{color:#4f5963;cursor:pointer;background:#fafbfc;border:1px solid #d6dce2;border-radius:6px;padding:9px 5px;font-size:12px}.amount-suggestions button:hover{background:#f3f6f9;border-color:#9fb3c8}.mock-summary{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-top:28px;padding-top:20px;font-size:13px;display:flex}.mock-summary strong{font-family:var(--serif);font-size:27px}.mock-submit,.mock-back{border-radius:var(--radius);background:var(--navy);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;width:100%;min-height:56px;margin-top:24px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.mock-submit:disabled{cursor:not-allowed;background:#d9dde1}.mock-disclaimer{color:#777d84;text-align:center;margin:12px 0 0;font-size:10px}.mock-checkout-complete{text-align:center}.mock-checkout-complete .test-flag{margin-inline:auto}.mock-check{color:#426b8e;background:#e8f0f7;border-radius:50%;place-items:center;width:58px;height:58px;margin:30px auto 0;font-size:27px;display:grid}.mock-checkout-complete h1{margin-top:22px}.mock-checkout-complete>p:not(.test-flag,.mock-total){color:var(--muted);font-size:12px}.mock-total{font-family:var(--serif);margin:12px 0;font-size:33px;font-weight:600}@media (max-width:520px){.mock-checkout-page{background:#fff;padding:0}.mock-checkout-panel{min-height:100vh;box-shadow:none;border:0;padding:26px 22px}}.info-page-canvas{background:var(--canvas);min-height:100vh;padding:clamp(22px,4vw,58px)}.info-sheet{border-radius:var(--radius);background:var(--paper);border:1px solid #e3e6e9;width:min(100%,780px);margin:0 auto;padding:clamp(34px,6vw,62px);box-shadow:0 24px 70px #282e370f}.info-back{color:#5c6570;font-size:12px;text-decoration:none}.info-back:hover{color:var(--navy)}.info-header{border-bottom:1px solid var(--line);margin-top:45px;padding-bottom:32px}.info-header p{color:#5f7590;letter-spacing:.16em;margin:0;font-size:11px;font-weight:800}.info-header h1{font-family:var(--serif);letter-spacing:.06em;margin:9px 0 0;font-size:clamp(34px,5vw,46px);font-weight:600;line-height:1.35}.info-header span{color:#81868c;margin-top:9px;font-size:10px;display:block}.info-sections{gap:0;display:grid}.info-sections section{border-bottom:1px solid var(--line);padding:30px 0}.info-sections h2{font-family:var(--serif);letter-spacing:.04em;margin:0 0 13px;font-size:20px;font-weight:600}.info-sections p{color:#4f545a;margin:9px 0 0;font-size:13px;line-height:2}.info-sections a{color:#244d7b}.info-footer{flex-wrap:wrap;gap:12px 24px;padding-top:30px;display:flex}.info-footer a{color:#334a64;font-size:12px}@media (max-width:600px){.info-page-canvas{background:#fff;padding:0}.info-sheet{min-height:100vh;box-shadow:none;border:0;padding:30px 22px 40px}.info-header{margin-top:38px}}
