:root{--ink:#24241f;--muted:#6c685e;--gold:#a78037;--gold-dark:#78551c;--gold-light:#f1e4c5;--line:#e8dfcd;--paper:#fbfaf7;--white:#fff;--serif:'Noto Serif JP','Yu Mincho',serif;--sans:'DM Sans','Noto Sans JP','Yu Gothic',sans-serif;--shadow:0 22px 70px rgba(73,53,17,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;position:relative;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ac883d;outline-offset:4px}.ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(3px)}.ambient-one{width:550px;height:550px;right:-180px;top:50px;background:radial-gradient(circle,#eeddb459 0,transparent 68%)}.ambient-two{width:480px;height:480px;left:-300px;top:1050px;background:radial-gradient(circle,#f5ead4aa 0,transparent 70%)}
.site-header,.site-footer,main{width:min(1180px,calc(100% - 72px));margin-inline:auto}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7decf}.wordmark{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-copy{display:flex;flex-direction:column;line-height:1.35}.brand-copy strong{font:600 19px/1.2 var(--serif);letter-spacing:.14em;color:#8d682a}.brand-copy small{font-size:9px;letter-spacing:.1em;color:#777164;margin-top:4px}.private-label{display:flex;align-items:center;gap:9px;border:1px solid #e6d7b7;border-radius:99px;padding:7px 15px;color:#785c29;background:#fffdf9;font-size:11px;letter-spacing:.04em}.private-label i{width:6px;height:6px;border-radius:50%;background:#b29252;box-shadow:0 0 9px #c69e4f}
.hero{min-height:500px;position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:35px;padding:75px 0 85px}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:#86642a;font-size:9px;font-weight:700;letter-spacing:.2em}.eyebrow span{font-size:10px}.eyebrow b{display:inline-block;width:30px;height:1px;background:linear-gradient(90deg,#a17b34,#e9d9b2)}h1,h2,h3,p{margin-top:0}.hero h1{font:400 clamp(34px,4.3vw,54px)/1.75 var(--serif);letter-spacing:.025em;margin:20px 0 16px}.hero h1 em,.section-heading h2 em,.help-strip h2 em{font-style:normal;color:var(--gold-dark)}.hero-lead{font-size:14px;color:var(--muted);line-height:2.2;letter-spacing:.025em}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:54px;padding:14px 25px;border-radius:99px;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.04em;transition:transform .2s,box-shadow .2s,filter .2s;cursor:pointer}.button:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.08)}.button-gold{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ad8a48;color:#3c2d11;background:linear-gradient(112deg,#b08a43 0%,#e9d39c 25%,#fff6d9 45%,#d8b66c 67%,#a47b31 100%);box-shadow:inset 0 1px 0 #fff8e5,0 9px 24px #8a64251c}.button-gold:before{content:"";position:absolute;z-index:-1;top:-40%;bottom:-40%;left:-55%;width:32%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#fffedbba,transparent);animation:goldSweep 5.5s ease-in-out infinite}.button-gold:hover:not(:disabled){box-shadow:inset 0 1px 0 #fff8e5,0 13px 30px #8a64252d}.button:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.68;box-shadow:none}.text-link{font-size:12px;text-decoration:none;color:#705423;border-bottom:1px solid #cfb783;padding:9px 0}.text-link span{margin-left:8px}.hero-footnote{font-size:10px;color:#817a6d;letter-spacing:.03em;margin:22px 0 0}.lock-icon{font-size:8px;color:#ae8b4b;margin-right:6px}.hero-emblem{width:min(370px,100%);aspect-ratio:1;position:relative;justify-self:center;display:grid;place-items:center}.emblem-halo{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,#fff8e7 0,#eeddb34b 38%,#f7f1e4 64%,transparent 72%);filter:drop-shadow(0 20px 42px #9a77301f)}.emblem-ring{position:absolute;inset:8%;border:1px solid #ba985a6e;border-radius:50%;box-shadow:0 0 24px #d2b77418,inset 0 0 22px #d2b77412}.ring-a{transform:rotate(-24deg) scaleX(.69)}.ring-b{transform:rotate(35deg) scaleX(.74)}.emblem-core{width:45%;height:45%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#fffef9,#f2e4c3 75%,#dfc68e);border:1px solid #ceb277;box-shadow:inset 0 2px 5px #fff,0 10px 34px #84601d1a,0 0 45px #c1a36327}.emblem-core i{font:500 8px var(--sans);font-style:normal;letter-spacing:.35em;color:#82632d}.emblem-caption{position:absolute;bottom:7%;font-size:8px;letter-spacing:.35em;color:#92733d}.hero-rule{position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#d9c79f 18%,#d9c79f 82%,transparent)}
.section-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:28px 0 70px}.section-nav a{position:relative;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-items:center;gap:0 12px;min-height:94px;padding:19px 24px;border:1px solid #e6dac2;border-radius:17px;background:linear-gradient(135deg,#fffefa,#fffdf8);box-shadow:0 8px 25px #74591c08;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.section-nav a:hover{transform:translateY(-3px);border-color:#cdb27a;box-shadow:0 14px 32px #74591c12}.section-nav a>span{grid-row:1/3;color:#9b783c;font:400 20px var(--serif)}.section-nav strong{font-size:13px;font-weight:600}.section-nav small{font-size:8px;letter-spacing:.14em;color:#8a8478}.section-nav b{position:absolute;right:20px;top:20px;color:#99743a;font-weight:400}
.payment-section{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:start;gap:68px;padding:48px 0 84px}.section-heading{padding-top:18px}.section-heading h2{font:400 clamp(30px,3.3vw,41px)/1.75 var(--serif);letter-spacing:.02em;margin:19px 0 15px}.section-heading>p:not(.eyebrow){font-size:13px;line-height:2.15;color:var(--muted);max-width:320px}.amount-lock{display:flex;align-items:center;gap:11px;border-left:1px solid #c7a868;padding:10px 0 10px 14px;margin-top:27px;color:#716959;font-size:10px;line-height:1.8}.check-mark{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#f3ead6;color:#826124;font-size:12px}.payment-card{position:relative;overflow:hidden;padding:35px 38px 31px;border:1px solid #dfcca6;border-radius:25px;background:linear-gradient(145deg,#fff 8%,#fffefa 59%,#fbf5e9 100%);box-shadow:var(--shadow),inset 0 0 0 5px #ffffffa8}.payment-card:before{content:"";position:absolute;top:0;left:8%;width:84%;height:1px;background:linear-gradient(90deg,transparent,#b8985a,#f4e9cb,#b8985a,transparent)}.payment-card:after{content:"";position:absolute;z-index:0;right:-75px;top:-95px;width:240px;height:240px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#f3e6c96b,transparent 70%)}.card-topline{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.card-kicker{color:#8b6a34;font-size:9px;font-weight:700;letter-spacing:.18em}.card-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e2d2b2;border-radius:50%;color:#9d7c40;background:#fffdf7}.payment-card h3{position:relative;z-index:1;font:500 19px/1.7 var(--serif);margin:13px 0 4px;letter-spacing:.01em}.card-description{position:relative;z-index:1;font-size:11px;color:var(--muted);margin-bottom:18px}.choice-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:0;border:0}.monthly-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{position:relative;min-height:84px;display:flex;flex-direction:column;justify-content:center;padding:13px 16px;border:1px solid #e4dbc9;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.choice:hover{border-color:#c6a96e;transform:translateY(-1px)}.choice:has(input:checked){border-color:#aa8748;background:linear-gradient(145deg,#fffef9,#f8efd9);box-shadow:inset 0 0 0 1px #c7a765,0 5px 18px #97752b13}.choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.choice:focus-within{outline:3px solid #ad8b4d;outline-offset:3px}.choice-amount{font:500 clamp(21px,2.8vw,30px)/1.3 var(--serif);letter-spacing:-.035em;color:#423824;white-space:nowrap}.choice-amount small{font:500 11px var(--sans);margin-left:4px}.choice-caption{font-size:9px;color:#777164;margin-top:5px}.choice-check{position:absolute;top:11px;right:11px;width:13px;height:13px;border:1px solid #c9b88f;border-radius:50%;background:#fff}.choice:has(input:checked) .choice-check{border:4px solid #9c7839;background:#fff}.selection-note{position:relative;z-index:1;min-height:24px;font-size:10px;color:#80642e;margin:11px 0 8px}.agreement{position:relative;z-index:1;display:flex;align-items:flex-start;gap:10px;margin:13px 0 16px;font-size:10px;line-height:1.8;color:#585448;cursor:pointer}.agreement input{width:17px;height:17px;flex:none;margin:2px 0 0;accent-color:#9b773a}.checkout-button{width:100%;position:relative;z-index:1;justify-content:center;min-height:55px}.checkout-status{position:relative;z-index:1;font-size:10px;line-height:1.8;color:#716b60;margin:9px 0 0;min-height:18px;text-align:center}.secure-note{position:relative;z-index:1;padding-top:15px;margin:15px 0 0;border-top:1px solid #eee7da;text-align:center;font-size:9px;color:#817a6d}.secure-note span{color:#a1844b;margin-right:5px}.terms-box{position:relative;z-index:1;border:1px solid #ece3d3;border-radius:13px;background:#fffdf9;padding:2px 16px;margin:15px 0}.terms-box>div{display:grid;grid-template-columns:76px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #eee8dc;font-size:10px;line-height:1.8}.terms-box>div:last-child{border-bottom:0}.terms-box span{font-weight:600;color:#68532d}.terms-box p{margin:0;color:#6e695e}
.account-section{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:30px;padding:32px 38px;margin:0 0 76px;border:1px solid #e3d3b3;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#f4e8cf 0,transparent 62%),#fffdf8;box-shadow:0 12px 35px #765b2009}.account-copy h2{font:500 22px/1.6 var(--serif);margin:12px 0 6px}.account-copy>p:last-child,.account-action>p{font-size:11px;color:var(--muted);margin:0}.button-outline{border:1px solid #b99a5e;background:#fffdfa;color:#694f20;min-height:47px;padding:10px 19px}.button-outline[hidden]{display:none}.account-action{text-align:right}.account-action>p{margin-top:9px}.help-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 0 65px;border-top:1px solid #e3d7c1}.help-strip h2{font:500 21px/1.7 var(--serif);margin:8px 0}.help-strip p{font-size:11px;color:var(--muted);margin:0}.button-dark{background:#29271f;color:#fff;border:1px solid #29271f;min-height:48px;white-space:nowrap}.site-footer{display:flex;align-items:center;gap:24px;min-height:92px;border-top:1px solid #e5ddce}.site-footer .brand-copy strong{font-size:15px}.footer-links{display:flex;gap:20px;margin-left:auto}.footer-links a{font-size:10px;color:#716c61}.copyright{font-size:9px;color:#8a857b}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.desktop-only{display:block}@keyframes goldSweep{0%,18%{left:-55%}52%,100%{left:130%}}
@media(max-width:850px){.site-header,main,.site-footer{width:min(100% - 44px,700px)}.hero{min-height:420px;grid-template-columns:minmax(0,1fr) 260px;gap:12px;padding:55px 0 65px}.hero-emblem{width:260px}.hero h1{font-size:clamp(31px,5.4vw,44px)}.payment-section{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:28px;padding:35px 0 68px}.payment-card{padding:29px 25px 25px}.choice{padding-inline:12px}.choice-amount{font-size:clamp(19px,2.8vw,26px)}.section-nav{padding-bottom:54px}.account-section{margin-bottom:58px}}
@media(max-width:620px){body{font-size:14px}.site-header,main,.site-footer{width:calc(100% - 36px)}.site-header{height:76px}.monogram{width:38px;height:38px;font-size:20px}.brand-copy strong{font-size:16px}.private-label{font-size:9px;padding:6px 10px;gap:6px}.hero{display:flex;min-height:auto;padding:49px 0 45px}.hero-copy{width:100%}.hero h1{font-size:clamp(29px,8vw,39px);line-height:1.8;margin:16px 0 12px}.hero-lead{font-size:12px;line-height:2}.hero-emblem{position:absolute;width:170px;right:-26px;top:18px;opacity:.2;pointer-events:none}.hero-actions{gap:17px;margin-top:24px}.button{min-height:49px;padding:12px 18px;font-size:11px}.hero-actions .button{gap:10px}.text-link{font-size:10px}.hero-footnote{font-size:9px;margin-top:19px}.desktop-only{display:none}.section-nav{grid-template-columns:1fr;gap:8px;padding:20px 0 43px}.section-nav a{min-height:67px;padding:12px 17px;border-radius:13px;grid-template-columns:30px 1fr;grid-template-rows:1fr 1fr;column-gap:10px}.section-nav a>span{font-size:16px}.section-nav strong{font-size:12px}.section-nav small{font-size:7px}.section-nav b{right:16px;top:22px}.payment-section{grid-template-columns:1fr;gap:22px;padding:20px 0 48px}.section-heading{padding-top:0}.section-heading h2{font-size:29px;line-height:1.65;margin:11px 0 8px}.section-heading>p:not(.eyebrow){font-size:11px;max-width:none;margin-bottom:10px}.amount-lock{margin-top:12px;padding-block:6px;font-size:9px}.payment-card{padding:24px 18px 20px;border-radius:20px}.payment-card h3{font-size:17px}.card-description{font-size:10px;line-height:1.8}.choice-grid{gap:8px}.monthly-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{min-height:72px;padding:10px 9px;border-radius:12px}.choice-amount{font-size:clamp(17px,5vw,24px)}.choice-amount small{font-size:9px}.choice-caption{font-size:8px}.choice-check{width:11px;height:11px;top:8px;right:8px}.agreement{font-size:9px}.terms-box{padding-inline:11px}.terms-box>div{grid-template-columns:62px 1fr;gap:7px;font-size:9px}.checkout-status{font-size:9px}.account-section{grid-template-columns:1fr;gap:18px;padding:24px 20px;margin-bottom:45px;border-radius:18px}.account-copy h2{font-size:19px}.account-action{text-align:left}.account-action .button{width:100%}.help-strip{align-items:flex-start;flex-direction:column;padding:25px 0 42px}.help-strip h2{font-size:18px}.help-strip p{font-size:10px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:14px;padding:18px 0}.footer-links{grid-column:1/3;grid-row:2;margin:0;gap:18px}.copyright{grid-column:2;grid-row:1;text-align:right;font-size:8px}}
@media(max-width:380px){.site-header,main,.site-footer{width:calc(100% - 28px)}.private-label{font-size:8px;padding:5px 8px}.brand-copy small{font-size:8px}.hero h1{font-size:28px}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.hero-actions .button{width:100%}.monthly-grid{gap:6px}.choice{padding-inline:6px}.choice-amount{font-size:16px}.choice-caption{font-size:7px}.payment-card{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Official HARU identity: polished metallic gold mark with restrained light. */
.brand-logo{display:block;width:64px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px #96702b22)}.footer-logo{width:52px}.wordmark{gap:11px}.emblem-core{width:58%;height:auto;aspect-ratio:auto;border:0;border-radius:0;background:transparent;box-shadow:none;gap:1px}.emblem-core img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 16px #946d222b) drop-shadow(0 0 12px #d0b16b30)}.emblem-core i{margin-top:-4px;font:500 8px var(--sans);letter-spacing:.28em;color:#735722}.hero-emblem{isolation:isolate}.emblem-halo{background:radial-gradient(circle,#fff9e9 0,#f0dfb35e 39%,#f7f1e4 65%,transparent 74%);filter:drop-shadow(0 20px 42px #9a77302a)}.emblem-ring{border-color:#b3914d80;box-shadow:0 0 30px #d3b56e2b,inset 0 0 26px #d3b56e16}.site-header .brand-copy strong{letter-spacing:.2em}.site-header .brand-logo{width:66px}.site-footer .brand-logo{width:54px}.private-label{box-shadow:0 3px 12px #98783b0a}.card-topline .card-icon{box-shadow:0 3px 10px #96702b14}
@media(max-width:620px){.site-header .brand-logo{width:54px}.site-footer .brand-logo{width:47px}.emblem-core{width:63%}}