/* Approved Amber Whisper widget. Local website integration. */

#proposal{font-family:'Sora',sans-serif;font-weight:500;color-scheme:light dark;--wg-page:light-dark(#f3ede4,#120f0c);--wg-text:light-dark(#342c24,#f4f1ee);--wg-muted:light-dark(#817467,#b0a297);--wg-accent:light-dark(#d8772e,#ffa169);--wg-line:light-dark(#cfc1ad85,#ac927650);--wg-inner:light-dark(#fffdf9a6,#b49d7d1c);--wg-shade:light-dark(#7656302b,#0009);--wg-shine:light-dark(#fffdfbe0,#bca78f42);--wg-well:light-dark(#e9dfd073,#100c096e);--wg-focus-well:light-dark(#fffaf0b8,#31251ccb);--wg-focused-label:light-dark(#9f501c,#ffb886);--wg-particle:light-dark(#ce853e,#b7793e);--wg-particle2:light-dark(#9f9280,#c3b9aa);--wg-glow:light-dark(#bc702e,#ffd1a2);--wg-fill:light-dark(#fffcf291,#29211980);--wg-focus-shadow:light-dark(#b5753730,#f9934524)}
#proposal *{box-sizing:border-box;font-family:inherit;font-weight:500}
#proposal .wg-card{--px:250px;--py:0px;--edge-alpha:0;position:relative;max-width:500px;margin:0 auto;padding:32px;border:1px solid var(--wg-line);border-radius:24px;background:var(--wg-fill);backdrop-filter:blur(12px) saturate(1.12);-webkit-backdrop-filter:blur(12px) saturate(1.12);box-shadow:inset 0 1px 1px var(--wg-shine),inset 0 -2px 4px var(--wg-shade),0 24px 38px -24px var(--wg-shade);isolation:isolate}
#proposal .wg-card:before{content:'';position:absolute;inset:5px;border:1px solid var(--wg-inner);border-radius:19px;pointer-events:none}
#proposal .wg-edge,#proposal .wg-edge-soft{position:absolute;inset:-1px;border-radius:24px;pointer-events:none;opacity:var(--edge-alpha);z-index:3;padding:1px;background:radial-gradient(120px circle at var(--px) var(--py),var(--wg-glow),transparent 75%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
#proposal .wg-edge-soft{inset:-3px;border-radius:26px;padding:3px;filter:blur(3px);opacity:calc(var(--edge-alpha) * .3);z-index:-1}
#proposal .wg-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;position:relative}
#proposal .wg-field{display:flex;flex-direction:column;position:relative;min-width:0}
#proposal .wg-label{font-size:13px;line-height:1.5;letter-spacing:-.25px;margin:0 0 10px 2px;color:var(--wg-text)}
#proposal .wg-label span{color:var(--wg-accent);margin-left:3px}
#proposal input{display:block;width:100%;min-width:0;height:56px;border:1px solid var(--wg-line);border-radius:30px;background:var(--wg-well);padding:0 20px;color:var(--wg-text);font-size:14px;line-height:1.5;letter-spacing:-.3px;box-shadow:inset 2px 4px 8px var(--wg-shade),inset 0 -1px 1px var(--wg-shine),0 1px 0 var(--wg-shine)}
#proposal input::placeholder{color:var(--wg-muted);opacity:1}
#proposal .wg-field:focus-within .wg-label{color:var(--wg-focused-label)}
#proposal .wg-field:focus-within input{border-color:var(--wg-accent);background:var(--wg-focus-well);box-shadow:inset 1px 2px 5px var(--wg-shade),0 0 0 2px var(--wg-focus-shadow),0 1px 0 var(--wg-shine)}
#proposal .wg-actions{display:flex;justify-content:flex-end;margin-top:28px;position:relative}
#proposal .wg-next{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:14px 22px;border:1px solid color-mix(in srgb,var(--wg-brand) 43%,transparent);border-radius:999px;background:linear-gradient(155deg,light-dark(#ffffff6b,#ffffff0e),light-dark(#ffffff14,#ffffff03));backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);color:light-dark(#97531e,#f0b779);box-shadow:inset 0 1px 0 light-dark(#ffffffcf,#fff2),inset 0 -1px 0 light-dark(#aa804519,#0003),0 5px 13px -8px var(--wg-shade);font-size:13px;line-height:1.5;letter-spacing:-.2px;cursor:pointer;transition:color .4s ease,border-color .4s ease}
#proposal .wg-next:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,light-dark(#eca45b,#f7bc7b),var(--wg-brand));opacity:0;z-index:0;pointer-events:none;transition:opacity .45s cubic-bezier(.22,1,.36,1)}
#proposal .wg-next:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 1px light-dark(#fff9,#ffe4c84d);pointer-events:none}
#proposal .wg-button-label{position:relative;z-index:1;font-size:inherit;line-height:inherit}
#proposal .wg-next:hover,#proposal .wg-next:focus-visible{color:#291b10;border-color:var(--wg-brand)}
#proposal .wg-next:hover:before,#proposal .wg-next:focus-visible:before{opacity:1}
@media(prefers-reduced-motion:reduce){#proposal .wg-next,#proposal .wg-next:before{transition:none}}
#proposal .wg-status{font-size:11px;line-height:1.6;color:var(--wg-muted)}
#proposal .wg-status:not(:empty){margin-top:17px}
/* Shared refinement: translucent smoke, brand amber, and no all-around focus recolor. */
#proposal{--wg-brand:light-dark(#C2762F,#F0A75C);--wg-line:light-dark(#a88f6c40,#d2b08b29);--wg-inner:light-dark(#fffdf980,#d8b99412);--wg-shine:light-dark(#fffdfb8c,#bca78f26);--wg-well:light-dark(#e9dfd02b,#100c0929);--wg-shade:light-dark(#7656301c,#0005);--wg-glow:var(--wg-brand)}
#proposal .wg-card{background:linear-gradient(135deg,light-dark(#fffaf228,#84715a12),light-dark(#f3eadb14,#231d171f));backdrop-filter:blur(6px) saturate(1.08);-webkit-backdrop-filter:blur(6px) saturate(1.08);border-color:light-dark(#a58b6859,#d2b08b29);box-shadow:inset 0 1px 0 light-dark(#fffdf9ed,#bca78f26),inset 0 -1px 0 light-dark(#ae927328,#0000),0 3px 7px -3px light-dark(#71513124,#0000),0 18px 34px -14px light-dark(#72502c38,#0000),0 36px 60px -28px light-dark(#72502c26,#0000),0 22px 42px -28px light-dark(#0000,#0005)}
#proposal .wg-edge{background:radial-gradient(160px circle at var(--px) var(--py),color-mix(in srgb,var(--wg-brand) 55%,transparent),transparent 80%)}
#proposal .wg-edge-soft{padding:3px;inset:-3px;filter:blur(5px);opacity:calc(var(--edge-alpha) * .22)}
#proposal .wg-well{position:relative;display:block;border-radius:30px;isolation:isolate}
#proposal input{position:relative;z-index:1;box-shadow:inset 0 3px 7px var(--wg-shade),inset 0 -1px 0 var(--wg-shine);background:var(--wg-well)}
#proposal .wg-field:focus-within .wg-label{color:var(--wg-text)}
#proposal .wg-field:focus-within input{border-color:var(--wg-line);background:var(--wg-well);box-shadow:inset 0 3px 7px var(--wg-shade),inset 0 -1px 0 var(--wg-shine)}
#proposal input:focus{outline:none}
#proposal[data-keyboard="true"] input:focus-visible{outline:2px solid var(--wg-brand);outline-offset:4px}
#proposal .wg-rim,#proposal .wg-bloom{position:absolute;inset:0;border-radius:30px;pointer-events:none;opacity:0;z-index:2;transition:opacity .45s ease}
#proposal .wg-rim{padding:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--wg-brand) 58%,transparent) 0%,color-mix(in srgb,var(--wg-brand) 26%,transparent) 17%,color-mix(in srgb,var(--wg-brand) 7%,transparent) 38%,transparent 61%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;filter:blur(.55px)}
#proposal .wg-bloom{inset:-2px;background:radial-gradient(ellipse 29% 90% at 0% 50%,color-mix(in srgb,var(--wg-brand) 13%,transparent),transparent 85%);filter:blur(8px);z-index:0}
#proposal .wg-field:focus-within .wg-rim,#proposal .wg-field:focus-within .wg-bloom{opacity:1}
@media(prefers-reduced-motion:reduce){#proposal .wg-rim,#proposal .wg-bloom{transition:none}}
@media(prefers-reduced-motion:reduce){#proposal .wg-field{transform:none!important}}
/* The live page owns the navigation, background particles, and theme. */
#proposal{color-scheme:inherit;position:relative;min-height:calc(100svh - var(--nav-h));padding:104px var(--gutter) 120px;scroll-margin-top:calc(var(--nav-h) + 12px)}
#proposal .wp-main{position:relative;max-width:1160px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);column-gap:clamp(40px,6.945vw,100px);align-items:center}
#proposal .wp-copy{min-width:0}
#proposal .wp-headline{font-family:'Sora',sans-serif;font-size:clamp(36px,3.75vw,54px);font-weight:600;line-height:1.14;letter-spacing:-.037em;margin:0;color:var(--wg-text);text-align:left;text-wrap:initial}
#proposal .wp-headline *{font-weight:600}
#proposal .wp-headline em{font-style:normal;color:var(--wg-accent)}
#proposal .wp-first,#proposal .wp-second{display:block;margin:0;padding:0}
#proposal .wp-first{white-space:nowrap}
#proposal .wp-proposal{display:inline}
#proposal .wp-hours{display:block;white-space:nowrap}
#proposal .wp-subheading{max-width:475px;font-size:16px;line-height:1.85;letter-spacing:-.15px;color:var(--wg-muted);margin:26px 0 0;text-wrap:pretty}
#proposal .wp-free{font-weight:600;color:var(--wg-brand);white-space:nowrap;margin-inline-start:.12em}
#proposal .wp-reassurance{display:block;margin-top:16px;font-size:15px;color:light-dark(#514437,#e3d8ce)}
#proposal .wg-card{width:100%;max-width:500px;margin:0;align-self:center}
@media(max-width:900px){
  #proposal{min-height:auto;padding:80px var(--gutter) 88px}
  #proposal .wp-main{max-width:600px;grid-template-columns:minmax(0,1fr);gap:36px}
  #proposal .wp-headline{font-size:clamp(30px,5.5vw,48px)}
  #proposal .wp-subheading{max-width:500px}
  #proposal .wg-card{max-width:600px}
}
@media(max-width:480px){
  #proposal{padding-top:64px;padding-bottom:72px}
  #proposal .wp-headline{font-size:clamp(26px,7.2vw,34px);letter-spacing:-.04em}
  #proposal .wp-reassurance{font-size:14px}
  #proposal .wg-card{padding:26px 20px}
  #proposal input{font-size:16px}
}

/* Glass rail verification and stable shared card. */

#proposal .we-intro{position:relative}
#proposal .we-intro h3{font-size:26px;line-height:1.3;letter-spacing:-1px;margin:0 0 14px;color:var(--wg-text)}
#proposal .we-intro p{font-size:13px;line-height:1.85;letter-spacing:-.15px;color:var(--wg-muted);margin:0;max-width:370px}
#proposal .we-code-block{margin-top:37px;position:relative}
#proposal .we-code-block>.wg-label{display:block}
#proposal .we-code{position:relative;height:62px;border-radius:18px}
#proposal .we-slots{height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;pointer-events:none}
#proposal .we-slot{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--wg-line);border-radius:17px;background:var(--wg-well);box-shadow:inset 0 3px 7px var(--wg-shade),inset 0 -1px 0 var(--wg-shine);font-size:24px;font-variant-numeric:tabular-nums;line-height:1;color:var(--wg-text)}
#proposal .we-slot b:empty:after{content:'·';color:var(--wg-muted);opacity:.45}
#proposal .we-slot:before{content:'';position:absolute;inset:-1px;padding:1px;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--wg-brand) 58%,transparent),color-mix(in srgb,var(--wg-brand) 26%,transparent) 17%,transparent 75%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;filter:blur(.55px);opacity:0;transition:opacity .45s ease}
#proposal .we-slot:after{content:'';position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(ellipse at 0% 50%,color-mix(in srgb,var(--wg-brand) 13%,transparent),transparent 75%);filter:blur(8px);opacity:0;transition:opacity .45s ease}
#proposal .we-slot.is-active:before,#proposal .we-slot.is-active:after{opacity:1}
#proposal .we-code input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:17px;background:transparent;box-shadow:none;color:transparent;caret-color:transparent;-webkit-text-fill-color:transparent;font-size:24px;cursor:text;z-index:2}
#proposal .we-code input::selection{background:transparent}
#proposal .we-resend{margin-top:19px;display:flex;gap:6px;align-items:center;justify-content:center;font-size:11px;line-height:1.5;color:var(--wg-muted);flex-wrap:wrap}
#proposal .we-resend-button{font-size:11px;color:var(--wg-brand);border:0;background:none;padding:7px 0;cursor:pointer;text-underline-offset:4px}
#proposal .we-resend-button:hover{text-decoration:underline}
#proposal .we-bottom{margin-top:auto;position:relative}
#proposal .we-status{font-size:10px;line-height:1.5;color:var(--wg-muted);min-height:15px;text-align:center;margin-top:10px}
#proposal .we-intro{text-align:center}
#proposal .we-intro p{margin:auto;max-width:355px}
#proposal .we-code-block>.wg-label{text-align:center}
#proposal .we-slots{gap:0;border:1px solid var(--wg-line);border-radius:30px;background:var(--wg-well);box-shadow:inset 0 3px 7px var(--wg-shade),inset 0 -1px 0 var(--wg-shine);padding:8px}
#proposal .we-slot{background:none;border:none;border-radius:20px;box-shadow:none}
#proposal .we-slot:not(:last-child){border-right:1px solid var(--wg-line)}
#proposal .we-code input{border-radius:30px}
@media(prefers-reduced-motion:reduce){#proposal .we-slot{transform:none!important}#proposal .we-slot:before,#proposal .we-slot:after{transition:none}}
#proposal .wg-card{display:grid;min-height:450.5px;color:var(--wg-text)}
#proposal .wp-step{grid-area:1/1;position:relative;min-width:0;margin:0}
#proposal .wp-step[hidden]{display:none!important}
#proposal .we-panel{display:flex;flex-direction:column;min-height:384.5px}
#proposal .we-intro{text-align:center}
#proposal .we-intro p{margin:auto}
#proposal .we-slot b{font-size:24px;line-height:1}
#proposal .we-code input{font-size:24px}
#proposal .we-status{min-height:30px;font-size:11px}
#proposal .we-ready{justify-content:center}
#proposal .we-ready .we-intro{margin-top:70px}
@media(max-width:480px){#proposal .we-slots{gap:0}#proposal .we-intro h3{font-size:24px}#proposal .we-panel{min-height:384.5px}}