:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152e3e;background:#e9eef0;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
button,input{font:inherit}
button{cursor:pointer;border:1px solid #bdcbd1;background:#fff;color:#18394c;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:650}
button:hover{background:#e9f3f4}
button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #227ea3;outline-offset:4px}
button:disabled{opacity:.5;cursor:wait}
button.primary{background:#163f54;border-color:#163f54;color:white}
main{padding:20px 24px 28px}
#stage-wrap{position:relative;margin:0 auto;overflow:hidden;border-radius:15px;box-shadow:0 12px 50px #18354312}
#stage{width:1600px;height:900px;padding:42px 48px 24px;transform-origin:top left;background:#f7f8f5;position:relative}
.story-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px;height:89px}
.eyebrow{font-size:13px;font-weight:750;letter-spacing:2.6px;margin:0 0 13px;color:#496375}
h1{font-size:45px;line-height:1.1;letter-spacing:-1.7px;margin:0;font-weight:650}
h1 span{font-weight:400;color:#607480}
.chapter-marker{text-align:right;max-width:420px}
.chapter-marker>span{font-size:13px;font-weight:750;letter-spacing:2px;color:#687b84}
.chapter-marker p{font-size:19px;margin:10px 0 4px;font-weight:550}
.lanes{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.lane-heading{display:flex;justify-content:space-between;align-items:center;height:48px}
.lane-heading>div{display:flex;align-items:center;gap:10px}
.lane-dot{height:8px;width:8px;border-radius:50%;background:#456487}
.proposed .lane-dot{background:#188679}
h2{font-size:20px;font-weight:650;letter-spacing:-.3px;margin:0}
.lane-tag{font-size:12px;color:#5c707b;border:1px solid #cdd8dc;border-radius:20px;padding:6px 10px}
.browser{height:510px;background:#f0f1f2;border:1px solid #c7d0d5;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 5px 14px #243b4810}
.chrome{height:57px;background:#e6e9ed;color:#4e6070;font-size:11px;padding:7px 12px 5px;position:relative}
.tabs{display:flex;gap:5px;height:23px;align-items:center}
.window-dots{letter-spacing:4px;color:#89949d;font-size:16px;width:54px}
.tab{background:#d7dde3;border-radius:5px 5px 0 0;padding:5px 14px;min-width:140px}
.tab.active{background:#fff;color:#173b50}
.url{height:20px;border-radius:4px;background:#fff;padding:3px 12px;margin-left:58px;font-size:10px}
.new-tab{color:#26736c;font-weight:750;margin-left:auto;font-size:11px}
.viewport{height:452px;position:relative;overflow:hidden;background:#f1f2f2}
.gm-nav{height:46px;background:#203c63;color:white;display:flex;align-items:center;padding:0 24px;gap:28px;font-size:12px}
.gm-mark{border:2px solid currentColor;border-radius:5px;font-size:23px;font-weight:700;letter-spacing:-2px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding-right:2px}
.account-card{position:absolute;top:80px;left:50%;transform:translateX(-50%);width:450px;background:white;padding:28px 32px;border-radius:6px;box-shadow:0 2px 8px #1c304020;color:#41474b;font-size:15px}
.account-card.email-card{top:100px}
.account-card h3{font-size:20px;line-height:1.3;margin:14px 0 24px}
.gm-logo{color:#469fc3;display:flex;justify-content:center;margin:0 0 22px}
.gm-logo .gm-mark{width:48px;height:48px;font-size:34px;border-width:3px}
.account-card.email-card h3{text-align:center;font-size:19px}
.fake-field{border:1px solid #c4cbd0;border-radius:5px;min-height:48px;padding:7px 11px;margin:9px 0;background:#fff;position:relative}
.fake-field label{display:block;font-size:11px;line-height:14px;color:#596971}
.fake-field .value{display:block;font-size:16px;min-height:21px;line-height:23px;color:#213a4f;white-space:nowrap;overflow:hidden}
.fake-field.focus{border-color:#3288ab;box-shadow:0 0 0 2px #3b93ad19}
.fake-field.locked{background:#e6e9ea}
.field-action{position:absolute;right:9px;bottom:12px;font-size:12px;font-weight:700;color:#276db3}
.fake-button{border-radius:22px;padding:11px 12px;background:#254f88;color:white;text-align:center;font-size:14px;font-weight:650;margin-top:20px;position:relative}
.fake-button.pressed{box-shadow:0 0 0 5px #3286bc33;background:#1a3c69}
.fake-link{text-decoration:underline}
.tiny{font-size:12px;line-height:1.5;color:#66737b}
.account-card .login{font-size:13px;margin:23px 0 0}
.back-close{display:flex;justify-content:space-between;color:#1c2931;font-weight:800;margin-bottom:20px}
.code-card{top:78px;padding-top:20px}
.code-card h3{margin:9px 0 20px}
.code-card .eyeline{color:#7b8184;font-size:18px}
.destination{line-height:1.6;min-height:49px;font-size:15px}
.otp{display:flex;gap:8px;margin:21px 0}
.otp span{width:40px;height:46px;background:#f1f2f2;border:1px solid #d0d5d8;border-bottom:2px solid #8d969b;display:grid;place-items:center;font-size:21px;color:#284b69;border-radius:3px}
.otp span.active{border-color:#2b7caa}
.otp.verified span{border-color:#37836f;background:#edf8f2}
.code-card .fake-button{margin-top:18px}
.code-note{font-size:12px;color:#1f7667;min-height:18px}
.details-card{top:64px;padding:18px 28px;height:620px;will-change:transform}
.details-card h3{margin:7px 0 15px}
.details-card .back-close{margin-bottom:12px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.hint{font-size:10px;color:#64717a;margin:4px 0 12px}
.terms{font-size:13px;line-height:1.55;color:#58666e;margin-top:17px}
.terms u{color:#2c536b;text-underline-offset:2px}
.optional{font-size:13px;margin:17px 0;color:#465d6c}
.welcome-card{text-align:center;top:110px;padding:32px}
.welcome-card h3{font-size:22px;margin:24px 0}
.welcome-card p{font-size:17px;line-height:1.65}
.dealer{position:absolute;inset:0;background:#f4f0e8}
.dealer-nav{height:50px;background:white;padding:16px 20px;display:flex;justify-content:space-between;font-size:11px;align-items:center}
.dealer-brand{font-size:15px;font-weight:750;color:#173e51}
.dealer-hero{height:250px;background:#203e50;position:relative;overflow:hidden;padding:27px;color:white}
.dealer-hero small{font-size:10px;letter-spacing:2px}
.dealer-hero h3{font-size:32px;font-weight:500;line-height:1.14;margin:15px 0}
.vehicle-art{position:absolute;right:-20px;bottom:15px;width:350px;opacity:.8}
.hero-action{font-size:12px;border:1px solid #b2d0d7;display:inline-block;padding:9px 13px;border-radius:4px}
.rewards-strip{margin:25px 27px;padding:19px 21px;background:white;border:1px solid #ced8d9;border-radius:9px;position:relative}
.rewards-strip small{font-size:11px;letter-spacing:1px;color:#567180}
.rewards-strip h3{font-size:22px;margin:8px 0}
.rewards-strip .fake-button{position:absolute;right:20px;top:12px;width:170px;background:#2f6fd0}
.landing .gm-nav{height:50px}
.rewards-nav{height:37px;background:#101e30;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:11px}
.gm-hero{height:260px;background:linear-gradient(150deg,#9baca4,#49615b 50%,#344f58);position:relative;padding:35px 28px;color:white;overflow:hidden}
.gm-hero:after{content:"";position:absolute;inset:40% -10% 0;background:#bbc6b155;clip-path:polygon(0 70%,22% 0,40% 50%,60% 20%,100% 65%,100% 100%,0 100%)}
.gm-hero h3{position:relative;font-size:31px;line-height:1.2;font-weight:450;margin:0;z-index:1}
.gm-hero .fake-button{background:white;color:#254f88;width:225px;font-size:13px;z-index:1}
.gm-hero .vehicle-art{z-index:1;width:330px;right:-14px;bottom:12px}
.landing-bottom{padding:23px;text-align:center;color:#4f626b;font-size:18px;line-height:1.5;background:white}
.veil{position:absolute;inset:50px 0 0;background:#152b3542}
.inline-modal{position:absolute;top:67px;left:50%;transform:translateX(-50%);width:470px;height:370px;border-radius:12px;background:white;box-shadow:0 10px 35px #09233045;overflow:hidden}
.inline-progress{height:4px;background:#edf1f2}
.inline-progress span{display:block;height:100%;background:#2f6fd0}
.inline-header{height:49px;padding:10px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4ebed;background:white;position:relative;z-index:2}
.dealer-lockup{display:flex;gap:9px;align-items:center}
.dealer-lockup .monogram{font-size:10px;padding:8px;background:#e9f1f5;border-radius:5px;color:#346b8b}
.dealer-lockup small{font-size:9px;display:block;color:#69808a;margin-bottom:2px}
.dealer-lockup b{font-size:12px}
.inline-body{padding:18px 24px 24px;position:relative;color:#1a3549}
.inline-clip{height:317px;overflow:hidden}
.inline-body .brand{color:#386f9b;font-size:12px;font-weight:750;letter-spacing:.6px}
.inline-body h3{font-size:25px;letter-spacing:-.6px;margin:8px 0}
.inline-body .sub{font-size:12px;color:#627684;line-height:1.5;margin:5px 0 14px}
.inline-body .fake-field{min-height:45px;margin:10px 0}
.inline-body .fake-field .value{font-size:14px}
.inline-body .fake-field label{font-size:10px}
.inline-body .fake-button{background:#2f6fd0;border-radius:7px;margin-top:15px}
.inline-body .otp{margin:13px 0 10px}
.inline-body .otp span{height:38px;width:37px;font-size:19px}
.inline-otp{background:#f2f7fb;padding:10px 12px;border-radius:6px;margin-top:-3px}
.inline-otp p{font-size:11px;margin:0;color:#4c687a}
.verified-label{color:#238068}
.progress-note{font-size:11px;text-align:center;margin:9px 0;color:#4c718a}
.scroll-rail{position:absolute;right:5px;top:65px;bottom:9px;width:3px;background:#ebeff1;border-radius:10px}
.scroll-rail span{display:block;width:3px;height:60px;background:#a3b6c1;border-radius:10px}
.inline-body .terms{font-size:12px;margin-top:17px}
.success-body{text-align:center;padding-top:28px}
.success-check{display:grid;place-items:center;width:62px;height:62px;background:#e5f3ec;color:#2e8668;border:1px solid #a9d7c2;border-radius:50%;margin:0 auto 17px;font-size:29px}
.success-body h3{font-size:29px}
.success-body .success-label{font-size:15px;color:#2c7c65;font-weight:650;margin:11px 0 18px}
.success-body .sub{font-size:14px}
.success-body .fake-button{margin-top:22px}
.cursor{position:absolute;width:22px;height:28px;z-index:10;pointer-events:none;filter:drop-shadow(0 2px 2px #0003)}
.cursor svg{width:100%;height:100%}
.lane-caption{height:76px;display:flex;gap:13px;align-items:flex-start;padding:18px 8px 0;font-size:18px;line-height:1.4}
.lane-caption>span{font-size:12px;letter-spacing:1px;color:#7b8e98;padding-top:6px}
.lane-caption p{margin:0;max-width:630px}
.takeaway{height:68px;display:flex;align-items:center;justify-content:center;gap:16px}
.takeaway-line{width:28px;height:2px;background:#2e7e78}
.takeaway p{font-size:22px;font-weight:500;letter-spacing:-.3px}
.stage-footer{border-top:1px solid #dce3e2;padding-top:16px;display:flex;justify-content:space-between;font-size:11px;color:#657b85;gap:20px}
.controls{max-width:1200px;margin:18px auto 0}
.control-row{display:flex;align-items:center;gap:10px}
.scrubber{display:flex;align-items:center;gap:15px;flex:1;font-size:12px;color:#5e7480;margin:0 8px}
.scrubber input{width:100%;accent-color:#245c72;cursor:pointer}
.scrubber{white-space:nowrap}
#chapters{display:flex;gap:8px;justify-content:center;margin:15px 0}
#chapters button{border:0;background:transparent;padding:8px 16px;color:#5b717e;font-size:13px}
#chapters button[aria-current="step"]{background:#d5e7e8;color:#164e5b}
.control-foot{display:flex;justify-content:space-between;font-size:11px;color:#607783;align-items:center}
.control-foot label{display:flex;gap:6px;align-items:center}
.control-foot input{accent-color:#245c72}
details{font-size:12px;line-height:1.7;color:#607783;margin-top:14px}
summary{cursor:pointer}
details p{max-width:950px}
#status{font-size:12px;color:#4f6c7b;margin:10px 0 0}
body.presenting{background:#14242d;overflow:hidden}
body.presenting main{padding:0;height:100vh;display:grid;place-items:center}
body.presenting #stage-wrap{border-radius:0;box-shadow:none}
body.presenting .controls{display:none}
#exit-present{position:fixed;bottom:14px;right:14px;z-index:30;opacity:0;transition:opacity .15s}
#exit-present:hover,#exit-present:focus-visible{opacity:1}
body.compact #stage{width:800px;height:1600px;padding:30px}
body.compact .story-header{height:118px;align-items:flex-start;flex-direction:column;margin-bottom:20px}
body.compact h1{font-size:38px}
body.compact .chapter-marker{display:flex;align-items:center;gap:18px;text-align:left}
body.compact .chapter-marker p{font-size:17px;margin:6px 0}
body.compact .lanes{grid-template-columns:1fr;gap:12px}
body.compact .lane-caption{height:66px}
body.compact .takeaway{height:85px}
body.compact .takeaway p{font-size:21px}
body.compact .stage-footer{font-size:11px;display:block;line-height:1.8}
body.compact .stage-footer span{display:block}
@media(max-width:700px){main{padding:12px}
.control-row{flex-wrap:wrap}
.scrubber{order:2;flex-basis:100%;padding-top:6px}
#chapters{gap:0;flex-wrap:wrap}
#chapters button{padding:8px}
.control-foot{gap:12px;align-items:flex-start}
.control-foot>span{max-width:210px;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}
#exit-present{transition:none}
}


/* Keep the fixed site header above the intentionally scrolling form. */
.gm-nav{position:relative;z-index:5}
.code-card{top:63px}
.success-body{padding-top:20px}
.success-body .success-check{margin-bottom:12px}
.success-body .fake-button{margin-top:16px}


.code-card{padding-bottom:18px}
.code-card .back-close{margin-bottom:14px}
.code-card .otp{margin:16px 0}


/* Revision 2: stable full-form composition, with retrieval cues in the margin. */
#stage{padding:28px 48px 20px}
.story-header{height:60px;margin-bottom:12px}
h1{font-size:37px}.eyebrow{margin-bottom:8px;font-size:11px}
.lane-heading{height:36px}.browser{height:600px}.viewport{height:542px}
.lane-caption{height:54px;padding-top:12px;font-size:16px}
.takeaway{height:48px}.takeaway p{font-size:20px}.stage-footer{padding-top:14px}
.inline-modal{top:58px;width:450px;height:474px;overflow:visible}
.inline-progress{border-radius:12px 12px 0 0;overflow:hidden}
.inline-header{height:37px;padding:5px 16px}.dealer-lockup small{font-size:8px}.dealer-lockup b{font-size:11px}.dealer-lockup .monogram{padding:6px}
.full-form{padding:9px 18px 8px;transform:none;height:433px}
.full-form .brand{font-size:9px}.full-form h3{font-size:20px;margin:3px 0 7px;line-height:23px}
.full-form .fake-field{min-height:35px;height:35px;padding:3px 9px;margin:4px 0}
.full-form .fake-field label{font-size:9px;line-height:11px}.full-form .fake-field .value{font-size:13px;line-height:18px;min-height:18px}
.full-form .field-action{bottom:6px;font-size:10px}.full-form .row2{gap:8px}
.full-form .hint{margin:2px 0 4px;font-size:9px;line-height:12px}
.verification-row{height:28px;display:flex;align-items:center;gap:9px;color:#7e8a91;font-size:9px}
.verification-row .otp{gap:4px;margin:0}.verification-row .otp span{width:22px;height:23px;font-size:12px;background:#f3f6f8;border-bottom-width:1px}
.verification-row.sent{color:#466c85}.verification-row.done{color:#287d67;background:#f0f8f3;padding-left:9px;border-radius:4px}
.full-form .optional{font-size:10px;margin:5px 0;line-height:14px}
.full-form .terms{font-size:10px;line-height:1.45;margin:5px 0 7px}
.full-form .fake-button{margin-top:5px;padding:8px 10px;font-size:12px;line-height:16px}
.full-form .progress-note{font-size:9px;line-height:12px;margin:5px 0 0}
.inline-modal .success-body{padding:80px 25px 25px}.inline-modal .success-body .fake-button{margin-top:28px}
.retrieval-cue{position:absolute;left:calc(50% + 235px);width:112px;padding:10px 6px;border:1px solid #c7d9dd;border-radius:9px;background:#f8fcfc;color:#315567;text-align:center;box-shadow:0 3px 9px #1c404515;z-index:8}
.retrieval-cue.by-account{top:200px}.retrieval-cue.by-inline.email{top:157px}.retrieval-cue.by-inline.phone{top:279px}
.cue-icons{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:7px}.cue-icons span{display:flex}.cue-icons svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7}
.retrieval-cue .cue-kind{font-size:10px;display:block}.retrieval-cue b{display:block;font-size:15px;letter-spacing:2px;margin:7px 0}.retrieval-cue small{font-size:9px}
body.compact #stage{height:1740px}body.compact .lane-caption{height:54px}body.compact .takeaway{height:65px}

.join-action.unavailable .fake-button{background:#dce5ea;color:#71828e}

/* Revision 3: the prototype's design language, with deterministic motion. */
.gm-page-change{position:absolute;inset:0}
.proto-veil{position:absolute;inset:0;background:#090f1e88;backdrop-filter:blur(2px)}
.proto-modal{position:absolute;top:7px;left:50%;width:470px;transform-origin:top center;background:white;border-radius:16px;box-shadow:0 20px 55px #0005;overflow:hidden;color:#202635;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.proto-progress{height:4px;background:#eef1f5}.proto-progress span{display:block;height:4px;background:linear-gradient(90deg,#0b3f84,#2f6fd0)}
.proto-form{padding:16px 24px 13px}
.proto-dealer{display:flex;gap:11px;align-items:center;border-bottom:1px solid #eef1f5;padding-bottom:12px;margin-bottom:12px}
.proto-monogram{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#202635;color:#f2b632;font-weight:800;font-size:14px}
.proto-dealer small{display:block;color:#7c879c;font-size:10px;font-weight:700;letter-spacing:1.4px;margin-bottom:3px}.proto-dealer b{font-size:17px;font-weight:800}
.proto-close{margin-left:auto;border-radius:50%;background:#f0f2f5;width:30px;height:30px;display:grid;place-items:center;font-size:27px}
.proto-brand{display:flex;align-items:center;gap:8px;color:#0b3f84;font-size:11px;font-weight:800;letter-spacing:1.8px}.proto-brand i{width:19px;height:19px;background:linear-gradient(135deg,#5ec4f0,#2d6fd2);border-radius:5px}
.proto-form h3{font-size:24px;letter-spacing:-.5px;margin:5px 0 8px;line-height:1.12}.proto-sub{font-size:12px;color:#505c72;line-height:1.35;margin:0 0 11px}
.proto-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.proto-chips span{border-radius:30px;padding:5px 9px;background:#e6effc;color:#0b3f84;font-size:10px;font-weight:750}.proto-chips span:first-child{background:#e4f4eb;color:#17834e}
.proto-field{margin:8px 0 0}.proto-field label{display:block;color:#505c72;font-size:11px;font-weight:650;margin-bottom:4px}
.proto-input{height:35px;border:1.5px solid #d6dbe5;border-radius:10px;display:flex;align-items:center;position:relative;padding:0 11px;background:white}
.proto-value{font-size:13px;white-space:nowrap;color:#202635}.proto-value.placeholder{color:#a3abba}.proto-input:has(.proto-action) .proto-value{max-width:calc(100% - 95px);overflow:hidden}
.proto-input.focus{border-color:#0b3f84;box-shadow:0 0 0 3px #0b3f841a}.proto-input.is-verified{background:#f6fbf8;border-color:#a7d7bc}
.proto-action{position:absolute;right:4px;height:26px;padding:0 11px;border-radius:7px;background:#0b3f84;color:white;display:flex;align-items:center;font-size:10px;font-weight:750}.proto-action.disabled{background:#e7eaf0;color:#98a1b2}.proto-action.verified{background:#17834e;color:white}
.proto-show{margin-left:auto;font-size:10px;font-weight:800;color:#0b3f84}.proto-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.proto-hint{color:#7c879c;font-size:10px;margin:5px 0 0;line-height:1.3}
.proto-code-panel{overflow:hidden}.proto-code-panel p{margin:7px 0 5px;font-size:9.5px;color:#505c72}.proto-code-panel .otp{gap:6px;margin:0 0 4px}.proto-code-panel .otp span{width:32px;height:30px;border:1.5px solid #d6dbe5;border-radius:7px;background:#f8f9fb;font-size:15px}.proto-code-panel .otp span.active{background:white;border-color:#0b3f84;box-shadow:0 0 0 2px #0b3f8418}.proto-code-panel small{font-size:9px;color:#7c879c}
.proto-rules{display:flex;gap:12px;font-size:9.5px;color:#7c879c;margin:7px 0 0}.proto-rules span{display:flex;gap:4px;align-items:center}.proto-rules span:before{content:' ';width:10px;height:10px;border:1px solid #c4cad5;border-radius:50%}.proto-rules.ok{color:#17834e}.proto-rules.ok span:before{content:'✓';color:white;background:#17834e;border-color:#17834e;font-size:8px;text-align:center}
.proto-optional{margin:12px 0;color:#0b3f84;font-size:11px;font-weight:750}.proto-terms{font-size:10px;line-height:1.5;color:#7c879c;margin:13px 0}.proto-terms u{color:#505c72;font-weight:600}
.proto-submit-wrap{position:relative}.proto-submit{height:38px;border-radius:30px;display:flex;align-items:center;justify-content:center;background:#0b3f84;color:white;font-size:13px;font-weight:750;gap:8px}.proto-submit.disabled{background:#c7cfdc}.proto-remaining{font-size:10px;color:#7c879c;text-align:center;margin-top:8px;line-height:14px}
.proto-spinner{width:12px;height:12px;border:2px solid white;border-right-color:transparent;border-radius:50%}.spark-burst{position:absolute;inset:0;pointer-events:none}.spark-burst i{position:absolute;font-style:normal;font-size:13px}
.proto-success{padding:28px 24px 24px;text-align:center}.proto-check{width:70px;height:70px;margin:0 auto 13px;display:block}.proto-check circle{fill:#e4f4eb;stroke:#17834e;stroke-width:3;stroke-dasharray:252}.proto-check path{fill:none;stroke:#17834e;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60}.proto-success h3{font-size:25px;margin:4px 0 9px}.proto-confirmed{display:inline-block;border-radius:30px;background:#e4f4eb;color:#17834e;font-weight:750;font-size:11px;padding:5px 10px;margin:0 0 15px}.proto-benefit{display:flex;gap:12px;text-align:left;background:#f7f8fa;border-radius:10px;padding:12px;margin-bottom:10px;font-size:11px;line-height:1.4;color:#505c72}.proto-benefit>b{background:#e6effc;color:#0b3f84;border-radius:8px;padding:7px;height:30px}.proto-benefit strong{display:block;color:#202635;margin-bottom:3px}.proto-success .proto-submit{margin-top:14px}
.retrieval-cue.by-inline{left:calc(50% + 208px);width:120px}.retrieval-cue.by-inline.email{top:192px}.retrieval-cue.by-inline.phone{top:315px}
.browser{height:630px}.viewport{height:572px}
.proto-code-panel small{display:block;line-height:10px}.proto-code-panel p{line-height:12px}
.retrieval-cue.by-inline{left:calc(50% + 188px);width:120px}
body.compact #stage{height:1800px}