:root{--blue:#1E7BF2;--blue-d:#1669D6;--ink:#0E1A2B;--slate:#475870;--sky:#EAF3FF;--mist:#C9DCF7;--orange:#FF9A3C;--paper:#FFF;--peach:#FFE9D6}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;color:var(--ink);background:radial-gradient(60% 55% at 85% 20%,#DCEBFF 0,rgba(220,235,255,0) 70%),radial-gradient(55% 50% at 10% 95%,var(--peach) 0,rgba(255,233,214,0) 70%),radial-gradient(70% 60% at 30% 10%,#F6FAFF 0,rgba(246,250,255,0) 70%),var(--sky);min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;-webkit-font-smoothing:antialiased}.stage{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 24px max(24px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:center;position:relative}.scene{grid-column:2;grid-row:1;margin-left:-120px;position:relative;z-index:0;pointer-events:none;overflow:hidden}.scene svg{display:block;width:100%;height:auto;max-height:78dvh}.card{grid-column:1;grid-row:1;position:relative;z-index:1;background:var(--paper);border-radius:28px;padding:clamp(24px,4vw,44px);box-shadow:0 1px 2px rgba(14,26,43,.06),0 12px 28px -8px rgba(22,105,214,.18),0 40px 80px -30px rgba(14,26,43,.22)}.logo{display:block;width:clamp(72px,14vw,128px);height:auto;aspect-ratio:1;border-radius:24%}h1{font-family:"Arvo",Georgia,serif;font-weight:700;letter-spacing:-.01em;font-size:clamp(1.7rem,1.2rem+2.4vw,2.8rem);line-height:1.1;margin-top:clamp(14px,3vw,26px);color:var(--ink)}h1 .q{color:var(--blue-d)}.sig{display:block;width:150px;height:22px;margin:clamp(8px,2vw,16px) 0}.lede{font-size:clamp(1rem,.95rem+.3vw,1.12rem);line-height:1.5;color:var(--slate);max-width:36ch}.cta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:clamp(18px,3vw,26px);min-height:56px;padding:0 26px;border-radius:16px;background:var(--orange);color:var(--ink);font-weight:600;font-size:clamp(1.05rem,1rem+.3vw,1.18rem);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.cta svg{width:20px;height:20px;flex:none}.cta:active{transform:scale(.98)}.cta:focus-visible{outline:3px solid var(--blue-d);outline-offset:3px}@media(hover:hover){.cta:hover{transform:translateY(-1px)}}.ready{margin-top:12px;font-size:clamp(.88rem,.85rem+.15vw,.95rem);line-height:1.45;color:var(--slate)}footer{text-align:center;font-size:clamp(.8rem,.78rem+.1vw,.88rem);color:var(--slate);padding:14px 24px max(18px,env(safe-area-inset-bottom))}.arm{transform-origin:342.7px 186.8px;transform-box:view-box;animation:gate 7s ease-in-out infinite}@keyframes gate{0%,18%{transform:rotate(0)}34%,62%{transform:rotate(-52deg)}78%,100%{transform:rotate(0)}}@media(max-width:820px){.stage{grid-template-columns:1fr;align-content:center;padding-top:max(8px,env(safe-area-inset-top))}.scene{grid-column:1;grid-row:1;margin:0 0 -40px;max-width:520px;justify-self:center;width:100%}.scene svg{max-height:210px}.card{grid-row:2;max-width:520px;justify-self:center;width:100%}}@media(max-width:400px){.stage{padding-left:16px;padding-right:16px}.card{padding:22px 20px;border-radius:24px}.scene{margin-bottom:-34px}.scene svg{max-height:170px}}@media(prefers-reduced-motion:reduce){.arm{animation:none;transform:rotate(-52deg)}.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}