.hero{min-block-size:100svh;padding:calc(5rem + var(--space-xl)) var(--site-padding) var(--space-xl);background:var(--base);color:var(--text-color);justify-content:center;display:flex;position:relative;overflow:clip;&:after{content:"";pointer-events:none;background:radial-gradient(ellipse at 15% 50%, var(--primary-10), transparent 60%);position:absolute;inset:0}@media (width<=900px){min-block-size:92svh}@media (width<=700px){min-block-size:auto;padding-block:calc(4rem + var(--space-xxl) + env(safe-area-inset-top)) var(--space-l);display:block}}.hero__layout{grid-template-columns:46% 54%;align-items:center;gap:0;inline-size:100%;max-inline-size:none;margin-inline:auto;display:grid;position:static;@media (width<=900px){grid-template-columns:1fr}@media (width>=701px) and (width<=900px){grid-template-columns:40% 60%}@media (width<=700px){gap:var(--space-l);grid-template-columns:minmax(0,1fr);align-items:start}}.hero__copy{z-index:2;padding-block:var(--space-xl);flex-flow:column;grid-column:2;align-items:flex-start;gap:clamp(1.5rem,2vw,5rem);inline-size:100%;padding-inline-start:2vw;display:flex;position:relative;@media (width<=900px){gap:var(--space-l);grid-column:1;max-inline-size:42rem;margin-inline:auto;padding-inline-start:0}@media (width>=701px) and (width<=900px){padding-inline-start:var(--space-m);padding-block:var(--space-xl);grid-column:2;margin:0}@media (width<=700px){gap:var(--space-m);grid-area:1/1;padding:0}}.hero__title{--hero-display:clamp(3rem, 10.2vw, 32rem);font-size:var(--hero-display);letter-spacing:-.065em;inline-size:100%;margin:0;line-height:.98;@media (width<=900px){--hero-display:clamp(3rem, 10.5vw, 6rem)}@media (width>=701px) and (width<=1024px){--hero-display:clamp(3rem, 8.8vw, 5.5rem)}@media (width<=700px){--hero-display:calc(var(--h1) * 1.4)}}.hero__title-line{display:block}.hero__title-accent{color:var(--secondary);display:block}.hero__lead{--hero-body:clamp(1.125rem, 1.35vw, 3rem);font-size:var(--hero-body);color:var(--neutral-300);white-space:pre-line;max-inline-size:34em;line-height:1.5;@media (width<=900px){font-size:var(--text-m)}}.hero__actions{align-items:center;gap:var(--space-m);--hero-action:clamp(1rem, 1vw, 2rem);flex-wrap:wrap;display:flex;&>button{font-size:var(--hero-action)}@media (width<=900px){--hero-action:var(--text-m)}@media (width<=700px){gap:var(--space-s);grid-template-columns:minmax(0,1fr);inline-size:100%;display:grid;&>button{inline-size:100%;min-block-size:var(--tap-target);grid-template-columns:minmax(0,1fr);justify-content:stretch}}}.hero__download{&:disabled{opacity:1;cursor:not-allowed}}.hero__availability{color:var(--neutral-300);font-size:clamp(.75rem,.85vw,1.5rem);@media (width<=700px){font-size:var(--text-xs)}}.hero__visual{pointer-events:auto;grid-template-columns:repeat(3,1fr);gap:1.8vw;inline-size:57vw;display:grid;position:absolute;inset:0 auto 0 -9vw;overflow:hidden;mask-image:linear-gradient(#000 85%,#0000);@media (width<=900px){opacity:.075;pointer-events:none;inline-size:120vw;inset:0 auto 0 -40vw}@media (width>=701px) and (width<=900px){opacity:1;pointer-events:auto;inline-size:58vw;inset:0 auto 0 -14vw}@media (width<=700px){inline-size:calc(100% + 2 * var(--site-padding));block-size:clamp(17rem,70vw,24rem);gap:var(--space-s);opacity:1;pointer-events:none;grid-area:2/1;margin-inline-start:calc(-1 * var(--site-padding));position:relative;inset:auto;mask-image:linear-gradient(#0000,#000 10% 85%,#0000)}}.hero__workflow{gap:var(--space-l);inline-size:100%;max-inline-size:var(--content-width);border-block-start:var(--border);padding:var(--space-xl) var(--site-padding);grid-template-columns:1.05fr repeat(3,1fr);margin-inline:auto;display:grid;@media (width<=900px){grid-template-columns:repeat(3,1fr)}@media (width<=600px){gap:var(--space-l);grid-template-columns:1fr}}.hero__workflow-intro{font-size:var(--text-m);color:var(--secondary);@media (width<=900px){display:none}}.hero__step{align-items:flex-start;gap:var(--space-s);display:flex}.hero__step-number{font-size:var(--text-xs);color:var(--primary);padding-block-start:.2em}.hero__step-body{gap:var(--space-xs);flex-direction:column;display:flex}.hero__step-title{color:var(--secondary);font-size:var(--text-s)}.hero__step-description{font-size:var(--text-xs);color:var(--neutral-300)}.hero__pattern-column{will-change:transform;flex-flow:column;gap:1.8vw;display:flex;@media (width<=700px){gap:var(--space-s)}z-index:1;position:relative}.hero__pattern-cell{background-image:url(/images/lumengrab/lumen-field.svg);background-size:57vw 100svh;background-position:var(--field-x) var(--field-y);border-radius:1.5vw 5vw;flex:none;block-size:26vw;inline-size:100%;&:nth-child(2n){border-radius:5vw 1.5vw}@media (width<=900px){background-size:120vw 100svh;border-radius:3vw 10vw;block-size:50vw;&:nth-child(2n){border-radius:10vw 3vw}}isolation:isolate;position:relative;overflow:hidden;@media (width>=701px) and (width<=900px){block-size:29vw}@media (width<=700px){border-radius:var(--space-m) var(--space-xxl) var(--space-m) var(--space-xxl);block-size:clamp(13rem,50vw,22rem);&:nth-child(2n){border-radius:var(--space-xxl) var(--space-m) var(--space-xxl) var(--space-m)}}contain:layout paint;.hero[data-webgl=active] &{background-image:none}}.hero__pattern-content{z-index:1;justify-content:center;align-items:center;gap:var(--space-s);text-align:center;flex-flow:column;block-size:100%;inline-size:100%;padding:10%;display:flex;position:relative}.hero__pattern-product{object-fit:contain;border-radius:var(--radius-s);filter:brightness(.9);block-size:auto;max-block-size:65%;inline-size:100%;margin-block-end:var(--space-s);display:block}.hero__pattern-label{font-family:var(--font-heading);color:var(--secondary);font-size:clamp(.875rem,1.1vw,2.4rem);font-weight:600;line-height:1.1;@media (width<=700px){font-size:var(--text-xs)}}.hero__pattern-shader{opacity:1;z-index:0;pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0;.hero[data-webgl=active] &{visibility:hidden}}.hero__pattern-description{color:var(--secondary-70);font-size:clamp(.7rem,.75vw,1.6rem);line-height:1.4;@media (width<=700px){display:none}}.home-section{padding:var(--section-space-xl) var(--site-padding);scroll-margin-top:7rem;&.privacy,&.free,&.download,&.faq{padding-block-start:var(--section-space-s)}}.home-section__inner{inline-size:100%;max-inline-size:var(--content-width);margin-inline:auto}.home-section__header{align-items:flex-start;gap:var(--space-m);flex-flow:column;min-inline-size:0;display:flex}.home-section__eyebrow{align-items:center;gap:var(--space-s);font-size:var(--text-xs);color:var(--primary);border:1px solid var(--primary-30);letter-spacing:.14em;border-radius:999px;padding:.5em 1.15em;font-weight:600;display:inline-flex;&:before{content:"";background:currentColor;border-radius:50%;block-size:.5em;inline-size:.5em}}.home-section__title{letter-spacing:-.035em;max-inline-size:100%;color:var(--secondary);margin:0;font-size:clamp(2.5rem,4.875vw,5.25rem);line-height:1}.home-section__line{transform-origin:0 100%;display:block}.home-section__lead{font-size:var(--text-l);color:var(--neutral-300);max-inline-size:46rem;margin:0}.home-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,6rem);display:grid;@media (width<=900px){grid-template-columns:1fr}}.home-actions{gap:var(--space-s);flex-wrap:wrap;align-items:center;display:flex;@media (width<=700px){justify-content:center;inline-size:100%;&>.button-028{max-inline-size:100%}}}.home-icon{block-size:1.25em;inline-size:1.25em;color:var(--primary);flex:none;.download__releases &{color:var(--base)}}.home-chip{font-size:var(--text-xs);color:var(--neutral-200);background:var(--neutral);border:var(--border);white-space:nowrap;border-radius:999px;padding:.3em .8em}.home-link{color:var(--primary);text-underline-offset:.25em;text-decoration:underline}.how-it-works__stage{gap:var(--space-l);padding-block:var(--space-xl) var(--space-m);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative;@media (width<=700px){gap:var(--space-xl);grid-template-columns:1fr;padding-block-start:var(--space-xl)}@media (width<=900px){gap:var(--space-xl);grid-template-columns:minmax(0,1fr);padding-block-start:var(--space-l)}}.how-it-works__step{gap:var(--space-m);flex-flow:column;min-inline-size:0;display:flex;@media (width<=900px){gap:var(--space-s) var(--space-m);grid-template-columns:2.5rem minmax(0,1fr);display:grid;position:relative}}.how-it-works__image{aspect-ratio:420/400;object-fit:cover;border-radius:clamp(1rem,1.625vw,1.75rem);block-size:auto;inline-size:100%;display:block;@media (width<=700px){object-fit:contain;max-block-size:55svh}@media (width<=900px){object-fit:contain;border-radius:var(--radius-m);grid-area:1/2;max-block-size:55svh}}.how-it-works__track{inline-size:calc(100% + var(--space-l));align-items:center;gap:var(--space-s);display:flex;@media (width<=700px){inline-size:100%}@media (width<=900px){display:contents}}.how-it-works__point{background:var(--primary);block-size:2.5rem;inline-size:2.5rem;color:var(--base);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;@media (width<=900px){z-index:1;grid-area:1/1;align-self:start;position:relative}}.how-it-works__line{background:var(--primary-10);flex:1;block-size:2px;position:relative;@media (width<=900px){inline-size:2px;block-size:calc(100% + var(--space-xl) - 2.5rem);position:absolute;top:2.5rem;left:calc(1.25rem - 1px)}}.how-it-works__line-fill{background:var(--primary);transform-origin:0;block-size:100%;inline-size:100%;display:block;@media (width<=900px){transform-origin:top}}.how-it-works__title{color:var(--secondary);margin:0;font-size:clamp(1.75rem,2.45vw,2.625rem);@media (width<=900px){font-size:var(--h3);grid-area:2/2}}.how-it-works__description{font-size:var(--text-s);color:var(--neutral-300);margin:0;@media (width<=900px){grid-area:3/2}}.principles{padding:var(--space-l) var(--site-padding);border-block:var(--border);background:color-mix(in oklab, var(--base), var(--neutral) 12%)}.principles__inner{justify-content:space-between;gap:var(--space-l);flex-wrap:wrap;display:flex}.principles__item{align-items:center;gap:var(--space-s);display:flex}.principles__label{font-size:var(--text-s);color:var(--secondary)}.features__grid{gap:var(--space-m);grid-template-columns:repeat(6,minmax(0,1fr));padding-block-start:var(--space-xxl);display:grid;@media (width<=900px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=600px){grid-template-columns:1fr}}.features__card{background:color-mix(in oklab, var(--base), var(--neutral) 48%);border:var(--border);gap:var(--space-m);border-radius:clamp(1.25rem,1.85vw,2rem);flex-flow:column;grid-column:span 2;min-inline-size:0;padding:clamp(1.25rem,2.1vw,2.25rem);display:flex;overflow:hidden;&[data-variant=wide]{grid-column:span 4}&[data-variant=shadow]{grid-column:span 2}@media (width<=900px){grid-column:span 1;&[data-variant=wide]{grid-column:1/-1}&[data-variant=shadow]{grid-column:span 1}}@media (width<=600px){grid-column:1/-1;&[data-variant=shadow]{grid-column:1/-1}}}.features__icon-chip{background:var(--primary-10);border:1px solid var(--primary-20);border-radius:.875rem;flex:none;place-items:center;block-size:2.75rem;inline-size:2.75rem;display:grid}.features__title{font-size:var(--h3);margin:0}.features__description{font-size:var(--text-s);color:var(--neutral-300);margin:0}.features__image{object-fit:contain;object-position:center;border-radius:1rem;block-size:13rem;inline-size:100%;margin-block-start:auto;display:block;@media (width>=901px){.features__card[data-variant=wide] &,.features__card[data-variant=shadow] &{block-size:17.5rem}}@media (width<=600px){block-size:auto;max-block-size:22rem}}.features__extras{gap:var(--space-m);grid-template-columns:repeat(4,minmax(0,1fr));padding-block-start:var(--space-m);display:grid;@media (width<=900px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=600px){grid-template-columns:1fr}}.features__extra{min-inline-size:0;padding:var(--space-l);border:var(--border);background:color-mix(in oklab, var(--base), var(--neutral) 48%);gap:var(--space-m);border-radius:2rem;flex-direction:column;display:flex}.features__extra-top{justify-content:space-between;align-items:center;gap:var(--space-s);display:flex}.features__extra-title{font-size:var(--h4);margin:0}.privacy__panel{border:var(--border);background:radial-gradient(ellipse at 0 0, var(--primary-10), transparent 70%), color-mix(in oklab, var(--base), var(--neutral) 28%);gap:var(--space-xxl);border-radius:clamp(1.5rem,2.8vw,3rem);flex-flow:column;padding:clamp(1.5rem,4.2vw,4.5rem);display:flex;overflow:hidden}.privacy__stats{flex-flow:column;display:flex}.privacy__stat{align-items:center;gap:var(--space-l);padding-block:var(--space-m);border-block-end:var(--border);display:flex;&:last-child{border:0}}.privacy__zero{font-family:var(--font-heading);color:var(--primary);font-size:clamp(5rem,8.7vw,9.375rem);line-height:1}.privacy__stat-copy{gap:var(--space-xs);flex-flow:column;display:flex}.privacy__stat-title{font-size:var(--h3);margin:0}.privacy__stat-description{font-size:var(--text-s);color:var(--neutral-300);margin:0}.privacy__network{align-items:center;gap:var(--space-s);border-block-start:var(--border);flex-wrap:wrap;padding-block-start:var(--space-l);display:flex}.privacy__network-label{font-size:var(--text-s);color:var(--neutral-300)}.free__title{font-size:clamp(4.5rem,8.3vw,8.9375rem)}.free__details{flex-flow:column;display:flex}.free__detail{align-items:flex-start;gap:var(--space-m);padding-block:var(--space-l);border-block-end:var(--border);display:flex;&:last-child{border:0}}.free__detail-copy{gap:var(--space-xs);flex-flow:column;display:flex}.free__detail-title{font-size:var(--h4);margin:0}.download__panel{gap:var(--space-xxl);background:var(--primary);color:var(--base);border-radius:clamp(1.5rem,2.8vw,3rem);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;padding:clamp(1.5rem,4.2vw,4.5rem);display:grid;@media (width<=1100px){grid-template-columns:1fr}& .home-section__eyebrow{color:var(--base);border-color:var(--base-30)}& .home-section__lead{color:var(--base-80)}}.download__title{color:var(--base);inline-size:100%;font-size:clamp(2.5rem,18cqi,7.5rem)}.download__status{font-size:var(--text-xs);color:var(--base-70);margin:0}.download__releases{align-items:center;gap:var(--space-s);color:var(--base);text-decoration:none;display:inline-flex;&:hover{text-decoration:underline}}.download__release-label{font-size:var(--text-s);font-weight:600}.download__notes{gap:var(--space-m);flex-flow:column;min-inline-size:0;display:flex}.download__note{background:var(--base);color:var(--secondary);padding:var(--space-l);gap:var(--space-m);border-radius:1.75rem;flex-direction:column;display:flex}.download__note-title{font-size:var(--h5);align-items:center;gap:var(--space-s);max-inline-size:100%;margin:0;display:flex}.download__steps{gap:var(--space-s);flex-flow:column;margin:0;padding-inline-start:1.4em;list-style:decimal;display:flex}.download__step{font-size:var(--text-s);color:var(--neutral-200);&::marker{color:var(--primary)}}.download__signing{font-size:var(--text-xs);color:var(--base-70);margin:0}.faq__layout{gap:var(--space-xxl);grid-template-columns:minmax(0,.7fr) minmax(0,1.2fr);align-items:start;display:grid;@media (width<=900px){grid-template-columns:1fr}}.faq__questions{min-inline-size:0}.faq__item{border-block-end:var(--border);&:first-child{border-block-start:var(--border)}}.faq__question{max-inline-size:100%;margin:0}.faq__trigger{justify-content:space-between;align-items:center;gap:var(--space-m);inline-size:100%;padding:var(--space-l) 0;color:var(--secondary);text-align:start;font-family:var(--font-heading);font-size:var(--h4);background:0 0;border:0;border-radius:0;font-weight:600;line-height:1.25;display:flex;&:hover,&:active{background:0 0;transform:none}&[aria-expanded=true] .faq__toggle{background:var(--primary);color:var(--base);border-color:var(--primary)}}.faq__question-text{flex:1}.faq__toggle{border:var(--border-strong);border-radius:50%;flex:none;place-items:center;block-size:2.5rem;inline-size:2.5rem;display:grid}.faq__plus{block-size:1.1rem;inline-size:1.1rem;color:inherit}.faq__answer{overflow:hidden;&[hidden]{display:none}}.faq__answer-text{font-size:var(--text-m);color:var(--neutral-300);margin:0;padding-block-end:var(--space-l)}.download__copy{inline-size:100%;min-inline-size:0;container-type:inline-size}.preview{--preview-backdrop-opacity:0;--preview-backdrop-blur:0px;inline-size:min(85rem, calc(100% - 2 * var(--space-l)));block-size:min(51.875rem, calc(100svh - 2 * var(--space-l)));max-inline-size:none;max-block-size:calc(100svh - 2 * var(--space-l));background:color-mix(in oklab, var(--base), var(--neutral) 16%);color:var(--secondary);border:var(--border-strong);box-shadow:0 2.5rem 7.5rem color-mix(in oklab, var(--black) 80%, transparent), 0 0 5.625rem var(--primary-10);border-radius:2rem;grid-template-columns:minmax(0,30.88fr) minmax(0,69.12fr);gap:0;margin:auto;padding:0;display:grid;position:fixed;inset:0;overflow:auto;&::backdrop{background:var(--base-70);opacity:var(--preview-backdrop-opacity);backdrop-filter:blur(var(--preview-backdrop-blur))}&:not([open]){display:none}@media (width<=900px),(height<=760px){inline-size:calc(100% - 2 * var(--space-m));block-size:auto;max-block-size:calc(100svh - 2 * var(--space-m));border-radius:var(--radius-l);grid-template-columns:1fr;grid-template-areas:"intro""stage""bottom"}overscroll-behavior:contain;grid-template-rows:minmax(0,1fr);@media (width<=900px),(height<=760px){grid-template-rows:auto auto auto;flex-direction:column;display:flex;inline-size:calc(100% - 2 * var(--space-s));max-block-size:calc(100dvh - 2 * var(--space-s) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.preview__rail{justify-content:space-between;gap:var(--space-l);flex-direction:column;min-inline-size:0;padding:clamp(1.25rem,2.3vw,2.5rem);display:flex;overflow:auto;@media (width<=900px),(height<=760px){display:contents}min-block-size:0}.preview__top{align-items:flex-start;gap:var(--space-m);flex-direction:column;display:flex;@media (width<=900px),(height<=760px){padding:var(--space-l);grid-area:intro;padding-inline-end:calc(var(--space-l) + 2.75rem);flex:none;order:0;padding:var(--space-m);order:1}}.preview__eyebrow{color:var(--primary);border:1px solid var(--primary-30);font-size:var(--text-xs);border-radius:999px;align-items:center;gap:.5em;padding:.4em .9em;display:inline-flex;&:before{content:"";background:currentColor;border-radius:50%;width:.4em;height:.4em}}.preview__title{letter-spacing:-.03em;max-inline-size:100%;font-size:clamp(2rem,2.67vw,2.875rem);line-height:1.05}.preview__intro{color:var(--neutral-300);font-size:var(--text-s);padding:0}.preview__steps{gap:var(--space-s);flex-direction:column;inline-size:100%;display:flex;@media (width<=600px){gap:var(--space-xs)}gap:var(--space-xs)}.preview__step{justify-content:flex-start;align-items:flex-start;gap:var(--space-s);border-radius:var(--radius-m);inline-size:100%;padding:var(--space-s);text-align:start;color:var(--neutral-300);cursor:pointer;background:0 0;border:1px solid #0000;display:flex;&.preview__step{transform:none}&[aria-selected=true]{background:var(--primary-5,color-mix(in oklab, var(--primary) 5%, transparent));border-color:var(--primary-30);color:var(--secondary)}}.preview__step-number{border:var(--border-strong);block-size:2rem;inline-size:2rem;font-size:var(--text-xs);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;.preview__step[aria-selected=true] &{background:var(--primary);color:var(--base);border-color:var(--primary);&>.preview__label{visibility:hidden}}}.preview__step-check{block-size:1em;inline-size:1em;display:none;position:absolute;.preview__step[aria-selected=true] &{display:block}}.preview__step-copy{flex-direction:column;flex:1;gap:.25em;min-inline-size:0;display:flex}.preview__step-title{font-family:var(--font-heading);font-size:var(--text-m);color:inherit;font-weight:600}.preview__step-description{font-size:var(--text-xs);color:var(--neutral-300);line-height:1.5}.preview__bottom{gap:var(--space-m);flex-direction:column;display:flex;@media (width<=900px),(height<=760px){padding:var(--space-l);grid-area:bottom}gap:var(--space-s);@media (width<=900px),(height<=760px){flex:none;order:2;padding:var(--space-m);order:3}}.preview__trust{gap:var(--space-s);flex-direction:column;display:flex}.preview__trust-item{align-items:center;gap:var(--space-s);font-size:var(--text-xs);color:var(--neutral-300);display:flex}.preview__icon{block-size:1.15em;inline-size:1.15em;color:var(--primary);flex:none;.preview__close &{color:inherit}.preview__size &,.preview__mode[data-active=true] &,.preview__callout &{color:var(--base)}}.preview__download{inline-size:100%;font-size:var(--text-s);&:disabled{opacity:1;cursor:not-allowed}& .button-028__content{inline-size:100%}grid-template-columns:minmax(0,1fr);justify-content:stretch}.preview__hints{gap:var(--space-s);color:var(--neutral-300);font-size:var(--text-xs);flex-wrap:wrap;display:flex;@media (width<=700px),(hover:none){display:none}}.preview__hint{align-items:center;gap:.45em;display:inline-flex}.preview__key{border:var(--border-strong);color:var(--secondary);background:var(--neutral-50);font-family:var(--font-primary);font-size:inherit;border-radius:.4em;place-items:center;min-inline-size:1.8em;padding:.25em .5em;display:inline-grid}.preview__stage-wrap{padding:var(--space-m);min-inline-size:0;@media (width<=900px),(height<=760px){grid-area:stage;padding-block-start:0}min-block-size:0;padding:1rem;display:block;@media (width<=900px),(height<=760px){min-block-size:min-content;flex:none;order:1;inline-size:100%;padding:0 var(--space-m);order:2}}.preview__stage{border:var(--border);background:radial-gradient(ellipse at 88% 8%, var(--primary-20), transparent 65%), color-mix(in oklab, var(--base), var(--neutral) 28%);border-radius:1.375rem;flex-direction:column;justify-content:space-between;gap:0;block-size:100%;min-block-size:0;display:flex;position:relative;overflow:hidden;container-type:inline-size;@media (width<=900px),(height<=760px){block-size:auto}}.preview__stage-top{padding:var(--space-l) var(--space-l) 0;justify-content:space-between;align-items:center;gap:var(--space-m);flex:none;display:flex;@media (width<=600px){padding:var(--space-m) var(--space-m) 0}min-block-size:calc(2.5rem + var(--space-l));padding-inline-end:calc(2.5rem + 2 * var(--space-l))}.preview__tag{border:var(--border-strong);background:var(--neutral-80);font-size:var(--text-xs);border-radius:999px;align-items:center;gap:.75em;padding:.5em 1em;display:inline-flex}.preview__tag-number{color:var(--primary);font-weight:600}.preview__tag-name{border-inline-start:var(--border-strong);padding-inline-start:.75em}.preview__close{z-index:3;top:calc(var(--space-m) + var(--space-l));right:calc(var(--space-m) + var(--space-l));border:var(--border-strong);background:var(--neutral-80);block-size:2.5rem;inline-size:2.5rem;color:var(--secondary);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;@media (width<=900px),(height<=760px){top:var(--space-m);right:var(--space-m);inline-size:var(--tap-target);block-size:var(--tap-target);flex:none;position:static}}.preview__panels{flex:1;gap:0;min-block-size:0;min-inline-size:0;display:grid;position:relative}.preview__panel{flex-direction:column;grid-area:1/1;justify-content:center;min-inline-size:0;display:flex;&[hidden]{display:none}gap:0;min-block-size:0}.preview__illustration{aspect-ratio:908/646;flex:none;inline-size:100%;font-size:clamp(.5rem,1.43cqi,.8125rem);position:relative;@media (width<=600px){&[data-scene=quick]{aspect-ratio:auto;padding:var(--space-m);gap:var(--space-m);font-size:var(--text-xs);flex-direction:column;display:flex}}}.preview__screenshot{object-fit:contain;block-size:auto;inline-size:83.7%;box-shadow:var(--shadow-l);border:1px solid var(--secondary-10);border-radius:1em;position:absolute;top:5%;left:7.05%}.preview__size{background:var(--primary);color:var(--base);box-shadow:var(--shadow-m);border-radius:999px;align-items:center;gap:.5em;padding:.65em 1em;font-weight:600;display:flex;position:absolute;top:18%;left:26.2%}.preview__hotkey{background:var(--neutral);border:var(--border-strong);box-shadow:var(--shadow-l);border-radius:1.5em;flex-direction:column;gap:.85em;padding:1.3em;display:flex;position:absolute;top:0;right:8.5%}.preview__hotkey-label{color:var(--neutral-300);letter-spacing:.14em;font-size:.85em}.preview__keys{gap:.6em;font-size:1.1em;display:flex}.preview__modes{background:var(--neutral);box-shadow:var(--shadow-m);border-radius:1.2em;align-items:center;gap:.25em;padding:.45em;display:flex;position:absolute;top:69.2%;left:21.4%}.preview__mode{color:var(--neutral-300);border-radius:.75em;align-items:center;gap:.5em;padding:.6em .8em;display:flex;&[data-active=true]{background:var(--primary);color:var(--base)}}.preview__monitors{background:var(--neutral);border:var(--border-strong);border-radius:999px;align-items:center;gap:.7em;padding:.65em 1em;display:flex;position:absolute;bottom:5%;right:7%}.preview__highlight{border:.23em solid var(--primary);background:var(--primary-10);border-radius:1em;block-size:43.5%;inline-size:46.7%;position:absolute;top:27.8%;left:17.2%}.preview__badge{background:var(--primary);block-size:2.46em;inline-size:2.46em;color:var(--base);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:24.5%;left:15%}.preview__callout{background:var(--primary);color:var(--base);box-shadow:var(--shadow-m);border-radius:999px;align-items:center;gap:.6em;padding:.7em 1em;font-weight:600;display:flex;position:absolute;top:20%;left:33%}.preview__toast{background:var(--neutral);border:var(--border-strong);box-shadow:var(--shadow-m);border-radius:1.2em;align-items:center;gap:.7em;padding:.85em 1.2em;display:flex;position:absolute;top:77%;left:57.3%}.preview__quick-access{block-size:auto;inline-size:32%;box-shadow:var(--shadow-m);border-radius:.8em;position:absolute;top:76%;left:3.8%}.preview__result{block-size:auto;inline-size:51.8%;box-shadow:var(--shadow-l);border:1px solid var(--secondary-10);border-radius:1em;position:absolute;top:5%;left:7%;@media (width<=600px){object-fit:contain;max-block-size:20rem;inline-size:100%;position:static}}.preview__export-actions{flex-direction:column;gap:1.2em;inline-size:33%;display:flex;position:absolute;top:5%;left:62.3%;@media (width<=600px){gap:var(--space-s);inline-size:100%;position:static}}.preview__export-action{border:var(--border);background:color-mix(in oklab, var(--base), var(--neutral) 72%);border-radius:1.5em;align-items:center;gap:1em;min-block-size:8em;padding:1.25em;display:flex;&[data-active=true]{border-color:var(--primary-40)}@media (width<=600px){min-block-size:auto;padding:var(--space-m)}}.preview__icon-chip{background:var(--primary-10);border:1px solid var(--primary-20);border-radius:1em;flex:none;place-items:center;block-size:3.2em;inline-size:3.2em;font-size:1.05em;display:grid}.preview__export-copy{flex-direction:column;gap:.25em;min-inline-size:0;display:flex}.preview__export-title{font-family:var(--font-heading);font-size:1.2em;font-weight:600}.preview__export-description{color:var(--neutral-300);font-size:.85em;line-height:1.4}.preview__export-check{color:var(--base);background:var(--primary);border-radius:50%;flex:none;block-size:1.8em;inline-size:1.8em;padding:.3em}.preview__formats{align-items:center;gap:.45em;display:flex}.preview__format{border:var(--border-strong);border-radius:999px;padding:.5em .8em;font-size:.85em;&[data-active=true]{background:var(--secondary);color:var(--base);border-color:var(--secondary)}}.preview__notice{border:var(--border);background:color-mix(in oklab, var(--base), var(--neutral) 68%);border-radius:1.5em;align-items:center;gap:1em;padding:1.2em 1.6em;display:flex;position:absolute;bottom:5%;left:7%;right:4.5%;@media (width<=600px){inline-size:100%;padding:var(--space-m);position:static}}.preview__notice-text{color:var(--neutral-200);font-size:1em;line-height:1.4}.preview__caption{font-size:var(--text-xs);color:var(--neutral-400);padding:0 7% var(--space-xxl);@media (width<=600px){padding-block-end:var(--space-l)}color:var(--neutral-300);padding-block-end:var(--space-l)}.preview__label{min-inline-size:0}.preview-lock{overflow:hidden}.preview__progress{border-radius:var(--radius-l);background:var(--neutral-400);visibility:hidden;block-size:4px;inline-size:100%;display:block;overflow:hidden;.preview__step[aria-selected=true] &{visibility:visible}@media (prefers-reduced-motion:reduce){visibility:hidden;.preview__step[aria-selected=true] &{visibility:hidden}}}.preview__progress-fill{border-radius:inherit;background:var(--primary);transform-origin:0;block-size:100%;inline-size:100%;display:block;transform:scaleX(0)}.preview__toolbar{display:contents;@media (width<=900px),(height<=760px){justify-content:space-between;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);z-index:5;background:var(--base-90);backdrop-filter:blur(16px);flex:none;order:0;display:flex;position:sticky;inset-block-start:0}}.preview__toolbar-brand{display:none;@media (width<=900px),(height<=760px){align-items:center;gap:var(--space-s);display:flex}}.preview__toolbar-mark{object-fit:contain;block-size:1.75rem;inline-size:1.75rem}.preview__toolbar-label{font-size:var(--text-s)}.download__platforms{align-items:center;gap:calc(var(--space-s) + var(--space-xs) / 4);flex-wrap:wrap;display:flex;@media (width<=700px){flex-direction:column;justify-content:center;align-items:center;inline-size:100%}}.download__platform-button{font-size:calc((var(--text-s) + var(--text-m)) / 2);--btn-padding-block:.94em;--btn-padding-inline:1.294em;--button-028-icon-size:var(--text-l);--button-028-icon-gap:var(--space-s);--button-028-detail-gap:var(--space-xs);min-block-size:var(--tap-target);max-inline-size:100%;line-height:1.2}.free__accent{color:var(--primary)}.hero__field-canvas{z-index:0;pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0}