*{margin:0;padding:0;box-sizing:border-box}:focus{outline:none}@media(hover:hover)and (pointer:fine){:focus-visible{outline:3px solid magenta;outline-offset:2px}}a svg,a i,button svg,button i{pointer-events:none}:root{--black: #1a1a1a;--white: #f5f5f0;--yellow: #ffe156;--pink: #ff6b9d;--blue: #4ecdc4;--orange: #ff8a5c;--purple: #a855f7;--green: #84cc16;--red: #ef4444;--cyan: #22d3ee;--indigo: #818cf8;--amber: #fbbf24;--border: 2px solid var(--black);--border-thick: 5px solid var(--black);--card-border: 1.5px;--card-border-radius: .75rem;--card-shadow-offset: 3px;--card-shadow-initial: 1.5px;--shadow-sm: var(--card-shadow-initial) var(--card-shadow-initial) 0 var(--black);--shadow-md: var(--card-shadow-offset) var(--card-shadow-offset) 0 var(--black);--shadow-lg: calc(var(--card-shadow-initial) + var(--card-shadow-offset)) calc(var(--card-shadow-initial) + var(--card-shadow-offset)) 0 var(--black);--lift: translate( calc(var(--card-shadow-offset) * -1), calc(var(--card-shadow-offset) * -1) );--view-width: 1200px;--view-padding: 2rem;--transition-duration: .35s;--slide-duration: .3s;--font-primary: "Work Sans", sans-serif;--font-secondary: "Sora", sans-serif;--font-brand: "Archivo Black", sans-serif}@media(min-width:640px){:root{--view-padding: 3rem}}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);line-height:1.2;margin:0}h1{font-size:2.5rem;font-weight:700}h2{font-size:1.5rem;font-weight:700}h3{font-size:1.1rem;font-weight:700}h4{font-size:.85rem;font-weight:600;text-transform:uppercase}p{margin:0}html{background-color:var(--white);background-image:radial-gradient(circle,var(--black) 1px,transparent 1px);background-size:20px 20px;scrollbar-gutter:stable}html.canvas-3d-active{background-image:none}body{font-family:var(--font-primary);font-size:.875rem;line-height:1.5;min-height:100vh}body.dialog-open{overflow:hidden}#background-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100lvh;z-index:0;pointer-events:none}.marquee-banner{background:var(--black);color:var(--white);padding:.55rem 0;overflow:hidden;white-space:nowrap;position:fixed;top:0;left:0;right:0;z-index:9999999999;transition:opacity .2s ease}@media(max-width:500px){.dialog-open .marquee-banner{opacity:0}}.marquee-content{display:inline-block;animation:marquee 40s linear infinite}.marquee-content span{font-family:Handjet,system-ui;font-size:1.25rem;font-weight:400;text-transform:uppercase;letter-spacing:1px}.marquee-content span:after{content:" • "}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.container{max-width:var(--view-width);margin:0 auto;padding:var(--view-padding);position:relative;z-index:1}header{background:#ff4d1f;background-clip:padding-box;padding:4.5rem 0 2.5rem;margin-bottom:2rem;position:relative;z-index:1;border-bottom:16px solid transparent;border-image-slice:0 0 16 0;border-image-repeat:round}header h1{max-width:var(--view-width);margin:0 auto;padding:0 var(--view-padding);font-family:var(--font-brand);font-size:3.5rem;font-weight:400;text-transform:uppercase;letter-spacing:-2px;line-height:1;background:linear-gradient(90deg,#000,#000 33%,#0ff 50%,#f0f 66%,#ff0,#000);background-size:300% 100%;animation:gradient-flow 16s linear infinite 2s;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-width:640px){header h1{font-size:clamp(2.8rem,8vw,3.5rem);text-align:center}}header h1 span{display:block;font-size:.35em;margin-top:.5rem;font-family:var(--font-primary);font-weight:500}header h1 a{text-decoration:none;background:linear-gradient(90deg,#000,#000 33%,#0ff 50%,#f0f 66%,#ff0,#000);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-flow 16s linear infinite 2s}header h1 a:hover{background:linear-gradient(90deg,#0ff,#f0f,#ff0 66%,#0ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation-duration:1s;animation-delay:0s}.grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}.grid .card-wrapper:last-child:nth-child(3n+1){grid-column:2}}@media(min-width:640px)and (max-width:1023px){.grid .card-wrapper:last-child:nth-child(odd){grid-column:1 / -1;max-width:50%;justify-self:center}}.card-base{background:var(--white);border:2px solid var(--black);border-radius:var(--card-border-radius);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.card-base.static{box-shadow:5px 5px #00000040;transition:none}.card-base .shadow-hover{transition:box-shadow .2s ease}.card-base .drop-shadow-rest{filter:drop-shadow(var(--shadow-sm))}.card-base .drop-shadow-hover{transition:filter .2s ease}.card-base .cmyk-hover{transition:text-shadow .2s ease}.card-base:not(.static):hover{transform:var(--lift);box-shadow:var(--shadow-lg)}.card-base:not(.static):hover .shadow-hover{box-shadow:var(--shadow-md)}.card-base:not(.static):hover .drop-shadow-hover{filter:drop-shadow(var(--shadow-md))}.card-base:not(.static):hover .cmyk-hover{text-shadow:calc(var(--card-shadow-initial) * -1) calc(var(--card-shadow-initial) * -1) 0 cyan,var(--card-shadow-offset) var(--card-shadow-offset) 0 magenta}.card-wrapper{display:grid;border-radius:var(--card-border-radius);border:var(--card-border) dashed transparent;view-transition-name:none}.card-wrapper.dialog-source{border-color:var(--black);background:repeating-linear-gradient(-45deg,var(--yellow),var(--yellow) 15px,var(--black) 15px,var(--black) 30px)}@media(max-width:500px){.card-wrapper.dialog-source{background:none}}.card{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;text-align:left;width:100%;border-width:var(--card-border);position:relative;overflow:hidden;cursor:pointer;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:flex;flex-direction:column}.card *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media(hover:hover)and (pointer:fine){.card:focus-visible{outline:3px solid magenta;outline-offset:4px}}.card.transitioning{view-transition-name:shared-card}.card.transitioning .card-header{view-transition-name:shared-header}.card.transitioning .card-icon{view-transition-name:shared-icon}.card.transitioning .card-title{view-transition-name:shared-title;width:fit-content;flex-grow:0}.card.transitioning .card-toggle{view-transition-name:shared-toggle;margin-left:auto}.card.transitioning.closing .card-toggle{transform:rotate(90deg)}.card.transitioning .card-preview{view-transition-name:shared-body}.card.transitioning .card-preview-text{view-transition-name:shared-description}.card.transitioning .chip[data-value]{view-transition-name:var(--chip-transition-name)}.card.transitioning .chip[data-value] .chip-icon{view-transition-name:var(--icon-transition-name)}.card.transitioning .chip[data-value] .chip-text{view-transition-name:var(--text-transition-name)}.card-wrapper.dialog-source .card{visibility:hidden}.card-wrapper.dialog-source.closing .card{visibility:visible}.card[data-color=yellow] .card-icon i{color:var(--yellow)}.card[data-color=yellow]:hover .card-toggle{background:var(--yellow)}.card[data-color=pink] .card-icon i{color:var(--pink)}.card[data-color=pink]:hover .card-toggle{background:var(--pink)}.card[data-color=blue] .card-icon i{color:var(--blue)}.card[data-color=blue]:hover .card-toggle{background:var(--blue)}.card[data-color=orange] .card-icon i{color:var(--orange)}.card[data-color=orange]:hover .card-toggle{background:var(--orange)}.card[data-color=purple] .card-icon i{color:var(--purple)}.card[data-color=purple]:hover .card-toggle{background:var(--purple)}.card[data-color=green] .card-icon i{color:var(--green)}.card[data-color=green]:hover .card-toggle{background:var(--green)}.card[data-color=red] .card-icon i{color:var(--red)}.card[data-color=red]:hover .card-toggle{background:var(--red)}.card[data-color=cyan] .card-icon i{color:var(--cyan)}.card[data-color=cyan]:hover .card-toggle{background:var(--cyan)}.card[data-color=indigo] .card-icon i{color:var(--indigo)}.card[data-color=indigo]:hover .card-toggle{background:var(--indigo)}.card[data-color=amber] .card-icon i{color:var(--amber)}.card[data-color=amber]:hover .card-toggle{background:var(--amber)}.card-header{padding:1rem 1.25rem 0;position:relative;display:flex;align-items:center;gap:.75rem;-webkit-user-select:none;user-select:none;width:100%}.card-icon{flex-shrink:0}.card-icon i{font-size:2rem;-webkit-text-stroke:2px var(--black);paint-order:stroke fill}.card-title{font-family:var(--font-primary);font-size:1.1rem;font-weight:700;text-transform:uppercase;flex-grow:1}.card-toggle{width:28px;height:28px;border:var(--border);border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0;color:var(--black);transition:box-shadow .2s ease-in-out,background .2s ease}.card-preview{padding:1rem 1.25rem;flex:1;display:flex;flex-direction:column}.card-preview-text{font-size:.85rem;line-height:1.5;margin-bottom:.75rem;flex:1;background:linear-gradient(-70deg,#000,#000 40%,#ff0,#000 60%,#000);background-size:300% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position .4s ease-out}.card-content{display:none}.value-chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border:2px solid var(--black);font-size:.6rem;font-weight:700;text-transform:uppercase;background:var(--white)}.chip-icon{font-size:.8rem}::view-transition-group(*){animation-duration:var(--transition-duration);animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-group(shared-card){background:var(--white);border-radius:var(--card-border-radius)}::view-transition-old(*){animation:none;opacity:0}::view-transition-new(*){animation:none;opacity:1}@keyframes swap-out{0%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes swap-in{0%{opacity:0}50%{opacity:1}to{opacity:1}}dialog{border:var(--card-border) solid var(--black);border-radius:var(--card-border-radius);background:var(--white);padding:0;max-width:600px;width:calc(100% - 2rem);max-height:85vh;overflow:hidden;box-shadow:var(--shadow-sm);margin:auto;top:0;right:0;bottom:0;left:0}@media(max-width:500px){dialog{max-width:100%;width:100%;max-height:100%;height:100%;border:none;border-radius:0;box-shadow:none}}dialog::backdrop{background:#1a1a1ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .15s ease-out}dialog[open]{display:flex;flex-direction:column}dialog[open]::backdrop{opacity:1}dialog.transitioning{view-transition-name:shared-card}dialog.transitioning .dialog-header{view-transition-name:shared-header}dialog.transitioning .dialog-icon{view-transition-name:shared-icon}dialog.transitioning .dialog-title{view-transition-name:shared-title;width:fit-content;flex-grow:0}dialog.transitioning .dialog-close{view-transition-name:shared-toggle;margin-left:auto}dialog.transitioning .dialog-body{view-transition-name:shared-body}dialog.transitioning .full-description{view-transition-name:shared-description}dialog.transitioning .spectrum-item[data-value]{view-transition-name:var(--chip-transition-name)}dialog.transitioning .spectrum-item[data-value] .spectrum-icon{view-transition-name:var(--icon-transition-name)}dialog.transitioning .spectrum-item[data-value] .spectrum-text{view-transition-name:var(--text-transition-name)}dialog.opening{animation:dialog-morph-in .2s cubic-bezier(.4,0,.2,1) forwards}dialog.closing{animation:dialog-morph-out .15s cubic-bezier(.4,0,.2,1) forwards}.dialog-header{padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:10;background:var(--dialog-color, var(--white));border-bottom:var(--border)}.dialog-icon{flex-shrink:0}.dialog-icon i{font-size:2rem;color:var(--black)}.dialog-title{font-family:var(--font-primary);font-size:1.1rem;font-weight:700;text-transform:uppercase;flex-grow:1;color:var(--black)}.dialog-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:var(--black);width:28px;height:28px;border:var(--border);border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease;transform:rotate(45deg)}.dialog-close:hover{background:var(--black);color:var(--white)}.dialog-body{padding:1.25rem;overflow-y:auto;flex:1 1 auto}::view-transition-old(shared-card),::view-transition-new(shared-card){border-radius:var(--card-border-radius);overflow:hidden}@media(max-width:500px){::view-transition-old(shared-card),::view-transition-new(shared-card){border-radius:0;box-shadow:none}}::view-transition-old(shared-header),::view-transition-new(shared-header){border-radius:var(--card-border-radius) var(--card-border-radius) 0 0;overflow:hidden}@media(max-width:500px){::view-transition-old(shared-header),::view-transition-new(shared-header){border-radius:0}}::view-transition-old(shared-description){animation:fade-out var(--transition-duration) ease-out forwards}::view-transition-new(shared-description){animation:fade-in var(--transition-duration) ease-out forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-morph-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes dialog-morph-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.full-description{font-size:.85rem;line-height:1.6;margin-bottom:1rem}.spectrum{margin-bottom:1rem}.spectrum-title{font-size:.85rem;font-weight:600;text-transform:uppercase;margin-bottom:1rem}.spectrum-items{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(max-width:500px){.spectrum-items{grid-template-columns:1fr}}.spectrum-item{border:2px solid var(--black);background:var(--white);margin:0}.spectrum-label{padding:.5rem .75rem;font-weight:700;font-size:.85rem;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.spectrum-icon{display:flex;align-items:center}.spectrum-text{display:inline}.spectrum-desc{padding:.5rem .75rem;border-top:2px dashed var(--black);font-size:.8rem;line-height:1.5}.spectrum-cause{font-size:.75rem;font-style:italic;opacity:.8;margin-top:.25rem}.clarifications{margin-top:1.5rem}.clarifications-title{font-size:.85rem;font-weight:600;text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.clarification{font-size:.8rem;line-height:1.5;margin-bottom:.5rem;padding-left:1rem;position:relative}.clarification:before{content:"→";position:absolute;left:0;font-weight:700}.comparisons{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;position:relative}.comparisons:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;border-left:1px dashed rgba(26,26,26,.25);transform:translate(-50%)}@media(max-width:500px){.comparisons{grid-template-columns:1fr}.comparisons:before{display:none}}.comparisons>li{font-size:.8rem;line-height:1.5;margin-bottom:.5rem;padding-left:1rem;position:relative}.comparisons>li:before{content:"→";position:absolute;left:0;font-weight:700}.comparisons>li>ul{list-style:none;padding:0;margin:.25rem 0 0 .5rem}.comparisons>li>ul>li{font-size:.75rem;line-height:1.4;margin-bottom:.15rem;padding-left:1rem;position:relative}.comparisons>li>ul>li:before{content:"·";position:absolute;left:0;font-weight:700}.qa-wrapper{margin:8rem auto 0;max-width:700px;position:relative}.qa-wrapper .pop-looky{position:absolute;left:78px;top:-40px;height:50px;width:auto;pointer-events:none;z-index:1}.qa-section{padding:2rem 1.5rem 1.5rem;position:relative;overflow:hidden}.qa-title{font-family:var(--font-primary);font-size:1.25rem;font-weight:700;text-transform:uppercase;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.qa-item{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:2px dashed rgba(0,0,0,.2)}.qa-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.qa-question{font-weight:700;font-size:.9rem;margin-bottom:.5rem;display:flex;align-items:flex-start;gap:.5rem}.qa-question:before{content:"Q";background:var(--pink);color:var(--black);padding:.1rem .4rem;font-size:.7rem;font-weight:900}.qa-answer{font-size:.85rem;line-height:1.6;padding-left:1.75rem;opacity:.8;position:relative}.qa-answer:before{content:"A";background:var(--blue);color:var(--black);padding:.1rem .4rem;font-size:.7rem;font-weight:900;position:absolute;left:0;top:0}footer{margin-top:2rem;padding:1rem 2rem;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;z-index:1;background:linear-gradient(90deg,#000,#000 33%,#0ff 50%,#f0f 66%,#ff0,#000);background-size:300% 100%;animation:gradient-flow 16s linear infinite;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 150% at center,var(--white) 0%,var(--white) 30%,transparent 100%);z-index:-1}.tap-hint{width:fit-content;margin:0 auto 1.5rem;padding:.75rem 1.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#1a1a1a99;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;background:radial-gradient(ellipse 100% 100% at center,var(--white) 0%,var(--white) 30%,transparent 60%)}.tap-hint:before,.tap-hint:after{content:"—"}@view-transition{navigation:auto}:active-view-transition-type(slide)::view-transition-old(root),:active-view-transition-type(slide)::view-transition-new(root){opacity:1}:active-view-transition-type(slide)::view-transition-old(root){animation:slide-to-left var(--slide-duration) ease-in-out forwards}:active-view-transition-type(slide)::view-transition-new(root){animation:slide-from-right var(--slide-duration) ease-in-out forwards}:active-view-transition-type(slide):active-view-transition-type(back)::view-transition-old(root){animation:slide-to-right var(--slide-duration) ease-in-out forwards}:active-view-transition-type(slide):active-view-transition-type(back)::view-transition-new(root){animation:slide-from-left var(--slide-duration) ease-in-out forwards}@keyframes slide-to-left{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:1}}@keyframes slide-from-right{0%{transform:translate(100%);opacity:1}to{transform:translate(0);opacity:1}}@keyframes slide-to-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:1}}@keyframes slide-from-left{0%{transform:translate(-100%);opacity:1}to{transform:translate(0);opacity:1}}@media(max-width:500px){@view-transition{navigation:none}}.landing-page-html{overscroll-behavior-y:none;overflow:hidden;height:100%;height:100lvh;background-color:var(--white);background-image:radial-gradient(circle,var(--black) 1px,transparent 1px);background-size:20px 20px;background-attachment:fixed}.landing-page-html body{overscroll-behavior-y:none;overflow:hidden;height:100%;height:100lvh}#particle-canvas{position:fixed;top:0;left:0;width:100vw;height:calc(100vh + env(safe-area-inset-bottom,0px));height:calc(100lvh + env(safe-area-inset-bottom,0px));z-index:1;pointer-events:none}body.single-bean-mode #particle-canvas{z-index:3;pointer-events:auto}.landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:2;position:relative;-webkit-user-select:none;user-select:none}@media(max-width:640px){.landing-page{padding:.5rem}}.landing-card{background:transparent;border:none;box-shadow:none;max-width:720px;width:100%;padding:2.5rem}@media(max-width:640px){.landing-card{padding:1rem;position:relative;bottom:60px}}.landing-hero{text-align:center}.landing-hero h1{font-family:var(--font-brand);font-size:clamp(2.5rem,10vw,5rem);margin:0;padding-bottom:4rem;text-transform:uppercase;background:linear-gradient(90deg,#000,#000 33%,#0ff 50%,#f0f 66%,#ff0,#000);background-size:300% 100%;animation:gradient-flow 16s linear infinite;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.landing-hero h1:before{content:"Brewlingo";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-text-stroke:1px white;color:transparent;z-index:-1}@media(max-width:640px){.landing-hero h1{font-size:12vw;padding-bottom:2rem}.landing-hero h1:before{-webkit-text-stroke:2px white}}.landing-hero .tagline{font-family:var(--font-primary);font-size:.9rem;font-weight:500;text-transform:uppercase;color:#1a1a1a99;margin-bottom:4rem;text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white}@keyframes gradient-flow{0%{background-position:0% 50%}to{background-position:300% 50%}}.landing-features{text-align:center}.features-subtitle{font-family:var(--font-primary);font-size:.85rem;font-weight:400;color:#1a1a1a80;margin-bottom:1.5rem}@media(max-width:640px){.features-subtitle{display:none}}.feature-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:640px){.feature-cards{grid-template-columns:1fr;gap:.75rem}}.feature-card{padding:1.5rem;text-decoration:none;color:var(--black);text-align:left;display:flex;flex-direction:column;align-items:flex-start}@media(max-width:640px){.feature-card{padding:.875rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"icon title" "icon description";column-gap:.75rem;row-gap:.125rem;align-items:start}}.feature-card h3{font-family:var(--font-primary);font-size:1.1rem;font-weight:700;text-transform:uppercase;margin:0 0 .5rem}@media(max-width:640px){.feature-card h3{font-size:1rem;grid-area:title;margin:0;align-self:end}}.feature-card p{font-size:.85rem;line-height:1.5;opacity:.7;margin:0}@media(max-width:640px){.feature-card p{font-size:.75rem;line-height:1.4;grid-area:description;align-self:start;min-height:2lh}}.feature-card-icon{margin-bottom:1rem}@media(max-width:640px){.feature-card-icon{grid-area:icon;margin-bottom:0;align-self:center}}.feature-card-icon i{font-size:2.5rem;-webkit-text-stroke:2px var(--black);paint-order:stroke fill}@media(max-width:640px){.feature-card-icon i{font-size:2rem}}.feature-card--green .feature-card-icon i{color:var(--green)}.feature-card--orange .feature-card-icon i{color:var(--orange)}