.nano21-root{--nano-edge:color-mix(in srgb,var(--ink) 17%,transparent);min-width:0;padding-top:42px}
.nano21-root h1,.nano21-root h2{font-family:'Studio Helvetica',var(--ui-font);font-weight:400;letter-spacing:-.045em;white-space:pre-line;text-wrap:balance}
.nano21-root h1{font-size:clamp(44px,5vw,78px);line-height:1.04;margin:0}
.nano21-root h2{font-size:clamp(34px,4.2vw,60px);line-height:1.08;max-width:960px}
.nano21-root h3{font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.025em}
.nano21-root p{color:var(--muted);font-size:15px;line-height:1.8;text-wrap:pretty}
.nano21-root .button{min-height:48px;border-radius:12px;padding:13px 19px;font-size:14px;gap:14px;white-space:normal}
.nano21-root .button svg,.nano21-related svg{width:17px;height:17px;flex-shrink:0}
.nano21-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:38px;min-height:620px}
.nano21-hero .lead{font-size:17px;line-height:1.75;margin-top:28px;max-width:630px}
.nano21-facts{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:12px 20px;margin:24px 0 0;color:var(--muted);font-size:11px}
.nano21-facts li{display:flex;align-items:center;gap:6px}.nano21-facts svg{width:14px;height:14px;color:var(--ink)}
.nano21-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.nano21-figure{margin:0;min-width:0}
.nano21-figure img{display:block;width:100%;height:auto;border:1px solid var(--nano-edge);border-radius:18px;background:#f6f7f8}
.nano21-hero .nano21-figure img{aspect-ratio:16/9;object-fit:contain;box-shadow:12px 24px 48px #0003}
.nano21-figure figcaption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:13px}
.nano21-figure figcaption a{display:inline-flex;gap:8px;align-items:center;min-height:28px}.nano21-figure figcaption svg{width:13px;height:13px}
.nano21-root .nano21-section{margin-top:clamp(80px,9vw,140px)}
.nano21-section>.section-heading{max-width:1000px;margin:0 auto 40px;text-align:center}
.nano21-section>.section-heading h2{margin-inline:auto}.nano21-section>.section-heading p{margin:24px auto 0;max-width:760px}
.nano21-examples{display:grid;grid-template-columns:1fr 1fr;gap:40px 24px}
.nano21-examples article{min-width:0}.nano21-examples article>div{padding:20px 5px 0}
.nano21-examples h3{max-width:510px}.nano21-examples p{font-size:14px;margin-top:14px}
.nano21-details .nano21-figure{max-width:1120px;margin:auto}
.nano21-details .nano21-figure img{aspect-ratio:16/9;object-fit:contain}
.nano21-capabilities-list{display:grid;grid-template-columns:1fr 1fr;column-gap:54px}
.nano21-capabilities-list article{padding:28px 4px;border-top:1px solid var(--line)}
.nano21-capabilities-list p{margin-top:14px;font-size:14px}
.nano21-prompt{padding:32px 36px;border:1px solid var(--nano-edge);border-radius:20px;background:var(--surface);max-width:950px;margin:auto;box-shadow:7px 8px 0 color-mix(in srgb,var(--ink) 5%,transparent)}
.nano21-prompt>span{font-size:12px;color:var(--muted)}.nano21-prompt blockquote{font-size:18px;line-height:1.8;margin:18px 0 0}
.nano21-prompt+.caption{max-width:950px;margin:22px auto 0;font-size:12px}
.nano21-versions-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.nano21-versions-list article{border:1px solid var(--nano-edge);border-radius:22px;padding:32px;display:flex;align-items:start;flex-direction:column;background:var(--surface)}
.nano21-versions-list p{font-size:14px;margin:17px 0 28px}.nano21-versions-list .button{margin-top:auto}
.nano21-steps{padding:0;list-style:none;counter-reset:nano-step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0 0 30px}
.nano21-steps li{counter-increment:nano-step;border-top:1px solid var(--line);padding-top:28px}
.nano21-steps li:before{content:counter(nano-step);display:block;font-family:'Studio Helvetica',var(--ui-font);font-size:60px;margin-bottom:26px;line-height:1;color:var(--muted)}
.nano21-steps p{font-size:14px;margin-top:16px}.nano21-start>.button{display:flex;max-width:290px;margin:auto}
.nano21-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:start}
.nano21-faq>h2{position:sticky;top:36px;max-width:430px}
.nano21-faq details{border-top:1px solid var(--line)}.nano21-faq details:last-child{border-bottom:1px solid var(--line)}
.nano21-faq summary{min-height:80px;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:16px;line-height:1.6;cursor:pointer;list-style:none}
.nano21-faq summary::-webkit-details-marker{display:none}.nano21-faq summary span{font-size:26px;transition:transform .25s;font-weight:300;flex-shrink:0}.nano21-faq details[open] summary span{transform:rotate(45deg)}
.nano21-faq details p{padding-bottom:25px;font-size:14px;margin:0}
.nano21-closing{padding:58px 48px;border:1px solid #ffffff30;background:#0b0c0ed9;color:#f7f7f8;border-radius:24px;backdrop-filter:blur(18px)}
.nano21-closing .text-accent{background:#f4f4f4;color:#101113;border-radius:0;padding-inline:.12em;vertical-align:baseline}
.nano21-closing p{color:#c3c4c7;max-width:670px;margin-top:24px}.nano21-closing .button{margin-top:26px;background:#f4f4f4;color:#111;border-color:#f4f4f4}
.nano21-related{display:flex;flex-wrap:wrap;gap:15px 30px;padding-block:35px 15px;font-size:13px}.nano21-related a{display:flex;gap:12px;align-items:center;min-height:44px}
@media(max-width:1199px){.nano21-hero{grid-template-columns:1fr 1fr;gap:28px;min-height:560px}.nano21-root h1{font-size:clamp(42px,5.2vw,65px)}.nano21-hero .lead{font-size:15px}.nano21-root .button{font-size:13px}.nano21-capabilities-list{column-gap:32px}}
@media(max-width:960px){.nano21-hero{grid-template-columns:1fr;min-height:0;gap:32px}.nano21-hero .nano21-figure{max-width:780px}.nano21-hero .nano21-figure img{aspect-ratio:16/9;object-fit:contain}.nano21-examples{column-gap:18px}.nano21-steps{gap:20px}.nano21-faq{grid-template-columns:1fr;gap:26px}.nano21-faq>h2{position:static;max-width:none}}
@media(max-width:700px){.nano21-root{padding-top:24px}.nano21-root h1{font-size:clamp(35px,10vw,52px);line-height:1.06}.nano21-root h2{font-size:clamp(30px,8.7vw,40px)}.nano21-hero .lead{font-size:14px;line-height:1.8;margin-top:23px}.nano21-facts{gap:10px 16px;font-size:10px}.nano21-actions{gap:8px;margin-top:25px}.nano21-root .button{padding:12px 15px;font-size:12px;gap:9px;min-height:46px}.nano21-hero{gap:28px}.nano21-root .nano21-section{margin-top:75px}.nano21-section>.section-heading{margin-bottom:28px}.nano21-section>.section-heading p{font-size:13px;line-height:1.8;margin-top:20px}.nano21-examples{grid-template-columns:1fr;gap:30px}.nano21-examples h3{font-size:23px}.nano21-examples p{font-size:13px}.nano21-figure img{border-radius:14px}.nano21-figure figcaption{font-size:10px;margin-top:9px}.nano21-capabilities-list{grid-template-columns:1fr}.nano21-capabilities-list article{padding-block:24px}.nano21-capabilities-list h3{font-size:21px}.nano21-capabilities-list p{font-size:13px}.nano21-prompt{padding:25px 22px;border-radius:17px;box-shadow:4px 5px 0 color-mix(in srgb,var(--ink) 5%,transparent)}.nano21-prompt>span{font-size:11px;line-height:1.7}.nano21-prompt blockquote{font-size:14px;line-height:1.85}.nano21-prompt+.caption{font-size:11px;line-height:1.8}.nano21-versions-list{grid-template-columns:1fr}.nano21-versions-list article{padding:26px 23px}.nano21-versions-list h3{font-size:23px}.nano21-versions-list p{font-size:13px}.nano21-steps{grid-template-columns:1fr;gap:24px}.nano21-steps li{padding-top:24px}.nano21-steps li:before{font-size:43px;margin-bottom:20px}.nano21-steps h3{font-size:21px}.nano21-steps p{font-size:13px}.nano21-faq summary{font-size:14px;min-height:76px;padding-block:20px;gap:18px}.nano21-faq details p{font-size:13px}.nano21-closing{padding:36px 24px}.nano21-closing p{font-size:14px}.nano21-related{font-size:12px;gap:10px 20px}}
html[data-motion=paused] .nano21-root *,html[data-motion=paused] .nano21-root *:before{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.nano21-root *{transition:none!important;animation:none!important}}
.nano21-hero h1 .text-accent{white-space:nowrap}
:root[data-theme=light] .nano21-root .text-accent{background:#0a0c10;color:#f5f5f6;padding:.03em .12em;vertical-align:baseline;border-radius:0}
:root[data-theme=light] .nano21-closing .text-accent{background:#f4f4f4;color:#111}