@layer components{@property --percentage{initial-value: 0%; inherits: false; syntax: "<percentage>";}.home-title{letter-spacing:-.05em;line-height:.9;font-size:var(--type-poster);position:relative;left:-.1em}@media (width>=50em){.home-title{font-size:var(--type-poster-lg)}}.home-title span{font-size:120%}@media (width<=49.999em){.home-title br{display:none}}.home-intro{justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;display:flex}.home-hero{object-fit:cover;grid-template-rows:1fr;grid-template-columns:1fr;margin-left:auto;margin-right:auto;display:grid;position:relative;overflow:hidden;box-shadow:1em 1rem 3rem #0003}.home-hero img{z-index:-1;grid-area:1/1}.home-hero:after{background:linear-gradient(to bottom,hsl(var(--color-sheet)/0%)0%,hsl(var(--color-sheet)/100%)100%);grid-area:1/1;place-self:end;width:100%;height:30%;display:block;position:relative}.echoes-callout{background-color:hsl(var(--color-sheet));border:var(--line-weight-lg)solid hsl(var(--color-accent)/20%);border-radius:var(--space-sm);padding:var(--space-md);max-height:60rem;position:relative;overflow:hidden}@media (width>=50em){.echoes-callout{padding:var(--space-lg);grid-template-columns:36ch 1fr;display:grid}}.echo-prompts{gap:var(--space-sm);width:250%;flex-wrap:wrap;grid-column:2;margin-block-start:var(--space-lg);margin-inline-start:calc(var(--space-md)*-1.5);list-style:none;display:flex}@media (width>=50em){.echo-prompts{gap:var(--space-sm);width:130%;margin-block-start:0;margin-inline-start:0;position:absolute;inset-block-start:-.5rem;inset-inline-start:0}}.echo-prompts .question{--font-weight:500;background-color:hsl(var(--color-sheet));border:var(--border-weight)solid hsl(var(--color-asphalt-0)/20%);border-radius:var(--space-lg);padding:var(--space-sm)var(--space-md);font-size:var(--type-sm);flex-shrink:0}@media (width>=50em){.echo-prompts .question{font-size:var(--type-md)}}.highlight-card{padding:var(--space-md);position:relative}@media (width>=50em){.highlight-card{column-gap:var(--space-xl);grid-template-columns:auto minmax(10vw,56rem);align-items:center;display:grid}.highlight-card:nth-child(2n){direction:rtl}}.highlight-card__body{direction:ltr;max-width:56ch}.highlight-card__media{aspect-ratio:1}.integration-icons{gap:var(--space-lg);grid-template-columns:repeat(6,1fr);display:grid}.integration-icons>figure{aspect-ratio:1;justify-content:center;align-items:center;max-width:6em;margin:0;display:flex}.story-card{position:relative;align-items:center!important}@media (width>=50em){.story-card{min-height:min(120rem,100dvh)}.story-card.--compact{min-height:0}}.story-card p{--font-weight:500;font-size:var(--type-xl);line-height:var(--leading-sm);text-wrap:balance}@media (width>=50em){.story-card p{font-size:var(--type-xxl)}}.graphic{--color-text:var(--color-accent);padding:var(--space-md);font-size:var(--type-xs);transform-origin:0;z-index:-1;grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;width:100%;min-height:40rem;display:grid;position:relative}.graphic>*{grid-area:1/1}.pie-filling,.pie-crust{aspect-ratio:1;transform-origin:50%;border-radius:100%;width:100%;max-height:100%;overflow:hidden}.pie-filling{-webkit-mask-image:conic-gradient(hsl(var(--color-sheet))var(--percentage),#0000 0);mask-image:conic-gradient(hsl(var(--color-sheet))var(--percentage,80%),#0000 0)}.pie-filling.--alternate{mask-image:conic-gradient(hsl(var(--color-sheet))var(--percentage,25%),#0000 0)}.pie-filling>div{width:100%;height:100%}.pie-crust{outline:1px solid hsl(var(--color-accent))}@media (prefers-reduced-motion:no-preference){.radial-spin{animation:radial-spin 1s var(--ease-spring)forwards}}.problem-intro{scroll-timeline-name:--problem-intro;scroll-timeline-axis:block}.problem-intro .graphic{aspect-ratio:1}.problem-reason{view-timeline-name:--problem-reason;view-timeline-axis:block}.problem-reason .copy{margin-top:var(--space-lg)}@media (width>=50em){.problem-reason .copy{margin-top:0}}.problem-reason .shredder-projects{justify-content:center;align-items:flex-end;gap:var(--space-sm);padding:var(--space-lg);padding-bottom:0;display:flex;overflow:hidden}.problem-reason .shredder-project{background-color:hsl(var(--color-sheet));border:var(--line-weight-xl)solid hsl(var(--color-accent));border-radius:var(--space-sm);justify-content:center;align-items:center;width:30%;height:30rem;display:flex}.problem-reason .shredder-project:first-child{height:40rem}.problem-reason .shredder-project:nth-child(3){height:35rem}.problem-reason .shredder{width:100%;height:var(--space-xxl);background-color:hsl(var(--color-sheet));border:var(--line-weight-xl)solid hsl(var(--color-accent));border-radius:var(--space-md);text-align:center;margin-top:calc(var(--space-xl)*-1);padding:var(--space-sm)}.problem-reason .shredder p{font-size:var(--type-md);margin:0}.problem-reason .shredder .surface{border-radius:var(--space-sm);background-color:hsl(var(--color-sheet));justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.problem-reason .shredder .bulb{border:var(--line-weight)solid hsl(var(--color-accent));width:var(--space-lg);height:var(--space-lg);top:var(--space-lg);right:var(--space-lg);background-color:hsl(var(--color-sheet)/100%);border-radius:100%;animation:1s steps(2,end) infinite flash;position:absolute}.problem-reason .teeth{background:hsl(var(--color-accent));--m:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg)bottom/20px 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg)top/20px 51% repeat-x;width:90%;height:1rem;-webkit-mask:var(--m);mask:var(--m);animation:.2s linear infinite scissor;position:relative;top:-.5rem;left:5%}.problem-reason .confetti{width:100%;height:5rem;position:relative;top:4rem}.problem-productivity{view-timeline-name:--problem-productivity;view-timeline-axis:block}.problem-productivity .graphic{width:120%;left:-10%}@media (width>=50em){.problem-productivity .graphic{height:70dvh;margin-top:var(--space-xxl)}}.problem-productivity .grind{grid-template-rows:repeat(auto-fit,minmax(5rem,1fr));grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));width:100%;height:100%;display:grid;transform:translateY(180%)}@media (width>=50em){.problem-productivity .grind{grid-template-rows:repeat(auto-fit,minmax(10rem,1fr));grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}}.problem-productivity .grind.--alternate{filter:brightness(70%)hue-rotate(-60deg);transform:translateY(190%)}.problem-productivity .grind>*{image-rendering:pixelated;margin:0;padding:0;display:block;position:relative}.problem-productivity .grind>* img{max-width:400%;image-rendering:pixelated;position:absolute;top:0;left:0}.problem-energy .emoji{width:100%;margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid}@media (width>=50em){.problem-energy .emoji{margin-bottom:calc(var(--space-xl)*-1.2);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}}.problem-energy .emoji span{font-size:var(--type-xxxl);image-rendering:pixelated;text-align:center;margin:0;padding:0;line-height:1.3;display:block}@media (width>=50em){.problem-energy .emoji span{font-size:140px}}.solution-intro{view-timeline-name:--solution-intro;view-timeline-axis:block}@media (width>=50em){.solution-intro{min-height:200vh}}.solution-intro>.copy{margin-bottom:var(--space-l);place-self:start}@media (width>=50em){.solution-intro>.copy{margin-bottom:250vh}}.solution-intro>.graphic{margin-top:var(--space-lg);grid-template-rows:1fr;grid-template-columns:1fr;align-self:end;place-items:center;min-height:0;padding:0;display:grid;bottom:2dvh}@media (width>=50em){.solution-intro>.graphic{margin-top:65vh;bottom:-4rem!important}}.solution-intro>.graphic>*{grid-area:1/1}.solution-intro .steady-hero-overlay{border:.1rem solid hsl(var(--color-accent));background-color:hsl(var(--color-sheet)/0%);border-radius:var(--space-sm);opacity:0;grid-template-columns:2.27fr 1fr;gap:3%;width:100%;height:100%;padding:4% 1% 1.5% 4.75%;display:grid}@media (width>=50em){.solution-intro .steady-hero-overlay{animation-range:10% 65%}}.solution-intro .steady-hero-overlay>.secondary{flex-direction:column;gap:4%;display:flex}.solution-intro .steady-hero-overlay>.primary p,.solution-intro .steady-hero-overlay>.secondary p{--font-width:100;font-size:var(--type-lg);color:hsl(var(--color-asphalt-0));text-transform:uppercase}.solution-intro .steady-hero-overlay .overlay-block{border:.1rem solid hsl(var(--color-accent));background-color:hsl(var(--color-accent));border-radius:var(--space-sm);text-align:center;justify-content:center;align-items:center;height:100%;margin:0;display:flex}.solution-intro .steady-hero-overlay .overlay-block:nth-child(2){animation-range:23% 28%}.solution-intro .steady-hero-overlay .overlay-block:nth-child(3){animation-range:26% 31%}.solution-intro .steady-hero{opacity:0;transform:scale(1.1)}.solution-productivity{view-timeline-name:--solution-productivity;view-timeline-axis:block}@media (width>=50em){.solution-productivity>.copy{margin-bottom:0}}.solution-productivity .graphic{transform-origin:50%;min-height:0;position:relative;left:-2rem}@media (width>=50em){.solution-productivity .graphic{margin-top:var(--space-lg)}}.solution-productivity .pie-label{opacity:0;transform:translate(-20%)}.solution-energy{view-timeline-name:--solution-energy;view-timeline-axis:block}.solution-energy .graphic{aspect-ratio:1.75}.solution-energy .bar-chart{justify-content:center;gap:var(--space-md);width:100%;height:100%;padding:var(--space-md);border:var(--line-weight-lg)solid hsl(var(--color-accent));background-color:hsl(var(--color-sheet)/100%);border-top:none;border-right:none;flex-wrap:nowrap;padding-top:0;display:flex}@media (width>=50em){.solution-energy .bar-chart{gap:var(--space-lg)}}.solution-energy .bar-chart>.bar{justify-content:flex-end;align-items:center;gap:var(--space-sm);flex-direction:column;height:100%;display:flex}.solution-energy .bar-chart>.bar .fill{width:var(--space-lg);height:var(--fill-height);border:var(--line-weight)solid hsl(var(--color-accent))}@media (width>=50em){.solution-energy .bar-chart>.bar .fill{width:var(--space-xl)}}.solution-energy .bar-chart.--steady>.bar .fill{animation-range:30% 45%}@keyframes radial-spin{0%{--percentage:0%;transform:rotate(0)}to{--percentage:80%;transform:rotate(90deg)}}@keyframes radial-spin-small{0%{--percentage:0%;transform:rotate(0)}to{--percentage:25%;transform:rotate(90deg)}}@keyframes problem-intro{0%{opacity:0;transform:translateY(0%)}to{opacity:1;transform:translateY(200%)}}@keyframes fade-in-out{0%{opacity:0;background-color:hsl(var(--color-sheet)/100%);transform:translateY(-10%)scale(1.1)}10%{opacity:1;background-color:hsl(var(--color-sheet)/100%);transform:translateY(0)scale(1)}85%{opacity:1;background-color:hsl(var(--color-sheet)/0%);transform:translateY(0)}to{opacity:0;background-color:hsl(var(--color-sheet)/0%);transform:translateY(10%)}}@keyframes zoom-in{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes grow{to{opacity:1;height:var(--fill-height)}}@keyframes shrink{0%{opacity:1;height:var(--fill-height)}to{opacity:1;height:var(--fill-min)}}@keyframes slow-slide{0%{transform:translateY(180%)}to{transform:translateY(0%)}}@keyframes shred-paper{0%{transform:translateY(0%)}to{transform:translateY(100%)}}@keyframes scissor{0%{transform:translate(-2%)}50%{transform:translate(0%)}to{transform:translate(2%)}}@keyframes flash{to{background:hsl(var(--color-sheet)/100%)}}}