.home{max-width:1440px;margin:auto}.home .home-hero{isolation:isolate;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:2%;min-height:max(720px,100svh - 94px);padding:40px 5%;display:grid;position:relative}.home .home-hero:before{content:"";z-index:-2;aspect-ratio:1;opacity:.08;pointer-events:none;background:url(/brand/supinia-symbol.png) 50%/contain no-repeat;width:min(960px,92vw);position:absolute;top:52%;left:28%;transform:translateY(-50%)}.home .home-hero h1{white-space:normal;font-size:clamp(64px,7.3vw,124px);line-height:.88;animation:.9s cubic-bezier(.16,1,.3,1) both home-title}.home .home-hero h1 span{background:var(--ia-grad-text);color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text;padding-right:.08em}.home-hero-copy>.jr-kicker{animation:.6s cubic-bezier(.2,.9,.2,1) both home-rise}.home-hero-copy>.jr-lead,.home-hero-copy>.jr-actions,.home-hero-copy>.jr-footnote{animation:.7s cubic-bezier(.2,.9,.2,1) .45s both home-rise}.home-hero-copy>.jr-actions{animation-delay:.55s}.home-hero-copy>.jr-footnote{animation-delay:.65s}.home-hero-copy .jr-lead{margin-top:28px}.home-scene{isolation:isolate;height:700px;position:relative}.home-scene-glow{z-index:-1;background:radial-gradient(at 50% 62%,#6d28d966 0%,#a21caf1f 40%,#0b0b0d00 70%);border-radius:50%;animation:1s both home-fade;position:absolute;inset:40px 0 60px}.home-scene-phone{width:290px;position:absolute;top:40px}.home-scene-phone span{text-align:center;color:var(--muted);font-size:12px;font-weight:600;position:absolute;top:-30px;left:0;right:0}.home-scene-student{animation:.9s cubic-bezier(.2,.9,.2,1) .1s both home-left;left:6%;transform:rotate(-6deg)}.home-scene-trainer{animation:.9s cubic-bezier(.2,.9,.2,1) .2s both home-right;top:60px;right:4%;transform:rotate(5deg)}.home-scene-fito{filter:drop-shadow(0 26px 26px #000000a6);width:440px;max-width:none;height:auto;animation:1s cubic-bezier(.16,1,.3,1) .35s both home-fito;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}@keyframes home-title{0%{opacity:0;clip-path:inset(-20% 100% -20% -10%);transform:translate(-24px)}to{opacity:1;clip-path:inset(-20% -10%);transform:none}}@keyframes home-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes home-fade{0%{opacity:0}to{opacity:1}}@keyframes home-left{0%{opacity:0;transform:translate(-30px)rotate(0)}to{opacity:1;transform:translate(0)rotate(-6deg)}}@keyframes home-right{0%{opacity:0;transform:translate(30px)rotate(0)}to{opacity:1;transform:translate(0)rotate(5deg)}}@keyframes home-fito{0%{opacity:0;transform:translate(-50%)translateY(40px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.home-paths{padding:90px 5% 40px}.home-path-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.home-path{border:1px solid var(--line);min-height:560px;color:inherit;border-radius:3px;grid-template-columns:minmax(0,1fr) 250px;align-items:end;gap:24px;padding:44px 40px 40px;transition:transform .25s,border-color .25s,box-shadow .25s;display:grid;overflow:hidden}.home-path:hover,.home-path:focus-visible{border-color:var(--red);box-shadow:inset 0 4px 0 var(--red);transform:translateY(-4px)}.home-path-student{background:var(--surface)}.home-path-trainer{background:var(--paper-2)}.home-path-copy{padding-bottom:44px}.home-path-tag{color:#fff;background:var(--red);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.home .home-path h3{font-family:var(--font-display);margin-top:20px;font-size:clamp(36px,3.4vw,48px);font-style:italic;font-weight:400;line-height:1}.home-path ul{margin:22px 0 26px;padding:0;list-style:none}.home-path li{color:var(--jr-muted);border-top:1px solid var(--line);padding:9px 0 9px 22px;font-size:15px;line-height:1.6;position:relative}.home-path li:before{content:"";background:var(--red);width:10px;height:4px;transform:skewX(var(--slant));position:absolute;top:19px;left:1px}.home-path-screen{align-self:end;width:250px}.home-academy{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:3px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:40px;margin-top:28px;padding:40px;transition:transform .25s,border-color .25s,box-shadow .25s;display:grid;overflow:hidden}.home-academy:hover,.home-academy:focus-visible{border-color:var(--red);box-shadow:inset 0 4px 0 var(--red);transform:translateY(-4px)}.home-academy-copy{padding:4px 0}.home .home-academy h3{font-family:var(--font-display);margin-top:20px;font-size:clamp(36px,3.4vw,48px);font-style:italic;font-weight:400;line-height:1}.home-academy-copy p{color:var(--jr-muted);max-width:440px;margin:18px 0 22px;font-size:15px;line-height:1.75}.home-academy-shot{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:4px;align-self:center;overflow:hidden}.home-academy-shot img{width:100%;height:auto;display:block}.home-hero-copy .jr-footnote a,.home-closing .jr-footnote a{text-underline-offset:3px;text-decoration:underline}.home-connect{background:var(--surface);color:var(--ink);clip-path:var(--cut);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:5%;margin:50px 5% 0;padding:76px 5% 64px;display:grid}.home-connect .jr-kicker{color:var(--jr-red)}.home-connect h2{font-size:clamp(42px,4.4vw,64px);line-height:.98}.home-connect .jr-lead{color:var(--ink-2);margin-top:24px}.home-connect-stage{justify-content:center;align-items:flex-start;gap:24px;display:flex}.home-connect-phone{width:280px;margin:0}.home-connect-phone .jr-device{border-color:#26252b}.home-connect-phone figcaption{color:var(--muted);text-align:center;margin-top:14px;font-size:12px}.home-connect-phone:first-child{transform:rotate(-4deg)translateY(30px)}.home-connect-phone:last-child{transform:rotate(3deg)translateY(-20px)}.home-connect .jr-journey{border-top-color:var(--line-strong);grid-column:1/-1}.home-connect .jr-journey-steps li:not(.is-you){border-top-color:var(--line-strong)}.home-connect .jr-journey-steps li:not(.is-you):before{background:var(--line-strong);color:#fff}.home-connect .jr-journey-steps strong{color:var(--ink)}.home-connect .jr-journey-who,.home-connect .jr-journey-steps small{color:var(--muted)}.home-connect .jr-journey-fito{color:var(--ink-2)}.home-fito{background:var(--fito-glow),var(--paper-2);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:5%;margin-top:80px;padding:90px 5%;display:grid}.home-fito-figure{text-align:center;margin:0;position:relative}.home-fito-figure:before{content:"";background:radial-gradient(circle,#6d28d959 0%,#6d28d900 70%);border-radius:50%;position:absolute;inset:8% 10%}.home-fito-figure img{filter:drop-shadow(0 24px 26px #000000a6);width:420px;max-width:100%;height:auto;margin:auto;position:relative}.home-fito h2{font-size:clamp(46px,4.8vw,70px);line-height:.96}.home-fito .jr-lead{color:var(--ink-2);margin-top:24px}.home-fito-asks{flex-direction:column;gap:10px;max-width:480px;margin:26px 0 24px;display:flex}.home-fito-asks .jr-bubble{margin-left:0;font-size:15px;animation:none}.home-fito-ask-trainer{border-left:3px solid var(--jr-purple);margin-left:40px!important}.home-closing{grid-template-columns:minmax(0,1.3fr) 400px;align-items:center;gap:6%;padding:60px 5% 90px;display:grid}.home-closing h2{font-size:clamp(52px,5.6vw,84px)}.home-closing .jr-lead{margin-top:24px}.home-closing-fito{filter:drop-shadow(0 24px 26px #000000a6);justify-self:end;width:400px;height:auto}@media (min-width:761px) and (max-width:1100px){.home .home-hero{gap:2%;min-height:0;padding-top:40px}.home .home-hero h1{font-size:58px}.home-scene{height:600px}.home-scene-phone{width:230px}.home-scene-fito{width:340px}.home-paths{padding:60px 5% 30px}.home-path-grid{grid-template-columns:1fr}.home-path{min-height:0}.home-academy{grid-template-columns:1fr;gap:10px}.home-academy-copy{padding:0}.home-connect{grid-template-columns:1fr;margin-top:30px;padding:50px 5% 40px}.home-connect-phone{width:230px}.home-fito{gap:3%;padding:60px 5%}.home-fito-figure img{width:320px}.home-fito h2{font-size:48px}.home-closing{grid-template-columns:minmax(0,1fr) 300px}.home-closing-fito{width:300px}}@media (max-width:760px){.home .home-hero{grid-template-columns:1fr;gap:26px;min-height:0;padding:34px 6% 10px}.home .home-hero h1{font-size:clamp(52px,15.5vw,80px)}.home-hero-copy .jr-lead{margin-top:22px}.home-scene{width:100%;max-width:420px;height:520px;margin:0 auto}.home-scene-phone{width:190px;top:0}.home-scene-student{left:-6%}.home-scene-trainer{top:30px;right:-6%}.home-scene-phone span{font-size:11px}.home-scene-fito{width:250px;bottom:-10px}.home-paths{padding:48px 6% 20px}.home-path-grid{grid-template-columns:1fr;gap:18px}.home-path{grid-template-columns:1fr;gap:10px;min-height:0;padding:28px 22px 32px}.home-path-copy{padding-bottom:6px}.home .home-path h3{font-size:34px}.home-path li{font-size:14px}.home-path-screen{width:230px;margin:14px auto 0}.home-academy{grid-template-columns:1fr;gap:24px;margin-top:18px;padding:28px 22px}.home-academy-copy{padding:0}.home .home-academy h3{font-size:34px}.home-academy-copy p{font-size:14px}.home-connect{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 84px,100% 100%,18px 100%,0 calc(100% - 84px));margin:30px 0 0;padding:52px 6% 44px;display:block}.home-connect h2{font-size:clamp(36px,9.6vw,48px)}.home-connect .jr-lead{font-size:14px}.home-connect-stage{align-items:flex-start;gap:12px;margin-top:30px}.home-connect-phone{width:50%;max-width:200px}.home-connect-phone:first-child{transform:rotate(-3deg)}.home-connect-phone:last-child{transform:rotate(3deg)translateY(30px)}.home-connect-phone figcaption{font-size:11px}.home-connect .jr-journey-steps li:not(.is-you){border-left-color:var(--line-strong)}.home-fito{margin-top:40px;padding:50px 6% 56px;display:block}.home-fito-figure{margin-bottom:26px}.home-fito-figure img{width:240px}.home-fito h2{font-size:clamp(40px,10.5vw,54px)}.home-fito .jr-lead{margin-top:20px;font-size:14px}.home-fito-asks .jr-bubble{font-size:13px}.home-fito-ask-trainer{margin-left:20px!important}.home-closing{grid-template-columns:1fr;gap:26px;padding:40px 6% 56px}.home-closing h2{font-size:clamp(46px,12vw,60px)}.home-closing .jr-lead{font-size:14px}.home-closing-fito{justify-self:end;width:240px}}
