.demo-landing{--demo-black: #090a0d;--demo-surface: #111319;--demo-ink: #16171a;--demo-paper: #e8e0d2;--demo-paper-muted: #6a655d;--demo-white: #f5f3ef;--demo-muted: #b5b6bc;--demo-red: #d93635;--demo-red-dark: #b92727;background:var(--demo-black);color:var(--demo-white);color-scheme:dark;overflow:clip}.demo-landing ::-moz-selection{background:var(--demo-red);color:#fff}.demo-landing ::selection{background:var(--demo-red);color:#fff}.demo-landing a:focus-visible,.demo-landing video:focus-visible{outline:3px solid #f0aaa6;outline-offset:4px}.demo-format-pdf a:focus-visible,.demo-format-pdf video:focus-visible{outline-color:#16171a}.demo-shell{width:min(100% - 2rem,76rem);margin-inline:auto}.demo-hero{position:relative;padding:clamp(4.5rem,8vw,8rem) 0 clamp(5rem,9vw,9rem);background:linear-gradient(112deg,rgba(217,54,53,.1),transparent 34%),var(--demo-black)}.demo-hero:after{position:absolute;right:-8rem;bottom:2rem;width:24rem;height:1px;background:#d936358c;content:"";transform:rotate(-17deg);transform-origin:right center}.demo-hero-grid{display:grid;align-items:center;gap:clamp(3rem,7vw,7rem);grid-template-columns:minmax(0,.9fr) minmax(28rem,1.1fr)}.demo-hero-copy{position:relative;z-index:2}.demo-hero h1{max-width:10ch;margin:0;color:var(--demo-white);font-family:Oswald,sans-serif;font-size:clamp(3.75rem,7vw,6rem);font-weight:700;letter-spacing:-.03em;line-height:.93;text-wrap:balance;text-transform:uppercase}.demo-hero h1 span{display:block;color:var(--demo-red);white-space:nowrap}.demo-hero-lead{max-width:38rem;margin:2rem 0 0;color:#d1d1d4;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.65}.demo-hero-actions{display:flex;align-items:center;gap:1.5rem;margin-top:2.25rem}.demo-button{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;gap:.75rem;padding:.9rem 1.35rem;font-family:Oswald,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.035em;line-height:1.1;text-align:center;text-transform:uppercase;transition:background-color .18s ease-out,color .18s ease-out,transform .18s ease-out}.demo-button svg{width:1.1rem;height:1.1rem;flex:none;transition:transform .18s ease-out}.demo-button:hover svg{transform:translate(.25rem)}.demo-button:active{transform:translateY(1px)}.demo-button-primary{background:var(--demo-red);color:#fff;box-shadow:0 12px 30px #8411113d}.demo-button-primary:hover{background:var(--demo-red-dark)}.demo-button-ink{background:var(--demo-ink);color:#fff;box-shadow:0 12px 30px #19140f2e}.demo-button-ink:hover{background:#2a2b2e}.demo-text-link{color:#d2d2d4;font-size:.95rem;font-weight:700;text-decoration:underline;text-decoration-color:#d93635bf;text-decoration-thickness:2px;text-underline-offset:.35rem}.demo-text-link:hover{color:#fff}.demo-hero-evidence{position:relative;min-height:34rem;margin:0}.demo-hero-screen,.demo-hero-file{position:absolute;overflow:hidden;background:#050608;box-shadow:0 28px 70px #00000085}.demo-hero-screen{top:0;right:0;bottom:5rem;left:4rem}.demo-hero-file{bottom:0;left:0;width:46%;transform:rotate(-2.4deg)}.demo-hero-screen img,.demo-hero-file img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.demo-hero-screen img{-o-object-position:center;object-position:center}.demo-hero-file img{aspect-ratio:4 / 3;filter:saturate(.72) contrast(1.05)}.demo-hero-screen span,.demo-hero-file span{position:absolute;right:.75rem;bottom:.75rem;padding:.35rem .55rem;background:#090a0de0;color:#fff;font-family:Special Elite,monospace;font-size:.7rem;letter-spacing:.09em;line-height:1;text-transform:uppercase}.demo-hero-evidence figcaption{position:absolute;right:0;bottom:1.2rem;max-width:46%;color:#9d9fa5;font-family:Special Elite,monospace;font-size:.78rem;line-height:1.5}.demo-method{padding:clamp(5rem,8vw,8rem) 0;border-top:1px solid rgba(255,255,255,.08);background:#0d0f13}.demo-method-heading{display:grid;align-items:end;gap:2rem 5rem;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr)}.demo-method h2,.demo-format-intro h2,.demo-format h2,.demo-close h2{margin:0;font-family:Oswald,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:.98;text-wrap:balance;text-transform:uppercase}.demo-method h2{max-width:17ch;font-size:clamp(2.8rem,5vw,5rem)}.demo-method-heading>p{margin:0;color:var(--demo-muted);font-size:1.05rem;line-height:1.7}.demo-steps{display:grid;margin:clamp(3.5rem,7vw,6rem) 0 0;padding:0;border-top:1px solid rgba(255,255,255,.14);list-style:none;grid-template-columns:repeat(3,minmax(0,1fr))}.demo-steps li{display:grid;gap:1rem;padding:1.5rem 2rem 0 0;grid-template-columns:auto 1fr}.demo-steps li+li{padding-left:2rem;border-left:1px solid rgba(255,255,255,.14)}.demo-steps li>span{color:var(--demo-red);font-family:Special Elite,monospace;font-size:.8rem;line-height:1.7}.demo-steps h3{margin:0;color:#fff;font-family:Oswald,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase}.demo-steps p{margin:.65rem 0 0;color:#a9abb1;font-size:.95rem;line-height:1.6}.demo-format-intro{padding:clamp(5rem,8vw,8rem) 0;background:var(--demo-red);color:#fff}.demo-format-intro-grid{display:grid;align-items:end;gap:2.5rem 6rem;grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr)}.demo-format-intro h2{max-width:19ch;font-size:clamp(3rem,6vw,5.6rem)}.demo-format-intro p{margin:0;color:#ffffffe0;font-size:1.08rem;line-height:1.7}.demo-format{padding:clamp(5rem,9vw,9rem) 0}.demo-format-pdf{background:var(--demo-paper);color:var(--demo-ink);color-scheme:light}.demo-format-online{background:linear-gradient(145deg,rgba(217,54,53,.08),transparent 38%),#090a0d;color:var(--demo-white)}.demo-format-grid{display:grid;align-items:center;gap:clamp(3rem,7vw,7rem);grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr)}.demo-format-grid-online{grid-template-columns:minmax(20rem,.72fr) minmax(0,1.28fr)}.demo-media{margin:0}.demo-media video{display:block;width:100%;aspect-ratio:16 / 9;background:#050608;-o-object-fit:cover;object-fit:cover}.demo-media-paper video{box-shadow:0 24px 55px #392f2433}.demo-media-screen{padding:.5rem;border:1px solid rgba(255,255,255,.16);background:#12151b;box-shadow:0 30px 70px #0006}.demo-media figcaption{margin-top:.9rem;font-family:Special Elite,monospace;font-size:.75rem;letter-spacing:.04em;line-height:1.5}.demo-media-paper figcaption{color:var(--demo-paper-muted)}.demo-media-screen figcaption{padding:0 .4rem .25rem;color:#a6a8ae}.demo-format-copy{max-width:34rem}.demo-format-mark{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.5rem;color:var(--demo-red);font-family:Special Elite,monospace;font-size:.78rem;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase}.demo-format-pdf .demo-format-mark{color:#8f2020}.demo-format-mark svg{width:1rem;height:1rem}.demo-format h2{font-size:clamp(3rem,5vw,5rem)}.demo-format-copy>p{margin:1.6rem 0 0;font-size:1.05rem;line-height:1.75}.demo-format-pdf .demo-format-copy>p{color:#4f4b45}.demo-format-online .demo-format-copy>p{color:#bfc0c5}.demo-format-points{display:grid;gap:0;margin:2rem 0 2.25rem;padding:0;border-top:1px solid currentColor;list-style:none}.demo-format-points li{position:relative;padding:.85rem 0 .85rem 1.4rem;border-bottom:1px solid currentColor;font-size:.92rem;font-weight:700;line-height:1.4}.demo-format-points li:before{position:absolute;top:1.25rem;left:0;width:.42rem;height:.42rem;background:var(--demo-red);content:"";transform:rotate(45deg)}.demo-format-pdf .demo-format-points{color:#16171a33}.demo-format-pdf .demo-format-points li{color:var(--demo-ink);border-color:#16171a2e}.demo-format-online .demo-format-points{color:#ffffff24}.demo-format-online .demo-format-points li{color:#e2e2e5;border-color:#ffffff24}.demo-close{padding:clamp(5rem,9vw,8rem) 0;border-top:1px solid rgba(255,255,255,.1);background:#111319}.demo-close-grid{display:grid;align-items:end;gap:3rem 6rem;grid-template-columns:minmax(0,1fr) auto}.demo-close-grid>div:first-child>svg{width:2rem;height:2rem;margin-bottom:1.5rem;color:var(--demo-red)}.demo-close h2{max-width:18ch;font-size:clamp(3rem,6vw,5.5rem)}.demo-close p{max-width:42rem;margin:1.5rem 0 0;color:var(--demo-muted);font-size:1.05rem}.demo-close-action{display:grid;justify-items:stretch;gap:1rem;min-width:min(100%,20rem)}.demo-close-action>span{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;color:#9ea0a6;font-size:.78rem;line-height:1.4}.demo-close-action>span svg{width:1rem;height:1rem;flex:none}@media (max-width: 960px){.demo-hero-grid,.demo-method-heading,.demo-format-intro-grid,.demo-format-grid,.demo-format-grid-online,.demo-close-grid{grid-template-columns:1fr}.demo-hero-copy{max-width:44rem}.demo-hero-evidence{min-height:31rem}.demo-method-heading>p,.demo-format-intro p{max-width:38rem}.demo-format-grid-online .demo-format-copy{order:2}.demo-format-grid-online .demo-media{order:1}.demo-format-copy{max-width:44rem}.demo-close-action{width:min(100%,22rem)}}@media (max-width: 640px){.demo-hero{padding-top:3.75rem}.demo-hero h1{max-width:9ch;font-size:clamp(3.35rem,16vw,4.5rem)}.demo-hero h1 span{white-space:normal}.demo-hero-actions{align-items:stretch;flex-direction:column}.demo-text-link{width:-moz-fit-content;width:fit-content}.demo-hero-evidence{min-height:23rem}.demo-hero-screen{top:0;right:0;bottom:4rem;left:1.5rem}.demo-hero-file{width:52%}.demo-hero-evidence figcaption{bottom:.25rem;max-width:43%;font-size:.67rem}.demo-steps{grid-template-columns:1fr}.demo-steps li,.demo-steps li+li{padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.14);border-left:0}.demo-format-intro h2,.demo-method h2,.demo-format h2,.demo-close h2{font-size:clamp(2.75rem,13vw,4rem)}.demo-button,.demo-close-action{width:100%}}@media (prefers-reduced-motion: reduce){.demo-button,.demo-button svg{transition:none}.demo-button:hover svg,.demo-button:active{transform:none}}
