.demo-notice{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px dashed var(--line)}.demo-label{font:700 9px var(--font);padding:5px 8px;background:#ffd447;color:var(--ink);border:1px solid #13161d30;border-radius:3px;white-space:nowrap;letter-spacing:.03em}.demo-notice p{font-size:10px;line-height:1.6;color:var(--muted);max-width:670px}.demo-notice>button{margin-left:auto;flex-shrink:0;padding:5px 0;border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:10px}.hero{padding-top:55px;gap:22px}.hero h1{font-size:clamp(34px,3.7vw,55px);letter-spacing:-1.3px;line-height:1.32;text-transform:uppercase}.google-heading{display:inline-block;line-height:1.3}.hero-claim{font-size:16px;min-height:66px;padding:19px 27px;text-transform:uppercase;font-weight:800;letter-spacing:.02em}.hero-eligibility{font-size:11px;color:var(--muted);margin-top:21px;line-height:1.9}.hero-visual{padding-top:35px}.google-stamp{position:absolute;top:0;right:10px;z-index:2;display:flex;align-items:center;gap:17px;padding:14px 19px;background:#fff;border:1px solid #dedbd3;box-shadow:3px 3px 0 #13161d;transform:rotate(4deg)}.google-stamp img{width:122px;height:auto}.google-stamp>span{font-size:10px;max-width:110px;line-height:1.6}.hero-visual .mascot{margin-top:30px}.choice-note{max-width:800px;margin-inline:auto}.flow-open{overflow:hidden}.access-dialog{border:1.5px solid var(--ink);border-radius:8px;max-width:660px;width:calc(100% - 28px);padding:0;max-height:calc(100dvh - 40px);background:var(--paper);color:var(--ink);overflow-y:auto;box-shadow:9px 9px 0 #13161d80;overscroll-behavior:contain}.access-dialog::backdrop{background:#13161db8;backdrop-filter:blur(4px)}.flow-header{display:flex;align-items:center;justify-content:space-between;padding:20px 27px 14px}.flow-brand{display:flex;align-items:center;gap:11px}.flow-brand img{border-radius:50%}.flow-brand strong{font:600 22px Oswald,sans-serif}.close-dialog{background:none;border:1px solid var(--line);width:34px;height:34px;display:grid;place-items:center;font:25px/1 system-ui;border-radius:50%}.close-dialog:hover{background:var(--yellow)}.flow-demo-note{background:#f2e8c9;border-block:1px solid #e1d5ae;padding:10px 27px;font-size:10px;line-height:1.8}.tester-controls{margin:16px 27px 0;border:1px dashed #b6b0a4;border-radius:3px}.tester-controls summary{font-size:11px;font-weight:650;padding:10px 13px}.tester-controls>div{padding:0 13px 11px;display:flex;flex-wrap:wrap;align-items:center;gap:9px}.tester-controls label{font-size:10px}.tester-controls select{font:11px var(--font);color:var(--ink);border:1px solid #b6b0a4;background:white;padding:8px;border-radius:3px;flex:1;min-width:0;max-width:100%}.tester-controls button{font-size:10px}.flow-progress{list-style:none;padding:21px 27px 16px;margin:0;display:flex;gap:6px;border-bottom:1px solid var(--line)}.flow-progress li{display:flex;gap:7px;align-items:center;font-size:9px;color:var(--muted);flex:1}.flow-progress li>span{border:1px solid #bdb8af;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font:500 12px Oswald;flex-shrink:0}.flow-progress li.active{font-weight:800;color:var(--ink)}.flow-progress li.active>span{background:var(--red);color:white;border-color:var(--red)}.flow-progress li.complete>span{background:var(--ink);color:white;border-color:var(--ink)}.flow-content{padding:25px 30px 27px}.flow-role-label{font-size:10px;color:var(--muted);margin-bottom:10px}.flow-content h2{font-size:27px;line-height:1.45;font-weight:800;letter-spacing:-.6px}.flow-content h2:focus{outline:none}.flow-lead{font-size:13px;line-height:1.85;color:#4f5052;margin-top:14px}.flow-actions{display:flex;gap:11px;margin-top:20px;flex-wrap:wrap}.flow-button{margin:0;min-height:52px;font-size:12px;flex:1 1 220px;padding:14px 16px;line-height:1.6;text-align:center}.flow-button.secondary{border:1px solid var(--ink);background:transparent}.flow-button.secondary:hover{background:#e9e4da}.flow-button.role-option{background:#ffdf6c;border:1px solid var(--ink);display:block;flex-basis:100%;text-align:left;font-size:14px;box-shadow:3px 3px 0 var(--ink)}.flow-button.role-option:last-child{background:#e7eaf0}.flow-button:disabled{background:#e3ded2;border-color:#b9b2a6;color:#555;cursor:default}.account-demo{border:1px solid var(--line);display:flex;gap:13px;align-items:center;padding:17px;margin-top:20px;background:#fffcf6}.account-avatar{width:35px;height:35px;border-radius:50%;background:#dce6f5;color:#27528f;display:grid;place-items:center;font-size:18px;font-weight:700;flex-shrink:0}.account-demo strong{font-size:12px;display:block}.account-demo small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.account-demo .demo-label{margin-left:auto}.permission-note{margin-top:15px;background:#ede9e0;padding:13px 17px;font-size:11px}.permission-note p{color:var(--muted);font-size:11px;line-height:1.8;margin-top:5px}.channel-card{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);margin-top:20px;background:#fffcf6}.channel-card img{border-radius:50%}.channel-card strong{font:600 25px Oswald}.channel-card p{font-size:10px;color:var(--muted);margin-top:4px}.simulation-caption{font-size:11px;color:var(--muted);line-height:1.9;margin-top:14px}.flow-status:empty{display:none}.flow-status{background:#e9e5dc;border-left:3px solid var(--ink);padding:12px 14px;font-size:11px;line-height:1.8;margin-top:17px}.flow-status.error{border-color:#ac243b;background:#f5e6e7;color:#842335}.flow-status.success{border-color:#287246;background:#e5eddf;color:#245435}.success-mark{width:49px;height:49px;border:2px solid #28603b;border-radius:50%;display:grid;place-items:center;color:#28603b;background:#e5eddf;font:27px system-ui;margin-top:17px}.destination-note{font-size:12px;line-height:1.9;border:1px solid var(--line);background:#f0ece2;padding:15px;margin-top:17px}.flow-policy{border-top:1px solid var(--line);padding:15px 27px;color:var(--muted);font-size:9px;line-height:1.9;background:#eeebe4}.flow-policy a{white-space:nowrap}#flow-back{margin-top:14px}.access-dialog button:focus-visible,.access-dialog select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:900px){.hero h1{font-size:35px}.hero{grid-template-columns:1.1fr 1fr}.hero-claim{font-size:13px}.google-stamp{padding:11px 13px;gap:9px;right:0}.google-stamp img{width:94px}.google-stamp>span{font-size:9px;max-width:87px}.demo-notice{flex-wrap:wrap;gap:7px 13px}.demo-notice p{max-width:75%;font-size:9px}.demo-notice>button{font-size:9px;margin-left:0}}
@media(max-width:600px){.demo-notice{padding:12px 0}.demo-notice p{max-width:none;font-size:10px;order:3;width:100%}.demo-notice>button{margin-left:auto;font-size:10px}.hero{padding-top:29px}.hero h1{font-size:clamp(26px,8.4vw,38px);letter-spacing:-.65px;line-height:1.4;margin-top:18px}.hero .hero-claim{font-size:13px;width:100%;min-height:62px;padding:15px}.hero-eligibility{font-size:11px;margin-top:18px}.hero-visual{margin-top:40px;padding-top:20px;aspect-ratio:1.4}.google-stamp{top:-10px;right:8px;padding:10px 13px}.google-stamp img{width:100px}.google-stamp>span{max-width:100px}.hero-visual .mascot{margin-top:20px}.choice-note{font-size:10px;line-height:1.9}.access-dialog{max-height:calc(100dvh - 20px);width:calc(100% - 20px);box-shadow:5px 5px 0 #13161d80}.flow-header{padding:16px 18px 12px}.flow-brand{gap:8px}.flow-brand strong{font-size:20px}.flow-demo-note{padding:10px 18px;font-size:10px}.tester-controls{margin:13px 16px 0}.tester-controls>div{gap:8px}.tester-controls label{display:none}.tester-controls select{flex-basis:100%;font-size:11px;padding:9px}.flow-progress{padding:18px 17px 14px;gap:4px}.flow-progress li{font-size:8px;gap:5px}.flow-progress li>span{width:20px;height:20px;font-size:11px}.flow-content{padding:20px 20px 23px}.flow-content h2{font-size:24px;letter-spacing:-.5px}.flow-lead{font-size:13px}.flow-role-label{font-size:10px}.flow-button{font-size:12px;flex-basis:100%;min-height:51px}.account-demo{padding:12px;gap:9px}.account-demo strong{font-size:11px}.account-demo small{font-size:9px}.account-demo .demo-label{display:none}.account-avatar{width:30px;height:30px}.channel-card{padding:16px;gap:12px}.channel-card img{width:50px;height:50px}.channel-card strong{font-size:23px}.channel-card p{font-size:10px}.permission-note{font-size:12px}.permission-note p{font-size:12px}.simulation-caption,.flow-status{font-size:12px}.flow-policy{font-size:10px;padding:13px 18px}.destination-note{font-size:13px}}
.hero .hero-claim{font-size:clamp(15px,1.3vw,20px);min-height:72px;width:min(100%,430px)}@media(max-width:600px){.hero .hero-claim{font-size:16px;min-height:66px}}