.landing{--landing-on-photo:oklch(98% .008 80);--landing-photo-muted:oklch(86% .012 80);--landing-photo-backdrop:oklch(30% .045 205);--landing-band:oklch(94.4% .017 78);--landing-learning-background:#f2ece1;letter-spacing:0}.landing h1,.landing h2,.landing h3,.landing .font-serif{letter-spacing:0}.landing{--landing-body-size:18px;--landing-lead-size:20px;--landing-support-size:16px;--landing-feature-size:20px;--landing-eyebrow-size:14px}.landing .landing-body{font-size:var(--landing-body-size);font-weight:400;line-height:1.6}.landing .landing-lead{font-size:var(--landing-lead-size);font-weight:400;line-height:1.55}.landing .landing-support{font-size:var(--landing-support-size);line-height:1.6}.landing .landing-feature-title,.landing .landing-look-label{font-size:var(--landing-feature-size);line-height:1.4}.landing .eyebrow{font-size:var(--landing-eyebrow-size);letter-spacing:0;font-weight:500;line-height:1.5}.landing .eyebrow.landing-look-label{font-size:var(--landing-feature-size)}.landing .landing-metadata{font-size:14px;line-height:1.5}.landing-inner{width:min(100% - 48px,1152px);margin-inline:auto}.landing-section{padding-block:96px}.landing-title{font-size:44px;line-height:1.16}.landing-hero{background:var(--background);color:var(--foreground);position:relative;overflow:hidden}.landing-hero-layout{grid-template-columns:.92fr 1.08fr;align-items:center;gap:12px;padding-block:38px 42px;display:grid}.landing-hero-content{z-index:1;min-width:0;padding-block:12px;position:relative}.landing-hero h1{font-size:56px;line-height:1.08}.landing-hero .eyebrow{color:var(--primary)}.landing-hero-copy{color:var(--foreground)}.landing-hero-art{min-width:0}.landing-hero-art img{width:118%;max-width:none;margin-left:-8%;display:block}.landing-product{box-shadow:0 18px 54px color-mix(in oklab, var(--ink) 12%, transparent)}.landing-starting-piece{background:var(--studio);border-radius:6px;position:relative;overflow:hidden}.landing-starting-piece img{aspect-ratio:928/1152;object-fit:contain;mix-blend-mode:multiply;width:100%;display:block}.landing-starting-piece figcaption{z-index:1;align-items:center;gap:12px;display:flex;position:absolute;top:22px;left:24px}.landing-look-connector{color:var(--primary);justify-content:center;align-items:center;gap:24px;margin-block:24px;display:flex}.landing-look-connector:before,.landing-look-connector:after{content:"";background:var(--border);flex:1;height:1px}.landing-look-connector span{text-transform:uppercase;align-items:center;gap:14px;font-size:14px;font-weight:500;display:flex}.landing-devices{padding-bottom:30px;position:relative}.landing-laptop-wrap{z-index:1;position:relative}.landing-laptop{background:var(--ink);box-shadow:0 24px 60px color-mix(in oklab, var(--ink) 20%, transparent);border-radius:18px 18px 0 0;padding:10px 10px 0}.landing-laptop-base{background:color-mix(in oklab, var(--ink) 86%, white 14%);border-radius:0 0 18px 18px;height:13px;margin-inline:-3%}.landing-phone{z-index:2;border:5px solid var(--ink);background:var(--background);width:clamp(140px,23%,190px);box-shadow:0 24px 50px color-mix(in oklab, var(--ink) 25%, transparent);border-radius:22px;position:absolute;bottom:0;right:-6px;overflow:hidden}@media (width>=1024px){.landing-features>li{padding-right:20px}.landing-features>li+li{border-left:1px solid var(--border);padding-left:32px}}@media (width>=1440px){.landing-hero-layout{padding-block:50px 54px}}@media (width<=767px){.landing{--landing-body-size:17px;--landing-lead-size:18px;--landing-feature-size:20px}.landing-inner{width:min(100% - 40px,1152px)}.landing-section{padding-block:64px}.landing-title,.landing-hero h1{font-size:34px}.landing-hero-layout{grid-template-columns:1fr;gap:14px;padding-block:30px 24px}.landing-hero-content{width:100%;padding-block:0}.landing-hero-art{width:100%;max-width:480px;margin-inline:auto}.landing-hero-art img{width:100%;margin-left:0}.landing-hero-art p{font-size:18px}.landing-hero-content>p{max-width:100%}.landing-starting-piece{width:100%;max-width:360px;margin-inline:auto}.landing-look-connector{gap:12px}.landing-look-connector span{gap:8px;font-size:13px}.landing-devices{padding-bottom:18px}.landing-phone{border-width:4px;border-radius:18px;width:132px;right:-4px}.landing [class~=max-w-xs]{max-width:100%}.landing section[aria-labelledby=meet-freddy] blockquote{font-size:20px;line-height:1.5}}.landing-band{background:var(--landing-band)}.landing-promise{padding-block:68px 76px}.landing-familiar{padding-block:88px 92px}.landing-promise-row,.landing-familiar-row{gap:28px;padding:0;list-style:none;display:grid}.landing-promise-row>li,.landing-familiar-row>li{align-items:flex-start;gap:16px;display:flex}@media (width>=768px){.landing-promise-row,.landing-familiar-row{grid-template-columns:repeat(3,1fr);gap:0}.landing-promise-row>li,.landing-familiar-row>li{padding-right:28px}.landing-promise-row>li+li,.landing-familiar-row>li+li{border-left:1px solid var(--border);padding-left:28px}}.landing-how{position:relative;overflow:hidden}.landing-how-layout{grid-template-columns:1.25fr 1fr .62fr;align-items:center;gap:24px 48px;display:grid}.landing-how-steps{flex-direction:column;gap:40px;margin:0;padding:0;list-style:none;display:flex}.landing-how-step{align-items:flex-start;gap:18px;display:flex}.landing-how-num{background:var(--primary);width:44px;height:44px;color:var(--primary-foreground);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:inline-flex}.landing-how-phone{margin:0}.landing-how-phone img{width:128%;max-width:none;margin-left:14%;display:block}@media (width<=767px){.landing-how-layout{grid-template-columns:1fr;gap:36px}.landing-how-steps{gap:28px}.landing-how-phone img{width:84%;margin-inline:auto}}.bg-ink .text-primary{color:oklch(70% .13 40)}.landing-learning{background:var(--landing-learning-background)}.landing-learning-layout{grid-template-columns:.9fr 2fr;align-items:center;gap:32px;display:grid}.landing-learning-copy{min-width:0}.landing-learning-art{grid-template-columns:560fr 645fr;align-items:center;min-width:0;display:grid}.landing-learning-art>img{width:100%;height:auto;display:block}.landing-learning-outfits{aspect-ratio:645/780;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to bottom, transparent, var(--ink) 14%, var(--ink) 88%, transparent), linear-gradient(to right, transparent, var(--ink) 6%, var(--ink) 96%, transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, var(--ink) 14%, var(--ink) 88%, transparent), linear-gradient(to right, transparent, var(--ink) 6%, var(--ink) 96%, transparent);mask-image:linear-gradient(to bottom, transparent, var(--ink) 14%, var(--ink) 88%, transparent), linear-gradient(to right, transparent, var(--ink) 6%, var(--ink) 96%, transparent);-webkit-mask-composite:source-in;position:relative;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.landing-learning-outfits img{width:138.76%;max-width:none;height:auto;position:absolute;top:0;left:-4.65%}@media (width<=1023px){.landing-learning-layout{grid-template-columns:1fr;gap:32px}.landing-learning-copy{max-width:640px}}@media (width<=767px){.landing-learning-art{grid-template-columns:1fr;gap:12px;max-width:460px;margin-inline:auto}}