@layer reset,base,tokens,bits;@layer components{.features-hero{padding-block:clamp(var(--nw-space-10), 5vw, var(--nw-space-16)) var(--nw-space-10)}.features-hero .page-header h1{max-width:none}.features-hero .page-header p{max-width:52ch}.features-content{max-width:66rem;padding-inline:var(--nw-space-4);margin-inline:auto}.feature-stories{border:1px solid var(--nw-border-default);border-radius:var(--nw-radius-2xl);background:var(--nw-bg-surface)}.feature-story{align-items:center;gap:var(--nw-space-10);padding:var(--nw-space-10);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.feature-story+.feature-story{border-top:1px solid var(--nw-border-default)}.feature-story--context{background:linear-gradient(110deg, color-mix(in oklch, var(--nw-accent) 5%, transparent), transparent 80%)}.feature-story__copy{min-width:0}.feature-story__label{margin:0 0 var(--nw-space-3);color:var(--nw-accent-readable);font-size:var(--nw-text-14);font-weight:var(--nw-font-medium)}.feature-story h2,.features-roadmap h2{margin:0 0 var(--nw-space-5);font-family:var(--nw-font-accent);font-size:clamp(2rem,3.2vw,2.75rem);font-weight:var(--nw-font-normal);line-height:var(--nw-leading-tight);text-wrap:balance}.feature-story__copy>p:where(:not(.feature-story__label)){margin:0 0 var(--nw-space-4);font-size:var(--nw-text-16);line-height:var(--nw-leading-relaxed);text-wrap:pretty}.feature-story__copy>.feature-story__note{color:var(--nw-text-secondary);font-size:var(--nw-text-14)}.features-content a{color:var(--nw-accent-readable);font-size:var(--nw-text-14);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--nw-accent-readable) 35%, transparent);text-decoration-color:color-mix(in oklch, var(--nw-accent-readable) 35%, transparent)}.features-content a:hover{text-decoration-color:currentColor}.features-content a:focus-visible{outline:2px solid var(--nw-accent);outline-offset:4px}.feature-capture{min-width:0;margin:0}.feature-capture__frame{align-content:center;justify-items:center;gap:var(--nw-space-2);aspect-ratio:3/2;padding:var(--nw-space-4);border:1px dashed var(--nw-border-default);border-radius:var(--nw-radius-l);background:linear-gradient(135deg, color-mix(in oklch, var(--nw-accent) 5%, transparent), transparent), var(--nw-bg-page);text-align:center;color:var(--nw-text-secondary);font-size:var(--nw-text-14);display:grid}.feature-capture__size{font-size:var(--nw-text-13);font-variant-numeric:tabular-nums}.feature-essentials{margin-top:var(--nw-space-8);border:1px solid var(--nw-border-default);border-radius:var(--nw-radius-2xl);background:var(--nw-bg-surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.essential{grid-template-rows:subgrid;row-gap:var(--nw-space-4);padding:var(--nw-space-10);grid-row:span 4;min-width:0;display:grid}.essential+.essential{border-left:1px solid var(--nw-border-default)}.essential__art{height:96px;color:var(--nw-accent-readable);align-items:center;display:flex}.dictionary-motif{isolation:isolate;width:64px;height:76px;margin-left:var(--nw-space-4);border:1px solid color-mix(in oklch, var(--nw-accent-readable) 55%, transparent);border-radius:var(--nw-radius-xs);background:var(--nw-bg-surface);font-family:var(--nw-font-accent);font-size:var(--nw-text-32);place-items:center;display:grid;position:relative}.dictionary-motif:before,.dictionary-motif:after{content:"";border:1px solid color-mix(in oklch, var(--nw-accent-readable) 25%, transparent);border-radius:inherit;background:var(--nw-bg-surface);position:absolute}.dictionary-motif:before{z-index:-1;inset:-7px 7px 7px -7px}.dictionary-motif:after{z-index:-2;inset:-14px 14px 14px -14px}.device-motif{border:1px solid color-mix(in oklch, var(--nw-accent-readable) 40%, transparent);border-radius:var(--nw-radius-s);place-items:center;width:112px;height:76px;display:grid;position:relative}.device-motif:after{content:"";border-top:1px solid color-mix(in oklch, var(--nw-accent-readable) 40%, transparent);width:40px;position:absolute;top:calc(100% + 7px)}.device-motif svg,.device-motif span{grid-area:1/1}.device-motif svg{opacity:.6}.device-motif span{font-family:var(--nw-font-accent);font-size:var(--nw-text-20);line-height:1}.essential__art--languages{gap:var(--nw-space-3);font-size:var(--nw-text-32);line-height:1}.essential__art--languages span:first-child{font-family:var(--nw-font-accent);font-size:1.3em}.essential h2{font-size:clamp(var(--nw-text-18), 1.4vw, var(--nw-text-20));font-weight:var(--nw-font-semibold);margin:0}.essential p{font-size:var(--nw-text-15);line-height:var(--nw-leading-relaxed);color:var(--nw-text-secondary);text-wrap:pretty;margin:0}.essential a{place-self:end start}.features-roadmap{margin-block:var(--nw-space-12)}.features-roadmap__header{justify-content:space-between;align-items:baseline;gap:var(--nw-space-4) var(--nw-space-8);padding-inline:var(--nw-space-10);margin-bottom:var(--nw-space-6);flex-wrap:wrap;display:flex}.features-roadmap h2{text-wrap:pretty;margin:0}.features-roadmap p{color:var(--nw-text-secondary);font-size:var(--nw-text-15);line-height:var(--nw-leading-relaxed);text-wrap:pretty;margin:0}.features-roadmap__header>p{font-size:var(--nw-text-13)}.features-roadmap__directions{border:1px solid var(--nw-border-default);border-radius:var(--nw-radius-2xl);background:var(--nw-bg-surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.roadmap-direction{grid-template-rows:subgrid;gap:var(--nw-space-6);padding:var(--nw-space-10);grid-row:span 3;min-width:0;display:grid}.roadmap-direction+.roadmap-direction{border-left:1px solid var(--nw-border-default)}.roadmap-direction header{align-items:center;gap:var(--nw-space-3);display:flex}.roadmap-direction header svg{color:var(--nw-accent-readable);flex-shrink:0}.roadmap-direction h3{font-family:var(--nw-font-accent);font-size:var(--nw-text-28);font-weight:var(--nw-font-normal);line-height:var(--nw-leading-tight);margin:0}.roadmap-direction ul{grid-template-rows:subgrid;grid-row:span 2;margin:0;padding:0;list-style:none;display:grid}.roadmap-direction li+li{padding-top:var(--nw-space-6);border-top:1px solid var(--nw-border-default)}.roadmap-direction h4{margin:0 0 var(--nw-space-2);font-size:var(--nw-text-16);font-weight:var(--nw-font-semibold)}.features-roadmap__feedback{justify-content:space-between;align-items:baseline;gap:var(--nw-space-2) var(--nw-space-6);padding:var(--nw-space-5) var(--nw-space-10) 0;flex-wrap:wrap;display:flex}@media (width>=769px) and (width<=1000px){.features-roadmap__directions{grid-template-columns:minmax(0,1fr)}.roadmap-direction{grid-row:auto;display:block}.roadmap-direction+.roadmap-direction{border-left:0;border-top:1px solid var(--nw-border-default)}.roadmap-direction ul{gap:var(--nw-space-8);margin-top:var(--nw-space-6);grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-direction li+li{border-top:0;padding-top:0}}@media (width<=768px){.features-hero{padding-block:var(--nw-space-8) var(--nw-space-6)}.feature-story{gap:var(--nw-space-6);padding:var(--nw-space-6);grid-template-columns:minmax(0,1fr)}.feature-story h2,.features-roadmap h2{font-size:var(--nw-text-28);text-wrap:pretty}.feature-essentials{grid-template-columns:minmax(0,1fr)}.essential{padding:var(--nw-space-6)}.essential+.essential{border-left:0;border-top:1px solid var(--nw-border-default)}.features-roadmap{margin-block:var(--nw-space-8)}.features-roadmap__header{gap:var(--nw-space-3);padding-inline:var(--nw-space-6)}.features-roadmap__directions{grid-template-columns:minmax(0,1fr)}.roadmap-direction{padding:var(--nw-space-6)}.roadmap-direction header{gap:var(--nw-space-2)}.roadmap-direction header svg{width:20px;height:20px}.roadmap-direction+.roadmap-direction{border-left:0;border-top:1px solid var(--nw-border-default)}.features-roadmap__feedback{padding-inline:var(--nw-space-6)}}@media (width<=700px){.essential{grid-row:auto;grid-template-rows:auto}.essential__art{display:none}}}@layer utilities;