:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:#19de4f;--brand-bright:#24e06f;--brand-pale:#8ef9b0;--brand-dark:#118f39;--bg:oklch(21% .006 286);--bg-deep:oklch(14% .005 286);--bg-raised:oklch(27% .006 286);--text-soft:oklch(87% .01 258);--text-muted:oklch(71% .02 261);--text-faint:oklch(55% .03 264);--surface:#ffffff0d;--border:#ffffff1a;--border-strong:#fff3;--panel:linear-gradient(to bottom right, var(--bg-raised), var(--bg-deep));--content-width:80rem;--gutter:max(clamp(1rem, 4vw, 2rem), (100% - var(--content-width)) / 2)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:#fff;font-family:system-ui,sans-serif;line-height:1.5}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button,input,select{font:inherit;color:inherit;background:0 0;border:0}button{cursor:pointer}h1,h2,.cta h3{text-wrap:balance;color:#0000;background:linear-gradient(to bottom right, white, var(--text-muted));-webkit-background-clip:text;background-clip:text;font-size:clamp(1.875rem,1.5rem + 1vw,2.25rem);font-weight:600;line-height:1.2}h1{background-image:linear-gradient(to bottom right, white, var(--text-soft))}h1+p,h2+p,h3+p{color:var(--text-muted);margin-top:.75rem}.lead{margin-top:1.5rem;line-height:1.625}em{color:var(--brand-bright);font-style:normal}small{color:var(--text-faint);margin-top:1rem;font-size:.75rem;display:block}:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}header,footer,main>section{padding-inline:var(--gutter)}header{z-index:1;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#00000080;justify-content:space-between;align-items:center;height:5rem;display:flex;position:sticky;top:0}header nav,footer nav{color:var(--text-muted);gap:2rem;font-size:.875rem;display:flex}header nav a,footer nav a{transition:color .15s}header nav a:hover,footer nav a:hover{color:#fff}@media (width<48rem){header nav,header select{display:none}}.logo{align-items:center;gap:.75rem;display:flex}.logo img{height:2rem}select{appearance:none;border:1px solid var(--border-strong);color:var(--text-soft);background:var(--surface) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239ca3af'><path d='M5.23 7.21a.75.75 0 011.06.02L10 10.585l3.71-3.354a.75.75 0 111.02 1.1l-4.2 3.8a.75.75 0 01-1.02 0l-4.2-3.8a.75.75 0 01.02-1.06z'/></svg>") no-repeat right .75rem center / 1rem;border-radius:.75rem;padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem}select:hover{border-color:#fff6}main>section{border-top:1px solid var(--surface);padding-block:clamp(5rem,10vw,6rem);scroll-margin-top:5rem}footer{border-top:1px solid var(--surface);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 2rem;padding-block:3rem;font-size:.875rem;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.button{color:#fff;background:linear-gradient(to right, var(--brand), var(--brand-dark));border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:filter .15s,background-color .15s,color .15s;display:inline-flex}.button:hover{filter:brightness(1.1)}.button:disabled{opacity:.5}.button svg{transition:translate .15s}.button:hover svg{translate:2px}.button.secondary{border:1px solid var(--border-strong);color:var(--text-soft);background:0 0}.button.secondary:hover{background:var(--surface);color:#fff}header .button{border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem}.link{color:var(--text-faint);text-underline-offset:2px;font-size:.75rem;text-decoration:underline;transition:color .15s}.link:hover{color:var(--text-muted)}.link.accent{color:var(--brand-bright)}.link.accent:hover{color:var(--brand-pale)}.card,.steps li,.uses li,.benefits li{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;padding:2rem}.card h2,li h3{color:#fff;background:0 0;font-size:1.125rem;font-weight:500}.card h2+p,li h3+p{margin-top:.5rem;font-size:.875rem;line-height:1.625}.hero li,.integrations li{background:var(--surface);color:var(--text-muted);border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.hero li svg,.features svg{color:var(--brand-bright);flex-shrink:0}.integrations li svg{background:rgb(from var(--brand) r g b / 10%);width:1.75rem;height:1.75rem;color:var(--brand-bright);border-radius:.5rem;padding:.375rem}.alert{--tone:var(--brand);border:1px solid rgb(from var(--tone) r g b / 30%);background:rgb(from var(--tone) r g b / 10%);color:var(--brand-pale);border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem}.alert.warning{--tone:#f59e0b;color:#fde68a}.alert.error{--tone:#ef4444;color:#fecaca}.hero{isolation:isolate;border-top:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:center;gap:4rem;padding-block:7rem;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(circle at top, transparent, #000c), linear-gradient(to bottom right, rgb(from var(--bg) r g b / 70%), rgb(from var(--bg-deep) r g b / 30%), #00000080), linear-gradient(rgb(from var(--bg) r g b / 78%), rgb(from var(--bg) r g b / 78%)), url(https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=2000&auto=format&fit=crop) center / cover;position:absolute;inset:0}.hero h1{font-size:clamp(3rem,6vw,3.75rem);line-height:1.25}.hero .lead{font-size:1.125rem}.hero .actions,.hero ul{margin-top:2.5rem}.hero ul{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1rem;font-size:.875rem;display:grid}.badge{color:var(--brand-pale);background:#ffffff1a;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.25rem .75rem;font-size:.875rem;display:inline-flex}.badge:before{content:"";background:var(--brand-bright);border-radius:50%;width:.5rem;height:.5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{50%{opacity:.5}}.hero figure{aspect-ratio:4/3;border:1px solid var(--border);box-shadow:0 25px 50px -12px rgb(from var(--brand-bright) r g b / 20%);background:url(../../../images/hero-image.png) 50%/cover;border-radius:1.5rem;position:relative}.hero figcaption{text-align:center;letter-spacing:-.025em;filter:drop-shadow(0 2px 16px #000000b3);padding-inline:1.5rem;font-size:clamp(1.875rem,4vw,3rem);font-weight:700;position:absolute;inset:auto 0 clamp(1.5rem,3vw,2rem)}.steps ol,.uses ul,.benefits ul{gap:2rem;margin-top:3rem;display:grid}.steps ol{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.steps li{grid-template-columns:1fr auto;column-gap:1.5rem;display:grid}.steps li:before{counter-increment:step;content:counter(step);border:1px solid rgb(from var(--brand) r g b / 40%);background:rgb(from var(--brand) r g b / 5%);width:2.5rem;height:2.5rem;color:var(--brand-pale);border-radius:50%;place-items:center;font-weight:600;display:grid}.steps li h3{align-self:end}.steps li svg{width:7rem;height:7rem;color:var(--brand-bright);grid-area:1/2/3/3}.steps li p{grid-column:1/-1;margin-top:1rem}.uses ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr))}.uses li{padding:0;transition:background-color .15s;overflow:hidden}.uses li:hover{background:#ffffff1a}.uses img{aspect-ratio:2;object-fit:cover;width:100%}.uses li div{padding:2rem}.benefits ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.benefits li svg{background:rgb(from var(--brand) r g b / 10%);width:3rem;height:3rem;color:var(--brand-bright);border-radius:.75rem;margin-bottom:1.25rem;padding:.75rem}.integrations{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:center;gap:4rem;display:grid}.integrations ul{gap:.75rem;margin-top:2rem;font-size:.875rem;display:grid}.integrations figure{aspect-ratio:4/3;border:1px solid var(--border);background:url(https://images.unsplash.com/photo-1489515217757-5fd1be406fef?q=80&w=1600&auto=format&fit=crop) 50%/cover;border-radius:1.5rem}.cta>div{border:1px solid var(--border);background:var(--panel);border-radius:1.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(3rem,5vw,4rem);display:flex}.order,.success{--content-width:64rem;padding-block:4rem}.order{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;gap:2.5rem;display:grid}.order .intro{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.order .intro img{flex-shrink:0;height:15rem}.features{color:var(--text-muted);gap:.5rem;margin-top:1.5rem;font-size:.875rem;display:grid}.features li{align-items:center;gap:.5rem;display:flex}.subscription{margin-top:2rem;padding:1.25rem}.subscription h3{font-size:1rem;font-weight:500}.subscription h3+p{margin-top:.25rem;font-size:.875rem}.subscription .alert,.subscription .link{margin-top:.75rem}.card .alert{margin-top:1rem}form{gap:1.25rem;margin-top:1.5rem;display:grid}form small{text-align:center;margin:0}label{color:var(--text-soft);gap:.375rem;font-size:.875rem;font-weight:500;display:grid}input{border:1px solid var(--border-strong);background:var(--surface);border-radius:.75rem;outline:none;padding:.75rem 1rem;font-size:1rem;font-weight:400;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--text-faint)}input:focus{border-color:var(--brand-bright);box-shadow:0 0 0 1px var(--brand-bright)}.summary{background:var(--surface);border-radius:.75rem;gap:.5rem;padding:1rem;font-size:.875rem;display:grid}.summary p{color:var(--text-soft);justify-content:space-between;display:flex}.summary .total{border-top:1px solid var(--border);color:#fff;padding-top:.5rem;font-weight:500}.summary small{text-align:start;margin:0}.success{text-align:center;max-width:30rem;margin-inline:auto;padding-inline:1rem}.success>svg{background:rgb(from var(--brand) r g b / 20%);width:4rem;height:4rem;color:var(--brand-bright);border-radius:50%;margin:0 auto 1.5rem;padding:1rem}.success .button{margin-top:2rem}.legal{--content-width:48rem;padding-block:4rem}.legal .updated{color:var(--text-faint);margin-top:.75rem;font-size:.875rem}.legal h2{margin-top:3rem;font-size:1.375rem}.legal h3{color:#fff;margin-top:2rem;font-size:1.0625rem;font-weight:500}.legal h2+p,.legal h3+p,.legal p+p,.legal p+ul,.legal ul+p{color:var(--text-muted);margin-top:1rem;line-height:1.7}.legal ul{color:var(--text-muted);gap:.5rem;padding-left:1.25rem;line-height:1.7;list-style:outside;display:grid}.legal strong{color:var(--text-soft);font-weight:500}.legal a{color:var(--brand-bright);text-underline-offset:2px;text-decoration:underline}.legal a:hover{color:var(--brand-pale)}.legal .back{margin-top:3rem}.legal .back a{color:var(--text-muted);text-decoration:none}.legal .back a:hover{color:#fff}.contact{--content-width:64rem;padding-block:4rem}.contact ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:2rem;margin-top:3rem;display:grid}.contact li{border:1px solid var(--border);background:var(--surface);border-radius:1rem;flex-direction:column;padding:2rem;display:flex}.contact li svg{background:rgb(from var(--brand) r g b / 10%);width:3rem;height:3rem;color:var(--brand-bright);border-radius:.75rem;margin-bottom:1.25rem;padding:.75rem}.contact li>a,.contact address{color:var(--text-soft);margin-top:auto;padding-top:1rem;font-size:.875rem;font-style:normal;line-height:1.625;display:block}.contact li>a{color:var(--brand-bright)}.contact li>a:hover{color:var(--brand-pale)}.contact li p a{text-underline-offset:2px;text-decoration:underline}.contact .actions{margin-top:3rem}
