@import url("../../tokens.css");
*{box-sizing:border-box}html,body{margin:0;min-width:0;overflow-x:clip;scroll-behavior:smooth;background:var(--color-ink);color:var(--color-text);font-family:var(--font-body)}body{line-height:1.7;background:radial-gradient(circle at 84% 8%,oklch(34% .12 335/.48),transparent 27%),radial-gradient(circle at 9% 47%,oklch(27% .08 274/.58),transparent 24%),var(--color-ink)}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1120px,calc(100% - 32px));margin-inline:auto}.nav{position:fixed;z-index:20;top:var(--space-md);left:0;width:100%;pointer-events:none}.nav-inner{width:min(1100px,calc(100% - 24px));margin:auto;display:flex;align-items:center;gap:var(--space-md);padding:10px 12px 10px 16px;border:1px solid oklch(100% 0 0/.12);border-radius:999px;background:oklch(18% .03 292/.82);backdrop-filter:blur(18px) saturate(120%);box-shadow:0 16px 45px oklch(5% .02 292/.35);pointer-events:auto}.brand{display:block;width:135px;line-height:0}.brand img{width:100%;height:auto}.nav-links{display:flex;align-items:center;gap:18px;margin-left:auto}.nav-links a{color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap}.nav-links a:hover{color:var(--color-text)}.menu{display:none;background:none;border:0;color:var(--color-text)}.download,.outline{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 24px;border-radius:999px;font-weight:900;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.download{color:var(--color-ink);background:linear-gradient(105deg,var(--color-accent),oklch(86% .14 26),var(--color-accent));background-size:200% 100%;box-shadow:0 9px 30px oklch(58% .19 340/.35);animation:glow 4s linear infinite}.download:hover{transform:translateY(-2px);box-shadow:0 15px 40px oklch(58% .19 340/.48)}.download:active,.outline:active{transform:translateY(1px)}.mini{min-height:38px;padding:0 16px;font-size:var(--text-sm)}.outline{border:1px solid oklch(100% 0 0/.25);color:var(--color-text)}.outline:hover{background:var(--color-paper-2)}@keyframes glow{to{background-position:200% 0}}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.hero{min-height:830px;position:relative;display:grid;align-items:end;isolation:isolate}.hero-image{position:absolute;inset:0;z-index:-2}.hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,oklch(11% .03 292/.94) 0%,oklch(11% .03 292/.62) 48%,oklch(11% .03 292/.16) 100%),linear-gradient(0deg,oklch(11% .03 292/.9),transparent 55%)}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-content{padding:190px 0 100px;max-width:1120px}.hero-content>*{max-width:680px}.eyebrow{margin:0 0 var(--space-sm);font-weight:700;font-size:var(--text-xs);letter-spacing:.12em;color:var(--color-accent)}h1,h2,h3{font-family:var(--font-display);font-style:normal;line-height:1.13;letter-spacing:-.04em;overflow-wrap:anywhere;margin:0}h1{font-size:var(--text-display);font-weight:900}h1 span{display:block;color:var(--color-accent);font-size:clamp(1.2rem,2vw,1.8rem);letter-spacing:.04em;margin-top:12px}.lede{font-size:var(--text-lg);color:var(--color-muted);max-width:53ch}.facts{display:flex;flex-wrap:wrap;gap:8px;margin:var(--space-lg) 0}.facts span{font-size:var(--text-sm);padding:5px 11px;border-radius:999px;background:oklch(100% 0 0/.1)}.actions{display:flex;gap:12px;flex-wrap:wrap}.info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:oklch(100% 0 0/.12);margin-top:-24px;position:relative;z-index:1;border-radius:var(--radius-md);overflow:hidden}.info div{background:var(--color-paper-2);padding:22px}.info small{display:block;color:var(--color-muted);font-size:var(--text-xs)}.info strong{display:block;font-size:var(--text-base);margin-top:4px}.prose{padding-block:var(--space-3xl)}.prose h2,.feature-zone h2,.gallery-preview h2,.timeline h2,.fit h2,.faq h2,.articles h2,.final h2,.subpage h1,.subpage h2{font-size:var(--text-xl);max-width:20ch}.prose p{max-width:66ch;font-size:var(--text-lg);color:var(--color-muted)}.feature-zone,.fit{padding-block:var(--space-3xl);background:var(--color-paper)}.features{margin-top:var(--space-xl);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.features article,.review-grid article{padding:24px;background:var(--color-paper-2);border-radius:var(--radius-sm);transition:transform var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out)}.features article:hover,.review-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px oklch(7% .02 292/.38)}.features b{color:var(--color-accent)}.features h3,.review-grid h3{margin-top:35px;font-size:var(--text-lg)}.features p,.review-grid p{color:var(--color-muted);font-size:var(--text-sm)}.gallery-preview,.timeline,.faq,.articles{padding-block:var(--space-3xl)}.section-line{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:var(--space-xl)}.text-link{color:var(--color-accent);white-space:nowrap;font-weight:700}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gallery-grid button{border:0;padding:0;display:block;background:var(--color-paper-2);border-radius:var(--radius-sm);overflow:hidden;cursor:zoom-in}.gallery-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform var(--dur-normal) var(--ease-out),filter var(--dur-normal) var(--ease-out)}.gallery-grid button:hover img{transform:scale(1.04);filter:brightness(1.16)}.download-band,.final{padding-block:var(--space-3xl);background:linear-gradient(125deg,oklch(31% .12 332),oklch(20% .05 292))}.download-band h2,.final h2{font-size:var(--text-xl);max-width:18ch}.download-band p,.final p{color:var(--color-muted);max-width:58ch}.timeline ol,.steps ol{margin:var(--space-xl) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.timeline li,.steps li{border-top:2px solid var(--color-accent);padding-top:14px;display:grid;gap:8px}.timeline b,.steps b{font-size:var(--text-lg)}.timeline span,.steps p{color:var(--color-muted);font-size:var(--text-sm)}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:var(--space-xl)}.faq-item{border-bottom:1px solid oklch(100% 0 0/.14)}.faq-q{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;padding:20px 0;background:none;border:0;color:var(--color-text);font-size:var(--text-lg);font-weight:700;cursor:pointer}.faq-q span{color:var(--color-accent)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-normal) var(--ease-in-out)}.faq-a p{min-height:0;overflow:hidden;margin:0;color:var(--color-muted)}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-a p{padding-bottom:20px}.article-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-lg)}.article-links a,.internal a{padding:8px 12px;border-radius:999px;background:var(--color-paper-2);font-size:var(--text-sm)}.final{text-align:center}.final h2{margin:auto}.final p{margin:12px auto 24px}.footer{padding:var(--space-3xl) 0 var(--space-lg);background:var(--color-paper)}.footer-statement{font-size:clamp(2.3rem,5vw,5rem);line-height:1.05;font-weight:900;letter-spacing:-.06em;max-width:13ch;margin:0 0 var(--space-2xl)}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1.2fr;gap:32px}.footer-grid img{max-width:160px;height:auto}.footer-grid p,.footer small{color:var(--color-muted);font-size:var(--text-sm)}.footer-grid b{display:block;margin-bottom:10px}.footer-grid a{display:block;color:var(--color-muted);font-size:var(--text-sm);padding:3px 0}.footer small{display:block;margin-top:var(--space-xl)}.subpage{padding-top:175px;padding-bottom:var(--space-3xl)}.subpage>.lede{max-width:60ch}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:var(--space-xl) 0}.tabs button{padding:8px 14px;color:var(--color-muted);background:var(--color-paper-2);border:0;border-radius:999px;cursor:pointer}.tabs .active{background:var(--color-accent);color:var(--color-ink)}.gallery-grid.full{grid-template-columns:repeat(3,minmax(0,1fr))}.platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:var(--space-xl) 0 var(--space-3xl)}.platforms article{padding:30px;border-radius:var(--radius-md);background:var(--color-paper-2)}.platforms .muted{opacity:.75}.platforms span{color:var(--color-accent);font-size:var(--text-sm)}.platforms h2{font-size:var(--text-xl);margin:8px 0}.platforms p{color:var(--color-muted)}.steps,.requirements,.guide article{margin-top:var(--space-3xl)}.requirements>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:var(--space-lg)}.requirements article{padding:24px;background:var(--color-paper-2);border-radius:var(--radius-sm)}.requirements p{color:var(--color-muted)}.toc{position:sticky;top:84px;z-index:2;display:flex;gap:8px;overflow:auto;padding:12px 0;background:var(--color-ink)}.toc a{white-space:nowrap;padding:6px 11px;border-radius:999px;background:var(--color-paper-2);font-size:var(--text-sm)}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:var(--space-xl) 0}.guide-cards a{padding:24px;background:var(--color-paper-2);border-radius:var(--radius-sm)}.guide-cards b,.guide-cards span{color:var(--color-accent)}.guide-cards h2{margin:25px 0 8px}.guide article{max-width:74ch}.guide article p,.guide li{color:var(--color-muted)}.article{padding-top:175px;padding-bottom:var(--space-3xl);max-width:820px}.article .answer{font-size:var(--text-lg);color:var(--color-muted)}.article h2{font-size:var(--text-xl);margin-top:var(--space-2xl)}.article li{margin-bottom:8px}.article table{border-collapse:collapse;width:100%;margin-top:var(--space-lg)}.article th,.article td{text-align:left;padding:12px;border-bottom:1px solid oklch(100% 0 0/.15)}.article th{color:var(--color-accent)}.internal{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--space-xl)}.lightbox{border:0;padding:30px;background:oklch(8% .02 292/.96);max-width:min(1100px,96vw);max-height:94vh;color:var(--color-text)}.lightbox::backdrop{background:oklch(3% .01 292/.8)}.lightbox img{display:block;max-width:82vw;max-height:78vh;object-fit:contain}.lightbox button{position:absolute;border:0;background:var(--color-paper-2);color:var(--color-text);padding:8px;cursor:pointer}.lightbox .close{right:12px;top:12px}.lightbox .prev{left:12px;top:50%}.lightbox .next{right:12px;top:50%}@media(max-width:767px){.nav-inner{padding-left:13px}.brand{width:105px}.menu{display:block;margin-left:auto}.nav-links{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);padding:12px 18px;background:var(--color-paper-2);border-radius:var(--radius-md);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.mini{display:none}.hero{min-height:760px}.hero-image img{object-position:62% center}.hero-content{padding:160px 0 64px}.info,.features,.review-grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid.full{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline ol,.steps ol{grid-template-columns:1fr;gap:16px}.section-line{align-items:start;flex-direction:column}.platforms,.requirements>div,.guide-cards{grid-template-columns:1fr}.footer-grid{gap:24px}.footer-grid>div:first-child{grid-column:span 2}.subpage,.article{padding-top:140px}.lightbox{padding:24px 5px}.lightbox img{max-width:90vw}}@media(max-width:420px){.info,.features,.review-grid,.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.facts span{font-size:.75rem}.download,.outline{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}}