@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-cyrillic-ext-opsz-normal.DIwfbPUE.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-cyrillic-opsz-normal.C0olyEE-.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-greek-opsz-normal.DrHU7SY7.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-vietnamese-opsz-normal.BOyYyU_V.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-latin-ext-opsz-normal.HoL-AExg.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-latin-opsz-normal.BpEBLj1O.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4 Variable";font-style:italic;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-cyrillic-ext-opsz-italic.Bl6DJqma.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:italic;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-cyrillic-opsz-italic.Dibx14aP.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:italic;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-greek-opsz-italic.CMW9dfKg.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Serif 4 Variable";font-style:italic;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-vietnamese-opsz-italic.C-k5pZlm.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:italic;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-latin-ext-opsz-italic.BhUEwDRF.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:italic;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-latin-opsz-italic.BOLXpvkj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-ext-wght-normal.B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-wght-normal.BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display: "Source Serif 4 Variable", "Source Serif 4", Georgia, "Times New Roman", serif;--font-ui: "Instrument Sans Variable", "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-hero: "Source Serif 4 Variable", "Source Serif 4", Georgia, serif;--step--2: clamp(.69rem, .67rem + .09vw, .75rem);--step--1: clamp(.82rem, .79rem + .13vw, .9rem);--step-0: clamp(1rem, .96rem + .18vw, 1.09rem);--step-1: clamp(1.2rem, 1.13rem + .35vw, 1.42rem);--step-2: clamp(1.45rem, 1.32rem + .62vw, 1.85rem);--step-3: clamp(1.75rem, 1.53rem + 1.06vw, 2.4rem);--step-4: clamp(2.1rem, 1.72rem + 1.85vw, 3.25rem);--step-5: clamp(2.6rem, 1.9rem + 3.4vw, 4.6rem);--step-6: clamp(3.1rem, 1.85rem + 6vw, 7rem);--paper: #f4efe6;--paper-raised: #fbf8f2;--paper-deep: #e7dfd2;--ink: #1a1614;--ink-soft: #5b524a;--ink-faint: #6f665b;--rule: rgba(26, 22, 20, .15);--rule-strong: rgba(26, 22, 20, .34);--accent: #c1395f;--accent-deep: #96264a;--accent-wash: rgba(193, 57, 95, .08);--accent-contrast: #fdfaf5;--radius: 2px;--radius-print: 1px;--radius-pill: 999px;--measure: 34rem;--gutter: clamp(1.25rem, .8rem + 2.2vw, 3.5rem);--page-max: 76rem;--ease: cubic-bezier(.2, .7, .2, 1);--dur: .52s;--dur-fast: .18s;--shadow-print: 0 1px 1px rgba(26, 22, 20, .1), 0 10px 22px -14px rgba(26, 22, 20, .42);--shadow-sheet: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 18px 46px -30px rgba(26, 22, 20, .5)}[data-occasion=ANNIVERSARY]{--paper: #f5efe6;--paper-raised: #fcf8f1;--paper-deep: #e6dccd;--accent: #7a1f2b;--accent-deep: #521016;--accent-wash: rgba(122, 31, 43, .075);--ink: #1e1614}[data-occasion=BIRTHDAY]{--paper: #faf3e2;--paper-raised: #fffbf0;--paper-deep: #efe3c7;--accent: #b95c0c;--accent-deep: #8a4208;--accent-wash: rgba(185, 92, 12, .09);--ink: #201a10}[data-occasion=WEDDING]{--paper: #f1f3ec;--paper-raised: #fbfcf8;--paper-deep: #e0e4d7;--accent: #4d6144;--accent-deep: #35452f;--accent-wash: rgba(77, 97, 68, .09);--ink: #171a15}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:300;letter-spacing:-.024em;line-height:1.04;margin:0;text-wrap:balance}p{margin:0}a{color:inherit}img,svg{display:block;max-width:100%}ul,ol{margin:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-contrast)}.wrap{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--gutter)}.wrap--narrow{max-width:54rem}.section{padding-block:clamp(2.25rem,4.5vw,3.5rem)}.section+.section>.wrap{border-top:1px solid var(--rule);padding-top:clamp(1.75rem,3.5vw,3rem)}.rule{border:0;border-top:1px solid var(--rule);margin:0}.label{font-family:var(--font-ui);font-size:var(--step--2);font-weight:500;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-faint);line-height:1.4;margin:0}.label--accent{color:var(--accent)}.lede{font-family:var(--font-display);font-size:var(--step-2);line-height:1.45;color:var(--ink-soft);max-width:32ch;letter-spacing:-.011em}.prose{font-family:var(--font-display);font-size:var(--step-1);line-height:1.68;max-width:var(--measure)}.prose p+p{margin-top:1.1em}em,.em{font-style:italic;color:var(--accent)}.action{display:inline-flex;align-items:center;gap:.85em;font-family:var(--font-ui);font-size:var(--step--2);font-weight:600;letter-spacing:.17em;text-transform:uppercase;text-decoration:none;color:var(--ink);padding-bottom:.5em;border:0;border-bottom:1px solid var(--rule-strong);background:none;cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.action:after{content:"";width:2.4em;height:1px;background:currentColor;transition:width var(--dur) var(--ease)}.action:hover{color:var(--accent);border-bottom-color:var(--accent)}.action:hover:after{width:3.6em}.action--accent{color:var(--accent);border-bottom-color:var(--accent)}.action--lg{font-size:var(--step--1)}.grain{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E")}.site-header{position:relative;z-index:5;padding-block:clamp(1.25rem,2.5vw,2rem)}.site-header .wrap{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem}.brand{display:inline-block;font-family:var(--font-display);font-size:var(--step-1);line-height:1;text-decoration:none;color:var(--ink);font-variation-settings:"opsz" 36}.brand__word{white-space:nowrap}.brand__loved,.brand__page{font-weight:700;letter-spacing:-.022em}.brand__page{color:var(--accent)}.brand__mark{position:relative;display:inline-block;width:.9em;height:.9em;margin-right:.34em;vertical-align:-.05em;transform:rotate(-9deg)}.brand__heart{position:absolute;inset:0;width:100%;height:100%;fill:var(--accent);transform-origin:50% 60%}.brand__heart--spark{opacity:0}.brand:hover .brand__heart:not(.brand__heart--spark){animation:brand-beat .62s var(--ease)}.brand:hover .brand__heart--spark{animation:brand-lift .9s var(--ease)}.brand:hover .brand__page{color:var(--accent-deep)}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:6px}@keyframes brand-beat{0%{transform:scale(1)}28%{transform:scale(1.16)}50%{transform:scale(.97)}70%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes brand-lift{0%{opacity:0;transform:translate(0) scale(.6)}25%{opacity:.7}to{opacity:0;transform:translate(.45em,-1.15em) scale(.34)}}@media(prefers-reduced-motion:reduce){.brand:hover .brand__heart,.brand:hover .brand__heart--spark{animation:none}}@media(max-width:24rem){.brand{font-size:var(--step-0)}}.site-nav{display:flex;gap:clamp(1rem,2.5vw,2rem);align-items:baseline}.site-nav a{font-family:var(--font-ui);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);text-decoration:none;padding-bottom:.3em;border-bottom:1px solid transparent;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}@media(max-width:40rem){.site-nav a:not(.site-nav__cta){display:none}}.hero{padding-block:clamp(1.75rem,3.5vw,3rem) clamp(2.5rem,5vw,4rem)}.hero__eyebrow{margin-bottom:clamp(1.25rem,2.5vw,2rem);color:var(--accent)}.hero__title{font-size:var(--step-6);line-height:.94;letter-spacing:-.034em;margin-left:-.045em;max-width:14ch}.hero__lede{margin-top:clamp(1.25rem,2.5vw,2rem)}.hero__go{margin-top:clamp(2rem,4vw,3.25rem);display:flex;flex-wrap:wrap;gap:2rem;align-items:center}.hero__note{font-family:var(--font-display);font-style:italic;color:var(--ink-faint);font-size:var(--step--1)}.hero--center{padding-block:clamp(3rem,7vw,5.5rem) clamp(2.5rem,5vw,4rem);text-align:center}.hero--center .hero__title{font-family:var(--font-hero);font-weight:600;font-size:clamp(2.4rem,1.35rem + 4vw,4.85rem);line-height:1.08;letter-spacing:-.016em;max-width:32ch;margin-inline:auto}.hero__title-em{color:var(--accent)}.hero__br{display:none}@media(min-width:52rem){.hero--center .hero__title{text-wrap:initial}.hero__br{display:inline}}.hero__sub{margin:clamp(1.5rem,3.2vw,2.5rem) auto 0;max-width:56ch;font-family:var(--font-display);font-size:clamp(1.08rem,1rem + .42vw,1.3rem);line-height:1.6;color:var(--ink-soft);letter-spacing:-.008em;text-wrap:balance}.cta{display:grid;justify-items:center;gap:clamp(1.1rem,2vw,1.5rem)}.hero--center .cta{margin-top:clamp(2.5rem,5vw,3.75rem)}.cta__invite{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.35rem);font-family:var(--font-display);font-style:italic;font-size:var(--step-0);color:var(--accent)}.cta__invite:before,.cta__invite:after{content:"";flex:none;height:1px;width:clamp(1.25rem,5vw,3.5rem);background:linear-gradient(to right,transparent,var(--accent));opacity:.5}.cta__invite:after{background:linear-gradient(to left,transparent,var(--accent))}@media(max-width:36rem){.cta__invite{display:block;max-width:26ch;text-align:center}.cta__invite:before,.cta__invite:after{display:none}}.btn{position:relative;display:inline-flex;align-items:center;gap:.72em;padding:.95em 2.15em;background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--step--1);font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:background var(--dur-fast) var(--ease)}.btn__heart{flex:none;width:1.05em;height:1.05em;fill:currentColor;transform:rotate(-9deg);transform-origin:50% 60%;opacity:.92}.btn:before{content:"";position:absolute;inset:-8px;border:1px solid var(--accent);border-radius:var(--radius-pill);opacity:.35;transition:inset var(--dur) var(--ease),opacity var(--dur) var(--ease)}.btn:hover{background:var(--accent-deep)}.btn:hover:before{inset:-4px;opacity:.8}.btn:hover .btn__heart{animation:brand-beat .62s var(--ease);opacity:1}.btn:focus-visible{outline-offset:10px}@media(prefers-reduced-motion:reduce){.btn:before{transition:opacity var(--dur-fast) var(--ease)}.btn:hover:before{inset:-8px}.btn:hover .btn__heart{animation:none}}.torn{height:14px;width:100%;background:var(--paper-deep);-webkit-mask-image:var(--torn-mask);mask-image:var(--torn-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;--torn-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='14' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1200v6c-24 1.3-38-2-61-1-23 1-33 4.3-56 4-23-.4-35-4-58-4.3-23-.3-36 3.4-59 3.7-23 .3-35-3.2-58-3-23 .3-36 4.2-59 3.9-23-.3-34-4.5-57-4.1-23 .4-37 4.9-60 4.3-23-.6-33-5.6-56-5.3-23 .3-37 5.5-60 5.1-23-.4-33-5.8-56-5.6-23 .2-37 5.9-60 5.3-23-.6-33-6.5-56-6.1-23 .4-37 6.3-60 5.6-23-.7-33-6.9-56-6.4-23 .5-37 6.6-60 5.9-23-.7-33-7.1-56-6.5-23 .6-37 6.8-60 6z' fill='%23000'/%3E%3C/svg%3E")}.examples{display:grid;gap:clamp(2rem,5vw,3.5rem)}@media(min-width:54rem){.examples{grid-template-columns:repeat(3,1fr)}.examples--one{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.examples--one .example{display:contents}.examples--one .example__meta{align-self:center;gap:.6rem}.examples--one .example__name{font-size:var(--step-3)}.examples--one .example__what{font-size:var(--step-1);line-height:1.5}}.example{display:grid;gap:1.1rem;text-decoration:none}.example__shot{display:block;background:#fff;padding:.5rem .5rem 1.5rem;box-shadow:var(--shadow-print);transition:transform var(--dur) var(--ease);overflow:hidden}.example:hover .example__shot{transform:translateY(-5px)}.example__shot img{display:block;width:100%;height:auto}.example__meta{display:grid;gap:.3rem}.example__name{font-family:var(--font-display);font-size:var(--step-1);font-style:italic}.example:hover .example__name{color:var(--accent)}.example__what{font-family:var(--font-display);font-size:var(--step--1);color:var(--ink-soft)}.sec-head{margin-bottom:clamp(1.75rem,3.5vw,2.75rem)}.sec-head h2{font-size:var(--step-4);margin-top:.9rem;max-width:20ch}.sec-head .lede{margin-top:1.25rem}.sec-head--center{text-align:center}.sec-head--center h2{max-width:24ch;margin-inline:auto}.sec-head--center .lede{max-width:46ch;margin-inline:auto;text-wrap:balance}.features{display:grid;gap:clamp(2.5rem,4vw,3.25rem);list-style:none}@media(min-width:60rem){.features{grid-template-columns:repeat(3,1fr);gap:clamp(2rem,3.5vw,3.25rem)}}.feature__head{display:flex;align-items:center;gap:.7rem}.feature__icon{display:block;flex:none;color:var(--accent)}.feature__icon svg{width:clamp(1.7rem,2.7vw,2.05rem);height:auto;overflow:visible}.feature__sep{flex:none;width:1px;height:1.5em;background:var(--accent);opacity:.4}.feature__name{font-family:var(--font-display);font-size:clamp(1rem,.86rem + .42vw,1.18rem);font-weight:400;letter-spacing:-.012em;line-height:1.25;white-space:nowrap}.feature__points{margin-top:.95rem;display:grid;gap:.5rem;list-style:none}.feature__points li{position:relative;padding-left:1.5rem;font-family:var(--font-display);font-size:var(--step-0);line-height:1.45;color:var(--ink-soft)}.feature__points li:before{content:"";position:absolute;left:0;top:.72em;width:.85rem;height:1px;background:var(--accent);opacity:.55}.fi-reply{transform-origin:26px 24px;transform:scale(0)}.fi-dot{transform-origin:center}.fi-spark{transform-origin:center;opacity:.35}.fi-orbit{transition:transform var(--dur) var(--ease)}.feature:hover .fi-reply,.feature:focus-within .fi-reply{animation:fi-pop .42s var(--ease) .26s both}.feature:hover .fi-dot--1{animation:fi-bounce .9s var(--ease) 0ms 2}.feature:hover .fi-dot--2{animation:fi-bounce .9s var(--ease) .11s 2}.feature:hover .fi-dot--3{animation:fi-bounce .9s var(--ease) .22s 2}.feature:hover .fi-spark--1{animation:fi-twinkle 1.1s var(--ease) 0ms infinite}.feature:hover .fi-spark--2{animation:fi-twinkle 1.1s var(--ease) .22s infinite}.feature:hover .fi-spark--3{animation:fi-twinkle 1.1s var(--ease) .44s infinite}.feature:hover .fi-orbit--1{transform:translate(-1.6px,-2px) rotate(-6deg)}.feature:hover .fi-orbit--2{transform:translate(1.6px,-2px) rotate(6deg)}@keyframes fi-pop{0%{transform:scale(0)}70%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes fi-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-2.2px)}}@keyframes fi-twinkle{0%,to{opacity:.35;transform:scale(.85)}45%{opacity:1;transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.fi-reply{transform:scale(1)}.fi-spark{opacity:1}.feature:hover .fi-reply,.feature:hover .fi-dot,.feature:hover .fi-spark{animation:none}.feature:hover .fi-orbit--1,.feature:hover .fi-orbit--2{transform:none}}.how{display:grid;gap:clamp(2.75rem,5vw,3.5rem);list-style:none;text-align:center}@media(min-width:52rem){.how{grid-template-columns:repeat(3,1fr);gap:clamp(2rem,4vw,4rem)}}.how__step{display:grid;justify-items:center}.how__icon{width:clamp(4.5rem,8vw,6rem);height:auto;aspect-ratio:1;object-fit:contain}.how__no{margin-top:1.1rem;font-family:var(--font-ui);font-size:var(--step--2);font-weight:600;letter-spacing:.16em;color:var(--accent)}.how__title{margin-top:.5rem;font-family:var(--font-display);font-size:var(--step-2);font-weight:400;letter-spacing:-.018em}.how__body{margin-top:.7rem;max-width:34ch;font-family:var(--font-display);font-size:var(--step-0);line-height:1.62;color:var(--ink-soft);text-wrap:pretty}.how+.cta{margin-top:clamp(2.25rem,4.5vw,3.5rem)}.preview__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin-bottom:clamp(1.5rem,3vw,2.25rem)}.preview__tab{scroll-margin-top:clamp(9rem,34vh,26rem);font-family:var(--font-ui);font-size:var(--step--2);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);background:none;border:0;border-radius:var(--radius-pill);padding:.6em 1.15em;cursor:pointer;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.preview__tab:hover{color:var(--accent)}.preview__tab[aria-selected=true]{background:var(--accent);color:var(--accent-contrast)}.preview__panel{display:grid;gap:clamp(1.75rem,4vw,2.5rem);align-items:center}.preview__panel[hidden]{display:none}@media(min-width:58rem){.preview__panel{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem)}}.browser{margin:0;border:1px solid var(--rule);border-radius:9px;overflow:hidden;background:var(--paper-raised);box-shadow:var(--shadow-print)}.browser__bar{display:flex;align-items:center;gap:.7rem;padding:.5rem .7rem;background:var(--paper-deep);border-bottom:1px solid var(--rule)}.browser__dots{display:flex;gap:.3rem;flex:none}.browser__dots i{width:.5rem;height:.5rem;border-radius:50%;background:var(--rule-strong);opacity:.45}.browser__url{flex:1;min-width:0;padding:.28rem .8rem;border-radius:var(--radius-pill);background:var(--paper-raised);font-family:var(--font-ui);font-size:var(--step--2);color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser__shot{display:block;width:100%;height:auto;aspect-ratio:16 / 11;object-fit:cover;object-position:top center}.preview__aside{display:grid;justify-items:center;text-align:center;gap:1rem}@media(min-width:58rem){.preview__aside{justify-items:start;text-align:left}}.preview__what{font-family:var(--font-display);font-size:var(--step-1);line-height:1.5;color:var(--ink-soft);max-width:30ch;letter-spacing:-.01em}.preview__note{font-family:var(--font-display);font-style:italic;font-size:var(--step--1);color:var(--ink-faint);max-width:30ch}.btn--ghost{background:none;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.btn--ghost:before{display:none}.btn--ghost:hover{background:var(--accent);color:var(--accent-contrast)}.plans{display:grid;gap:clamp(1.25rem,2.5vw,2rem);max-width:58rem;margin-inline:auto;align-items:stretch}@media(min-width:48rem){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}.plan{container-type:inline-size;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding:clamp(1.75rem,3.5vw,2.5rem);border:1px solid var(--rule);border-radius:4px}.plan--featured{border-color:var(--accent);background:var(--paper-raised)}.plan__badge{position:absolute;top:0;right:clamp(1.5rem,3vw,2.25rem);transform:translateY(-50%);margin:0;padding:.35em .9em;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-contrast);font-family:var(--font-ui);font-size:var(--step--2);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.plan__name{font-family:var(--font-display);font-size:var(--step-2);font-weight:400;letter-spacing:-.018em}.plan__price{display:flex;align-items:baseline;flex-wrap:nowrap;gap:.55rem;font-family:var(--font-hero);font-weight:600;font-size:var(--step-4);line-height:1;letter-spacing:-.02em}.plan__alt{display:flex;align-items:baseline;flex-wrap:nowrap;white-space:nowrap;gap:.3rem;font-family:var(--font-display);font-size:clamp(.72rem,3.7cqi,.9rem);color:var(--ink-faint)}.plan__alt-price{font-family:var(--font-hero);font-weight:600;font-size:clamp(.95rem,5.7cqi,1.42rem);line-height:1;letter-spacing:-.02em;color:var(--ink)}.plan__alt-term{color:var(--ink-soft)}.plan__features{flex:1;display:grid;align-content:start;gap:.55rem;margin:.9rem 0 1.6rem;list-style:none}.plan__features li{position:relative;padding-left:1.6rem;font-family:var(--font-display);font-size:var(--step-0);line-height:1.45;color:var(--ink-soft)}.plan__features li:before{content:"";position:absolute;left:.15rem;top:.45em;width:.42rem;height:.78rem;border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(42deg)}.faq{display:grid}.faq__item{border-bottom:1px solid var(--rule);padding-block:clamp(1.25rem,3vw,1.9rem)}.faq__q{font-family:var(--font-display);font-size:var(--step-1);font-style:italic;color:var(--ink);margin-bottom:.7rem}.faq__a{font-family:var(--font-display);color:var(--ink-soft);line-height:1.65;max-width:58ch}.site-footer{padding-block:clamp(2.75rem,5vw,4rem) clamp(2rem,4vw,3rem);border-top:1px solid var(--rule)}.site-footer__top{display:grid;gap:clamp(2rem,4vw,3rem)}@media(min-width:52rem){.site-footer__top{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:clamp(1.75rem,3.5vw,3.5rem)}}.site-footer__brand{display:grid;justify-items:start;gap:1rem}.site-footer__blurb{max-width:38ch;font-family:var(--font-display);font-size:var(--step--1);line-height:1.6;color:var(--ink-soft)}.site-footer__col ul{list-style:none;display:grid;gap:.5rem;margin-top:1rem}.site-footer__col a{font-family:var(--font-display);font-size:var(--step-0);color:var(--ink-soft);text-decoration:none}.site-footer__col a:hover{color:var(--accent)}.social{display:flex;gap:.5rem;list-style:none}.social a{display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid var(--rule-strong);border-radius:50%;font-family:var(--font-ui);font-size:var(--step--2);font-weight:600;letter-spacing:.06em;color:var(--ink-soft);text-decoration:none;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.social a:hover{color:var(--accent);border-color:var(--accent)}.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:clamp(2rem,4vw,3rem);padding-top:clamp(1.25rem,2.5vw,1.75rem);border-top:1px solid var(--rule)}.site-footer__bottom p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:0;z-index:10000;background:var(--ink);color:var(--paper-raised);padding:.7rem 1.1rem}.skip-link:focus{left:.5rem;top:.5rem}