/* Account entry and plain-language legal pages. */
.site-footer nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:12px;font-weight:600}
.site-footer nav a:hover,.legal-shell a:hover,.access-legal a:hover{text-decoration:underline;text-underline-offset:4px}
.demo-controls .art-start{display:inline-flex;align-items:center;gap:10px;border:1.5px solid var(--ink);border-radius:25px;padding:9px 13px;font-size:11px;font-weight:700;white-space:nowrap;background:var(--paper)}
.demo-controls .art-start:hover{background:var(--lime)}
.flow-header{border-bottom:1px solid var(--line);padding-block:25px 27px}
.back-home{font-size:12px;font-weight:600;display:flex;align-items:center;gap:14px}
.back-home span{font-size:24px}
.access-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:95px;align-items:start;padding-block:72px 90px}
.access-story{position:relative;min-width:0;padding-block:5px 0}
.access-story .section-index{font-size:10px;margin-bottom:27px}
.access-story h1{font:800 clamp(46px,5vw,72px)/1.05 var(--display);letter-spacing:-.06em;margin:0 0 30px}
.access-underline{position:relative;isolation:isolate;display:inline-block}
.access-underline:after{position:absolute;content:'';left:-3px;right:-3px;height:12%;bottom:2px;background:var(--lavender);z-index:-1;transform:rotate(-2deg)}
.access-story>p{font-size:20px;line-height:1.7;letter-spacing:-.02em;margin:0 0 25px}
.access-story>p.access-description{font-size:14px;line-height:1.9;letter-spacing:0;max-width:465px}
.access-steps{list-style:none;padding:0;margin:33px 0 0;display:grid;gap:13px;font-size:13px;font-weight:600}
.access-steps li{display:flex;align-items:center;gap:14px}
.access-steps li>span{font-size:10px;width:29px;height:29px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--lime)}
.access-sticker{position:relative;margin:35px 0 0 170px;display:inline-block;background:var(--lavender);border:1.5px solid var(--ink);border-radius:4px;padding:14px 45px 15px 18px;font:600 17px/1.25 var(--display);box-shadow:3px 3px 0 var(--ink);transform:rotate(-5deg)}
.access-sticker>span{position:absolute;right:12px;top:16px;font-size:28px}
.access-card{background:#fffcf5;border:1.5px solid var(--ink);border-radius:12px;box-shadow:7px 7px 0 var(--lavender);padding:32px 33px 29px;min-width:0}
.access-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:29px}
.beta-badge{display:inline-flex;align-items:center;gap:7px;font-size:8px;font-weight:700;letter-spacing:.06em;line-height:1.6}
.beta-badge>span{width:7px;height:7px;background:var(--orange);border:1px solid var(--ink);border-radius:50%;flex-shrink:0}
.access-smile{font:700 24px/1 var(--display);border:1px solid var(--ink);background:var(--lime);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;transform:rotate(10deg)}
.access-card h2{font:700 43px/1.08 var(--display);letter-spacing:-.04em;margin:0 0 13px}
.access-card-intro{font-size:12px;line-height:1.8;margin:0 0 26px;color:#655e52}
.signin-options{display:flex;flex-direction:column}
.google-signin{min-height:50px;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:1.5px solid #b3ada0;border-radius:6px;background:var(--paper);font-size:12px;font-weight:700;color:#655e52}
.google-letter{font:bold 18px Arial,sans-serif;color:#71695d}
.signin-divider{display:flex;align-items:center;gap:12px;font-size:10px;color:#71695d;margin:22px 0}
.signin-divider:before,.signin-divider:after{content:'';height:1px;flex:1;background:var(--line)}
.signin-options label{font-size:11px;font-weight:700;margin-bottom:8px}
.signin-options input{width:100%;min-height:49px;border:1px solid #bfb8aa;border-radius:6px;padding:11px 13px;background:#f3efe7;font-size:12px;opacity:1}
.signin-options input::placeholder{color:#7b7468;opacity:1}
.email-signin{width:100%;margin-top:13px;min-height:49px;font-size:12px;justify-content:space-between;box-shadow:none;background:#797469;border-color:#797469;color:white}
.email-signin:disabled:hover{transform:none;box-shadow:none}
.access-status{background:#eee8dc;border:1px solid var(--line);border-radius:6px;padding:15px 16px;margin-top:24px;font-size:11px;line-height:1.75}
.access-status strong{display:block;font-size:12px;margin-bottom:4px}
.access-status p{margin:0}
.access-legal{font-size:9px;line-height:1.8;color:#655e52;margin:17px 0 0}
.access-legal a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.access-back{display:inline-block;font-size:10px;font-weight:600;margin-top:19px}
.legal-shell{max-width:850px;padding-block:65px 85px}
.legal-heading .section-index{font-size:9px;margin-bottom:20px}
.legal-heading h1{font:800 clamp(48px,6vw,78px)/1.05 var(--display);letter-spacing:-.055em;margin:0 0 18px}
.legal-heading>p{font-size:11px;color:#655e52;margin:0 0 36px}
.legal-intro{font:500 20px/1.6 var(--display);letter-spacing:-.015em;border-block:1px solid var(--line);padding:25px 0;margin-bottom:38px}
.legal-shell section{margin-top:32px}
.legal-shell h2{font:600 25px/1.25 var(--display);letter-spacing:-.025em;margin:0 0 12px}
.legal-shell section p{font-size:14px;line-height:1.9;margin:0 0 13px}
.legal-shell a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@media(max-width:1100px){.access-shell{gap:45px}.access-card{padding:27px}.access-story h1{font-size:55px}.access-sticker{margin-left:80px}.access-card h2{font-size:39px}.site-footer nav{gap:15px}}
@media(max-width:780px){.flow-header{gap:20px;padding-block:20px}.back-home{font-size:10px;gap:6px}.access-shell{grid-template-columns:1fr;gap:37px;padding-block:43px 60px;max-width:560px}.access-story h1{font-size:clamp(42px,9.5vw,60px)}.access-story>p{font-size:17px}.access-story>p.access-description{font-size:13px}.access-story .section-index{font-size:8px;margin-bottom:22px}.access-steps{margin-top:23px;gap:10px}.access-sticker{margin:25px 0 0 130px;font-size:15px}.access-card{padding:27px;box-shadow:5px 5px 0 var(--lavender)}.access-card h2{font-size:43px}.access-card-top{margin-bottom:23px}.legal-shell{padding-block:42px 60px}.legal-heading h1{font-size:50px}.legal-intro{font-size:18px;padding:22px 0;margin-bottom:30px}.legal-shell section p{font-size:13px}.legal-shell h2{font-size:24px}.site-footer nav{grid-column:1/-1;gap:25px}.demo-controls .art-start{font-size:10px;padding:8px 10px;gap:7px}.flow-header .wordmark{font-size:20px}.flow-header .wordmark-bottom{font-size:30px}.flow-header .logo-face{width:38px}}
@media(max-width:390px){.access-card{padding:22px 20px}.access-story h1{font-size:42px}.access-sticker{margin-left:75px}.access-underline{max-width:100%}.back-home{max-width:110px;line-height:1.4}.beta-badge{font-size:7px}.legal-heading h1{font-size:44px}.legal-shell{width:calc(100% - 40px)}}
