/* Robo Wunderkind US shared header and lead form, v2 2026-11-05. Same look as robowunderkind.com/us/home. */
#rwus-hdr,#rwus-lead,#rwus-pop{--white:#FFFFFF;--violet:#7E63B6;--violet-dark:#5A418B;--ink:#3E2C56;--body:#5A5566;--line:#E3DDEC;--lilac:#F2EFF8;--c-yellow:#FFDC83;--font:"Raleway","Avenir Next","Segoe UI",system-ui,sans-serif;--sh-lift:0 7px 16px -2px rgba(41,18,71,.22)}
#rwus-hdr *{box-sizing:border-box;margin:0}
#rwus-hdr ul{list-style:none;padding:0}
#rwus-hdr a,#rwus-lead a{text-decoration:none}
/* The old native navbar is replaced by this header */
.w-nav[role="banner"]{display:none!important}
#rwus-hdr .hdr{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:999;background:var(--white);border-bottom:1px solid var(--line);font-family:var(--font)}
#rwus-hdr .wrap{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));display:flex;align-items:center;gap:28px;height:72px}
#rwus-hdr .hdr-sp{height:73px}
#rwus-hdr .tp-logo{display:flex;align-items:center;margin-right:auto}
#rwus-hdr .tp-logo img{display:block;height:30px;width:auto;max-width:none}
#rwus-hdr .nav{display:flex;gap:4px;margin:0;padding:0}
#rwus-hdr .nav a{display:block;padding:10px 10px;font:800 16px/24px var(--font);color:#202020}
#rwus-hdr .nav a:hover{color:var(--violet)}
#rwus-hdr .nav .tp-nav-login{display:none}
#rwus-hdr .cta{display:flex;align-items:center;gap:12px}
#rwus-hdr .nbtn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px;border-radius:999px;font:600 15px/20px var(--font);white-space:nowrap;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
#rwus-hdr .nbtn.demo{background:var(--violet);color:var(--white)}
#rwus-hdr .nbtn.demo:hover{background:var(--violet-dark);transform:translateY(-2px);box-shadow:0 7px 16px -2px rgba(41,18,71,.22)}
#rwus-hdr .nbtn.login{border:1px solid #DDDDDD;color:var(--ink);background:var(--white)}
#rwus-hdr .nbtn.login:hover{border-color:var(--violet)}
#rwus-hdr .nbtn.login svg{width:20px;height:20px}
#rwus-hdr .tp-menu-btn{display:none}
@media (max-width:1024px){
 #rwus-hdr .nav{display:none}
 #rwus-hdr .tp-menu-btn{display:inline-grid;place-items:center;flex:none;width:48px;height:48px;padding:0;border:1px solid #DDDDDD;border-radius:999px;background:var(--white);color:var(--ink);cursor:pointer}
 #rwus-hdr .tp-menu-btn:hover,#rwus-hdr .tp-menu-btn[aria-expanded="true"]{border-color:var(--violet)}
 #rwus-hdr .tp-bars{position:relative;display:block;width:18px;height:14px}
 #rwus-hdr .tp-bars i{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
 #rwus-hdr .tp-bars i:nth-child(1){top:0}#rwus-hdr .tp-bars i:nth-child(2){top:6px}#rwus-hdr .tp-bars i:nth-child(3){top:12px}
 #rwus-hdr .hdr.is-open .tp-bars i:nth-child(1){transform:translateY(6px) rotate(45deg)}
 #rwus-hdr .hdr.is-open .tp-bars i:nth-child(2){opacity:0}
 #rwus-hdr .hdr.is-open .tp-bars i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 #rwus-hdr .hdr.is-open .nav{display:grid;gap:0;position:absolute;top:100%;left:0;right:0;margin:0;padding:8px 20px 16px;background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 16px 32px rgba(41,18,71,.12)}
 #rwus-hdr .hdr.is-open .nav li+li{border-top:1px solid var(--line)}
 #rwus-hdr .hdr.is-open .nav a{padding:14px 0}
}
@media (min-width:641px) and (max-width:1024px){#rwus-hdr .tp-menu-btn{margin-left:-16px}}
@media (min-width:641px) and (max-width:767px){#rwus-hdr .tp-logo{width:31px;overflow:hidden;flex:none}}
@media (max-width:640px){
 #rwus-hdr .wrap{gap:12px}
 #rwus-hdr .cta .nbtn.login{display:none}
 #rwus-hdr .nbtn{height:44px;padding:0 14px;font-size:14px}
 #rwus-hdr .tp-logo{width:31px;overflow:hidden;flex:none}
 #rwus-hdr .tp-menu-btn{width:44px;height:44px}
 #rwus-hdr .hdr.is-open .nav .tp-nav-login{display:block;border-top:0;padding-top:16px}
 #rwus-hdr .hdr.is-open .nav .tp-nav-login a{display:flex;justify-content:center;height:48px;padding:0 20px;font:600 15px/20px var(--font);color:var(--ink)}
}
/* Lead form, as on the home page */
.rwus-c,.rwus-c *{box-sizing:border-box}
.rwus-c *{margin:0}
.rwus-c{background:var(--white);color:var(--ink);border-radius:20px;padding:32px;max-width:560px;margin:0 auto;box-shadow:0 8px 24px rgba(41,18,71,.12);font-family:var(--font);text-align:left}
.rwus-c h3{font:700 24px/30px var(--font);color:var(--ink)}
.rwus-c .hint{font:400 15px/22px var(--font);color:var(--body);margin-top:4px}
.rwus-c .offers{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0 4px;border:0;padding:0;min-width:0}
.rwus-c .offer{position:relative}
.rwus-c .offer input{position:absolute;opacity:0;pointer-events:none}
.rwus-c .offer label{display:grid;gap:6px;justify-items:center;text-align:center;height:100%;padding:16px 8px 14px;border:2px solid var(--line);border-radius:12px;cursor:pointer;font:700 14px/18px var(--font);color:var(--ink);transition:border-color .18s,background .18s}
.rwus-c .offer label small{font:500 12px/16px var(--font);color:var(--body)}
.rwus-c .offer .em{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--lilac);color:var(--ink)}
.rwus-c .offer .em svg{width:22px;height:22px}
.rwus-c .offer label:hover{border-color:#CBC1E2}
.rwus-c .offer input:checked + label{border-color:var(--ink);background:#FFF8E6}
.rwus-c .offer input:checked + label .em{background:var(--c-yellow)}
.rwus-c .offer input:focus-visible + label{outline:3px solid rgba(126,99,182,.6);outline-offset:2px}
.rwus-c .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rwus-c .fld{display:grid;gap:6px;margin-top:14px;min-width:0}
.rwus-c .fld label{font:700 14px/20px var(--font);color:var(--ink)}
.rwus-c .fld input,.rwus-c .fld select{width:100%;height:48px;padding:0 14px;border:1.5px solid #D9D3E6;border-radius:8px;font:500 16px var(--font);color:var(--ink);background-color:var(--white);box-shadow:none}
.rwus-c .fld select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233E2C56' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:40px}
.rwus-c .fld input:focus,.rwus-c .fld select:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(126,99,182,.2)}
.rwus-c .btn-go{display:flex;align-items:center;justify-content:center;width:100%;margin-top:22px;min-height:56px;padding:0 28px;border:0;border-radius:999px;background:var(--violet);color:var(--white);font:600 15px/20px var(--font);cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}
.rwus-c .btn-go:hover{background:var(--violet-dark);box-shadow:var(--sh-lift);transform:translateY(-1px)}
.rwus-c .done{text-align:center;padding:24px 8px}
.rwus-c .done .big{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--c-yellow);color:var(--ink)}
.rwus-c .done .big svg{width:38px;height:38px}
.rwus-c .done p{font:400 16px/24px var(--font);color:var(--body);margin-top:8px}
.rwus-c .tp-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--violet);text-decoration:none}
.rwus-c .tp-link:hover{color:var(--violet-dark)}
.rwus-c .tp-link svg{width:18px;height:18px}
.rwus-c .cal{margin-top:20px}
.rwus-c .cal .meetings-iframe-container{min-height:640px}
.rwus-c .calbtn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border-radius:999px;background:var(--violet);color:var(--white)!important;font:600 15px/20px var(--font);text-decoration:none}
/* Popup */
#rwus-pop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;font-family:var(--font)}
#rwus-pop[hidden]{display:none}
#rwus-pop .qdim{position:absolute;inset:0;background:rgba(22,8,47,.55)}
#rwus-pop .lpanel{position:relative;width:min(600px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;border-radius:20px;outline:0}
#rwus-pop .lpanel.wide{width:min(900px,100%)}
#rwus-pop .rwus-c{max-width:none;box-shadow:0 40px 100px rgba(22,8,47,.4)}
#rwus-pop .rwus-c .offers{display:none}
#rwus-pop .rwus-c h3{padding-right:44px}
#rwus-pop .rwus-c .done h3{padding-right:0}
#rwus-pop .qclose{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;border-radius:999px;border:0;background:var(--lilac);color:var(--ink);font:700 22px/40px var(--font);cursor:pointer}
html.rwus-lock{overflow:hidden}
@media (max-width:640px){
 .rwus-c{padding:22px 18px}
 .rwus-c .row{grid-template-columns:1fr}
 .rwus-c .offers{grid-template-columns:1fr}
 .rwus-c .offer label{grid-template-columns:40px 1fr;justify-items:start;text-align:left;align-items:center;column-gap:12px}
 .rwus-c .offer label small{grid-column:2}
 .rwus-c .offer .em{grid-row:span 2}
 #rwus-pop{padding:10px}
 #rwus-pop .lpanel{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);border-radius:18px}
 #rwus-pop .qclose{top:10px;right:10px}
}
#rwus-lead[data-popup-only]{display:none}
/* Guard against page level text rules (the AI literacy page centres .hint) */
.rwus-c h3,.rwus-c p,.rwus-c label,.rwus-c .hint{text-align:inherit}
.rwus-c .offer label{text-align:center}
@media (max-width:640px){.rwus-c .offer label{text-align:left}}
