@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&display=swap";
:root{--leading:28px;--half:14px;--font-heading:"Source Serif 4", "Noto Serif JP", serif;--font-body:"Source Serif 4", "Noto Serif JP", serif}body{text-wrap:pretty;font-family:var(--font-body);margin:0}h1,h2,h3{letter-spacing:0}.brand{align-items:baseline;gap:14px;display:flex}.brand-mark{font-family:var(--font-heading);letter-spacing:-.01em;font-size:22px;font-weight:600}.brand-sub{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 60%, transparent);font-size:12px}.rule-head{height:5px;margin:var(--half) 0 0;border:0;border-top:2px solid var(--color-text);border-bottom:1px solid var(--color-text)}.rule-cut{border:0;border-top:1px solid var(--color-text);height:0;margin:0}.dateline{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 68%, transparent);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:0;padding:9px 0;font-size:12px;display:flex}.kicker{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 65%, transparent);font-size:12px;display:block}.lede{font-size:15px;line-height:var(--leading);margin:var(--half) 0 0;max-width:40em;color:color-mix(in srgb, var(--color-text) 78%, transparent)}.leader{border-bottom:1px dotted color-mix(in srgb, var(--color-text) 30%, transparent);flex:1;align-self:flex-end;min-width:20px;margin-bottom:4px}.steps{margin:calc(1.5 * var(--leading)) 0 0;letter-spacing:.03em;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;display:flex}.steps .st{white-space:nowrap;color:color-mix(in srgb, var(--color-text) 42%, transparent)}.steps .st.done{color:color-mix(in srgb, var(--color-text) 70%, transparent)}.steps .st.live{color:var(--color-accent-700);font-weight:600}.steps .arr{color:color-mix(in srgb, var(--color-text) 30%, transparent)}.auth{grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:100vh;display:grid}.auth-main{flex-direction:column;padding:clamp(28px,4vw,56px) clamp(24px,5vw,80px) clamp(32px,4vw,56px);display:flex}.auth-body{padding:calc(2 * var(--leading)) 0;flex-direction:column;flex:1;justify-content:center;display:flex}.auth-inner{width:100%;max-width:420px}.auth h1{margin:10px 0 0;font-size:clamp(30px,3.6vw,42px);line-height:1.25}.auth-plate{background:var(--color-bg);grid-template-rows:minmax(0,1fr) auto;align-content:start;margin:0;display:grid}.auth-plate>.print{overflow:hidden}.auth-plate .print{filter:url(#sep-all);position:relative;overflow:hidden}.auth-plate .print img{object-fit:cover;width:100%;height:100%;display:block}.auth-plate figcaption{padding:var(--half) 28px calc(var(--half) + 4px);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 60%, transparent);font-size:11.5px}.form{gap:var(--space-3);margin-top:calc(1.5 * var(--leading));flex-direction:column;display:flex}.input{box-sizing:border-box;width:100%;min-height:38px;font-size:15px}.btn{min-height:38px}.actions{align-items:center;gap:var(--space-3);margin-top:var(--half);flex-wrap:wrap;display:flex}.alt{gap:var(--space-2);margin-top:var(--leading);flex-direction:column;display:flex}.oauth{justify-content:center;align-items:center;gap:10px;width:100%;min-height:40px;font-size:14px;display:flex}.oauth svg{flex:none;width:17px;height:17px}.divider{margin:var(--leading) 0 0;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 50%, transparent);align-items:center;gap:14px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--color-divider);flex:1}.code-input{letter-spacing:.42em;min-height:52px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:26px}.meta{font-size:13.5px;line-height:var(--leading);margin:var(--leading) 0 0;color:color-mix(in srgb, var(--color-text) 70%, transparent)}.meta a{color:var(--color-accent-700)}.foot-note{margin:calc(1.5 * var(--leading)) 0 0;color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:12px;line-height:1.7}.note{font-size:13.5px;line-height:var(--leading);margin:0}.note-err{color:var(--color-accent-2-700)}.note-ok{color:var(--color-accent-700)}.page{max-width:1080px;margin:0 auto;padding:clamp(28px,4vw,48px) clamp(24px,5vw,64px) 96px}.page h1{margin:10px 0 0;font-size:clamp(30px,3.6vw,42px);line-height:1.25}.page-body{padding:calc(2 * var(--leading)) 0 0}.plan-grid{gap:var(--leading) clamp(24px, 4vw, 56px);margin-top:calc(1.5 * var(--leading));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.plan-opt{cursor:pointer;border-top:1px solid var(--color-divider);padding:var(--leading) 0 var(--leading);display:block;position:relative}.plan-opt input{opacity:0;width:0;height:0;position:absolute}.plan-opt:hover .plan-name{color:var(--color-accent-700)}.plan-opt:has(input:checked){border-top:2px solid var(--color-accent)}.plan-opt:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:4px}.plan-name{font-family:var(--font-heading);font-size:21px;font-weight:600}.plan-price{font-family:var(--font-heading);letter-spacing:-.01em;font-feature-settings:"pnum" 1;margin-top:4px;font-size:34px;font-weight:600}.plan-price .per{color:color-mix(in srgb, var(--color-text) 60%, transparent);font-size:13px}.plan-opt ul{margin:var(--half) 0 0;color:color-mix(in srgb, var(--color-text) 78%, transparent);padding:0;font-size:14px;line-height:1.75;list-style:none}.plan-opt .picked{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-700);margin-top:var(--half);font-size:12px;font-weight:600;display:none}.plan-opt:has(input:checked) .picked{display:block}.pay-grid{gap:calc(1.5 * var(--leading)) clamp(32px, 6vw, 88px);margin-top:calc(1.5 * var(--leading));grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;display:grid}.summary{border-top:2px solid var(--color-text);padding-top:var(--leading)}.sum-row{align-items:baseline;gap:8px;padding:5px 0;font-size:14.5px;display:flex}.sum-total{border-top:1px solid var(--color-text);margin-top:var(--half);padding-top:var(--half);font-family:var(--font-heading);font-size:19px;font-weight:600}.row2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.mp-grid{gap:calc(1.5 * var(--leading)) clamp(32px, 6vw, 80px);margin-top:calc(1.5 * var(--leading));grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.mp-sec+.mp-sec{margin-top:calc(2 * var(--leading))}.mp-sec h2{margin:0 0 var(--half);font-size:21px}.dialog-backdrop{z-index:10}@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-plate{display:none}}@media (max-width:860px){.plan-grid,.pay-grid,.mp-grid,.row2{grid-template-columns:1fr}}