:root{--yellow:#f5d542;--black:#181916;--cream:#f5f2e9;--muted:#67695f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--black);font-family:"Yu Gothic UI","Meiryo",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #5685d8;outline-offset:4px}header{max-width:1440px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d6cc}.wordmark{font-family:Arial,sans-serif;font-size:25px;font-weight:950;letter-spacing:-1.5px;line-height:1}.wordmark span{font-weight:400}.wordmark small{display:block;letter-spacing:2px;font-size:8px;font-weight:500;margin-top:10px}nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700}.nav-cta{border:1px solid;padding:10px 18px;border-radius:30px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;min-height:620px;padding:55px 6% 65px;gap:5%}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:800;margin:0 0 26px}.hero-copy{padding-top:32px}h1{font-size:clamp(32px,4.2vw,64px);line-height:1.4;letter-spacing:-2px;margin:0 0 24px}h1 span{position:relative;z-index:0}h1 span:after{content:"";position:absolute;background:var(--yellow);height:15px;bottom:5px;left:0;right:0;z-index:-1}.intro{font-size:14px;color:#53554d;line-height:2.1;margin-bottom:28px}.button{display:inline-flex;align-items:center;gap:30px;border:1px solid var(--black);background:var(--black);color:var(--cream);padding:14px 23px;border-radius:3px;font-size:13px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-3px)}.hero-note{font-size:8px;letter-spacing:2px;margin-top:26px;color:var(--muted)}.scene{background:var(--yellow);position:relative;overflow:hidden;min-height:490px;border-radius:180px 180px 5px 5px}.scene:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 69px,#18191608 70px)}.sun{font-size:160px;position:absolute;right:-30px;top:-45px;line-height:1;color:#181916}.scene-caption{position:absolute;left:34px;top:115px;font:900 26px/1 Arial;letter-spacing:-1px}.cup{position:absolute;top:210px;left:calc(50% - 96px);height:200px;width:192px;background:linear-gradient(90deg,#ddd9ca,#fffdf2 40%,#e6e2d5);border-radius:5px 5px 65px 65px;transform:rotate(-9deg);box-shadow:15px 20px 25px #17181320;z-index:2}.cup:after{content:"";position:absolute;right:-55px;top:29px;width:50px;height:73px;border:17px solid #f4f0e4;border-left:0;border-radius:0 45px 45px 0}.coffee{position:absolute;top:-18px;width:100%;height:40px;border:10px solid #f5f0de;border-radius:50%;background:radial-gradient(ellipse,#966443,#492b1c)}.cup-logo{position:absolute;left:42px;top:61px;font:900 25px/.9 Arial;letter-spacing:-1px}.cup-logo span{display:block;text-align:center;font-size:29px;margin-top:12px}.saucer{position:absolute;top:390px;left:calc(50% - 145px);width:300px;height:50px;border-radius:50%;background:#e9e4d5;box-shadow:0 22px 20px #17181321;transform:rotate(-9deg)}.scene-bottom{position:absolute;bottom:22px;left:25px;right:25px;font:8px Arial;letter-spacing:1px;display:flex;justify-content:space-between}.marquee{background:var(--black);color:var(--yellow);padding:17px;white-space:nowrap;overflow:hidden;font:800 17px Arial;letter-spacing:2px;text-align:center}.marquee b{padding:0 34px}.section{max-width:1440px;padding:90px 6%;margin:auto}h2{font-size:clamp(26px,3vw,42px);line-height:1.6;letter-spacing:-1px;margin:0 0 22px}h3{font-size:18px;line-height:1.5}p{font-size:14px}.about{display:grid;grid-template-columns:1fr 2fr;gap:10%;border-bottom:1px solid #d8d6cc}.about>div{max-width:650px}.about p{line-height:2}.muted{color:var(--muted);font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.step{display:block;border-bottom:1px solid #c9c9bb;padding-bottom:15px;font:800 32px Arial;color:#919482}.steps p{color:#5f6258;font-size:13px}.portal-strip{display:flex;gap:30px;justify-content:space-between;align-items:center;background:#e9e6db;padding:28px 32px;margin-top:45px}.portal-strip h3{font:800 14px Arial;letter-spacing:1px}.portal-strip p{font-size:12px}.text-link{font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:6px;white-space:nowrap}.support{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid #d8d6cc}.support-list article{border-bottom:1px solid #c8c9bb;padding:0 0 20px;margin-bottom:28px}.support-list h3{display:flex;justify-content:space-between;font-size:17px}.support-list p{font-size:13px;color:#56594e}.visit{background:var(--yellow);padding:75px 6%;text-align:center}.visit h2{font-size:clamp(30px,4vw,52px)}.visit-actions{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:35px}.secondary{background:transparent;color:var(--black)}#connection-status{font-size:12px;margin-top:25px}footer{background:var(--black);color:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 6%}footer p{font-size:10px;color:#bfc0b5}footer>a{font-size:11px}code{font:12px monospace;background:#1819160a;padding:2px 4px}.portal{max-width:950px;margin:auto;padding:45px 6%}.panel{border:1px solid #d3d3c5;padding:26px;margin:24px 0;background:#fffdf7}.panel h2{font-size:24px}.panel label{display:block;font-size:13px;margin:14px 0 5px}input,textarea,select{width:100%;padding:12px;border:1px solid #aaad9b;background:white;color:var(--black);font:inherit}textarea{min-height:100px}button{cursor:pointer;font:inherit}.panel button{margin-top:15px}.notice{padding:15px;background:var(--yellow);white-space:pre-wrap;font-size:13px}.record{padding:12px 0;border-bottom:1px solid #dedfd2;white-space:pre-wrap;overflow-wrap:anywhere}.hidden{display:none}[aria-disabled=true]{opacity:.6}button:disabled{opacity:.5;cursor:wait}@media(max-width:760px){header{padding:24px 6%}nav{gap:14px}nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;gap:35px;padding-top:15px}.hero-copy{padding-top:20px}.scene{min-height:460px;max-width:500px;width:100%;margin:auto}.hero h1{font-size:44px}.section{padding:55px 6%}.about,.support{grid-template-columns:1fr;gap:15px}.steps{grid-template-columns:1fr;gap:15px}.steps article{display:grid;grid-template-columns:55px 1fr;column-gap:20px}.steps .step{grid-row:span 2;border:0;margin-top:20px}.steps h3{margin-bottom:0}.portal-strip{display:block;padding:22px}.visit-actions{flex-direction:column}.visit-actions .button{justify-content:center;min-width:230px}footer{flex-wrap:wrap}.portal-strip .text-link{display:inline-block;margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}