:root{--color-paper:#fff;--color-paper-2:#f3f7f4;--color-ink:#171717;--color-muted:#535c57;--color-line:#dfe6e1;--color-accent:#007a3d;--color-accent-strong:#006b35;--color-focus:#007a3d;--font-display:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.dl{--text-sm:.9375rem;--text-md:1.0625rem;--text-lede:1.25rem;--text-section:clamp(2rem, 3.2vw, 2.75rem);--text-display:clamp(2.5rem, 5vw, 4.25rem);--space-2xs:4px;--space-xs:8px;--space-s:12px;--space-m:16px;--space-l:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--section-gap:128px;--gutter:48px;--container:1280px;--radius-shot:20px;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55}.dl ::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}.dl-container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.dl h1,.dl h2{font-family:var(--font-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0}.dl p{text-wrap:pretty;margin:0}.dl a:not(.dl-badge){color:var(--color-accent);text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:1px}.dl a:not(.dl-badge):hover{color:var(--color-accent-strong)}.dl a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:4px}.dl-hero{padding-block:var(--space-3xl) var(--space-2xl)}.dl-hero-grid{gap:var(--space-3xl);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;display:grid}.dl-hero-copy{align-items:flex-start;gap:var(--space-l);flex-direction:column;display:flex}.dl-display{font-size:var(--text-display);letter-spacing:-.02em;max-width:14ch;font-weight:700;line-height:1.04}.dl-lede{font-size:var(--text-lede);color:var(--color-muted);max-width:34ch}.dl-badges{gap:var(--space-s);flex-wrap:wrap;display:flex}.dl-badge{border-radius:10px;transition:transform .16s cubic-bezier(.16,1,.3,1);display:block}.dl-badge img{width:auto;height:50px;display:block}.dl-badge:hover{transform:translateY(-2px)}.dl-badge:active{transform:translateY(0)}.dl-note{font-size:var(--text-sm);max-width:44ch}.dl-qr{align-items:center;gap:var(--space-m);margin:0;display:flex}.dl-qr-open{border:1px solid var(--color-line);background:var(--color-paper);cursor:zoom-in;border-radius:10px;padding:0;transition:border-color .16s ease-out,transform .16s cubic-bezier(.16,1,.3,1);display:block}.dl-qr-open img{border-radius:10px;width:176px;height:176px;display:block}.dl-qr-open:hover{border-color:var(--color-accent);transform:translateY(-2px)}.dl-qr-open:active{transform:translateY(0)}.dl-qr-open:focus-visible,.dl-qr-close:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.dl-qr-dialog{background:var(--color-paper);color:var(--color-ink);max-width:calc(100% - 2 * var(--space-m));border:0;border-radius:16px;padding:0}.dl-qr-dialog::backdrop{background:color-mix(in oklab, var(--color-ink) 60%, transparent)}.dl-qr-dialog-body{align-items:center;gap:var(--space-l);padding:var(--space-2xl);flex-direction:column;display:flex}.dl-qr-dialog-body img{width:320px;height:320px}.dl-qr-dialog-body p{color:var(--color-muted)}.dl-qr-close{min-height:44px;padding-inline:var(--space-xl);border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-ink);cursor:pointer;border-radius:10px;font-weight:700;transition:border-color .16s ease-out}.dl-qr-close:hover{border-color:var(--color-ink)}.dl-qr-close:active{background:var(--color-paper-2)}.dl-qr figcaption{font-size:var(--text-sm);color:var(--color-muted);max-width:22ch}.dl-hero-shot{justify-self:start;width:100%;max-width:340px}.dl-hero-shot img,.dl-screen img,.dl-close-shot img{border-radius:var(--radius-shot);width:100%;height:auto}.dl-screens{background:var(--color-paper-2);padding-block:var(--section-gap)}.dl-section-title{font-size:var(--text-section);letter-spacing:-.015em;max-width:20ch;font-weight:700;line-height:1.1}.dl-screen-grid{gap:var(--space-2xl);max-width:960px;margin-top:var(--space-3xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dl-screen{gap:var(--space-m);flex-direction:column;margin:0;display:flex}.dl-screen figcaption{color:var(--color-muted);max-width:32ch}.dl-close{padding-block:var(--section-gap) calc(var(--section-gap) + var(--space-2xl))}.dl-close-grid{gap:var(--space-3xl);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;display:grid}.dl-close-copy{align-items:flex-start;gap:var(--space-l);flex-direction:column;display:flex}.dl-close-copy p{color:var(--color-muted);max-width:48ch}.dl-close-shot{max-width:400px}.dl-close-shot img{box-shadow:0 24px 48px -24px color-mix(in oklab, var(--color-ink) 35%, transparent)}@media (max-width:60rem),(hover:none){.dl-qr{display:none}}@media (max-width:60rem){.dl{--gutter:24px;--section-gap:88px}.dl-hero{padding-block:var(--space-2xl)}.dl-hero-grid,.dl-close-grid{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr)}.dl-hero-shot{max-width:280px}.dl-screen-grid{grid-template-columns:minmax(0,1fr);max-width:360px;margin-inline:auto}}@media (max-width:40rem){.dl{--gutter:16px;--section-gap:64px}}@media (prefers-reduced-motion:reduce){.dl-badge,.dl-qr-open,.dl-qr-close{transition:none}.dl-badge:hover,.dl-badge:active,.dl-qr-open:hover,.dl-qr-open:active{transform:none}}