.pin-rail{gap:16px;display:grid;position:relative}.pin-rail:before,.pin-rail:after{content:"";background:var(--pin);transform-origin:0 0;width:2px;position:absolute;top:16px;bottom:16px;left:15px}.pin-rail:before{opacity:.3}.pin-step{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:2px 14px;display:grid}.pin-stone{z-index:1;width:32px;height:32px;font:650 14px/1 var(--font-display);border-radius:50%;place-items:center;display:grid;position:relative}.pin-name{letter-spacing:-.02em}.pin-line{grid-column:2}@media (prefers-reduced-motion:no-preference){.pin-stone{animation:linear both pin-stone}.tl .pin-stone:before{content:"";z-index:-1;background:var(--pin-glow);border-radius:50%;animation:linear both pin-now;position:absolute;inset:-7px}.pin-name{animation:linear both pin-dim}.pin-line{animation:linear both pin-now}.pin-rail:after{animation:linear both pin-fill}html :is(.pin-stone,.pin-name,.pin-line),html .pin-stone:before,html .pin-rail:after{--at:var(--tl)}html :is(.pin-stone,.pin-name){--ar:var(--r) var(--b) var(--r) var(--c)}html .pin-line,html .pin-stone:before{--ar:var(--r) var(--b) var(--r) var(--n)}html .pin-rail:after{--ar:var(--r) 0% var(--r) var(--end)}@media (width<=1023.98px){.tl .pin-rail{grid-template-columns:repeat(var(--steps), minmax(0, 1fr))}.tl .pin-step{display:contents}.tl .pin-stone{grid-row:1}.tl .pin-name{grid-area:2/1/3/-1;animation-name:pin-now}.tl .pin-line{grid-area:3/1/4/-1}html .pin-name{--ar:var(--r) var(--b) var(--r) var(--n)}}}@keyframes pin-stone{0%{color:var(--pin);box-shadow:inset 0 0 0 2px var(--pin);background-color:#0000}}@keyframes pin-dim{0%{opacity:.7}}@keyframes pin-now{0%,to{opacity:0}12%,88%{opacity:1}}@keyframes pin-fill{0%{scale:1 0}}.home-plan{--pin:var(--mint);--pin-glow:#f4c95d59;--steps:7;padding-bottom:110px}.home-plan .label{color:var(--mint)}.scene-pin{gap:32px;display:grid}.scene-side .fmt-head{margin-bottom:32px}.home-plan .pin-stone{background:var(--gold);color:var(--carbon);box-shadow:inset 0 0 0 2px var(--carbon)}.home-plan .pin-step:last-child .pin-stone:after{content:"";background:currentColor;border-radius:2px;width:12px;height:10px}.home-plan .pin-name{font:600 18px/1.2 var(--font-display)}.home-plan .pin-line{color:var(--muted)}.map-note{display:none}@media (width>=900px){.home-plan{padding-bottom:140px}}@media (width>=1024px){.scene-pin{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:center;column-gap:48px}.map-note{z-index:1;width:max-content;max-width:calc(400 * var(--u));border-radius:var(--r-16);background:var(--paper);box-shadow:0 0 0 2px var(--carbon), 0 5px 0 #1111112e;color:var(--carbon);font:600 clamp(12px, 1.4cqi, 16px)/1.3 var(--font-sans);pointer-events:none;padding:10px 14px;position:absolute}.mn-switching{left:calc(300 * var(--u));top:calc(64 * var(--u))}.mn-trials{left:calc(440 * var(--u));top:calc(48 * var(--u))}.mn-timetable{left:calc(620 * var(--u));top:calc(470 * var(--u))}.mn-attendance{left:calc(700 * var(--u));top:calc(470 * var(--u))}.mn-invoicing{left:calc(720 * var(--u));top:calc(590 * var(--u))}.mn-payroll{left:calc(380 * var(--u));top:calc(800 * var(--u))}.mn-next{left:calc(150 * var(--u));top:calc(680 * var(--u))}}@media (width>=1100px){.scene-pin{grid-template-columns:clamp(220px,17vw,320px) minmax(0,1fr);column-gap:32px}}.home-plan{--tl:--scene;--r:contain;--end:86%}.home-plan .sk1,.home-plan .ms-switching{--a:0%;--b:8%;--c:10%;--n:21%}.home-plan .sk2,.home-plan .ms-trials{--a:8%;--b:21%;--c:23%;--n:34%}.home-plan .sk3,.home-plan .ms-timetable{--a:21%;--b:34%;--c:36%;--n:47%}.home-plan .sk4,.home-plan .ms-attendance{--a:34%;--b:47%;--c:49%;--n:60%}.home-plan .sk5,.home-plan .ms-invoicing{--a:47%;--b:60%;--c:62%;--n:73%}.home-plan .sk6,.home-plan .ms-payroll{--a:60%;--b:73%;--c:75%;--n:86%}.home-plan .sk7,.home-plan :is(.ms-customise,.ms-team,.ms-families,.ms-automations,.ms-today,.ms-centres){--a:73%;--b:86%;--c:88%;--n:100%}.home-plan .mb{--s:calc(var(--n) - var(--b))}@media (width<=1023.98px){.home-plan{--tl:--mapn;--r:cover;--end:70%}.home-plan .sk1,.home-plan .ms-switching{--a:20%;--b:25%;--c:27%;--n:32%}.home-plan .sk2,.home-plan .ms-trials{--a:25%;--b:32%;--c:34%;--n:38%}.home-plan .sk3,.home-plan .ms-timetable{--a:32%;--b:38%;--c:40%;--n:46%}.home-plan .sk4,.home-plan .ms-attendance{--a:38%;--b:46%;--c:48%;--n:53%}.home-plan .sk5,.home-plan .ms-invoicing{--a:46%;--b:53%;--c:55%;--n:56%}.home-plan .sk6,.home-plan .ms-payroll{--a:53%;--b:56%;--c:58%;--n:70%}.home-plan .sk7,.home-plan :is(.ms-customise,.ms-team,.ms-families,.ms-automations,.ms-today,.ms-centres){--a:56%;--b:70%;--c:72%;--n:100%}}:where(.home-plan .mb .mb){--o:initial;--dx:initial;--dy:initial;--sx:initial;--sy:initial}.mb-a{--t0:.25;--t1:.42}.mb-b{--t0:.45;--t1:.62}.mb-c{--t0:.66;--t1:.83}.home-plan .tree{transform-box:fill-box;transform-origin:50% 100%}.home-plan .cog{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.home-plan{timeline-scope:--mapn}.tl .home-plan .map-track{opacity:.3}.home-plan .map-seg>path{animation:linear both wk-draw}.home-plan .map-room{animation:linear both sc-lit}.home-plan .map-stop{animation:linear both pin-dim}.home-plan :is(.map-glow,.map-note){animation:linear both pin-now}.home-plan .map-note{animation-name:note-swap}.home-plan .mb{animation:linear both beat}.home-plan .tree{animation:ease-in-out 4 alternate sway}.home-plan .cog{animation:linear 3 turn}html .home-plan :is(.map-seg>path,.map-room,.map-stop,.map-glow,.map-note){--at:var(--tl)}html .home-plan .map-seg>path{--ar:var(--r) var(--a) var(--r) var(--b)}html .home-plan :is(.map-room,.map-stop){--ar:var(--r) var(--b) var(--r) var(--c)}html .home-plan :is(.map-glow,.map-note){--ar:var(--r) var(--b) var(--r) var(--n)}html .home-plan :is(.mb,.tree,.cog){--at:var(--tl)}html .home-plan .mb{--p0:calc(var(--b) + var(--s) * var(--t0));--p1:calc(var(--b) + var(--s) * var(--t1));--ar:var(--r) var(--p0) var(--r) var(--p1)}html .home-plan :is(.tree,.cog){--ar:var(--r) 0% var(--r) 100%}@media (width>=1024px){.tl .scene{--vt:--scene;height:407svh}.tl .scene-pin{align-content:center;height:100svh;position:sticky;top:0}.tl .scene-side{will-change:transform}.tl .scene .map{justify-self:end;width:min(100%,133.333svh - 64px)}.tl .home-plan .pin-line{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tl .map-note{display:block}}@media (width<=1023.98px){.home-plan .map-narrow{--vt:--mapn}.tl .home-plan .map-stop{scroll-margin-top:200px}.tl .scene-side{display:contents}.tl .home-plan .pin-rail{z-index:2;background:var(--field-bg);gap:6px 0;padding-block:12px 14px;position:sticky;top:0}.tl .home-plan .pin-rail:before,.tl .home-plan .pin-rail:after{width:auto;height:2px;inset:27px 7.14286% auto}.home-plan .pin-rail:after{animation-name:pin-fill-x}.tl .home-plan .pin-stone{justify-self:center}.tl .home-plan :is(.pin-name,.pin-line){text-align:center}}}@keyframes sc-lit{0%{opacity:.3}}@keyframes note-swap{0%{opacity:0;translate:0 12px}12%,88%{opacity:1;translate:none}to{opacity:0;translate:0 -12px}}@keyframes turn{to{rotate:1turn}}.hs-court{transform-box:view-box;transform-origin:200px 240px}.hs-sheet{transform-box:fill-box;transform-origin:50% 100%}@media (prefers-reduced-motion:no-preference){.hs-court{animation:linear both hs-near}.hs-sheet{--fan-k:.2;--fan-t:.8;--fan-lift:10px;animation:linear both deck-fan}.home-hero{--vt:--hero}html :is(.hs-court,.hs-sheet){--at:--hero;--ar:exit 0% exit 70%}}@keyframes hs-near{to{scale:1.2}}.wk-lot{visibility:hidden}.wk-fold{transform-box:fill-box;transform-origin:50% 100%}.wk-grow{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.tl .wk-scene{--vt:--wk;height:220svh}.tl .wk-pin{will-change:transform;align-content:center;min-height:100svh;display:grid;position:sticky;top:0}.tl .wk-icon{visibility:hidden}.tl .wk-lot{visibility:visible}.wk-go{animation-timing-function:linear;animation-fill-mode:both}.wk-hop{animation:linear both wk-hop}.wk-fold{will-change:transform;animation:linear both wk-fold}.wk-grow{animation:linear both wk-grow}:is(.wk-row,.wk-lot){animation:linear both beat}html :is(.wk-go,.wk-hop,.wk-fold,.wk-grow,.wk-row,.wk-lot){--at:--wk}html .wk-go.wk-d1{--ar:contain 6% contain 20%}html .wk-hop.wk-d1{--ar:contain 20% contain 24%}html .wk-grow.wk-d1{--ar:contain 6% contain 24%}html .wk-go.wk-d2{--ar:contain 10% contain 24%}html .wk-hop.wk-d2{--ar:contain 24% contain 28%}html .wk-grow.wk-d2{--ar:contain 10% contain 28%}html .wk-go.wk-d3{--ar:contain 14% contain 28%}html .wk-hop.wk-d3{--ar:contain 28% contain 32%}html .wk-grow.wk-d3{--ar:contain 14% contain 32%}html .wk-go.wk-d4{--ar:contain 18% contain 32%}html .wk-hop.wk-d4{--ar:contain 32% contain 36%}html .wk-grow.wk-d4{--ar:contain 18% contain 36%}html .wk-go.wk-d5{--ar:contain 22% contain 36%}html .wk-hop.wk-d5{--ar:contain 36% contain 40%}html .wk-grow.wk-d5{--ar:contain 22% contain 40%}html .wk-go.wk-p1{--ar:contain 42% contain 58%}html :is(.wk-hop,.wk-row).wk-p1{--ar:contain 58% contain 63%}html .wk-fold.wk-p1{--ar:contain 42% contain 63%}html .wk-lot.wk-p1{--ar:contain 42% contain 48%}html .wk-go.wk-p2{--ar:contain 48% contain 64%}html :is(.wk-hop,.wk-row).wk-p2{--ar:contain 64% contain 69%}html .wk-fold.wk-p2{--ar:contain 48% contain 69%}html .wk-lot.wk-p2{--ar:contain 48% contain 54%}html .wk-go.wk-p3{--ar:contain 54% contain 70%}html :is(.wk-hop,.wk-row).wk-p3{--ar:contain 70% contain 75%}html .wk-fold.wk-p3{--ar:contain 54% contain 75%}html .wk-lot.wk-p3{--ar:contain 54% contain 60%}.wk-art-wide .wk-go.wk-r1{animation-name:wk-w1}.wk-art-wide .wk-hop.wk-p1{--h0:752.7px 159px;--h1:822.7px 9px}.wk-art-wide .wk-go.wk-r2{animation-name:wk-w2}.wk-art-wide .wk-hop.wk-p2{--h0:468px 159px;--h1:538px 149px}.wk-art-wide .wk-go.wk-r3{animation-name:wk-w3}.wk-art-wide .wk-hop.wk-p3{--h0:168px 159px;--h1:238px 289px}.wk-art-wide .wk-hop.wk-d1{--h0:-182px 221px;--h1:0px 0px}.wk-art-wide .wk-hop.wk-d2{--h0:-182px 175px;--h1:0px 0px}.wk-art-wide .wk-hop.wk-d3{--h0:-182px 81px;--h1:0px 0px}.wk-art-wide .wk-hop.wk-d4{--h0:-182px 35px;--h1:0px 0px}.wk-art-wide .wk-hop.wk-d5{--h0:-182px -82px;--h1:0px 0px}.wk-art-wide .wk-fold{--k:.36}.wk-art-narrow .wk-go.wk-r1{animation-name:wk-n1}.wk-art-narrow .wk-hop.wk-p1{--h0:114.1px 277px;--h1:6.1px 439px;--hm:154.1px 367px;animation-name:wk-dock}.wk-art-narrow .wk-go.wk-r2{animation-name:wk-n2}.wk-art-narrow .wk-hop.wk-p2{--h0:0px 277px;--h1:-108px 517px;--hm:40px 367px;animation-name:wk-dock}.wk-art-narrow .wk-go.wk-r3{animation-name:wk-n3}.wk-art-narrow .wk-hop.wk-p3{--h0:-120px 277px;--h1:-228px 595px;--hm:-80px 367px;animation-name:wk-dock}.wk-art-narrow .wk-hop.wk-d1{--h0:9px -133px;--h1:0px 0px}.wk-art-narrow .wk-hop.wk-d2{--h0:-93px -133px;--h1:0px 0px}.wk-art-narrow .wk-hop.wk-d3{--h0:9px -211px;--h1:0px 0px}.wk-art-narrow .wk-hop.wk-d4{--h0:-93px -211px;--h1:0px 0px}.wk-art-narrow .wk-hop.wk-d5{--h0:9px -289px;--h1:0px 0px}.wk-art-narrow .wk-fold{--k:.56}}@keyframes wk-hop{0%{translate:var(--h0)}to{translate:var(--h1)}}@keyframes wk-dock{0%{translate:var(--h0)}35%{translate:var(--hm)}to{translate:var(--h1)}}@keyframes wk-fold{30%{scale:.62 .5}76%{scale:.5 .42}to{scale:var(--k)}}@keyframes wk-grow{0%{opacity:0;scale:.3}8%{opacity:1;scale:.55}78%{scale:.55}}@keyframes wk-w1{0%{translate:-752.7px -159px}5%{translate:-748.8px -109.4px}10%{translate:-737.4px -62.7px}15%{translate:-719.8px -18.8px}20%{translate:-695.9px 23.1px}25%{translate:-666px 61.1px}30%{translate:-630.4px 93.8px}35%{translate:-591.6px 118.3px}40%{translate:-545.7px 135.8px}45%{translate:-497.5px 143px}50%{translate:-450.8px 140.4px}55%{translate:-404.6px 131.2px}60%{translate:-357.6px 116.4px}65%{translate:-313.8px 97.6px}70%{translate:-272.1px 75.9px}75%{translate:-229.1px 52.3px}80%{translate:-185.8px 30.5px}85%{translate:-141.4px 13.5px}90%{translate:-94.1px 2.8px}95%{translate:-47.9px}to{translate:0}}@keyframes wk-w2{0%{translate:-468px -159px}5%{translate:-492.4px -118px}10%{translate:-531.8px -90.4px}15%{translate:-572.4px -65.1px}20%{translate:-610.1px -35.1px}25%{translate:-632.8px 6.8px}30%{translate:-621.2px 53px}35%{translate:-586.4px 86px}40%{translate:-542.8px 106.8px}45%{translate:-497.6px 119.2px}50%{translate:-448px 126.1px}55%{translate:-401.7px 127.4px}60%{translate:-353.1px 123.6px}65%{translate:-304.4px 113.7px}70%{translate:-260.7px 97.7px}75%{translate:-219.5px 71.3px}80%{translate:-183.4px 41.6px}85%{translate:-142.1px 16.8px}90%{translate:-95.6px 2.6px}95%{translate:-47.9px}to{translate:0}}@keyframes wk-w3{0%{translate:-168px -159px}5%{translate:-186.1px -128.8px}10%{translate:-219.5px -114px}15%{translate:-254.5px -103.9px}20%{translate:-288.5px -94.2px}25%{translate:-322.1px -81.1px}30%{translate:-352px -60.9px}35%{translate:-370.8px -30px}40%{translate:-373px 5.5px}45%{translate:-359.4px 37.8px}50%{translate:-332.8px 62.3px}55%{translate:-299.9px 77.5px}60%{translate:-263.4px 84.5px}65%{translate:-228.2px 84.2px}70%{translate:-193.2px 76.9px}75%{translate:-160.5px 62.3px}80%{translate:-131.8px 40.5px}85%{translate:-104px 17.4px}90%{translate:-72.1px .8px}95%{translate:-36px}to{translate:0}}@keyframes wk-n1{0%{translate:-114.1px -277px}5%{translate:-110.1px -256.5px}10%{translate:-99px -239px}15%{translate:-83.6px -224.9px}20%{translate:-67.1px -214.1px}25%{translate:-48.6px -204.4px}30%{translate:-28.9px -195.6px}35%{translate:-10.4px -188px}40%{translate:9.1px -180.1px}45%{translate:27.2px -172.4px}50%{translate:46.3px -162.7px}55%{translate:62.1px -150.9px}60%{translate:70.5px -132.1px}65%{translate:64.4px -113px}70%{translate:50.9px -97.5px}75%{translate:33.7px -86.6px}80%{translate:15.6px -76.3px}85%{translate:2.2px -61.4px}90%{translate:0 -41px}95%{translate:0 -20.5px}to{translate:0}}@keyframes wk-n2{0%{translate:0 -277px}5%{translate:-2.1px -259.8px}10%{translate:-8.2px -243.2px}15%{translate:-16.8px -228.9px}20%{translate:-27.2px -215.6px}25%{translate:-38.7px -203px}30%{translate:-50.9px -190.2px}35%{translate:-62.2px -177.7px}40%{translate:-72.6px -163.8px}45%{translate:-79.5px -148.7px}50%{translate:-80.7px -131.9px}55%{translate:-75.6px -115.6px}60%{translate:-65.2px -101.8px}65%{translate:-51.9px -91.7px}70%{translate:-36.8px -83.3px}75%{translate:-21.7px -75.5px}80%{translate:-7.7px -66.1px}85%{translate:0 -50.9px}90%{translate:0 -34.2px}95%{translate:0 -16.9px}to{translate:0}}@keyframes wk-n3{0%{translate:120px -277px}5%{translate:116.9px -256.9px}10%{translate:107.6px -238.8px}15%{translate:93.3px -223.7px}20%{translate:77.7px -212.6px}25%{translate:59.9px -202.9px}30%{translate:40.8px -194.5px}35%{translate:22.7px -187.3px}40%{translate:3.5px -180px}45%{translate:-14.6px -172.9px}50%{translate:-32.9px -164.4px}55%{translate:-49.7px -153.1px}60%{translate:-60px -136.4px}65%{translate:-57.3px -116.6px}70%{translate:-47.5px -99.4px}75%{translate:-32.5px -85.6px}80%{translate:-16px -74.3px}85%{translate:-2.2px -59.9px}90%{translate:0 -40.1px}95%{translate:0 -19.8px}to{translate:0}}.pm-1 svg{--o:1;--dx:-12px}.pm-3 svg{--o:1;--sx:0;transform-origin:0}@media (prefers-reduced-motion:no-preference){:is(.pm-1,.pm-3) svg{animation:linear both beat}.pm-2 svg{animation:linear both ding}html .home-promise:nth-child(2){--ar:entry 10% entry 70%}html .home-promise:nth-child(3){--ar:entry 20% entry 80%}html .home-promise-mark svg{--at:view();--ar:entry 100% cover 50%}}