@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/funnel-assets/fonts/dm-sans-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/funnel-assets/fonts/dm-sans-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: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/funnel-assets/fonts/dm-sans-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/funnel-assets/fonts/dm-sans-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: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/funnel-assets/fonts/dm-sans-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/funnel-assets/fonts/dm-sans-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: 'Hind Siliguri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/funnel-assets/fonts/hind-siliguri-400-bengali.woff2) format('woff2');
  unicode-range: U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1;
}
@font-face {
  font-family: 'Hind Siliguri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/funnel-assets/fonts/hind-siliguri-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Hind Siliguri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/funnel-assets/fonts/hind-siliguri-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: 'Hind Siliguri';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/funnel-assets/fonts/hind-siliguri-500-bengali.woff2) format('woff2');
  unicode-range: U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1;
}
@font-face {
  font-family: 'Hind Siliguri';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/funnel-assets/fonts/hind-siliguri-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Hind Siliguri';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/funnel-assets/fonts/hind-siliguri-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: 'Hind Siliguri';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/funnel-assets/fonts/hind-siliguri-600-bengali.woff2) format('woff2');
  unicode-range: U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1;
}
@font-face {
  font-family: 'Hind Siliguri';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/funnel-assets/fonts/hind-siliguri-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Hind Siliguri';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/funnel-assets/fonts/hind-siliguri-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: 'Hind Siliguri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/funnel-assets/fonts/hind-siliguri-700-bengali.woff2) format('woff2');
  unicode-range: U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1;
}
@font-face {
  font-family: 'Hind Siliguri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/funnel-assets/fonts/hind-siliguri-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Hind Siliguri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/funnel-assets/fonts/hind-siliguri-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;
}
/* MemBrain funnel — design tokens
   Source of truth: screens/ref-spec.html. Values below match the screen HTML exactly. */

:root {
  /* Brand */
  --mb-navy: #232A3A;        /* text, next buttons, progress done · 13.4:1 on ground */
  --mb-periwinkle: #5B6DB8;  /* final CTA, progress current · white text 4.86:1 */
  --mb-blue-deep: #3E4A8F;   /* links, step labels, back chevron · 7.6:1 */
  --mb-muted: #545B6E;       /* captions, counter · 6.3:1 on ground */
  --mb-body: #3A4152;        /* secondary body text */
  --mb-lavender: #A5A7D6;    /* decoration only */
  --mb-lavender-tint: #E4E7F6;
  --mb-lavender-line: #C9CDEA;
  --mb-peach: #FFB08A;       /* callouts, Starter tag · navy text only */
  --mb-peach-tint: #FFE3D3;  /* time-jump chip, list chips */
  --mb-peach-soft: #FFF1E8;
  --mb-rust: #A84E25;        /* icons/labels on peach tint · 4.5:1 */
  --mb-cream: #F6E9DB;       /* monthly row, avatar discs */
  --mb-ground: #FBF7F2;      /* page background */
  --mb-line: #EAE1D6;        /* card borders */
  --mb-line-soft: #EFE6DA;   /* bottom-bar border */
  --mb-progress-rest: #E6DDD2;
  --mb-gradient: linear-gradient(90deg, #FFB08A, #5B6DB8);

  /* Telegram look (current light theme, no Telegram artwork) */
  --tg-blue: #1A73C7;        /* back chevron, Start, send, in-bubble icons · 4.9:1 on white */
  --tg-out: #EFFDDE;         /* outgoing bubble */
  --tg-out-meta: #337A2C;    /* outgoing time + double tick · 5.0:1 */
  --tg-in: #FFFFFF;          /* incoming bubble */
  --tg-in-meta: #62727F;     /* incoming time · 5.0:1 */
  --tg-voice: #4FAE4E;       /* voice play button + waveform */
  --tg-pill: rgba(0, 0, 0, 0.5);        /* date pills, white text */
  --tg-inline-btn: rgba(0, 0, 0, 0.55); /* inline keyboard button, white text 5.5:1 */
  --tg-inline-btn-done: rgba(0, 0, 0, 0.45);
  --tg-line: #E1E4E8;
  --tg-field-border: #DADDE1;
  --tg-tile: #F1F4F7;        /* in-bubble info tile */
  --tg-wall-color: #DCE8F0;
  --tg-wall-image: radial-gradient(rgba(255, 255, 255, 0.6) 1.3px, transparent 1.9px),
                   linear-gradient(160deg, #D3E4ED 0%, #E3ECF2 55%, #D8E6EE 100%);
  --tg-wall-size: 22px 22px, 100% 100%;

  /* Type */
  --font-bn: 'Hind Siliguri', 'DM Sans', system-ui, sans-serif;
  --font-latin: 'DM Sans', sans-serif;
  --fs-h1: clamp(28px, 1.6vw + 22px, 40px);     /* step titles, lh 1.3 */
  --fs-intro: clamp(30px, 1.8vw + 22px, 44px);  /* step 1 headline, lh 1.3 */
  --fs-body: clamp(18px, 0.3vw + 17px, 20px);   /* lh 1.6 */
  --fs-step: 19px;                               /* mini-step titles, lh 1.4 */
  --fs-bubble: 17px;                             /* lh 1.5 */
  --fs-small: 16px;                              /* lh 1.55 */
  --fs-label: 15px;
  --fs-caption: 14px;
  --fs-meta: 12px;                               /* bubble timestamps */
  --fs-button: 18px;
  --fs-cta: 19px;

  /* Space, radius, size */
  --gutter: clamp(20px, 4vw, 48px);
  --container: 1040px;
  --r-button: 14px;
  --r-card: 18px;
  --r-card-lg: 20px;
  --r-chat: 24px;
  --r-lockscreen: 28px;
  --r-bubble: 17px;
  --r-bubble-tail: 5px;
  --r-pill: 12px;
  --h-button: 56px;
  --h-inline-btn: 46px;
  --h-target: 44px;
  --progress-h: 6px;
  --shadow-cta: 0 8px 24px rgba(91, 109, 184, 0.28);
  --shadow-chat: 0 12px 36px rgba(35, 42, 58, 0.14);
  --shadow-bubble: 0 1px 1px rgba(0, 0, 0, 0.08);

  /* Motion */
  --t-fast: 150ms ease;
  --t-chevron: 200ms ease;

  /* Breakpoint (use in media queries): 900px → two-column chat steps, 3-up examples, 2-up price */
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0s; --t-chevron: 0s; }
}


body{margin:0;background:var(--mb-ground);color:var(--mb-navy);font-family:'Hind Siliguri','DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
img{display:block;max-width:100%}
a{color:var(--mb-blue-deep)}a:hover{color:var(--mb-navy)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;border:0;transition:filter .15s ease,transform .1s ease}
.btn:hover{filter:brightness(.92)}.btn.next:hover{filter:brightness(1.28)}.btn:active{filter:brightness(.82);transform:translateY(1px)}
.btn:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mb-navy);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}


body{margin:0;background:var(--mb-ground);color:var(--mb-navy);font-family:'Hind Siliguri','DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
img{display:block;max-width:100%}
a{color:var(--mb-blue-deep)}a:hover{color:var(--mb-navy)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;border:0;transition:filter .15s ease,transform .1s ease}
.btn:hover{filter:brightness(.92)}.btn.next:hover{filter:brightness(1.28)}.btn:active{filter:brightness(.82);transform:translateY(1px)}
.btn:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mb-navy);outline-offset:3px}
.tg-wall{background-color:var(--tg-wall-color);background-image:radial-gradient(rgba(255,255,255,.6) 1.3px,transparent 1.9px),linear-gradient(160deg,#D3E4ED 0%,#E3ECF2 55%,#D8E6EE 100%);background-size:22px 22px,100% 100%}
.bub{position:relative;max-width:85%;padding:8px 12px 5px;border-radius:17px;font-size:17px;line-height:1.5;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.bub.in{background:#fff;border-bottom-left-radius:5px;align-self:flex-start}
.bub.out{background:var(--tg-out);border-bottom-right-radius:5px;align-self:flex-end}
.bub.in::after{content:"";position:absolute;left:-7px;bottom:0;border-style:solid;border-width:0 0 12px 8px;border-color:transparent transparent #fff transparent}
.bub.out::after{content:"";position:absolute;right:-7px;bottom:0;border-style:solid;border-width:0 8px 12px 0;border-color:transparent transparent var(--tg-out) transparent}
.pill{align-self:center;background:rgba(0,0,0,.5);color:#fff;font-size:13px;font-weight:600;padding:4px 11px;border-radius:12px}
input::placeholder{color:var(--tg-in-meta)}
.step-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center}
@media (min-width:900px){.step-grid.two{grid-template-columns:minmax(0,1fr) 440px;gap:64px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}


body{margin:0;background:var(--mb-ground);color:var(--mb-navy);font-family:'Hind Siliguri','DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
img{display:block;max-width:100%}
a{color:var(--mb-blue-deep)}a:hover{color:var(--mb-navy)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;border:0;transition:filter .15s ease,transform .1s ease}
.btn:hover{filter:brightness(.92)}.btn.next:hover{filter:brightness(1.28)}.btn:active{filter:brightness(.82);transform:translateY(1px)}
.btn:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mb-navy);outline-offset:3px}
.tg-wall{background-color:var(--tg-wall-color);background-image:radial-gradient(rgba(255,255,255,.6) 1.3px,transparent 1.9px),linear-gradient(160deg,#D3E4ED 0%,#E3ECF2 55%,#D8E6EE 100%);background-size:22px 22px,100% 100%}
.bub{position:relative;max-width:85%;padding:8px 12px 5px;border-radius:17px;font-size:17px;line-height:1.5;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.bub.in{background:#fff;border-bottom-left-radius:5px;align-self:flex-start}
.bub.in::after{content:"";position:absolute;left:-7px;bottom:0;border-style:solid;border-width:0 0 12px 8px;border-color:transparent transparent #fff transparent}
.pill{align-self:center;background:rgba(0,0,0,.5);color:#fff;font-size:13px;font-weight:600;padding:4px 11px;border-radius:12px}
.step-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center}
@media (min-width:900px){.step-grid.two{grid-template-columns:minmax(0,1fr) 440px;gap:64px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}


body{margin:0;background:var(--mb-ground);color:var(--mb-navy);font-family:'Hind Siliguri','DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
img{display:block;max-width:100%}
a{color:var(--mb-blue-deep)}a:hover{color:var(--mb-navy)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;border:0;transition:filter .15s ease,transform .1s ease}
.btn:hover{filter:brightness(.92)}.btn.next:hover{filter:brightness(1.28)}.btn:active{filter:brightness(.82);transform:translateY(1px)}
.btn:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mb-navy);outline-offset:3px}
.tg-wall{background-color:var(--tg-wall-color);background-image:radial-gradient(rgba(255,255,255,.6) 1.3px,transparent 1.9px),linear-gradient(160deg,#D3E4ED 0%,#E3ECF2 55%,#D8E6EE 100%);background-size:22px 22px,100% 100%}
.bub{position:relative;max-width:88%;padding:8px 12px 5px;border-radius:17px;font-size:17px;line-height:1.5;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.bub.in{background:#fff;border-bottom-left-radius:5px;align-self:flex-start}
.bub.out{background:var(--tg-out);border-bottom-right-radius:5px;align-self:flex-end}
.bub.in::after{content:"";position:absolute;left:-7px;bottom:0;border-style:solid;border-width:0 0 12px 8px;border-color:transparent transparent #fff transparent}
.bub.out::after{content:"";position:absolute;right:-7px;bottom:0;border-style:solid;border-width:0 8px 12px 0;border-color:transparent transparent var(--tg-out) transparent}
.cards-3{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:900px){.cards-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}


body{margin:0;background:var(--mb-ground);color:var(--mb-navy);font-family:'Hind Siliguri','DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
img{display:block;max-width:100%}
a{color:var(--mb-blue-deep)}a:hover{color:var(--mb-navy)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;border:0;transition:filter .15s ease,transform .1s ease}
.btn:hover{filter:brightness(.92)}.btn.next:hover{filter:brightness(1.28)}.btn:active{filter:brightness(.82);transform:translateY(1px)}
.btn:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mb-navy);outline-offset:3px}
.price-2{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
@media (min-width:900px){.price-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}


html{scroll-behavior:smooth}
body{margin:0;background:var(--mb-ground);color:var(--mb-navy);font-family:'Hind Siliguri','DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
img{display:block;max-width:100%}
a{color:var(--mb-blue-deep)}a:hover{color:var(--mb-navy)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;border:0;transition:filter .15s ease,transform .1s ease}
.btn:hover{filter:brightness(.92)}.btn:active{filter:brightness(.82);transform:translateY(1px)}
.btn:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mb-navy);outline-offset:3px}
details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}
.chev{transition:transform .2s ease}details[open] .chev{transform:rotate(180deg)}
details[open]>summary .q{color:var(--mb-blue-deep)}
.tg-wall{background-color:var(--tg-wall-color);background-image:radial-gradient(rgba(255,255,255,.6) 1.3px,transparent 1.9px),linear-gradient(160deg,#D3E4ED 0%,#E3ECF2 55%,#D8E6EE 100%);background-size:22px 22px,100% 100%}
.steps-3{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:900px){.steps-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}





.funnel-shell{min-height:100svh;display:flex;flex-direction:column;font-size:18px;line-height:1.6}
body[data-funnel-ready="true"]{overflow-x:hidden}
.funnel-top{width:100%;max-width:1040px;margin:0 auto;padding:10px clamp(20px,4vw,48px) 0;display:flex;flex-direction:column;gap:10px}
.funnel-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.funnel-brand{display:inline-flex;align-items:center;gap:8px}
.funnel-brand img{object-fit:contain}.funnel-brand .symbol{width:30px;height:27px}.funnel-brand .wordmark{width:auto;height:15px}
.funnel-back{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;margin-left:-12px;border-radius:12px;color:var(--mb-blue-deep)}
.funnel-counter{font-size:14px;font-weight:700;color:var(--mb-muted);white-space:nowrap}
.funnel-progress{display:flex;gap:5px}.funnel-progress span{flex:1;height:6px;border-radius:3px;background:var(--mb-progress-rest)}.funnel-progress .done{background:var(--mb-navy)}.funnel-progress .current{background:var(--mb-periwinkle)}
.funnel-bottom{position:sticky;bottom:0;background:rgba(251,247,242,.97);border-top:1px solid var(--mb-line-soft);padding:12px clamp(20px,4vw,48px) calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2}
.funnel-bottom .btn{display:flex;width:100%;max-width:420px;min-height:56px;border-radius:14px;background:var(--mb-navy);color:#fff;font-size:18px;font-weight:600;padding:10px 22px;text-align:center}
.funnel-bottom .telegram{background:var(--mb-periwinkle);font-size:19px;box-shadow:0 8px 24px rgba(91,109,184,.28)}
.funnel-subline{font-size:14px;color:var(--mb-muted);text-align:center}
.funnel-offer{margin:2px 0 0;max-width:420px;line-height:1.5}
.funnel-handoff{margin:2px 0 0;max-width:420px;line-height:1.5}
.funnel-help{width:100%;max-width:620px;margin:0 auto;padding:8px clamp(20px,4vw,48px) 16px;font-size:16px;line-height:1.6}
.funnel-help h2{margin:0 0 8px;font-size:18px;font-weight:600}
.funnel-help details{border-top:1px solid var(--mb-line)}
.funnel-help summary{padding:10px 0;min-height:44px;cursor:pointer;font-weight:600}
.funnel-help details p{margin:0 0 12px;color:var(--mb-body)}
.funnel-explore{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:6px 12px;font-size:16px;text-align:center;text-decoration:none}
button:disabled{cursor:default}
main{min-width:0}figure{min-width:0}
@media(max-width:380px){.funnel-brand{gap:4px}.funnel-brand .wordmark{height:14px}.funnel-bottom .telegram{font-size:18px;padding-inline:12px}}
.funnel-start{flex:1;width:100%;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:24px clamp(20px,4vw,48px) 12px;text-align:center;background:radial-gradient(55% 40% at 100% 0%,rgba(255,176,138,.24),transparent 70%),radial-gradient(45% 40% at 0% 100%,rgba(165,167,214,.2),transparent 70%)}
.funnel-start-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;max-width:600px;padding:20px 0}
.funnel-start-symbol{width:84px;height:74px;object-fit:contain}
.funnel-start h1{margin:4px 0 0;font-size:clamp(32px,2vw + 24px,46px);font-weight:700;line-height:1.3;text-wrap:balance}
.funnel-start-body{margin:0;font-size:clamp(18px,.3vw + 17px,20px);line-height:1.65;color:var(--mb-body);max-width:450px;text-wrap:pretty}
.funnel-free-note{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 0;padding:8px 16px;border-radius:999px;background:#E4E7F6;color:var(--mb-blue-deep);font-size:17px;font-weight:600}
.funnel-start-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;margin-top:16px;font-size:14px}
.funnel-start-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.capability-layout{flex:1;width:100%;max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;align-items:center;gap:16px;padding:16px clamp(20px,4vw,48px)}
.capability-intro{display:flex;flex-direction:column;gap:8px;min-width:0}
.capability-label{font-size:15px;font-weight:600;color:var(--mb-blue-deep)}
.capability-intro h1{margin:0;font-size:clamp(28px,1.6vw + 22px,42px);line-height:1.3;font-weight:700;text-wrap:balance}
.capability-intro>p{margin:0;font-size:18px;line-height:1.6;color:var(--mb-body);text-wrap:pretty}
.capability-figure{margin:0;min-width:0;width:100%;max-width:480px;justify-self:center;display:flex;flex-direction:column;gap:10px}
.capability-demo{border:1px solid #E1E4E8;border-radius:22px;overflow:hidden;box-shadow:0 14px 36px rgba(35,42,58,.08)}
.capability-chat-header{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 16px;border-bottom:1px solid #E1E4E8}
.capability-chat-header img{width:34px;height:30px;object-fit:contain}
.capability-chat-header>span{display:flex;flex-direction:column;line-height:1.25}
.capability-chat-header strong{font-family:'DM Sans',sans-serif;font-size:16px;font-weight:700}
.capability-chat-header small{font-size:12px;color:#62727F}
.capability-chat{display:flex;flex-direction:column;gap:10px;padding:12px 14px}
.capability-chat .bub{max-width:92%;padding:10px 12px;font-size:16px;line-height:1.5}
.capability-chat p{margin:0}
.saved-list{width:min(88%,280px)}.saved-list>strong{font-weight:600}
.saved-list ul{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0;margin:10px 0 0}
.saved-list li{display:flex;align-items:center;gap:10px}.list-marker{width:17px;height:17px;border:1.5px solid #B1BCE4;border-radius:5px;flex:none}
.capability-figure figcaption{font-size:14px;line-height:1.5;color:var(--mb-muted)}
.photo-request{width:min(92%,300px)}
.sample-photo{padding:10px;background:linear-gradient(135deg,#DCC8B5,#B5C6D8);border-radius:12px;margin-bottom:8px;overflow:hidden}
.sample-note{display:flex;flex-direction:column;gap:4px;padding:10px;background:#FFFDF8;border-radius:3px;transform:rotate(-2deg);box-shadow:0 5px 12px rgba(35,42,58,.16);color:var(--mb-navy);font-size:14px;line-height:1.45}
.sample-note-label{font-size:12px;color:var(--mb-blue-deep);border-bottom:1px solid #E1E4E8;padding-bottom:3px}
.sample-note strong{font-size:19px;font-weight:600}.sample-note-place{color:var(--mb-muted)}
.photo-result{width:min(92%,300px)}.photo-result small{display:block;color:var(--mb-muted);font-size:13px;margin-bottom:6px}
.example-copy{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #CFD5EC;border-radius:12px;background:#E4E7F6;color:var(--mb-blue-deep);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.example-copy:hover{background:#DADEF1}
.photo-example-copy{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 10px;border-radius:12px;background:#EEF1F6}
.photo-example-number{margin:0;font-family:'DM Sans',sans-serif;font-size:20px;font-weight:600;color:var(--mb-navy)}
.photo-example-copy .example-copy{align-self:center;min-height:44px;padding:6px 10px;font-size:14px}
/* 20% wider than the previous 360px / 230px frames; always fit the viewport. */
.funnel-video-figure{max-width:432px}
.funnel-video{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#DCE8EE;border-radius:22px;box-shadow:0 14px 36px rgba(35,42,58,.1)}
.video-play[hidden],.video-error[hidden]{display:none}
.video-error{margin:0;font-size:14px;line-height:1.5;color:var(--mb-muted)}
@media(max-width:899px) and (max-height:740px){.funnel-video-figure{max-width:276px}.funnel-video-layout{gap:12px}.funnel-video-layout .capability-intro h1{font-size:26px}.funnel-video-layout .capability-intro>p{font-size:17px}}
.chat-example-divider{display:flex;justify-content:center;margin:2px 0}.chat-example-divider span{padding:3px 10px;background:rgba(255,255,255,.65);border-radius:999px;color:#586E7E;font-size:12px}
@media(min-width:900px){.capability-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding-block:32px}.capability-intro>p{font-size:20px}.capability-chat .bub{font-size:17px}}