@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/brand/landing/fonts/InterTight-normal-800-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/brand/landing/fonts/InterTight-normal-800-latin.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/brand/landing/fonts/SourceSerif4-normal-600-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/brand/landing/fonts/SourceSerif4-normal-600-latin.woff2) format('woff2');
  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';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/brand/landing/fonts/SourceSerif4-normal-700-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/brand/landing/fonts/SourceSerif4-normal-700-latin.woff2) format('woff2');
  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;
}
/* Self-hosted Google Fonts (SIL OFL 1.1), latin + latin-ext only */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/brand/landing/fonts/Caveat-normal-600-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/brand/landing/fonts/Caveat-normal-600-latin.woff2) format('woff2');
  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: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/brand/landing/fonts/Caveat-normal-700-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/brand/landing/fonts/Caveat-normal-700-latin.woff2) format('woff2');
  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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/landing/fonts/CormorantGaramond-normal-500-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/landing/fonts/CormorantGaramond-normal-500-latin.woff2) format('woff2');
  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: 'Fraunces';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/landing/fonts/Fraunces-italic-500-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/landing/fonts/Fraunces-italic-500-latin.woff2) format('woff2');
  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: 'Gaegu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/brand/landing/fonts/Gaegu-normal-700-latin.woff2) format('woff2');
  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 Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/landing/fonts/InstrumentSerif-italic-400-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/landing/fonts/InstrumentSerif-italic-400-latin.woff2) format('woff2');
  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 Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/landing/fonts/InstrumentSerif-normal-400-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/landing/fonts/InstrumentSerif-normal-400-latin.woff2) format('woff2');
  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: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/landing/fonts/Inter-normal-400-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/landing/fonts/Inter-normal-400-latin.woff2) format('woff2');
  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: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/landing/fonts/Inter-normal-500-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/landing/fonts/Inter-normal-500-latin.woff2) format('woff2');
  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: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/brand/landing/fonts/Inter-normal-600-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/brand/landing/fonts/Inter-normal-600-latin.woff2) format('woff2');
  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: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/landing/fonts/InterTight-normal-500-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/landing/fonts/InterTight-normal-500-latin.woff2) format('woff2');
  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: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/brand/landing/fonts/InterTight-normal-600-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/brand/landing/fonts/InterTight-normal-600-latin.woff2) format('woff2');
  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: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/brand/landing/fonts/InterTight-normal-700-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/brand/landing/fonts/InterTight-normal-700-latin.woff2) format('woff2');
  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: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/landing/fonts/Montserrat-normal-500-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/landing/fonts/Montserrat-normal-500-latin.woff2) format('woff2');
  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: 'Nanum Pen Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/landing/fonts/NanumPenScript-normal-400-latin.woff2) format('woff2');
  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: 'Pinyon Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/landing/fonts/PinyonScript-normal-400-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Pinyon Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/landing/fonts/PinyonScript-normal-400-latin.woff2) format('woff2');
  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: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/landing/fonts/PlayfairDisplay-italic-400-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/landing/fonts/PlayfairDisplay-italic-400-latin.woff2) format('woff2');
  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: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/landing/fonts/PlayfairDisplay-normal-400-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/landing/fonts/PlayfairDisplay-normal-400-latin.woff2) format('woff2');
  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: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/brand/landing/fonts/Rubik-normal-900-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/brand/landing/fonts/Rubik-normal-900-latin.woff2) format('woff2');
  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: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/brand/landing/fonts/Unbounded-normal-700-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/brand/landing/fonts/Unbounded-normal-700-latin.woff2) format('woff2');
  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: 'Unbounded';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/brand/landing/fonts/Unbounded-normal-800-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/brand/landing/fonts/Unbounded-normal-800-latin.woff2) format('woff2');
  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;
}

  /* Light only on purpose: the brand is "snow and rose".
     Radius rule: buttons and chips are pills, media and panels 24px, small UI 12px. */
  :root{
    color-scheme: light;
    --bg:#F5F3EE; --snow:#edeae2; --ink:#141413; --muted:#6b6760; --dim:#7d786f;
    --rose:#e6b296; --rose-soft:#f4e4d9; --rose-mid:#ebcdbb; --rose-ink:#a8553a; --line:rgba(20,20,19,.10);
    --radius:24px; --ease:cubic-bezier(.16,1,.3,1);
    --display:'Inter Tight',-apple-system,BlinkMacSystemFont,'SF Pro Display',sans-serif;
    --body:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Text',sans-serif;
    --accent:'Source Serif 4',Georgia,serif;
    --hand:'Inter Tight',-apple-system,sans-serif;
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  main{overflow-x:clip}
  img,video{display:block;max-width:100%}
  a{color:inherit}
  button{font:inherit;color:inherit}
  .wrap{max-width:1120px;margin:0 auto;padding:0 20px}
  @media (min-width:768px){.wrap{padding:0 32px}}
  h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;margin:0;text-wrap:balance}
  h1{font-weight:700;font-size:clamp(40px,5vw,64px);line-height:1.04}
  h2{font-weight:700;font-size:clamp(30px,4.2vw,50px);line-height:1.06}
  h3{font-weight:600;font-size:21px;line-height:1.2;letter-spacing:-.02em}
  em.k{font-family:var(--accent);font-style:normal;font-weight:600;font-size:1.04em;color:var(--rose-ink);line-height:1.1;padding-bottom:.06em}
  p{margin:0}
  .lead{font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:48ch;text-wrap:pretty}
  .sec{padding:clamp(72px,10vw,120px) 0}
  .snow{background:var(--snow)}
  .center{text-align:center}
  .center .lead{margin-left:auto;margin-right:auto}
  .head{margin-bottom:clamp(36px,5vw,56px)}
  .head .lead{margin-top:16px}
  .eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--rose-ink);margin-bottom:14px}
  .hand{font-family:var(--hand);font-weight:600;color:var(--rose-ink);font-size:24px;line-height:1.1}

  /* buttons */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:0;font-weight:600;font-size:16px;white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),background-color .25s var(--ease),box-shadow .25s var(--ease)}
  .btn:active{transform:translateY(1px) scale(.985)}
  .btn:focus-visible{outline:3px solid rgba(168,85,58,.45);outline-offset:3px}
  .btn-ink{background:var(--ink);color:#fff}
  .btn-ink:hover{background:#2a2826;transform:translateY(-1px);box-shadow:0 12px 28px rgba(20,20,19,.16)}
  .btn-rose{background:var(--rose-soft);color:var(--ink)}
  /* header button: rose ink, so it stands out from the black ones on the page */
  .btn-pink{background:var(--rose-ink);color:#fff;box-shadow:0 6px 18px rgba(168,85,58,.28)}
  .btn-pink:hover{background:#934a31;transform:translateY(-1px)}
  /* every buy button breathes slowly: a soft rose glow and +2% size, 4.4 s cycle, so the black buttons don't sink into the page */
  .btn[data-buy]{animation:breathe 4.4s ease-in-out infinite}
  .btn-pink[data-buy]{animation:breathe-pink 4.4s ease-in-out infinite}
  @keyframes breathe{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(168,85,58,0)}50%{transform:scale(1.02);box-shadow:0 10px 28px rgba(168,85,58,.22)}}
  @keyframes breathe-pink{0%,100%{transform:scale(1);box-shadow:0 6px 18px rgba(168,85,58,.28)}50%{transform:scale(1.03);box-shadow:0 10px 30px rgba(168,85,58,.45)}}
  @media (prefers-reduced-motion:reduce){.btn[data-buy],.btn-pink[data-buy]{animation:none}}
  .btn-rose:hover{background:#efdccf;transform:translateY(-1px)}
  .btn-sm{min-height:42px;padding:0 18px;font-size:15px}
  .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
  .center .cta{justify-content:center}

  /* countdown */
  .count{background:linear-gradient(180deg,var(--rose-soft),#fff);padding:28px 0 8px}
  .count-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;text-align:center;box-shadow:0 24px 60px rgba(168,85,58,.12)}
  .count-card .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--rose-soft);color:var(--rose-ink);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
  .count-card h2{font-size:clamp(24px,3vw,34px);margin-top:12px}
  .clock{display:flex;justify-content:center;align-items:flex-start;gap:6px;margin:14px 0 4px}
  .clock .u{min-width:64px}
  .clock b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(38px,6vw,58px);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
  .clock .u:last-child b{color:var(--rose-ink)}
  .clock span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:6px}
  .clock i{font-style:normal;font-family:var(--display);font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1.1;color:var(--rose)}
  .count-foot{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
  .count-foot b{color:var(--ink);font-weight:600}
  .count[hidden]{display:none}
  @media (min-width:900px){
    .count{padding:18px 0 4px}
    .count-card{max-width:1056px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:16px 26px;text-align:left}
    .count-card .head-t{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
    .count-card h2{margin-top:0;font-size:24px}
    .clock{margin:0}
    .clock .u{min-width:58px;text-align:center}
    .clock b{font-size:44px}
    .clock i{font-size:34px}
    .count-foot{margin-top:0;padding-top:0;border-top:0;justify-content:flex-end;flex-wrap:nowrap}
  }
  .hero{padding-top:clamp(28px,4vw,56px)}

  /* nav */
  .nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.84);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--line)}
  .nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
  .brand{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.02em;text-decoration:none}
  .links{display:none;gap:26px;font-size:15px;font-weight:500;color:var(--muted)}
  .links a{text-decoration:none;transition:color .2s}
  .links a:hover{color:var(--ink)}
  @media (min-width:700px){.links{display:flex}}
  @media (min-width:700px) and (max-width:959px){.links{gap:16px;font-size:14px}}

  /* hero */
  .hero{padding:clamp(36px,5vw,72px) 0 clamp(48px,6vw,72px)}
  .hero .wrap{display:grid;gap:44px;align-items:center}
  @media (min-width:900px){.hero .wrap{grid-template-columns:1.15fr .85fr;gap:56px}}
  .hero .lead{margin-top:22px}
  h1 .ln{display:block}
  .strike{position:relative;display:inline-block;color:var(--dim);font-weight:600}
  .strike:after{content:"";position:absolute;left:-2%;right:-2%;top:54%;height:.09em;background:var(--rose-ink);border-radius:4px;transform:scaleX(0);transform-origin:left;animation:strike .7s .5s var(--ease) forwards}
  @keyframes strike{to{transform:scaleX(1)}}

  /* before / after wipe */
  .wipe-wrap{width:min(360px,100%);margin:0 auto}
  @media (min-width:900px){.wipe-wrap{margin:0 0 0 auto}}
  .wipe{--x:50%;position:relative;aspect-ratio:9/16;border-radius:var(--radius);overflow:hidden;background:#141413;border:1px solid var(--line);box-shadow:0 30px 80px rgba(168,85,58,.16);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}
  .wipe video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
  .wipe .after{clip-path:inset(0 0 0 var(--x))}
  .wipe .line{position:absolute;top:0;bottom:0;left:var(--x);width:2px;background:#fff;transform:translateX(-1px);box-shadow:0 0 0 1px rgba(0,0,0,.12)}
  .wipe .knob{position:absolute;top:50%;left:var(--x);width:44px;height:44px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.25)}
  .wipe .knob svg{width:20px;height:20px;color:var(--ink)}
  .tag{position:absolute;top:14px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(255,255,255,.92);color:var(--ink);backdrop-filter:blur(6px);z-index:2}
  .tag.l{left:14px}
  .tag.r{right:14px;background:var(--ink);color:#fff}
  .wipe .hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(20,20,19,.55);color:#fff;transition:opacity .4s}
  .wipe.touched .hint{opacity:0}
  .wipe-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:14px;color:var(--muted)}
  .sound{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;flex:0 0 auto}
  .sound svg{width:16px;height:16px}

  /* marquee band (the one marquee on the page) */
  .band{background:var(--rose-ink);color:#fff;overflow:hidden;white-space:nowrap;padding:14px 0}
  .band .track{display:inline-flex;gap:40px;animation:slide 32s linear infinite;padding-left:40px}
  .band span{font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
  .band em{font-family:var(--accent);font-style:normal;font-weight:600;letter-spacing:.02em;text-transform:none;font-size:17px}
  @keyframes slide{to{transform:translateX(-50%)}}

  /* proof */
  .proof .wrap{display:grid;grid-template-columns:1fr;gap:0}
  @media (min-width:760px){.proof .wrap{grid-template-columns:repeat(3,1fr)}}
  .stat{padding:28px 0}
  @media (min-width:760px){.stat{padding:40px 28px}.stat:first-child{padding-left:0}.stat+.stat{border-left:1px solid var(--line)}}
  @media (max-width:759px){.stat+.stat{border-top:1px solid var(--line)}}
  .stat b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(34px,4vw,46px);letter-spacing:-.04em;line-height:1}
  .stat span{display:block;margin-top:8px;color:var(--muted);font-size:15px;max-width:28ch}
  .proof{border-bottom:1px solid var(--line)}

  /* studio window demo */
  .demo-note{position:relative;display:flex;justify-content:flex-end;margin:-8px 0 8px}
  .demo-note .hand{transform:rotate(-3deg);text-align:right}
  .win{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 40px 90px rgba(168,85,58,.14);overflow:hidden}
  .win-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
  .win-top .dots3{display:flex;gap:6px}
  .win-top .dots3 i{width:11px;height:11px;border-radius:50%;background:#ddd7cc}
  .win-top .title{font-size:13px;font-weight:600;color:var(--muted)}
  .win-top .title b{color:var(--ink)}
  .steps-dots{display:flex;gap:6px}
  .steps-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(20,20,19,.16);cursor:pointer;transition:width .3s var(--ease),background-color .3s}
  .steps-dots button[aria-current="true"]{width:22px;background:var(--rose-ink)}
  .win-head{padding:22px 22px 0}
  .win-head .step-n{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--rose-ink)}
  .win-head h3{font-size:clamp(22px,2.6vw,30px);margin-top:6px}
  .win-head h3 mark{background:linear-gradient(transparent 58%,var(--rose-mid) 58%);color:inherit;padding:0 2px}
  .win-head p{color:var(--muted);font-size:15px;margin-top:4px}
  .tabs{display:flex;gap:4px;margin:18px 22px 0;padding:4px;border-radius:999px;background:var(--snow);width:max-content;max-width:calc(100% - 44px);overflow-x:auto;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tabs button{border:0;background:transparent;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap}
  .tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(20,20,19,.08)}
  .win-body{display:grid;gap:22px;padding:22px}
  @media (min-width:860px){.win-body{grid-template-columns:1fr 250px;gap:28px;align-items:start}}
  .panel{display:none}
  .panel.on{display:block;animation:fade .45s var(--ease)}
  @keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  .tline{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:baseline;padding:11px 14px;border-radius:12px;font-size:15px}
  .tline+.tline{margin-top:2px}
  .tline .tm{font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums}
  .tline.cut{color:var(--dim);text-decoration:line-through;text-decoration-color:var(--rose-ink);background:var(--snow)}
  .tline.cut .tm:after{content:" cut";color:var(--rose-ink);text-decoration:none}
  .tline.sel{background:var(--rose-soft)}
  .panel .foot{margin-top:14px;font-size:13px;color:var(--muted)}
  .swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  @media (min-width:560px){.swatches{grid-template-columns:repeat(4,1fr)}}
  .sw{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;cursor:default}
  .sw img{width:100%;aspect-ratio:3/4;object-fit:cover}
  .sw div{padding:8px 10px;font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
  .sw.pick{border-color:var(--rose-ink);box-shadow:0 0 0 3px var(--rose-soft)}
  .sw .ok{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--rose-ink);color:#fff}
  .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
  .chip-s{padding:7px 12px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:500;background:#fff}
  .chip-s.on{background:var(--ink);color:#fff;border-color:var(--ink)}
  .snd{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:15px}
  .snd+.snd{margin-top:8px}
  .snd b{font-weight:600}
  .snd .fx{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--rose-soft);color:var(--rose-ink);font-size:12px;font-weight:600}
  .snd .fx i{display:inline-flex;gap:2px;align-items:flex-end;height:12px}
  .snd .fx i s{display:block;width:2px;background:currentColor;border-radius:2px;animation:eq 1s ease-in-out infinite}
  .snd .fx i s:nth-child(2){animation-delay:.2s}.snd .fx i s:nth-child(3){animation-delay:.4s}
  @keyframes eq{0%,100%{height:3px}50%{height:12px}}
  .files{display:grid;gap:8px}
  .file{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:15px}
  .file .ic{width:34px;height:34px;border-radius:10px;background:var(--rose-soft);display:flex;align-items:center;justify-content:center;color:var(--rose-ink);font-size:12px;font-weight:700}
  .file span{color:var(--muted);font-size:13px;margin-left:auto}
  .saved{margin-top:12px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:600}
  .preview{position:relative;width:min(250px,70vw);margin:0 auto;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#141413;border:6px solid #141413;box-shadow:0 20px 50px rgba(20,20,19,.18)}
  .preview video{width:100%;height:100%;object-fit:cover}
  .preview .tag{top:10px;font-size:11px}
  .win-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid var(--line);background:var(--snow);font-size:13px;color:var(--muted)}
  .win-bar .send{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--rose-ink);color:#fff;font-weight:600;font-size:13px;border:0;cursor:pointer}

  /* hero: what you need line; on phones the video comes right after the headline */
  .hno{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;font-weight:600;font-size:clamp(16px,1.6vw,19px);color:var(--ink)}
  .hno span{display:inline-flex;align-items:center;gap:8px}
  .hno span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rose)}
  .hneed{margin-top:18px;font-size:15px;color:var(--muted);max-width:48ch}
  @media (max-width:899px){
    .hero .wrap{gap:20px}
    .hero .hcopy{display:contents}
    .hero h1{order:1}
    .hero .hno{order:1;margin-top:-6px}
    .hero .cta{order:2;margin-top:0}
    .hero .wipe-wrap{order:3;width:min(290px,80%)}
    .hero .lead{order:4;margin-top:4px}
    .hero .hneed{order:5;margin-top:0}
    .hero .cta [data-buy]{display:none}
  }
  /* phones: countdown becomes a slim strip */
  @media (max-width:899px){
    .count{padding:8px 0 0;background:var(--rose-soft)}
    .count-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-radius:14px;text-align:left;box-shadow:none}
    .count-card .head-t h2{display:none}
    .count-card .pill{font-size:11px;padding:4px 9px;background:#fff}
    .clock{margin:0;gap:2px}
    .clock .u{min-width:30px;text-align:center}
    .clock b{font-size:22px}
    .clock span{display:none}
    .clock i{font-size:16px;line-height:1.4}
    .count-foot{display:none}
    #say{display:none}
    .week-col{display:none}
    .win .preview{display:none}
    .panel[data-p="0"] .tline:nth-child(n+5){display:none}
  }
  /* price card: what you need + what happens next, guarantee, Instagram hint */
  
  .need-box{margin-top:18px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);font-size:14px;color:var(--muted)}
  .need-box b{display:block;color:var(--ink);font-weight:600;font-size:14px}
  .need-box ul,.need-box ol{margin:6px 0 12px;padding-left:18px;display:grid;gap:4px}
  .need-box ol{margin-bottom:0}
  .incl li.bonus{margin:2px -10px 0;padding:9px 10px;border-radius:12px;background:var(--rose-soft)}
  .incl li.bonus+li.bonus{margin-top:0}
  .seats{display:block;margin-top:6px;font-size:12.5px;color:var(--rose-ink);font-weight:500;letter-spacing:.01em}
  .seats b{display:inline-block;font-weight:700;font-variant-numeric:tabular-nums;transition:transform .5s var(--ease),opacity .5s var(--ease)}
  .seats b.tick{transform:translateY(-3px);opacity:.35}
  .incl .gift{color:var(--rose-ink)}
  .tag-b{display:inline-block;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--rose-ink);border-radius:999px;padding:2px 8px;margin-right:7px;vertical-align:2px}
  .incl-h{margin-top:22px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
  .incl li span{color:var(--muted)}
  .incl li span b{color:var(--ink);font-weight:600}
  .incl li span b::after{content:","}
  .guar-top{margin:6px 0 0;font-size:14px;font-weight:600;color:var(--ink)}
  .guar{margin-top:18px;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--rose-soft)}
  .guar-ic{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--rose-ink)}
  .guar-ic svg{width:18px;height:18px}
  .guar b{display:block;font-size:15px;color:var(--ink);font-weight:700}
  .guar span:not(.guar-ic){font-size:14px;color:var(--muted);line-height:1.4}
  .consent{margin:12px 0 0;font-size:12px;line-height:1.45;color:var(--dim);text-align:center}
  .consent a{color:var(--muted)}
  .trust{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px;font-size:13px;color:var(--dim);text-align:center}
  .trust{justify-content:center;text-align:left;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
  .trust li{display:flex;align-items:baseline;gap:8px}
  .trust li::before{content:"";flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:var(--rose);transform:translateY(-2px)}
  .v-allin{padding:0 20px 18px;margin-top:-6px;text-align:center;font-size:13px;color:var(--muted)}
  .ig-hint{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--rose-soft);font-size:13px;text-align:center}
  .ig-hint[hidden]{display:none}
  .secure{margin-top:8px;font-size:13px;color:var(--dim);text-align:center}
  .mini-faq{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:8px;font-size:14px;color:var(--muted)}
  .mini-faq b{color:var(--ink);font-weight:600}
  .paywith{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--snow);font-size:13px;color:var(--muted);text-align:center}
  .paywith b{color:var(--ink);font-weight:600}
  .notfor{margin-top:16px;font-size:15px;color:var(--muted)}
  .notfor b{color:var(--ink);font-weight:600}
  .pre-cta{text-align:center;margin-top:36px;color:var(--muted);font-size:16px}
  .pre-cta + .cta{margin-top:14px}
  .credits{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 28px;max-width:560px;margin:0 auto 56px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  @media (min-width:700px){.credits{grid-template-columns:repeat(4,1fr)}}
  .credits span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
  .credits b{display:block;margin-top:4px;font-family:var(--accent);font-style:normal;font-weight:600;font-size:22px;color:var(--rose-ink)}

  /* support button */
  .help-btn{position:fixed;right:16px;bottom:16px;z-index:40;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px 0 14px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:600 15px var(--body);box-shadow:0 10px 30px rgba(20,20,19,.25);cursor:pointer;transition:transform .2s var(--ease)}
  .help-btn:hover{transform:translateY(-2px)}
  .help-btn svg{width:20px;height:20px}
  @media (max-width:599px){.help-btn span{display:none}.help-btn{width:52px;height:52px;padding:0;justify-content:center}}
  .help-panel{position:fixed;right:16px;bottom:76px;z-index:41;width:min(320px,calc(100vw - 32px));padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 60px rgba(20,20,19,.22)}
  .help-panel[hidden]{display:none}
  .hp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
  .hp-head button{border:0;background:var(--snow);width:30px;height:30px;border-radius:50%;cursor:pointer}
  .help-panel p{font-size:14px;color:var(--muted);margin-bottom:14px}
  .help-panel .btn{width:100%}
  .ask textarea,.ask input{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);resize:vertical;margin-bottom:10px}
  .ask textarea:focus,.ask input:focus{outline:2px solid rgba(168,85,58,.35);border-color:var(--rose-ink)}
  .ask-back{display:block;margin:10px auto 0;border:0;background:none;color:var(--muted);font-size:14px;cursor:pointer;min-height:36px}
  .ask-choice{display:grid;gap:10px}
  .ask-choice .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px}
  .ask-choice .btn svg{width:18px;height:18px;flex:0 0 auto}
  .ask-done{color:var(--ink)!important;font-size:15px!important}
  .ask-err{margin:8px 0 0!important;color:#B3261E!important;font-size:13px!important}
  .hp-trap{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
  .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

  /* why not a free skill */
  .whynot{margin-top:36px;padding:24px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);max-width:760px}
  .whynot h3{margin-bottom:8px}
  .whynot p{color:var(--muted);font-size:16px}

  /* no prompts block */
  .easy-steps{display:grid;gap:14px;margin-bottom:36px}
  @media (min-width:800px){.easy-steps{grid-template-columns:repeat(3,1fr);gap:20px}}
  .es{position:relative;padding:22px 22px 22px 70px;border-radius:var(--radius);background:var(--snow)}
  .es-n{position:absolute;left:22px;top:20px;width:34px;height:34px;border-radius:50%;background:var(--rose-ink);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700}
  .es h3{font-size:19px}
  .es p{color:var(--muted);font-size:15px;margin-top:4px}
  .shot video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#ece8e0}
  .shot{margin:0 auto;max-width:960px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 40px 90px rgba(168,85,58,.14)}
  .shot-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--snow)}
  .shot-bar i{width:10px;height:10px;border-radius:50%;background:#ddd7cc}
  .shot-bar span{margin-left:10px;font-size:12px;font-weight:600;color:var(--muted)}
  .shot img{width:100%}
  .what-claude{max-width:640px;margin:26px auto 0;text-align:center;color:var(--muted);font-size:16px}
  .what-claude b{color:var(--ink);font-weight:600}

  /* real screen recording (replaces a mock when the file exists) */
  .rec{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#111;box-shadow:0 40px 90px rgba(168,85,58,.14)}
  .rec video{width:100%;aspect-ratio:16/10;object-fit:cover}

  /* pains + requirements */
  .two{display:grid;gap:48px}
  @media (min-width:900px){.two{grid-template-columns:1fr 1fr;gap:72px;align-items:start}}
  .ticks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:14px;font-size:18px}
  .ticks li{display:flex;gap:12px;align-items:flex-start}
  .ticks svg{flex:0 0 20px;width:20px;height:20px;margin-top:4px;color:var(--rose-ink)}
  .req-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
  .req-row{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:18px 20px;align-items:start}
  .req-row+.req-row{border-top:1px solid var(--line)}
  .req-row .ic{width:40px;height:40px;border-radius:12px;background:var(--rose-soft);display:flex;align-items:center;justify-content:center;color:var(--rose-ink)}
  .req-row .ic svg{width:20px;height:20px}
  .req-row b{display:block;font-weight:600}
  .req-row span{color:var(--muted);font-size:15px}

  /* intro video */
  .intro{display:grid;gap:40px;align-items:center}
  @media (min-width:900px){.intro{grid-template-columns:1.25fr .75fr;gap:56px}}
  .player{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#1a1918;box-shadow:0 30px 80px rgba(168,85,58,.14)}
  .player video{width:100%;height:100%;object-fit:cover}
  .player .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.25));cursor:pointer}
  .player .play span{width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .3s var(--ease)}
  .player .play:hover span{transform:scale(1.06)}
  .player .play svg{width:26px;height:26px;margin-left:4px;color:var(--ink)}
  .player .soon{position:absolute;left:16px;bottom:16px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.92);font-size:13px;font-weight:600}
  .intro p{color:var(--muted);font-size:18px;margin-top:16px;max-width:40ch}

  /* reel -> carousel */
  .stage{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 40px 90px rgba(168,85,58,.12);padding:22px}
  .stage-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--muted);margin-bottom:22px}
  .stage-top b{color:var(--ink)}
  .stage-top .x{padding:5px 10px;border-radius:999px;background:var(--rose-ink);color:#fff;font-weight:600;font-size:12px}
  .flow{display:grid;gap:22px;align-items:center;justify-items:center}
  @media (min-width:860px){.flow{grid-template-columns:200px 190px 1fr;gap:18px}}
  .f-reel{width:min(200px,56vw);aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#111;box-shadow:0 18px 40px rgba(20,20,19,.16)}
  .f-reel video{width:100%;height:100%;object-fit:cover}
  .f-cap{margin-top:10px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-align:center}
  .f-mid{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}
  .make{position:relative;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:11px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;box-shadow:0 6px 18px rgba(20,20,19,.08);transition:transform .2s var(--ease),background-color .2s}
  .make b{color:var(--rose-ink)}
  .make.press{transform:scale(.94);background:var(--rose-soft)}
  .cursor{position:absolute;width:22px;height:22px;right:-26px;bottom:-24px;opacity:0;transition:transform .7s var(--ease),opacity .3s}
  .cursor.go{opacity:1;transform:translate(-30px,-26px)}
  .arrow{color:var(--rose)}
  .arrow svg{width:56px;height:24px}
  @media (max-width:859px){.arrow svg{transform:rotate(90deg)}}
  .f-car{width:min(330px,82vw)}
  .car-box{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#141012;box-shadow:0 18px 40px rgba(20,20,19,.18)}
  .car-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .car-track::-webkit-scrollbar{display:none}
  .car-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}
  .designing{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(110deg,#efe8df 30%,#fff 50%,#efe8df 70%);background-size:200% 100%;animation:shim 1.2s linear infinite;color:var(--rose-ink);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:opacity .4s}
  .designing.off{opacity:0;pointer-events:none}
  @keyframes shim{to{background-position:-200% 0}}
  .car-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}
  .car-dots i{width:6px;height:6px;border-radius:999px;background:rgba(20,20,19,.18);transition:width .3s,background-color .3s}
  .car-dots i.on{width:18px;background:var(--rose-ink)}
  .extras{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}
  .extras span{padding:8px 14px;border-radius:999px;background:var(--rose-soft);font-size:14px;font-weight:600}

  /* looks as tabs with autoplay clips */
  .looks-ui{display:grid;gap:36px;align-items:center}
  @media (min-width:900px){.looks-ui{grid-template-columns:auto 1fr;gap:64px}}
  .look-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;margin-bottom:28px}
  .look-tabs::-webkit-scrollbar{display:none}
  .look-tabs button{flex:0 0 auto;border:1px solid var(--line);background:#fff;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}
  .look-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
  /* same frame, four looks. Type copied from the plugin presets (presets/*/style.js), sizes = px of a 1080x1920 frame / 10.8 cqw */
  .look-col{display:flex;flex-direction:column;align-items:center;gap:14px}
  .pack{position:relative;width:min(330px,80vw);aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#1a1918;container-type:inline-size;box-shadow:0 30px 70px rgba(168,85,58,.2)}
  .pack .pl{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter .5s var(--ease),transform 1.6s var(--ease);transform-origin:51% 40%}
  .pack .glow{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .5s;background:radial-gradient(ellipse 60% 45% at 0% 18%,rgba(230,178,150,.42),rgba(230,178,150,0) 70%),radial-gradient(ellipse 50% 35% at 100% 0%,rgba(255,236,214,.22),rgba(255,236,214,0) 70%)}
  .lk{position:absolute;inset:0;opacity:0;transition:opacity .45s var(--ease);pointer-events:none}
  .lk>*{position:absolute}
  .pack[data-pack="soft"] .lk-soft,.pack[data-pack="scrapbook"] .lk-scrap,.pack[data-pack="signature"] .lk-sig,.pack[data-pack="headline"] .lk-head{opacity:1}
  .pack.swap .lk>*{animation:lkin .7s var(--ease) both}
  .pack.swap .lk>*:nth-child(2){animation-delay:.12s}.pack.swap .lk>*:nth-child(3){animation-delay:.24s}.pack.swap .lk>*:nth-child(4){animation-delay:.36s}
  @keyframes lkin{from{opacity:0;filter:blur(6px);transform:translateY(1.2cqw)}to{opacity:1;filter:blur(0);transform:none}}
  /* Soft: warm, glow, Rubik Black + Gaegu + Inter */
  .pack[data-pack="soft"] .pl{filter:brightness(.8) saturate(.93) sepia(.07)}
  .pack[data-pack="soft"] .glow{opacity:1}
  .s-note{left:8.33%;right:8.33%;top:21%;text-align:center;font:700 5.93cqw/1.15 'Gaegu',cursive;letter-spacing:.03em;color:#fff;text-shadow:0 0 1.1cqw rgba(255,255,255,.35),0 .19cqw .93cqw rgba(0,0,0,.55),0 0 .28cqw rgba(0,0,0,.45)}
  .s-note span{color:#C9C3FF}
  .s-title{left:11.1%;width:75.9%;top:6.5%;text-align:center;font:900 10.37cqw/.95 'Rubik',sans-serif;color:#fff;-webkit-text-stroke:.22cqw rgba(20,20,19,.55);paint-order:stroke fill;text-shadow:0 0 1.67cqw rgba(255,255,255,.45),0 .3cqw 1.8cqw rgba(20,20,19,.55),0 0 .4cqw rgba(20,20,19,.5)}
  .s-title .cur{display:inline-block;width:.5em;height:.82em;margin-left:.3cqw;vertical-align:-.08em;background:#fff;box-shadow:0 0 .93cqw rgba(255,255,255,.6);animation:blink 1s steps(1) infinite}
  @keyframes blink{50%{opacity:0}}
  .s-cap{left:67%;top:39%;font:600 4.26cqw 'Inter',sans-serif;letter-spacing:-.05cqw;color:#fff;text-shadow:0 .19cqw .93cqw rgba(0,0,0,.30),0 0 .19cqw rgba(0,0,0,.25)}
  /* Scrapbook: torn paper, washi tape, Instrument Serif + Caveat + Inter */
  .pack[data-pack="scrapbook"] .pl{filter:brightness(.82) saturate(.96) sepia(.05)}
  .lk-scrap .paper{position:relative;display:inline-block;background-color:#FBF4E6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .2 0 0 0 .12 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");filter:drop-shadow(0 .74cqw 1.3cqw rgba(0,0,0,.25))}
  .sb-strip{left:0;right:0;top:14%;text-align:center;transform:rotate(-1.6deg)}
  .sb-strip .paper{padding:1.85cqw 4.26cqw 2.04cqw;clip-path:polygon(0.0% 1.0%,3.8% 2.1%,7.7% 1.7%,11.5% 0.2%,15.4% 0.1%,19.2% 0.2%,23.1% 1.4%,26.9% 0.4%,30.8% 2.0%,34.6% 1.8%,38.5% 3.1%,42.3% 2.7%,46.2% 0.5%,50.0% 1.0%,53.8% 0.6%,57.7% 2.0%,61.5% 1.8%,65.4% 0.2%,69.2% 2.2%,73.1% 1.0%,76.9% 1.5%,80.8% 2.5%,84.6% 0.8%,88.5% 1.7%,92.3% 2.3%,96.2% 3.1%,100.0% 1.3%,100.0% 99.5%,96.2% 99.8%,92.3% 98.8%,88.5% 98.4%,84.6% 98.6%,80.8% 99.7%,76.9% 97.4%,73.1% 99.3%,69.2% 97.0%,65.4% 98.7%,61.5% 99.9%,57.7% 99.1%,53.8% 99.6%,50.0% 97.4%,46.2% 98.1%,42.3% 98.8%,38.5% 99.8%,34.6% 99.3%,30.8% 98.6%,26.9% 98.1%,23.1% 99.0%,19.2% 97.8%,15.4% 98.2%,11.5% 97.2%,7.7% 99.1%,3.8% 99.6%,0.0% 97.6%)}
  .sb-strip .num{font:italic 400 4.07cqw/1 'Instrument Serif',serif;color:#2B2420;opacity:.75}
  .sb-strip .ttl{font:400 7.22cqw/1 'Instrument Serif',serif;color:#2B2420}
  .lk-scrap .tape{position:absolute;height:3.15cqw;box-shadow:0 1px 2px rgba(0,0,0,.12);clip-path:polygon(0 8%,4% 0,8% 10%,12% 0,100% 0,100% 92%,96% 100%,92% 90%,88% 100%,0 100%)}
  .t-pink{background:rgba(230,178,150,.78)}.t-green{background:rgba(181,199,159,.8)}
  .sb-strip .t-pink{left:calc(50% - 21cqw);top:-1.1cqw;width:10.2cqw;transform:rotate(-8deg)}
  .sb-hand{left:0;right:0;top:57%;text-align:center;transform:rotate(2.2deg)}
  .sb-hand .lined{padding:1.48cqw 2.78cqw 1.67cqw;clip-path:polygon(0.0% 0.4%,5.6% 0.1%,11.1% 1.9%,16.7% 2.2%,22.2% 1.7%,27.8% 1.4%,33.3% 2.1%,38.9% 1.2%,44.4% 0.2%,50.0% 1.6%,55.6% 2.1%,61.1% 1.0%,66.7% 0.1%,72.2% 0.4%,77.8% 0.1%,83.3% 0.3%,88.9% 1.0%,94.4% 0.2%,100.0% 1.4%,100.0% 98.8%,94.4% 98.3%,88.9% 98.6%,83.3% 99.2%,77.8% 98.5%,72.2% 98.9%,66.7% 97.6%,61.1% 98.3%,55.6% 98.2%,50.0% 97.5%,44.4% 99.3%,38.9% 98.3%,33.3% 98.8%,27.8% 99.7%,22.2% 98.1%,16.7% 99.4%,11.1% 97.8%,5.6% 98.9%,0.0% 97.8%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .2 0 0 0 .12 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(180deg,transparent 0 6.6cqw,rgba(110,140,180,.22) 6.6cqw 6.8cqw)}
  .sb-hand .hw{font:700 6.48cqw/1.05 'Caveat',cursive;color:#2B2420}
  .sb-hand .t-green{left:calc(50% - 4.6cqw);top:-1.3cqw;width:9.3cqw;transform:rotate(3deg)}
  .sb-cap{left:0;right:0;top:80%;text-align:center;font:400 3.15cqw 'Inter',sans-serif;letter-spacing:-.02cqw;text-transform:lowercase;color:#fff;text-shadow:0 .19cqw .74cqw rgba(0,0,0,.4),0 0 .19cqw rgba(0,0,0,.3)}
  /* Signature: Pinyon Script + Playfair in pale lemon, cream small line, Montserrat, slow push-in */
  .pack[data-pack="signature"] .pl{filter:brightness(.68) sepia(.05);transform:scale(1.08)}
  .g-shade{left:0;right:0;top:0;height:50%;background:linear-gradient(180deg,rgba(20,20,19,.35) 0%,rgba(20,20,19,.2) 55%,rgba(20,20,19,0) 100%)}
  .g-big{left:11.1%;top:4.5%;font:400 18.5cqw/1 'Playfair Display',serif;color:#F8F4AC;text-shadow:0 .2cqw 1.2cqw rgba(0,0,0,.18)}
  .g-big .scr{font:400 26.85cqw/1 'Pinyon Script',cursive;margin-right:-3.7cqw;position:relative;top:1.1cqw}
  .g-small{left:12.2%;top:16.6%;font:400 7.04cqw/1 'Playfair Display',serif;color:#FCF5EC;text-shadow:0 .2cqw 1cqw rgba(0,0,0,.25)}
  .g-key{left:29%;top:20%;font:italic 400 10.9cqw/1 'Playfair Display',serif;color:#F8F4AC;text-shadow:0 .2cqw 1.2cqw rgba(0,0,0,.2)}
  .g-part{left:30%;top:26.9%;display:flex;align-items:center;gap:1.6cqw;font:500 2.22cqw 'Montserrat',sans-serif;letter-spacing:.22em;color:#FCF5EC}
  .g-part i{display:block;width:6.5cqw;height:2px;background:#FCF5EC}
  .spk{color:#FFFBE0;text-shadow:0 0 1.4cqw rgba(255,248,200,.9);font-size:3cqw}
  .spk.k1{left:63%;top:5.5%}.spk.k2{left:73%;top:13%;font-size:2.2cqw}.spk.k3{left:20%;top:3.5%;font-size:2.4cqw}
  .g-cap{left:10.2%;top:81%;font:500 3.15cqw 'Montserrat',sans-serif;color:#FCF5EC;text-shadow:0 .19cqw .74cqw rgba(0,0,0,.45)}
  /* Headline: Unbounded + Nanum Pen, white with soft shadow, yellow handwritten number */
  .pack[data-pack="headline"] .pl{filter:brightness(.78)}
  .lk-head>div{left:8.33%;right:8.33%;text-align:center;color:#fff;text-shadow:0 .19cqw 1.3cqw rgba(0,0,0,.35),0 .09cqw .28cqw rgba(0,0,0,.25)}
  .h-note{top:5.4%;font:400 5cqw/1 'Nanum Pen Script',cursive;-webkit-text-stroke:.08cqw currentColor;paint-order:stroke fill}
  .h-l1{top:9.2%;font:800 8.52cqw/1 'Unbounded',sans-serif;letter-spacing:-.09cqw;white-space:nowrap}
  .h-l2{top:14.1%;font:800 8.52cqw/1 'Unbounded',sans-serif;letter-spacing:-.09cqw;white-space:nowrap}
  .h-sum{top:18.6%;font:400 9.6cqw/1 'Nanum Pen Script',cursive;color:#F6E7A1!important;-webkit-text-stroke:.08cqw currentColor;paint-order:stroke fill}
  .lk-head .h-cap{left:9%;right:auto;top:38%;text-align:left;font:400 5.74cqw/1 'Nanum Pen Script',cursive;-webkit-text-stroke:.08cqw currentColor;paint-order:stroke fill}
  .pvid{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .3s;z-index:3}
  .pack.vid .pvid{opacity:1}
  .pvid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
  .pvid video.on{opacity:1}
  .pv-toggle{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#fff;border:1px solid var(--line)}
  .pv-toggle button{border:0;background:transparent;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}
  .pv-toggle button[aria-pressed="true"]{background:var(--ink);color:#fff}
  @media (prefers-reduced-motion:reduce){.pack.swap .lk>*{animation:none}.s-title .cur{animation:none}.pack .pl{transition:none}}
  .paths{list-style:none;padding:0;margin:12px 0 12px;display:grid;gap:10px}
  .paths li{padding-left:18px;position:relative}
  .paths li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--rose)}
  .paths b{color:var(--ink);font-weight:600}
  .look-text h3{font-size:clamp(26px,3vw,36px)}
  .look-text .for{margin-top:6px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--rose-ink)}
  .look-text p{margin-top:14px;color:var(--muted);font-size:18px;max-width:40ch}
  .look-text .note{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);font-size:16px;color:var(--muted);max-width:44ch}
  .look-text .note b{color:var(--ink);font-weight:600}

  /* phrases */
  .say{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .say-row{display:flex;flex-wrap:nowrap;gap:12px;width:max-content;animation:slide 50s linear infinite}
  .say-row+.say-row{margin-top:12px;animation-direction:reverse;animation-duration:60s}
  .say-row span{padding:12px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;font-family:var(--accent);font-style:normal;font-size:17px;white-space:nowrap}

  /* what-if cards */
  .ifs{display:grid;gap:16px}
  @media (max-width:699px){.ifs{grid-auto-flow:column;grid-auto-columns:78vw;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 12px;scrollbar-width:none}.ifs::-webkit-scrollbar{display:none}.if{scroll-snap-align:start}}
  @media (min-width:700px){.ifs{grid-template-columns:repeat(2,1fr)}}
  @media (min-width:1000px){.ifs{grid-template-columns:repeat(3,1fr)}}
  .if{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
  .if .q{font-family:var(--hand);font-weight:600;font-size:24px;line-height:1.1;color:var(--rose-ink);min-height:54px}
  .if .a{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-family:var(--accent);font-style:normal;font-size:22px}
  .if p{margin-top:6px;color:var(--muted);font-size:15px}

  /* gallery */
  .gal{display:grid;grid-auto-flow:column;grid-auto-columns:min(42vw,200px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 20px 14px;scrollbar-width:none}
  .gal::-webkit-scrollbar{display:none}
  @media (min-width:768px){.gal{padding:6px 32px 14px}}
  @media (min-width:1184px){.gal{padding-left:calc((100vw - 1120px)/2 + 32px)}}
  .gal figure{margin:0;scroll-snap-align:start}
  .gal .ph{aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#111;box-shadow:0 14px 34px rgba(20,20,19,.12)}
  .gal video{width:100%;height:100%;object-fit:cover}
  .gal-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:-8px;margin-bottom:22px}
  .gal-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
  .gal-nav svg{width:18px;height:18px}
  @media (max-width:759px){.gal-nav{display:none}}

  /* inside list */
  .stack{display:grid;gap:0}
  .row{display:grid;gap:6px;padding:24px 0;border-top:1px solid var(--line)}
  .row:last-child{border-bottom:1px solid var(--line)}
  @media (min-width:860px){.row{grid-template-columns:56px 1.1fr 1fr;gap:28px;align-items:baseline}}
  .row .n{font-family:var(--display);font-weight:600;font-size:15px;color:var(--rose-ink)}
  .row h3{font-size:20px}
  .row p{color:var(--muted);font-size:16px;margin-top:6px;max-width:44ch}
  .row .instead{font-size:15px;color:var(--muted)}
  .row .instead b{display:block;color:var(--ink);font-weight:600;font-size:16px;margin-top:2px}

  /* program */
  .program{display:grid;gap:56px}
  .program{max-width:760px}
  .ai-note{display:flex;gap:14px;align-items:flex-start;margin-top:22px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 40px rgba(168,85,58,.08)}
  .ai-note p{margin:0;font-size:15px;color:var(--muted);line-height:1.5}
  .ai-note b{color:var(--ink)}
  .ai-dot{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--rose-ink);color:#fff;font-family:var(--accent);font-style:normal;font-size:18px}
  .lessons{list-style:none;margin:0;padding:0}
  .lessons li{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:18px 0;border-top:1px solid var(--line)}
  .lessons li:last-child{border-bottom:1px solid var(--line)}
  .lessons b{font-weight:600;font-size:17px}
  .lessons .min{font-size:14px;color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap}
  .lessons p{grid-column:1/-1;color:var(--muted);font-size:15px}
  .week{position:relative;display:grid;gap:22px;padding-left:28px}
  .week:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--rose-mid)}
  .day{position:relative}
  .day:before{content:"";position:absolute;left:-28px;top:6px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--rose)}
  .day .d{font-size:13px;font-weight:600;color:var(--rose-ink)}
  .day b{display:block;font-weight:600;font-size:18px;margin-top:2px}
  .day p{color:var(--muted);font-size:15px;margin-top:2px}
  .sub-h{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.02em;margin-bottom:18px}

  /* compare */
  .compare-wrap{overflow-x:auto;margin:0 -20px;padding:0 20px}
  .compare{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;font-size:16px}
  .compare th,.compare td{text-align:left;padding:18px 16px;border-bottom:1px solid var(--line);vertical-align:top}
  .compare thead th{font-family:var(--display);font-weight:600;font-size:17px;border-bottom:1px solid var(--ink)}
  .compare tbody th{font-weight:500;color:var(--muted);width:22%;padding-left:0}
  .compare td{color:var(--muted)}
  .compare .us{background:var(--rose-soft);color:var(--ink);font-weight:600}
  .compare thead .us{border-radius:16px 16px 0 0}
  .compare tbody tr:last-child .us{border-radius:0 0 16px 16px}

  /* price */
  .price-wrap{display:grid;gap:40px;align-items:start}
  @media (min-width:960px){.price-wrap{grid-template-columns:1fr 470px;gap:64px}}
  /* earn: edit for brands mini window under the price card */
  .earn{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,56px);padding:clamp(24px,4vw,44px);border-radius:var(--radius);background:var(--rose-soft)}
  .earn h3{font-family:var(--display);font-weight:700;font-size:clamp(26px,3.2vw,38px);line-height:1.08}
  .earn-copy p{margin-top:14px;color:var(--muted);max-width:46ch}
  .earn-steps{margin:20px 0 0;padding:0;list-style:none;counter-reset:s;display:grid;gap:12px}
  .earn-steps li{counter-increment:s;position:relative;padding-left:40px;min-height:28px;font-size:15px;color:var(--muted)}
  .earn-steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--rose-ink);font-weight:700;font-size:13px;display:grid;place-items:center}
  .earn-steps b{color:var(--ink);font-weight:600}
  .earn-tip{margin-top:18px;font-size:14px;color:var(--muted);max-width:46ch}
  .earn-tip b{color:var(--ink)}
  .earn-calc{background:#fff;border-radius:20px;padding:22px;align-self:start}
  .ec-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-top:18px}
  .ec-label:first-child{margin-top:0}
  .earn-calc .chips{margin-top:10px}
  .earn-calc .chip-s{cursor:pointer;font-family:inherit;color:var(--ink)}
  .earn-calc .chip-s.on{color:#fff}
  .ec-out{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
  .ec-out span{font-family:var(--display);font-weight:700;font-size:clamp(40px,5vw,56px);line-height:1;color:var(--rose-ink)}
  .ec-out small{font-size:14px;color:var(--muted)}
  .ec-time{margin-top:10px;font-size:14px;color:var(--ink)}
  .ec-fine{margin-top:10px;font-size:13px;color:var(--muted)}
  @media (max-width:899px){.earn{grid-template-columns:1fr}}
  .value{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;margin-top:28px}
  .value-h{padding:14px 20px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--snow);border-bottom:1px solid var(--line)}
  .vrow{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px 20px;align-items:baseline}
  .vrow+.vrow{border-top:1px solid var(--line)}
  .vrow b{font-family:var(--display);font-weight:700;color:var(--rose-ink);text-align:right;white-space:nowrap}
  .vrow small{display:block;color:var(--dim);font-size:12px;text-align:right;font-weight:400;margin-top:2px}
  .vrow .inc{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .vtotal{display:flex;justify-content:space-between;align-items:baseline;padding:18px 20px;background:var(--rose-soft);border-top:1px solid var(--line)}
  .vtotal b{font-family:var(--display);font-size:26px;letter-spacing:-.03em}
  .vtotal .v-was{font-size:17px;font-weight:600;color:var(--dim);margin-right:8px;text-decoration-thickness:2px}
  .vsum{background:var(--snow)}
  .vbonus{background:linear-gradient(90deg,var(--rose-soft),#fff 70%)}
  .vbonus .tag-b{margin-right:8px}
  .vsum b s{color:var(--muted);text-decoration-thickness:2px}
  .vs-sub{display:block;font-size:12px;color:var(--dim);margin-top:2px}
  .vtotal span{font-size:13px;font-weight:600;color:var(--rose-ink);letter-spacing:.06em;text-transform:uppercase}
  .vtotal #v-price{font-size:32px;font-weight:700;color:var(--ink);letter-spacing:-.03em;text-transform:none}
  .vtotal .v-was{font-size:20px}
  .vsum b s{font-size:18px}
  .value .hand{text-align:center;padding:14px 20px 18px}
  .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;box-shadow:0 30px 70px rgba(168,85,58,.10)}
  @media (min-width:640px){.card{padding:40px 36px}}
  .card .name{font-weight:600;color:var(--muted);font-size:15px}
  .amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:8px 0 4px}
  .amount .now{font-family:var(--display);font-weight:700;font-size:64px;letter-spacing:-.04em;line-height:1}
  .amount .once{font-size:15px;color:var(--muted)}
  .deadline{font-size:15px;color:var(--rose-ink);font-weight:500;font-variant-numeric:tabular-nums}
  .deadline b,.final-t b{font-weight:600;letter-spacing:.01em}
  .final-t{margin:14px 0 0;font-size:15px;color:var(--rose-ink);font-variant-numeric:tabular-nums}
  @keyframes beat{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(168,85,58,0)}50%{transform:scale(1.035);box-shadow:0 10px 30px rgba(168,85,58,.22)}}

  .incl{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px;font-size:15px;line-height:1.4}
  .incl li{display:flex;gap:12px;align-items:flex-start}
  .incl svg{flex:0 0 18px;width:18px;height:18px;margin-top:3px;color:var(--rose-ink)}
  .bonus{margin-top:22px;padding:14px 16px;border-radius:14px;background:var(--rose-soft);font-size:15px}
  .bonus b{font-weight:600}
  .wc-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:56px;font-size:14px;color:var(--muted);pointer-events:none}
  .wc-loading i{width:22px;height:22px;border-radius:50%;border:2px solid var(--rose-mid);border-top-color:var(--rose-ink);animation:wcspin .9s linear infinite}
  @keyframes wcspin{to{transform:rotate(360deg)}}
  .fine{margin-top:14px;font-size:13px;color:var(--dim);text-align:center;line-height:1.45}

  /* guarantee, about, faq, final */
  .guar h2{max-width:20ch;margin:0 auto}
  .guar p{max-width:52ch;margin:22px auto 0;color:var(--muted);font-size:18px}
  .about{display:grid;gap:36px;align-items:center}
  @media (min-width:900px){.about{grid-template-columns:.8fr 1.2fr;gap:64px}}
  .about .ph{width:100%;max-width:380px;border-radius:var(--radius);aspect-ratio:4/5;object-fit:cover}
  .about p{color:var(--muted);font-size:18px;margin-top:18px;max-width:52ch}
  .about .hand{margin-top:22px;font-size:28px}
  .faq{max-width:820px;margin:0 auto}
  .faq-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px;margin-bottom:18px;justify-content:flex-start}
  @media (min-width:760px){.faq-tabs{justify-content:center}}
  .faq-tabs::-webkit-scrollbar{display:none}
  .faq-tabs button{flex:0 0 auto;border:1px solid var(--line);background:#fff;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer}
  .faq-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
  .fgroup{display:none}
  .fgroup.on{display:block}
  .fgroup details:last-child{border-bottom:1px solid var(--line)}
  details{border-top:1px solid var(--line)}
  details:last-child{border-bottom:1px solid var(--line)}
  summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:600;font-size:18px;letter-spacing:-.01em}
  summary::-webkit-details-marker{display:none}
  summary .pm{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--rose-soft);position:relative;transition:transform .3s var(--ease)}
  summary .pm:before,summary .pm:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--ink);transform:translate(-50%,-50%);border-radius:2px}
  summary .pm:after{transform:translate(-50%,-50%) rotate(90deg)}
  details[open] summary .pm{transform:rotate(45deg)}
  details p{padding:0 48px 24px 0;color:var(--muted);font-size:17px;max-width:62ch}
  .final h2{max-width:18ch;margin:0 auto}
  .final .sub{margin-top:18px;color:var(--muted);font-size:16px}
  footer{padding:40px 0 56px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
  footer .wrap{display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:space-between;align-items:center}
  footer nav{display:flex;flex-wrap:wrap;gap:20px}
  footer a{text-decoration:none}
  footer a:hover{color:var(--ink)}
  footer .legal{width:100%;font-size:13px;color:var(--dim);max-width:70ch}

  /* reveal */
  .rv{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
  .rv.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .rv{opacity:1;transform:none;transition:none}
    .band .track,.say-row{animation:none}
    .strike:after{animation:none;transform:scaleX(1)}
    .designing{animation:none}
    .snd .fx i s{animation:none;height:8px}
    .btn,summary .pm,.player .play span,.panel.on{transition:none;animation:none}
  }
  /* where this started: reel + two screenshots */
  .start-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(18px,4vw,48px);margin-top:44px}
  .st{margin:0;width:min(300px,78vw);padding:12px 12px 0;background:#fff;border-radius:3px;box-shadow:0 18px 40px rgba(20,20,19,.14),0 2px 6px rgba(20,20,19,.06);transition:transform .4s var(--ease)}
  .st:nth-child(1){transform:rotate(-3deg)}
  .st:nth-child(2){transform:rotate(2deg) translateY(18px)}
  .st:nth-child(3){transform:rotate(-1.5deg)}
  .st:hover{transform:rotate(0) scale(1.02)}
  .st video,.st img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:1px;background:#141413}
  .st figcaption{padding:12px 4px 16px;font-family:var(--hand);font-size:26px;line-height:1;color:var(--ink);text-align:center}
  .st[hidden]{display:none}

  /* ---------- phone fixes (audit 24.10) ---------- */
  .vrow small{white-space:normal;max-width:16ch}
  .steps-dots button{position:relative}
  .steps-dots button::after{content:"";position:absolute;inset:-18px -4px}
  .help-btn{bottom:max(16px,env(safe-area-inset-bottom));transition:opacity .3s,transform .3s}
  .help-btn.away{opacity:0;transform:translateY(12px);pointer-events:none}
  footer{padding-bottom:88px}
  @media (max-width:699px){
    .compare{min-width:0}
    .compare tbody th{position:sticky;left:0;background:#fff;z-index:1}
  }
  @media (max-width:599px){
    .faq-tabs{flex-wrap:wrap}
    .tline{grid-template-columns:56px 1fr}
    .count-card .pill,.credits span,.sw .ok,.snd .fx,.tline .tm,.step-n,.incl-h,.vrow small,.vrow .inc,.value-h,.f-cap,.ec-label,.tag,.hint{font-size:13px}
    .incl{gap:10px;font-size:14px}
  }
  @media (max-width:520px){
    .card{padding:24px 18px}
  }
  @media (max-width:899px){
    .earn{padding:22px 16px}
    .earn-calc .chip-s{min-height:44px;padding:0 14px;font-size:14px;display:inline-flex;align-items:center}
    #ec-rate .chip-s{flex:1 1 auto;justify-content:center}
  }

  /* effects board */
  .board-shot{margin:0 auto;max-width:980px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 40px 90px rgba(168,85,58,.14)}
  .board-shot video{display:block;width:100%;aspect-ratio:1280/800;object-fit:cover;background:#ece8e0}
  /* bonus blocks: the same rose gift as in the price card, as a small pill above the title */
  .eb-bonus{display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 10px;border-radius:999px;background:var(--rose-soft);color:var(--rose-ink);letter-spacing:.1em}
  .eb-bonus .eb-gift{width:15px;height:15px;flex:0 0 auto}
  .head.center .eb-bonus{margin-left:auto;margin-right:auto}
  @media (max-width:640px){#sort .eb-bonus{margin-left:0}}
  #sort .sort-note{margin-bottom:28px}
  /* rose "only the sorting" button: a slow, soft heartbeat (two small beats, then rest) */
  .sort-solo{animation:heartbeat 2.6s ease-in-out infinite;transform-origin:center}
  @keyframes heartbeat{0%,100%{transform:scale(1);box-shadow:0 6px 18px rgba(168,85,58,.26)}12%{transform:scale(1.045);box-shadow:0 10px 28px rgba(168,85,58,.42)}24%{transform:scale(1)}36%{transform:scale(1.03);box-shadow:0 9px 24px rgba(168,85,58,.36)}55%{transform:scale(1);box-shadow:0 6px 18px rgba(168,85,58,.26)}}
  @media (prefers-reduced-motion:reduce){.sort-solo{animation:none}}
  .sort-modal{position:fixed;inset:0;z-index:60;background:rgba(20,20,19,.45);display:flex;align-items:flex-start;justify-content:center;padding:4vh 12px;overflow:auto}
  .sort-modal[hidden]{display:none}
  .sm-box{width:min(520px,100%);background:#fff;border-radius:22px;padding:20px 20px 16px;box-shadow:0 30px 80px rgba(20,20,19,.3)}
  .sm-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
  .sm-head b{font-family:'Inter Tight',sans-serif;font-size:20px;letter-spacing:-.02em;margin-right:10px}
  .sm-head span{font-family:'Inter Tight',sans-serif;font-weight:700;font-size:20px;color:var(--rose-ink)}
  .sm-head button{border:0;background:var(--snow);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px}
  .sm-sub{margin:8px 0 6px;font-size:14px;color:var(--muted)}
  .sm-incl{list-style:none;margin:10px 0 0;padding:12px 14px;border-radius:14px;background:var(--rose-soft);display:grid;gap:7px}
  .sm-incl li{display:grid;grid-template-columns:16px 1fr;gap:9px;font-size:14px;line-height:1.4;color:var(--muted)}
  .sm-incl li::before{content:"";flex:0 0 16px;height:16px;margin-top:1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A8553A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat}
  .sm-incl b{color:var(--ink);font-weight:600}
  .sm-need{margin:10px 0 4px;font-size:12.5px;color:var(--dim)}
  /* window for €20: roomy on a laptop, a full-width sheet on a phone */
  .sm-sub,.sm-need{text-wrap:pretty}
  @media (min-width:641px){.sm-box{padding:24px 26px 18px}.sm-sub{font-size:15px}.sm-incl{padding:14px 16px}.sm-incl li{font-size:14.5px}}
  @media (max-width:640px){
    .sort-modal{padding:0;align-items:stretch}
    .sm-box{width:100%;min-height:100%;border-radius:0;padding:14px 16px 24px;box-shadow:none}
    .sm-head{position:sticky;top:0;background:#fff;z-index:2;padding:6px 0 8px;margin:-6px 0 0}
    .sm-head b,.sm-head span{font-size:18px}
    .sm-sub{font-size:14px;line-height:1.45}
    .sm-incl{padding:11px 12px;gap:8px}
    .sm-incl li{font-size:13.5px}
    .sm-need{font-size:12px}
    #sm-checkout{min-height:380px}
  }
  #sm-checkout{position:relative;min-height:420px;overflow:hidden}
  #sm-checkout iframe{margin-bottom:-78px}
  .sm-fallback{width:100%;margin-top:10px}
  .sm-terms{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:var(--dim);text-align:center}
  .sm-terms a{color:var(--muted)}
  .sm-need a{color:var(--rose-ink);font-weight:600}
  .sort-solo{display:none!important}
  html.show-sort .sort-solo{display:inline-flex!important}
  .sort-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
  .sort-note{margin:12px 0 0;text-align:center;font-size:14px;color:var(--muted)}
  @media (max-width:640px){.sort-btns{flex-direction:column;align-items:stretch}.sort-btns .btn{width:100%}}
  /* sorting on its own vs the whole studio: two small cards under the sort block */
  .sort-pick{display:grid;gap:14px;max-width:880px;margin:26px auto 0}
  @media (min-width:700px){.sort-pick{grid-template-columns:1fr 1fr}}
  .sp{padding:20px 22px;border-radius:18px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:12px}
  .sp-full{background:var(--rose-soft);border-color:transparent}
  .sp-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
  .sp-name{font-weight:700;font-size:17px;letter-spacing:-.01em}
  .sp-price{font-family:'Inter Tight',sans-serif;font-weight:700;font-size:22px;letter-spacing:-.02em}
  .sp-price s{font-weight:500;font-size:15px;color:var(--dim);margin-right:6px;text-decoration-thickness:2px}
  .sp p{margin:0;font-size:14.5px;line-height:1.5;color:var(--muted);flex:1}
  .sp .btn{align-self:flex-start}
  @media (max-width:640px){#sort .sort-pick{margin-left:0;margin-right:0}}
  .sort-priv{display:flex;align-items:flex-start;gap:10px;max-width:52ch;margin:18px auto 0;font-size:14px;line-height:1.5;color:var(--muted);text-align:left}
  .sort-priv svg{width:18px;height:18px;flex:0 0 auto;color:var(--rose-ink);margin-top:2px}
  @media (max-width:640px){#sort .sort-priv{margin-left:0}}
  /* lead in tidy lines: fixed breaks on laptop, natural balanced lines on phone */
  .inside-lead{max-width:62ch;margin-left:auto;margin-right:auto;text-wrap:balance}
  .inside-lead+.inside-lead{margin-top:12px}
  .br-d{display:inline}
  @media (max-width:760px){.br-d{display:none}#inside .head{text-align:left}#inside .inside-lead{margin-left:0;max-width:none;text-wrap:pretty}}
  .sort-lead{max-width:40ch;margin-left:auto;margin-right:auto}
  .sort-lead+.sort-lead{margin-top:12px}
  @media (max-width:640px){#sort .head{text-align:left}#sort .eyebrow{text-align:left}#sort .sort-lead{margin-left:0;max-width:none}}
  .board-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
  .board-tags span{padding:7px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--muted)}

  .sec-cta{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:10px}
  .sec-cta-sub,.sec-cta-pre{margin:0;font-size:14px;color:var(--muted)}

  /* focus and tap targets (audit 24.10) */
  :focus-visible{outline:3px solid rgba(168,85,58,.6);outline-offset:3px}
  .chip-s,.tabs button,.pv-toggle button,.sound,#help-close,.btn-sm{min-height:44px}
  .chip-s,.pv-toggle button{display:inline-flex;align-items:center}

  /* ---------- mobile QA fixes (24.10) ---------- */
  .looks-ui>*,.look-col,.look-text{min-width:0;max-width:100%}
  .look-col{width:100%}
  .look-text{align-self:stretch}
  .look-tabs{max-width:100%}
  @media (max-width:480px){
    .compare th,.compare td{padding:12px 8px;font-size:14px}
    .compare thead th{font-size:15px}
    .compare tbody th{width:20%;padding-left:0}
  }
  @media (max-width:899px){
    .hero h1{font-size:clamp(32px,9.2vw,40px)}
    .board-shot video{aspect-ratio:4/5;object-position:left top}
  }
  .wipe .hint,.consent,.value-h,#s-n{font-size:13px}
  .tag-b{font-size:12px}
  button#sound,.wipe-toggle button,.tabs button,.send,#s-next{min-height:44px}
  .brand{display:inline-flex;align-items:center;min-height:44px}
  footer a,.notfor a,.consent a{display:inline-block;padding:11px 4px;margin:-11px -4px}
  #help-close{width:40px;height:40px}
  .steps-dots button::after{inset:-18px -14px}
  @media (min-width:600px) and (max-width:959px){.value-h,.vrow small,.tline .tm,.ec-label,.f-cap,.incl-h{font-size:13px}}

  /* hamburger menu (phones and small tablets) */
  .nav-r{display:flex;align-items:center;gap:10px}
  .burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 11px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
  .burger span{display:block;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s var(--ease),opacity .2s}
  .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mnav{display:flex;flex-direction:column;padding:6px 20px 20px;border-top:1px solid var(--line);background:rgba(255,255,255,.97)}
  .mnav[hidden]{display:none}
  .mnav a:not(.btn){display:block;padding:14px 2px;font-size:18px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
  .mnav .btn{margin-top:16px;width:100%}
  @media (min-width:700px){.burger,.mnav{display:none!important}}
  @media (max-width:420px){.nav-r .btn-sm{padding:0 14px;font-size:14px}}

  /* hero rhythm: more air between headline, promises, text and buttons */
  .brush-k{position:relative;z-index:0;white-space:nowrap}
  .nono-line{margin:14px auto 0;max-width:46ch;font-size:15px;font-weight:600;color:var(--ink);text-align:center}
  .hand.mom{margin-top:18px;font-size:clamp(22px,2.4vw,28px)}
  .brush-s{position:relative;z-index:0;white-space:nowrap;color:var(--ink);font-weight:600;font-style:normal}
  .brush-s::before{content:"";position:absolute;left:-.25em;right:-.2em;top:.15em;bottom:-.1em;background:url(/brand/landing/paint/stroke.webp) center/100% 100% no-repeat;opacity:.45;z-index:-1}
  .guar-top .brush-s::before{top:-.4em;bottom:-.45em;left:-.35em;right:-.3em;opacity:.5}
  .brush-k::before{content:"";position:absolute;left:-.1em;right:-.08em;top:.52em;bottom:.02em;background:url(/brand/landing/paint/stroke.webp) center/100% 100% no-repeat;opacity:.38;z-index:-1}
  .hero .hno{margin-top:26px}
  .hero .lead{margin-top:22px}
  .hero .cta{margin-top:34px}
  .hneed{margin-top:18px;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--dim)}
  .hneed span{display:inline-flex;align-items:center;gap:7px}
  .hneed span+span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--dim);margin-right:2px}
  @media (max-width:899px){.hero .hno{margin-top:0}.hero .cta{margin-top:6px}.hero .lead{margin-top:6px}}

  /* ---------- paint: impasto textures in four places, everything else stays air ---------- */
  .paint{position:relative;isolation:isolate}
  .paint::before{content:"";position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;pointer-events:none}
  #easy.paint{background:var(--snow)}
  #easy.paint::before{background-image:url(/brand/landing/paint/hero.webp);opacity:.8;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%)}
  #easy.paint .es{background:rgba(255,255,255,.78);backdrop-filter:blur(6px)}
  #easy.paint .head{background:rgba(255,255,255,.82);backdrop-filter:blur(8px);border-radius:24px;padding:clamp(22px,4vw,40px) clamp(18px,4vw,44px);max-width:760px;margin-left:auto;margin-right:auto;box-shadow:0 20px 60px rgba(20,20,19,.06)}
  #easy.paint .head .lead{color:var(--ink)}
  .brush{position:relative;display:inline;white-space:nowrap;font-weight:600;color:var(--ink);padding:0 .15em}
  .brush::before{content:"";position:absolute;left:-.15em;right:-.15em;top:-6%;bottom:-6%;background:url(/brand/landing/paint/stroke.webp) center/100% 200% no-repeat;opacity:.5;z-index:-1}
  #about.paint{background:#F6EEE6}
  #about.paint::before{background-image:url(/brand/landing/paint/portrait.webp);opacity:.28;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 25%,transparent 48%);mask-image:linear-gradient(90deg,#000 0%,#000 25%,transparent 48%)}
  #about.paint .ph{box-shadow:0 30px 70px rgba(20,20,19,.18);border:6px solid #fff}
  .final.paint{background:#EDE4D8;color:var(--ink)}
  .final.paint::before{background-image:url(/brand/landing/paint/final.webp);opacity:.32;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%);mask-image:linear-gradient(180deg,transparent 0%,#000 30%)}
  .final.paint .wrap{position:relative}
  .final.paint .wrap::before{content:"";position:absolute;inset:-40px -24px;border-radius:32px;background:radial-gradient(ellipse at center,rgba(255,255,255,.92) 0%,rgba(255,255,255,.8) 70%,rgba(255,255,255,0) 100%);z-index:-1}
  .final.paint .credits span{color:#5A4F55;font-size:12px}
  .final.paint .sub{color:var(--ink)}
  #easy.paint .what-claude{background:rgba(255,255,255,.82);backdrop-filter:blur(8px);border-radius:18px;padding:18px 22px;color:var(--ink)}
  #about.paint p{color:#4A4046}
  .amount .was{position:relative;display:inline-block}
  .amount .was[hidden]{display:none}
  .amount .was{font-size:30px;color:#8A7F85;font-weight:600;text-decoration:line-through;text-decoration-thickness:3px;text-decoration-color:var(--rose-ink)}
  @media (max-width:899px){#about.paint::before{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 35%,transparent 70%);mask-image:linear-gradient(180deg,#000 0%,#000 35%,transparent 70%)}}

  /* ---------- letter for the waitlist (?from=list): lace envelope (generated photo, card and Y seal are in the picture) ----------
     The blank part of the card in envelope-lace.webp (1300x1614): x 25-75%, y 33-54%. Text sits there. */
  .letter{position:fixed;inset:0;z-index:200;overflow:hidden;overscroll-behavior:contain;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.6vh,18px);background:#F0E9DF;opacity:1;transition:opacity .6s var(--ease)}
  .letter.out{opacity:0;pointer-events:none}
  .letter[hidden]{display:none}
  .env{position:relative;flex:0 0 auto;height:min(80vh,820px);aspect-ratio:1300/1614;opacity:0;transform:scale(.97);transition:opacity .8s var(--ease),transform 1.2s var(--ease)}
  .env-img{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 90%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 90%,transparent 100%)}
  .note{position:absolute;left:24%;right:24%;top:33%;height:21%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em;text-align:center;font-family:'Cormorant Garamond','Fraunces',Georgia,serif;color:#3A3330;font-size:calc(min(80vh,820px) * .027);opacity:0;transition:opacity .8s .6s}
  .note p{margin:0;line-height:1.3}
  .note-hi{font-size:1.25em;letter-spacing:.02em}
  .note .sig{font-family:var(--hand);font-size:1.7em;color:var(--rose-ink);line-height:1}
  .letter.open .env{opacity:1;transform:none}
  .letter.open .note{opacity:1}
  .letter-go{position:relative;z-index:5;opacity:0;transform:translateY(8px);transition:opacity .5s 1s,transform .5s var(--ease) 1s}
  .letter.open .letter-go{opacity:1;transform:none}
  @media (max-aspect-ratio:3/4){
    .env{height:auto;width:min(112vw,620px)}
    .note{font-size:calc(min(112vw,620px) * .034)}
  }
  @media (prefers-reduced-motion:reduce){.env,.note,.letter,.letter-go{transition:none}}

/* =========================================================
   AutoCut: animated stand-ins for the demo videos.
   Each frame shows a code mock until its media file exists
   (landing.js probes data-video / data-src and swaps the real file in).
   ========================================================= */

/* ---------- a neutral "room + person" scene (hero, presets, gallery, about) ---------- */
.mock{position:absolute;inset:0;overflow:hidden}
.mk-room{position:absolute;inset:-4%;background:
  radial-gradient(60% 42% at 18% 16%,rgba(255,236,214,.55),rgba(255,236,214,0) 70%),
  linear-gradient(90deg,rgba(255,255,255,0) 62%,rgba(255,255,255,.06) 62% 64%,rgba(255,255,255,0) 64%),
  linear-gradient(180deg,#B9A69C 0%,#9C8780 46%,#6E5D5A 46.4%,#5A4B49 100%)}
.mk-room::before{content:"";position:absolute;left:8%;top:9%;width:30%;height:30%;border-radius:6px;
  background:linear-gradient(180deg,#F4E9DD,#E7D5C6);box-shadow:inset 0 0 0 5px rgba(120,96,88,.35);opacity:.9}
.mk-room::after{content:"";position:absolute;right:6%;top:30%;width:24%;height:22%;border-radius:50% 50% 8px 8px;
  background:radial-gradient(circle at 50% 30%,#7E8C6A,#55623F 70%);opacity:.65;filter:blur(1px)}
.mk-person{position:absolute;left:50%;bottom:0;width:72%;height:68%;transform:translateX(-50%)}
.mk-head{position:absolute;left:50%;top:6%;width:36%;aspect-ratio:1/1.12;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(circle at 42% 38%,#E9C9B8,#C99A86 70%)}
.mk-head::before{content:"";position:absolute;left:-9%;right:-9%;top:-10%;height:58%;border-radius:50% 50% 30% 30%;
  background:linear-gradient(180deg,#4A3530,#3A2925)}
.mk-head::after{content:"";position:absolute;left:-12%;top:20%;width:24%;height:88%;border-radius:40%;
  background:linear-gradient(180deg,#3A2925,#4A3530);box-shadow:calc(1em * 0) 0 0 transparent}
.mk-body{position:absolute;left:50%;bottom:0;width:100%;height:58%;transform:translateX(-50%);border-radius:46% 46% 0 0/32% 32% 0 0;
  background:linear-gradient(180deg,#EADFD6,#D6C6BA)}
.mk-body::before{content:"";position:absolute;left:50%;top:-6%;width:18%;height:14%;transform:translateX(-50%);border-radius:0 0 40% 40%;
  background:#D9AE99}

/* hero: raw take vs the edit */
.mk-raw .mk-room,.mk-raw .mk-person{filter:saturate(.55) brightness(.78) contrast(.92)}
.mk-raw .mk-person{animation:mk-sway 6s ease-in-out infinite}
.mk-rec{position:absolute;left:50%;top:6%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;
  background:rgba(0,0,0,.35);color:#fff;font:600 11px/1 var(--body);letter-spacing:.06em}
.mk-rec i{width:7px;height:7px;border-radius:50%;background:#E5484D;animation:blink 1.2s steps(1) infinite}
.mk-edit .mk-room,.mk-edit .mk-person{filter:saturate(1.06) brightness(1.04) sepia(.06)}
.mk-edit .mk-room{animation:mk-push 7s var(--ease) infinite}
.mk-edit .mk-person{animation:mk-push-p 7s var(--ease) infinite}
.mk-title{position:absolute;left:0;right:0;top:15%;text-align:center;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.mk-t1{display:block;font:700 26px/1.05 var(--display);letter-spacing:-.03em;animation:mk-in 7s var(--ease) infinite}
.mk-t2{display:block;font-family:var(--accent);font-style:normal;font-weight:600;font-size:40px;line-height:1.05;color:#f4e4d9;animation:mk-in 7s var(--ease) .18s infinite}
.mk-cap{position:absolute;left:8%;right:8%;top:64%;display:flex;flex-wrap:wrap;justify-content:center;gap:0 7px;
  font:700 20px/1.25 var(--display);letter-spacing:-.01em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.mk-cap span{transition:color .15s,transform .15s}
.mk-cap span.on{color:var(--rose);transform:scale(1.06)}
.mk-spark{position:absolute;color:#f4e4d9;font-style:normal;animation:mk-twinkle 2.4s ease-in-out infinite}
.mk-spark.s1{left:18%;top:12%;font-size:16px}.mk-spark.s2{right:16%;top:27%;font-size:12px;animation-delay:1.1s}
@keyframes mk-sway{0%,100%{transform:translateX(-50%) rotate(0)}50%{transform:translateX(-51.5%) rotate(-.6deg)}}
@keyframes mk-push{0%{transform:scale(1)}45%,100%{transform:scale(1.07)}}
@keyframes mk-push-p{0%{transform:translateX(-50%) scale(1)}45%,100%{transform:translateX(-50%) scale(1.08);transform-origin:50% 30%}}
@keyframes mk-in{0%,6%{opacity:0;transform:translateY(10px);filter:blur(4px)}16%,86%{opacity:1;transform:none;filter:blur(0)}96%,100%{opacity:0}}
@keyframes mk-twinkle{0%,100%{opacity:.2;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}
.wipe.has-media .mock{display:none}

/* presets: the plate behind the four looks */
.pack .mk-plate{overflow:hidden}
.pack.moving .lk>*{animation:lkloop 3.6s var(--ease) infinite both}
.pack.moving .lk>*:nth-child(2){animation-delay:.15s}.pack.moving .lk>*:nth-child(3){animation-delay:.3s}.pack.moving .lk>*:nth-child(4){animation-delay:.45s}
.pack.moving .lk>*:nth-child(5){animation-delay:.6s}.pack.moving .lk>*:nth-child(6){animation-delay:.75s}
.pack.moving .mk-plate .mk-room,.pack.moving .mk-plate .mk-person{animation:mk-push 3.6s var(--ease) infinite alternate}
@keyframes lkloop{0%{opacity:0;filter:blur(6px);transform:translateY(1.6cqw)}14%,82%{opacity:1;filter:blur(0);transform:none}100%{opacity:0;filter:blur(4px)}}
@media (prefers-reduced-motion:reduce){.mk-raw .mk-person,.mk-edit .mk-room,.mk-edit .mk-person,.mk-t1,.mk-t2,.mk-spark,.pack.moving .lk>*{animation:none}}

/* the screen-recording frames (16:9 like the video they stand in for) */
.shot-stage{position:relative;width:100%;aspect-ratio:16/9;background:#ece8e0;overflow:hidden}
.board-stage{position:relative;width:100%;aspect-ratio:1280/800;background:#ece8e0;overflow:hidden}
@media (max-width:899px){.board-stage{aspect-ratio:4/5}}
.shot-stage>video,.board-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.shot-stage .sa-root,.shot-stage .ma-root{position:absolute;inset:0}

/* ---------- placeholder markers ---------- */
.ph-stat b{color:var(--dim)}
.ph-note{margin-top:10px;font-size:14px;color:var(--dim)}
.ph-text{font-style:italic}
.btn-soon{cursor:default;opacity:.55;pointer-events:none}
.about .ph-photo{position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;
  background:linear-gradient(180deg,#ebcdbb,#f4e4d9 55%,#edeae2)}
.about .ph-photo::before{content:"";position:absolute;left:50%;bottom:-6%;width:62%;height:56%;transform:translateX(-50%);border-radius:48% 48% 0 0/36% 36% 0 0;background:rgba(168,85,58,.16)}
.about .ph-photo::after{content:"";position:absolute;left:50%;top:22%;width:30%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:rgba(168,85,58,.16)}
.about .ph-photo span{position:relative;z-index:1;margin-bottom:18px;padding:6px 12px;border-radius:999px;background:#fff;font-size:13px;font-weight:600;color:var(--rose-ink)}

/* ---------- gallery placeholders: reels drawn in code ---------- */
.gal .ph{position:relative}
.gr{position:absolute;inset:0;overflow:hidden;container-type:inline-size}
.gr .mk-room,.gr .mk-person{animation:mk-push 9s var(--ease) infinite alternate}
.gr .mk-person{width:78%;height:64%}
.gr-t{position:absolute;left:8%;right:8%;text-align:center;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.28)}
.gr-cap{position:absolute;left:8%;right:8%;top:68%;text-align:center;font:700 7.5cqw/1.2 var(--display);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.gr-cap b{color:var(--rose)}
.gr.g-soft .gr-t{top:40%;font:900 13cqw/.92 'Rubik',sans-serif;letter-spacing:-.01em}
.gr.g-soft .gr-n{position:absolute;left:0;right:0;top:12%;text-align:center;font:700 9cqw/1 'Gaegu',cursive;color:#fff}
.gr.g-soft .gr-n span{color:#C9C3FF}
.gr.g-scrap .gr-t{top:10%;left:12%;right:auto;padding:4cqw 6cqw;background:#FBF4E6;color:#2B2420;text-shadow:none;transform:rotate(-3deg);
  font:400 10cqw/1 'Instrument Serif',serif;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.gr.g-scrap .gr-t i{display:block;font:600 4.5cqw/1 'Caveat',cursive;color:#a8553a}
.gr.g-sig .gr-t{top:16%;font:400 15cqw/1 'Playfair Display',serif;color:#F8F4AC}
.gr.g-sig .gr-t span{font-family:'Pinyon Script',cursive;font-size:1.25em}
.gr.g-sig .gr-t i{display:block;font:italic 400 7cqw/1.2 'Playfair Display',serif;color:#FCF5EC}
.gr.g-head .gr-t{top:12%;font:800 10cqw/1 'Unbounded',sans-serif;letter-spacing:-.02em}
.gr.g-head .gr-t i{display:block;margin-top:2cqw;font:400 9cqw/1 'Nanum Pen Script',cursive;color:#F6E7A1}
.gr.g-soft .mk-room{filter:brightness(.82) saturate(.93) sepia(.07)}
.gr.g-sig .mk-room,.gr.g-sig .mk-person{filter:brightness(.68) sepia(.05)}
.gr.g-head .mk-room{filter:brightness(.78)}

/* ---------- shared stage for the code animations (studio, board, lesson) ---------- */
.ma-root{position:relative;width:100%;height:100%;overflow:hidden;background:#ece8e0;font-family:Inter,system-ui,sans-serif;color:#141413}
.ma-stage{position:absolute;left:0;top:0;transform-origin:0 0}
.ma-cursor{position:absolute;left:0;top:0;width:22px;height:22px;z-index:20;will-change:transform}
.ma-cursor.click svg{transform:scale(.86)}
.ma-cursor svg{transition:transform .12s}

/* =========================================================
   R02 theme (2026-10-29): terracotta #d0795d, warm neutrals, bold type.
   Overrides the template rules above; later rules win.
   ========================================================= */
:root{--brand:#d0795d;--brand-top:#e6b296;--brand-deep:#a9573c;--k:#bf6648}
h1,h2{font-weight:800;letter-spacing:-.035em}
h3{font-weight:700}
em.k{color:var(--k);font-size:1em;letter-spacing:-.02em}
.brand{font-weight:800}

/* handwriting is gone: the same lines in a small bold grotesk */
.hand,.hand.mom{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.01em;line-height:1.3;color:var(--rose-ink)}
.about .hand{font-size:20px}
.st figcaption{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.01em;padding:14px 4px 18px}

/* brush strokes: the same paint, terracotta */


/* no painted backgrounds anywhere */
.paint::before{display:none!important}
#easy.paint{background:var(--bg)}
#easy.paint .head,#easy.paint .what-claude{background:#fff;backdrop-filter:none;box-shadow:0 20px 60px rgba(20,20,19,.06)}
#easy.paint .es{background:#fff;backdrop-filter:none}
#about.paint{background:var(--snow)}
.final.paint{background:linear-gradient(180deg,var(--bg),#E6E1D6)}

/* primary buttons: the gradient key from the brand sheet */
.btn{font-family:var(--display);font-weight:700;letter-spacing:-.01em}
.btn-ink,.btn-pink{position:relative;border-radius:18px;color:#2A170E;background:linear-gradient(180deg,var(--brand-top) 0%,var(--brand) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 0 var(--brand-deep),0 14px 28px rgba(168,85,58,.26);transform:translateY(0)}
.btn-ink::after,.btn-pink::after{content:"→";font-weight:700;font-size:1.1em;line-height:1;transition:transform .25s var(--ease)}
.btn-ink:hover,.btn-pink:hover{background:linear-gradient(180deg,#ecbfa6 0%,#d6846a 100%);transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 5px 0 var(--brand-deep),0 18px 34px rgba(168,85,58,.32)}
.btn-ink:hover::after,.btn-pink:hover::after{transform:translateX(3px)}
.btn-ink:active,.btn-pink:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 0 var(--brand-deep),0 6px 14px rgba(168,85,58,.22)}
.btn-sm.btn-pink{border-radius:14px}
.btn[data-buy],.btn-pink[data-buy]{animation:none}
.btn-soon{filter:grayscale(.35)}
.btn-soon::after{content:none}
/* secondary: quiet outline */
.btn-rose{border-radius:18px;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),0 2px 0 rgba(20,20,19,.06)}
.btn-rose:hover{background:#fff;box-shadow:inset 0 0 0 1px rgba(20,20,19,.22),0 3px 0 rgba(20,20,19,.08)}
.help-btn{background:#141413}

/* ticker: half the speed */
.band{background:linear-gradient(180deg,#c56d51,#b25d40)}
.band .track{animation-duration:64s}

/* hero/mock people: neutral, no long hair */
.mk-head::after{display:none}
.mk-head::before{height:44%;top:-8%;border-radius:50% 50% 38% 38%}
.mk-t2{color:#F3D9C9}

/* "where this started": drawn screenshot placeholders inside the polaroids */
#start .head{max-width:760px}
.start-grid{gap:clamp(24px,5vw,64px)}
.st{width:min(340px,80vw)}
.st-ph{position:relative;aspect-ratio:4/5;background:#141413;color:#fff;overflow:hidden;font-family:var(--body);padding:16px 14px}
.st-tag{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px dashed rgba(255,255,255,.35);font-size:11px;font-weight:600;color:rgba(255,255,255,.85)}
.st-ins .i-top{display:flex;align-items:center;justify-content:center;position:relative;height:30px}
.st-ins .i-top b{font-size:14px}
.st-ins .i-back{position:absolute;left:0;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.12)}
.st-ins .i-tabs{display:flex;justify-content:space-between;margin-top:12px;font-size:11.5px;color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.12)}
.st-ins .i-tabs span{padding:0 6px 8px}.st-ins .i-tabs .on{color:#fff;border-bottom:2px solid #fff}
.st-ins .i-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;font-size:14px;font-weight:700}
.st-ins .i-row small{font-size:10.5px;font-weight:500;color:rgba(255,255,255,.7)}
.st-ins .i-cards{display:grid;grid-template-columns:1.1fr 1fr .6fr;gap:6px;margin-top:10px}
.st-ins .i-cards div{padding:8px;border-radius:8px;background:rgba(255,255,255,.08)}
.st-ins .i-cards .on{box-shadow:inset 0 0 0 1.5px #fff}
.st-ins .i-cards small{display:block;font-size:9px;color:rgba(255,255,255,.65)}
.st-ins .i-cards b{display:block;margin-top:3px;font-size:13px}
.st-ins .i-chart{display:block;width:100%;height:30%;margin-top:14%}
.st-com{display:flex;flex-direction:column;gap:12px;padding-top:18px}
.st-com .c-row{display:flex;gap:9px;align-items:flex-start;font-size:11.5px}
.st-com .c-row i{flex:0 0 24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#6b6760,#3a3836)}
.st-com .c-row b{display:block;font-weight:600}
.st-com .c-row small{display:block;margin-top:2px;font-size:9.5px;color:rgba(255,255,255,.55)}
.st-com .c-row span{display:block;margin-top:2px;color:rgba(255,255,255,.85)}
.st-com .c-reply{margin-left:26px}
.st-com .c-reply i{flex-basis:18px;height:18px;background:linear-gradient(135deg,#e6b296,#d0795d)}
.st img.st-real{aspect-ratio:4/5}

/* gallery: a draggable slider, arrows on the sides, dots below */
.gal-shell{position:relative}
.gal{scroll-behavior:auto;cursor:grab;scroll-snap-type:none;user-select:none;-webkit-user-select:none;overscroll-behavior-x:contain}
.gal.dragging{cursor:grabbing}
.gal.dragging *{pointer-events:none}
.gal figure{scroll-snap-align:none}
.gal-arrow{position:absolute;top:50%;z-index:3;width:52px;height:52px;margin-top:-26px;border-radius:16px;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;
  color:#2A170E;background:linear-gradient(180deg,var(--brand-top),var(--brand));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 3px 0 var(--brand-deep),0 10px 24px rgba(20,20,19,.18);transition:transform .2s var(--ease),opacity .2s}
.gal-arrow svg{width:22px;height:22px}
.gal-arrow.prev{left:clamp(8px,2vw,28px)}.gal-arrow.next{right:clamp(8px,2vw,28px)}
.gal-arrow:hover{transform:translateY(-1px)}
.gal-arrow:active{transform:translateY(2px)}
.gal-arrow[disabled]{opacity:0;pointer-events:none}
.gal-dots{display:flex;justify-content:center;gap:8px;margin-top:22px}
.gal-dots button{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:#D3CDC2;cursor:pointer;transition:width .3s var(--ease),background .3s}
.gal-dots button[aria-selected="true"]{width:28px;background:var(--brand)}
@media (max-width:759px){.gal-arrow{width:44px;height:44px;margin-top:-22px}}

/* gallery placeholders: bold and neutral */
.gr.g-a .gr-t{top:12%;font:800 12cqw/.95 'Inter Tight',sans-serif;letter-spacing:-.03em;text-transform:uppercase}
.gr.g-a .gr-t i{display:block;margin-top:3cqw;font:600 7cqw/1 'Source Serif 4',serif;color:#F3D9C9;text-transform:none;letter-spacing:0}
.gr.g-b .gr-t{top:10%;left:10%;right:auto;padding:3.5cqw 5cqw;background:#F5F3EE;color:#141413;text-shadow:none;text-align:left;font:800 8.5cqw/1 'Inter Tight',sans-serif;letter-spacing:-.02em;border-radius:2cqw}
.gr.g-b .gr-t i{display:block;margin-bottom:1.5cqw;font:700 3.6cqw/1 Inter,sans-serif;letter-spacing:.14em;color:#bf6648;font-style:normal}
.gr.g-c .gr-t{top:14%;font:700 11cqw/1 'Source Serif 4',serif;letter-spacing:-.02em}
.gr.g-c .gr-t i{display:block;margin-top:2cqw;font:600 4.2cqw/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;font-style:normal;color:#F3D9C9}
.gr.g-d .gr-t{top:12%;font:800 10cqw/1 'Unbounded',sans-serif;letter-spacing:-.02em}
.gr.g-d .gr-t i{display:block;margin-top:2cqw;font:800 6cqw/1 'Inter Tight',sans-serif;color:#E6B296;font-style:normal}
.gr.g-c .mk-room,.gr.g-c .mk-person{filter:brightness(.7)}
.gr.g-d .mk-room{filter:brightness(.78)}
.gr-cap b{color:#E6B296}

/* =========================================================
   R03 (2026-10-29): polished buttons with a shine, highlighter marks, an animated hero,
   the Claude Code tile, FAQ, bonus badges, popups (legal, waitlist), the maker.
   ========================================================= */
/* buttons: white type on the terracotta gradient, soft depth instead of a hard edge */
.btn-ink,.btn-pink{color:#fff;border-radius:16px;background:linear-gradient(180deg,#e6b296 0%,#d0795d 100%);text-shadow:0 1px 1px rgba(122,52,28,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(122,52,28,.18),0 1px 2px rgba(122,52,28,.18),0 12px 28px -8px rgba(192,98,66,.55)}
.btn-ink:hover,.btn-pink:hover{background:linear-gradient(180deg,#ebbda3 0%,#d6846a 100%);transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(122,52,28,.18),0 2px 4px rgba(122,52,28,.18),0 18px 36px -10px rgba(192,98,66,.6)}
.btn-ink:active,.btn-pink:active{transform:translateY(1px) scale(.99);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(122,52,28,.2),0 6px 14px -6px rgba(192,98,66,.5)}
.btn-ink::after,.btn-pink::after{text-shadow:none}
/* the SAAS-Base shine: a pass of light every few seconds on everything that leads to the price */
.btn.shine{position:relative;overflow:hidden;isolation:isolate}
.btn.shine::before{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:translateX(-150%) skewX(-20deg);
  animation:shineLoop 3s ease-out infinite;animation-delay:var(--shine-delay,0s)}
@keyframes shineLoop{0%{transform:translateX(-150%) skewX(-20deg)}25%{transform:translateX(320%) skewX(-20deg)}100%{transform:translateX(320%) skewX(-20deg)}}
@media (prefers-reduced-motion:reduce){.btn.shine::before{animation:none;display:none}}

/* ticker: the button gradient */
.band{background:linear-gradient(180deg,#e2a98b,#d0795d);color:#fff;text-shadow:0 1px 1px rgba(122,52,28,.25)}
.band em{color:#fff}

/* highlighter: a modern marker stroke that draws itself in */
.hl{position:relative;z-index:0;white-space:nowrap;font-weight:inherit}
.hl::before{content:"";position:absolute;left:-.12em;right:-.12em;bottom:.04em;height:.42em;z-index:-1;border-radius:.18em .32em .22em .3em;
  background:linear-gradient(100deg,rgba(230,178,150,.25),rgba(230,178,150,.75) 8%,rgba(208,121,93,.45) 92%,rgba(208,121,93,.18));
  transform:scaleX(0) skewX(-6deg);transform-origin:0 50%;transition:transform .9s cubic-bezier(.16,1,.3,1) .25s}
.hl.on::before{transform:scaleX(1) skewX(-6deg)}
.lead .hl{font-weight:600;color:var(--ink)}
@media (prefers-reduced-motion:reduce){.hl::before{transition:none;transform:scaleX(1) skewX(-6deg)}}

/* hero: an animated warm mesh, fine grain, a soft fade into the ticker */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:#F5F3EE}
.hero-bg i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.75;will-change:transform}
.hero-bg i:nth-child(1){width:46vw;height:46vw;left:-12vw;top:-18vw;background:radial-gradient(circle,#EFC3A8,rgba(239,195,168,0) 70%);animation:hb1 18s ease-in-out infinite alternate}
.hero-bg i:nth-child(2){width:40vw;height:40vw;right:-10vw;top:-6vw;background:radial-gradient(circle,#E9B79C,rgba(233,183,156,0) 70%);animation:hb2 22s ease-in-out infinite alternate}
.hero-bg i:nth-child(3){width:38vw;height:38vw;left:30vw;bottom:-22vw;background:radial-gradient(circle,#F3DCCB,rgba(243,220,203,0) 70%);animation:hb3 20s ease-in-out infinite alternate}
.hero-bg i:nth-child(4){width:26vw;height:26vw;left:46vw;top:4vw;background:radial-gradient(circle,rgba(208,121,93,.35),rgba(208,121,93,0) 70%);animation:hb2 26s ease-in-out infinite alternate-reverse}
.hero-bg::after{content:"";position:absolute;inset:0;opacity:.35;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .3 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-bg::before{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:1;background:linear-gradient(180deg,rgba(245,243,238,0),#F5F3EE)}
@keyframes hb1{to{transform:translate(14vw,10vw) scale(1.15)}}
@keyframes hb2{to{transform:translate(-12vw,8vw) scale(.9)}}
@keyframes hb3{to{transform:translate(10vw,-12vw) scale(1.1)}}
@media (prefers-reduced-motion:reduce){.hero-bg i{animation:none}}

/* "with [tile] Claude Code." */
.cc{white-space:nowrap}
.cc-tile{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;margin:0 .14em 0 .04em;vertical-align:-.12em;border-radius:.24em;
  background:linear-gradient(180deg,#e6b296,#d0795d);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 .08em .2em rgba(168,85,58,.3)}
.cc-tile svg{width:.66em;height:.66em}

/* FAQ: closed by default, chevrons, smooth open and close */
.faq details{overflow:hidden}
.faq summary .pm{position:relative;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:background .3s,box-shadow .3s}
.faq summary .pm::before,.faq summary .pm::after{display:none!important}
.faq summary .pm svg{position:absolute;left:8px;top:8px;width:16px;height:16px;color:var(--ink);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.faq details[open] summary .pm,.faq details.opening summary .pm{background:var(--brand);box-shadow:none}
.faq details[open] summary .pm svg,.faq details.opening summary .pm svg{transform:rotate(180deg);color:#fff}
.faq details.closing summary .pm{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.faq details.closing summary .pm svg{transform:none;color:var(--ink)}
.faq summary{cursor:pointer;transition:color .2s}
.faq summary:hover{color:var(--k)}
.faq details>p{opacity:0;transform:translateY(-6px);transition:opacity .35s ease,transform .35s cubic-bezier(.16,1,.3,1)}
.faq details[open]>p{opacity:1;transform:none}
.faq details.closing>p{opacity:0;transform:translateY(-6px)}

/* pricing: monthly, bonus rows that shine a little */
.amount .per{font:600 18px/1 var(--display);color:var(--muted);margin-left:6px}
.amount .once{display:block;width:100%;margin-top:6px}
.tag-b{position:relative;display:inline-flex;align-items:center;gap:5px;overflow:hidden;padding:3px 10px 3px 8px!important;border-radius:999px!important;
  background:linear-gradient(135deg,#141413,#3a2a22)!important;color:#F3D9C9!important;font-style:normal;letter-spacing:.08em;box-shadow:0 4px 12px -4px rgba(20,20,19,.45)}
.tag-b::before{content:"✦";font-size:.95em;color:#e6b296}
.tag-b::after{content:"";position:absolute;top:0;bottom:0;width:30%;left:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-150%) skewX(-20deg);animation:shineLoop 4s ease-out infinite}
.incl li.bonus,.vrow.vbonus{position:relative;background:linear-gradient(135deg,rgba(230,178,150,.22),rgba(208,121,93,.08))!important;box-shadow:inset 0 0 0 1px rgba(208,121,93,.28)}
.incl li.bonus{border-radius:14px}
.incl li.bonus .gift{color:var(--brand)}
.guar-top b{color:var(--ink)}

/* the maker */
.about .ph{object-fit:cover;object-position:50% 20%}
.about .ig{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:9px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-weight:600;font-size:15px;text-decoration:none;color:var(--ink)}
.about .ig svg{width:18px;height:18px;color:var(--brand)}
.about .ig:hover{box-shadow:inset 0 0 0 1px rgba(208,121,93,.5)}

/* popups: legal texts and the waitlist */
.pop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(20,20,19,.45);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.pop[hidden]{display:none}
.pop.on{opacity:1}
.pop-box{position:relative;width:min(720px,100%);max-height:min(82vh,820px);display:flex;flex-direction:column;border-radius:22px;background:#FBFAF7;box-shadow:0 30px 80px rgba(20,20,19,.3);transform:translateY(12px) scale(.98);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.pop.on .pop-box{transform:none}
.pop-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}
.pop-head b{font:800 20px/1.1 var(--display);letter-spacing:-.02em}
.pop-head small{display:block;margin-top:3px;font:500 12.5px/1 var(--body);color:var(--muted)}
.pop-x{flex:0 0 36px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;font-size:15px}
.pop-body{overflow:auto;padding:6px 26px 26px;font-size:15px;line-height:1.7;color:#3c3a36}
.pop-body h1,.pop-body h2,.pop-body h3{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;line-height:1.2;margin:22px 0 8px}
.pop-body h1{font-size:24px}.pop-body h2{font-size:19px}.pop-body h3{font-size:16px}
.pop-body p,.pop-body ul,.pop-body ol{margin:8px 0}
.pop-body a{color:var(--k)}
.pop-body table{border-collapse:collapse;width:100%;font-size:14px}.pop-body td,.pop-body th{border:1px solid var(--line);padding:6px 8px;text-align:left}
.pop-load{padding:40px 0;text-align:center;color:var(--muted)}
.cc-ln{white-space:nowrap}
.hero h1 .cc-ln{font-size:.92em}
em.hl{font-style:normal}
.about img.ph{height:auto;aspect-ratio:4/5}
.faq details summary .pm,.faq details[open] summary .pm{transform:none!important}

/* =========================================================
   R04 (2026-10-29): mobile fixes, presale, currency switcher, ticker, buy box, popups.
   ========================================================= */
/* hero: both buttons side by side on phones, highlighter lower, logo centred on the text */
@media (max-width:899px){
  .hero .cta [data-buy]{display:inline-flex}
  .hero .cta{display:flex;flex-wrap:nowrap;gap:10px}
  .hero .cta .btn{flex:1 1 auto;min-width:0;padding:0 16px;font-size:15px;min-height:50px}
}
@media (max-width:380px){ .hero .cta .btn{font-size:14px;padding:0 12px} .hero .cta .btn::after{display:none} }
.hero h1 .hl::before{bottom:-.08em;height:.3em}
.cc-tile{vertical-align:middle;position:relative;top:-.06em}
/* very narrow screens (zoomed in): nothing may run past the edge */
@media (max-width:360px){
  .hero h1{font-size:clamp(24px,9vw,32px)}
  .cc,.cc-ln{white-space:normal}
}
html,body{overflow-x:clip}

/* ticker: a calm gradient from left to right, one icon per entry, one case */
.band{background:linear-gradient(90deg,#d58a6e,#d99a7f 50%,#d58a6e);text-shadow:none;padding:13px 0}
.band .track{gap:44px;animation:slide 64s linear infinite}
.band .tk{display:inline-flex;align-items:center;gap:10px;font:600 15px/1 var(--display);letter-spacing:0;text-transform:none;color:#fff;white-space:nowrap}
.band .tk svg{width:18px;height:18px;flex:0 0 18px;opacity:.9}

/* gallery arrows: simple round, half-transparent black */
.gal-arrow{width:46px;height:46px;margin-top:-23px;border-radius:50%;color:#fff;background:rgba(20,20,19,.5);backdrop-filter:blur(6px);box-shadow:none}
.gal-arrow:hover{background:rgba(20,20,19,.7);transform:none}
.gal-arrow:active{transform:scale(.95)}

/* comparison table: cards on phones */
@media (max-width:699px){
  .compare-wrap{margin:0;padding:0;overflow:visible}
  .compare,.compare tbody,.compare tr,.compare th,.compare td{display:block;width:auto;min-width:0}
  .compare thead{display:none}
  .compare tbody tr{margin-bottom:14px;padding:16px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
  .compare tbody th{position:static;padding:0 0 10px;border:0;font:800 17px/1.2 var(--display);color:var(--ink);background:none;width:auto}
  .compare td{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border:0;border-top:1px solid var(--line);font-size:14.5px}
  .compare td::before{content:attr(data-l);flex:0 0 42%;font-weight:600;color:var(--dim)}
  .compare td.us{margin:6px -8px 0;padding:10px 8px;border-radius:12px;border-top:0}
  .compare td.us::before{color:var(--k)}
  .compare tbody tr:last-child .us{border-radius:12px}
}

/* buy box: launch price, green ticks, neutral trust box */
.launch-pill{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:6px 12px;border-radius:999px;background:#141413;color:#F3D9C9;font:700 12px/1 var(--body);letter-spacing:.06em;text-transform:uppercase}
.launch-pill::before{content:"✦";color:#e6b296}
.amount{gap:4px 12px}
.amount .was,.vtotal .v-was{color:#9A948B!important;text-decoration-color:#9A948B!important;text-decoration-thickness:2px!important;font-weight:600}
.amount .was{font-size:28px;order:0}
.amount .now,#v-price{color:#C9372C!important}
.deadline{color:#2F8A57;font-weight:600}
.amount .once{color:#2F8A57;font-weight:600}
.incl li>svg:not(.gift){flex:0 0 20px;width:20px;height:20px;padding:4px;border-radius:50%;background:#2F9E5E;color:#fff;stroke-width:3.2;margin-top:1px}
.guar{background:#fff;box-shadow:inset 0 0 0 1px rgba(20,20,19,.1)}
.guar-ic{background:#EAF6EF;color:#2F8A57}
.guar-top{color:var(--muted)}

/* currency switcher */
.cur-sw{display:inline-flex;padding:3px;border-radius:12px;background:rgba(20,20,19,.06)}
.cur-sw button{border:0;background:none;padding:6px 9px;border-radius:9px;font:600 12.5px/1 var(--body);color:var(--muted);cursor:pointer;white-space:nowrap}
.cur-sw button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,20,19,.12)}
@media (max-width:520px){ .cur-sw button{padding:6px 7px;font-size:12px} .cur-sw button span{display:none} .nav-r .btn-sm{padding:0 12px} }

/* shine: one clock for all, and none behind an open popup */
.pop-open .btn.shine::before{animation:none;display:none}
.pop-open .pop .btn.shine::before{display:block;animation:shineLoop 3s ease-out infinite;animation-delay:var(--shine-delay,0s)}

/* lessons: coming soon */
.soon-stage{position:relative;background:#1B1A19}
.soon-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(14px) saturate(.9) brightness(.8);transform:scale(1.1)}
.soon-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 34px;border-radius:22px;
  background:rgba(255,255,255,.18);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 20px 50px rgba(0,0,0,.25);color:#fff;text-align:center;max-width:80%}
.soon-card b{font:800 clamp(20px,2.6vw,30px)/1.1 var(--display);letter-spacing:-.02em}
.soon-card>span:last-child{font-size:clamp(13px,1.3vw,15px);opacity:.9}
.soon-play{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:6px;background:linear-gradient(180deg,#e6b296,#d0795d);box-shadow:0 10px 26px -6px rgba(192,98,66,.7);animation:soonPulse 2.4s ease-in-out infinite}
.soon-play svg{width:24px;height:24px;margin-left:3px}
@keyframes soonPulse{0%,100%{box-shadow:0 10px 26px -6px rgba(192,98,66,.7),0 0 0 0 rgba(230,178,150,.5)}50%{box-shadow:0 10px 26px -6px rgba(192,98,66,.7),0 0 0 14px rgba(230,178,150,0)}}
@media (max-width:600px){ .soon-card{padding:16px 18px;gap:5px} .soon-play{width:44px;height:44px} }

/* spacing before the final section now that the earn section is gone */
#faq{padding-bottom:clamp(56px,7vw,96px)}
.hero h1 .hl::before{bottom:.1em;height:.34em}
@media (max-width:699px){
  .compare td{display:block;position:relative;padding-left:44%;text-align:right}
  .compare td::before{position:absolute;left:0;top:9px;width:42%;text-align:left}
  .compare td.us{padding-left:calc(44% + 8px)}
  .compare td.us::before{left:8px;top:10px}
  .amount .now{font-size:52px}
  .amount .was{font-size:22px}
}
@media (max-width:360px){ .nav-r .btn-sm{display:none} }
@media (max-width:360px){ .hero .wrap{grid-template-columns:minmax(0,1fr)} .hero h1,.hero .hno{max-width:100%;overflow-wrap:anywhere} .hero h1 .ln{white-space:normal} }
.pop-head small{line-height:1.35}

/* =========================================================
   R05 (2026-10-29): logo, highlighter on the letters, ticker, spacing, carousel, mobile animations.
   ========================================================= */
.brand{display:inline-flex;align-items:center;gap:9px;font:600 21px/1 'Source Serif 4',Georgia,serif;letter-spacing:-.01em;color:var(--ink)}
.brand img{width:30px;height:30px;display:block}
.f-brand{display:inline-flex;align-items:center;gap:7px}
.f-brand img{width:18px;height:18px}

/* highlighter: on the letters, like a marker pen over the word */
.hl::before,.hero h1 .hl::before{top:.36em!important;bottom:.06em!important;height:auto!important}
.hero h1 .hl::before{top:.42em!important;bottom:.08em!important}

/* ticker: bold, centred, filled icons */
.band{display:flex;align-items:center;height:50px;padding:0!important;line-height:1}
.band .track{display:flex;align-items:center;height:100%}
.band .tk{font-weight:800;font-size:15px;line-height:1;gap:9px}
.band .tk svg{width:19px;height:19px;flex:0 0 19px;opacity:1;display:block}

/* buy box: smaller red price; green bonus rows on the left */
.amount .now{font-size:50px}
@media (max-width:699px){ .amount .now{font-size:42px} .amount .was{font-size:20px} }
.vrow.vbonus{background:linear-gradient(135deg,rgba(47,158,94,.12),rgba(47,158,94,.04))!important;box-shadow:inset 0 0 0 1px rgba(47,158,94,.22)!important}

/* spacing */
#price{padding-bottom:clamp(40px,5vw,72px)}
#say{padding-top:clamp(40px,5vw,72px)}
.final{padding-top:clamp(36px,5vw,64px)!important}
.final .credits{margin-bottom:36px}
#faq{padding-bottom:clamp(36px,5vw,64px)}
#about{padding-bottom:clamp(48px,6vw,80px)}

/* why not a free skill: centred */
.whynot{margin-left:auto;margin-right:auto;text-align:center}

/* mobile menu: slides open and closed */
.mnav{display:flex!important;max-height:0;overflow:hidden;opacity:0;padding-top:0;padding-bottom:0;transform:translateY(-6px);
  transition:max-height .42s cubic-bezier(.16,1,.3,1),opacity .25s ease,transform .35s cubic-bezier(.16,1,.3,1),padding .35s;border-top-color:transparent}
.mnav.open{max-height:520px;opacity:1;transform:none;padding-top:6px;padding-bottom:20px;border-top-color:var(--line)}
@media (min-width:700px){.mnav{display:none!important}}

/* gallery: a centred carousel, the middle card big */
.gal{grid-auto-columns:min(56vw,250px);gap:18px;padding:30px calc(50% - min(28vw,125px)) 30px!important;align-items:center}
.gal figure{transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s;transform:scale(calc(.84 + .16 * var(--k,0)));opacity:calc(.55 + .45 * var(--k,0));cursor:pointer}
.gal.dragging figure{transition:none}
.gal figure.on .ph{box-shadow:0 24px 50px rgba(20,20,19,.22)}
.gal-ui{position:absolute;right:10px;top:10px;display:flex;gap:8px;z-index:3}
.gal-ui i{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(20,20,19,.35);backdrop-filter:blur(6px);color:#fff}
.gal-ui svg{width:16px;height:16px}
.gal-arrow{width:52px;height:52px;margin-top:-26px;background:#fff;color:#141413;box-shadow:0 8px 24px rgba(20,20,19,.18);backdrop-filter:none}
.gal-arrow:hover{background:#fff;box-shadow:0 10px 28px rgba(20,20,19,.24)}
.gal-arrow.prev{left:max(12px,calc(50% - min(28vw,125px) - 26px - min(28vw,125px)))}
.gal-arrow.next{right:max(12px,calc(50% - min(28vw,125px) - 26px - min(28vw,125px)))}
.gal-dots button{transition:width .3s,background .3s}

/* sort and brain on phones: a tall frame, as big as the screen allows */
@media (max-width:699px){
  #sort-stage,#brain-stage{aspect-ratio:3/4!important}
  #sort-stage.sa-root{aspect-ratio:3/4!important}
}

/* =========================================================
   R06 (2026-10-29): logo wordmark, currency menu, mobile nav, carousel, prices, spacing, ticker.
   ========================================================= */
.brand{gap:10px;font:800 26px/1 var(--display);letter-spacing:-.04em}
.brand img{width:34px;height:34px}

/* currency: a square button with a menu (desktop); a switch inside the burger menu (phones) */
.cur-dd{position:relative}
.cur-btn{width:42px;height:42px;border-radius:12px;border:0;background:#fff;box-shadow:inset 0 0 0 1px rgba(20,20,19,.12),0 1px 2px rgba(20,20,19,.06);font:700 17px/1 var(--display);color:var(--ink);cursor:pointer;transition:box-shadow .2s,background .2s}
.cur-btn:hover,.cur-btn[aria-expanded="true"]{background:#FBFAF7;box-shadow:inset 0 0 0 1px rgba(20,20,19,.22),0 2px 6px rgba(20,20,19,.08)}
.cur-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:236px;padding:8px;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(20,20,19,.18),inset 0 0 0 1px rgba(20,20,19,.06);
  opacity:0;transform:translateY(-4px) scale(.98);transform-origin:100% 0;transition:opacity .16s ease,transform .2s cubic-bezier(.16,1,.3,1)}
.cur-menu.on{opacity:1;transform:none}
.cur-h{margin:4px 8px 6px;font-size:12px;font-weight:600;color:var(--dim)}
.cur-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:none;cursor:pointer;text-align:left}
.cur-menu button:hover{background:#F5F3EE}
.cur-c{flex:1;display:flex;flex-direction:column;gap:2px}
.cur-c b{font:700 14px/1 var(--display);color:var(--ink)}
.cur-c small{font-size:12px;color:var(--dim)}
.cur-s{font:600 14px/1 var(--display);color:var(--muted);width:16px;text-align:center}
.cur-ok{width:16px;height:16px;color:var(--brand);opacity:0}
.cur-menu button[aria-pressed="true"] .cur-ok{opacity:1}
.cur-f{margin:6px 8px 4px;padding-top:8px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.45;color:var(--dim)}
.nav-r>.cur-sw{display:none}
.mnav-cur{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px;border-bottom:1px solid var(--line);font-size:18px;font-weight:600}
.mnav-cur .cur-sw button{padding:8px 12px;font-size:14px}
@media (max-width:699px){
  .nav-r .cur-dd,.nav-r .btn-sm{display:none!important}
}

/* mobile menu: a visible slide (height, fade and the links one after another) */
.mnav{display:grid!important;grid-template-rows:0fr;max-height:none;opacity:1;transform:none;padding:0 20px;transition:grid-template-rows .5s cubic-bezier(.65,0,.35,1),padding .5s cubic-bezier(.65,0,.35,1)}
.mnav>*{min-height:0}
.mnav-in{overflow:hidden;display:flex;flex-direction:column}
.mnav.open{grid-template-rows:1fr;padding:6px 20px 20px}
.mnav-in>*{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}
.mnav.open .mnav-in>*{opacity:1;transform:none}
.mnav.open .mnav-in>*:nth-child(1){transition-delay:.06s}.mnav.open .mnav-in>*:nth-child(2){transition-delay:.1s}.mnav.open .mnav-in>*:nth-child(3){transition-delay:.14s}
.mnav.open .mnav-in>*:nth-child(4){transition-delay:.18s}.mnav.open .mnav-in>*:nth-child(5){transition-delay:.22s}.mnav.open .mnav-in>*:nth-child(6){transition-delay:.26s}
.mnav.open .mnav-in>*:nth-child(7){transition-delay:.3s}.mnav.open .mnav-in>*:nth-child(8){transition-delay:.34s}
@media (min-width:700px){.mnav{display:none!important}}

/* hero buttons on phones: the row filled completely */
@media (max-width:899px){
  .hero .cta{width:100%}
  .hero .cta .btn[data-buy]{flex:0 0 auto}
  .hero .cta .btn-rose{flex:1 1 0;min-width:0}
}

/* prices: smaller and calmer */
.amount .now{font-size:40px!important;letter-spacing:-.03em}
.amount .was{font-size:18px!important}
.amount .per{font:500 13px/1 var(--body)!important;color:var(--dim)!important;margin-left:2px}
.vtotal #v-price{font-size:24px!important}
.vtotal .per-m{font:500 12px/1 var(--body);color:var(--dim)}
.vtotal .v-was{font-size:15px!important}
@media (max-width:699px){ .amount .now{font-size:34px!important} .amount .was{font-size:16px!important} }

/* spacing around the polaroid section */
.proof{padding-bottom:0}
#start{padding-top:clamp(24px,3vw,40px)!important;padding-bottom:clamp(8px,2vw,24px)!important}
#start .start-grid{margin-top:28px}
#easy{padding-top:clamp(24px,3vw,44px)!important}

/* the "why not" box and its section centred */
#compare .head{text-align:center}
#compare .head h2{margin-left:auto;margin-right:auto}
.whynot{max-width:760px}

/* ticker: halves of exactly one width each, so the loop never jumps */
.band .track{gap:0;padding-left:0;animation-duration:var(--tk-dur,60s)}
.band .tk-set{display:flex;flex:0 0 auto}
.band .tk{margin-right:44px}

/* carousel like the reference: no fading, three sizes */
.gal{grid-auto-columns:min(58vw,260px);gap:22px;padding:34px calc(50% - min(29vw,130px)) 34px!important}
.gal figure{opacity:1!important;transform:scale(var(--s,.79))!important}
.gal figure .ph{box-shadow:0 10px 26px rgba(20,20,19,.12)}
.gal figure.on .ph{box-shadow:0 24px 54px rgba(20,20,19,.24)}
.gal-ui i{width:36px;height:36px}
.gal-ui .gp .pa{display:none}
.gal figure.on .gal-ui .gp .pa{display:block}
.gal figure.on .gal-ui .gp .pl{display:none}
.gal-arrow{width:54px;height:54px;margin-top:-27px}
.gal-arrow.prev{left:max(10px,calc(50% - (min(58vw,260px) + 22px) * 2.3))}
.gal-arrow.next{right:max(10px,calc(50% - (min(58vw,260px) + 22px) * 2.3))}
@media (max-width:699px){ .gal-arrow{width:46px;height:46px;margin-top:-23px} }

/* =========================================================
   R07 (2026-10-29): menu (animated in JS), logo spacing, gallery pager, wiggle hint.
   ========================================================= */
/* the menu: closed = no height; open = its natural height; JS animates between them */
.mnav{display:block!important;grid-template-rows:none;height:0;overflow:hidden;opacity:0;padding:0 20px!important;transition:none!important;transform:none;max-height:none}
.mnav.open{height:auto;opacity:1}
.mnav-in{padding:6px 0 20px;overflow:visible}
.mnav-in>*{opacity:1;transform:none;transition:none!important}
@media (min-width:700px){.mnav{display:none!important}}

.brand{gap:6px}

/* gallery: arrows left and right of the dots */
.gal-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}
.gal-pager .gal-dots{margin-top:0}
.gal-pager .gal-arrow{position:static;margin:0;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#fff;color:#141413;box-shadow:0 4px 14px rgba(20,20,19,.12),inset 0 0 0 1px rgba(20,20,19,.06)}
.gal-pager .gal-arrow svg{width:18px;height:18px}
.gal-pager .gal-arrow:hover{box-shadow:0 6px 18px rgba(20,20,19,.18),inset 0 0 0 1px rgba(20,20,19,.1)}

/* the slider handle while it shows it can be dragged */
.wipe.wiggle .knob{box-shadow:0 0 0 8px rgba(255,255,255,.35),0 6px 20px rgba(0,0,0,.25)}
.wipe .knob{transition:box-shadow .3s}

/* =========================================================
   R08 (2026-10-29): particles, coverflow gallery, FAQ chevrons, compact buy box, spacing, shadows.
   ========================================================= */
.hero-nodes{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero>.wrap{position:relative;z-index:1}

/* gallery in the content width, side cards turned in 3D, shadows not cut */
#gallery .gal-shell{margin:0 -8px}
.gal{grid-auto-columns:min(52vw,236px);gap:16px;padding:40px calc(50% - min(26vw,118px)) 64px!important;margin-bottom:-30px;perspective:1100px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.gal figure{transform:perspective(1100px) rotateY(var(--ry,0deg)) scale(var(--s,.82))!important;transform-style:preserve-3d;position:relative}
.gal figure .ph{box-shadow:0 14px 30px -10px rgba(20,20,19,.28)}
.gal figure.on .ph{box-shadow:0 26px 50px -16px rgba(20,20,19,.38)}
@media (max-width:699px){ .gal{grid-auto-columns:min(62vw,236px);padding:30px calc(50% - min(31vw,118px)) 56px!important} }

/* polaroids: their shadows may reach into the next section */
#start{position:relative;z-index:1}

/* FAQ: a quiet sand chip with a dark chevron, terracotta when open */
.faq summary .pm,.faq details[open] summary .pm,.faq details.opening summary .pm,.faq details.closing summary .pm{width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:#ECE7DE!important;box-shadow:none!important}
.faq summary .pm svg,.faq details.closing summary .pm svg{color:#3A3836!important;transform:none}
.faq details[open] summary .pm,.faq details.opening summary .pm{background:#F4E2D6!important}
.faq details[open] summary .pm svg,.faq details.opening summary .pm svg{color:#B4583A!important;transform:rotate(180deg)}
.faq details.closing summary .pm{background:#ECE7DE!important}
.faq summary:hover .pm{background:#E4DDD2!important}

/* buy box: a compact list */
.incl.compact{gap:9px}
.incl.compact li{font-size:14.5px;line-height:1.35}
.incl.compact li>svg:not(.gift){width:18px;height:18px;flex:0 0 18px;padding:3.5px}

/* no price line under the buttons: less space below them */
.sec-cta{margin-top:32px;gap:0}
.final .cta{margin-bottom:0}
.final{padding-bottom:clamp(48px,6vw,80px)!important}
#easy{padding-bottom:clamp(48px,6vw,88px)!important}
#board{padding-top:clamp(48px,6vw,88px)!important}

/* =========================================================
   R09 (2026-10-29): trust badges, FAQ without tabs, spacing, calmer coverflow.
   ========================================================= */
/* buy box: three trust badges under the button */
.trust-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.trust-badges>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:12px 8px 11px;border-radius:14px;background:#FBFAF7;box-shadow:inset 0 0 0 1px rgba(20,20,19,.08)}
.tb-ic{width:34px;height:34px;margin-bottom:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#EAF6EF;color:#2F8A57}
.tb-ic svg{width:18px;height:18px}
.trust-badges b{font:700 13px/1.2 var(--display);color:var(--ink)}
.trust-badges small{font-size:11.5px;line-height:1.3;color:var(--dim)}
@media (max-width:380px){ .trust-badges small{font-size:11px} .trust-badges>div{padding:10px 6px} }

/* FAQ: one compact list */
.faq .fgroup{display:block}
.faq{max-width:820px;margin-left:auto;margin-right:auto}
.sec-cta-pre{margin-bottom:18px!important}

/* "Talk to it like a friend": less air above and below the pills */
#say{padding-top:clamp(28px,4vw,56px)!important;padding-bottom:clamp(36px,4.5vw,64px)!important}
#say .head{margin-bottom:clamp(20px,3vw,32px)}

/* coverflow: a gentler perspective */
.gal figure{transform:perspective(1800px) rotateY(var(--ry,0deg)) scale(var(--s,.82))!important}
.incl b.nc::after{content:none!important}

/* =========================================================
   R10 (2026-10-29): hero details, logo, mobile hero buttons, spacing, closing section, studio 3:4.
   ========================================================= */
/* "5 minutes" in the headline colour, so the highlighter carries the accent */
.hero h1 em.k{color:var(--ink)}
.wipe-meta{justify-content:center;text-align:center}

@media (max-width:899px){
  /* "No CapCut. No prompts. No experience." on one line, centred */
  .hero .hno{flex-wrap:nowrap;justify-content:center;gap:0 12px;font-size:clamp(12px,3.7vw,16px);white-space:nowrap;width:100%}
  .hero .hno span{gap:6px}
  .hero .hno span::before{width:6px;height:6px}
  /* both hero buttons exactly half the row */
  .hero .cta{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
  .hero .cta .btn,.hero .cta .btn[data-buy],.hero .cta .btn-rose{width:100%;min-width:0;flex:none;padding:0 10px;font-size:14.5px;gap:6px;white-space:nowrap}
}
@media (max-width:400px){ .hero .cta .btn{font-size:14px} .hero .cta .btn::after{display:none} }

@media (max-width:699px){
  /* more room between the second polaroid and the "Download one file" card */
  #start{padding-bottom:44px!important}
  /* the closing section flows into the footer without a band */
  .final.paint{background:var(--bg)!important}
  .final.paint .wrap::before{display:none}
  /* the studio animation in a tall frame, like the others */
  #studio-stage{aspect-ratio:3/4!important}
}
@media (max-width:699px){ footer{border-top:0!important} }
@media (max-width:360px){ .gal-pager{gap:8px} .gal-dots{gap:5px} .gal-pager .gal-arrow{width:36px;height:36px;flex-basis:36px} }
/* the style brain and the sorting share one background: one section gap between them, not two */
#brain{padding-bottom:clamp(36px,4vw,56px)!important}
#sort{padding-top:clamp(36px,4vw,56px)!important}

/* =========================================================
   R11 (2026-10-29): the checkout inside the buy box, payment icons.
   ========================================================= */
.co{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.co [hidden]{display:none!important}
.co label.ok{display:flex;gap:10px;align-items:flex-start;margin:2px 0;font-size:13px;line-height:1.45;color:var(--muted);cursor:pointer}
.co label.ok input{flex:0 0 17px;margin-top:1px;width:17px;height:17px;accent-color:var(--brand)}
.co label.ok a,.co-alt a{color:var(--k);font-weight:600}
.co .btn{width:100%}
.co .msg{margin:0;font-size:14px;line-height:1.5;color:#B4412A}
.co .msg:empty{display:none}
.co .msg a{color:inherit;font-weight:600}
.co-alt{margin:0;text-align:center;font-size:13.5px;color:var(--muted)}
.pay-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px}
.pay-icons svg{display:block;width:40px;height:26px}

/* =========================================================
   R12 (2026-10-29): billing periods as quantity breaks, the guest payment form, the purchase box.
   ========================================================= */
.buy-billed{margin-top:2px;font-size:13.5px;color:var(--muted)}
.qb-h{margin:0 0 10px;font:700 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.qb{display:grid;gap:12px}
.qb-opt{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:15px 16px;border:0;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(20,20,19,.13);text-align:left;font:inherit;color:var(--ink);cursor:pointer;transition:box-shadow .2s,background .2s,transform .15s}
.qb-opt:hover{box-shadow:inset 0 0 0 1.5px rgba(208,121,93,.6)}
.qb-opt:active{transform:scale(.99)}
.qb-opt:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.qb-opt.on{background:linear-gradient(180deg,#FFF8F3,#FCEEE5);box-shadow:inset 0 0 0 2px var(--brand),0 8px 22px rgba(168,85,58,.14)}
.qb-dot{flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #CFC6BC;transition:box-shadow .2s}
.qb-opt.on .qb-dot{box-shadow:inset 0 0 0 6px var(--brand)}
.qb-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.qb-l b{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font:700 16px/1.2 var(--display)}
.qb-l small{font-size:12.5px;line-height:1.3;color:var(--muted)}
.qb-save{display:inline-flex;padding:4px 8px;border-radius:999px;background:#2F9E5E;color:#fff;font:700 11px/1 var(--body);font-style:normal;letter-spacing:.02em}
.qb-r{display:flex;flex-direction:column;align-items:flex-end;gap:1px;text-align:right;white-space:nowrap}
.qb-r s{font-size:12.5px;color:#9A948B;text-decoration-thickness:1.5px}
.qb-r b{font:800 20px/1.05 var(--display);color:var(--ink)}
.qb-opt.on .qb-r b{color:#C9372C}
.qb-r small{font-size:11.5px;color:var(--muted)}
.qb-ribbon{position:absolute;top:-9px;right:14px;padding:4px 10px;border-radius:999px;background:#141413;color:#F3D9C9;font:700 10.5px/1 var(--body);letter-spacing:.07em;text-transform:uppercase;box-shadow:0 4px 10px rgba(20,20,19,.18)}
.qb-opt[data-plan="starter_year"] .qb-ribbon{background:linear-gradient(180deg,#e6b296,#d0795d);color:#2A170E}
.co-notes{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--dim)}
.co label.co-ok{margin-top:12px;font-size:12.5px}
.co > .msg{margin-top:10px}
.co-has{margin-top:10px}
@media (max-width:420px){ .qb-opt{padding:14px 12px;gap:10px} .qb-r b{font-size:18px} .qb-l b{font-size:15px} }

/* =========================================================
   R13 (2026-10-29): the new logo (pixel clapper + Young Serif wordmark), the checkout button.
   ========================================================= */
.brand{gap:0}
.brand .brand-logo{display:block;height:30px;width:auto;flex:none}
.brand svg.brand-logo{width:auto;flex:none}
@media (max-width:520px){ .brand .brand-logo{height:26px} }
.foot-brand{margin-right:auto;color:var(--ink);min-height:0}
.foot-brand .brand-logo{height:22px}
#co-go{width:100%;margin-top:14px}
.co label.co-ok.need{animation:coNeed .45s cubic-bezier(.36,.07,.19,.97) both;border-radius:10px;box-shadow:0 0 0 2px rgba(201,55,44,.35)}
@keyframes coNeed{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}