/* Final visual polish */
body{
  background-color:#fffaf0;
  background-image:
    radial-gradient(circle at 13% 18%,#ff69be0c 0 9%,transparent 24%),
    radial-gradient(circle at 88% 76%,#4f57ee0c 0 11%,transparent 28%),
    radial-gradient(#aab3a03b .65px,transparent .75px);
  background-size:auto,auto,24px 24px;
}
body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.2}
body:before{width:340px;height:340px;left:-150px;top:38%;background:var(--pink)}
body:after{width:300px;height:300px;right:-120px;bottom:6%;background:var(--lime)}
::selection{background:var(--lime);color:var(--ink)}
header{position:sticky;top:0;z-index:30;box-shadow:0 8px 30px #292b1c08}
main{max-width:1320px;grid-template-columns:minmax(0,.96fr) minmax(480px,1.04fr);gap:clamp(54px,7vw,98px);padding-top:clamp(52px,6vw,82px)}
.story{animation:storyEnter .8s cubic-bezier(.2,.8,.2,1) both}
.application{animation:cardEnter .85s .08s cubic-bezier(.2,.8,.2,1) both;background:#fffefaeF;backdrop-filter:blur(20px);border-color:#d7d9cd;box-shadow:0 40px 100px #292b1c12,0 1px 0 #fff inset}
.application:after{content:"";position:absolute;inset:6px 6px auto;height:32%;border-radius:20px;background:linear-gradient(115deg,#ffffff70,transparent 58%);pointer-events:none}
.application>*{position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:4px}
.eyebrow:before{content:"";width:22px;height:2px;background:linear-gradient(90deg,var(--blue),var(--pink))}
h1{font-size:clamp(68px,7.7vw,118px);margin-top:18px;margin-bottom:28px}
h1 span{text-shadow:4px 5px 0 var(--lime)}
.lead{max-width:500px;color:#666a61;line-height:1.75}
.signal-viz{margin-top:30px;margin-bottom:18px}
.signal-viz svg{filter:drop-shadow(0 18px 32px #4f57ee0d)}
.signal-wave{stroke-width:6}
.signal-readout{opacity:.72}
.micro-stats{padding-top:14px;border-top:1px solid #dcddd2;width:min(540px,100%);justify-content:space-between}
.micro-stats i{width:5px;height:5px;border-radius:1px}
.form-head{padding-bottom:2px}.form-head h2{font-size:48px}.form-head>b{font-family:var(--display);font-weight:600}
.step-track{margin-top:26px;margin-bottom:40px}.step-track i{height:4px;position:relative;overflow:hidden}.step-track i.active:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffffaa,transparent);animation:trackFlow 2.8s ease-in-out infinite}
form{min-height:410px}.form-step h3{margin-top:20px;margin-bottom:34px;max-width:530px}.step-kicker{display:flex;align-items:center;gap:9px}.step-kicker:before{content:"";width:7px;height:7px;background:var(--lime);border-radius:2px;box-shadow:0 0 0 4px #b8ff3724}
.input-wrap{height:62px;background:#fffdf7;border-color:#d5d7cc;box-shadow:0 8px 22px #292b1c05,0 1px 0 #fff inset}.input-wrap:hover{border-color:#b9bcb0}.input-wrap:focus-within{background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px #4f57ee12,0 10px 26px #4f57ee0b}.input-wrap input::placeholder{color:#a3a59d}
.next,.submit{height:60px;border-radius:14px;box-shadow:0 7px 0 #dfe2d6;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s}.next span,.submit span{transition:transform .25s}.next:hover span,.submit:hover span{transform:translateX(5px)}.next:active,.submit:active{transform:translateY(4px);box-shadow:0 2px 0 #dfe2d6}
.next:focus-visible,.submit:focus-visible,.back:focus-visible,.post-link:focus-visible,.input-wrap:focus-within,.task:has(input:focus-visible){outline:3px solid #4f57ee35;outline-offset:3px}
.post-link{transition:transform .2s,box-shadow .2s,border-color .2s}.post-link:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 8px 20px #4f57ee0d}
.task{border-radius:10px;padding-inline:8px;transition:background .2s,transform .2s}.task:hover{background:#f8f7ef;transform:translateX(3px)}.task i{transition:background .2s,transform .2s}.task input:checked+i{transform:scale(1.06)}
.wallet-note{padding-left:12px;border-left:2px solid var(--lime)}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.submit-error{height:auto;min-height:15px;text-align:left}
.success-eye{box-shadow:0 16px 40px #b8ff3730}
.form-foot{letter-spacing:.08em}
footer{background:#fffefaD9;backdrop-filter:blur(10px)}
@keyframes storyEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes cardEnter{from{opacity:0;transform:translateY(30px) scale(.985)}to{opacity:1;transform:none}}
@keyframes trackFlow{0%,100%{transform:translateX(-130%)}60%{transform:translateX(130%)}}
@media(max-width:980px){main{grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:38px}h1{font-size:clamp(62px,7.5vw,92px)}}
@media(max-width:820px){main{grid-template-columns:1fr;padding-top:42px}.story{max-width:680px;margin-inline:auto}.application{width:min(650px,100%);margin-inline:auto}.signal-viz{margin-inline:auto}.micro-stats{margin-inline:auto}}
@media(max-width:520px){main{padding-inline:15px}.application{padding:21px 18px}.form-head h2{font-size:40px}.step-track{margin-bottom:32px}.form-step h3{margin-bottom:28px}.next,.submit{height:56px}.micro-stats{font-size:8px}}
@media(prefers-reduced-motion:reduce){.story,.application,.step-track i.active:after{animation:none}.next,.submit,.post-link,.task{transition:none}}

/* Social signal flow */
.verify-note{margin:-18px 0 16px;color:var(--muted);font:500 12px/1.55 var(--body)}
.social-actions{display:grid;gap:9px}
.social-action{min-height:66px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:13px;padding:11px 14px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fffefa;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s,box-shadow .25s}
.social-action:hover:not(.is-locked){transform:translateY(-2px);border-color:#adb2ff;box-shadow:0 10px 28px #4f57ee12;background:#fbfbff}
.action-number{width:29px;height:29px;display:grid;place-items:center;border:1px solid #cfd3ff;border-radius:50%;color:var(--blue);font:700 9px var(--display)}
.action-copy{display:flex;flex-direction:column;gap:3px}.action-copy b{color:var(--blue);font:700 12px var(--display)}.action-copy small{color:var(--muted);font:500 10px var(--body)}
.action-state{color:var(--blue);font:700 9px var(--display);letter-spacing:.04em}
.social-action.is-locked{opacity:.42;cursor:not-allowed;background:#f5f4ed}.social-action.is-complete{border-color:#b8ff3788;background:#f8ffe9}.social-action.is-complete .action-number{background:var(--lime);border-color:var(--ink);color:var(--ink)}.social-action.is-complete .action-state{color:#507f00}
.social-action.is-verifying{border-color:var(--blue);background:#f1f2ff;animation:verifyGlow 1s ease-in-out infinite}
.signal-verification{height:28px;margin-top:10px;display:flex;align-items:center;gap:8px;color:var(--muted);font:700 8px var(--display);letter-spacing:.06em}.signal-verification i{width:7px;height:7px;border-radius:50%;background:#d7d8d0}.signal-verification.is-checking{color:var(--blue)}.signal-verification.is-checking i{background:var(--blue);box-shadow:0 0 0 5px #4f57ee18;animation:signalPulse .8s ease-in-out infinite}.signal-verification.is-confirmed{color:#507f00}.signal-verification.is-confirmed i{background:var(--lime);box-shadow:0 0 0 4px #b8ff3730}
.social-next:disabled{opacity:.42;cursor:not-allowed;transform:none!important;box-shadow:none!important;background:var(--ink)!important}
@keyframes verifyGlow{50%{box-shadow:0 0 0 5px #4f57ee0c}}@keyframes signalPulse{50%{transform:scale(.65);opacity:.55}}
@media(max-width:430px){.social-action{grid-template-columns:30px 1fr auto;padding-inline:10px}.action-copy small{font-size:9px}.action-state{font-size:8px}}
@media(prefers-reduced-motion:reduce){.social-action,.social-action.is-verifying,.signal-verification.is-checking i{animation:none;transition:none}}

/* RobinEye identity */
.brand{gap:11px!important;letter-spacing:.11em!important}
.logo-shell{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid #d8d9cf;border-radius:12px;background:#fffefa;overflow:hidden;box-shadow:0 7px 20px #1718110b;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.logo-shell:after{content:"";position:absolute;inset:auto -12px -15px;height:20px;background:linear-gradient(90deg,var(--blue),var(--pink),var(--orange),var(--lime));filter:blur(8px);opacity:.28;transition:opacity .35s}
.logo-mark{position:relative;z-index:1;width:28px;height:28px;display:block;image-rendering:pixelated}
.brand-word{font-size:14px;line-height:1;white-space:nowrap}
.brand:hover .logo-shell{transform:translateY(-2px) scale(1.04);border-color:#b9bcff;box-shadow:0 10px 25px #4f57ee17}
.brand:hover .logo-shell:after{opacity:.65}
.brand:hover .logo-mark{animation:logoFocus 1.7s ease-in-out infinite}
@keyframes logoFocus{0%,100%{transform:scale(1)}50%{transform:scale(.92)}}
@media(max-width:480px){.logo-shell{width:34px;height:34px;border-radius:10px}.logo-mark{width:25px;height:25px}.brand-word{font-size:12px}}
@media(prefers-reduced-motion:reduce){.brand:hover .logo-mark{animation:none}}

.x-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);text-decoration:none;font-family:var(--display);font-size:10px;letter-spacing:.02em;transition:color .25s,transform .25s}
.x-link i{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-style:normal;font-size:11px;transition:border-color .25s,background .25s,box-shadow .25s}
.x-link b{font-weight:600}
.x-link:hover{color:var(--blue);transform:translateY(-2px)}
.x-link:hover i{border-color:var(--blue);background:#f1f2ff;box-shadow:3px 3px 0 var(--lime)}
.x-link:focus-visible{outline:3px solid #4f57ee35;outline-offset:4px;border-radius:99px}
@media(max-width:820px){footer{align-items:center}.x-link{align-self:flex-start}}
