.proposal-grid,.proposal-existing{display:contents}.proposal-demo{display:none}
@media(min-width:761px) and (hover:hover) and (pointer:fine){
.proposal-demo{display:block;transform:scale(var(--proposal-fit,1));transform-origin:center}.proposal-existing{display:block}

.entrance-page .common-content .entrance-shell{width:100%;height:100%;padding:20px 28px;transform:translateX(-50%)!important}
.proposal-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:7%;height:100%;align-items:center;max-width:1080px;margin:auto}
.proposal-existing{min-width:0}.entrance-page .proposal-existing h1{font-size:clamp(30px,3.2vw,46px);margin-bottom:16px}.entrance-page .proposal-existing .entrance-lead{font-size:16px;margin-bottom:24px}.entrance-page .proposal-existing .entry-choice{min-height:88px;padding:20px}.entrance-page .proposal-existing .entrance-choices{gap:14px}
.proposal-demo{text-align:center;min-height:0}.proposal-demo>h2{font-size:17px;letter-spacing:1.5px;margin:0 0 6px}.proposal-intro{font-size:13px;color:#605e56;margin:0 0 12px}.proposal-note{font-size:11px;color:#605e56;margin:12px 0 0}
.proposal-phone{width:300px;margin:auto;padding:12px 13px 10px;border:5px solid #171713;border-radius:38px;background:#f7f2e8;box-shadow:6px 9px 0 #17171320;text-align:left}.proposal-speaker{width:60px;height:5px;border-radius:6px;background:#171713;margin:0 auto 12px}.proposal-phone-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.proposal-phone-head strong{font-size:19px;color:#2457e6;font-weight:900;letter-spacing:-.7px}.proposal-phone-head small{display:block;font-size:10px;color:#605e56;font-weight:700;margin-top:5px}.proposal-phone-head>span{display:grid;place-content:center;text-align:center;background:#f78e20;border-radius:50%;height:43px;width:43px;font-size:8px;font-weight:800;letter-spacing:1px}.proposal-phone-head b{font-size:23px;line-height:1}
.proposal-card{border:1px solid #111;border-radius:23px;padding:16px;background:#2f80c9;box-shadow:4px 5px 0 #111;height:405px;color:white}.proposal-card>section{height:100%;display:flex;flex-direction:column}.proposal-eyebrow{font-size:9px;font-weight:900;letter-spacing:1.3px;margin:0 0 10px}.proposal-card h3{border-radius:14px;background:#b7d96b;color:#111;text-align:center;font-size:29px;letter-spacing:-1.3px;padding:24px 2px;margin:0 0 16px;font-weight:900;line-height:1}
.proposal-card form{display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:12px;min-height:0}.proposal-card fieldset{border:0;margin:0;padding:0;min-width:0}.proposal-card legend,.proposal-field{font-size:8px;font-weight:900;letter-spacing:.7px}.proposal-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px}.proposal-choices label{position:relative;min-width:0}.proposal-choices input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.proposal-choices span{display:grid;place-items:center;height:32px;background:#e9f4fb;color:#111;border-radius:9px;font-size:8px;font-weight:800;letter-spacing:0}.proposal-choices input:checked+span{background:#f6c744;outline:2px solid #111}.proposal-choices input:focus-visible+span{outline:3px solid #111}.proposal-field textarea{display:block;resize:none;width:100%;height:40px;border:0;border-radius:10px;margin-top:7px;padding:10px;font-size:11px;background:#f6fafc;color:#111;letter-spacing:0}
.proposal-card button{width:100%;min-height:38px;flex-shrink:0;border:0;border-radius:11px;background:#e85a9b;color:#111;font-size:10px;letter-spacing:1px;font-weight:900;text-align:left;padding:12px;cursor:pointer}.proposal-phone-foot{font-size:7px;font-weight:800;text-align:right;margin:12px 0 0;color:#605e56}.proposal-card.show-answer{background:#fffdf7;color:#111}.proposal-answer-label{font-size:8px;font-weight:900;letter-spacing:.8px;margin:6px 0}.proposal-card #proposal-back>p:not(.proposal-eyebrow):not(.proposal-answer-label){font-size:12px;line-height:1.4;margin:0 0 7px}.proposal-source{font-size:8px;color:#2457e6;margin-top:auto;margin-bottom:12px}.proposal-card #proposal-back h3{padding-block:17px;margin-bottom:12px}.proposal-card [hidden]{display:none!important}
@media(max-height:800px) and (min-width:900px){.proposal-phone{width:280px;padding-top:8px}.proposal-card{height:350px;padding:13px}.proposal-card h3{padding-block:18px;font-size:27px;margin-bottom:10px}.proposal-card form{gap:8px}.proposal-phone-head{margin-bottom:8px}.proposal-intro{margin-bottom:8px}.proposal-speaker{margin-bottom:8px}.entrance-page .proposal-existing .entry-choice{min-height:75px;padding:16px}.proposal-note{margin-top:8px}}
@media(max-width:760px){html:has(.entrance-page),.entrance-page{height:auto;overflow:auto}.entrance-page .entrance-shell{position:static;transform:none!important;width:calc(100% - 32px);padding-block:24px}.proposal-grid{display:flex;flex-direction:column;gap:32px}.proposal-existing{width:100%}.proposal-demo{padding-bottom:20px}}
@media(min-width:761px){.proposal-phone{width:280px;padding-top:8px}.proposal-card{height:350px;padding:13px}.proposal-card h3{padding-block:18px;font-size:27px;margin-bottom:10px}.proposal-card form{gap:8px}.proposal-phone-head{margin-bottom:8px}.proposal-intro{margin-bottom:8px}.proposal-speaker{margin-bottom:8px}.proposal-note{margin-top:8px}}

/* Approved desktop entrance revision: devote the full right column to the phone/card. */
@media(min-width:761px){
 .proposal-phone{width:320px;padding:12px 14px 10px}
 .proposal-card{height:430px;padding:16px}
 .proposal-card h3{font-size:32px;padding-block:23px;margin-bottom:14px}
 .proposal-card form{gap:10px}
 .proposal-card legend,.proposal-field{font-size:9px}
 .proposal-choices span{font-size:9px;height:35px}
 .proposal-field textarea{font-size:13px;height:44px;padding:11px}
 .proposal-card button{font-size:11px;min-height:42px;padding:13px}
 .proposal-phone-head strong{font-size:21px}
 .proposal-phone-head small{font-size:11px}
 .proposal-phone-head{margin-bottom:12px}
 .proposal-speaker{margin-bottom:12px}
}

/* Approved desktop entrance: app-style card footer and a small label beside the phone. */
.proposal-demo{position:relative}
.proposal-callout{position:absolute;z-index:2;top:42px;left:-58px;width:94px;padding:12px 8px;border:1px solid #171713;border-radius:12px;background:#ffe600;color:#171713;text-align:center;font-size:11px;font-weight:900;line-height:1.4;letter-spacing:.7px;box-shadow:3px 4px 0 #171713;transform:rotate(-5deg)}
.proposal-phone-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px;text-align:left;font-size:7px;white-space:nowrap}
.proposal-bank{color:#2457e6;font-size:10px;font-weight:900}
@media(max-width:760px){.proposal-callout{top:35px;left:-32px;width:86px;font-size:10px}.proposal-demo{max-width:100%}}
@media(min-width:761px){.proposal-callout{left:-92px}}



/* Approved desktop entrance: shorter entrances leave space for handwritten-style guides. */
@media(min-width:761px){
 .entrance-page .proposal-existing .entrance-choices{max-width:480px}
 .proposal-callout{left:-96px}
 .proposal-guide{position:absolute;z-index:3;left:-100px;display:flex;align-items:center;gap:5px;pointer-events:none}
 .proposal-guide>span{display:block;white-space:nowrap;padding:9px 12px;border:1px solid #171713;border-radius:12px;background:#fffdf7;color:#171713;box-shadow:2px 3px 0 #171713;font-size:13px;font-weight:800;transform:rotate(-4deg)}
 .proposal-guide svg{width:100px;height:54px;overflow:visible;fill:none;stroke:#171713;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
 .proposal-guide-choice{top:calc(100% - 330px)}
 .proposal-guide-meaning{top:calc(100% - 244px)}
 .proposal-guide-meaning>span{transform:rotate(3deg)}
}
@media(max-width:760px){.proposal-guide{display:none}}

@media(min-width:761px){.proposal-guide-reveal{top:calc(100% - 105px)}.proposal-guide>span{transform:none}}

@media(min-width:761px){
 .proposal-guide-choice>span{transform:rotate(-5deg)}
 .proposal-guide-meaning>span{transform:rotate(4deg)}
 .proposal-guide-reveal>span{transform:rotate(-3deg)}
 .proposal-guide{gap:8px}
}

}

/* Desktop entrance: calm, time-limited visual guidance; all links remain usable. */
@media(min-width:761px) and (hover:hover) and (pointer:fine){
 .proposal-existing{opacity:1;transition:opacity 1.2s ease,filter 1.2s ease}
 .proposal-demo{transition:filter 1.2s ease}
 .proposal-intro-active .proposal-existing{opacity:.38;filter:saturate(.65)}
 .proposal-intro-active .proposal-demo{filter:brightness(1.04)}
 .proposal-intro-active .proposal-callout{animation:proposal-invite-glow 2.2s ease-in-out infinite}
 .proposal-intro-active .proposal-existing:focus-within,.proposal-intro-active .proposal-existing:hover{opacity:1;filter:none}
 @keyframes proposal-invite-glow{0%,100%{box-shadow:3px 4px 0 #171713,0 0 0 0 #ffe60000;background:#ffe600}50%{box-shadow:3px 4px 0 #171713,0 0 22px 8px #ffe60088;background:#fff23d}}
}
@media(prefers-reduced-motion:reduce){.proposal-intro-active .proposal-callout{animation:none;outline:3px solid #b7d96b;outline-offset:4px}.proposal-existing,.proposal-demo{transition:none}}
/* Desktop entrance: one restrained visual vibration, never while entering answers. */
@media(min-width:761px) and (hover:hover) and (pointer:fine){
 .proposal-intro-active .proposal-phone{animation:proposal-phone-vibrate .65s ease-in-out .7s 2;transform-origin:center}
 .proposal-intro-active .proposal-phone:focus-within,.proposal-intro-active .proposal-phone:hover,.proposal-intro-active .proposal-phone.proposal-vibration-done{animation:none}
 @keyframes proposal-phone-vibrate{
  0%,100%{transform:translateX(0) rotate(0deg)}
  15%,45%,75%{transform:translateX(-2px) rotate(-.6deg)}
  30%,60%,90%{transform:translateX(2px) rotate(.6deg)}
 }
}
@media(prefers-reduced-motion:reduce){.proposal-intro-active .proposal-phone{animation:none}}

@media(min-width:761px) and (hover:hover) and (pointer:fine){
 .entrance-page .site-frame>.common-header{position:relative}
 .entrance-page .common-header .entrance-header-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;max-width:calc(100% - 240px);font-size:18px;line-height:1.4;font-weight:400;text-align:center;color:var(--ink);white-space:nowrap}
 .entrance-header-message>span{display:block}.entrance-header-message u{text-decoration-thickness:1px;text-underline-offset:3px}
}

@media(min-width:761px) and (hover:hover) and (pointer:fine){
 .proposal-demo:has(.proposal-card.show-answer) .proposal-guide{visibility:hidden}
}