@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6{margin:0}p,li,h1,h2,h3,h4{word-break:break-word}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-sans);text-rendering:optimizespeed;font-size:100%;line-height:1.5}img{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer}summary::-webkit-details-marker{display:none}summary::marker{content:""}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:initial}}dialog{border:0;padding:0}dialog:where(:focus-visible):focus{outline:0}dialog:where(:focus-visible):active{outline:0}}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--home-colour:var(--lightningcss-light,var(--colour-neutral-900))var(--lightningcss-dark,var(--colour-white));--home-bg:var(--lightningcss-light,var(--colour-neutral-300))var(--lightningcss-dark,var(--colour-neutral-1200));--section-bg:var(--lightningcss-light,var(--colour-white))var(--lightningcss-dark,var(--colour-neutral-1000));--shadow:var(--lightningcss-light,var(--colour-neutral-600))var(--lightningcss-dark,var(--colour-neutral-900))}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{gap:var(--space-x-small);background-color:var(--home-bg);color:var(--home-colour);flex-direction:column;display:flex}a{color:inherit;text-decoration:none}h2{font-size:clamp(var(--text-large), 4vw, var(--text-xx-large));font-weight:600;line-height:1.3}h3{font-size:var(--text-normal);font-weight:600}.btn{align-items:center;gap:var(--space-small);color:var(--colour-neutral-900);font-weight:600;font-size:var(--text-small);letter-spacing:1px;cursor:pointer;border:0;padding:12px 16px;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(130%)}.btn.default{background-color:var(--colour-neutral-400)}.btn.primary{background-color:var(--primary);color:var(--colour-white)}.btn.warning{background-color:var(--base-red);color:var(--colour-white)}header,section,footer{background-color:var(--section-bg)}header{justify-content:space-between;align-items:center;padding:16px 64px;display:flex}.header__start{align-items:center;gap:var(--space);display:flex}.app__logo{background-image:url(/assets/favicons/icon-76x76.png);background-position:50%;background-repeat:no-repeat;width:76px;height:76px}.app__name{font-size:var(--text-xx-large);color:var(--primary);font-weight:600}nav{align-items:center;gap:var(--space-medium);display:flex}nav a.nav-link{font-size:var(--text-small);color:var(--colour-neutral-700);font-weight:600}nav a.nav-link:hover{color:var(--home-colour)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 61px);padding:80px 40px;display:flex;position:relative;overflow:hidden}.hero h1{font-size:clamp(var(--text-xx-large), 7vw, var(--text-xxx-large));letter-spacing:-1.5px;font-weight:600;line-height:1.1}.hero h1 .accent{color:var(--primary)}.hero p{font-size:var(--text-normal);color:var(--colour-neutral-700);max-width:520px;line-height:1.75}.hero .hero-btns{gap:var(--space);flex-wrap:wrap;justify-content:center;display:flex}.hero-inner{z-index:1;align-items:center;gap:var(--space-x-large);flex-direction:column;max-width:780px;display:flex;position:relative}.hero-screen{width:90%;max-width:1000px;margin:60px auto 0}.screen-frame{box-shadow:0 40px 100px var(--shadow)}.screen-frame img{width:100%}.features{padding:100px 64px}.features-header{text-align:center;margin-bottom:64px}.features-header .section-label{font-size:var(--text-x-small);letter-spacing:2.5px;text-transform:uppercase;color:var(--primary);margin-bottom:12px;font-weight:600}.features-grid{gap:var(--space-x-small);background-color:var(--home-bg);grid-template-columns:repeat(3,1fr);padding:4px;display:grid;overflow:hidden}.feat-card{background:var(--section-bg);gap:var(--space-medium);flex-direction:column;padding:40px 36px;display:flex}.feat-card p{font-size:var(--text-small);color:var(--colour-neutral-700);line-height:1.7}.cta-section{text-align:center;align-items:center;gap:var(--space-x-large);flex-direction:column;padding:80px 64px;display:flex}.cta-section p{font-size:var(--text-small);color:var(--colour-neutral-700);max-width:400px;line-height:1.7}footer{font-size:var(--text-small);color:var(--colour-neutral-700);justify-content:space-between;align-items:center;padding:24px 64px;display:flex}footer a{color:var(--colour-neutral-700)}footer a:hover{color:var(--home-colour)}@media (max-width:800px){header{padding:14px 24px}.app__logo{background-image:url(/assets/favicons/icon-32x32.png);width:32px;height:32px}.app__name{display:none}.hero{min-height:auto;padding:60px 24px 48px}.features{padding:60px 24px}.features-grid{grid-template-columns:1fr}.cta-section{padding:60px 24px}footer{gap:var(--space-small);flex-direction:column;padding:20px 24px}}}@layer components,utilities;:root{--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xx-small:.65rem;--text-x-small:.75rem;--text-small:.85rem;--text-normal:1rem;--text-medium:1.25rem;--text-large:1.5rem;--text-x-large:2rem;--text-xx-large:2.5rem;--text-xxx-large:5rem;--space-none:0;--space-x-small:4px;--space-small:8px;--space:12px;--space-medium:16px;--space-large:20px;--space-x-large:24px;--colour-white:#fff;--colour-black:#000;--colour-neutral-200:#fafafa;--colour-neutral-300:#f5f5f5;--colour-neutral-400:#ededed;--colour-neutral-500:#d9d9d9;--colour-neutral-600:#cacfd2;--colour-neutral-700:#8c8c8c;--colour-neutral-800:#595959;--colour-neutral-900:#414141;--colour-neutral-1000:#262626;--colour-neutral-1100:#1f1f1f;--colour-neutral-1200:#141414;--colour-red-300:#f66;--colour-cyan-800:#066;--colour-cyan-700:#099;--colour-pink-500:#ff0080;--colour-fresh-blue-500:#08f;--colour-sunset-orange-600:#fa8b14;--colour-volcano-400:#ff9d70;--colour-sunrise-yellow-1000:#614700;--colour-lime-700:#7cb305;--colour-indigo-400:#b37feb;--base-colour:var(--colour-neutral-900);--base-grey:var(--colour-neutral-400);--base-red:var(--colour-red-300);--primary:var(--colour-fresh-blue-500);--bg:var(--colour-neutral-300);--bg-canvas:var(--colour-neutral-1000);--swatch:var(--colour-neutral-900);--vh:0;--size-40:40px;--sidebar-width:40px;--main-width:100%;--details-width:0;--lists-visibility:none;--modal-width:400px}