:root{--bg:#f8f9fb;--surface:#fff;--surface2:#eef2f7;--ink:#17182d;--dim:#555d70;--muted:#747c8e;--line:#dce2eb;--accent:#4f8cf7;--accent-dark:#2868d8;--green:#087a55;--font:'DM Sans',system-ui,sans-serif;--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}nav{align-items:center;background:rgba(248,249,251,.94);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin:auto;max-width:1120px;padding:14px 24px;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.logo{align-items:center;display:flex;font-weight:800;gap:8px;text-decoration:none}.logo svg{color:var(--accent);height:20px;width:20px}.logo span{color:var(--accent)}.navlinks{display:flex;gap:22px}.navlinks a{color:var(--dim);font-size:.86rem;font-weight:600;text-decoration:none}.navlinks a:hover{color:var(--ink)}
.library-hero{align-items:end;display:grid;gap:48px;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);margin:auto;max-width:1120px;padding:76px 24px 62px}.library-hero h1,.report-hero h1,.about-hero h1{font-size:clamp(2.6rem,6vw,5.35rem);letter-spacing:-.04em;line-height:.98;margin:0;text-wrap:balance}.library-hero p,.report-hero .dek,.about-hero p{color:var(--dim);font-size:1.08rem;max-width:61ch}.proof-line{align-items:center;border-top:1px solid var(--line);display:flex;gap:18px;margin-top:28px;padding-top:18px}.proof-line strong{font-size:1.7rem}.proof-line span{color:var(--dim);font-size:.82rem}.hero-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px;justify-self:end;width:min(100%,420px)}.hero-stack img{aspect-ratio:9/16;border-radius:12px;object-fit:cover;width:100%}.hero-stack img+img{margin-top:42px}
.sample-list{margin:auto;max-width:1120px;padding:0 24px 90px}.sample-row{align-items:center;border-top:1px solid var(--line);display:grid;gap:54px;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);padding:54px 0}.sample-row:nth-child(even) .sample-media{order:2}.sample-media{background:#0f1320;border-radius:14px;overflow:hidden;position:relative}.sample-media img{aspect-ratio:9/13;object-fit:cover;width:100%}.duration{background:rgba(15,19,32,.88);border-radius:6px;bottom:12px;color:#fff;font:600 .72rem/1 var(--mono);padding:7px 9px;position:absolute;right:12px}.sample-copy h2{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.035em;line-height:1.08;margin:0 0 15px}.sample-copy p{color:var(--dim);max-width:58ch}.meta{color:var(--muted);font:600 .72rem/1.5 var(--mono);margin-bottom:12px}.facts{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.facts span{background:var(--surface2);border-radius:99px;color:var(--dim);font-size:.74rem;font-weight:700;padding:7px 10px}.text-link{color:var(--accent-dark);font-weight:800;text-decoration:none}.text-link:hover{text-decoration:underline}
.report-hero{display:grid;gap:54px;grid-template-columns:minmax(0,1fr) 310px;margin:auto;max-width:1020px;padding:66px 24px 42px}.report-hero h1{font-size:clamp(2.35rem,6vw,4.8rem)}.report-hero figure{margin:0}.report-hero img{aspect-ratio:9/16;border-radius:14px;object-fit:cover;width:100%}.report-hero figcaption{color:var(--muted);font-size:.72rem;margin-top:9px}.report-summary{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.report-summary span{background:var(--surface2);border-radius:8px;color:var(--dim);font-size:.76rem;font-weight:700;padding:8px 10px}.report-body{display:grid;gap:48px;grid-template-columns:180px minmax(0,1fr);margin:auto;max-width:900px;padding:30px 24px 90px}.report-aside{position:relative}.report-aside nav{align-items:flex-start;background:none;border:0;display:grid;gap:10px;padding:0;position:sticky;top:86px}.report-aside a{color:var(--muted);font-size:.78rem;text-decoration:none}.report-aside a:hover{color:var(--ink)}.report-content{min-width:0}.report-content h2,.method h2{font-size:1.5rem;letter-spacing:-.025em;margin:42px 0 12px}.report-content h2:first-child{margin-top:0}.report-content p,.report-content li,.method p,.method li{color:var(--dim)}.report-content ol,.report-content ul,.method ol,.method ul{padding-left:21px}.report-content li{margin:0 0 13px}.timestamp{color:var(--accent-dark);font:700 .72rem/1.5 var(--mono)}.transcript{background:#111522;border-radius:14px;color:#eef2f8;margin:22px 0;padding:24px}.transcript p{color:#c9d0dd;margin:0 0 16px}.transcript p:last-child{margin-bottom:0}.transcript time{color:#8db4ff;font:700 .72rem/1.5 var(--mono)}.note{background:#eaf2ff;border-radius:12px;color:#294d88;font-size:.86rem;margin:24px 0;padding:16px 18px}.frame-pair{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:22px 0}.frame-pair img{aspect-ratio:9/16;border-radius:10px;object-fit:cover;width:100%}.cta{background:var(--ink);border-radius:14px;color:#fff;margin-top:44px;padding:30px}.cta h2{color:#fff;margin:0 0 8px}.cta p{color:#c6cbd7}.cta a{background:#fff;border-radius:8px;color:var(--ink);display:inline-block;font-weight:800;padding:11px 17px;text-decoration:none}
.about-hero{margin:auto;max-width:1000px;padding:78px 24px 48px}.about-hero p{font-size:1.15rem}.method{display:grid;gap:56px;grid-template-columns:minmax(0,1fr) 280px;margin:auto;max-width:1000px;padding:24px 24px 90px}.process{counter-reset:method;list-style:none;padding:0!important}.process li{border-top:1px solid var(--line);display:grid;gap:16px;grid-template-columns:38px 1fr;margin:0;padding:22px 0}.process li:before{color:var(--accent-dark);content:counter(method);counter-increment:method;font:800 .85rem/1.7 var(--mono)}.process strong{color:var(--ink);display:block;margin-bottom:4px}.method-aside{background:var(--surface);border-radius:14px;height:max-content;padding:22px;position:sticky;top:86px}.method-aside h2{font-size:1rem;margin:0 0 12px}.method-aside p{font-size:.84rem}.method-aside a{color:var(--accent-dark);font-weight:700}
footer{border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:.8rem;gap:18px;justify-content:space-between;margin:auto;max-width:1120px;padding:26px 24px}footer a{color:var(--dim);text-decoration:none}
@media(max-width:760px){nav{padding:12px 16px}.navlinks a:nth-child(2){display:none}.library-hero,.report-hero,.method{grid-template-columns:1fr}.library-hero{padding-top:48px}.hero-stack{justify-self:stretch}.sample-row{grid-template-columns:1fr;gap:26px}.sample-row:nth-child(even) .sample-media{order:0}.sample-media{max-width:380px}.report-hero figure{max-width:280px}.report-body{grid-template-columns:1fr}.report-aside{display:none}.method-aside{position:static}.frame-pair{gap:8px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}