/* Author: Codex app agent · 2026-09-11. */
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:#203e41;background:#f5f6f2;--muted:#566b6c;--accent:#19646a;--line:#d3dcd6}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}a,summary{touch-action:manipulation}:focus-visible{outline:3px solid #b36725;outline-offset:5px}.site-header,main,footer{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:23px;font-weight:800;letter-spacing:-.8px;text-decoration:none;color:#193e42}nav{display:flex;gap:32px;font-size:14px}nav a{padding:14px 0;text-decoration:none}nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:48px 0 56px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:#52736f;margin:0 0 22px}h1{font-size:clamp(40px,4.3vw,59px);font-weight:600;line-height:1.08;letter-spacing:-2.7px;margin:0 0 24px}.lede{font-size:17px;line-height:1.7;color:var(--muted);max-width:445px;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:38px;min-height:50px;padding:15px 21px;border-radius:7px;text-decoration:none;font-size:14px;font-weight:600}.primary{background:var(--accent);color:white}.primary:hover{background:#124f54}.text-link{font-size:13px;padding:12px 0}.local{font-size:12px;color:var(--muted);margin:19px 0 0}.model-preview{margin:0;border:1px solid var(--line);border-radius:16px;background:#f0f0f0;overflow:hidden}.model-preview img{display:block;width:100%;height:auto;aspect-ratio:1000/860;object-fit:cover}.model-preview figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:15px 20px;border-top:1px solid var(--line);font-size:11px;background:#eaf0eb;color:#46605f}.formats{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;border-block:1px solid var(--line);padding:27px 0}.formats .eyebrow{font-size:10px}.formats p{font-size:13px;line-height:1.6;margin:9px 0 0}.formats p span{color:var(--muted);font-size:12px}.formats div:last-child{padding-left:32px;border-left:1px solid var(--line)}.how{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;padding:64px 0 40px}h2{font-size:31px;line-height:1.2;font-weight:550;letter-spacing:-1px;margin:0}ol{list-style:none;counter-reset:steps;padding:0;margin:0}li{counter-increment:steps;position:relative;padding:0 0 27px 43px}li::before{content:'0' counter(steps);position:absolute;left:0;top:4px;font-size:12px;color:#64827a}h3{font-size:16px;font-weight:650;margin:0 0 9px}li p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.limitations{border-top:1px solid var(--line);padding:4px 0 24px;font-size:13px;line-height:1.65}.limitations summary{cursor:pointer;padding:20px 0;font-weight:600}.limitations>div{max-width:830px;color:var(--muted)}footer{display:flex;align-items:center;gap:24px;min-height:112px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer .brand{font-size:17px}footer>a:last-child{margin-left:auto}footer p{margin:0}
@media(max-width:800px){.site-header,main,footer{padding-left:24px;padding-right:24px}.site-header{height:80px}nav{gap:20px;font-size:13px}.hero{gap:32px;padding:32px 0 36px;grid-template-columns:1fr}h1{font-size:48px;letter-spacing:-2px}.lede{max-width:560px}.model-preview{max-width:580px;width:100%}.model-preview img{max-height:420px;object-fit:contain}.formats{grid-template-columns:1fr;gap:22px}.formats div:last-child{padding:0;border:0}.how{grid-template-columns:1fr;gap:32px;padding-top:40px}h2 br{display:none}h2{font-size:28px}footer{flex-wrap:wrap;gap:16px;padding-top:24px;padding-bottom:24px}footer p{width:100%;order:3}footer>a:last-child{font-size:11px}}
@media(max-width:380px){.site-header,main,footer{padding-left:18px;padding-right:18px}.brand{font-size:20px}nav{gap:14px;font-size:12px}h1{font-size:41px}.hero-actions{gap:14px}}