:root{--cream:#fbf3e6;--espresso:#1f1b1b;--periwinkle:#7c86f2;--sunshine:#ffc94d;--coral:#f2622e;--sage:#85d5a8;--error-on-periwinkle:#500;--cta-primary:#5c65cb;--cta-primary-text:#fff;--periwinkle-tint:color-mix(in srgb, var(--periwinkle) 8%, var(--cream));--periwinkle-line:color-mix(in srgb, var(--periwinkle) 30%, transparent);--espresso-line:color-mix(in srgb, var(--espresso) 10%, transparent);--text-primary:var(--espresso);--text-primary-on-dark:var(--cream);--text-secondary:color-mix(in srgb, var(--espresso) 62%, transparent);--text-tertiary:color-mix(in srgb, var(--espresso) 48%, transparent);--text-secondary-on-dark:color-mix(in srgb, var(--cream) 75%, transparent);--text-tertiary-on-dark:color-mix(in srgb, var(--cream) 65%, transparent);--espresso-subtle:color-mix(in srgb, var(--espresso) 20%, transparent);--cocoa:#340000;--kraft:#dbc3a1;--blush:#e0bfab;--iris:#6d63e0;--lavender:#e9dee8;--font-display:"Fredoka", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--text-hero:80px;--text-display:40px;--text-question:32px;--text-subheading:24px;--text-heading:20px;--text-body:17px;--text-label:14px;--text-caption:13px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:56px;--space-11:64px;--space-12:96px;--radius-card:16px;--radius-button:9999px;--radius-badge:9999px;--radius-input:12px;--radius-panel:40px;--button-padding-large:var(--space-4) var(--space-7);--button-padding-medium:var(--space-3) var(--space-6);--border-bold:2px solid var(--espresso);--border-medium:1.5px;--border-hairline:1px;--shadow-card:0 8px 24px color-mix(in srgb, var(--espresso) 15%, transparent)}@media (width<=599px){:root{--text-hero:48px;--text-display:32px;--text-question:24px;--text-subheading:20px;--text-heading:18px;--text-body:16px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background:var(--cream);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.6}button{font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}#root{flex-direction:column;min-height:100dvh;display:flex}.question-card{width:100%}.question-card__inner{background:var(--periwinkle);border:var(--border-bold);border-radius:var(--radius-card);padding:var(--space-6) var(--space-5) var(--space-5);width:100%}.question-card__question{font-family:var(--font-display);font-size:var(--text-question);color:var(--text-primary-on-dark);margin-bottom:var(--space-6);font-weight:700;line-height:1.15}.question-card__options{gap:var(--space-3);flex-direction:column;display:flex}.option-btn{width:100%;padding:var(--space-4) var(--space-5) var(--space-4) var(--space-7);background:var(--cream);border:var(--border-bold);border-radius:var(--radius-button);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;transition:background .15s,color .15s;display:flex}.option-btn:focus-visible{background:var(--espresso);outline:none}.option-btn:focus-visible .option-btn__label{color:var(--cream)}.option-btn:focus-visible .option-btn__sublabel{color:var(--text-tertiary-on-dark)}.option-btn:active{transform:scale(.99)}@media (hover:hover) and (pointer:fine){.option-btn:hover{background:var(--espresso);outline:none}.option-btn:hover .option-btn__label{color:var(--cream)}.option-btn:hover .option-btn__sublabel{color:var(--text-tertiary-on-dark)}}@media (width<=599px){.option-btn{padding:var(--space-3) var(--space-4);border-radius:16px}}.option-btn__label{font-family:var(--font-body);font-size:var(--text-label);color:var(--espresso);font-weight:700;line-height:1.3;transition:color .15s}.option-btn__sublabel{font-family:var(--font-body);font-size:var(--text-caption);color:var(--text-tertiary);font-weight:400;line-height:1.4;transition:color .15s}.coffee-method-grid{gap:var(--space-3);grid-template-columns:1fr 1fr 1fr;width:100%;margin:0 auto;display:grid}.coffee-method-tile{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-3);background:var(--cream);border:var(--border-bold);border-radius:var(--radius-card);cursor:pointer;height:112px;color:var(--espresso);flex-direction:column;transition:background .15s,color .15s;display:flex;overflow:hidden}.coffee-method-tile:focus-visible{background:var(--espresso);color:var(--cream);outline:none}.coffee-method-tile:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.coffee-method-tile:hover{background:var(--espresso);color:var(--cream);outline:none}}.coffee-method-tile__art{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.coffee-method-tile__svg{width:52px;height:52px}.coffee-method-tile__label{font-family:var(--font-body);font-size:var(--text-label);text-align:center;flex-shrink:0;font-weight:700;line-height:1.2}.postcode-step__sub{font-size:var(--text-body);font-weight:400;font-family:var(--font-body);margin-top:var(--space-2);line-height:1.5;display:block}.postcode-step__form{gap:var(--space-3);flex-direction:column;display:flex}.postcode-step__input{font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background:var(--cream);border:var(--border-bold);border-radius:var(--radius-input);padding:var(--space-4) var(--space-5);outline:none;width:100%;font-weight:500;transition:box-shadow .15s}.postcode-step__input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--cream) 40%, transparent)}.postcode-step__input--error{border-color:var(--error-on-periwinkle)}.postcode-step__error{font-family:var(--font-body);font-size:var(--text-caption);color:var(--error-on-periwinkle);line-height:1.4}.postcode-step__input::placeholder{color:var(--text-tertiary)}.postcode-step__btn{font-family:var(--font-body);font-size:var(--text-label);padding:var(--space-4) var(--space-6);border-radius:var(--radius-button);border:var(--border-bold);cursor:pointer;min-height:52px;font-weight:700;transition:background .15s,color .15s,opacity .15s}.postcode-step__btn--primary{background:var(--cream);color:var(--espresso)}.postcode-step__btn--primary:hover:not(:disabled){background:var(--espresso);color:var(--cream)}.postcode-step__btn--primary:disabled{opacity:.45;cursor:not-allowed}.postcode-step__btn--skip{color:var(--text-secondary-on-dark);border-color:color-mix(in srgb, var(--cream) 30%, transparent);background:0 0;font-weight:500}.postcode-step__btn--skip:hover{color:var(--cream);border-color:color-mix(in srgb, var(--cream) 60%, transparent)}.progress-stamp{justify-content:center;align-items:center;display:flex}.progress-stamp__ring{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:9999px;display:flex}.progress-stamp__dot{background:var(--espresso-subtle);border:2px solid var(--espresso-subtle);border-radius:50%;width:10px;height:10px;transition:background .25s,border-color .25s;display:block}.progress-stamp__dot.done{background:var(--espresso);border-color:var(--espresso)}.progress-stamp__dot.active{background:var(--periwinkle);border-color:var(--periwinkle)}@keyframes result-card-enter{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes result-card-shell-enter{0%{transform:translateY(36px)}to{transform:translateY(0)}}@keyframes result-fade-in{0%{opacity:0}to{opacity:1}}@keyframes result-block-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.result-screen{flex-direction:column;flex:1;min-height:100dvh;display:flex}.result-screen--exiting .result-header,.result-screen--exiting .result-card,.result-screen--exiting .result-card-shell,.result-screen--exiting .result-items,.result-screen--exiting .result-accordion,.result-screen--exiting .result-bmac,.result-screen--entered .result-header,.result-screen--entered .result-card,.result-screen--entered .result-card-shell{opacity:1;animation:none;transform:none}.result-screen--entering{opacity:0;z-index:55;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(20px)}.result-screen--entering-active{opacity:1;transform:translateY(0)}.result-header{justify-content:flex-start;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);animation:.3s ease-out both result-fade-in;display:flex}.result-restart{font-family:var(--font-body);font-size:var(--text-label);color:var(--text-tertiary);padding:0;font-weight:700;line-height:1;transition:color .15s}.result-restart:hover{color:var(--text-primary)}.result-restart:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--espresso) 25%, transparent);border-radius:4px;outline:none}.result-main{padding:var(--space-7) var(--space-5) var(--space-9);align-items:center;gap:var(--space-6);flex-direction:column;flex:1;display:flex}.result-layout{align-items:center;gap:var(--space-6);flex-direction:column;width:100%;max-width:1080px;display:flex}.result-card-wrapper{z-index:60;width:100%;max-width:min(calc(100vw - (var(--space-5) * 2)), 720px);position:relative}.result-card-shell{z-index:1;background:var(--cream);border:2px solid var(--espresso);border-radius:var(--radius-card);animation:.5s cubic-bezier(.22,1,.36,1) both result-card-shell-enter;position:absolute;inset:0}.result-card{z-index:2;padding:var(--space-6);gap:var(--space-6);flex-direction:column;width:100%;animation:.5s cubic-bezier(.22,1,.36,1) both result-card-enter;display:flex;position:relative}.result-card__headline{font-family:var(--font-display);font-size:var(--text-display);color:var(--text-primary);font-weight:800;line-height:1.05}.result-card__headline-accent{-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:var(--periwinkle);text-decoration-color:var(--periwinkle);text-underline-offset:8px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:3px}.result-card__subheading{font-size:var(--text-body);color:var(--text-secondary);margin-top:var(--space-4);line-height:1.5}.result-items{gap:var(--space-5);margin-top:calc(-1 * var(--space-1));flex-direction:column;animation:.4s ease-out .2s both result-block-reveal;display:flex}.result-item-card{border:var(--border-hairline) solid var(--espresso-line);border-radius:var(--radius-card);padding:var(--space-5);gap:var(--space-1);flex-direction:column;display:flex}.result-section__header{align-items:flex-start;gap:var(--space-3);display:flex}.result-section__header-text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.result-section__header-text--bean{gap:var(--space-2)}.result-section__name{font-family:var(--font-display);font-size:var(--text-subheading);color:var(--text-primary);align-items:center;row-gap:var(--space-2);column-gap:var(--space-3);flex-wrap:wrap;font-weight:700;line-height:1.2;display:flex}.result-section__icon{flex-shrink:0;width:56px;height:56px}.result-vetted-badge{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;background:var(--sage);color:var(--espresso);padding:3px var(--space-2);border-radius:var(--radius-badge);border:var(--border-hairline) solid var(--espresso-subtle);cursor:default;font-size:11px;font-weight:700;position:relative}.result-vetted-badge__tooltip{bottom:calc(100% + var(--space-2));background:var(--espresso);width:200px;color:var(--cream);font-size:var(--text-caption);text-transform:none;letter-spacing:normal;padding:var(--space-2) var(--space-2);opacity:0;pointer-events:none;z-index:10;border-radius:8px;font-weight:500;line-height:1.4;transition:opacity .15s,transform .15s;position:absolute;left:50%;transform:translate(-50%)translateY(4px)}.result-vetted-badge:hover .result-vetted-badge__tooltip,.result-vetted-badge:focus-visible .result-vetted-badge__tooltip{opacity:1;transform:translate(-50%)translateY(0)}.result-section__reason{font-size:var(--text-label);color:var(--text-secondary);line-height:1.5}.result-section__price{font-size:var(--text-label);color:var(--text-tertiary);margin-top:var(--space-1);font-weight:500}.result-link{justify-content:center;align-items:center;gap:var(--space-2);background:var(--cta-primary);color:var(--cta-primary-text);font-family:var(--font-body);font-size:var(--text-label);padding:var(--button-padding-medium);border-radius:var(--radius-button);border:var(--border-bold);margin-top:var(--space-3);align-self:stretch;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.result-link:hover{background:var(--espresso);transform:scale(1.02)}.result-link--secondary{background:var(--cream);color:var(--text-primary);border:var(--border-bold)}.result-link--secondary:hover{background:var(--espresso);color:var(--cream);opacity:1}.result-howto-link{color:var(--coral);font-family:var(--font-body);font-size:var(--text-label);text-underline-offset:2px;margin-top:var(--space-2);align-self:flex-start;font-weight:700;text-decoration:underline;display:inline-block}.result-howto-link:hover{opacity:.8}.result-accordion{border:var(--border-hairline) solid var(--espresso-line);border-radius:var(--radius-card);animation:.4s ease-out .3s both result-block-reveal}.result-accordion__toggle{width:100%;font-family:var(--font-body);font-size:var(--text-label);color:var(--text-primary);padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-2);font-weight:700;display:flex}.result-accordion__chevron{color:var(--text-primary);flex-shrink:0;transition:transform .3s}.result-accordion__toggle[aria-expanded=true] .result-accordion__chevron{transform:rotate(180deg)}.result-accordion__body-wrapper{grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .3s,margin-top .3s;display:grid}.result-accordion__body-wrapper.is-open{margin-top:calc(-1 * var(--space-1));grid-template-rows:1fr}.result-accordion__body{gap:var(--space-7);min-height:0;padding:0 var(--space-6);grid-template-columns:1fr;display:grid;overflow:hidden}.result-accordion__body-wrapper.is-open .result-accordion__body{border-top:var(--border-hairline) solid var(--espresso-line);padding-top:var(--space-6);padding-bottom:var(--space-6)}.result-tip-card{align-items:flex-start;gap:var(--space-3);display:flex}.result-tip-card__body{align-items:flex-start;gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.result-tip-card__icon{object-fit:contain;flex-shrink:0;width:48px;height:48px}.result-tip-card__heading{font-family:var(--font-display);font-size:var(--text-heading);color:var(--text-primary);font-weight:700}.result-accordion__body p{font-size:var(--text-label);color:var(--text-secondary);line-height:1.55}.result-bmac{text-align:center;width:100%;max-width:560px;animation:.3s ease-out .4s both result-fade-in}.result-bmac p{font-size:var(--text-caption);color:var(--text-tertiary);line-height:1.5}.result-bmac a{color:var(--coral);text-underline-offset:2px;font-weight:700;text-decoration:underline}.result-bmac a:hover{opacity:.8}.result-bmac__heart{width:14px;height:14px;margin-left:var(--space-1);vertical-align:middle;display:inline-block}@media (width>=600px){.result-header{padding:var(--space-6) var(--space-9)}.result-main{padding:var(--space-4) var(--space-6) var(--space-11)}.result-card-wrapper{max-width:min(calc(100vw - (var(--space-6) * 2)), 1100px)}.result-card{padding:var(--space-7) var(--space-8);gap:var(--space-6)}.result-bmac__break{display:none}.result-link{align-self:flex-start}.result-items{margin-top:0}}@media (width>=900px){.result-header{padding:var(--space-6) var(--space-11)}.result-main{padding-left:var(--space-5);padding-right:var(--space-5);padding-top:var(--space-10)}.result-card-wrapper{max-width:calc(min(100vw - (var(--space-5) * 2), 1100px) - (var(--space-11) * 2))}.result-items--setup{grid-template-columns:2fr 3fr;display:grid}.result-accordion__body{grid-template-columns:1fr 1fr;column-gap:0}.result-tip-card:not(:only-child):first-child{padding-right:var(--space-7)}.result-tip-card+.result-tip-card{border-left:var(--border-hairline) solid var(--espresso-line);padding-left:var(--space-7)}}@media (prefers-reduced-motion:reduce){.result-items,.result-accordion,.result-bmac{animation:none}}.loading-screen{z-index:70;background:var(--cream);flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out both loading-fade-in;display:flex;position:fixed;inset:0}.loading-screen--exiting{animation:.15s ease-out both loading-fade-out}.loading-screen__content{align-items:center;gap:var(--space-6);flex-direction:column;display:flex;transform:translateY(-160px)}.loading-screen__text{font-family:Fredoka,sans-serif;font-size:var(--text-heading);color:var(--text-primary);font-weight:700}.loading-screen__beans{align-items:center;gap:var(--space-3);display:flex}.loading-screen__beans img{width:24px;height:auto;animation:1.2s ease-in-out infinite loading-bean}.loading-screen__beans img:first-child{--bean-tilt:-12deg}.loading-screen__beans img:nth-child(2){--bean-tilt:5deg;animation-delay:.2s}.loading-screen__beans img:nth-child(3){--bean-tilt:-4deg;animation-delay:.4s}@keyframes loading-bean{0%,80%,to{opacity:.35;transform:rotate(var(--bean-tilt)) scale(.8)}40%{opacity:1;transform:rotate(var(--bean-tilt)) scale(1)}}@media (prefers-reduced-motion:reduce){.loading-screen__beans img{opacity:1;transform:rotate(var(--bean-tilt));animation:none}}@keyframes loading-fade-in{0%{opacity:0}to{opacity:1}}@keyframes loading-fade-out{0%{opacity:1}to{opacity:0}}.landing{background:var(--cream);flex-direction:column;flex:1;display:flex;position:relative;overflow-x:clip}.landing__header{padding:var(--space-5) var(--space-5) 0;position:absolute;top:0;left:0;right:0}.landing__header-inner{max-width:720px;margin:0 auto}.landing__brand{font-family:var(--font-display);font-size:var(--text-label);color:var(--text-primary);font-weight:800}@media (width>=900px){.landing__header-inner{max-width:1100px;padding-left:var(--space-11)}}.landing__hero{padding:160px var(--space-5) 88px;justify-content:center;align-items:flex-start;display:flex}@media (width<=599px){.landing__hero{padding-top:80px;padding-bottom:var(--space-11)}}@media (width>=600px) and (width<=899px){.landing__hero{padding-top:120px;padding-left:var(--space-6);padding-right:var(--space-6)}}.landing__inner{flex-direction:column;align-items:flex-start;width:100%;max-width:1100px;margin:0 auto;display:flex}.landing__content{flex-direction:column;align-items:flex-start;width:100%;display:flex}.landing__visual{margin:0 0 var(--space-9);--hero-mug-width:0px;--hero-mug-overlap:0px;--hero-oval-margin:var(--space-4);--hero-card-peek:20px;order:-1;grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid;position:relative}@media (width>=900px){.landing__visual.reveal{transition-delay:.1s}}.landing__visual:before{content:"";z-index:0;background:var(--periwinkle-tint);pointer-events:none;left:calc(-1 * (.839 * var(--hero-mug-width) - var(--hero-mug-overlap)) - var(--hero-oval-margin));width:calc(100% + .839 * var(--hero-mug-width) - var(--hero-mug-overlap) + 2 * var(--hero-oval-margin) + var(--hero-card-peek));border-radius:50%;position:absolute}.landing__hero-mug,.landing__hero-beans{pointer-events:none;z-index:0;position:absolute}@media (width<=899px){.landing__visual{--hero-mug-width:min(190px, 40vw);--hero-mug-overlap:46px;margin-left:calc(.839 * var(--hero-mug-width) - var(--hero-mug-overlap));margin-bottom:calc(var(--space-9) + 40px);align-self:flex-start;justify-items:center;width:min(250px,68vw)}.landing__hero-mug{right:calc(50% + var(--hero-card-width) / 2 - var(--hero-mug-overlap));width:var(--hero-mug-width)}.landing__visual:before{height:138px}}@media (width<=599px){.landing__visual:before{bottom:-52px}.landing__hero-mug{bottom:-24px}.landing__hero-beans{bottom:-66px}}@media (width>=600px) and (width<=899px){.landing__visual:before{bottom:-58px}.landing__hero-mug{bottom:-20px}.landing__hero-beans{bottom:-63px}}@media (width<=899px){.landing__hero-beans{right:calc(50% + var(--hero-card-width) / 2 - 40px);width:min(96px,20vw)}}@media (width>=900px){.landing__visual{--hero-mug-width:231px;--hero-mug-overlap:60px;--hero-oval-margin:var(--space-6)}.landing__visual:before{height:147px;bottom:-70px}.landing__hero-mug{right:calc(100% - var(--hero-mug-overlap));width:var(--hero-mug-width);bottom:calc(33.333% - 107.5px)}.landing__hero-beans{width:121.5px;bottom:-90px;right:calc(100% - 54px)}}.landing__match-card{transform-origin:50%;opacity:1;flex-direction:column;grid-area:1/1;min-width:0;display:flex}@media (width<=599px){.landing__visual{--hero-card-width:210px}.landing__match-card{width:var(--hero-card-width)}}@media (width>=600px) and (width<=899px){.landing__visual{--hero-card-width:230px}.landing__match-card{width:var(--hero-card-width)}}.landing__match-card--front{z-index:3;transform:rotate(-1.5deg)}.landing__match-card--back{transform:rotate(1deg) translate(var(--space-6), var(--space-5)) scale(.95);z-index:2}.landing__match-card__inner{background:var(--cream);border:var(--border-bold);border-radius:var(--radius-card);min-width:0;padding:var(--space-4);flex-direction:column;flex:1;display:flex}.landing__match-card--back .landing__match-card__inner{border-color:var(--espresso-subtle)}.landing__match-card__heading,.landing__match-card__product-text{transition:opacity .35s ease-out}.landing__match-card--swapping .landing__match-card__heading,.landing__match-card--swapping .landing__match-card__product-text{opacity:0;transition:opacity .25s ease-in}.landing__match-card__top{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.landing__match-card__sparkle{width:16px;height:16px;color:var(--periwinkle);flex-shrink:0}.landing__match-card__label{font-family:var(--font-body);font-size:var(--text-caption);color:var(--text-tertiary);font-weight:500}.landing__match-card__heading{font-family:var(--font-display);font-size:var(--text-heading);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:700;line-height:1.15}.landing__match-card__divider{height:var(--border-hairline);background:var(--espresso-line);margin-bottom:var(--space-4)}.landing__match-card__product{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.landing__match-card__bag-icon{flex-shrink:0;width:48px;height:48px}.landing__match-card__product-text{min-width:0}.landing__match-card__product-name{font-family:var(--font-body);font-size:var(--text-label);color:var(--text-primary);font-weight:700}.landing__match-card__roaster{font-family:var(--font-body);font-size:var(--text-caption);color:var(--text-secondary)}.landing__match-card__location{font-family:var(--font-body);font-size:var(--text-caption);color:var(--text-tertiary)}.landing__match-card__pill{font-family:var(--font-body);font-size:var(--text-caption);color:var(--periwinkle);background:var(--periwinkle-tint);border-radius:var(--radius-badge);padding:var(--space-1) var(--space-3);align-self:center;font-weight:500;display:block}@media (width<=599px){.landing__match-card__top{gap:var(--space-1)}.landing__match-card__heading,.landing__match-card__divider{margin-bottom:var(--space-3)}.landing__match-card__product{gap:var(--space-1);margin-bottom:var(--space-3)}}@media (width>=1600px){.landing__hero{padding-top:200px}}@media (width>=900px){.landing__inner{max-width:1100px;padding-right:var(--space-11);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(8px,23.33vw - 202px,45px);display:grid}.landing__content{padding-left:var(--space-11)}.landing__visual{margin:var(--space-3) 0 0 calc(.839 * var(--hero-mug-width) - var(--hero-mug-overlap));order:0;grid-template-columns:auto;justify-content:end;justify-items:end}.landing__match-card{width:240px;margin-top:var(--space-2)}.landing__match-card__inner{padding:var(--space-5)}}.landing__headline{font-family:var(--font-display);font-size:var(--text-hero);color:var(--text-primary);margin-bottom:var(--space-8);overflow-wrap:anywhere;font-weight:800;line-height:1}.landing__headline-accent{-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:var(--periwinkle);text-decoration-color:var(--periwinkle);text-underline-offset:10px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:4px}.landing__body{font-size:var(--text-body);color:var(--text-secondary);max-width:537px;margin-bottom:36px;line-height:1.65}.landing__cta{align-items:center;gap:var(--space-2);background:var(--cta-primary);color:var(--cta-primary-text);font-family:var(--font-body);font-size:var(--text-label);padding:var(--button-padding-large);border-radius:var(--radius-button);border:2px solid var(--espresso);cursor:pointer;margin-bottom:var(--space-4);font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.landing__cta:hover{background:var(--espresso);transform:scale(1.02)}@media (width<=599px){.landing__cta{justify-content:center;width:100%}}.landing__note{font-size:var(--text-caption);color:var(--text-tertiary)}.reveal{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(20px)}.reveal--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.landing__match-card__heading,.landing__match-card__product-text{transition:none}}.hiw{padding:var(--space-11) var(--space-5)}@media (width>=600px) and (width<=899px){.hiw{padding-left:var(--space-6);padding-right:var(--space-6)}}.hiw__panel{background:var(--periwinkle-tint);border-radius:var(--radius-card);max-width:1100px;padding:var(--space-9) var(--space-5);margin:0 auto;position:relative}.hiw__title{font-family:var(--font-display);font-size:var(--text-display);color:var(--text-primary);text-align:center;max-width:720px;margin:0 auto var(--space-9);font-weight:700}.hiw__inner{gap:var(--space-11);grid-template-columns:1fr;max-width:900px;margin:0 auto;display:grid}.hiw__icon-wrap{transform:translate(calc(50% - 104px))}@media (width>=900px){.hiw{padding:88px var(--space-5)}.hiw__panel{border-radius:var(--radius-panel);padding:var(--space-10) var(--space-7)}.hiw__title{margin-bottom:var(--space-10)}.hiw__inner{grid-template-columns:1fr 1fr 1fr}.hiw__icon-wrap{transform:none}}.hiw__step{position:relative}.hiw__step:first-child{transition-delay:0s}.hiw__step:nth-child(2){transition-delay:80ms}.hiw__step:nth-child(3){transition-delay:.16s}.hiw__icon-wrap{align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.hiw__badge{border-radius:var(--radius-badge);background:var(--periwinkle);width:40px;height:40px;color:var(--cream);font-family:var(--font-display);font-size:var(--text-heading);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.hiw__icon-frame{flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.hiw__icon-frame:before{content:"";background:var(--lavender);z-index:0;border-radius:50%;width:112px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(16px)}.hiw__icon-frame--2:before,.hiw__icon-frame--3:before{transform:translate(-50%,-50%)translateY(16px)}.hiw__icon{z-index:1;width:80px;height:80px;display:block;position:relative}.hiw__icon--3{transform:translateY(-12px)}.hiw__heading{font-family:var(--font-display);font-size:var(--text-heading);color:var(--text-primary);text-align:center;margin-bottom:var(--space-3);font-weight:700;line-height:1.15}.hiw__body{font-size:var(--text-label);color:var(--text-secondary);text-align:center;line-height:1.6}@media (width>=900px){.hiw__heading,.hiw__body{transform:translate(calc(104px - 50%))}}.about{padding:var(--space-11) var(--space-5)}@media (width>=600px) and (width<=899px){.about{padding-left:var(--space-6);padding-right:var(--space-6)}}.about__inner{align-items:flex-start;gap:var(--space-8);flex-direction:column;max-width:1000px;margin:0 auto;display:flex}.about__photo{flex-shrink:0;width:240px}.about__photo-img{object-fit:cover;border-radius:var(--radius-card);width:100%;height:auto;box-shadow:var(--shadow-card);display:block}.about__text{min-width:0}.about__text.reveal{transition-delay:.1s}@media (width>=900px){.about{padding:88px var(--space-5)}.about__inner{flex-direction:row;gap:clamp(32px,56vw - 472px,88px)}.about__photo{width:340px}}.about__heading{font-family:var(--font-display);font-size:var(--text-display);color:var(--text-primary);margin-bottom:var(--space-7);font-weight:700;line-height:1.1}.about__body{font-size:var(--text-body);color:var(--text-secondary);margin-bottom:var(--space-5);line-height:1.7}.about__emphasis{font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);margin-top:var(--space-1);margin-bottom:var(--space-5);font-weight:700;line-height:1.5}.about__signoff{font-size:var(--text-body);color:var(--text-primary);margin-top:var(--space-7);margin-bottom:var(--space-2)}.about__link{font-size:var(--text-body);color:var(--coral);text-decoration:none}.about__link:hover{text-decoration:underline}.closing-cta{padding:var(--space-6) var(--space-5) var(--space-11)}@media (width>=600px) and (width<=899px){.closing-cta{padding-left:var(--space-6);padding-right:var(--space-6)}}.closing-cta__panel{align-items:flex-start;gap:var(--space-6);background:var(--periwinkle-tint);border-radius:var(--radius-card);max-width:1100px;padding:var(--space-7) var(--space-5) var(--space-6);flex-direction:column;margin:0 auto;display:flex}.closing-cta__heading{font-family:var(--font-display);font-size:var(--text-heading);color:var(--text-primary);text-align:center;width:100%;font-weight:700;line-height:1.15}.closing-cta__subtext{font-family:var(--font-body);font-size:var(--text-label);color:var(--text-secondary);margin-left:0;margin-top:var(--space-2);font-weight:400;display:block}.closing-cta__button{flex-shrink:0;margin-bottom:0}@media (width>=600px) and (width<=899px){.closing-cta__button{align-self:center}}@media (width>=900px){.closing-cta{padding:32px var(--space-5) 88px}.closing-cta__panel{justify-content:space-between;align-items:center;gap:var(--space-7);border-radius:var(--radius-panel);padding:var(--space-7) 132px;flex-direction:row}.closing-cta__heading{text-align:left;width:auto}.closing-cta__subtext{margin-left:var(--space-6);margin-top:0;display:inline}}@keyframes blur-in{0%{opacity:0}to{opacity:1}}@keyframes blur-out{0%{opacity:1}to{opacity:0}}.blur-in{animation:.3s ease-out forwards blur-in}.blur-out{animation:.3s ease-out forwards blur-out}.quiz-shell{flex-direction:column;flex:1;min-height:100dvh;display:flex}.quiz-header{padding:var(--space-5) var(--space-5);position:relative}.quiz-header__inner{align-items:center;gap:var(--space-4);max-width:720px;margin:0 auto;display:flex}@media (width>=600px) and (width<=899px){.quiz-header{padding-left:var(--space-6);padding-right:var(--space-6)}.quiz-header__inner{max-width:1100px}}@media (width>=900px){.quiz-header__inner{max-width:1100px;padding-left:var(--space-11)}}.quiz-header__brand{font-family:var(--font-display);color:var(--text-primary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:16px;font-weight:800}.quiz-header__brand--spacer{visibility:hidden;pointer-events:none}.brand-fixed{z-index:50;padding:var(--space-6) var(--space-5) 0;pointer-events:none;position:fixed;top:0;left:0;right:0}.brand-fixed--scrolls-away{position:absolute}.brand-fixed__inner{align-items:center;gap:var(--space-4);max-width:720px;margin:0 auto;transition:max-width .15s,padding-left .15s,padding-right .15s;display:flex;position:relative}@media (width>=600px) and (width<=899px){.brand-fixed{padding-left:var(--space-6);padding-right:var(--space-6)}.brand-fixed__inner{max-width:1100px}}.brand-fixed .quiz-header__brand,.brand-fixed .result-restart{pointer-events:auto}.brand-fixed__restart{white-space:nowrap;margin-left:auto}.landing-header__nav{align-items:center;gap:var(--space-7);pointer-events:auto;margin-left:auto;display:none}.landing-header__link{font-family:var(--font-body);font-size:var(--text-label);color:var(--text-tertiary);font-weight:700;line-height:1;text-decoration:none;transition:color .15s}.landing-header__link:hover{color:var(--text-primary)}@media (width>=900px){.brand-fixed__inner{max-width:1100px;padding-left:var(--space-11);padding-right:var(--space-11)}.landing-header__nav{display:inline-flex}}.quiz-header .progress-stamp{position:absolute;left:50%;transform:translate(-50%)}.back-fixed{display:none}@media (width>=900px){.back-fixed{z-index:50;padding:0 var(--space-5);pointer-events:none;display:block;position:fixed;top:200px;left:0;right:0}.back-fixed__inner{max-width:1100px;padding-left:var(--space-11);margin:0 auto}.quiz-back{pointer-events:auto}}.quiz-back{border:2px solid var(--espresso-subtle);background:var(--cream);cursor:pointer;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:border-color .15s;display:flex}.quiz-back:hover{border-color:color-mix(in srgb, var(--espresso) 50%, transparent)}.quiz-back:hover svg{stroke:var(--espresso)}.quiz-back svg{width:20px;height:20px;stroke:color-mix(in srgb, var(--espresso) 50%, transparent);fill:none;transition:stroke .15s;display:block}.quiz-main{flex:1;align-items:stretch;width:100%;padding:0;display:flex;overflow:hidden}.carousel-viewport{flex:1;width:100%;min-height:0;position:relative}.carousel-slot{top:var(--space-6);width:calc(100% - 40px);left:var(--space-5);pointer-events:none;transform:translateX(calc(var(--offset,0) * var(--step,108%))) scaleY(calc(1 + var(--abs-offset,0) * -.15));filter:blur(calc(var(--abs-offset,0) * .04rem));opacity:calc(1 - var(--abs-offset,0) * .55);transition:all .3s ease-out;position:absolute}.carousel-slot--interactive{pointer-events:auto}@media (width>=900px){.quiz-header{padding:var(--space-5) var(--space-5)}.carousel-slot{top:var(--space-11);--step:calc(50vw + 274px);width:560px;left:calc(50% - 280px)}}