1"use strict";(self.webpackChunkreact_saas_template=self.webpackChunkreact_saas_template||[]).push([[4377],{4377:(e,t,o)=>{o.r(t),o.d(t,{default:()=>ze});var n=o(57528),s=o(65043),a=o(41591),i=o(96446),r=o(11906),l=o(45490),c=o(83290),d=o(89379),p=o(35323),x=o(19252),m=o(88911),g=o(85865),f=o(58991);function h(){let{threshold:e=.18,rootMargin:t="0px 0px -8% 0px"}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const o=(0,s.useRef)(null),[n,a]=(0,s.useState)(!1);return(0,s.useEffect)((()=>{if("undefined"===typeof window)return;if(window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)return void a(!0);if(!("IntersectionObserver"in window))return void a(!0);const n=o.current;if(!n)return;const s=new IntersectionObserver((e=>{for(const t of e)t.isIntersecting&&(a(!0),s.unobserve(t.target))}),{threshold:e,rootMargin:t});return s.observe(n),()=>s.disconnect()}),[e,t]),[o,n]}var k=o(26372);var u,y,b,w=o(70579);const S=(0,c.i7)(u||(u=(0,n.A)(["\n from { opacity: 0; transform: translateY(14px); }\n to { opacity: 1; transform: translateY(0); }\n"]))),j=(0,c.i7)(y||(y=(0,n.A)(["\n 0% { transform: translate(-50%, 0) scale(1); }\n 50% { transform: translate(calc(-50% + 18px), -10px) scale(1.06); }\n 100% { transform: translate(-50%, 0) scale(1); }\n"]))),A=(0,c.i7)(b||(b=(0,n.A)(["\n 0% { transform: translate(0, 0) scale(1); }\n 50% { transform: translate(-22px, 14px) scale(1.08); }\n 100% { transform: translate(0, 0) scale(1); }\n"]))),v={"@media (prefers-reduced-motion: reduce)":{animation:"none",opacity:1,transform:"none"}},F=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f.tokens.easing.standard;return(0,d.A)({opacity:0,animation:"".concat(S," 420ms ").concat(t," both"),animationDelay:"".concat(e,"ms")},v)};const R=function(e){let{userLoggedIn:t}=e;const o=(0,p.W6)(),n=Boolean(t&&t.logged),s=n?"Go to dashboard":"Start practising free";return(0,w.jsx)(l.A,{theme:f.themeNext,children:(0,w.jsxs)(i.A,{component:"section","aria-label":"Hugo hero",sx:{position:"relative",overflow:"hidden",bgcolor:f.tokens.colorRoles.light.bg,color:f.tokens.colorRoles.light.textPrimary,paddingTop:{xs:"".concat(64+f.tokens.space[6],"px"),sm:"".concat(64+f.tokens.space[8],"px"),md:"".concat(64+f.tokens.space[10],"px")},paddingBottom:{xs:"".concat(f.tokens.space[4],"px"),sm:"".concat(f.tokens.space[5],"px"),md:"".concat(f.tokens.space[6],"px")}},children:[(0,w.jsx)(i.A,{"aria-hidden":"true",sx:{position:"absolute",top:{xs:"6%",md:"10%"},left:"50%",transform:"translate(-50%, 0)",width:"min(880px, 94vw)",height:"460px",background:"radial-gradient(closest-side, ".concat(f.tokens.palette.brand[200]," 0%, transparent 70%)"),opacity:.6,filter:"blur(48px)",pointerEvents:"none",zIndex:0,animation:"".concat(j," 14s ").concat(f.tokens.easing.standard," infinite"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}}}),(0,w.jsx)(i.A,{"aria-hidden":"true",sx:{position:"absolute",top:{xs:"2%",md:"0%"},right:{xs:"-12%",md:"2%"},width:"min(520px, 70vw)",height:"420px",background:"radial-gradient(closest-side, rgba(255,193,120,0.5) 0%, transparent 72%)",opacity:.5,filter:"blur(56px)",pointerEvents:"none",zIndex:0,animation:"".concat(A," 19s ").concat(f.tokens.easing.standard," infinite"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}}}),(0,w.jsx)(i.A,{"aria-hidden":"true",sx:{position:"absolute",top:{xs:"30%",md:"38%"},left:{xs:"-18%",md:"-6%"},width:"min(460px, 64vw)",height:"380px",background:"radial-gradient(closest-side, ".concat(f.tokens.palette.brand[100]," 0%, transparent 74%)"),opacity:.45,filter:"blur(52px)",pointerEvents:"none",zIndex:0,animation:"".concat(A," 23s ").concat(f.tokens.easing.standard," infinite reverse"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}}}),(0,w.jsx)(x.A,{maxWidth:"lg",sx:{position:"relative",zIndex:1},children:(0,w.jsxs)(m.A,{alignItems:"center",spacing:0,children:[(0,w.jsxs)(g.A,{variant:"h1",component:"h1",sx:(0,d.A)((0,d.A)({},F(0,f.tokens.easing.emphasized)),{},{textAlign:"center",maxWidth:"980px",margin:"0 auto",fontFamily:f.tokens.fontFamily.display,fontWeight:f.tokens.fontWeight.extrabold,letterSpacing:"-0.035em",fontSize:{xs:"40px",sm:"60px",md:"clamp(64px, 6.8vw, 88px)"},lineHeight:{xs:1.05,md:1.04},paddingLeft:{xs:"4px",sm:0},paddingRight:{xs:"4px",sm:0},color:f.tokens.colorRoles.light.textPrimary}),children:["The AI"," ",(0,w.jsx)(i.A,{component:"span",sx:{fontFamily:f.tokens.fontFamily.serif,fontStyle:"italic",fontWeight:f.tokens.fontWeight.regular,fontSize:{xs:"1.08em",md:"1.14em"},color:f.tokens.palette.brand[700],letterSpacing:"-0.022em"},children:"interviewer"})," ","that pushes back."]}),(0,w.jsx)(g.A,{component:"p",sx:(0,d.A)((0,d.A)({},F(60)),{},{textAlign:"center",maxWidth:"640px",marginTop:{xs:"".concat(f.tokens.space[5],"px"),md:"".concat(f.tokens.space[7],"px")},fontFamily:f.tokens.fontFamily.sans,fontSize:{xs:"17px",md:"21px"},lineHeight:1.45,color:f.tokens.colorRoles.light.textSecondary,fontWeight:f.tokens.fontWeight.regular,letterSpacing:"-0.005em"}),children:"For tech, consulting, and finance candidates. Practise the exact questions your firm will ask, and get instant feedback on every answer."}),(0,w.jsx)(i.A,{sx:(0,d.A)((0,d.A)({},F(120)),{},{marginTop:{xs:"".concat(f.tokens.space[8],"px"),md:"".concat(f.tokens.space[10],"px")},width:{xs:"100%",sm:"auto"},maxWidth:{xs:"360px",sm:"none"},display:"flex",justifyContent:"center"}),children:(0,w.jsx)(r.A,{variant:"contained",size:"large",onClick:()=>{n?o.push("/c/dashboard"):o.push("/auth/register")},endIcon:(0,w.jsx)(i.A,{component:"svg",viewBox:"0 0 16 16",width:"14",height:"14",fill:"none","aria-hidden":"true",sx:{transition:"transform ".concat(f.tokens.duration.base," ").concat(f.tokens.easing.standard)},children:(0,w.jsx)("path",{d:"M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.base,fontWeight:f.tokens.fontWeight.semibold,padding:"".concat(f.tokens.space[4],"px ").concat(f.tokens.space[8],"px"),minHeight:"56px",width:{xs:"100%",sm:"auto"},letterSpacing:f.tokens.letterSpacing.tight,position:"relative",overflow:"hidden","&::before":{content:'""',position:"absolute",inset:0,borderRadius:"inherit",background:"linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 50%)",pointerEvents:"none"},"& .MuiButton-endIcon":{marginLeft:"".concat(f.tokens.space[2],"px")},"&:hover .MuiButton-endIcon svg":{transform:"translateX(3px)"}},children:s})}),(0,w.jsxs)(g.A,{component:"p","aria-label":"Helped thousands land their next role",sx:(0,d.A)((0,d.A)({},F(180)),{},{marginTop:"".concat(f.tokens.space[5],"px"),marginBottom:0,textAlign:"center",fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,color:f.tokens.colorRoles.light.textSecondary,fontWeight:f.tokens.fontWeight.medium}),children:["Helped"," ",(0,w.jsx)(i.A,{component:"span",sx:{fontFamily:f.tokens.fontFamily.serif,fontStyle:"italic",fontWeight:f.tokens.fontWeight.regular,fontSize:{xs:"1.06em",md:"1.12em"},color:f.tokens.palette.brand[700]},children:"thousands"})," ","land their next role."]})]})})]})})};var z=o(80045);const W=["children","delay","offset","duration","easing","as","sx"];const T=function(e){let{children:t,delay:o=0,offset:n=16,duration:s=560,easing:a=f.tokens.easing.emphasized,as:r="div",sx:l}=e,c=(0,z.A)(e,W);const[p,x]=h();return(0,w.jsx)(i.A,(0,d.A)((0,d.A)({ref:p,component:r,sx:(0,d.A)({opacity:x?1:0,transform:x?"translateY(0)":"translateY(".concat(n,"px)"),transition:"opacity ".concat(s,"ms ").concat(a," ").concat(o,"ms, transform ").concat(s,"ms ").concat(a," ").concat(o,"ms"),willChange:"opacity, transform","@media (prefers-reduced-motion: reduce)":{o
1pacity:1,transform:"none",transition:"none"}},l)},c),{},{children:t}))};var I,H,C,M=o(72949),E=o(67784),D=o(79947);const P=(0,c.i7)(I||(I=(0,n.A)(["\n from { opacity: 0; transform: translateY(14px); }\n to { opacity: 1; transform: translateY(0); }\n"]))),B=(0,c.i7)(H||(H=(0,n.A)(["\n 0% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.4; transform: scale(0.85); }\n 100% { opacity: 1; transform: scale(1); }\n"]))),L={"@media (prefers-reduced-motion: reduce)":{animation:"none",opacity:1,transform:"none"}},_=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f.tokens.easing.standard;return(0,d.A)({opacity:0,animation:"".concat(P," 420ms ").concat(t," both"),animationDelay:"".concat(e,"ms")},L)},V=[{text:"Tell me about a time you led a team under pressure.",tag:"Behavioural \xb7 Leadership"},{text:"Walk me through a recent project where you had to make a tradeoff.",tag:"Behavioural \xb7 Judgement"},{text:"How do you decide what to prioritise when everything feels urgent?",tag:"Behavioural \xb7 Prioritisation"},{text:"Describe a time you disagreed with a manager. How did you handle it?",tag:"Behavioural \xb7 Conflict"}],N=e=>{let{label:t,score:o,active:n,delay:s=0}=e;const a=Number.isFinite(o)?o:0,r=(0,k.A)(a,{active:n,duration:900,startDelay:s}),l=Math.max(0,Math.min(100,r/10*100));return(0,w.jsxs)(i.A,{sx:{display:"flex",flexDirection:"column",gap:"6px"},children:[(0,w.jsxs)(i.A,{sx:{display:"flex",justifyContent:"space-between",alignItems:"baseline"},children:[(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,color:f.tokens.colorRoles.light.textPrimary,fontWeight:f.tokens.fontWeight.medium},children:t}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:f.tokens.fontSize.sm,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.colorRoles.light.textPrimary,fontVariantNumeric:"tabular-nums"},children:r.toFixed(1)})]}),(0,w.jsx)(i.A,{sx:{width:"100%",height:"6px",borderRadius:"".concat(f.tokens.radius.pill,"px"),bgcolor:f.tokens.colorRoles.light.surfaceMuted,overflow:"hidden"},children:(0,w.jsx)(i.A,{sx:{width:"".concat(l,"%"),height:"100%",background:"linear-gradient(90deg, ".concat(f.tokens.palette.brand[400]," 0%, ").concat(f.tokens.palette.brand[600]," 100%)"),borderRadius:"inherit",transition:"width 80ms linear"}})})]})},O="idle",Y="grading",G="done",q="limited",J="error",U="type",Q="recording",X="transcribing",K=9e4;function Z(){const[e,t]=(0,s.useState)(0),[o,n]=(0,s.useState)(""),[a,l]=(0,s.useState)(O),[c,p]=(0,s.use
1State)(0),[x,m]=(0,s.useState)(null),[h,k]=(0,s.useState)(""),u=(0,s.useRef)(null),[y,b]=(0,s.useState)(U),[S,j]=(0,s.useState)(0),[A,v]=(0,s.useState)("voice"),[F,R]=(0,s.useState)(!1),z=(0,s.useRef)(null),W=(0,s.useRef)(null),T=(0,s.useRef)([]),I=(0,s.useRef)(null),H=(0,s.useRef)(0),C=(0,s.useRef)(!1),B=(0,s.useRef)(0),_=(0,s.useCallback)((()=>{C.current||(C.current=!0,"undefined"!==typeof window&&window.posthog&&window.posthog.capture("demo_started",{source:"marketing_home"}))}),[]),N=V[e],Z=(0,s.useCallback)((()=>{W.current&&(W.current.getTracks().forEach((e=>e.stop())),W.current=null),I.current&&(clearInterval(I.current),I.current=null)}),[]),$=(0,s.useCallback)((async e=>{b(X),k("");try{const o=new FormData;o.append("audio",e,"answer.webm");const s=await fetch("/api/demo/transcribe",{method:"POST",body:o}),a=await s.json().catch((()=>({})));if(!s.ok)throw new Error((null===a||void 0===a?void 0:a.message)||"Transcription failed.");const i=((null===a||void 0===a?void 0:a.transcript)||"").trim();if(!i)throw new Error("Empty transcript.");n(i),b(U),R(!0),l(Y),m(null),p(0),B.current=Date.now(),i.length>=20&&"undefined"!==typeof window&&window.posthog&&window.posthog.capture("demo_answered",{source:"marketing_home",word_count:i.split(/\s+/).length,char_count:i.length});const r=new AbortController;u.current=r;let c=null;try{const{result:e}=await(0,D.O)("/api/demo/grade-answer",{body:{question:N.text,answer:i},signal:r.signal,on:{delta:e=>p((null===e||void 0===e?void 0:e.length)||0),limited:e=>{c={kind:"limited",message:(null===e||void 0===e?void 0:e.message)||"You've already tried Hugo from this network."}},done:e=>{null!==e&&void 0!==e&&e.feedback&&(c={kind:"done",feedback:e.feedback})},error:e=>{c={kind:"error",message:(null===e||void 0===e?void 0:e.message)||"Something went wrong."}}}});if(!c&&null!==e&&void 0!==e&&e.feedback&&(c={kind:"done",feedback:e.feedback}),c||(c={kind:"error",message:"Hugo finished but didn't return a rubric."}),"limited"===c.kind?(k(c.message),l(q)):"done"===c.kind?(m(c.feedback),l(G)):(k(c.message),l(J)),"undefined"!==typeof window&&window.posthog){const e={source:"marketing_home",latency_ms:B.current?Date.now()-B.current:0,success:"done"===c.kind};"done"!==c.kind&&(e.error=c.message),window.posthog.capture("demo_graded",e)}}catch(t){if("AbortError"===(null===t||void 0===t?void 0:t.name))return;k((null===t||void 0===t?void 0:t.message)||"Network error."),l(J),"undefined"!==typeof window&&window.posthog&&window.posthog.capture("demo_graded",{source:"marketing_home",latency_ms:B.current?Date.now()-B.current:0,success:!1,error:(null===t||void 0===t?void 0:t.message)||"Network error."})}finally{u.current=null}return}catch(o){k((null===o||void 0===o?void 0:o.message)||"Hugo couldn't transcribe that. Try again or type instead."),l(J),b(U)}}),[N.text]),te=(0,s.useCallback)((()=>{const e=z.current;e&&"inactive"!==e.state&&e.stop()}),[]),se=(0,s.useCallback)((async()=>{var e;if(_(),null===(e=navigator.mediaDevices)||void 0===e||!e.getUserMedia||"undefined"===typeof MediaRecorder)return k("Your browser doesn't support voice recording. Try Chrome on desktop, or type your answer."),void l(J);try{const e=await navigator.mediaDevices.getUserMedia({audio:!0});W.current=e;const t=["audio/webm;codecs=opus","audio/webm","audio/ogg;codecs=opus","audio/mp4"].find((e=>MediaRecorder.isTypeSupported(e)))||"",o=new MediaRecorder(e,t?{mimeType:t}:void 0);z.current=o,T.current=[],o.ondataavailable=e=>{e.data&&e.data.size>0&&T.current.push(e.data)},o.onstop=()=>{const e=new Blob(T.current,{type:t||"audio/webm"});if(Z(),e.size<800)return b(U),k("That was too short for Hugo to hear. Try again."),void l(J);$(e)},o.start(),H.current=Date.now(),j(0),b(Q),k(""),l(O),I.current=setInterval((()=>{const e=Date.now()-H.current;j(e),e>=K&&te()}),100)}catch(t){Z();const e="NotAllowedError"===(null===t||void 0===t?void 0:t.name)||"PermissionDeniedError"===(null===t||void 0===t?void 0:t.name);k(e?"Mic access was blocked. Allow it in your browser, or type your answer instead.":"Couldn't access the mic. Try again, or type your answer."),l(J),b(U)}}),[Z,te,$,_]);(0,s.useEffect)((()=>()=>Z()),[Z]);const le=a===O&&0===o.trim().length&&y===U&&"voice"===A;(0,s.useEffect)((()=>
1{if(!le)return;const e=setInterval((()=>{t((e=>(e+1)%V.length))}),1e4);return()=>clearInterval(e)}),[le]);const ce=(0,s.useCallback)((()=>{_(),t((e=>(e+1)%V.length)),n(""),m(null),p(0),l(O),k(""),R(!1)}),[_]),de=(0,s.useCallback)((async()=>{if(a===Y)return;if(!o.trim())return;l(Y),m(null),p(0),k("");const e=o.trim();B.current=Date.now(),e.length>=20&&"undefined"!==typeof window&&window.posthog&&window.posthog.capture("demo_answered",{source:"marketing_home",word_count:e.split(/\s+/).length,char_count:e.length});const t=new AbortController;u.current=t;let n=null;try{const{result:e}=await(0,D.O)("/api/demo/grade-answer",{body:{question:N.text,answer:o.trim()},signal:t.signal,on:{delta:e=>{p((null===e||void 0===e?void 0:e.length)||0)},limited:e=>{n={kind:"limited",message:(null===e||void 0===e?void 0:e.message)||"You've already tried Hugo from this network."}},done:e=>{null!==e&&void 0!==e&&e.feedback&&(n={kind:"done",feedback:e.feedback})},error:e=>{n={kind:"error",message:(null===e||void 0===e?void 0:e.message)||"Something went wrong."}}}});if(!n&&null!==e&&void 0!==e&&e.feedback&&(n={kind:"done",feedback:e.feedback}),n||(n={kind:"error",message:"Hugo finished but didn't return a rubric. Refresh and try again."}),"limited"===n.kind?(k(n.message),l(q)):"done"===n.kind?(m(n.feedback),l(G)):(k(n.message),l(J)),"undefined"!==typeof window&&window.posthog){const e={source:"marketing_home",latency_ms:B.current?Date.now()-B.current:0,success:"done"===n.kind};"done"!==n.kind&&(e.error=n.message),window.posthog.capture("demo_graded",e)}}catch(s){if("AbortError"===(null===s||void 0===s?void 0:s.name))return;k((null===s||void 0===s?void 0:s.message)||"Network error."),l(J),"undefined"!==typeof window&&window.posthog&&window.posthog.capture("demo_graded",{source:"marketing_home",latency_ms:B.current?Date.now()-B.current:0,success:!1,error:(null===s||void 0===s?void 0:s.message)||"Network error."})}finally{u.current=null}}),[o,N.text,a]);(0,s.useEffect)((()=>()=>{u.current&&u.current.abort()}),[]);const pe=o.trim()?o.trim().split(/\s+/).length:0;return(0,w.jsxs)(i.A,{sx:{position:"relative",bgcolor:f.tokens.colorRoles.light.surface,borderRadius:"".concat(f.tokens.radius.xl,"px"),border:"1px solid ".concat(f.tokens.colorRoles.light.border),boxShadow:f.tokens.elevation.lg,overflow:"hidden",backgroundImage:"radial-gradient(circle at 0% 0%, ".concat(f.tokens.palette.brand[50]," 0%, transparent 38%), radial-gradient(circle at 100% 100%, ").concat(f.tokens.palette.brand[50]," 0%, transparent 38%)")},children:[(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"".concat(f.tokens.space[3],"px"),padding:"".concat(f.tokens.space[4],"px ").concat(f.tokens.space[5],"px"),borderBottom:"1px solid ".concat(f.tokens.colorRoles.light.border),bgcolor:f.tokens.colorRoles.light.surface},children:[(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",gap:"".concat(f.tokens.space[3],"px")},children:[(0,w.jsx)(i.A,{sx:{width:10,height:10,borderRadius:"50%",bgcolor:f.tokens.palette.brand[500],boxShadow:"0 0 0 4px ".concat(f.tokens.colorRoles.light.brandSubtle)}}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",color:f.tokens.colorRoles.light.textSecondary},children:"Hugo \xb7 Live demo"})]}),(0,w.jsx)(M.A,{onClick:ce,"aria-label":"Try a different question",sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.palette.brand[700],padding:"6px 10px",borderRadius:"".concat(f.tokens.radius.pill,"px"),transition:"background 160ms ".concat(f.tokens.easing.standard),"&:hover":{bgcolor:f.tokens.colorRoles.light.brandSubtle}},children:"Try another question"})]}),(0,w.jsxs)(i.A,{sx:{padding:"".concat(f.tokens.space[6],"px ").concat(f.tokens.space[5],"px ").concat(f.tokens.space[5],"px"),display:"flex",flexDirection:"column",gap:"".concat(f.tokens.space[4],"px")},children:[(0,w.jsxs)(i.A,{sx:{textAlign:"center",maxWidth:"720px",mx:"auto"},children:[(0,w.jsxs)(i.A,{sx:{display:"inline-flex",alignItems:"center",gap:"6px",padding:"4px 12px",borderRadius:"".concat(f.tokens.radius.pill,"px"),bgcolor:f.tokens.colorRoles.light.brandSubtle,marginBottom:"".concat(f.tokens.space[3],"px")}
1,children:[(0,w.jsx)(i.A,{sx:{width:5,height:5,borderRadius:"50%",bgcolor:f.tokens.palette.brand[600]}}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.palette.brand[700],letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase"},children:N.tag})]}),(0,w.jsxs)(g.A,{component:"div",sx:(0,d.A)({fontFamily:f.tokens.fontFamily.display,fontSize:{xs:f.tokens.fontSize.xl,sm:f.tokens.fontSize["2xl"],md:f.tokens.fontSize["3xl"]},fontWeight:f.tokens.fontWeight.bold,lineHeight:{xs:1.18,md:1.15},letterSpacing:f.tokens.letterSpacing.tight,color:f.tokens.colorRoles.light.textPrimary,animation:"".concat(P," 360ms ").concat(f.tokens.easing.standard," both")},L),children:[(0,w.jsx)(i.A,{component:"span","aria-hidden":!0,sx:{fontFamily:f.tokens.fontFamily.serif,fontStyle:"italic",fontWeight:f.tokens.fontWeight.regular,color:f.tokens.palette.brand[600],fontSize:"1.15em",marginRight:"8px",lineHeight:0,verticalAlign:"-0.18em"},children:"\u201c"}),N.text,(0,w.jsx)(i.A,{component:"span","aria-hidden":!0,sx:{fontFamily:f.tokens.fontFamily.serif,fontStyle:"italic",fontWeight:f.tokens.fontWeight.regular,color:f.tokens.palette.brand[600],fontSize:"1.15em",marginLeft:"4px",lineHeight:0,verticalAlign:"-0.18em"},children:"\u201d"})]},N.text)]}),(0,w.jsx)(i.A,{sx:{display:"flex",justifyContent:"center"},children:(0,w.jsx)(ae,{inputMode:A,onSelectType:()=>v("type"),onSelectVoice:()=>v("voice"),voiceMode:y,recordingMs:S,maxRecordingMs:K,onStartVoice:se,onStopVoice:te})}),y===Q?(0,w.jsx)(oe,{recordingMs:S,maxRecordingMs:K,onStop:te}):y===X?(0,w.jsx)(ne,{}):!F||a!==Y&&a!==G?"voice"!==A||o.trim()?(0,w.jsx)(E.A,{value:o,onChange:e=>n(e.target.value),onFocus:_,placeholder:"Type your answer. Switch to voice anytime.",multiline:!0,minRows:5,maxRows:10,autoFocus:"type"===A,disabled:a===Y||a===q,inputProps:{maxLength:4e3,"aria-label":"Your answer"},sx:{"& .MuiOutlinedInput-root":{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.base,lineHeight:f.tokens.lineHeight.normal,bgcolor:f.tokens.colorRoles.light.bg,borderRadius:"".concat(f.tokens.radius.lg,"px"),padding:"".concat(f.tokens.space[3],"px ").concat(f.tokens.space[4],"px"),"& fieldset":{borderColor:f.tokens.colorRoles.light.border},"&:hover fieldset":{borderColor:f.tokens.colorRoles.light.borderStrong},"&.Mui-focused fieldset":{borderColor:f.tokens.palette.brand[500],boxShadow:"0 0 0 4px ".concat(f.tokens.colorRoles.light.brandSubtle)}}}}):(0,w.jsx)(ee,{onRecord:se,onSwitchToType:()=>v("type")}):null,(0,w.jsxs)(i.A,{sx:{display:!F||a!==Y&&a!==G?"flex":"none",alignItems:"center",justifyContent:"space-between",gap:"".concat(f.tokens.space[3],"px"),flexWrap:"wrap"},children:[(0,w.jsxs)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:f.tokens.fontSize.xs,color:f.tokens.colorRoles.light.textTertiary,fontVariantNumeric:"tabular-nums"},children:[pe," words"]}),(0,w.jsx)(r.A,{variant:"contained",onClick:de,disabled:!o.trim()||a===Y||a===q||y===Q||y===X,sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,fontWeight:f.tokens.fontWeight.semibold,padding:"".concat(f.tokens.space[3],"px ").concat(f.tokens.space[5],"px"),borderRadius:"".concat(f.tokens.radius.pill,"px"),boxShadow:f.tokens.elevation.md,textTransform:"none","&:hover":{boxShadow:f.tokens.elevation.lg}},children:a===Y?"Hugo is grading\u2026":a===G?"Grade again":"Get feedback from Hugo"})]}),a===q&&(0,w.jsx)(ie,{message:h}),a===J&&h&&(0,w.jsx)(i.A,{role:"alert",sx:{bgcolor:f.tokens.palette.danger[100],color:f.tokens.palette.danger[700],border:"1px solid ".concat(f.tokens.palette.danger[100]),borderRadius:"".concat(f.tokens.radius.md,"px"),padding:"".concat(f.tokens.space[3],"px ").concat(f.tokens.space[4],"px"),fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm},children:h}),(a===Y||a===G)&&(0,w.jsx)(re,{streaming:a===Y,feedback:x,streamingChars:c,voiceTranscript:F?o:null})]})]})}const $=(0,c.i7)(C||(C=(0,n.A)(["\n 0% { transform: scale(0.85); opacity: 0.45; }\n 60% { opacity: 0; }\n 100% { transform: scale(1.5); opacity: 0; }\n"]))),ee=e=>{let{onRecord:t,onSwitchToType:o}=e;return(0,w.jsxs)(i.A,{sx:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"".concat(f.tokens.space[4],"px"),padding:"".concat(f.tokens.space[10],"px ").concat(f.tokens.space[5],"px ").concat(f.tokens.space[8],"px"),borderRadius:"".concat(f.tokens.radius.xl||24,"px"),background:"\n radial-gradient(120% 90% at 50% 0%, ".concat(f.tokens.palette.brand[100]||"#E0D8FF","66 0%, ").concat(f.tokens.palette.brand[50]||"#F3F0FF"," 50%, ").
1concat(f.tokens.colorRoles.light.surface," 100%)\n "),border:"1px solid ".concat(f.tokens.palette.brand[200]||"#E0D8FF"),boxShadow:"inset 0 1px 0 #ffffff80, 0 1px 2px ".concat(f.tokens.palette.brand[600],"08"),textAlign:"center",overflow:"hidden"},children:[(0,w.jsxs)(i.A,{sx:{position:"relative",width:96,height:96,display:"flex",alignItems:"center",justifyContent:"center",marginBottom:"".concat(f.tokens.space[2],"px")},children:[[0,600,1200].map((e=>(0,w.jsx)(i.A,{"aria-hidden":!0,sx:{position:"absolute",inset:0,borderRadius:"50%",border:"2px solid ".concat(f.tokens.palette.brand[500]),animation:"".concat($," 2400ms ").concat(f.tokens.easing.standard," infinite"),animationDelay:"".concat(e,"ms"),"@media (prefers-reduced-motion: reduce)":{animation:"none",opacity:.1}}},e))),(0,w.jsx)(M.A,{onClick:t,"aria-label":"Tap to record your answer",sx:{position:"relative",width:72,height:72,borderRadius:"50%",background:"linear-gradient(135deg, ".concat(f.tokens.palette.brand[500]," 0%, ").concat(f.tokens.palette.brand[700]," 100%)"),color:"#fff",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 10px 32px -8px ".concat(f.tokens.palette.brand[600],"99, inset 0 1px 0 #ffffff44"),transition:"transform 200ms ".concat(f.tokens.easing.standard,", box-shadow 200ms ").concat(f.tokens.easing.standard),"&:hover":{transform:"scale(1.06)",boxShadow:"0 14px 40px -8px ".concat(f.tokens.palette.brand[600],"bb, inset 0 1px 0 #ffffff55")}},children:(0,w.jsx)(i.A,{component:"svg",viewBox:"0 0 24 24",sx:{width:30,height:30},children:(0,w.jsx)("path",{fill:"currentColor",d:"M12 3a3 3 0 00-3 3v6a3 3 0 106 0V6a3 3 0 00-3-3zM5 13a7 7 0 0014 0h-2a5 5 0 01-10 0H5zm6 9v-3h2v3h-2z"})})})]}),(0,w.jsxs)(g.A,{sx:{fontFamily:f.tokens.fontFamily.display,fontSize:{xs:f.tokens.fontSize.xl,md:f.tokens.fontSize["2xl"]},fontWeight:f.tokens.fontWeight.bold,lineHeight:f.tokens.lineHeight.snug,letterSpacing:f.tokens.letterSpacing.tight,color:f.tokens.colorRoles.light.textPrimary},children:["Tap and answer"," ",(0,w.jsx)(i.A,{component:"span",sx:{fontFamily:f.tokens.fontFamily.serif,fontStyle:"italic",fontWeight:f.tokens.fontWeight.regular,color:f.tokens.palette.brand[700]},children:"out loud."})]}),(0,w.jsx)(i.A,{sx:{display:"flex",flexWrap:"wrap",justifyContent:"center",alignItems:"center",gap:"".concat(f.tokens.space[2],"px"),marginTop:"".concat(f.tokens.space[1],"px")},children:["Speak","Hugo grades","Hugo pushes back"].map(((e,t)=>(0,w.jsxs)(s.Fragment,{children:[t>0&&(0,w.jsx)(i.A,{"aria-hidden":!0,sx:{color:f.tokens.colorRoles.light.textTertiary,fontFamily:f.tokens.fontFamily.mono,fontSize:f.tokens.fontSize.xs},children:"\u2192"}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",color:2===t?f.tokens.palette.brand[700]:f.tokens.colorRoles.light.textSecondary},children:e})]},e)))}),(0,w.jsx)(M.A,{onClick:o,sx:{marginTop:"".concat(f.tokens.space[2],"px"),fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.colorRoles.light.textSecondary,padding:"6px 14px",borderRadius:"".concat(f.tokens.radius.pill,"px"),transition:"all 160ms ".concat(f.tokens.easing.standard),"&:hover":{bgcolor:"#fff",color:f.tokens.palette.brand[700]}},children:"Type instead"})]})},te=[12,22,32,44,52,44,32,22,36,48,56,48,36,24,18,28,40,52,60,52,40,28,18,12,22,32,44,52,44,32,22,36,48,56,48,36],oe=e=>{let{recordingMs:t,maxRecordingMs:o,onStop:n}=e;return(0,w.jsxs)(i.A,{sx:{padding:"".concat(f.tokens.space[6],"px ").concat(f.tokens.space[5],"px"),borderRadius:"".concat(f.tokens.radius.lg,"px"),border:"1px solid ".concat(f.tokens.palette.brand[200]||"#E0D8FF"),bgcolor:f.tokens.colorRoles.light.brandSubtle,display:"flex",flexDirection:"column",gap:"".concat(f.tokens.space[4],"px"),alignItems:"center"},children:[(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",gap:"".concat(f.tokens.space[2],"px")},children:[(0,w.jsx)(i.A,{sx:{width:9,height:9,borderRadius:"50%",bgcolor:"#E53E3E",animation:"".concat(B," 1100ms ").concat(f.tokens.easing.standard," infinite"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}}}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.bold,letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",color:f.tokens.palette.brand[700]},children:"Hugo is listening"})]}),(0,w.jsx)(i.A,{sx:{display:"flex",alignItems:"center",justifyContent:"center",gap:"4px",height:80,width:"100%",maxWidth:560},children:te.map(((e,t)=>(0,w.jsx)(i.A,{sx:{width:5,height:"".concat(e,"px"),borderRadius:"3px",background:"linear-gradient(180deg, ".concat(f.tokens.palette.brand[400]," 0%, ").concat(f.tokens.palette.brand[600]," 100%)"),animation:"".concat(B," ").concat(900+t%5*80,"ms ").concat(f.tokens.easing.standard," infinite"),animationDelay:"".concat(t%7*60,"ms"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}}},t)))}),(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",gap:"".concat(f.tokens.space[3],"px")}
1,children:[(0,w.jsxs)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:f.tokens.fontSize.base,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.colorRoles.light.textPrimary,fontVariantNumeric:"tabular-nums"},children:[se(t)," ",(0,w.jsxs)(i.A,{component:"span",sx:{color:f.tokens.colorRoles.light.textTertiary},children:["/ ",se(o)]})]}),(0,w.jsxs)(M.A,{onClick:n,"aria-label":"Stop recording",sx:{display:"flex",alignItems:"center",gap:"8px",padding:"10px 20px",borderRadius:"".concat(f.tokens.radius.pill,"px"),bgcolor:"#E53E3E",color:"#fff",fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,fontWeight:f.tokens.fontWeight.bold,boxShadow:f.tokens.elevation.md,"&:hover":{bgcolor:"#C53030",boxShadow:f.tokens.elevation.lg}},children:[(0,w.jsx)(i.A,{sx:{width:10,height:10,borderRadius:1,bgcolor:"#fff"}}),"Stop & grade"]})]})]})},ne=()=>(0,w.jsxs)(i.A,{sx:{padding:"".concat(f.tokens.space[8],"px ").concat(f.tokens.space[5],"px"),borderRadius:"".concat(f.tokens.radius.lg,"px"),border:"1px solid ".concat(f.tokens.palette.brand[200]||"#E0D8FF"),bgcolor:f.tokens.colorRoles.light.brandSubtle,display:"flex",flexDirection:"column",gap:"".concat(f.tokens.space[3],"px"),alignItems:"center"},children:[(0,w.jsx)(i.A,{sx:{display:"flex",gap:"5px"},children:[0,200,400].map((e=>(0,w.jsx)(i.A,{sx:{width:8,height:8,borderRadius:"50%",bgcolor:f.tokens.palette.brand[600],animation:"".concat(B," 1200ms ").concat(f.tokens.easing.standard," infinite"),animationDelay:"".concat(e,"ms"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}}},e)))}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.base,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.colorRoles.light.textPrimary},children:"Hugo is transcribing your answer\u2026"}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,color:f.tokens.colorRoles.light.textSecondary},children:"You can edit the transcript before submitting if anything's off."})]}),se=e=>{const t=Math.floor(e/1e3);return"".concat(String(Math.floor(t/60)).padStart(2,"0"),":").concat(String(t%60).padStart(2,"0"))},ae=e=>{let{inputMode:t,onSelectType:o,onSelectVoice:n,voiceMode:s,recordingMs:a,maxRecordingMs:r,onStartVoice:l,onStopVoice:c}=e;const p=s===Q,x=s===X,m="type"===t&&!p&&!x,g="voice"===t||p||x,h={bgcolor:f.tokens.palette.brand[600],color:"#fff",boxShadow:f.tokens.elevation.sm},k={bgcolor:f.tokens.colorRoles.light.surface,color:f.tokens.colorRoles.light.textSecondary,border:"1px solid ".concat(f.tokens.colorRoles.light.border)};return(0,w.jsxs)(i.A,{sx:{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"".concat(f.tokens.space[2],"px")},children:[(0,w.jsxs)(M.A,{onClick:o,disabled:p||x,"aria-label":"Switch to typing mode",sx:(0,d.A)((0,d.A)({display:"flex",alignItems:"center",gap:"6px",padding:"6px 12px",borderRadius:"".concat(f.tokens.radius.pill,"px"),fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,transition:"all 160ms ".concat(f.tokens.easing.standard)},m?h:k),{},{"&:hover":m?{}:{borderColor:f.tokens.palette.brand[500],color:f.tokens.palette.brand[700]}}),children:[(0,w.jsx)(i.A,{component:"svg",viewBox:"0 0 16 16",sx:{width:14,height:14},children:(0,w.jsx)("path",{fill:"currentColor",d:"M3 4h10v1.5H3V4zm0 3h10v1.5H3V7zm0 3h7v1.5H3V10z"})}),"Type"]}),p?(0,w.jsxs)(M.A,{onClick:c,"aria-label":"Stop recording",sx:{display:"flex",alignItems:"center",gap:"8px",padding:"6px 14px",borderRadius:"".concat(f.tokens.radius.pill,"px"),bgcolor:"#E53E3E",color:"#fff",fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,boxShadow:f.tokens.elevation.md,"&:hover":{bgcolor:"#C53030"}},children:[(0,w.jsx)(i.A,{sx:{width:8,height:8,borderRadius:1,bgcolor:"#fff"}}),"Stop",(0,w.jsxs)(i.A,{component:"span",sx:{fontFamily:f.tokens.fontFamily.mono,fontVariantNumeric:"tabular-nums",marginLeft:"4px"},children:[se(a)," / ",se(r)]})]}):x?(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",gap:"8px",padding:"6px 14px",borderRadius:"".concat(f.tokens.radius.pill,"px"),bgcolor:f.tokens.colorRoles.light.brandSubtle,color:f.tokens.palette.brand[700],fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,border:"1px solid ".concat(f.tokens.palette.brand[200]||"#E0D8FF")},children:[(0,w.jsx)(i.A,{sx:{display:"flex",gap:"3px"},children:[0,200,400].map((e=>(0,w.jsx)(i.A,{sx:{width:4,height:4,borderRadius:"50%",bgcolor:f.tokens.palette.brand[600],animation:"".concat(B," 1200ms ").concat(f.tokens.easing.standard," infinite"),animationDelay:"".concat(e,"ms"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}}},e)))}),"Transcribing\u2026"]}):(0,w.jsxs)(M.A,{onClick:()=>{n(),l()},"aria-label":"Record your answer with your voice",sx:(0,d.A)((0,d.A)({dis
1play:"flex",alignItems:"center",gap:"6px",padding:"6px 12px",borderRadius:"".concat(f.tokens.radius.pill,"px"),fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,transition:"all 160ms ".concat(f.tokens.easing.standard)},g?h:k),{},{"&:hover":g?{}:{borderColor:f.tokens.palette.brand[500],color:f.tokens.palette.brand[700]}}),children:[(0,w.jsx)(i.A,{component:"svg",viewBox:"0 0 16 16",sx:{width:14,height:14},children:(0,w.jsx)("path",{fill:"currentColor",d:"M8 2a3 3 0 00-3 3v4a3 3 0 106 0V5a3 3 0 00-3-3zM4 9a4 4 0 008 0h1a5 5 0 01-4 4.9V15H7v-1.1A5 5 0 013 9h1z"})}),"Voice"]}),(0,w.jsxs)(M.A,{onClick:()=>{window.location.href="/auth/register"},"aria-label":"Video answers \u2014 sign up free to use",disabled:p||x,sx:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 12px",borderRadius:"".concat(f.tokens.radius.pill,"px"),border:"1px solid ".concat(f.tokens.colorRoles.light.border),bgcolor:f.tokens.colorRoles.light.surface,color:f.tokens.colorRoles.light.textSecondary,fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.medium,opacity:p||x?.4:1,transition:"all 160ms ".concat(f.tokens.easing.standard),"&:hover":{borderColor:f.tokens.palette.brand[500],color:f.tokens.palette.brand[700],bgcolor:f.tokens.colorRoles.light.brandSubtle}},children:[(0,w.jsx)(i.A,{component:"svg",viewBox:"0 0 16 16",sx:{width:14,height:14},children:(0,w.jsx)("path",{fill:"currentColor",d:"M2 4.5C2 3.67 2.67 3 3.5 3h7c.83 0 1.5.67 1.5 1.5v7c0 .83-.67 1.5-1.5 1.5h-7C2.67 13 2 12.33 2 11.5v-7zM13 5.5l3-1.7v8.4L13 10.5v-5z"})}),"Video",(0,w.jsx)(i.A,{component:"span",sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:"9px",fontWeight:f.tokens.fontWeight.semibold,letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",color:f.tokens.palette.brand[700],marginLeft:"4px"},children:"Sign up \u2192"})]})]})},ie=e=>{let{message:t}=e;return(0,w.jsxs)(i.A,{role:"status",sx:{display:"flex",flexDirection:{xs:"column",sm:"row"},alignItems:{xs:"stretch",sm:"center"},gap:"".concat(f.tokens.space[3],"px"),bgcolor:f.tokens.colorRoles.light.brandSubtle,border:"1px solid ".concat(f.tokens.palette.brand[200]),borderRadius:"".concat(f.tokens.radius.lg,"px"),padding:"".concat(f.tokens.space[4],"px ").concat(f.tokens.space[5],"px")},children:[(0,w.jsx)(g.A,{sx:{flexGrow:1,fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,color:f.tokens.colorRoles.light.textPrimary,lineHeight:f.tokens.lineHeight.snug},children:t}),(0,w.jsx)(r.A,{variant:"contained",href:"/auth/register",sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,fontWeight:f.tokens.fontWeight.semibold,padding:"".concat(f.tokens.space[2],"px ").concat(f.tokens.space[4],"px"),borderRadius:"".concat(f.tokens.radius.pill,"px"),textTransform:"none",whiteSpace:"nowrap"},children:"Sign up free"})]})},re=e=>{let{streaming:t,feedback:o,streamingChars:n,voiceTranscript:s}=e;const a=!t&&o,l=a?[{label:"Communication",score:o.communicationScore},{label:"Structure",score:o.structureScore},{label:"Specificity",score:o.specificityScore},{label:"Insight",score:o.insightScore}]:[{label:"Communication",score:0},{label:"Structure",score:0},{label:"Specificity",score:0},{label:"Insight",score:0}];return(0,w.jsxs)(i.A,{sx:(0,d.A)({marginTop:"".concat(f.tokens.space[1],"px"),bgcolor:f.tokens.colorRoles.light.bg,border:"1px solid ".concat(f.tokens.colorRoles.light.border),borderRadius:"".concat(f.tokens.radius.lg,"px"),padding:"".concat(f.tokens.space[5],"px"),display:"flex",flexDirection:"column",gap:"".concat(f.tokens.space[4],"px"),animation:"".concat(P," 360ms ").concat(f.tokens.easing.standard," both")},L),children:[s&&(0,w.jsxs)(i.A,{sx:{padding:"".concat(f.tokens.space[3],"px ").concat(f.tokens.space[4],"px"),borderLeft:"3px solid ".concat(f.tokens.palette.brand[400]),bgcolor:f.tokens.colorRoles.light.brandSubtle,borderRadius:"0 ".concat(f.tokens.radius.md,"px ").concat(f.tokens.radius.md,"px 0")},children:[(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:"10px",fontWeight:f.tokens.fontWeight.semibold,letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",color:f.tokens.palette.brand[700],marginBottom:"6px"},children:"Hugo heard you say"}),(0,w.jsxs)(g.A,{sx:{fontFamily:f.tokens.fontFamily.serif,fontStyle:"italic",fontSize:f.tokens.fontSize.base,lineHeight:f.tokens.lineHeight.snug,color:f.tokens.colorRoles.light.textPrimary},children:["\u201c",s,"\u201d"]})]}),(0,w.jsx)(i.A,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"".concat(f.tokens.space[3],"px")}
1,children:(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",gap:"8px"},children:[t&&(0,w.jsx)(i.A,{sx:{display:"flex",gap:"3px"},children:[0,200,400].map((e=>(0,w.jsx)(i.A,{sx:{width:5,height:5,borderRadius:"50%",bgcolor:f.tokens.palette.brand[600],animation:"".concat(B," 1100ms ").concat(f.tokens.easing.standard," infinite"),animationDelay:"".concat(e,"ms"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}}},e)))}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",color:t?f.tokens.palette.brand[700]:f.tokens.colorRoles.light.textTertiary},children:t?"Hugo is grading\u2026":"Hugo's rubric"})]})}),(0,w.jsx)(i.A,{sx:{display:"grid",gridTemplateColumns:{xs:"1fr",sm:"1fr 1fr"},gap:"".concat(f.tokens.space[4],"px")},children:l.map(((e,t)=>(0,w.jsx)(N,{label:e.label,score:e.score,active:a,delay:120*t},e.label)))}),a&&(0,w.jsxs)(i.A,{sx:{display:"grid",gridTemplateColumns:{xs:"1fr",md:"1fr 1fr"},gap:"".concat(f.tokens.space[3],"px")},children:[(0,w.jsx)(ce,{label:"Strong",tone:"success",text:o.oneStrongThing}),(0,w.jsx)(ce,{label:"Improve",tone:"brand",text:o.oneToImprove})]}),a&&o.followUpQuestion&&(0,w.jsx)(le,{text:o.followUpQuestion}),a&&(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"".concat(f.tokens.space[3],"px"),flexWrap:"wrap",paddingTop:"".concat(f.tokens.space[3],"px"),borderTop:"1px solid ".concat(f.tokens.colorRoles.light.border)},children:[(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,color:f.tokens.colorRoles.light.textSecondary,maxWidth:"420px"},children:"Same rubric the firms you're chasing actually use. No fluff, no filler."}),(0,w.jsx)(r.A,{variant:"contained",href:"/auth/register",sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,fontWeight:f.tokens.fontWeight.semibold,padding:"".concat(f.tokens.space[3],"px ").concat(f.tokens.space[5],"px"),borderRadius:"".concat(f.tokens.radius.pill,"px"),textTransform:"none",boxShadow:f.tokens.elevation.md,"&:hover":{boxShadow:f.tokens.elevation.lg}},children:"Run the full mock interview free"})]})]})},le=e=>{let{text:t}=e;const[o,n]=h({threshold:.2});return(0,s.useEffect)((()=>{var e,t;if("undefined"===typeof window||null===o||void 0===o||!o.current)return;const n=null===(e=(t=window).matchMedia)||void 0===e?void 0:e.call(t,"(prefers-reduced-motion: reduce)").matches,s=setTimeout((()=>{try{o.current.scrollIntoView({behavior:n?"auto":"smooth",block:"center"})}catch(e){}}),120);return()=>clearTimeout(s)}),[o]),(0,w.jsxs)(i.A,{ref:o,sx:{position:"relative",marginTop:"".concat(f.tokens.space[6],"px"),padding:{xs:"".concat(f.tokens.space[6],"px"),md:"".concat(f.tokens.space[8],"px ").concat(f.tokens.space[7],"px")},borderRadius:"".concat(f.tokens.radius.xl||24,"px"),background:"\n radial-gradient(120% 80% at 50% 0%, ".concat(f.tokens.palette.brand[100]||"#E0D8FF"," 0%, ").concat(f.tokens.palette.brand[50]||"#F3F0FF"," 45%, ").concat(f.tokens.colorRoles.light.surface," 100%)\n "),border:"1px solid ".concat(f.tokens.palette.brand[300]||f.tokens.palette.brand[200]),boxShadow:"0 12px 48px -16px ".concat(f.tokens.palette.brand[500],"55, 0 0 0 6px ").concat(f.tokens.colorRoles.light.brandSubtle),overflow:"hidden",opacity:n?1:0,transform:n?"translateY(0) scale(1)":"translateY(20px) scale(0.985)",transition:"opacity 640ms ".concat(f.tokens.easing.emphasized," 80ms, transform 640ms ").concat(f.tokens.easing.emphasized," 80ms"),"@media (prefers-reduced-motion: reduce)":{opacity:1,transform:"none",transition:"none"}},children:[(0,w.jsx)(i.A,{"aria-hidden":!0,sx:{position:"absolute",top:14,left:14,width:28,height:28,borderTop:"2px solid ".concat(f.tokens.palette.brand[400]),borderLeft:"2px solid ".concat(f.tokens.palette.brand[400]),borderRadius:"2px 0 0 0",opacity:.6}}),(0,w.jsx)(i.A,{"aria-hidden":!0,sx:{position:"absolute",bottom:14,right:14,width:28,height:28,borderBottom:"2px solid ".concat(f.tokens.palette.brand[400]),borderRight:"2px solid ".concat(f.tokens.palette.brand[400]),borderRadius:"0 0 2px 0",opacity:.6}}),(0,w.jsx)(i.A,{sx:{display:"flex",justifyContent:"center",marginBottom:{xs:"".concat(f.tokens.space[4],"px"),md:"".concat(f.tokens.space[5],"px")}},children:(0,w.jsxs)(i.A,{sx:{display:"inline-flex",alignItems:"center",gap:"".concat(f.tokens.space[2],"px"),padding:"8px 16px",borderRadius:"".concat(f.tokens.radius.pill,"px"),bgcolor:"#fff",border:"1px solid ".concat(f.tokens.palette.brand[300]||f.tokens.palette.brand[200]),boxSh
1adow:f.tokens.elevation.sm},children:[(0,w.jsx)(i.A,{sx:{width:9,height:9,borderRadius:"50%",bgcolor:"#E53E3E",animation:"".concat(B," 1100ms ").concat(f.tokens.easing.standard," infinite"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}}}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.bold,letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",color:f.tokens.palette.brand[700]},children:"Hugo is pushing back"})]})}),(0,w.jsxs)(g.A,{component:"div",sx:{textAlign:"center",fontFamily:f.tokens.fontFamily.serif,fontStyle:"italic",fontSize:{xs:"28px",sm:"34px",md:"clamp(36px, 3.6vw, 44px)"},fontWeight:f.tokens.fontWeight.regular,lineHeight:{xs:1.18,md:1.15},letterSpacing:"-0.005em",color:f.tokens.colorRoles.light.textPrimary,maxWidth:"780px",margin:"0 auto"},children:[(0,w.jsx)(i.A,{component:"span","aria-hidden":!0,sx:{color:f.tokens.palette.brand[600],marginRight:"10px",fontSize:"1.2em",lineHeight:0,verticalAlign:"-0.18em"},children:"\u201c"}),t,(0,w.jsx)(i.A,{component:"span","aria-hidden":!0,sx:{color:f.tokens.palette.brand[600],marginLeft:"6px",fontSize:"1.2em",lineHeight:0,verticalAlign:"-0.18em"},children:"\u201d"})]}),(0,w.jsxs)(g.A,{sx:{textAlign:"center",marginTop:"".concat(f.tokens.space[4],"px"),marginBottom:"".concat(f.tokens.space[6],"px"),fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,fontStyle:"italic",color:f.tokens.colorRoles.light.textSecondary,maxWidth:"440px",mx:"auto"},children:["\u2191 This is what we mean by"," ",(0,w.jsx)(i.A,{component:"span",sx:{fontFamily:f.tokens.fontFamily.serif,color:f.tokens.palette.brand[700]},children:"pushes back"}),". Hugo would keep going for 3 turns. The full mock is free."]}),(0,w.jsxs)(i.A,{sx:{display:"flex",flexDirection:{xs:"column",sm:"row"},alignItems:"center",justifyContent:"center",gap:"".concat(f.tokens.space[3],"px")},children:[(0,w.jsx)(r.A,{variant:"contained",href:"/auth/register",sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:{xs:f.tokens.fontSize.sm,md:f.tokens.fontSize.base},fontWeight:f.tokens.fontWeight.bold,padding:{xs:"".concat(f.tokens.space[3],"px ").concat(f.tokens.space[5],"px"),md:"".concat(f.tokens.space[4],"px ").concat(f.tokens.space[7],"px")},borderRadius:"".concat(f.tokens.radius.pill,"px"),textTransform:"none",letterSpacing:"-0.005em",boxShadow:"0 8px 28px -8px ".concat(f.tokens.palette.brand[600],"88"),"&:hover":{boxShadow:"0 12px 36px -8px ".concat(f.tokens.palette.brand[600],"aa"),transform:"translateY(-1px)"},transition:"transform 160ms ".concat(f.tokens.easing.standard,", box-shadow 160ms ").concat(f.tokens.easing.standard)},children:"Answer this \u2014 run the full mock free \u2192"}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,color:f.tokens.colorRoles.light.textTertiary},children:"No card needed"})]})]})},ce=e=>{let{label:t,tone:o,text:n}=e;const s="success"===o;return(0,w.jsxs)(i.A,{sx:{bgcolor:s?f.tokens.palette.success[100]:f.tokens.colorRoles.light.brandSubtle,border:"1px solid ".concat(s?f.tokens.palette.success[100]:f.tokens.palette.brand[200]),borderRadius:"".concat(f.tokens.radius.md,"px"),padding:"".concat(f.tokens.space[4],"px ").concat(f.tokens.space[4],"px"),display:"flex",flexDirection:"column",gap:"6px"},children:[(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",color:s?f.tokens.palette.success[700]:f.tokens.palette.brand[700]},children:t}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,lineHeight:f.tokens.lineHeight.snug,color:f.tokens.colorRoles.light.textPrimary},children:n})]})},de=[{company:"Stripe",domain:"stripe.com",role:"Solutions Engineer \xb7 London",match:94,salary:"\xa385k\u2013\xa3110k",tags:["APIs","Customer-facing","Payments","TypeScript"]},{company:"Monzo",domain:"monzo.com",role:"Product Manager \xb7 Hybrid",match:88,salary:"\xa390k\u2013\xa3120k",tags:["Fintech","B2C","Mobile","Roadmap"]},{company:"Octopus Energy",domain:"octopus.energy",role:"Data Analyst \xb7 Remote",match:81,salary:"\xa355k\u2013\xa370k",tags:["SQL","Energy","Forecasting","Dashboards"]}
1],pe=e=>"https://img.logo.dev/".concat(e,"?token=").concat("pk_BjbEHkgvTA222AhVVaecPQ","&size=80&format=png"),xe=()=>(0,w.jsxs)(Se,{label:"Live job matches",hint:"Live \xb7 updated minutely",children:[(0,w.jsx)(i.A,{sx:{display:"flex",flexDirection:"column",gap:"".concat(f.tokens.space[3],"px"),flexGrow:1},children:de.map((e=>(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"flex-start",gap:"".concat(f.tokens.space[3],"px"),padding:"".concat(f.tokens.space[3],"px"),borderRadius:"".concat(f.tokens.radius.md,"px"),border:"1px solid ".concat(f.tokens.colorRoles.light.border),bgcolor:f.tokens.colorRoles.light.surface},children:[(0,w.jsx)(i.A,{component:"img",src:pe(e.domain),alt:"",loading:"lazy",sx:{width:36,height:36,borderRadius:"".concat(f.tokens.radius.sm,"px"),bgcolor:f.tokens.colorRoles.light.surfaceMuted,flexShrink:0,objectFit:"contain"}}),(0,w.jsxs)(i.A,{sx:{flexGrow:1,minWidth:0},children:[(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between",gap:"".concat(f.tokens.space[2],"px")},children:[(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.colorRoles.light.textPrimary},children:e.company}),(0,w.jsxs)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.palette.brand[700]},children:[e.match,"% match"]})]}),(0,w.jsxs)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,color:f.tokens.colorRoles.light.textSecondary,marginTop:"2px"},children:[e.role," \xb7 ",e.salary]}),(0,w.jsx)(i.A,{sx:{display:"flex",flexWrap:"wrap",gap:"4px",marginTop:"8px"},children:e.tags.map((e=>(0,w.jsx)(i.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:"10px",fontWeight:f.tokens.fontWeight.medium,color:f.tokens.colorRoles.light.textSecondary,bgcolor:f.tokens.colorRoles.light.surfaceMuted,padding:"2px 8px",borderRadius:"".concat(f.tokens.radius.pill,"px")},children:e},e)))})]})]},e.company)))}),(0,w.jsxs)(i.A,{sx:{marginTop:"".concat(f.tokens.space[2],"px"),paddingTop:"".concat(f.tokens.space[3],"px"),borderTop:"1px solid ".concat(f.tokens.colorRoles.light.border),display:"flex",alignItems:"center",justifyContent:"space-between",gap:"".concat(f.tokens.space[2],"px")},children:[(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,color:f.tokens.colorRoles.light.textSecondary},children:"+ 47 more this morning"}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.palette.brand[700]},children:"Sort by match \u2192"})]})]}),me=()=>(0,w.jsxs)(Se,{label:"Company brief",hint:"Researched by Hugo",children:[(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",gap:"".concat(f.tokens.space[3],"px"),marginBottom:"".concat(f.tokens.space[3],"px")},children:[(0,w.jsx)(i.A,{component:"img",src:pe("stripe.com"),alt:"",loading:"lazy",sx:{width:44,height:44,borderRadius:"".concat(f.tokens.radius.sm,"px"),bgcolor:f.tokens.colorRoles.light.surfaceMuted,flexShrink:0,objectFit:"contain"}}),(0,w.jsxs)(i.A,{sx:{flexGrow:1},children:[(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.display,fontSize:f.tokens.fontSize.lg,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.colorRoles.light.textPrimary,lineHeight:1.1},children:"Stripe"}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,color:f.tokens.colorRoles.light.textSecondary},children:"Pitch + interview style"})]})]}),(0,w.jsx)(i.A,{component:"ul",sx:{listStyle:"none",margin:0,padding:0,display:"flex",flexDirection:"column",gap:"".concat(f.tokens.space[2],"px")},children:["Operator-first interviews. They'll dig into the metric, not the story.","Writing is the moat. Expect a written take-home before the loop.","Verbal cases on Stripe's actual products. Read their press releases."].map((e=>(0,w.jsxs)(i.A,{component:"li",sx:{display:"flex",gap:"10px",fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,color:f.tokens.colorRoles.light.textPrimary,lineHeight:f.tokens.lineHeight.snug},children:[(0,w.jsx)(i.A,{component:"span","aria-hidden":!0,sx:{flexShrink:0,marginTop:"8px",width:5,height:5,borderRadius:"50%",bgcolor:f.tokens.palette.brand[500]}}),(0,w.jsx)("span",{children:e})]},e)))}),(0,w.jsx)(i.A,{sx:{marginTop:"".concat(f.tokens.space[3],"px"),display:"flex",flexWrap:"wrap",gap:"6px"},children:["4 rounds","Take-home","Verbal case","Pitch"].map((e=>(0,w.jsx)(i.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:"10px",fontWeight:f.tokens.fontWeight.medium,color:f.tokens.colorRoles.light.textSecondary,bgcolor:f.tokens.colorRoles.light.surfaceMuted,padding:"2px 8px",borderRadius:"".concat(f.tokens.radius.pill,"px")},children:e},e)))}),(0,w.jsxs)(i.A,{sx:{marginTop:"".concat(f.tokens.space[3],"px"),paddingTop:"".concat(f.tokens.space[3],"px"),borderTop:"1px solid ".concat(f.tokens.colorRoles.light.border),display:"flex",alignItems:"center",justifyContent:"space-between",gap:"".concat(f.tokens.space[2],"px")},children:[(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,color:f.tokens.colorRoles.light.textSecondary},children:"Researched in 8 seconds"}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.palette.brand[700]},children:"More on Stripe \u2192"})]})]}),ge=[4,8,14,20,26,22,16,22,28,24,18,12,18,22,26,20,14,8,4,10,16,22,18,12,6],fe=()=>(0,w.jsxs)(Se,{label:"Mock interview",hint:"Stripe \xb7 Solutions Engineer \xb7 4:23",children:[(0,w.jsxs)(i.A,{sx:{display:"flex",flexDirection:"column",gap:"".concat(f.tokens.space[3],"px"),flexGrow:1},children:[(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",gap:"".concat(f.tokens.space[2],"px")},children:[(0,w.jsx)(i.A,{sx:{width:28,height:28,borderRadius:"50%",bgcolor:f.tokens.palette.brand[600],c
1olor:"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.bold,flexShrink:0},children:"H"}),(0,w.jsxs)(i.A,{children:[(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.colorRoles.light.textPrimary,lineHeight:1.1},children:"Hugo \xb7 Tough persona"}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:"10px",color:f.tokens.colorRoles.light.textSecondary},children:"Behavioural \xb7 Turn 2 of 3"})]})]}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.serif,fontStyle:"italic",fontSize:f.tokens.fontSize.base,lineHeight:f.tokens.lineHeight.snug,color:f.tokens.colorRoles.light.textPrimary},children:"\u201cTell me about a time you led a team through ambiguity.\u201d"}),(0,w.jsxs)(i.A,{sx:{padding:"".concat(f.tokens.space[3],"px"),borderRadius:"".concat(f.tokens.radius.md,"px"),border:"1px solid ".concat(f.tokens.colorRoles.light.border),bgcolor:f.tokens.colorRoles.light.surfaceMuted},children:[(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"".concat(f.tokens.space[2],"px")},children:[(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",gap:"6px",fontFamily:f.tokens.fontFamily.mono,fontSize:"10px",fontWeight:f.tokens.fontWeight.semibold,letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",color:f.tokens.palette.brand[700]},children:[(0,w.jsx)(i.A,{sx:{width:7,height:7,borderRadius:"50%",bgcolor:"#E53E3E",animation:"".concat(B," 1200ms ").concat(f.tokens.easing.standard," infinite"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}}}),"Recording your answer"]}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:"10px",color:f.tokens.colorRoles.light.textSecondary,fontVariantNumeric:"tabular-nums"},children:"00:42"})]}),(0,w.jsx)(i.A,{sx:{display:"flex",alignItems:"center",gap:"3px",height:32},children:ge.map(((e,t)=>(0,w.jsx)(i.A,{sx:{width:3,height:"".concat(e,"px"),borderRadius:"2px",background:"linear-gradient(180deg, ".concat(f.tokens.palette.brand[400]," 0%, ").concat(f.tokens.palette.brand[600]," 100%)"),animation:"".concat(B," 1400ms ").concat(f.tokens.easing.standard," infinite"),animationDelay:"".concat(t%6*110,"ms"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}}},t)))})]})]}),(0,w.jsxs)(i.A,{sx:{marginTop:"".concat(f.tokens.space[3],"px"),padding:"".concat(f.tokens.space[3],"px"),borderRadius:"".concat(f.tokens.radius.md,"px"),border:"1px solid ".concat(f.tokens.palette.brand[200]||"#E0D8FF"),bgcolor:f.tokens.palette.brand[50]||"#F3F0FF"},children:[(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",gap:"6px",marginBottom:"6px"},children:[(0,w.jsx)(i.A,{sx:{display:"flex",gap:"3px"},children:[0,180,360].map((e=>(0,w.jsx)(i.A,{sx:{width:4,height:4,borderRadius:"50%",bgcolor:f.tokens.palette.brand[600],animation:"".concat(B," 1200ms ").concat(f.tokens.easing.standard," infinite"),animationDelay:"".concat(e,"ms"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}}},e)))}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:"10px",fontWeight:f.tokens.fontWeight.semibold,letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",color:f.tokens.palette.brand[700]},children:"Hugo is pushing back"})]}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.serif,fontStyle:"italic",fontSize:f.tokens.fontSize.sm,lineHeight:f.tokens.lineHeight.snug,color:f.tokens.colorRoles.light.textPrimary},children:"\u201cWhat trade-off did you actually accept by deprioritising the launch?\u201d"})]})]}),he=[{label:"Role-specific experience",score:8.2},{label:"Skills & technical mastery",score:7.5},{label:"Strategic impact",score:9},{label:"Leadership & communication",score:8.8},{label:"ATS & optimisation",score:7.9}],ke=()=>{const[e,t]=h({threshold:.4});return(0,w.jsxs)(Se,{label:"Resume review",hint:"5-category rubric",children:[(0,w.jsx)(i.A,{ref:e,sx:{display:"flex",flexDirection:"column",gap:"".concat(f.tokens.space[3],"px")}
1,children:he.map(((e,o)=>(0,w.jsx)(N,{label:e.label,score:e.score,active:t,delay:80*o},e.label)))}),(0,w.jsxs)(i.A,{sx:{marginTop:"".concat(f.tokens.space[3],"px"),paddingTop:"".concat(f.tokens.space[3],"px"),borderTop:"1px solid ".concat(f.tokens.colorRoles.light.border),display:"flex",alignItems:"center",justifyContent:"space-between",gap:"".concat(f.tokens.space[2],"px")},children:[(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,color:f.tokens.colorRoles.light.textSecondary},children:"3 specific lines flagged to fix"}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.palette.brand[700]},children:"Open review \u2192"})]})]})},ue=[{from:"user",text:"What does JP Morgan really test in the final round?"},{from:"hugo",text:"Three things, every time. Technical depth on a recent deal, stakeholder pressure (they'll interrupt), and clean trade-off reasoning under time."},{from:"user",text:"Give me one question they actually ask."}],ye=()=>(0,w.jsx)(Se,{label:"Hugo chat",hint:"Always on \xb7 Answers in seconds",children:(0,w.jsxs)(i.A,{sx:{display:"flex",flexDirection:"column",gap:"".concat(f.tokens.space[4],"px"),flexGrow:1},children:[ue.map(((e,t)=>{const o="hugo"===e.from;return(0,w.jsxs)(i.A,{sx:{display:"flex",flexDirection:"column",alignItems:o?"flex-start":"flex-end",gap:"4px"},children:[(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:"9px",fontWeight:f.tokens.fontWeight.semibold,letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",color:o?f.tokens.palette.brand[700]:f.tokens.colorRoles.light.textTertiary},children:o?"Hugo":"You"}),(0,w.jsx)(i.A,{sx:{padding:"".concat(f.tokens.space[2],"px ").concat(f.tokens.space[3],"px"),borderRadius:"".concat(f.tokens.radius.md,"px"),maxWidth:"90%",bgcolor:o?f.tokens.palette.brand[50]||"#F3F0FF":f.tokens.colorRoles.light.surfaceMuted},children:(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,lineHeight:f.tokens.lineHeight.snug,color:f.tokens.colorRoles.light.textPrimary},children:e.text})})]},t)})),(0,w.jsxs)(i.A,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"4px"},children:[(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:"9px",fontWeight:f.tokens.fontWeight.semibold,letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",color:f.tokens.palette.brand[700]},children:"Hugo"}),(0,w.jsx)(i.A,{sx:{display:"flex",gap:"4px",padding:"".concat(f.tokens.space[2],"px ").concat(f.tokens.space[3],"px"),borderRadius:"".concat(f.tokens.radius.md,"px"),bgcolor:f.tokens.palette.brand[50]||"#F3F0FF"},children:[0,200,400].map((e=>(0,w.jsx)(i.A,{sx:{width:5,height:5,borderRadius:"50%",bgcolor:f.tokens.palette.brand[600],animation:"".concat(B," 1200ms ").concat(f.tokens.easing.standard," infinite"),animationDelay:"".concat(e,"ms"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}}},e)))})]})]})}),be=[{title:"Applied",accent:f.tokens.colorRoles.light.textTertiary,cards:[{company:"Cloudflare",domain:"cloudflare.com",role:"TPM \xb7 London",meta:"3d ago"},{company:"Wise",domain:"wise.com",role:"Senior PM",meta:"5d ago"},{company:"Octopus",domain:"octopus.energy",role:"Data Analyst",meta:"1w ago"}]},{title:"Interview",accent:f.tokens.palette.brand[600],cards:[{company:"Monzo",domain:"monzo.com",role:"Solutions Eng",meta:"R2 \xb7 Thu",hot:!0},{company:"Stripe",domain:"stripe.com",role:"Solutions Eng",meta:"R1 \xb7 Mon"},{company:"Revolut",domain:"revolut.com",role:"PM \xb7 Final",meta:"Awaiting"}]},{title:"Offer",accent:f.tokens.palette.success[700],cards:[{company:"Stripe",domain:"stripe.com",role:"Solutions Eng",meta:"Verbal \xb7 respond Fri",offer:!0},{company:"Klarna",domain:"klarna.com",role:"Senior PM",meta:"Written \xb7 review",offer:!0}]}],we=()=>(0,w.jsxs)(Se,{label:"Application tracker",hint:"Your shortlist \xb7 3 columns",children:[(0,w.jsx)(i.A,{sx:{display:"grid",gridTemplateColumns:"repeat(3, minmax(0, 1fr))",gap:"".concat(f.tokens.space[2],"px"),minWidth:0},children:be.map((e=>(0,w.jsxs)(i.A,{sx:{display:"flex",flexDirection:"column",gap:"".concat(f.tokens.space[2],"px"),minWidth:0},children:[(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",gap:"6px",padding:"0 4px"},children:[(0,w.jsx)(i.A,{sx:{width:6,height:6,borderRadius:"50%",bgcolor:e.accent}}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:"10px",fontWeight:f.tokens.fontWeight.semibold,letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",color:f.tokens.colorRoles.light.textSecondary},children:e.title})]}),e.cards.map((e=>(0,w.jsxs)(i.A,{sx:{bgcolor:f.tokens.colorRoles.light.surface,borderLeft:e.offer?"2px solid ".concat(f.tokens.palette.success[600]||f.tokens.palette.success[700]):e.hot?"2px solid ".concat(f.tokens.palette.brand[500]):"1px solid ".concat(f.tokens.colorRoles.light.border),borderTop:"1px solid ".concat(f.tokens.colorRoles.light.border),borderRight:"1px solid ".concat(f.tokens.colorRoles.light.border),borderBottom:"1px solid ".concat(f.tokens.colorRoles.light.border),borderRadius:"".concat(f.tokens.radius.sm,"px"),padding:"".concat(f.tokens.space[2],"px ").concat(f.tokens.space[3],"px"),display:"flex",flexDirection:"column",gap:"3px"},children:[(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",gap:"6px"},children:[e.domain&&(0,w.jsx)(i.A,{component:"img",src:pe(e.domain),alt:"",loading:"lazy",sx:{width:14,height:14,borderRadius:"3px",bgcolor:f.tokens.colorRoles.light.surfaceMuted,objectFit:"contain",flexShrink:0}}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.colorRoles.light.textPrimary,lineHeight:1.2,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.company})]}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:"10px",color:f.tokens.colorRoles.light.textSecondary,lineHeight:1.2},children:e.role}),e.meta&&(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:"9px",fontWeight:f.tokens.fontWeight.semibold,color:e.offer?f.tokens.palette.success[700]:e.hot?f.tokens.palette.brand[700]:f.tokens.colorRoles.light.textTertiary,marginTop:"1px"},children:e.meta})]},e.company+e.role)))]},e.title)))}),(0,w.jsxs)(i.A,{sx:{marginTop:"".concat(f.tokens.space[3],"px"),paddingTop:"".concat(f.tokens.space[3],"px"),borderTop:"1px solid ".concat(f.tokens.colorRoles.light.border),display:"flex",alignItems:"center",justifyContent:"space-between",gap:"".concat(f.tokens.space[2],"px")},children:[(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,color:f.tokens.colorRoles.light.textSecondary},children:"9 active \xb7 2 next-step nudges"}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.palette.brand[700]},children:"Open board \u2192"})]})]}),Se=e=>{let{label:t,hint:o,children:n}=e;const[s,a]=h({threshold:.25}
1);return(0,w.jsxs)(i.A,{ref:s,sx:{opacity:a?1:0,transform:a?"translateY(0)":"translateY(14px)",transition:"opacity 460ms ".concat(f.tokens.easing.standard,", transform 460ms ").concat(f.tokens.easing.standard),"@media (prefers-reduced-motion: reduce)":{opacity:1,transform:"none",transition:"none"},bgcolor:f.tokens.colorRoles.light.surface,borderRadius:"".concat(f.tokens.radius.lg,"px"),border:"1px solid ".concat(f.tokens.colorRoles.light.border),boxShadow:f.tokens.elevation.sm,padding:"".concat(f.tokens.space[5],"px"),display:"flex",flexDirection:"column",gap:"".concat(f.tokens.space[4],"px"),height:"100%"},children:[(0,w.jsxs)(i.A,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"".concat(f.tokens.space[2],"px")},children:[(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",color:f.tokens.colorRoles.light.textSecondary},children:t}),(0,w.jsx)(g.A,{sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:"10px",color:f.tokens.colorRoles.light.textTertiary},children:o})]}),n]})},je=e=>{let{userLoggedIn:t}=e;return(0,w.jsxs)(i.A,{component:"section","aria-label":"Try Hugo live",sx:{bgcolor:f.tokens.colorRoles.light.bg,color:f.tokens.colorRoles.light.textPrimary,paddingTop:{xs:"".concat(f.tokens.space[6],"px"),md:"".concat(f.tokens.space[8],"px")},paddingBottom:{xs:"".concat(f.tokens.space[10],"px"),md:"".concat(f.tokens.space[16],"px")},maxWidth:"100vw",overflowX:"hidden"},children:[(0,w.jsx)(x.A,{maxWidth:"md",children:(0,w.jsx)(i.A,{sx:(0,d.A)({},_(0,f.tokens.easing.emphasized)),children:(0,w.jsx)(Z,{})})}),(0,w.jsxs)(x.A,{maxWidth:"lg",sx:{marginTop:{xs:"".concat(f.tokens.space[12],"px"),md:"".concat(f.tokens.space[16],"px")}},children:[(0,w.jsxs)(i.A,{sx:{textAlign:"center",maxWidth:"720px",mx:"auto",marginBottom:{xs:"".concat(f.tokens.space[8],"px"),md:"".concat(f.tokens.space[12],"px")}},children:[(0,w.jsx)(g.A,{component:"div",sx:{fontFamily:f.tokens.fontFamily.mono,fontSize:f.tokens.fontSize.xs,fontWeight:f.tokens.fontWeight.semibold,color:f.tokens.palette.brand[700],letterSpacing:f.tokens.letterSpacing.wide,textTransform:"uppercase",marginBottom:"".concat(f.tokens.space[3],"px")},children:"All in one place"}),(0,w.jsxs)(g.A,{component:"h2",sx:{fontFamily:f.tokens.fontFamily.display,fontSize:{xs:"32px",sm:"44px",md:"clamp(44px, 4.5vw, 56px)"},fontWeight:f.tokens.fontWeight.extrabold,lineHeight:{xs:1.12,md:f.tokens.lineHeight.tight},letterSpacing:f.tokens.letterSpacing.display,color:f.tokens.colorRoles.light.textPrimary,margin:0},children:["Hugo is the"," ",(0,w.jsx)(i.A,{component:"span",sx:{fontFamily:f.tokens.fontFamily.serif,fontStyle:"italic",fontWeight:f.tokens.fontWeight.regular,fontSize:{xs:"1.02em",md:"1.08em"},color:f.tokens.palette.brand[700],letterSpacing:"-0.01em"},children:"whole"})," ","job hunt."]}),(0,w.jsx)(g.A,{component:"p",sx:{marginTop:"".concat(f.tokens.space[5],"px"),maxWidth:"560px",mx:"auto",fontFamily:f.tokens.fontFamily.sans,fontSize:{xs:f.tokens.fontSize.base,md:f.tokens.fontSize.lg},lineHeight:f.tokens.lineHeight.normal,color:f.tokens.colorRoles.light.textSecondary},children:"Mock interviews. Live job feeds. Company briefs. Resume review. A tracker that keeps up. And Hugo on call when you need a second take."})]}),(0,w.jsxs)(i.A,{sx:{display:"grid",gridTemplateColumns:{xs:"minmax(0, 1fr)",md:"repeat(3, minmax(0, 1fr))"},gap:{xs:"".concat(f.tokens.space[4],"px"),md:"".concat(f.tokens.space[5],"px")},alignItems:"stretch"},children:[(0,w.jsx)(fe,{}),(0,w.jsx)(xe,{}),(0,w.jsx)(me,{}),(0,w.jsx)(we,{}),(0,w.jsx)(i.A,{sx:{display:{xs:"none",md:"contents"}},children:(0,w.jsx)(ye,{})}),(0,w.jsx)(i.A,{sx:{display:{xs:"none",md:"contents"}},children:(0,w.jsx)(ke,{})})]})]})]})};var Ae;const ve=(0,c.i7)(Ae||(Ae=(0,n.A)(["\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n"]))),Fe=s.lazy((()=>Promise.all([o.e(1378),o.e(8659)]).then(o.bind(o,66015)))),Re=s.lazy((()=>o.e(6236).then(o.bind(o,56236))));const ze=function(e){const{selectHome:t,userLoggedIn:n}
1=e,[c,d]=(0,s.useState)(!1),[p,x]=(0,s.useState)(!1);return(0,s.useEffect)((()=>{t()}),[t]),(0,s.useEffect)((()=>(d(!1),document.body.style.paddingTop="",()=>{document.body.style.paddingTop=""})),[]),(0,s.useEffect)((()=>{const e=()=>{const e=window.scrollY;x(e>600)};return window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)}),[]),(0,w.jsx)(l.A,{theme:f.themeNext,children:(0,w.jsxs)(i.A,{className:"homepage-wrapper",sx:{display:"flex",flexDirection:"column",position:"relative",background:f.tokens.colorRoles.light.bg,minHeight:"100vh",color:f.tokens.colorRoles.light.textPrimary,"&::before":{content:'""',position:"fixed",inset:0,pointerEvents:"none",zIndex:0,opacity:.5,mixBlendMode:"multiply",backgroundImage:"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.58 0 0 0 0 0.38 0 0 0 0 1 0 0 0 0.045 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>\")",backgroundSize:"180px 180px"},"&::after":{content:'""',position:"fixed",left:"50%",bottom:"-20%",transform:"translateX(-50%)",width:"min(1100px, 120vw)",height:"60vh",pointerEvents:"none",zIndex:0,background:"radial-gradient(closest-side, ".concat(f.tokens.palette.brand[100]," 0%, transparent 72%)"),opacity:.35,filter:"blur(72px)"},"& > *":{position:"relative",zIndex:1},"@media (prefers-reduced-motion: reduce)":{"&::before, &::after":{opacity:.4}}},children:[(0,w.jsxs)(a.m,{children:[(0,w.jsx)("title",{children:"Hugo. AI mock interviews, job search, resume review."}),(0,w.jsx)("meta",{name:"description",content:"Practise the interview before you take it. Hugo asks tough follow-ups, scores your answer, and tells you exactly what to fix. Plus live jobs from 54 ATS sites, company research, and a tracker. No card needed."}),(0,w.jsx)("meta",{name:"keywords",content:"AI mock interview, job search, ATS jobs, company research, resume review, interview tracker, JP Morgan HireVue, Goldman Sachs interview, McKinsey interview prep, AI interview coach, mock interview platform"}),(0,w.jsx)("meta",{name:"conversational-keywords",content:"how do I prepare for a job interview, what questions will they ask me, how to find jobs from real ATS platforms, AI company research, AI resume review, interview tracker"}),(0,w.jsx)("meta",{property:"og:title",content:"Hugo. AI mock interviews + job search."}),(0,w.jsx)("meta",{property:"og:description",content:"Practise interviews with real follow-ups. Find jobs from 54 ATS sites. Track every application."}),(0,w.jsx)("meta",{property:"og:type",content:"website"}),(0,w.jsx)("meta",{property:"og:url",content:"https://tryhugo.ai"}),(0,w.jsx)("meta",{property:"og:image",content:"/images/hugo-og.png"}),(0,w.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,w.jsx)("meta",{name:"twitter:title",content:"Hugo. AI mock interviews + job search."}),(0,w.jsx)("meta",{name:"twitter:description",content:"Practise interviews with real follow-ups. Find jobs from 54 ATS sites. Track every application. No card needed."}),(0,w.jsx)("meta",{name:"twitter:image",content:"/images/hugo-og.png"}),(0,w.jsx)("link",{rel:"canonical",href:"https://tryhugo.ai"}),(0,w.jsx)("link",{rel:"preload",href:"/images/logged_out/headsection_bg/headsection-bg-optimized.webp",as:"image"}),(0,w.jsx)("link",{rel:"dns-prefetch",href:"//fonts.googleapis.com"}),(0,w.jsx)("link",{rel:"preconnect",href:"https://fonts.gstatic.com",crossOrigin:"anonymous"}),(0,w.jsx)("link",{rel:"preload",href:"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",as:"style",onLoad:"this.onload=null;this.rel='stylesheet'"}),(0,w.jsx)("noscript",{children:'<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" />'}),(0,w.jsx)("script",{type:"application/ld+json",children:JSON.stringify({"@context":"https://schema.org","@type":"Service",name:"Hugo. AI interview prep and job search.",description:"Practise mock interviews with real follow-ups. Find jobs from 54 ATS sites. Research the firms you're chasing. Track every application.",provider:{"@type":"Organization",name:"Hugo",url:"https://tryhugo.ai",logo:"https://tryhugo.ai/images/hugo-og.png"},serviceType:"Interview & Job Search Platform",audience:{"@type":"Audience",audienceType:"Job seekers worldwide"},offers:{"@type":"Offer",url:"https://tryhugo.ai/auth/register",priceCurrency:"GBP",price:"30",availability:"https://schema.org/InStock"}})})]}),(0,w.jsx)("style",{children:"\n #safari-banner {\n font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n color: #fff;
1\n background-color: #6C5CE7;\n text-align: center;\n padding: 15px 0;\n font-weight: 700;\n font-size: 1.2em;\n position: fixed;\n width: 100%;\n top: 0;\n left: 0;\n z-index: 1000;\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n display: ".concat(c?"block":"none",";\n }\n\n /* Smooth scrolling for the entire page */\n html {\n scroll-behavior: smooth;\n }\n ")}),(0,w.jsx)("div",{id:"safari-banner",style:{display:c?"block":"none"},children:(0,w.jsx)("p",{children:"Heads up. Our platform isn't ready for Safari just yet. For the best experience, please switch to Google Chrome."})}),(0,w.jsx)(R,{themeMode:!0,userLoggedIn:n}),(0,w.jsxs)(s.Suspense,{fallback:(0,w.jsx)("div",{style:{height:"200px",background:"transparent"}}),children:[(0,w.jsx)(je,{}),(0,w.jsx)(T,{delay:40,children:(0,w.jsx)(i.A,{component:"div",sx:{bgcolor:f.tokens.colorRoles.light.bg,display:"flex",justifyContent:"center",paddingBottom:{xs:"".concat(f.tokens.space[8],"px"),md:"".concat(f.tokens.space[10],"px")}},children:(0,w.jsxs)(r.A,{variant:"text",onClick:()=>{n&&n.logged?window.location.href="/c/dashboard":window.location.href="/auth/register"},sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.base,fontWeight:f.tokens.fontWeight.medium,color:f.tokens.colorRoles.light.textSecondary,textTransform:"none",letterSpacing:f.tokens.letterSpacing.tight,padding:"".concat(f.tokens.space[2],"px ").concat(f.tokens.space[3],"px"),borderRadius:"".concat(f.tokens.radius.sm,"px"),"&:hover":{background:"transparent",color:f.tokens.palette.brand[700]},"& .cta-arrow":{display:"inline-block",marginLeft:"6px",transition:"transform ".concat(f.tokens.duration.fast," ").concat(f.tokens.easing.standard)},"&:hover .cta-arrow":{transform:"translateX(4px)"}},children:["Ready when you are."," ",(0,w.jsx)(i.A,{component:"span",sx:{fontFamily:f.tokens.fontFamily.serif,fontStyle:"italic",color:f.tokens.palette.brand[700],marginLeft:"4px"},children:"Try Hugo free"}),(0,w.jsx)("span",{className:"cta-arrow","aria-hidden":"true",children:"\u2192"})]})})}),(0,w.jsx)(T,{delay:60,children:(0,w.jsx)(Fe,{})}),(0,w.jsx)(T,{delay:60,children:(0,w.jsx)(Re,{userLoggedIn:n})})]}),p&&(0,w.jsx)(i.A,{sx:{position:"fixed",bottom:{xs:"20px",md:"28px"},left:{xs:"20px",md:"28px"},zIndex:f.tokens.zIndex.sticky,animation:"".concat(ve," 420ms ").concat(f.tokens.easing.standard," both"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}},children:(0,w.jsx)(r.A,{variant:"contained",size:"medium",onClick:()=>{if(n&&n.logged)try{const e=localStorage.getItem("jwtToken");if(!e)return alert("Your session has expired. Please log in again."),localStorage.removeItem("jwtToken"),localStorage.removeItem("email"),void window.location.reload();o(87070)(e),window.location.href="/c/dashboard"}catch(e){console.error("Invalid JWT token:",e),alert("Your session has expired. Please log in again."),localStorage.removeItem("jwtToken"),localStorage.removeItem("email"),window.location.reload()}else window.location.href="/auth/register"},sx:{fontFamily:f.tokens.fontFamily.sans,fontSize:f.tokens.fontSize.sm,fontWeight:f.tokens.fontWeight.semibold,letterSpacing:f.tokens.letterSpacing.tight,boxShadow:f.tokens.elevation.lg},children:n&&n.logged?"Go to dashboard":"Try Hugo free"})})]})})}},26372:(e,t,o)=>{o.d(t,{A:()=>s});var n=o(65043);function s(e){let{active:t,duration:o=1100,startDelay:s=0}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const[a,i]=(0,n.useState)(0);return(0,n.useEffect)((()=>{if(!t)return;if("undefined"!==typeof window&&window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)return void i(e);let n,a,r=0;const l=t=>{r||(r=t);const s=t-r,a=Math.min(1,s/o);var c;i(e*(c=a,1-Math.pow(1-c,3))),a<1&&(n=requestAnimationFrame(l))};return a=setTimeout((()=>{n=requestAnimationFrame(l)}),s),()=>{cancelAnimationFrame(n),clearTimeout(a)}}),[t,e,o,s]),a}},79947:(e,t,o)=>{o.d(t,{O:()=>s});var n=o(89379);async function s(e){let{body:t,signal:o,on:s={},method:a="POST"}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i="undefined"!==typeof localStorage?localStorage.getItem("jwtToken"):null,r=i?i.startsWith("Bearer ")?i:"Bearer ".concat(i):null,l=String(a).toUpperCase(),c="GET"!==l&&"HEAD"!==l,d=await fetch(e,{method:l,headers:(0,n.A)((0,n.A)({Accept:"text/event-stream"},c?{"Content-Type":"application/json"}:{}),r?{Authorization:r}:{}),body:c?JSON.stringify(t||{}):void 0,signal:o});if(!d.ok||!d.body){const e=await d.text().catch((()=>""));throw new Error("Stream request failed (".concat(d.status,"): ").concat(e))}const p=d.body.getReader(),x=new TextDecoder("utf-8");let m="",g=null,f=null;const h=e=>{let t="message";const o=[];for(const s of e.split("\n"))s.startsWith("event: ")?t=s.slice(7).trim():s.startsWith("data: ")&&o.push(s.slice(6));if(!o.length)return;let n;try{n=JSON.parse(o.join("\n"))}catch(i){return}"done"===t?g=n:"error"===t&&(f=n);const a=s[t];if("function"===typeof a)try{a(n)}catch(r){console.warn("streamSSE ".concat(t," handler threw:"),r.message)}};for(;;){const{value:e,done:t}=await p.read();if(t)break;let o;for(m+=x.decode(e,{stream:!0});-1!==(o=m.indexOf("\n\n"));){const e=m.slice(0,o);m=m.slice(o+2),h(e)}}return m.trim()&&h(m.trim()),{result:g,error:f}}}}]); 2//# sourceMappingURL=4377.d626d81f.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.