:root{--paper:#f3f3f3;--ink:#000;--ember:#fb613b;--pink:#ff8db0;--blush:#f4b2b9;--page-x:clamp(1.25rem, 3.27vw, 4rem);--radius:clamp(1.25rem, 2vw, 2.25rem)}html{text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);overflow-x:hidden}.eyebrow,.section-index,.plan-eyebrow,.hero-index{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(1rem,.95vw,1.1rem);font-weight:500}.landing-hero{min-height:100svh;padding:clamp(7rem, 14vh, 10rem) var(--page-x) clamp(2rem, 4vh, 4rem);background:var(--ember) url(/assets/hero-gradient.webp) center / cover no-repeat;grid-template-columns:minmax(0,1.05fr) minmax(min(42%,22rem),.95fr);align-items:center;gap:clamp(2rem,4vw,5rem);display:grid;position:relative;overflow:hidden}.landing-hero:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(#00000052,#0000);height:clamp(9rem,22vh,15rem);position:absolute;top:0;left:0;right:0}.hero-copy{z-index:2;flex-direction:column;justify-content:center;display:flex;position:relative}.hero-copy .eyebrow{margin:0 0 clamp(1.5rem,4vh,3rem)}.hero-title{letter-spacing:-.075em;margin:0 0 clamp(1.5rem,3vh,2.5rem) -.055em;font-size:clamp(6.2rem,15.4vw,16rem);font-weight:500;line-height:.72}.hero-intro{justify-content:space-between;align-items:flex-end;gap:2rem;max-width:100%;display:flex}.hero-intro p{letter-spacing:-.035em;margin:0;font-size:clamp(1.45rem,2.2vw,2.7rem);font-weight:500;line-height:1.04}.hero-backer{bottom:clamp(3.75rem,6vh,5rem);left:var(--page-x);z-index:3;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.8rem;font-size:.82rem;font-weight:500;line-height:1;text-decoration:none;transition:opacity .18s;display:inline-flex;position:absolute}.hero-backer:hover{opacity:.68}.hero-backer:focus-visible{outline:2px solid var(--ink);outline-offset:.4rem}.hero-backer img{width:clamp(11rem,13vw,13.5rem);height:auto;display:block}.hero-showcase{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,2.5vh,1.75rem);display:flex;position:relative}.showcase-track{perspective:1400px;width:100%;height:min(58vh,30rem);position:relative}.showcase-item{aspect-ratio:9/16;cursor:pointer;will-change:transform, opacity;background:0 0;border:0;width:clamp(10.5rem,15vw,15rem);margin:0;padding:0;transition:transform .52s cubic-bezier(.22,.61,.36,1),opacity .42s,filter .42s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.showcase-item.is-active{z-index:3;transform:translate(-50%,-50%)scale(1.14)}.showcase-item:focus-visible{outline:none}.showcase-item:focus-visible .showcase-frame{box-shadow:0 30px 60px -22px #0000008c,inset 0 0 0 2px #ffffffe6}.showcase-item.is-left{z-index:1;opacity:.55;filter:blur(2px)saturate(.92);transform:translate(-132%,-50%)scale(.8)}.showcase-item.is-right{z-index:1;opacity:.55;filter:blur(2px)saturate(.92);transform:translate(32%,-50%)scale(.8)}.showcase-item.is-hidden{z-index:0;opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.7)}.showcase-frame{background:linear-gradient(165deg,#2a2a2a,#0c0c0c);border-radius:clamp(1.25rem,1.8vw,1.9rem);width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 30px 60px -22px #0000008c,inset 0 0 0 1px #ffffff24}.showcase-video{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.showcase-ph{z-index:0;color:#ffffffd1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.showcase-ph-icon{color:#ffffffe6;border:1px solid #ffffff4d;border-radius:999px;width:clamp(2.2rem,3vw,3rem);height:clamp(2.2rem,3vw,3rem);padding:.65rem}.showcase-ph-label{letter-spacing:.06em;text-transform:uppercase;font-size:clamp(1rem,1.1vw,1.2rem);font-weight:500}.showcase-ph-hint{color:#ffffff80;letter-spacing:.04em;font-size:.82rem}.cta-liquid{background:var(--ember) url(/assets/hero-gradient.webp) center / cover no-repeat;position:absolute;inset:0;transform:scaleX(-1)}.cta-section:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(145deg,#0000 45%,#0000000d);position:absolute;inset:0}.brand-glyph{filter:brightness(0)invert();width:clamp(9rem,14vw,16rem);height:auto;display:block}.hero-index{right:var(--page-x);bottom:clamp(1rem,2vh,2rem);left:var(--page-x);z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute}.btn-primary{min-height:3rem;box-shadow:none;border:1px solid;border-radius:999px;justify-content:space-between;align-items:center;gap:1.5rem;padding:.9rem 1.15rem;font-size:clamp(1rem,.95vw,1.08rem);font-weight:500;line-height:1;text-decoration:none;transition:color .25s,background .25s,border-color .25s;display:inline-flex;position:relative}.btn-dark{color:#fff;background:var(--ink);border-color:var(--ink)}.btn-light{color:var(--ink);background:var(--paper);border-color:var(--paper)}.btn-primary:hover{color:var(--ink);background:var(--pink);border-color:var(--pink)}.manifesto-section,.pricing-section{padding:clamp(7rem, 16vh, 12rem) var(--page-x)}.section-index{margin:0 0 clamp(3rem,8vh,6rem)}.section-index--light{color:#ffffffa6}.manifesto-grid{grid-template-columns:1.25fr .75fr;align-items:end;gap:clamp(3rem,10vw,12rem);display:grid}.manifesto-grid h2,.pricing-heading h2,.story-heading h2{letter-spacing:-.065em;margin:0;font-size:clamp(3.8rem,8.3vw,9.5rem);font-weight:500;line-height:.86}.manifesto-grid h2 span,.pricing-heading h2 span{color:var(--ember)}.manifesto-copy{max-width:35rem}.manifesto-copy p{letter-spacing:-.03em;margin:0;font-size:clamp(1.3rem,2vw,2.2rem);line-height:1.12}.manifesto-copy .manifesto-note{color:var(--ember);letter-spacing:0;margin-top:2rem;font-size:clamp(1rem,1vw,1.1rem)}.story-section{padding:clamp(7rem, 14vh, 11rem) var(--page-x) var(--page-x);color:#fff;background:var(--ink)}.story-heading{grid-template-columns:.55fr 1fr .55fr;align-items:end;gap:clamp(2rem,5vw,6rem);margin-bottom:clamp(4rem,10vh,8rem);display:grid}.story-heading .section-index{align-self:start;margin:0}.story-heading h2{font-size:clamp(3.7rem,7vw,8rem)}.story-heading h2 span{color:var(--pink);font-variant-ligatures:none;letter-spacing:-.025em;white-space:nowrap;font-size:min(1em,10vw);display:block}.story-heading>p:last-child{color:#ffffffa8;max-width:22rem;margin:0;font-size:clamp(1rem,1.25vw,1.35rem);line-height:1.25}.story-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.story-card{--card-pad:clamp(1.15rem, 6cqi, 1.65rem);--phone-x:clamp(.85rem, 3cqi, 1.15rem);--phone-top:clamp(5.5rem, 23cqi, 7.25rem);--phone-bottom:clamp(9.5rem, 48cqi, 13rem);aspect-ratio:3/7;isolation:isolate;min-height:0;color:var(--ink);border-radius:1rem;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;container-type:inline-size}.story-card--orange{background:var(--ember)}.story-card--pink{background:var(--pink)}.story-card--paper{background:var(--paper)}.story-card--liquid{background:var(--ember)}.story-card--liquid:before{content:"";background:radial-gradient(circle at 20% 75%, #fff8b0 0 4%, transparent 18%), radial-gradient(circle at 80% 22%, var(--pink) 0 10%, transparent 35%), repeating-radial-gradient(ellipse at 50% 50%, var(--ember) 0 8%, var(--pink) 16%, var(--ember) 25%);filter:blur(16px);animation:12s ease-in-out infinite alternate-reverse liquid-drift;position:absolute;inset:-30%}.story-card>*{z-index:1;position:relative}.story-card-top{z-index:4;top:var(--card-pad);left:var(--card-pad);justify-content:space-between;align-items:center;display:flex;position:absolute}.story-phone{z-index:2;top:var(--phone-top);right:var(--phone-x);bottom:var(--phone-bottom);left:var(--phone-x);width:calc(100% - (2 * var(--phone-x)));height:calc(100% - var(--phone-top) - var(--phone-bottom));object-fit:contain;object-position:center;max-width:none;margin:0;display:block;position:absolute}.story-card>div:last-child{z-index:4;padding:clamp(4rem, 24cqi, 6rem) var(--card-pad) var(--card-pad);color:#fff;background:linear-gradient(#0000 0%,#0006 32%,#000000c7 68%,#000000f0 100%);margin:0;position:absolute;bottom:0;left:0;right:0}.step-number{color:var(--ink);letter-spacing:-.06em;font-size:clamp(2.5rem,16cqi,4.25rem);font-weight:500;line-height:1}.step-title{letter-spacing:-.045em;margin:0 0 .65rem;font-size:clamp(1.8rem,10cqi,3rem);font-weight:500;line-height:.95}.story-card p:last-child{color:#ffffffb8;max-width:28rem;margin:0;font-size:clamp(1rem,4.5cqi,1.15rem);line-height:1.25}.pricing-heading{grid-template-columns:1fr .7fr;align-items:end;gap:3rem;margin-bottom:clamp(4rem,9vh,7rem);display:grid}.pricing-heading .section-index{grid-column:1/-1;margin:0}.pricing-heading>p:last-child{max-width:25rem;margin:0;font-size:clamp(1rem,1.35vw,1.4rem);line-height:1.25}.plan-grid{border-top:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.plan-card{border-right:1px solid var(--ink);flex-direction:column;justify-content:space-between;min-height:28rem;padding:clamp(1.5rem,2.5vw,3rem) clamp(1rem,2vw,2.5rem);display:flex}.plan-card:last-child{border-right:0}.plan-card--featured{color:#fff;background:var(--ink)}.plan-eyebrow{margin:0 0 4rem}.plan-card h3{letter-spacing:-.06em;margin:0 0 1.25rem;font-size:clamp(2.6rem,4vw,5rem);font-weight:500;line-height:.9}.plan-price{align-items:baseline;gap:.45rem;margin:0 0 1rem;display:flex}.plan-price strong{letter-spacing:-.04em;font-size:clamp(1.75rem,2.3vw,2.8rem);font-weight:500}.plan-price span{opacity:.62;font-size:clamp(1rem,.9vw,1.05rem)}.plan-allowance{max-width:23rem;margin:0 0 1rem;font-size:clamp(1rem,1vw,1.15rem);font-weight:500;line-height:1.2}.plan-detail{opacity:.72;max-width:23rem;margin:0;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.3}.plan-card .btn-primary{width:fit-content}.cta-section{min-height:100svh;padding:clamp(7rem, 14vh, 11rem) var(--page-x) clamp(3rem, 7vh, 6rem);color:#fff;background:var(--ember);isolation:isolate;align-items:flex-end;display:flex;position:relative;overflow:hidden}.cta-liquid{z-index:-1}.cta-content{z-index:2;width:100%;position:relative}.cta-content .section-index{margin-bottom:clamp(4rem,10vh,8rem)}.cta-content h2{letter-spacing:-.07em;max-width:12ch;margin:0 0 clamp(3rem,7vh,5rem);font-size:clamp(4.2rem,10vw,12rem);font-weight:500;line-height:.8}.cta-content h2 span{color:var(--ink)}.brand-glyph--cta{right:var(--page-x);z-index:2;width:clamp(10rem,16vw,18rem);position:absolute;bottom:clamp(3rem,7vh,6rem)}.grain:after{z-index:9999;pointer-events:none;content:"";opacity:.022;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:400px 400px;position:fixed;inset:0;transform:translateZ(0)}@keyframes liquid-drift{0%{transform:scale(1.1)rotate(-7deg)translate(-2%,-1%)}to{transform:scale(1.18)rotate(5deg)translate(3%,2%)}}@media (width<=1200px){.story-grid{grid-template-columns:1fr 1fr}.story-card{aspect-ratio:3/5}}@media (width>=601px) and (width<=1200px){.story-card{--phone-bottom:clamp(7.5rem, 30cqi, 9.5rem)}}@media (width<=900px){.landing-hero{grid-template-columns:1fr;padding-top:7rem}.hero-title{font-size:clamp(5.5rem,25vw,10rem)}.hero-intro,.manifesto-grid,.pricing-heading{grid-template-columns:1fr;display:grid}.hero-intro .btn-primary{width:fit-content}.hero-showcase{order:3;margin-top:.25rem}.showcase-track{height:min(64vh,30rem)}.showcase-item{width:clamp(9.5rem,34vw,13rem)}.hero-index{display:none}.hero-backer{order:4;justify-self:start;position:relative;bottom:auto;left:auto}.story-heading{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr 1fr}.story-card{min-height:28rem}.plan-grid{grid-template-columns:1fr}.plan-card{border-right:0;border-bottom:1px solid var(--ink);min-height:24rem}}@media (width<=600px){.landing-hero{gap:.75rem}.hero-showcase{margin-top:0}.hero-copy .eyebrow{margin-bottom:2rem}.hero-title{line-height:.8}.manifesto-section,.pricing-section,.story-section{padding-top:7rem;padding-bottom:7rem}.manifesto-grid h2,.pricing-heading h2,.story-heading h2{font-size:clamp(3.4rem,16vw,5rem)}.story-grid{grid-template-columns:1fr}.story-card{aspect-ratio:auto;--phone-top:4.5rem;--phone-bottom:6.5rem;--phone-x:1.25rem;min-height:85svh}.cta-content h2{font-size:clamp(4rem,20vw,7rem)}.brand-glyph--cta{top:4rem;right:var(--page-x);bottom:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
