*{box-sizing:border-box}:root{--surface:rgba(255,253,251,.72);--surface-solid:#fffdfb;--text:#2f3133;--muted:#6f777e;--line:rgba(216,209,204,.76);--accent-dark:#343434;--accent-soft:#efe7e4;--gold:#c49a54;--shadow:0 24px 60px rgba(47,49,51,.08);--radius:28px;--font-body:"Noto Sans","Noto Sans JP",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Noto Serif","Noto Sans",serif}html{min-height:100%}body{min-height:100vh;margin:0;overflow-x:hidden;font-family:var(--font-body);color:var(--text);background:linear-gradient(90deg,rgba(248,246,243,.72),rgba(248,246,243,.32)),url("../assets/homepage-background.jpg") center/cover no-repeat fixed;line-height:1.6}button,input{font:inherit}a{color:inherit}.site-header{width:min(1280px,calc(100% - 56px));margin:0 auto;padding:40px 0 22px;display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:clamp(18px,4vw,72px)}.brand{display:inline-flex;align-items:flex-start;gap:16px;text-decoration:none;color:var(--text)}.brand-symbol{width:28px;height:28px;display:inline-block;margin-top:3px;border:3px solid var(--text);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);opacity:.86}.brand-text{display:grid;gap:7px}.brand-text strong{font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1}.brand-text small{max-width:260px;color:var(--text);font-family:var(--font-heading);font-size:clamp(1.15rem,2vw,1.75rem);font-weight:700;line-height:1.12;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:clamp(22px,5vw,74px);padding-top:6px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav-links a,.nav-links button{position:relative;border:0;padding:0;background:transparent;color:var(--text);text-decoration:none;cursor:pointer}.nav-links .active::after,.nav-links a:hover::after,.nav-links button:hover::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--text)}.sign-in-button{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--text);border-radius:999px;padding:8px 22px;background:rgba(255,253,251,.28);color:var(--text);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;cursor:pointer}.home-shell{width:min(1280px,calc(100% - 56px));min-height:calc(100vh - 150px);margin:0 auto;display:grid;align-items:center;padding:42px 0 74px}.hero{width:min(760px,100%)}.content-flow{display:grid;gap:46px}.eyebrow{margin:0 0 14px;color:var(--text);font-size:.76rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}h1,h2,h3{margin-top:0;font-family:var(--font-heading);color:var(--text);line-height:1.1}h1{max-width:720px;margin-bottom:22px;font-size:clamp(2.4rem,5.6vw,5.6rem);font-weight:700;letter-spacing:-.07em}h2{margin-bottom:16px;font-size:clamp(1.9rem,3.8vw,3.4rem);letter-spacing:-.035em}.quote-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 22px;align-items:start;max-width:720px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.quote-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:rgba(47,49,51,.92);box-shadow:0 15px 35px rgba(47,49,51,.18)}.quote-icon span,.quote-icon span::before,.quote-icon span::after{display:block;position:relative;width:28px;height:3px;border-radius:999px;background:var(--gold)}.quote-icon span::before,.quote-icon span::after{content:"";position:absolute;right:0}.quote-icon span::before{top:-8px;transform:rotate(18deg)}.quote-icon span::after{top:8px;transform:rotate(-18deg)}blockquote{margin:0}blockquote p{margin:0 0 12px;font-family:var(--font-heading);font-size:clamp(1.18rem,2vw,1.55rem);font-weight:700;line-height:1.35}blockquote footer{color:var(--muted);font-weight:800}.button{width:fit-content;display:inline-flex;justify-content:center;align-items:center;border-radius:999px;padding:11px 18px;font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer}.button.primary{border:0;background:var(--accent-dark);color:white}.button.secondary{grid-column:2;border:1px solid var(--text);background:rgba(255,253,251,.5);color:var(--text)}.explore-section{max-width:760px}.link-stack{display:grid;gap:14px}.feature-link{width:100%;display:grid;grid-template-columns:116px minmax(0,1fr);gap:4px 18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 18px 40px rgba(47,49,51,.07);backdrop-filter:blur(12px);text-align:left;color:var(--text);text-decoration:none;cursor:pointer;transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}.feature-link:hover{transform:translateY(-2px);box-shadow:0 24px 48px rgba(47,49,51,.10);border-color:rgba(159,143,135,.55)}.link-logo{grid-row:span 2;width:96px;height:78px;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:rgba(255,253,251,.58)}.link-logo img{width:100%;height:100%;object-fit:contain}.feature-link strong{font-family:var(--font-heading);font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.22;letter-spacing:-.01em}.feature-link small{color:var(--muted);font-weight:800}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:rgba(47,49,51,.36);backdrop-filter:blur(12px)}.password-modal{position:relative;width:min(460px,100%);padding:32px;background:rgba(255,253,251,.95);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.modal-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:0;border-radius:50%;background:var(--accent-soft);color:var(--accent-dark);cursor:pointer;font-size:1.35rem;line-height:1}.modal-note{margin-top:-4px;color:var(--muted)}form{display:grid;gap:12px;margin-top:20px}label{font-weight:800}input{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 15px;background:var(--surface-solid);color:var(--text)}input:focus{outline:3px solid rgba(159,143,135,.24);border-color:#9f8f87}.form-status{min-height:1.4em;margin:0;color:#8a3a3a;font-weight:700}[hidden]{display:none!important}@media(max-width:920px){body{background-attachment:scroll;background-position:center top}.site-header,.home-shell{width:min(100% - 34px,1280px)}.site-header{grid-template-columns:1fr auto;padding-top:28px}.nav-links{grid-column:1/-1;justify-content:space-between;gap:14px;order:3;padding-top:10px}.home-shell{align-items:start;padding-top:42px}.hero{width:100%}h1{font-size:clamp(2.8rem,13vw,5rem)}h2{font-size:clamp(2rem,10vw,3.2rem)}.quote-panel{grid-template-columns:1fr}.button.secondary{grid-column:1}.feature-link{grid-template-columns:94px minmax(0,1fr)}.link-logo{width:78px;height:66px}}@media(max-width:560px){.brand{gap:12px}.brand-symbol{width:24px;height:24px}.brand-text strong{font-size:.86rem}.brand-text small{font-size:1.05rem}.sign-in-button{padding:7px 14px}.nav-links{font-size:.68rem;letter-spacing:.08em}.content-flow{gap:34px}.feature-link{grid-template-columns:1fr}.link-logo{grid-row:auto;width:110px;height:82px}}