*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg-deep);scrollbar-color:var(--panel-line) transparent}body{min-height:100svh;color:var(--ink);font-family:var(--font);font-weight:var(--weight-text);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.5;overflow-x:clip}body:before{content:"";z-index:-1;background:var(--page-bg);position:fixed;inset:0}h1,h2,h3,p,ol,ul{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}.skip{z-index:100;background:var(--ink);color:var(--bg-deep);border-radius:var(--radius);padding:12px 16px;position:fixed;top:-80px;left:12px}.skip:focus{top:12px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{background:var(--accent);min-height:48px;color:var(--on-accent);border-radius:var(--radius);justify-content:center;align-items:center;padding:12px 22px;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-flex}.btn:hover{background:var(--ink)}.ph{color:var(--muted);letter-spacing:.02em;vertical-align:middle;border:1px dashed;border-radius:3px;padding:1px 7px;font-size:.75rem;font-weight:400;line-height:1.5;display:inline-block}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/kalam-latin-400-normal.BthBl_aR.woff2)format("woff2"),url(/_astro/kalam-latin-400-normal.Bl-H2BUA.woff)format("woff")}:root{--desk:#e4e7eb;--board:#f4f6f8;--sheet-paper:#fdfdfc;--night:#fbfcfd;--on-night:#0d1440;--muted-night:#454d68;--accent-night:#2438e0;--bg-deep:var(--desk);--page-bg:var(--desk);--panel:#fff;--panel-line:#0d144029;--header-bg:linear-gradient(var(--desk) 76%, #e4e7eb00);--copy-scrim:linear-gradient(var(--desk) calc(100% - 8px), #e4e7eb00);--ink:#0d1440;--muted:#454d68;--accent:#2438e0;--on-accent:#fff;--strand-dim:var(--accent);--strand-1:#2438e0;--strand-2:#2438e0;--strand-3:#2438e0;--strand-4:#2438e0;--strand-5:#2438e0;--font:"Bricolage Grotesque Variable", Arial, sans-serif;--font-hand:"Kalam", "Segoe Print", cursive;--weight-display:500;--weight-text:400;--tracking-display:-.03em;--radius:6px;--link-glow:none;--cta-glow:none;--brand-bg:transparent;--brand-line:transparent;--ease:cubic-bezier(.22, 1, .36, 1)}.btn{transition:background-color .16s var(--ease), transform .12s var(--ease)}.btn:active{transform:scale(.98)}main .hero{padding:80px clamp(16px,3vw,32px) 0}main .hero .side{margin-top:clamp(20px,3vh,32px)}main .hero .actions{gap:8px 20px;margin-top:20px}main .hero .mark{margin-top:12px}main .step .copy .title{letter-spacing:-.02em;margin-top:8px}main .step .copy .text{margin-top:12px}main .gain .title{letter-spacing:-.02em;margin-top:8px}main .gain .text{margin-top:12px}main .gain .sliders{gap:24px;margin-top:32px}main .gain .field{gap:4px 12px}main .gain .results{gap:8px;padding:0 16px}main .gain .link,main .gain .fil{background:var(--accent);border-radius:0;width:2px}main .gain .fil{margin-top:16px}main .gain .cta{padding:16px 32px;font-size:1.125rem}main .gain .alt{margin-top:16px;padding:0 16px}@media (width>=1024px){main .gain .link{background:var(--accent);width:clamp(40px,6vw,96px);height:2px}}@media (prefers-reduced-motion:no-preference) and (height>=520px){.js main .step .copy{padding:0 16px 12px;top:64px}@media (width>=1024px){.js main .step .copy{margin-left:clamp(16px,3vw,44px);padding:0;top:calc(50svh - 148px)}}}.hero-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (width<=1023.98px){.hero-art{--pad:clamp(16px, 3vw, 32px);width:calc(100% + 2 * var(--pad));height:auto;margin:12px calc(-1 * var(--pad)) 0;flex:1 0 24svh;order:1;position:relative;inset:auto}}.track{display:none}@media (prefers-reduced-motion:no-preference) and (height>=520px){.js .track{pointer-events:none;z-index:0;display:block;position:absolute;inset:0;overflow:clip}.js .stage{height:100svh;position:sticky;top:0;overflow:hidden}}.canvas{width:100%;height:100%;position:absolute;inset:0}.world{visibility:hidden;will-change:transform;position:absolute;inset:0}.world[data-ready]{visibility:visible}.world>*{position:absolute;top:0;left:0}.tile{width:var(--t,48px);will-change:transform}.tile__in{width:var(--t,48px);height:var(--t,48px);font-size:calc(var(--t,48px) * .4);place-items:center;display:grid;position:relative}.tile__edge{opacity:0;position:absolute;inset:-1px}.tile__name{width:max-content;max-width:calc(var(--t,48px) + 24px);text-align:center;opacity:0;font-size:.75rem;line-height:1.15;display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.lamp{display:none}.slot{width:var(--t,48px);height:var(--t,48px);font-size:calc(var(--t,48px) * .4);place-items:center;line-height:1;display:grid}.world .note{white-space:nowrap;line-height:1}.note__strike{transform-origin:0;height:2px;position:absolute;top:50%;left:-2%;right:-2%;transform:scaleX(0)rotate(-1deg)}.clabel{white-space:nowrap;font-size:.875rem}.corelabel{text-align:center;font-size:.875rem;line-height:1.25}.row{align-content:center;gap:2px;display:grid;overflow:hidden}.row__k{font-size:.8125rem;line-height:1.2}.row__v{align-items:center;gap:8px;font-size:1rem;line-height:1.2;display:flex}.row__d{color:var(--muted);font-size:.875rem;line-height:1.25}.row__tool{flex:none;place-items:center;width:1.5em;height:1.5em;font-size:.875rem;display:inline-grid}.lane{align-content:start;gap:4px;padding:12px 16px;display:grid}.lane__name{font-size:1.0625rem;font-weight:500;line-height:1.15}.lane__when{color:var(--muted);font-size:.9375rem;line-height:1.25}.lane__then{font-size:.9375rem;line-height:1.25}.lane__actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.pill{padding:2px 12px;font-size:.875rem;line-height:1.4}@media (width>=1024px){.tile__name{display:block}.row__k{font-size:.875rem}.row__v{font-size:1.125rem}.row__d{font-size:.9375rem}}@media (width<=767.98px){.row__d{display:none}.row__v{font-size:.9375rem}.lane{padding:8px}.lane__name{font-size:.9375rem}.lane__when,.lane__then{font-size:.8125rem}.corelabel{font-size:.75rem}.clabel{font-size:.8125rem}}.btn:hover{background:var(--ink);color:var(--on-accent)}.step--centralisation,.step--workflow,.step--levels,.gain,.footer,.corelabel,.row,.lane,html[data-night] .header,html[data-night] .rail{--ink:var(--on-night);--muted:var(--muted-night);--accent:var(--accent-night);--on-accent:var(--night);--panel:#182050;--panel-line:#f3f5ff2e;--bg-deep:var(--night);--strand-1:var(--accent-night);--strand-2:var(--accent-night);--strand-3:var(--accent-night);--strand-4:var(--accent-night);--strand-5:var(--accent-night);color:var(--ink)}html[data-night] .header{--header-bg:linear-gradient(var(--night) 76%, #0d144000)}html[data-night] .brand .ph{color:var(--muted)}.gain,.footer{background:var(--night)}.step--onboarding{--copy-scrim:linear-gradient(var(--board) calc(100% - 8px), #f4f6f800)}.step--onboarding{background:var(--board);box-shadow:0 0 0 100vmax var(--board);clip-path:inset(0 -100vmax)}.step--centralisation,.step--workflow,.step--levels{background:var(--night);box-shadow:0 0 0 100vmax var(--night);clip-path:inset(0 -100vmax)}html:not(.js) .rail{background:var(--board);border-radius:var(--radius)}.stage .world{z-index:1}.stage .canvas{z-index:2}.stage .world .note{z-index:3}.phase{position:absolute;inset:0}.phase--board{background-color:var(--board);background-image:radial-gradient(#0d14401a 1px,#0000 1.5px);background-size:24px 24px}.phase--night{background:var(--night)}@media (prefers-reduced-motion:no-preference) and (height>=520px){.js .step--onboarding,.js .step--centralisation,.js .step--workflow,.js .step--levels{box-shadow:none;clip-path:none;background:0 0}.js .phase--board,.js .phase--night{opacity:0}}main .hero .title{font-size:clamp(2.5rem,min(5.1vw,12vh),6.5rem)}main .hero .title__a{width:fit-content;color:var(--accent);font-family:var(--font-hand);letter-spacing:0;transform-origin:0 100%;font-size:.82em;font-weight:400;line-height:1.1;display:block;transform:rotate(-1deg)}main .hero .title__b{margin-top:4px;display:inline-block}main .hero .side{max-width:30rem}main .hero .lead{color:var(--ink)}main .step--chaos .copy .title,main .step--onboarding .copy .title{font-family:var(--font-hand);letter-spacing:0;font-size:clamp(1.75rem,3.4vw,3.125rem);font-weight:400;line-height:1.15}main .step .copy .text,main .gain .text{color:var(--muted)}.sheet{width:var(--sheet,132px);height:calc(var(--sheet,132px) * 1.414);font-size:calc(var(--sheet,132px) / 10);transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.sheet__tilt{transform-style:preserve-3d;position:absolute;inset:0}.face,.flap{background:var(--sheet-paper);position:absolute;left:0;right:0;box-shadow:0 0 0 .5px #0d14401a}.face{background:linear-gradient(165deg,#fff 40%,#f5f6f7);height:10em;top:0;overflow:hidden;box-shadow:0 0 0 .5px #0d14401a,0 1em 2.4em -.6em #0d144047}.flap{transform-origin:50% 0;background:var(--sheet-paper);height:4.14em;padding:.3em .8em;top:10em;overflow:hidden;box-shadow:0 0 0 .5px #0d14401a,0 1.2em 2.4em -.8em #0d144047}.flap__shade{opacity:.4;background:linear-gradient(#0d144057,#0d14400d 70%,#0d144005);position:absolute;inset:0}.sheet__logo{object-fit:contain;transform-origin:0 0;width:2.4em;height:2.4em;position:absolute;top:.8em;left:.8em}.print{position:absolute;inset:0}.sheet__name{color:var(--ink);font-size:.8em;font-weight:500;line-height:1.15;position:absolute;top:1.45em;left:4.6em;right:.6em}.doc{gap:.48em;display:grid}.print .doc{position:absolute;top:4.2em;left:.8em;right:.8em}.doc i{background:#0d144029;height:.26em;display:block}.doc i:first-child{width:92%}.doc i:nth-child(2){width:78%}.doc i:nth-child(3){width:86%}.doc i:nth-child(4){width:60%}.doc i:nth-child(5){width:72%}.doc--3 i:first-child{background:#0d144057;width:46%;height:.48em}.doc--3 i:nth-child(5){background:#0d144057;width:30%;height:.48em;margin-left:auto}.doc--1 i:first-child{width:34%}.doc--1 i:nth-child(2){width:100%;height:1px;margin-block:.1em}.doc--2{gap:.6em}.doc--2 i{height:1px;width:100%!important}.pen{width:62%;height:2.4em;position:absolute;top:3.6em;left:.5em;right:.8em;overflow:visible}.pen path{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.desk__line{width:100%;height:100%;position:absolute;inset:0}.desk__line path{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.pile{perspective:1400px;width:42%;height:78%;position:absolute;top:11%;left:54%}.pile__item{left:var(--x);top:var(--y);transform:rotate(var(--rot));--sheet:min(13.5vw, 24vh);position:absolute}.pile__item .sheet__tilt{transform:rotateX(var(--rx)) rotateY(var(--ry))}.pile__item .flap{transform:rotateX(var(--fold))}@media (width<=1023.98px){.pile{width:88%;height:86%;top:2%;left:6%}.pile__item{--sheet:min(25vw, 14svh)}}.tile__in{border-radius:var(--radius);color:var(--night);background:#fff;box-shadow:0 0 0 .5px #0d14401a,0 1px 2px #0d14401a,0 8px 16px -6px #0d144033}.tile__edge{display:none}.tile__in .lamp{aspect-ratio:1;background:var(--accent);border-radius:50%;width:max(5px,10%);display:block;position:absolute;top:8%;right:8%}.tile__name{max-width:calc(var(--t,48px) + 8px);color:var(--ink);font-family:var(--font-hand);font-size:.8125rem}.slot{border-radius:var(--radius);color:var(--muted);font-family:var(--font-hand);border:1.5px dashed #0d144052}.clabel{color:var(--ink);font-family:var(--font-hand);font-size:1rem}.world .note{background:var(--sheet-paper);color:var(--accent);font-family:var(--font-hand);padding:4px 8px;font-size:1.0625rem;box-shadow:0 0 0 .5px #0d14401a,0 6px 12px -6px #0d14404d}.world .note:nth-of-type(odd){rotate:-3deg}.world .note:nth-of-type(2n){rotate:2deg}.note__strike{background:var(--accent);border-radius:2px;height:2px}.corelabel{background:var(--panel);border:1px solid var(--panel-line);border-radius:var(--radius);place-items:center;padding:4px 8px;font-weight:500;display:grid}.row{border-bottom:1px solid var(--panel-line);padding:4px 8px 4px 16px}.row__k{color:var(--accent)}.row__tool{background:#fff;border-radius:4px;width:1.5rem;height:1.5rem}.row__tool .tool-logo{width:72%;height:72%}.lane{background:var(--panel);border-radius:var(--radius)}.lane--auto{border:1px solid var(--accent-night)}.lane--human{border:1px dashed var(--accent-night)}.lane__name,.lane__then{color:var(--ink)}.pill{border:1px solid var(--panel-line);color:var(--ink);border-radius:4px}.pill--go{background:var(--accent-night);border-color:var(--accent-night);color:var(--night)}main .gain .value{font-variant-numeric:tabular-nums;font-weight:500}@media (width<=767.98px){.clabel{font-size:.875rem}.world .note{font-size:.9375rem}.corelabel{padding:2px;font-size:.6875rem;line-height:1.15}.pill{padding:0 8px;font-size:.8125rem}}.corelabel{background:var(--night);white-space:nowrap;border:0;border-radius:4px;padding:2px 8px}@media (width<=767.98px){.corelabel{padding:0 4px}}.step--centralisation,.step--workflow,.step--levels,.gain,.footer,.corelabel,.row,.lane,html[data-night] .header,html[data-night] .rail{--panel:#fff;--panel-line:#0d144029}.header{--header-c:var(--desk)}html[data-board] .header{--header-c:var(--board)}html[data-night] .header{--header-c:var(--night)}html .header,html[data-night] .header{--header-bg:linear-gradient(var(--header-c) 76%, transparent)}.step--centralisation,.step--workflow,.step--levels{--copy-scrim:linear-gradient(var(--night) calc(100% - 8px), #fbfcfd00)}.tile__in{box-shadow:0 0 0 1px #0d14401a,0 4px 12px -4px #0d144038}.row__tool{box-shadow:0 0 0 1px #0d14401f}
