@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#fff;background:#0679a6;font-synthesis:none;--lime:#dbff66}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:6px}.hero{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 2%,#035990 0,transparent 62%),linear-gradient(180deg,#086b9f 0%,#008ab1 64%,#69b1d5 100%);transition:background .4s}header{display:flex;justify-content:space-between;align-items:center;padding:18px 2.2vw;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:600;letter-spacing:-1px}.brand-icon{width:46px;height:46px;position:relative;display:block}.brand-icon img{position:absolute;inset:0;width:100%;height:100%}.nav-actions{display:flex;gap:30px;align-items:center}.pill{text-transform:uppercase;letter-spacing:3px;font-family:monospace;font-size:25px;font-weight:500;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-3px)}.login{padding:15px 30px;background:var(--lime);color:#131513}.menu-toggle{width:66px;height:66px;border:0;border-radius:24px;background:#111;color:#fff;display:grid;align-content:center;gap:5px;justify-content:center}.menu-toggle span{display:block;width:26px;height:3px;background:white;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}nav{position:absolute;right:2.2vw;top:100px;background:#111;padding:22px;border-radius:24px;z-index:6;width:320px;box-shadow:0 15px 50px #00355255}nav a{display:flex;justify-content:space-between;padding:18px 10px;font-size:21px;border-bottom:1px solid #ffffff22}nav a:hover{color:var(--lime)}.hero-content{text-align:center;padding-top:clamp(45px,10vh,112px);padding-bottom:25px}h1{margin:0;font-size:clamp(60px,5.5vw,100px);line-height:1.09;font-weight:400;letter-spacing:-6px}.second-line{display:inline-flex;align-items:baseline;justify-content:center;gap:20px;margin-top:10px}.human{color:var(--lime)}.word{display:inline-block;transition:filter .38s,opacity .38s,transform .38s}.word.changing{filter:blur(14px);opacity:.25;transform:scale(.95)}.carousel{height:clamp(260px,23vw,410px);width:100%;position:relative;margin-top:30px;touch-action:pan-y;cursor:grab}.carousel:active{cursor:grabbing}.cards{position:absolute;inset:0}.creator{position:absolute;top:0;left:50%;width:clamp(145px,12vw,216px);aspect-ratio:1;border:0;padding:0;border-radius:22px;background:transparent;will-change:transform;overflow:hidden;box-shadow:0 14px 22px #004d7010;display:block;transition:filter .2s}.creator img{height:100%;width:100%;object-fit:cover;display:block;pointer-events:none}.creator:hover{filter:brightness(1.1)}.description{font-size:clamp(17px,1.43vw,26px);line-height:1.4;letter-spacing:-.8px;margin:8px 20px 0}.youtube{width:26px;height:19px;vertical-align:-1px;display:inline-block}.actions{display:flex;justify-content:center;gap:18px;margin-top:48px}.contact{background:#11658d66;padding:20px 30px;font-weight:700}.start{background:var(--lime);color:#101010;padding:6px 6px 6px 25px;gap:16px}.arrow{border-radius:50%;width:60px;height:60px;display:grid;place-items:center;background:#111;color:#fff;font-family:Arial;font-size:32px;letter-spacing:0}.theme-toggle,.motion-toggle{position:absolute;bottom:26px;border:0;color:#111;background:white;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;box-shadow:0 4px 10px #00456622}.theme-toggle{right:22px}.theme-toggle svg{width:29px;fill:none;stroke:currentColor;stroke-width:1.7}.motion-toggle{left:22px;width:36px;height:36px;background:#ffffff22;color:white;font-size:16px}.dark .hero{background:radial-gradient(ellipse at 50% 90%,#084565,transparent 65%),#061b30}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.hero-content{padding-top:108px}.carousel{margin-top:45px;height:330px}.description{margin-top:8px}}
@media(max-width:700px){header{padding:20px}.brand{font-size:18px;gap:8px;letter-spacing:-.6px}.brand-icon{width:32px;height:32px}.nav-actions{gap:10px}.login{font-size:14px;letter-spacing:1px;padding:10px 15px}.menu-toggle{width:42px;height:42px;border-radius:15px}.menu-toggle span{width:19px;height:2px}.hero-content{padding-top:72px}h1{font-size:clamp(46px,10vw,68px);letter-spacing:-2.8px}.second-line{gap:10px;margin-top:9px}.carousel{height:265px;margin-top:35px}.creator{width:145px;border-radius:16px}.description{font-size:17px;letter-spacing:-.5px}.actions{gap:10px;margin-top:30px;padding:0 18px}.pill{font-size:15px;letter-spacing:1.5px}.contact{padding:17px 20px}.start{padding-left:18px;gap:10px}.arrow{width:43px;height:43px;font-size:26px}.theme-toggle{width:42px;height:42px;bottom:18px;right:18px}.hero-content{padding-bottom:90px}nav{right:20px;top:80px;width:min(320px,calc(100% - 40px))}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.creator{will-change:auto}}

.brand-icon img{filter:brightness(0) invert(1)}
@media(min-width:701px) and (max-width:1499px){.hero-content{padding-top:6vh}h1{font-size:5.5vw}.carousel{height:22vw;margin-top:30px}.actions{margin-top:30px}.hero-content{padding-bottom:30px}}

@media(min-width:701px) and (max-width:1499px){header{padding-top:14px;padding-bottom:14px}.menu-toggle{width:56px;height:56px;border-radius:20px}.hero-content{padding-top:4vh}h1{font-size:5.2vw}.carousel{height:20vw;margin-top:25px}.actions{margin-top:24px}.contact{padding:16px 25px}.arrow{width:50px;height:50px}.hero-content{padding-bottom:22px}}

/* Updated hero palette */
:root{background:#38216d}
.hero{background:radial-gradient(ellipse at 90% 2%,#271348 0,transparent 62%),linear-gradient(180deg,#432677 0%,#7351aa 64%,#b296d1 100%)}
.login{background:#ff997f;color:#24152f}
.login:hover{background:#ffb19c}
.dark .hero{background:radial-gradient(ellipse at 50% 90%,#492b70,transparent 65%),#170e29}


/* Updated call-to-action colors */
.contact{background:#d7c3f2;color:#291740}
.contact:hover{background:#e5d6fa}
.start{background:#ff997f;color:#24152f}
.start:hover{background:#ffb19c}


/* People Voice branding */
.brand-icon svg{width:100%;height:100%;display:block}
.human{color:#ff997f}
@media(max-width:700px){h1{font-size:clamp(34px,8.2vw,57px);letter-spacing:-1.8px}.second-line{flex-wrap:wrap;padding:0 14px}}


/* Menu hover feedback */
nav a{cursor:pointer;transition:color .2s ease,background .2s ease;border-radius:10px}
nav a:hover{color:#ff997f;background:#ff997f14}


/* Portrait profile overlay */
.creator-info{position:absolute;left:9px;right:9px;bottom:9px;padding:10px 11px;text-align:left;background:#ff997ff2;color:#291740;border:1px solid #ffd2c5;border-radius:8px;box-shadow:0 4px 18px #170e2940;opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.creator-info strong{display:block;font-size:clamp(12px,1vw,17px);line-height:1.25;letter-spacing:-.3px}
.creator-info span{display:block;font-size:clamp(11px,.85vw,14px);margin-top:4px}
.creator-info small{display:block;font-size:9px;opacity:.7;margin-top:4px}
.creator:hover .creator-info,.creator:focus-visible .creator-info,.creator.show-info .creator-info{opacity:1;transform:translateY(0)}
.creator:focus-visible{outline:3px solid #ff997f;outline-offset:4px}