:root{--paper:#f7f5ef;--white:#fffefa;--ink:#203c36;--muted:#6b756f;--line:#dcded4;--green:#244d41;--light-green:#e9eee2;--accent:#b76241;--focus:#bb653c;--radius:20px;font-family:'Yu Gothic UI','Hiragino Kaku Gothic ProN','Meiryo',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button:disabled{cursor:default;opacity:.4}button,input,select{color:inherit}button{touch-action:manipulation}h1,h2,h3,p{margin:0}p{line-height:1.9}button{line-height:1.5}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:12px}.site-header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:24px;font-weight:750;letter-spacing:.035em}.brand-icon{font-family:Georgia,serif;font-size:42px;line-height:1;transform:rotate(-27deg);display:inline-block}.beta{font-size:10px;border:1px solid #b6c1b6;border-radius:4px;padding:3px 6px;margin-left:6px;letter-spacing:.04em;color:var(--muted)}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{background:var(--green);color:white;padding:11px 20px;border-radius:25px;display:flex;gap:20px;align-items:center}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:466px;padding-top:26px;padding-bottom:40px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.12em;color:var(--muted)}.small-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px}.hero h1{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:600;font-size:50px;line-height:1.55;letter-spacing:.055em;margin:17px 0 16px}.mobile-break{display:none}.hero-description{font-size:14px;color:#53665d}.hero-meta{display:flex;gap:18px;margin-top:24px;font-size:11px;color:var(--muted)}.hero-meta span::before{content:'✓';margin-right:5px;color:var(--green)}.hero-art{height:350px;position:relative;margin-left:15px;isolation:isolate}.orbit{position:absolute;border-radius:50%;border:1px solid #dce1d3;width:300px;height:300px;left:50%;top:51%;transform:translate(-50%,-50%)}.orbit-two{width:230px;height:230px;border-style:dashed;border-color:#d5dbce}.art-label{font-size:9px;letter-spacing:.18em;color:#879184;position:absolute;right:35px;top:17px}.cup{position:absolute;top:62px;left:50%;width:148px;height:200px;transform:translateX(-50%) rotate(-9deg);filter:drop-shadow(9px 13px 10px #40513d14)}.cup-body{width:134px;height:184px;background:linear-gradient(90deg,#e5d9bb,#f1e7ce 50%,#e8dbbd);position:absolute;left:7px;top:14px;clip-path:polygon(0 0,100% 0,87% 100%,13% 100%);border-radius:0 0 18px 18px}.cup-lid{position:absolute;top:0;left:0;width:148px;height:22px;border-radius:9px 9px 4px 4px;background:linear-gradient(#fffdf4,#e5e1d3);z-index:2;box-shadow:0 3px 2px #263c3017}.cup-lid::before{content:'';position:absolute;left:12px;right:12px;top:-7px;height:12px;background:#f2eee0;border:1px solid #e5e1d3;border-radius:13px 13px 0 0}.cup-band{height:77px;top:46px;background:#66765e;position:relative;text-align:center;padding:20px;color:#f8f5e8;font-size:13px;letter-spacing:.16em;font-weight:600;line-height:1.55}.cup-shadow{position:absolute;left:50%;top:273px;width:125px;height:18px;border-radius:50%;background:#d9ddcf;filter:blur(5px);transform:translateX(-50%)}.floating-note{position:absolute;background:var(--white);border:1px solid #e7e8de;border-radius:10px;padding:13px 15px;box-shadow:0 8px 25px #31432d08;font-size:11px;display:flex;align-items:center;gap:9px}.note-top{top:66px;right:-3px;transform:rotate(4deg)}.note-bottom{bottom:34px;left:-16px;transform:rotate(-3deg)}.note-icon{display:grid;place-items:center;border-radius:50%;background:var(--light-green);width:24px;height:24px;color:var(--green);font-weight:bold}.coins{background:#f5e9da;color:var(--accent);font-size:21px}.art-spark{position:absolute;color:#bb9d6c;font-size:26px}.spark-one{left:42px;top:60px}.spark-two{right:32px;bottom:44px;font-size:19px}.section-caption{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;color:var(--muted);padding-bottom:14px}.section-caption span:first-child{font-weight:650}.wizard-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:34px 44px 22px;box-shadow:0 8px 32px #29443404;max-width:830px;margin-inline:auto}.wizard-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.step-label{color:var(--accent);font-weight:700;letter-spacing:.11em}.progress-track{height:3px;background:#edf0e6;border-radius:3px;margin:13px 0 26px;overflow:hidden}.progress-track div{height:100%;width:20%;background:var(--green);transition:width .25s}.question-heading{font-size:23px;font-weight:650;line-height:1.6;letter-spacing:.03em}.question-help{font-size:12px;color:var(--muted);margin-top:9px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:23px}.choice-grid.two-col{grid-template-columns:repeat(2,1fr)}.choice-grid.three-col{grid-template-columns:repeat(3,1fr)}.choice{border:1px solid var(--line);background:transparent;border-radius:11px;padding:16px 12px;text-align:center;min-height:66px;transition:background .15s,border-color .15s}.choice:hover{border-color:#829785;background:#f5f7ef}.choice[aria-pressed=true]{border:1.5px solid var(--green);background:var(--light-green);box-shadow:inset 0 0 0 .5px var(--green)}.choice strong{display:block;font-size:22px;font-weight:600}.choice small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.choice.card-choice{display:flex;align-items:center;text-align:left;gap:12px;padding:13px 15px}.card-choice strong{font-size:13px}.card-choice .card-mark{width:34px;height:24px;border-radius:4px;flex-shrink:0;background:#e7dec3;border:1px solid #cfc6b0;position:relative}.card-mark::before{content:'';position:absolute;left:5px;top:7px;width:7px;height:6px;border-radius:1px;background:#c2a468}.card-mark.jcb{background:#dfe8ed;border-color:#c4d1d7}.card-mark.nl{background:#dfe4d3;border-color:#c6d0b9}.card-mark.olive{background:#495845;border-color:#354231}.check-indicator{margin-left:auto;border:1px solid #b8c1b3;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:transparent;flex-shrink:0}.choice[aria-pressed=true] .check-indicator{color:white;background:var(--green);border-color:var(--green)}.number-entry{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);margin-top:22px}.number-entry input{width:95px;border:1px solid var(--line);padding:9px 12px;border-radius:7px;background:white}.price-entry{display:flex;align-items:center;gap:14px;margin:25px 0 15px}.price-entry input{width:170px;font-size:42px;font-weight:600;letter-spacing:.02em;border:none;border-bottom:2px solid var(--line);background:transparent;padding:8px 0;text-align:center;appearance:textfield}.price-entry span{font-size:18px}.price-presets{display:flex;gap:8px;flex-wrap:wrap}.chip-button{padding:6px 15px;border:1px solid var(--line);border-radius:20px;font-size:12px;background:transparent}.chip-button:hover{background:var(--light-green)}.wizard-actions{display:flex;justify-content:space-between;align-items:center;margin-top:27px;padding-top:20px;border-top:1px solid #eceee5}.button{border:0;border-radius:8px;padding:12px 21px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;text-decoration:none}.button-primary{background:var(--green);color:white}.button-primary:hover{background:#173b30}.button-quiet{background:transparent;color:var(--muted)}.button-secondary{border:1px solid #bbc8b9;background:transparent}.privacy-hint{font-size:10px;color:#788376;text-align:center;margin-top:17px}.privacy-hint span{font-size:15px;margin-right:5px}.error-message{color:#a13525;font-size:12px;margin-top:10px;min-height:1px}.about-section{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;margin-top:96px;padding-top:55px;border-top:1px solid var(--line)}.about-intro h2{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:28px;line-height:1.75;margin-top:12px;letter-spacing:.04em;font-weight:600}.about-intro>p:last-child{font-size:12px;color:var(--muted);margin-top:17px}.principles article{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.principles article:first-child{padding-top:5px}.principle-number{color:var(--accent);font-family:Georgia,serif;font-size:22px}.principles h3{font-size:14px;font-weight:650;margin-bottom:7px}.principles p{font-size:12px;color:var(--muted)}.scope-section{margin-top:57px;padding:29px 30px;background:#ecefe5;border-radius:12px}.scope-section h2{font-size:17px;line-height:1.7;margin-top:4px}.scope-section>p{font-size:12px;margin-top:11px}.muted{color:var(--muted)}.sources-section{margin-top:64px}.sources-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sources-heading h2{font-size:21px;font-weight:600;margin-top:8px}.date-label{font-size:10px;color:var(--muted);padding:7px 10px;border:1px solid var(--line);border-radius:5px}.source-row{border-top:1px solid var(--line);padding:14px 0;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px}.source-row a{text-decoration:none}.source-row a:hover{text-decoration:underline}.source-row p{font-size:11px;color:var(--muted);grid-column:1/-1;max-width:850px}.source-status{font-size:10px;color:var(--muted)}.site-footer{margin-top:65px;padding-top:30px;padding-bottom:36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:50px}.footer-brand{font-size:17px;font-weight:700}.site-footer p{font-size:10px;color:var(--muted);margin-top:7px}.footer-notes{max-width:550px;text-align:right}.result-heading{display:flex;justify-content:space-between;align-items:flex-start;margin:20px 0 18px;gap:15px}.result-heading h2{font-size:27px;line-height:1.6;font-weight:600;margin-top:7px}.result-heading .button{font-size:11px;white-space:nowrap}.simulation-badge{font-size:10px;color:#85582f;background:#f3e8d5;border-radius:20px;padding:5px 10px;display:inline-block;margin-left:7px;letter-spacing:0}.recommendation{padding:31px 35px;background:var(--green);border-radius:var(--radius);color:white;position:relative}.recommendation-label{font-size:11px;color:#cbd8c5}.recommendation h3{font-size:23px;line-height:1.65;margin-top:7px}.recommendation-note{font-size:11px;color:#d3ddce;margin-top:10px}.saving-label{font-size:12px;color:#cbd8c5;margin-top:22px}.saving-amount{display:flex;gap:8px;align-items:baseline;margin-top:3px}.saving-amount strong{font-size:47px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.saving-amount span{font-size:15px;color:#e6eddf}.annual-saving{font-size:12px;color:#d3ddce;margin-top:8px}.result-assumption{font-size:11px;margin:14px 0 22px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:18px 0}.metric{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:20px}.metric>span{font-size:11px;color:var(--muted)}.metric strong{display:block;font-size:25px;font-weight:550;margin-top:7px;font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.result-section-title{font-size:17px;font-weight:600;margin-top:32px;margin-bottom:14px}.comparison-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--white)}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:16px 18px;text-align:right;border-bottom:1px solid #e7eade;white-space:nowrap}th:first-child,td:first-child{text-align:left;white-space:normal;min-width:180px}th{font-size:10px;color:var(--muted);font-weight:500;background:#eff2e8}tbody tr:last-child td{border-bottom:0}tr.highlight{background:#edf2e6}.table-note{font-size:10px;color:var(--muted);margin-top:9px}.route-badge{display:inline-block;color:var(--green);border:1px solid #b6c6ac;border-radius:3px;font-size:9px;padding:2px 5px;margin-top:4px}.steps-list{padding-left:24px;font-size:13px;line-height:2.3}.steps-list li{padding-left:7px}.steps-list li::marker{color:var(--accent);font-weight:700}.detail-box{background:var(--white);border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:20px 24px}.detail-box summary{font-weight:600;cursor:pointer;font-size:13px}.detail-box p,.detail-box li{font-size:11px;line-height:1.9;color:var(--muted)}.detail-box p{margin-top:12px}.detail-box ul{padding-left:20px}.detail-box .detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.field{font-size:11px;display:flex;flex-direction:column;gap:8px;color:var(--muted)}.field input,.field select{min-width:0;width:100%;padding:10px 11px;background:white;border:1px solid #cdd4c6;border-radius:6px;min-height:43px;font-size:13px}.field.full{grid-column:1/-1}.excluded-list{font-size:11px;line-height:1.9;color:var(--muted);padding-left:20px}.result-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:12px}.result-bottom p{font-size:11px;color:var(--muted)}.notice{font-size:12px;color:#865e33;padding:12px 16px;background:#f4ead8;border-radius:8px;margin-top:16px;line-height:1.9}.result-source-links{font-size:11px;display:flex;flex-wrap:wrap;gap:12px;margin-top:13px}.result-source-links a{text-underline-offset:4px}.toast{margin-top:10px;font-size:11px;color:var(--muted)}
@media(min-width:1350px){.hero{min-height:490px}.hero h1{font-size:55px}.hero-art{height:360px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:80px}.wordmark{font-size:20px}.brand-icon{font-size:33px}nav{gap:18px}nav>a:not(.nav-cta){display:none}.nav-cta{padding:9px 14px;font-size:11px;gap:15px}.hero{min-height:370px;grid-template-columns:1.12fr .88fr}.hero h1{font-size:35px;margin-top:14px}.hero-description{font-size:12px}.hero-meta{flex-wrap:wrap;gap:6px 13px;font-size:10px;margin-top:17px}.hero-art{transform:scale(.8);transform-origin:center;margin-left:0;width:100%;height:320px}.orbit{width:240px;height:240px}.orbit-two{width:185px;height:185px}.note-top{right:-20px}.note-bottom{left:-50px;bottom:25px}.art-label{right:-10px;font-size:8px}.spark-one{left:-15px}.spark-two{right:-20px}.wizard-card{padding:27px 26px 20px}.question-heading{font-size:21px}.choice-grid{gap:8px}.choice{padding:13px 8px}.choice strong{font-size:20px}.about-section{gap:40px;margin-top:65px}.about-intro h2{font-size:24px}.site-footer{gap:30px}.footer-notes{max-width:400px}.detail-box .detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.wrap{width:calc(100% - 32px)}.site-header{height:73px}.wordmark{font-size:19px;gap:7px}.beta{margin-left:0;font-size:9px}.brand-icon{font-size:31px}.hero{display:block;min-height:0;padding-top:31px;padding-bottom:27px;position:relative}.hero h1{font-size:35px;line-height:1.48;margin:14px 0}.hero-description{font-size:12px;max-width:300px}.hero-art{display:none}.eyebrow{font-size:10px}.hero-meta{font-size:9px;margin-top:17px}.section-caption{font-size:8px;padding-bottom:11px}.section-caption span:last-child{letter-spacing:.03em}.wizard-card{padding:22px 20px 17px;border-radius:14px}.progress-track{margin-bottom:24px}.question-heading{font-size:20px;line-height:1.65}.question-help{font-size:11px}.choice-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:19px}.choice-grid.three-col{grid-template-columns:1fr}.choice-grid.three-col .choice{min-height:52px}.choice-grid.two-col{grid-template-columns:1fr}.choice{min-height:62px}.choice small{font-size:10px}.choice.card-choice{min-height:62px;padding:12px}.card-choice strong{font-size:12px}.number-entry{font-size:11px;margin-top:17px;gap:8px;flex-wrap:wrap}.number-entry input{width:76px}.wizard-actions{margin-top:22px;padding-top:17px}.button{padding:11px 16px;font-size:12px;min-height:44px}.privacy-hint{font-size:9px;line-height:1.9}.privacy-hint span{display:none}.about-section{display:block;margin-top:49px;padding-top:32px}.about-intro h2{font-size:25px}.about-intro>p:last-child{font-size:11px;margin-top:10px}.principles{margin-top:28px}.principles article{gap:16px;padding:19px 0}.principles h3{font-size:13px}.principles p{font-size:11px}.scope-section{margin-top:35px;padding:22px 19px}.scope-section h2{font-size:16px}.scope-section>p{font-size:11px}.sources-section{margin-top:39px}.sources-heading{gap:10px}.sources-heading h2{font-size:19px}.date-label{font-size:9px;padding:6px 8px;white-space:nowrap}.source-row{font-size:11px;grid-template-columns:1fr}.source-status{grid-row:2}.source-row p{font-size:10px}.site-footer{display:block;margin-top:40px;padding-top:24px}.footer-notes{margin-top:22px;text-align:left}.site-footer p{font-size:9px}.result-heading{gap:8px}.result-heading h2{font-size:23px}.result-heading .button{padding:8px;font-size:10px;gap:5px}.recommendation{padding:24px 21px;border-radius:15px}.recommendation h3{font-size:19px}.saving-amount strong{font-size:40px}.saving-amount span{font-size:12px}.recommendation-note{font-size:10px}.annual-saving{font-size:11px}.metrics{gap:7px}.metric{padding:14px 10px}.metric>span{font-size:9px}.metric strong{font-size:21px}.metric small{font-size:8px}.result-assumption{font-size:10px}.result-section-title{font-size:16px;margin-top:26px}.comparison-scroll table{font-size:11px}th,td{padding:12px}th:first-child,td:first-child{min-width:150px}.steps-list{font-size:12px;line-height:2}.detail-box{padding:17px}.detail-box .detail-grid{grid-template-columns:1fr 1fr;gap:14px 10px}.field{font-size:10px}.field input,.field select{font-size:12px;padding:9px}.field.wide{grid-column:1/-1}.result-bottom{display:block}.result-bottom .button{margin-top:14px}.notice{font-size:11px}.result-source-links{font-size:10px}}
@media(max-width:540px){.mobile-break{display:initial}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.site-header nav,.hero-art,#wizard,.wizard-actions,.result-heading .button,.result-bottom .button,.detail-grid{display:none!important}.wrap{width:100%}.hero{min-height:0;display:block}.hero h1{font-size:25px}.hero-meta{display:none}.recommendation{background:white;color:black;border:1px solid #aaa}.recommendation *{color:black!important}.comparison-scroll{overflow:visible}.about-section{margin-top:25px}.site-footer{margin-top:20px}.source-row{break-inside:avoid}button{display:none!important}}