PageSourceSearch

https://orynote.com/es/

html orynote.com collected 2026-09-24 14:49:25 UTC 156,619 bytes, 2,296 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3<head>
4  <meta charset="UTF-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6  <meta name="description" content="Transcribe reuniones de Zoom, Google Meet, Teams, llamadas, entrevistas e investigación con resúmenes IA, hablantes, enlaces y exportaciones." />
7  <meta name="robots" content="index,follow,max-image-preview:large" />
8  <link rel="canonical" href="https://orynote.com/es/" />
9  <link rel="alternate" hreflang="en" href="https://orynote.com/" />
10  <link rel="alternate" hreflang="de" href="https://orynote.com/de/" />
11  <link rel="alternate" hreflang="es" href="https://orynote.com/es/" />
12  <link rel="alternate" hreflang="fr" href="https://orynote.com/fr/" />
13  <link rel="alternate" hreflang="it" href="https://orynote.com/it/" />
14  <link rel="alternate" hreflang="nl" href="https://orynote.com/nl/" />
15  <link rel="alternate" hreflang="sv" href="https://orynote.com/sv/" />
16  <link rel="alternate" hreflang="da" href="https://orynote.com/da/" />
17  <link rel="alternate" hreflang="no" href="https://orynote.com/no/" />
18  <link rel="alternate" hreflang="x-default" href="https://orynote.com/" />
19  <meta property="og:type" content="website" />
20  <meta property="og:title" content="Transcripción de reuniones con IA para Zoom, Google Meet y Teams" />
21  <meta property="og:description" content="Transcribe reuniones de Zoom, Google Meet, Teams, llamadas, entrevistas e investigación con resúmenes IA, hablantes, enlaces y exportaciones." />
22  <meta property="og:url" content="https://orynote.com/es/" />
23  <meta property="og:image" content="https://orynote.com/ory.png?v=20260608b" />
24  <meta property="og:locale" content="es_ES" />
25  <meta name="twitter:card" content="summary_large_image" />
26  <meta name="twitter:title" content="Transcripción de reuniones con IA para Zoom, Google Meet y Teams" />
27  <meta name="twitter:description" content="Transcribe reuniones de Zoom, Google Meet, Teams, llamadas, entrevistas e investigación con resúmenes IA, hablantes, enlaces y exportaciones." />
28  <meta name="twitter:image" content="https://orynote.com/ory.png?v=20260608b" />
29  <link rel="icon" href="/favicon.ico?v=20260608a" type="image/x-icon" sizes="any" />
30  <link rel="shortcut icon" href="/favicon.ico?v=20260608a" type="image/x-icon" />
31  <link rel="apple-touch-icon" href="/apple-touch-icon.png?v=20260608a" />
32  
32<script>
33    (function () {
34      var hash = window.location.hash || '';
35      if (!hash || window.location.pathname.replace(/\/+$/, '/') === '/auth/callback/') return;
36      if (!/(^#|&)access_token=|(^#|&)error=|(^#|&)error_description=/.test(hash)) return;
37      window.location.replace('/auth/callback/' + (window.location.search || '') + hash);
38    })();
39  </script>
39
40  <link rel="preload" href="/fonts/manrope-v20-latin-variable.woff2?v=20260429a" as="font" type="font/woff2" crossorigin>
41  
41<script src="/google-ads.js?v=20260504h" defer></script>
41
42  <title>Transcripción de reuniones con IA para Zoom, Google Meet y Teams</title>
43  <style>
44
45    @font-face {
46      font-family: "Manrope";
47      font-style: normal;
48      font-weight: 200 800;
49      font-display: swap;
50      src: url("/fonts/manrope-v20-cyrillic-ext-variable.woff2?v=20260429a") format("woff2");
51      unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
52    }
53    @font-face {
54      font-family: "Manrope";
55      font-style: normal;
56      font-weight: 200 800;
57      font-display: swap;
58      src: url("/fonts/manrope-v20-cyrillic-variable.woff2?v=20260429a") format("woff2");
59      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
60    }
61    @font-face {
62      font-family: "Manrope";
63      font-style: normal;
64      font-weight: 200 800;
65      font-display: swap;
66      src: url("/fonts/manrope-v20-greek-variable.woff2?v=20260429a") format("woff2");
67      unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
68    }
69    @font-face {
70      font-family: "Manrope";
71      font-style: normal;
72      font-weight: 200 800;
73      font-display: swap;
74      src: url("/fonts/manrope-v20-vietnamese-variable.woff2?v=20260429a") format("woff2");
75      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
76    }
77    @font-face {
78      font-family: "Manrope";
79      font-style: normal;
80      font-weight: 200 800;
81      font-display: swap;
82      src: url("/fonts/manrope-v20-latin-ext-variable.woff2?v=20260429a") format("woff2");
83      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;
84    }
85    @font-face {
86      font-family: "Manrope";
87      font-style: normal;
88      font-weight: 200 800;
89      font-display: swap;
90      src: url("/fonts/manrope-v20-latin-variable.woff2?v=20260429a") format("woff2");
91      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;
92    }
93    :root {
94      --blue: #2563eb; --blue-dark: #1d4fd6; --purple: #7c3aed;
95      --ink: #0A0A0B; --ink-soft: #1f2937; --muted: #647084; --muted-light: #8a94a6;
96      --line: #e6eaf2; --bg: #FBFAF8; --bg-card: #ffffff;
97      --shadow-card: 0 2px 8px rgba(15, 23, 42, .04);
98      --shadow-feature: 0 8px 32px rgba(15, 23, 42, .06);
99      --shadow-hero: 0 24px 70px rgba(30, 41, 59, .10);
100      --page-max: 1440px;
101      --page-gutter: 28px;
102    }
103    * { box-sizing: border-box; }
104    body { margin: 0; font-family: "Manrope", system-ui, sans-serif; color: var(--ink); background: var(--bg); -webkit-font-smoothing: antialiased; }
105    a { color: inherit; text-decoration: none; }
106    .container { width: min(100%, var(--page-max)); margin: 0 auto; padding: 0 var(--page-gutter); }
107    .section-eyebrow { display: block; font-size: 12.5px; font-weight: 800; color: var(--blue); letter-spacing: .12em; text-transform: uppercase; margin-bottom: 14px; }
108    .section-title { font-size: clamp(32px, 3.5vw, 44px); font-weight: 800; line-height: 1.08; letter-spacing: -.035em; margin: 0 0 16px; max-width: 700px; }
109    .section-subtitle { font-size: 17px; line-height: 1.55; color: var(--muted); max-width: 580px; margin: 0 0 48px; font-weight: 500; }
110    .btn { height: 50px; border-radius: 12px; border: 0; cursor: pointer; font-family: inherit; font-size: 15px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 22px; text-decoration: none; white-space: nowrap; transition: transform .15s, box-shadow .15s, background .15s; }
111    .btn-primary { color: #fff; background: linear-gradient(90deg, var(--blue), #3458f5); box-shadow: none; }
112	    .btn-primary:hover { transform: translateY(-1px); box-shadow: none; }
113	    .btn-secondary { color: var(--ink-soft); background: rgba(255, 255, 255, .95); border: 1px solid #dce3ef; }
114	    .btn-secondary:hover { background: #fff; border-color: #c9d2e0; transform: translateY(-1px); }
115
116	    /* NAV */
117	    .marketing-nav { position: sticky; top: 0; z-index: 100; padding: 14px 0; background: rgba(251, 250, 248, .82); border-bottom: 1px solid rgba(230, 234, 242, .72); backdrop-filter: blur(18px); }
118		    .nav-inner { width: min(100%, var(--page-max)); margin: 0 auto; padding: 0 var(--page-gutter); display: flex; align-items: center; justify-content: space-between; gap: 24px; }
119	    .nav-logo { display: inline-flex; align-items: center; gap: 9px; min-width: 0; text-decoration: none; }
120	    .nav-logo img { width: 32px; height: 34px; object-fit: contain; }
121	    .nav-logo-dark { display: none; }
122	    .nav-logo-copy { display: flex; flex-direction: column; line-height: 1.08; }
123	    .nav-logo-text { color: var(--ink); font-size: 15px; font-weight: 800; letter-spacing: -.02em; }
124	    .nav-logo-subtext { color: var(--muted); font-size: 11px; font-weight: 700; letter-spacing: -.01em; }
125	    .nav-links { display: flex; align-items: center; justify-content: center; gap: 4px; }
126    .nav-links .nav-dropdown { display: none; }
127    #how-it-works { scroll-margin-top: 96px; }
128	    .nav-link { display: inline-flex; align-items: center; gap: 6px; padding: 9px 12px; border-radius: 999px; color: #4b5870; font-size: 13.5px; font-weight: 750; text-decoration: none; transition: background .16s ease, color .16s ease; }
129	    .nav-link:hover, .nav-link:focus-visible { color: var(--ink); background: rgba(37, 99, 235, .07); outline: none; }
130	    .nav-dropdown { position: relative; display: inline-flex; }
131	    .nav-dropdown::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 12px; }
132	    .nav-link-dropdown::after { content: ""; width: 6px; height: 6px; margin-top: -3px; border-right: 1.7px solid currentColor; border-bottom: 1.7px solid currentColor; transform: rotate(45deg); opacity: .72; }
133	    .nav-dropdown-menu { position: absolute; top: calc(100% + 8px); left: 0; min-width: 246px; padding: 8px; display: grid; gap: 3px; background: rgba(255, 255, 255, .96); border: 1px solid #e6eaf2; border-radius: 16px; box-shadow: 0 22px 60px rgba(15, 23, 42, .12); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px); transition: opacity .16s ease, transform .16s ease, visibility .16s ease; }
134	    .nav-dropdown-menu-tools { min-width: 520px; grid-template-columns: repeat(2, minmax(220px, 1fr)); column-gap: 8px; }
135	    .nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
136	    .nav-dropdown-col { display: grid; gap: 3px; }
137	    .nav-dropdown-item { display: block; padding: 9px 10px; border-radius: 10px; color: #4b5870; font-size: 13px; font-weight: 700; white-space: nowrap; text-decoration: none; }
138	    .nav-dropdown-item:hover, .nav-dropdown-item:focus-visible { color: var(--ink); background: #f3f7ff; outline: none; }
139		    .nav-actions { display: flex; align-items: center; gap: 8px; }
140		    .nav-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 14px; border-radius: 999px; font-size: 13.5px; font-weight: 800; text-decoration: none; white-space: nowrap; transition: transform .15s ease, background .15s ease, border-color .15s ease; }
141		    .nav-btn-ghost { color: #4b5870; background: rgba(255, 255, 255, .64); border: 1px solid transparent; }
142		    .nav-btn-ghost:hover { color: var(--ink); background: #fff; border-color: #dce3ef; transform: translateY(-1px); }
143
144    .main-lang-selector { position: relative; display: inline-flex; align-items: center; }
145    .main-lang-trigger { min-height: 38px; padding: 0 11px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: #3c4043; background: rgba(255, 255, 255, .72); border: 1px solid rgba(218, 220, 224, .95); border-radius: 999px; font-family: inherit; font-size: 13px; font-weight: 800; letter-spacing: -.01em; cursor: pointer; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
146    .main-lang-trigger:hover, .main-lang-trigger:focus-visible { background: #fff; border-color: #d2d8e2; box-shadow: 0 1px 2px rgba(60, 64, 67, .12); transform: translateY(-1px); outline: none; }
147    .main-lang-selector.open .main-lang-trigger { background: #fff; border-color: rgba(26, 115, 232, .28); box-shadow: 0 1px 2px rgba(60, 64, 67, .12), 0 0 0 3px rgba(26, 115, 232, .10); }
148    .main-lang-icon { width: 17px; height: 17px; color: #1a73e8; flex: 0 0 auto; }
149    .main-lang-code { min-width: 20px; text-align: center; }
150    .main-lang-chev { width: 8px; height: 8px; border-right: 1.7px solid currentColor; border-bottom: 1.7px solid currentColor; transform: rotate(45deg); margin-top: -4px; opacity: .68; transition: transform .16s ease, margin .16s ease; }
151    .main-lang-selector.open .main-lang-chev { transform: rotate(225deg); margin-top: 3px; }
152    .main-lang-dropdown { position: absolute; top: calc(100% + 10px); right: 0; z-index: 120; min-width: 210px; padding: 8px; display: grid; gap: 2px; background: rgba(255, 255, 255, .98); border: 1px solid #e6eaf2; border-radius: 16px; box-shadow: 0 18px 46px rgba(60, 64, 67, .18); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(6px) scale(.985); transform-origin: top right; transition: opacity .16s ease, transform .16s ease, visibility .16s ease; }
153    .main-lang-selector.open .main-lang-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }
154    .main-lang-item { min-height: 38px; display: flex; align-items: center; gap: 10px; padding: 0 10px; border-radius: 10px; color: #3c4043; font-size: 13px; font-weight: 750; text-decoration: none; white-space: nowrap; }
155    .main-lang-item:hover, .main-lang-item:focus-visible { background: #f1f6ff; color: #174ea6; outline: none; }
156    .main-lang-item-code { width: 30px; height: 22px; display: inline-grid; place-items: center; border-radius: 999px; background: #f1f3f4; color: #5f6368; font-size: 11px; font-weight: 850; letter-spacing: .02em; }
157    .main-lang-item.is-active .main-lang-item-code { background: #e8f0fe; color: #1a73e8; }
158    .main-lang-item-name { flex: 1; }
159    .main-lang-check { color: #1a73e8; font-weight: 900; opacity: 0; }
160    .main-lang-item.is-active .main-lang-check { opacity: 1; }
161			    .nav-btn-primary { color: #fff; background: linear-gradient(90deg, var(--blue), #3458f5); border: 1px solid rgba(37, 99, 235, .22); }
162			    .nav-btn-primary:hover { transform: translateY(-1px); background: linear-gradient(90deg, var(--blue-dark), #2f4ee8); }
163			    @media (min-width: 1101px) {
164			      .nav-actions { gap: 18px; }
165			      .nav-actions .nav-btn { min-height: 42px; padding: 0 18px; font-size: 14px; }
166			      .nav-actions #navSignupBtn { position: relative; }
167			      .nav-actions #navSignupBtn::before { content: ""; position: absolute; left: -10px; top: 9px; bottom: 9px; width: 1px; background: rgba(148, 163, 184, .16); pointer-events: none; }
168			    }
169		    .hidden { display: none !important; }
170	    .nav-mobile-toggle { display: none; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; color: var(--ink); background: #fff; border: 1px solid #dce3ef; border-radius: 12px; cursor: pointer; }
171	    .nav-mobile-toggle svg { width: 21px; height: 21px; }
172	    .nav-mobile-menu { display: none; position: absolute; left: 20px; right: 20px; top: calc(100% + 8px); padding: 10px; background: rgba(255, 255, 255, .98); border: 1px solid #e6eaf2; border-radius: 18px; box-shadow: 0 22px 60px rgba(15, 23, 42, .14); }
173	    .nav-mobile-menu.open { display: grid; gap: 4px; }
174	    .nav-mobile-menu a { display: block; padding: 12px 14px; border-radius: 12px; color: #4b5870; font-size: 14px; font-weight: 800; text-decoration: none; }
175	    .nav-mobile-menu a:hover { color: var(--ink); background: #f3f7ff; }
176	    .mobile-divider { height: 1px; background: #e6eaf2; margin: 6px 0; }
177	    .mobile-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding-top: 6px; }
178	    .mobile-actions a { text-align: center; border: 1px solid #dce3ef; }
179	    .mobile-btn-primary { color: #fff !important; background: linear-gradient(90deg, var(--blue), #3458f5) !important; border-color: transparent !important; }
180
181	    /* HERO */
182    .hero { position: relative; overflow: hidden; padding: 65px 0 90px; background: radial-gradient(circle at 90% 8%, rgba(124, 58, 237, .08), transparent 32%), radial-gradient(circle at 8% 95%, rgba(37, 99, 235, .06), transparent 40%), var(--bg); }
183    .hero-grid { display: grid; grid-template-columns: minmax(380px, 468px) minmax(640px, 1fr); gap: 64px; align-items: center; }
184    .hero-title { margin: 0 0 22px; font-size: clamp(44px, 4.25vw, 60px); line-height: 1.02; letter-spacing: -.045em; font-weight: 800; }
185    .hero-title-main { white-space: nowrap; }
186    .gradient-text { background: linear-gradient(90deg, #2563eb, #665af5 48%, #8b3ff0); -webkit-background-clip: text; background-clip: text; color: transparent; }
187    .hero-title-rotator { display: block; margin-top: .14em; white-space: nowrap; }
188    .hero-title-switch { position: relative; display: inline-grid; color: #1a73e8; font-size: .84em; line-height: 1.08; vertical-align: baseline; white-space: nowrap; }
189    .hero-title-switch__sizer { grid-area: 1 / 1; padding-right: .09em; visibility: hidden; pointer-events: none; white-space: nowrap; }
190    .hero-title-switch__item { position: relative; z-index: 0; grid-area: 1 / 1; justify-self: start; display: block; width: max-content; padding: 0 .09em .08em 0; margin-bottom: -.08em; opacity: 0; transform: translateY(.03em); clip-path: inset(-.18em 100% -.22em 0); white-space: nowrap; will-change: clip-path, opacity, transform; }
191    .hero-title-switch__item::after { content: ""; position: absolute; left: .02em; right: .02em; bottom: .02em; z-index: -1; height: .16em; border-radius: 999px; background: linear-gradient(90deg, rgba(66, 133, 244, .30), rgba(52, 168, 83, .25), rgba(251, 188, 4, .28), rgba(234, 67, 53, .24)); opacity: 0; transform: scaleX(0); transform-origin: left center; }
192    .hero-title-switch__item--one { animation: heroTitleWriteOne 12s cubic-bezier(.22, 1, .36, 1) infinite; }
193    .hero-title-switch__item--two { animation: heroTitleWriteTwo 12s cubic-bezier(.22, 1, .36, 1) infinite; }
194    .hero-title-switch__item--one::after { animation: heroTitleUnderlineOne 12s cubic-bezier(.22, 1, .36, 1) infinite; }
195    .hero-title-switch__item--two::after { animation: heroTitleUnderlineTwo 12s cubic-bezier(.22, 1, .36, 1) infinite; }
196	    .hero-sub { max-width: 470px; margin: 0 0 28px; color: var(--muted); font-size: 17px; line-height: 1.55; font-weight: 500; }
197	    .hero-sub-mobile { display: none; }
198    .testimonial-clean { max-width: 470px; padding: 16px 18px; border-radius: 14px; background: var(--bg-card); border: 1px solid var(--line); box-shadow: var(--shadow-card); margin-bottom: 28px; }
199    .testimonial-clean--mobile { display: none; margin-bottom: 0; }
200    .testimonial-clean__quote { font-size: 14.5px; line-height: 1.5; color: var(--ink-soft); margin: 0 0 12px; font-style: italic; font-weight: 500; }
201    .testimonial-clean__bottom { display: flex; align-items: center; gap: 10px; }
202    .testimonial-clean__avatar { width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, #4facfe, #2563eb); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 12px; flex-shrink: 0; }
203    .testimonial-clean__attr { flex: 1; font-size: 13px; color: var(--muted); font-weight: 500; }
204    .testimonial-clean__name { color: var(--ink); font-weight: 700; }
205    .testimonial-clean__stars { color: #f59e0b; font-size: 12px; letter-spacing: 1.5px; flex-shrink: 0; }
206    .hero-actions { display: flex; gap: 12px; align-items: center; margin-bottom: 18px; flex-wrap: wrap; }
207    .hero-actions--mobile { display: none; }
208    .hero-actions .btn-primary { min-width: 276px; height: 56px; padding: 0 38px; font-size: 16px; border-radius: 14px; }
209    .trust-row { display: flex; flex-wrap: wrap; gap: 9px 16px; color: #6b768a; font-size: 12.5px; line-height: 1.25; font-weight: 600; }
210    .trust-row--mobile { display: none; justify-content: center; }
211    .trust-item { display: inline-flex; align-items: center; gap: 6px; }
212    .trust-check { width: 16px; height: 16px; display: inline-grid; place-items: center; border-radius: 50%; background: #e1f5ee; color: #169b58; font-size: 10px; font-weight: 900; }
213    .hero-visual { position: relative; min-width: 0; }
214    .mockup-shell { position: relative; background: #FBFAF8; border-radius: 20px; box-shadow: 0 24px 70px rgba(30, 41, 59, .10); overflow: hidden; font-family: "Manrope", system-ui, sans-serif; }
215    @media (min-width: 701px) {
216      .mockup-shell { min-height: 544px; display: flex; flex-direction: column; }
217      .mockup-shell .m-body { flex: 1; }
218    }
219    .m-topbar { padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
220    .m-file-name { min-width: 0; display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 2px; color: #334155; font-size: 12.5px; font-weight: 700; letter-spacing: -.01em; white-space: nowrap; }
221    .m-file-icon { width: 14px; height: 14px; color: #2563eb; flex: 0 0 auto; }
222    .m-search { width: 100%; max-width: 300px; height: 36px; background: rgba(255, 255, 255, .86); border: 1px solid #f0ede6; border-radius: 10px; display: flex; align-items: center; gap: 8px; padding: 0 12px; font-size: 12.5px; color: #a3adbc; font-weight: 500; }
223    .m-search-icon { width: 14px; height: 14px; color: #9aa4b5; flex-shrink: 0; }
224    .m-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(142px, 156px); gap: 12px; padding: 0 16px 16px; align-items: stretch; }
225    .m-transcript-card { background: #fff; border: 1px solid #ece8df; border-radius: 14px; padding: 18px 20px; }
226    .m-line { margin-bottom: 14px; }
227    .m-line:last-child { margin-bottom: 0; }
228    .m-speaker-row { display: flex; align-items: baseline; gap: 9px; margin-bottom: 4px; }
229    .m-speaker { font-weight: 700; font-size: 13px; letter-spacing: -.005em; }
230    .m-speaker--blue { color: #2563eb; }
231    .m-speaker--green { color: #16a34a; }
232    .m-speaker--orange { color: #c56a1a; }
233    .m-time { font-size: 11px; color: #a8a08a; font-weight: 600; font-variant-numeric: tabular-nums; }
234    .m-text { font-size: 13.5px; color: #1a1a1a; line-height: 1.6; margin: 0; letter-spacing: -.003em; }
235    .m-text-highlight { background: rgba(37, 99, 235, .12); border-radius: 2px; padding: 1px; }
236    .m-actions { background: #fff; border: 1px solid #ece8df; border-radius: 14px; padding: 10px; display: flex; flex-direction: column; gap: 5px; }
237    .m-action-btn { display: flex; align-items: center; gap: 7px; padding: 7px 8px; background: #fff; border: 1px solid #ece8df; border-radius: 9px; font-size: 12px; font-weight: 600; color: #1a1a1a; cursor: pointer; font-family: inherit; letter-spacing: 0; width: 100%; min-width: 0; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
238    .m-action-icon { width: 14px; height: 14px; color: #4a5568; flex-shrink: 0; }
239    .m-display-divider { display: flex; align-items: center; gap: 8px; margin: 18px 4px 6px; font-size: 9px; font-weight: 700; color: #c3cad6; letter-spacing: .15em; }
240    .m-display-divider::before, .m-display-divider::after { content: ""; flex: 1; height: 1px; background: #ece8df; }
241    .m-toggle-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 4px; margin-bottom: 6px; font-size: 11.5px; color: #1a1a1a; font-weight: 600; }
242    .m-toggle-row > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
243    .m-toggle { width: 28px; height: 16px; border-radius: 999px; background: #d9d2c1; position: relative; flex-shrink: 0; transition: background .2s; }
244    .m-toggle::after { content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; background: #fff; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, .15); transition: left .2s; }
245    .m-toggle.on { background: #2563eb; }
246    .m-toggle.on::after { left: 14px; }
247    .m-ask-ai { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 7px 8px; background: #fff; border: 1px solid #ece8df; border-radius: 9px; font-size: 12px; font-weight: 600; color: #1a1a1a; cursor: pointer; font-family: inherit; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
248    .m-ask-ai-icon { width: 14px; height: 14px; color: #8b5cf6; }
249    .m-player { padding: 12px 18px 14px; display: flex; align-items: center; gap: 12px; border-top: 1px solid #ece8df; background: #FBFAF8; }
250    .m-play-btn { width: 38px; height: 38px; background: #2563eb; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; box-shadow: 0 4px 14px rgba(37, 99, 235, .25); }
251    .m-play-btn svg { width: 12px; height: 12px; margin-left: 2px; }
252    .m-progress { flex: 1; display: flex; align-items: center; gap: 10px; min-width: 0; }
253    .m-time-current, .m-time-total { font-size: 11px; color: #8a7f6b; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
254    .m-progress-bar { flex: 1; height: 4px; background: #ece8df; border-radius: 999px; overflow: hidden; position: relative; min-width: 42px; }
255    .m-progress-bar::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 4%; background: #2563eb; border-radius: 999px; }
256    .m-player-controls { display: flex; gap: 6px; align-items: center; }
257    .m-control-btn { width: 28px; height: 28px; border: 1px solid #ece8df; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #6b7280; cursor: pointer; font-size: 11px; font-family: inherit; flex-shrink: 0; }
258    .m-control-btn svg { width: 13px; height: 13px; }
259    .mockup { background: #fff; border: 1px solid rgba(226, 232, 240, .98); border-radius: 20px; box-shadow: var(--shadow-hero); overflow: hidden; }
260    .mockup-header { display: flex; justify-content: space-between; align-items: center; padding: 14px 20px; background: var(--bg); border-bottom: 1px solid var(--line); }
261    .file-info { display: flex; align-items: center; gap: 10px; font-size: 13.5px; font-weight: 600; color: var(--ink); }
262    .file-icon { width: 18px; height: 18px; color: #8a8a8a; }
263    .status-pill { display: inline-flex; align-items: center; gap: 6px; background: #dcfce7; color: #15803d; font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 999px; }
264    .status-dot { width: 5px; height: 5px; background: #16a34a; border-radius: 50%; animation: pulse 2s ease-in-out infinite; }
265    @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.75); } }
266    .mockup-body { display: grid; grid-template-columns: 1fr 200px; min-height: 320px; }
267    .transcript { padding: 18px 22px; border-right: 1px solid var(--line); }
268    .line { margin-bottom: 12px; font-size: 13px; line-height: 1.52; color: var(--ink-soft); }
269    .line:last-child { margin-bottom: 0; }
270    .speaker-row { display: flex; align-items: baseline; gap: 10px; margin-bottom: 3px; }
271    .speaker { font-weight: 700; font-size: 12.5px; color: var(--blue); }
272    .speaker.green { color: #16a34a; }
273    .speaker.orange { color: #ea7a24; }
274    .time { color: #9aa4b5; font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; }
275    .highlight { background: rgba(255, 240, 168, .72); border-radius: 3px; padding: 1px 3px; }
276    .ai-panel { background: linear-gradient(180deg, #faf5ff, #f0f9ff); padding: 14px; display: flex; flex-direction: column; gap: 10px; }
277    .ai-header { display: flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 800; color: #8b5cf6; letter-spacing: .1em; text-transform: uppercase; }
278    .ai-section-label { font-size: 10.5px; font-weight: 700; color: var(--muted-light); letter-spacing: .04em; text-transform: uppercase; margin: 0 0 4px; }
279    .ai-summary { font-size: 11.5px; color: var(--ink); line-height: 1.45; margin: 0; font-weight: 500; }
280    .ai-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 5px; }
281    .ai-list-item { display: flex; gap: 7px; font-size: 11px; line-height: 1.4; font-weight: 500; }
282    .ai-list-item::before { content: ""; width: 4px; height: 4px; background: #8b5cf6; border-radius: 50%; margin-top: 6px; flex-shrink: 0; }
283    .ai-list-item.warning::before { background: #f59e0b; }
284    .ai-divider { height: 1px; background: rgba(139, 92, 246, .15); }
285    .player { display: flex; align-items: center; gap: 12px; padding: 12px 20px; background: var(--bg); border-top: 1px solid var(--line); }
286    .play { width: 32px; height: 32px; border-radius: 50%; background: var(--blue); color: #fff; display: grid; place-items: center; flex-shrink: 0; box-shadow: 0 4px 14px rgba(37, 99, 235, .25); }
287    .play svg { width: 11px; height: 11px; margin-left: 2px; }
288    .waveform { flex: 1; height: 22px; display: flex; align-items: center; gap: 2px; overflow: hidden; }
289    .wave-bar { width: 2px; background: #c9c0ad; border-radius: 1px; transition: background .2s; }
290    .wave-bar.active { background: var(--blue); }
291    .time-label { font-size: 11.5px; color: #8a7f6b; font-variant-numeric: tabular-nums; font-weight: 600; }
292	    .ai-animated { opacity: 0; transform: translateY(6px); animation: slideInUp .5s ease forwards; }
293	    .ai-animated:nth-child(1) { animation-delay: .4s; } .ai-animated:nth-child(2) { animation-delay: .55s; } .ai-animated:nth-child(3) { animation-delay: .70s; } .ai-animated:nth-child(4) { animation-delay: .85s; } .ai-animated:nth-child(5) { animation-delay: 1.0s; } .ai-animated:nth-child(6) { animation-delay: 1.15s; } .ai-animated:nth-child(7) { animation-delay: 1.3s; } .ai-animated:nth-child(8) { animation-delay: 1.45s; }
294	    @keyframes slideInUp { to { opacity: 1; transform: translateY(0); } }
295
296	    /* CONVERSION SECTIONS */
297	    .trust-security-strip { position: relative; z-index: 2; margin-top: 0; padding: 26px 0 42px; background: var(--bg); }
298	    .trust-security-card { display: grid; grid-template-columns: minmax(220px, .9fr) repeat(5, minmax(0, 1fr)); align-items: stretch; overflow: hidden; background: rgba(255, 255, 255, .94); border: 1px solid #e6eaf2; border-radius: 24px; box-shadow: 0 18px 55px rgba(15, 23, 42, .08); backdrop-filter: blur(14px); }
299	    .trust-security-intro { display: flex; align-items: center; padding: 20px 22px; background: linear-gradient(135deg, #f8fbff, #fff); border-right: 1px solid #e6eaf2; }
300	    .trust-security-kicker { display: block; margin-bottom: 6px; color: var(--blue); font-size: 11px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
301	    .trust-security-title { margin: 0; color: var(--ink); font-size: 18px; line-height: 1.18; letter-spacing: -.03em; font-weight: 800; }
302	    .trust-security-item { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 20px 18px; border-left: 1px solid rgba(230, 234, 242, .86); }
303	    .trust-security-intro + .trust-security-item { border-left: 0; }
304	    .trust-security-icon { position: relative; width: 28px; height: 28px; border-radius: 10px; flex: 0 0 auto; background: #eaf3fe; }
305	    .trust-security-icon::before { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(37, 99, 235, .12); }
306	    .trust-security-item.green .trust-security-icon { background: #dcfce7; }
307	    .trust-security-item.green .trust-security-icon::before { background: #16a34a; box-shadow: 0 0 0 4px rgba(22, 163, 74, .13); }
308	    .trust-security-item.orange .trust-security-icon { background: #fff7ed; }
309	    .trust-security-item.orange .trust-security-icon::before { background: #ea7a24; box-shadow: 0 0 0 4px rgba(234, 122, 36, .13); }
310	    .trust-security-item.purple .trust-security-icon { background: #f3e8ff; }
311	    .trust-security-item.purple .trust-security-icon::before { background: var(--purple); box-shadow: 0 0 0 4px rgba(124, 58, 237, .12); }
312	    .trust-security-label { display: block; color: var(--ink); font-size: 13.5px; line-height: 1.25; font-weight: 800; letter-spacing: -.01em; }
313	    .trust-security-note { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.35; font-weight: 650; }
314	    .conversion-section { padding: 88px 0 96px; background: var(--bg); }
315    .section-head { display: flex; align-items: center; justify-content: center; gap: 32px; margin-bottom: 34px; text-align: center; }
316    .section-head .section-title { margin-left: auto; margin-right: auto; }
317    .audience-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
318    .audience-card { position: relative; overflow: hidden; min-height: 314px; background: #fff; border: 1px solid #ece8df; border-radius: 22px; padding: 28px; box-shadow: var(--shadow-card); display: flex; flex-direction: column; }
319    .audience-card::after { content: ""; position: absolute; right: -52px; top: -52px; width: 150px; height: 150px; border-radius: 50%; background: rgba(37, 99, 235, .08); }
320    .audience-card.green::after { background: rgba(22, 163, 74, .09); }
321    .audience-card.orange::after { background: rgba(234, 122, 36, .10); }
322    .audience-tag { width: max-content; padding: 6px 10px; border-radius: 999px; background: #eaf3fe; color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
323    .audience-card.green .audience-tag { color: #15803d; background: #dcfce7; }
324    .audience-card.orange .audience-tag { color: #c56a1a; background: #fff7ed; }
325    .audience-title { margin: 22px 0 10px; color: var(--ink); font-size: 24px; line-height: 1.1; letter-spacing: -.03em; font-weight: 800; }
326    .audience-desc { margin: 0 0 18px; color: var(--muted); font-size: 14.5px; line-height: 1.55; font-weight: 600; }
327    .audience-list { list-style: none; margin: auto 0 0; padding: 0; display: grid; gap: 10px; }
328    .audience-list li { display: flex; align-items: flex-start; gap: 9px; color: var(--ink-soft); font-size: 13.5px; line-height: 1.4; font-weight: 650; }
329    .audience-list li::before { content: ""; width: 7px; height: 7px; margin-top: 6px; flex: 0 0 auto; border-radius: 50%; background: var(--blue); }
330    .audience-card.green .audience-list li::before { background: #16a34a; }
331    .audience-card.orange .audience-list li::before { background: #ea7a24; }
332
333    .workflow-video-section { padding: 0 0 96px; background: var(--bg); }
334    .workflow-video-card { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr); gap: 32px; align-items: center; padding: 30px; border: 1px solid #e6eaf2; border-radius: 30px; background: radial-gradient(circle at 12% 12%, rgba(37, 99, 235, .09), transparent 32%), radial-gradient(circle at 96% 88%, rgba(22, 163, 74, .075), transparent 30%), #fff; box-shadow: 0 18px 55px rgba(15, 23, 42, .07); }
335    .workflow-video-copy { max-width: 430px; }
336    .workflow-video-kicker { display: inline-flex; margin-bottom: 13px; padding: 6px 10px; border-radius: 999px; background: #eaf3fe; color: var(--blue); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
337    .workflow-video-title { margin: 0 0 12px; color: var(--ink); font-size: clamp(28px, 3vw, 42px); line-height: 1.06; letter-spacing: -.045em; font-weight: 850; }
338    .workflow-video-text { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.62; font-weight: 650; }
339    .workflow-video-points { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 10px; }
340    .workflow-video-points li { display: flex; align-items: flex-start; gap: 10px; color: var(--ink-soft); font-size: 14px; line-height: 1.4; font-weight: 750; }
341    .workflow-video-points li::before { content: ""; width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(37, 99, 235, .12); flex: 0 0 auto; }
342    .workflow-video-media { min-width: 0; }
343    .workflow-video-stage { position: relative; aspect-ratio: 1280 / 676; overflow: hidden; border: 1px solid rgba(203, 213, 225, .95); border-radius: 26px; background: #0f172a;
343 box-shadow: 0 26px 76px rgba(15, 23, 42, .18), 0 0 0 8px rgba(255, 255, 255, .72); }
344    .workflow-video-stage::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), inset 0 -1px 0 rgba(15, 23, 42, .10); pointer-events: none; }
345    .workflow-video-poster,
346    .workflow-video-player { width: 100%; height: 100%; display: block; object-fit: cover; }
347    .workflow-video-poster { transform: scale(1.004); }
348    .workflow-video-player { display: none; background: #0f172a; }
349    .workflow-video-stage.is-playing .workflow-video-poster,
350    .workflow-video-stage.is-playing .workflow-video-play { display: none; }
351    .workflow-video-stage.is-playing .workflow-video-player { display: block; }
352    .workflow-video-play { position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%); display: inline-flex; align-items: center; gap: 9px; min-height: 50px; padding: 0 18px 0 9px; border: 1px solid #1d4ed8; border-radius: 999px; background: #2563eb; color: #fff; box-shadow: 0 12px 26px rgba(37, 99, 235, .24); font: inherit; font-size: 13.5px; font-weight: 900; white-space: nowrap; cursor: pointer; transition: transform .16s ease, background .16s ease, box-shadow .16s ease; }
353    .workflow-video-play:hover { transform: translate(-50%, -50%) scale(1.03); background: #1d4ed8; box-shadow: 0 16px 34px rgba(37, 99, 235, .30); }
354    .workflow-video-play-icon { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: #2563eb; box-shadow: none; }
355    .workflow-video-play-icon svg { width: 19px; height: 19px; margin-left: 3px; }
356
357    .features-section { padding: 96px 0 72px; background: #fff; border-top: 1px solid var(--line); }
358    .features-head { max-width: 760px; margin: 0 auto 42px; text-align: center; }
359    .features-head .section-title { margin-left: auto; margin-right: auto; }
360    .features-head .section-subtitle { margin: 0 auto; }
361    .features-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
362    .feature-card { position: relative; overflow: hidden; grid-column: 1 / -1; min-height: 500px; padding: 34px; border: 1px solid #ece8df; border-radius: 28px; background: linear-gradient(180deg, #fff, #fafcff); box-shadow: 0 18px 55px rgba(15, 23, 42, .07); display: grid; grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr); align-items: center; gap: 36px; }
363    .feature-card:nth-child(even) { grid-template-columns: minmax(0, 1.22fr) minmax(280px, .78fr); }
364    .feature-card:nth-child(even) .feature-preview { order: -1; }
365    .feature-card--wide { background: radial-gradient(circle at 18% 20%, rgba(37, 99, 235, .10), transparent 36%), linear-gradient(135deg, #f8fbff, #fff); }
366	    .feature-card--green { background: radial-gradient(circle at 90% 8%, rgba(22, 163, 74, .10), transparent 34%), linear-gradient(180deg, #fff, #fbfffd); }
367	    .feature-card--share { background: radial-gradient(circle at 88% 10%, rgba(37, 99, 235, .10), transparent 34%), linear-gradient(180deg, #fff, #f8fbff); }
368	    .feature-card--orange { background: radial-gradient(circle at 88% 10%, rgba(234, 122, 36, .12), transparent 34%), linear-gradient(180deg, #fff, #fffaf5); }
369	    .feature-card--dark { background: radial-gradient(circle at 85% 10%, rgba(37, 99, 235, .24), transparent 34%), #111827; border-color: #1f2937; color: #fff; }
370    .feature-card--dark .feature-kicker { background: rgba(96, 165, 250, .14); color: #93c5fd; }
371    .feature-card--dark .feature-title { color: #fff; }
372    .feature-card--dark .feature-desc { color: #cbd5e1; }
373    .feature-copy { max-width: 430px; position: relative; z-index: 2; }
374    .feature-kicker { display: inline-flex; width: max-content; margin-bottom: 14px; padding: 6px 10px; border-radius: 999px; background: #eaf3fe; color: var(--blue); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
375    .feature-kicker.green { color: #15803d; background: #dcfce7; }
376    .feature-kicker.orange { color: #c56a1a; background: #fff7ed; }
377    .feature-title { margin: 0 0 10px; color: var(--ink); font-size: clamp(24px, 2.4vw, 36px); line-height: 1.08; letter-spacing: -.04em; font-weight: 800; }
378    .feature-card:not(.feature-card--wide) .feature-title { font-size: clamp(24px, 2.4vw, 36px); }
379    .feature-desc { margin: 0; color: var(--muted); font-size: 14.5px; line-height: 1.6; font-weight: 600; }
380    .feature-points { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 9px; }
381    .feature-points li { display: flex; align-items: flex-start; gap: 9px; color: var(--ink-soft); font-size: 13.5px; line-height: 1.4; font-weight: 700; }
382    .feature-card--dark .feature-points li { color: #e5e7eb; }
383
384    .feature-extension-actions { display: flex; align-items: center; gap: 12px; margin-top: 24px; flex-wrap: wrap; }
385    .chrome-store-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 0 18px; border-radius: 999px; background: #fff; color: #202124; border: 1px solid rgba(218, 220, 224, .95); text-decoration: none; font-size: 14px; font-weight: 850; box-shadow: 0 10px 24px rgba(15, 23, 42, .14); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease; }
386    .chrome-store-btn:hover { transform: translateY(-1px); background: #f8fbff; border-color: rgba(203, 213, 225, .95); box-shadow: 0 14px 30px rgba(15, 23, 42, .18); }
387    .chrome-store-btn svg { width: 20px; height: 20px; flex: 0 0 auto; }
388    .feature-extension-note { color: #cbd5e1; font-size: 12.5px; line-height: 1.35; font-weight: 750; }
389    .feature-points li::before { content: ""; width: 7px; height: 7px; flex: 0 0 auto; margin-top: 6px; border-radius: 50%; background: var(--blue); }
390    .feature-card--green .feature-points li::before { background: #16a34a; }
391    .feature-card--orange .feature-points li::before { background: #ea7a24; }
392    .feature-preview { position: relative; min-height: 420px; border-radius: 24px; background: radial-gradient(circle at 50% 44%, rgba(37, 99, 235, .105), transparent 48%), linear-gradient(135deg, rgba(248, 251, 255, .96), rgba(255, 255, 255, .78)); border: 1px solid rgba(226, 232, 240, .82); display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 20px; }
393    .feature-preview::before { content: ""; position: absolute; inset: 18px; border-radius: 22px; background-image: radial-gradient(rgba(37, 99, 235, .13) 1px, transparent 1px); background-size: 18px 18px; opacity: .24; pointer-events: none; }
394    .feature-preview::after { content: ""; position: absolute; width: 64%; height: 54%; border-radius: 999px; background: rgba(37, 99, 235, .105); filter: blur(44px); opacity: .58; pointer-events: none; }
395    .feature-card--green .feature-preview { background: radial-gradient(circle at 48% 44%, rgba(22, 163, 74, .11), transparent 48%), linear-gradient(135deg, rgba(248, 255, 251, .96), rgba(255, 255, 255, .78)); }
396    .feature-card--green .feature-preview::before { background-image: radial-gradient(rgba(22, 163, 74, .14) 1px, transparent 1px); }
397    .feature-card--green .feature-preview::after { background: rgba(22, 163, 74, .115); }
398    .feature-card--share .feature-preview { background: radial-gradient(circle at 50% 44%, rgba(37, 99, 235, .11), transparent 48%), linear-gradient(135deg, rgba(248, 251, 255, .96), rgba(255, 255, 255, .78)); }
399    .feature-card--orange .feature-preview { background: radial-gradient(circle at 50% 44%, rgba(234, 122, 36, .12), transparent 48%), linear-gradient(135deg, rgba(255, 250, 245, .97), rgba(255, 255, 255, .78)); }
400    .feature-card--orange .feature-preview::before { background-image: radial-gradient(rgba(234, 122, 36, .15) 1px, transparent 1px); }
401    .feature-card--orange .feature-preview::after { background: rgba(234, 122, 36, .12); }
402    .feature-card--dark .feature-preview { background: radial-gradient(circle at 50% 44%, rgba(96, 165, 250, .18), transparent 48%), linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .035)); border-color: rgba(255, 255, 255, .10); }
403    .feature-card--dark .feature-preview::before { background-image: radial-gradient(rgba(147, 197, 253, .18) 1px, transparent 1px); opacity: .18; }
404    .feature-card--dark .feature-preview::after { background: rgba(59, 130, 246, .18); opacity: .48; }
405    .feature-preview img { position: relative; z-index: 2; display: block; width: 100%; max-height: 420px; object-fit: contain; border-radius: 18px; }
406    .feature-card--wide .feature-preview img { max-height: 456px; }
407    .feature-card--dark .feature-preview img { max-height: 410px; width: auto; max-width: 100%; }
408    .feature-card--share .feature-preview img { transform: scale(1.05); }
409    .features-screenshot-cta { display: flex; justify-content: center; margin: 34px 0 0; }
410    .features-screenshot-cta .btn-primary { min-width: 260px; height: 54px; border-radius: 14px; }
411
412    .more-features-section { padding: 0 0 96px; background: #fff; }
413    .more-features-panel { position: relative; overflow: hidden; padding: 34px; border: 1px solid #e6eaf2; border-radius: 30px; background: radial-gradient(circle at 8% 0%, rgba(37, 99, 235, .08), transparent 34%), radial-gradient(circle at 94% 100%, rgba(22, 163, 74, .075), transparent 34%), linear-gradient(180deg, #fbfdff, #fff); box-shadow: 0 18px 55px rgba(15, 23, 42, .065); }
414    .more-features-panel::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(37, 99, 235, .09) 1px, transparent 1px); background-size: 22px 22px; opacity: .18; pointer-events: none; }
415    .more-features-head { position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 24px; }
416    .more-features-copy { max-width: 650px; }
417    .more-features-kicker { display: inline-flex; margin-bottom: 12px; padding: 6px 10px; border-radius: 999px; color: var(--blue); background: #eaf3fe; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
418    .more-features-title { margin: 0; color: var(--ink); font-size: clamp(28px, 3vw, 42px); line-height: 1.06; letter-spacing: -.045em; font-weight: 850; }
419    .more-features-note { max-width: 290px; margin: 0; color: var(--muted); font-size: 13.5px; line-height: 1.55; font-weight: 700; }
420    .mini-features-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
421    .mini-feature { min-height: 134px; padding: 18px; border: 1px solid rgba(226, 232, 240, .86); border-radius: 20px; background: rgba(255, 255, 255, .86); box-shadow: 0 10px 28px rgba(15, 23, 42, .045); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
422    .mini-feature:hover { transform: translateY(-2px); border-color: rgba(37, 99, 235, .24); box-shadow: 0 16px 38px rgba(15, 23, 42, .075); }
423    .mini-feature-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 13px; border-radius: 12px; color: var(--blue); background: #eef4ff; }
424    .mini-feature-icon svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
425    .mini-feature.green .mini-feature-icon { color: #16a34a; background: #dcfce7; }
426    .mini-feature.orange .mini-feature-icon { color: #ea7a24; background: #fff7ed; }
427    .mini-feature.slate .mini-feature-icon { color: #475569; background: #f1f5f9; }
428    .mini-feature-title { margin: 0 0 6px; color: var(--ink); font-size: 15px; line-height: 1.2; letter-spacing: -.015em; font-weight: 850; }
429    .mini-feature-desc { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.45; font-weight: 650; }
430
431    .marketing-pricing { padding: 96px 0; background: var(--bg); border-top: 1px solid var(--line); }
432    .marketing-section-header { max-width: 760px; margin: 0 auto 24px; padding: 0 32px; text-align: center; }
433    .marketing-section-title { margin: 0; color: var(--ink); font-size: clamp(34px, 4vw, 52px); line-height: 1.04; letter-spacing: -.05em; font-weight: 850; }
434    .billing-cycle-toggle { width: fit-content; margin: 0 auto 28px; padding: 5px; display: flex; gap: 4px; background: #fff; border: 1px solid #e6eaf2; border-radius: 16px; box-shadow: 0 14px 40px rgba(15, 23, 42, .07); }
435    .billing-cycle-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 18px; border: 0; border-radius: 12px; background: transparent; color: var(--muted); font-family: inherit; font-size: 13.5px; font-weight: 850; cursor: pointer; transition: background .16s ease, color .16s ease; }
436    .billing-cycle-btn.is-active { color: var(--blue); background: #eef4ff; }
437    .billing-cycle-btn__discount { padding: 2px 6px; border-radius: 999px; color: #fff; background: #16a34a; font-size: 10px; font-weight: 900; }
438    .billing-cycle-btn__underline { display: none; }
439    .pricing-group { width: min(100%, var(--page-max)); margin: 0 auto; padding: 0 var(--page-gutter); }
440    .pricing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
441    .pricing-payg { display: none; max-width: 420px; }
442    .plan-card { position: relative; overflow: hidden; background: #fff; border: 1px solid #ece8df; border-radius: 26px; padding: 24px; box-shadow: 0 18px 55px rgba(15, 23, 42, .07); transition: transform .16s ease, box-shadow .16s ease; }
443    .plan-card:hover { transform: translateY(-2px); box-shadow: 0 24px 70px rgba(15, 23, 42, .10); }
444    .pricing-card { display: flex; flex-direction: column; gap: 13px; }
445    .pricing-card__header { min-height: 58px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; text-align: center; }
446    .pricing-card__badge { position: absolute; top: 0; right: 0; padding: 8px 13px; border-radius: 0 0 0 16px; color: #fff; background: var(--blue); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
447    .pricing-card--popular { color: #fff; background: radial-gradient(circle at 80% 4%, rgba(37, 99, 235, .34), transparent 34%), #111827; border-color: #1f2937; transform: translateY(-6px); }
448    .pricing-card--popular:hover { transform: translateY(-8px); }
449    .pricing-card--popular .plan-desc { color: rgba(226, 232, 240, .74) !important; }
450    .pricing-card--popular .price-currency,
451    .pricing-card--popular .price-period { color: rgba(226, 232, 240, .68); }
452    .pricing-card--popular .plan-features li { color: #e5e7eb; }
453    .pricing-card--popular .plan-features svg { stroke: #60a5fa; }
454    .pricing-card--popular .plan-minutes { color: #bfdbfe; background: rgba(255, 255, 255, .10); }
455    .pricing-card--payg { border-color: rgba(245, 158, 11, .38); background: radial-gradient(circle at 86% 10%, rgba(245, 158, 11, .14), transparent 34%), #fff; }
456    .plan-tier-badge { display: inline-flex; align-items: center; justify-content: center; width: max-content; padding: 6px 11px; border-radius: 999px; border: 1px solid transparent; font-size: 11px; line-height: 1; font-weight: 900; letter-spacing: .02em; }
457    .plan-tier-badge--free { color: #64748b; background: #f1f5f9; border-color: #e2e8f0; }
458    .plan-tier-badge--silver { color: #475569; background: linear-gradient(135deg, #f8fafc, #e2e8f0); border-color: #e2e8f0; }
459    .plan-tier-badge--gold { color: #92400e; background: linear-gradient(135deg, #fff7ed, #fde68a); border-color: #fcd34d; }
460    .plan-tier-badge--platinum { color: #e5e7eb; background: linear-gradient(135deg, #0f172a, #1f2937); border-color: #334155; }
461    .plan-price { display: flex; align-items: baseline; justify-content: center; gap: 4px; margin-top: 2px; }
462    .price-currency { color: var(--muted); font-size: 18px; font-weight: 800; }
463    .price-amount { color: inherit; font-size: 42px; line-height: 1; letter-spacing: -.04em; font-weight: 850; }
464    .price-period { color: var(--muted); font-size: 13px; font-weight: 750; white-space: nowrap; }
465    .plan-minutes { display: inline-flex; align-items: center; justify-content: center; width: fit-content; margin: 0 auto; padding: 7px 11px; border-radius: 999px; color: var(--blue); background: #eef4ff; font-size: 12px; font-weight: 850; }
466    .payg-note { position: relative; display: inline-flex; width: fit-content; margin: -4px auto 0; }
467    .payg-note-toggle { padding: 0; border: 0; background: transparent; color: #b45309; font-family: inherit; font-size: 12px; font-weight: 850; cursor: pointer; }
468    .payg-note-tooltip { position: absolute; top: calc(100% + 8px); left: 50%; z-index: 6; display: none; min-width: 240px; padding: 12px 14px; border: 1px solid #fde68a; border-radius: 14px; background: #fff; box-shadow: 0 18px 45px rgba(15, 23, 42, .12); color: #6b4b14; font-size: 12px; line-height: 1.45; transform: translateX(-50%); }
469    .payg-note:hover .payg-note-tooltip,
470    .payg-note.is-open .payg-note-tooltip { display: block; }
471    .payg-note-tooltip div + div { margin-top: 5px; }
472    .payg-slider { display: grid; gap: 10px; margin-top: 4px; }
473    .payg-slider__labels { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
474    .payg-slider__minutes { width: 104px; padding: 8px 10px; border: 1px solid #e6eaf2; border-radius: 12px; color: var(--ink); background: #fff; font-family: inherit; font-size: 13px; font-weight: 850; }
475    .payg-slider__price { color: #b45309; font-size: 15px; font-weight: 900; }
476    .payg-slider__input { width: 100%; accent-color: #f59e0b; }
477    .payg-slider__ticks { position: relative; height: 18px; color: var(--muted); font-size: 11px; font-weight: 750; }
478    .payg-slider__ticks span { position: absolute; top: 0; transform: translateX(-50%); white-space: nowrap; }
479    .payg-slider__ticks span:first-child { transform: translateX(0); }
480    .payg-slider__ticks span:last-child { transform: translateX(-100%); }
481    .payg-expiry-note { margin-top: -2px; color: var(--muted); font-size: 11.5px; line-height: 1.4; font-weight: 700; text-align: center; }
482    .plan-features { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 1px; }
483    .plan-features li { display: flex; align-items: flex-start; gap: 9px; padding: 7px 0; color: var(--ink-soft); font-size: 13px; line-height: 1.35; font-weight: 700;
483 overflow-wrap: anywhere; }
484    .plan-features svg { width: 17px; height: 17px; margin-top: 1px; flex: 0 0 auto; stroke: #16a34a; }
485    .pricing-card--payg .plan-features svg { stroke: #f59e0b; }
486    .plan-features[data-show-all="false"] li:nth-child(n + 6) { display: none; }
487    .plan-features-toggle { width: fit-content; margin: -2px auto 0; padding: 0; border: 0; background: transparent; color: var(--blue); font-family: inherit; font-size: 12.5px; font-weight: 900; cursor: pointer; }
488    .pricing-card--popular .plan-features-toggle { color: #93c5fd; }
489    .plan-features-toggle--payg { color: #b45309; }
490    .plan-btn { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 46px; margin-top: auto; padding: 0 16px; border-radius: 13px; font-size: 14px; font-weight: 850; text-align: center; text-decoration: none; transition: transform .15s ease, background .15s ease, border-color .15s ease; }
491    .plan-btn-outline { color: var(--ink); background: #fff; border: 1px solid #dce3ef; }
492    .plan-btn-outline:hover { background: #f8fbff; border-color: #cbd7ea; transform: translateY(-1px); }
493    .plan-btn-primary { color: #fff; background: linear-gradient(90deg, var(--blue), #3458f5); border: 1px solid rgba(37, 99, 235, .24); }
494    .plan-btn-primary:hover { background: linear-gradient(90deg, var(--blue-dark), #2f4ee8); transform: translateY(-1px); }
495    .plan-btn-amber { color: #fff; background: #f59e0b; border: 1px solid rgba(245, 158, 11, .32); }
496    .plan-btn-amber:hover { background: #d97706; transform: translateY(-1px); }
497
498    .faq-section { padding: 96px 0; background: #fff; border-top: 1px solid var(--line); }
499    .faq-layout { display: grid; gap: 34px; }
500    .faq-copy { max-width: 760px; margin: 0 auto; text-align: center; }
501    .faq-kicker { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 999px; color: var(--blue); background: #eaf3fe; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
502    .faq-title { margin: 0; color: var(--ink); font-size: clamp(34px, 4vw, 52px); line-height: 1.04; letter-spacing: -.05em; font-weight: 850; }
503    .faq-list { display: grid; gap: 12px; max-width: 900px; width: 100%; margin: 0 auto; }
504    .faq-item { border: 1px solid #e6eaf2; border-radius: 20px; background: linear-gradient(180deg, #fff, #fbfdff); box-shadow: 0 16px 45px rgba(15, 23, 42, .055); overflow: hidden; }
505    .faq-item[open] { border-color: rgba(37, 99, 235, .24); box-shadow: 0 22px 60px rgba(15, 23, 42, .08); }
506    .faq-question { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 22px; color: var(--ink); font-size: 16px; line-height: 1.35; font-weight: 850; cursor: pointer; }
507    .faq-question::-webkit-details-marker { display: none; }
508    .faq-question::after { content: "+"; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; flex: 0 0 auto; border-radius: 999px; color: var(--blue); background: #eef4ff; font-size: 20px; line-height: 1; font-weight: 700; }
509    .faq-item[open] .faq-question::after { content: "-"; color: #fff; background: var(--blue); }
510    .faq-answer { padding: 0 22px 22px; color: var(--ink-soft); font-size: 14.5px; line-height: 1.68; font-weight: 600; }
511    .faq-answer p { margin: 0; }
512
513    .final-cta { padding: 94px 0; background: radial-gradient(circle at 12% 10%, rgba(37, 99, 235, .16), transparent 34%), radial-gradient(circle at 86% 80%, rgba(22, 163, 74, .12), transparent 36%), #0f172a; border-top: 1px solid #172033; }
514    .final-cta__inner { text-align: center; max-width: 760px; margin: 0 auto; color: #fff; }
515    .final-cta__title { font-size: clamp(34px, 4vw, 54px); font-weight: 800; letter-spacing: -.05em; margin: 0 0 26px; line-height: 1.04; }
516    .final-cta__sub { font-size: 17px; line-height: 1.6; color: #cbd5e1; margin: 0 auto 30px; max-width: 590px; font-weight: 600; }
517	    .final-cta__btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
518	    .final-cta__microcopy { margin: 18px 0 0; color: #94a3b8; font-size: 13px; font-weight: 700; }
519
520	    /* FOOTER */
521	    .marketing-footer { padding: 58px 0 32px; background: #08111f; color: #f8fafc; border-top: 1px solid rgba(255, 255, 255, .08); }
522		    .footer-inner { width: min(100%, var(--page-max)); margin: 0 auto; padding: 0 var(--page-gutter); display: grid; grid-template-columns: minmax(240px, 1.45fr) repeat(4, minmax(130px, 1fr)); gap: 34px; }
523	    .footer-brand { max-width: 310px; }
524	    .footer-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
525	    .footer-logo img { width: 32px; height: 34px; object-fit: contain; }
526	    .footer-logo-copy { display: flex; flex-direction: column; line-height: 1.08; }
527	    .footer-logo-text { color: #fff; font-size: 15px; font-weight: 850; letter-spacing: -.02em; }
528	    .footer-logo-subtext { color: #91a0b7; font-size: 11px; font-weight: 700; }
529	    .footer-brand p { margin: 0; color: #a9b6ca; font-size: 14px; line-height: 1.65; font-weight: 600; }
530	    .footer-column h4 { margin: 0 0 12px; color: #64748b; font-size: 11px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
531	    .footer-column a { display: block; width: fit-content; padding: 5px 0; color: #cbd5e1; font-size: 13.5px; line-height: 1.35; font-weight: 700; text-decoration: none; transition: color .16s ease, transform .16s ease; }
532	    .footer-column a:hover { color: #fff; transform: translateX(2px); }
533					    .footer-bottom { width: min(100%, var(--page-max)); margin: 26px auto 0; padding: 22px var(--page-gutter) 0; border-top: 1px solid rgba(255, 255, 255, .08); display: flex; justify-content: center; }
534	    .footer-copy { color: #91a0b7; font-size: 12.5px; font-weight: 700; }
535
536	    /* RESPONSIVE */
537	    @media (max-width: 1100px) {
538      .nav-inner { gap: 10px; }
539      .nav-links { display: flex; flex: 1 1 auto; justify-content: center; gap: 6px; }
540      .nav-links .nav-dropdown { display: none; }
541      .nav-actions { gap: 6px; margin-left: auto; }
542      .nav-actions .nav-btn { min-height: 36px; padding: 0 11px; font-size: 12.5px; }
543
544      .main-lang-trigger { min-height: 36px; padding: 0 10px; font-size: 12.5px; }
545      .nav-actions .nav-btn-ghost { display: inline-flex; }
546      .nav-mobile-toggle { display: none; width: 36px; height: 36px; border-radius: 10px; }
547	      .nav-mobile-menu .mobile-divider,
548	      .nav-mobile-menu .mobile-actions { display: none !important; }
549      .nav-mobile-menu a[href="#how-it-works"],
550	      .nav-mobile-menu a[href="#features"],
551	      .nav-mobile-menu a[href="#pricing"] { display: none; }
552      .nav-logo-subtext { display: none; }
553      .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
554      .pricing-card--popular { transform: none; }
555      .pricing-card--popular:hover { transform: translateY(-2px); }
556      .footer-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
557	      .footer-brand { grid-column: 1 / -1; max-width: 520px; }
558	      .hero-grid { grid-template-columns: 1fr; gap: 48px; }
559	      .hero-copy { max-width: 680px; margin: 0 auto; }
560	      .testimonial-clean { max-width: none; }
561	      .hero-grid { gap: 22px; }
562	      .hero-copy > .testimonial-clean { display: none; }
563      .hero-visual { max-width: 680px; margin: 0 auto; }
564	      .testimonial-clean--mobile { display: block; max-width: 620px; margin: 10px auto 0; }
565	      .hero-copy > .hero-actions { display: none; }
566	      .hero-copy > .trust-row { display: none; }
567      .hero-actions--mobile { display: flex; justify-content: center; margin-top: 8px; margin-bottom: 6px; }
568      .hero-actions--mobile .btn { margin: 0 auto; }
569	      .trust-row--mobile { display: flex; }
570	      .trust-security-card { grid-template-columns: repeat(2, minmax(0, 1fr)); }
571	      .trust-security-intro { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid #e6eaf2; }
572	      .trust-security-item { border-left: 0; border-top: 1px solid rgba(230, 234, 242, .86); }
573	      .audience-grid { grid-template-columns: 1fr; }
574	      .workflow-video-card { grid-template-columns: 1fr; }
575	      .workflow-video-copy { max-width: 660px; }
576	      .feature-card,
577	      .feature-card:nth-child(even) { grid-template-columns: 1fr; }
578	      .feature-card:nth-child(even) .feature-preview { order: 0; }
579	      .more-features-head { flex-direction: column; align-items: flex-start; }
580	      .more-features-note { max-width: 620px; }
581	      .mini-features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
582	      .faq-layout { gap: 30px; }
583	      .section-head { flex-direction: column; gap: 14px; }
584		    }
585		    @media (min-width: 701px) and (max-width: 1100px) {
586		      .nav-actions { gap: 16px; }
587		      .nav-actions .nav-btn { min-height: 40px; padding: 0 16px; font-size: 13.5px; }
588
589              .main-lang-trigger { min-height: 40px; padding: 0 12px; }
590		      .nav-actions #navSignupBtn { position: relative; }
591		      .nav-actions #navSignupBtn::before { content: ""; position: absolute; left: -9px; top: 9px; bottom: 9px; width: 1px; background: rgba(148, 163, 184, .16); pointer-events: none; }
592		    }
593		    @media (max-width: 700px) {
594	      .container, .nav-inner, .footer-inner, .footer-bottom { padding-left: 20px; padding-right: 20px; }
595	      .marketing-nav { padding: 10px 0; }
596	      .nav-inner { gap: 10px; }
597      .nav-links { display: none; }
598	      .nav-logo img { width: 28px; height: 30px; object-fit: contain; }
599	      .nav-logo-copy { display: flex; flex-direction: column; line-height: 1.08; }
600		      .nav-logo-text { font-size: 13px; max-width: 74px; line-height: 1.04; white-space: normal; }
601		      .nav-logo-subtext { display: none; }
602			      .nav-actions { gap: 8px; }
603
604          .main-lang-trigger { width: 38px; min-height: 38px; padding: 0; }
605          .main-lang-code, .main-lang-chev { display: none; }
606          .main-lang-dropdown { right: -4px; min-width: 196px; }
607		      .nav-actions .nav-btn { min-height: 38px; padding: 0 12px; font-size: 12.5px; }
608		      .nav-actions .nav-btn-ghost { display: inline-flex; min-height: 40px; padding: 0 14px; font-size: 13px; }
609		      .nav-actions .nav-btn-primary { min-height: 38px; padding: 0 13px; font-size: 12.5px; }
610		      .nav-actions #navSignupBtn { position: relative; }
611		      .nav-actions #navSignupBtn::before { content: ""; position: absolute; left: -8px; top: 8px; bottom: 8px; width: 1px; background: rgba(148, 163, 184, .16); pointer-events: none; }
612		      .nav-mobile-toggle { display: none; }
613	      .nav-mobile-menu { left: 20px; right: 20px; }
614      .nav-mobile-menu a[href="#how-it-works"],
615	      .nav-mobile-menu a[href="#features"],
616	      .nav-mobile-menu a[href="#pricing"] { display: block; }
617      .footer-inner { grid-template-columns: 1fr; gap: 26px; }
618      .footer-brand { grid-column: auto; }
619      .footer-bottom { justify-content: flex-start; }
620      .marketing-pricing { padding: 58px 0; }
621      .marketing-section-header,
622      .pricing-group { padding-left: 20px; padding-right: 20px; }
623      .billing-cycle-toggle { width: calc(100% - 40px); flex-wrap: wrap; align-items: stretch; margin-bottom: 22px; }
624      .billing-cycle-btn { flex: 1 1 auto; min-width: 96px; padding: 0 10px; font-size: 12.5px; }
625      .pricing-grid { grid-template-columns: 1fr; }
626      .plan-card { padding: 22px; border-radius: 22px; }
627      .price-amount { font-size: 40px; }
628      .container { padding: 0 20px; }
629		      .hero, .conversion-section, .features-section, .faq-section, .final-cta { padding: 58px 0; }
630	      .workflow-video-section { padding: 0 0 58px; }
631	      .workflow-video-card { padding: 20px; border-radius: 22px; gap: 22px; }
632	      .workflow-video-stage { border-radius: 18px; }
633	      .workflow-video-play { min-height: 44px; padding: 0 14px 0 8px; gap: 8px; font-size: 12.5px; }
634	      .workflow-video-play-icon { width: 32px; height: 32px; }
635	      .workflow-video-play-icon svg { width: 16px; height: 16px; margin-left: 3px; }
636	      .more-features-section { padding: 0 0 58px; }
637			      .hero { padding-top: 48px; }
638			      .hero-grid { gap: 22px; }
639			      .hero-copy > .testimonial-clean { display: none; }
640			      .testimonial-clean--mobile { display: block; max-width: none; margin-top: 10px; }
641	      .hero-copy > .hero-actions { display: none; }
642	      .hero-copy > .trust-row { display: none; }
643	      .hero-actions--mobile { display: flex; margin-top: 8px; margin-bottom: 6px; }
644	      .trust-row--mobile { display: flex; }
645	      .hero-copy { order: 1; }
646	      .hero-actions--mobile { order: 2; }
647	      .trust-row--mobile { order: 3; }
648	      .hero-visual { order: 4; }
649	      .testimonial-clean--mobile { order: 5; }
650		      .trust-security-strip { margin-top: 0; padding: 22px 0 34px; }
651	      .trust-security-card { grid-template-columns: 1fr; border-radius: 20px; }
652	      .trust-security-intro,
653	      .trust-security-item { padding: 18px; }
654	      .trust-security-item { border-top: 1px solid rgba(230, 234, 242, .86); }
655	      .mockup-body { grid-template-columns: 1fr; }
656	      .transcript { border-right: none; border-bottom: 1px solid var(--line); }
657	      .audience-card { padding: 22px; border-radius: 18px; min-height: auto; }
658	      .features-head { text-align: left; margin-bottom: 28px; }
659	      .features-head .section-title,
660	      .features-head .section-subtitle { margin-left: 0; margin-right: 0; }
661	      .feature-card,
662	      .feature-card--wide { min-height: auto; padding: 22px; border-radius: 22px; }
663	      .feature-preview { min-height: 220px; padding: 12px; border-radius: 18px; }
664	      .feature-preview img,
665	      .feature-card--wide .feature-preview img { max-height: 320px; border-radius: 14px; }
666	      .more-features-panel { padding: 22px; border-radius: 22px; }
667	      .mini-features-grid { grid-template-columns: 1fr; }
668	      .mini-feature { min-height: auto; padding: 17px; border-radius: 18px; }
669	      .faq-layout { gap: 24px; }
670	      .faq-question { padding: 18px; font-size: 15px; }
671	      .faq-answer { padding: 0 18px 18px; font-size: 14px; }
672	      .final-cta__btns { flex-direction: column; align-items: stretch; }
673	      .final-cta__btns .btn { width: 100%; }
674      .hero-actions { flex-direction: column; align-items: stretch; width: 100%; }
675      .hero-actions .btn { width: 100%; }
676      .m-body { grid-template-columns: 1fr; }
677      .m-actions { display: none; }
678      .m-player { padding: 10px 12px 12px; gap: 9px; }
679	      .m-player-controls { display: none; }
680	      .m-transcript-card { padding: 16px; }
681	      .m-topbar { align-items: stretch; flex-direction: column; gap: 8px; padding: 12px; }
682	      .m-file-name { justify-content: center; width: 100%; }
683	      .m-search { max-width: none; }
684	      .hero-title-main { white-space: normal; }
685	      .hero-title-rotator { display: block; margin-top: .16em; }
686	      .hero-title-switch { font-size: clamp(31px, 8.4vw, 38px); line-height: 1.08; letter-spacing: -.04em; }
687	      .hero-sub-desktop { display: none; }
688	      .hero-sub-mobile { display: inline; }
689		    }
690
691    @keyframes heroTitleWriteOne {
692      0% { opacity: 1; clip-path: inset(-.18em 100% -.22em 0); transform: translateY(.03em); }
693      14%, 42% { opacity: 1; clip-path: inset(-.18em 0 -.22em 0); transform: translateY(0); }
694      48%, 100% { opacity: 0; clip-path: inset(-.18em 100% -.22em 0); transform: translateY(-.03em); }
695    }
696    @keyframes heroTitleWriteTwo {
697      0%, 49% { opacity: 0; clip-path: inset(-.18em 100% -.22em 0); transform: translateY(.03em); }
698      50% { opacity: 1; clip-path: inset(-.18em 100% -.22em 0); transform: translateY(.03em); }
699      64%, 91% { opacity: 1; clip-path: inset(-.18em 0 -.22em 0); transform: translateY(0); }
700      97%, 100% { opacity: 0; clip-path: inset(-.18em 100% -.22em 0); transform: translateY(-.03em); }
701    }
702    @keyframes heroTitleUnderlineOne {
703      0%, 8% { opacity: 0; transform: scaleX(0); }
704      18%, 42% { opacity: 1; transform: scaleX(1); }
705      48%, 100% { opacity: 0; transform: scaleX(0); }
706    }
707    @keyframes heroTitleUnderlineTwo {
708      0%, 58% { opacity: 0; transform: scaleX(0); }
709      68%, 91% { opacity: 1; transform: scaleX(1); }
710      97%, 100% { opacity: 0; transform: scaleX(0); }
711    }
712    @media (prefers-reduced-motion: reduce) {
713      .hero-title-switch__item { animation: none !important; }
714      .hero-title-switch__item::after { animation: none !important; }
715      .hero-title-switch__item--one { clip-path: none; opacity: 1; transform: none; }
716      .hero-title-switch__item--one::after { opacity: 1; transform: scaleX(1); }
717      .hero-title-switch__item--two { display: none; }
718    }
719
720    .mockup-shell .m-search { will-change: color; }
721    .mockup-shell.is-demo-animated .m-search {
722      position: relative;
723      overflow: hidden;
724      animation: materialSearchText 5.6s ease-in-out 1 both;
725    }
726    .mockup-shell.is-demo-animated .m-search::after {
727      content: "Buscar en la transcripción...";
728      position: absolute;
729      left: 34px;
730      top: 50%;
731      max-width: calc(100% - 46px);
732      color: #64748b;
733      overflow: hidden;
734      white-space: nowrap;
735      transform: translateY(-50%);
736      animation: materialSearchType 5.6s steps(23, end) 1 forwards;
737    }
738    @keyframes materialSearchType {
739      0%, 8% { width: 0; opacity: 1; }
740      34%, 100% { width: 142px; opacity: 1; }
741    }
742    @keyframes materialSearchText {
743      0%, 100% { color: transparent; }
744    }
745    @media (prefers-reduced-motion: reduce) {
746      .mockup-shell.is-demo-animated .m-search,
747      .mockup-shell.is-demo-animated .m-search::after {
748        animation: none !important;
749        color: inherit;
750        opacity: 1;
751        transform: none;
752      }
753      .mockup-shell.is-demo-animated .m-search::after {
754        display: none;
755      }
756    }
757	  </style>
758</head>
759<body>
760
761  <!-- NAV -->
762  <nav class="marketing-nav" aria-label="Navegación principal">
763    <div class="nav-inner">
764      <a href="/es/" class="nav-logo">
765        <img class="nav-logo-light" src="/ory.png?v=20260608b" width="32" height="34" alt="Orynote">
766        <img class="nav-logo-dark" src="/ory.png?v=20260608b" width="32" height="34" alt="Orynote">
767        <span class="nav-logo-copy">
768          <span class="nav-logo-text">Orynote</span>
769        </span>
770      </a>
771
772      <div class="nav-links">
773<a href="#how-it-works" class="nav-link">Cómo funciona</a>
774	        <a href="#features" class="nav-link">Funciones</a>
775	        <a href="#pricing" class="nav-link">Precios</a>
776      </div>
777
778      <div class="nav-actions">
779        <div class="main-lang-selector" data-main-lang-selector>
780          <button class="main-lang-trigger" type="button" aria-haspopup="listbox" aria-expanded="false" aria-label="Seleccionar idioma">
781            <svg class="main-lang-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
782              <path d="M12 21a9 9 0 100-18 9 9 0 000 18Z" stroke="currentColor" stroke-width="1.8"/>
783              <path d="M3.6 9h16.8M3.6 15h16.8M12 3c2.15 2.22 3.2 5.2 3.2 9s-1.05 6.78-3.2 9M12 3c-2.15 2.22-3.2 5.2-3.2 9s1.05 6.78 3.2 9" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
784            </svg>
785            <span class="main-lang-code">ES</span>
786            <span class="main-lang-chev" aria-hidden="true"></span>
787          </button>
788          <div class="main-lang-dropdown" role="listbox" aria-label="Opciones de idioma">
789              <a class="main-lang-item" href="/" data-lang-code="EN" role="option" aria-selected="false">
790                <span class="main-lang-item-code">EN</span>
791                <span class="main-lang-item-name">English</span>
792                <span class="main-lang-check" aria-hidden="true">✓</span>
793              </a>
794              <a class="main-lang-item" href="/de/" data-lang-code="DE" role="option" aria-selected="false">
795                <span class="main-lang-item-code">DE</span>
796                <span class="main-lang-item-name">Deutsch</span>
797                <span class="main-lang-check" aria-hidden="true">✓</span>
798              </a>
799              <a class="main-lang-item is-active" href="/es/" data-lang-code="ES" role="option" aria-selected="true" aria-current="page">
800                <span class="main-lang-item-code">ES</span>
801                <span class="main-lang-item-name">Español</span>
802                <span class="main-lang-check" aria-hidden="true">✓</span>
803              </a>
804              <a class="main-lang-item" href="/fr/" data-lang-code="FR" role="option" aria-selected="false">
805                <span class="main-lang-item-code">FR</span>
806                <span class="main-lang-item-name">Français</span>
807                <span class="main-lang-check" aria-hidden="true">✓</span>
808              </a>
809              <a class="main-lang-item" href="/it/" data-lang-code="IT" role="option" aria-selected="false">
810                <span class="main-lang-item-code">IT</span>
811                <span class="main-lang-item-name">Italiano</span>
812                <span class="main-lang-check" aria-hidden="true">✓</span>
813              </a>
814              <a class="main-lang-item" href="/nl/" data-lang-code="NL" role="option" aria-selected="false">
815                <span class="main-lang-item-code">NL</span>
816                <span class="main-lang-item-name">Nederlands</span>
817                <span class="main-lang-check" aria-hidden="true">✓</span>
818              </a>
819              <a class="main-lang-item" href="/sv/" data-lang-code="SV" role="option" aria-selected="false">
820                <span class="main-lang-item-code">SV</span>
821                <span class="main-lang-item-name">Svenska</span>
822                <span class="main-lang-check" aria-hidden="true">✓</span>
823              </a>
824              <a class="main-lang-item" href="/da/" data-lang-code="DA" role="option" aria-selected="false">
825                <span class="main-lang-item-code">DA</span>
826                <span class="main-lang-item-name">Dansk</span>
827                <span class="main-lang-check" aria-hidden="true">✓</span>
828              </a>
829              <a class="main-lang-item" href="/no/" data-lang-code="NO" role="option" aria-selected="false">
830                <span class="main-lang-item-code">NO</span>
831                <span class="main-lang-item-name">Norsk</span>
832                <span class="main-lang-check" aria-hidden="true">✓</span>
833              </a>
834          </div>
835        </div>
836        <a href="https://orynote.com/es/signin/" class="nav-btn nav-btn-ghost" id="navLoginBtn">Iniciar sesión</a>
837        <a href="https://orynote.com/es/signup/" class="nav-btn nav-btn-primary" id="navSignupBtn">Empezar gratis</a>
838        <a href="https://orynote.com/dashboard/transcripts" class="nav-btn nav-btn-primary hidden" id="navDashboardBtn">Panel</a>
839        <button class="nav-mobile-toggle" type="button" aria-label="Abrir navegación" aria-controls="mobileMenu" aria-expanded="false">
840          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
841            <path d="M3 6h18"></path>
842            <path d="M3 12h18"></path>
843            <path d="M3 18h18"></path>
844          </svg>
845        </button>
846      </div>
847    </div>
848
849	    <div class="nav-mobile-menu" id="mobileMenu">
850      <a href="#how-it-works">Cómo funciona</a>
851	      <a href="#features">Funciones</a>
852	      <a href="#pricing">Precios</a>
853      <div class="mobile-divider"></div>
854      <div class="mobile-actions">
855        <a href="https://orynote.com/es/signin/" id="navMobileLoginBtn">Iniciar sesión</a>
856        <a href="https://orynote.com/es/signup/" class="mobile-btn-primary" id="navMobileSignupBtn">Empezar gratis</a>
857        <a href="https://orynote.com/dashboard/transcripts" class="mobile-btn-primary hidden" id="navMobileDashboardBtn">Panel</a>
858      </div>
859    </div>
860  </nav>
861
862  <!-- HERO -->
863  <section class="hero">
864    <div class="container">
865      <div class="hero-grid">
866        <div class="hero-copy">
867          <h1 class="hero-title" aria-label="Transcripción IA para reuniones, llamadas, entrevistas e investigación."><span class="hero-title-main">Transcripción <span class="gradient-text">IA</span> para</span><span class="hero-title-rotator"><span class="hero-title-switch" aria-hidden="true"><span class="hero-title-switch__sizer">entrevistas e investigación</span><span class="hero-title-switch__item hero-title-switch__item--one">reuniones y llamadas</span><span class="hero-title-switch__item hero-title-switch__item--two">entrevistas e investigación</span></span></span></h1>
868          <p class="hero-sub"><span class="hero-sub-desktop">Sube cualquier grabación y obtén transcripciones precisas, resúmenes IA, chat IA, etiquetas de hablante, comentarios, tareas y exports compartibles — todo en un solo espacio</span><span class="hero-sub-mobile">Sube cualquier grabación y obtén transcripciones precisas, resúmenes IA, chat IA, etiquetas de hablante, comentarios, tareas y exports compartibles — todo en un solo espacio</span></p>
869
870          <div class="testimonial-clean">
871            <p class="testimonial-clean__quote">«Antes pasaba horas escuchando de nuevo. Ahora obtengo un resumen, decisiones y tareas en tres minutos.»</p>
872            <div class="testimonial-clean__bottom">
873              <div class="testimonial-clean__avatar">MR</div>
874              <div class="testimonial-clean__attr"><span class="testimonial-clean__name">Dr. Maria Rodriguez</span> · Investigadora cualitativa</div>
875              <span class="testimonial-clean__stars">★★★★★</span>
876            </div>
877          </div>
878
879          <div class="hero-actions">
880            <a class="btn btn-primary" href="https://orynote.com/es/signup/">Empezar gratis <span>→</span></a>
881          </div>
882
883          <div class="trust-row">
884            <div class="trust-item"><span class="trust-check">✓</span>30 minutos gratis</div>
885            <div class="trust-item"><span class="trust-check">✓</span>Sin tarjeta</div>
886            <div class="trust-item"><span class="trust-check">✓</span>Cumple con el RGPD</div>
887          </div>
888        </div>
889
890	        <div class="hero-visual">
891          <div class="mockup-shell" aria-label="Vista previa del editor de transcripción">
892            <div class="m-topbar">
893              <div class="m-file-name">
894                <svg class="m-file-icon" viewBox="0 0 16 16" fill="none" aria-hidden="true">
895                  <path d="M4 2.5h5l3 3V13a1.2 1.2 0 0 1-1.2 1.2H4A1.2 1.2 0 0 1 2.8 13V3.7A1.2 1.2 0 0 1 4 2.5Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/>
896                  <path d="M9 2.5v3h3" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/>
897                </svg>
898                zoom_meeting.mp4
899              </div>
900              <div class="m-search">
901                <svg class="m-search-icon" viewBox="0 0 16 16" fill="none">
902                  <circle cx="7" cy="7" r="5" stroke="currentColor" stroke-width="1.5"/>
903                  <path d="M11 11l3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
904                </svg>
905                Buscar en la transcripción...
906              </div>
907            </div>
908
909            <div class="m-body">
910              <div class="m-transcript-card">
911                <div class="m-line">
912                  <div class="m-speaker-row">
913                    <span class="m-speaker m-speaker--blue">Sarah Kim</span>
914                    <span class="m-time">0:01</span>
915                  </div>
916                  <p class="m-text">Tenemos que decidir hoy el cambio de precios del Q4. Finanzas quiere aprobarlo antes del viernes.</p>
917                </div>
918
919                <div class="m-line">
920                  <div class="m-speaker-row">
921                    <span class="m-speaker m-speaker--green">James Okonkwo</span>
922                    <span class="m-time">0:06</span>
923                  </div>
924                  <p class="m-text">Estoy de acuerdo con la subida. La pregunta real es si mantenemos condiciones a los clientes actuales.</p>
925                </div>
926
927                <div class="m-line">
928                  <div class="m-speaker-row">
929                    <span class="m-speaker m-speaker--orange">Daniel Park</span>
930                    <span class="m-time">0:09</span>
931                  </div>
932                  <p class="m-text">Aquí pondría objeciones. Nuestras diez cuentas principales se fueron el año pasado cuando cambiamos los planes.</p>
933                </div>
934
935                <div class="m-line">
936                  <div class="m-speaker-row">
937                    <span class="m-speaker m-speaker--green">James Okonkwo</span>
938                    <span class="m-time">0:11</span>
939                  </div>
940                  <p class="m-text">Vale. <span class="m-text-highlight">Doce meses con condiciones anteriores y luego migración.</span> James, prepara la comunicación para el jueves.</p>
941                </div>
942
943                <div class="m-line">
944                  <div class="m-speaker-row">
945                    <span class="m-speaker m-speaker--orange">Daniel Park</span>
946                    <span class="m-time">0:14</span>
947                  </div>
948                  <p class="m-text">Entendido. También incluiré a legal para actualizar el contrato.</p>
949                </div>
950              </div>
951
952              <div class="m-actions" aria-label="Acciones de transcripción">
953                <button class="m-action-btn m-action-copy" type="button">
954                  <svg class="m-action-icon" viewBox="0 0 16 16" fill="none">
955                    <rect x="4" y="4" width="9" height="9" rx="1.4" stroke="currentColor" stroke-width="1.4"/>
956                    <path d="M2.5 10V4a1.4 1.4 0 011.4-1.4h6" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
957                  </svg>
958                  Copiar
959                </button>
960
961                <button class="m-action-btn m-action-export" type="button">
962                  <svg class="m-action-icon" viewBox="0 0 16 16" fill="none">
963                    <path d="M8 2v8M5 7l3 3 3-3M2.5 13h11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
964                  </svg>
965                  Exportar
966                </button>
967
968                <button class="m-action-btn m-action-share" type="button">
969                  <svg class="m-action-icon" viewBox="0 0 16 16" fill="none">
970                    <circle cx="4" cy="8" r="1.6" stroke="currentColor" stroke-width="1.4"/>
971                    <circle cx="12" cy="4" r="1.6" stroke="currentColor" stroke-width="1.4"/>
972                    <circle cx="12" cy="12" r="1.6" stroke="currentColor" stroke-width="1.4"/>
973                    <path d="M5.5 7.2L10.5 4.8M5.5 8.8L10.5 11.2" stroke="currentColor" stroke-width="1.4"/>
974                  </svg>
975                  Compartir
976                </button>
977
978	                <button class="m-action-btn m-action-summary" type="button">
979	                  <svg class="m-action-icon" viewBox="0 0 16 16" fill="none">
980	                    <rect x="3" y="3" width="10" height="10" rx="1.4" stroke="currentColor" stroke-width="1.4"/>
981	                    <path d="M5.5 6h5M5.5 8h5M5.5 10h3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
982	                  </svg>
983	                  Resumen
984	                </button>
985
986		                <button class="m-action-btn m-action-translate" type="button">
987	                  <svg class="m-action-icon" viewBox="0 0 16 16" fill="none">
988                    <path d="M3 4.5h6M6 2.5v2M9 4.5s-1 4-5 6.5M9 4.5s1.5 4 5 5.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
989                    <path d="M9 13l2-4 2 4M9.7 12h2.6" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
990                  </svg>
991                  Traducir
992                </button>
993
994                <div class="m-display-divider">VISTA</div>
995
996                <div class="m-toggle-row">
997                  <span>Hablantes</span>
998                  <span class="m-toggle on"></span>
999                </div>
1000                <div class="m-toggle-row">
1001                  <span>Tiempos</span>
1002                  <span class="m-toggle"></span>
1003                </div>
1004                <div class="m-toggle-row">
1005                  <span>Auto-scroll</span>
1006                  <span class="m-toggle on"></span>
1007                </div>
1008
1009                <button class="m-ask-ai" type="button">
1010                  <svg class="m-ask-ai-icon" viewBox="0 0 14 14" fill="none">
1011                    <path d="M7 1.5L8 4.5L11 5.5L8 6.5L7 9.5L6 6.5L3 5.5L6 4.5L7 1.5Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round" fill="currentColor" fill-opacity=".2"/>
1012                  </svg>
1013                  Chat IA
1014                </button>
1015              </div>
1016            </div>
1017
1018            <div class="m-player">
1019              <span class="m-play-btn">
1020                <svg viewBox="0 0 12 12" fill="currentColor">
1021                  <path d="M3 1.5v9l7-4.5-7-4.5z"/>
1022                </svg>
1023              </span>
1024              <div class="m-progress">
1025                <span class="m-time-current">0:10</span>
1026                <div class="m-progress-bar"></div>
1027                <span class="m-time-total">42:17</span>
1028              </div>
1029              <div class="m-player-controls">
1030                <button class="m-control-btn" type="button">‹</button>
1031                <button class="m-control-btn" type="button">›</button>
1032                <button class="m-control-btn" type="button" aria-label="Volumen">
1033                  <svg viewBox="0 0 14 14" fill="none">
1034                    <path d="M3 5h2l3-2v8l-3-2H3V5zM10 5s1 1 1 2-1 2-1 2M11.5 3.5s2 1.5 2 3.5-2 3.5-2 3.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
1035                  </svg>
1036                </button>
1037              </div>
1038            </div>
1039
1040	          </div>
1041	        </div>
1042
1043          <div class="testimonial-clean testimonial-clean--mobile">
1044            <p class="testimonial-clean__quote">«Antes pasaba horas escuchando de nuevo. Ahora obtengo un resumen, decisiones y tareas en tres minutos.»</p>
1045            <div class="testimonial-clean__bottom">
1046              <div class="testimonial-clean__avatar">MR</div>
1047              <div class="testimonial-clean__attr"><span class="testimonial-clean__name">Dr. Maria Rodriguez</span> · Investigadora cualitativa</div>
1048              <span class="testimonial-clean__stars">★★★★★</span>
1049            </div>
1050          </div>
1051
1052          <div class="hero-actions hero-actions--mobile">
1053            <a class="btn btn-primary" href="https://orynote.com/es/signup/">Empezar gratis <span>→</span></a>
1054          </div>
1055
1056          <div class="trust-row trust-row--mobile">
1057            <div class="trust-item"><span class="trust-check">✓</span>30 minutos gratis</div>
1058            <div class="trust-item"><span class="trust-check">✓</span>Sin tarjeta</div>
1059            <div class="trust-item"><span class="trust-check">✓</span>Cumple con el RGPD</div>
1060	        </div>
1061	      </div>
1062		    </div>
1063		  </section>
1064
1065  <!-- TRUST SECURITY -->
1066  <section class="trust-security-strip" aria-label="Aspectos de confianza y seguridad">
1067    <div class="container">
1068      <div class="trust-security-card">
1069	        <div class="trust-security-intro">
1070	          <p class="trust-security-title">Por qué la gente empieza y se queda.</p>
1071	        </div>
1072
1073        <div class="trust-security-item">
1074          <span class="trust-security-icon" aria-hidden="true"></span>
1075          <span>
1076            <span class="trust-security-label">1.839+ usuarios</span>
1077            <span class="trust-security-note">Usado para reuniones, entrevistas y contenido.</span>
1078          </span>
1079        </div>
1080
1081        <div class="trust-security-item green">
1082          <span class="trust-security-icon" aria-hidden="true"></span>
1083          <span>
1084            <span class="trust-security-label">99 % de precisión</span>
1085            <span class="trust-security-note">Alta precisión en cualquier grabación.</span>
1086          </span>
1087        </div>
1088
1089        <div class="trust-security-item purple">
1090          <span class="trust-security-icon" aria-hidden="true"></span>
1091          <span>
1092            <span class="trust-security-label">135+ idiomas</span>
1093            <span class="trust-security-note">Transcribe audio y vídeo global.</span>
1094          </span>
1095        </div>
1096
1097        <div class="trust-security-item orange">
1098          <span class="trust-security-icon" aria-hidden="true"></span>
1099          <span>
1100            <span class="trust-security-label">Cumple con el RGPD</span>
1101            <span class="trust-security-note">Diseñado para workflows con privacidad.</span>
1102          </span>
1103        </div>
1104
1105        <div class="trust-security-item">
1106          <span class="trust-security-icon" aria-hidden="true"></span>
1107          <span>
1108            <span class="trust-security-label">Sin tarjeta</span>
1109            <span class="trust-security-note">Empieza con 30 minutos gratis.</span>
1110          </span>
1111	        </div>
1112	      </div>
1113		    </div>
1114		  </section>
1115
1116  <!-- AUDIENCES -->
1117  <section class="conversion-section">
1118    <div class="container">
1119      <div class="section-head">
1120        <div>
1121          <span class="section-eyebrow">Creado para trabajo real</span>
1122          <h2 class="section-title">El mismo motor de transcripción, ajustado al trabajo que necesitas hacer.</h2>
1123        </div>
1124      </div>
1125
1126      <div class="audience-grid">
1127        <div class="audience-card">
1128          <span class="audience-tag">Equipos</span>
1129          <h3 class="audience-title">Transcripción de reuniones para Zoom, Google Meet y Teams.</h3>
1130          <p class="audience-desc">Sube grabaciones de Zoom, Microsoft Teams, Google Meet o Webex y obtén transcripciones de reuniones buscables con hablantes, resúmenes, decisiones y tareas.</p>
1131          <ul class="audience-list">
1132            <li>Etiquetas de hablante para llamadas con varias personas</li>
1133            <li>Resumen, decisiones y tareas</li>
1134            <li>Enlaces para quienes no asistieron</li>
1135          </ul>
1136        </div>
1137
1138        <div class="audience-card green">
1139          <span class="audience-tag">Investigación</span>
1140          <h3 class="audience-title">Transcripción de entrevistas e investigación para análisis.</h3>
1141          <p class="audience-desc">Transcribe entrevistas, focus groups y grabaciones de investigación con marcas de tiempo, citas buscables, exportaciones y texto limpio para analizar.</p>
1142          <ul class="audience-list">
1143            <li>Soporte para entrevistas largas y focus groups</li>
1144            <li>Encuentra citas importantes con búsqueda</li>
1145            <li>Exporta texto limpio para herramientas de análisis</li>
1146          </ul>
1147        </div>
1148
1149        <div class="audience-card orange">
1150          <span class="audience-tag">Contenido</span>
1151          <h3 class="audience-title">Transcribe llamadas, vídeos, podcasts y webinars.</h3>
1152          <p class="audience-desc">Convierte llamadas de clientes, podcasts, webinars, clases y vídeos en texto limpio, subtítulos, resúmenes y exportaciones compartibles.</p>
1153          <ul class="audience-list">
1154            <li>Exportaciones de subtítulos SRT y VTT</li>
1155            <li>Revisión lista para citas</li>
1156            <li>Traducción para contenido global</li>
1157          </ul>
1158        </div>
1159      </div>
1160    </div>
1161	  </section>
1162
1163  <!-- WORKFLOW VIDEO -->
1164  <section class="workflow-video-section" id="how-it-works" aria-labelledby="workflow-video-title">
1165    <div class="container">
1166      <div class="workflow-video-card">
1167        <div class="workflow-video-copy">
1168          <span class="workflow-video-kicker">Cómo funciona</span>
1169          <h2 class="workflow-video-title" id="workflow-video-title">Del upload a la transcripción final en un solo flujo.</h2>
1170          <p class="workflow-video-text">Una demo corta muestra el camino real: subir un archivo, revisar la transcripción y usar resumen, export, compartir y Preguntar a la IA cuando el texto está listo.</p>
1171          <ul class="workflow-video-points">
1172            <li>Mira el producto sin iniciar un registro</li>
1173            <li>Ve resumen, export, compartir y Preguntar a la IA en contexto</li>
1174          </ul>
1175        </div>
1176
1177	        <div class="workflow-video-media">
1178	          <div class="workflow-video-stage" data-workflow-video>
1179            <img class="workflow-video-poster" src="/assets/features/optimized/main-page-walkthrough-thumb-768.webp" width="768" height="406" alt="Vista previa del vídeo del producto" loading="lazy" decoding="async">
1180            <video class="workflow-video-player" controls playsinline preload="none" poster="/assets/features/optimized/main-page-walkthrough-thumb-768.webp" data-video-src="/assets/features/main-page-walkthrough.mp4" aria-label="Vídeo del producto"></video>
1181            <button class="workflow-video-play" type="button" aria-label="Reproducir vídeo del producto">
1182              <span class="workflow-video-play-icon" aria-hidden="true">
1183                <svg viewBox="0 0 12 12" fill="currentColor">
1184                  <path d="M3 1.5v9l7-4.5-7-4.5z"></path>
1185                </svg>
1186              </span>
1187              <span>Ver 51 s</span>
1188            </button>
1189          </div>
1190	        </div>
1191	      </div>
1192	    </div>
1193	  </section>
1194
1195	  <!-- FEATURES -->
1196	  <section class="features-section" id="features">
1197	    <div class="container">
1198	      <div class="features-head">
1199	        <span class="section-eyebrow">Funciones principales</span>
1200	        <h2 class="section-title">Todo lo que necesitas después de la transcripción.</h2>
1201	        <p class="section-subtitle">Desde una grabación, crea resúmenes, exporta archivos útiles, comparte resultados, graba reuniones y pregunta sin releer todo.</p>
1202	      </div>
1203
1204	      <div class="features-grid">
1205	        <article class="feature-card feature-card--wide">
1206	          <div class="feature-copy">
1207	            <span class="feature-kicker">Resumen IA</span>
1208	            <h3 class="feature-title">Convierte grabaciones largas en decisiones.</h3>
1209	            <p class="feature-desc">Obtén lo que necesitas: ideas principales, notas, evidencia y próximos pasos accionables.</p>
1210	            <ul class="feature-points">
1211	              <li>Ideas principales sin releer toda la transcripción</li>
1212	              <li>Notas y evidencia vinculadas a la fuente</li>
1213	              <li>Útil tras llamadas, entrevistas, clases y vídeos</li>
1214	            </ul>
1215	          </div>
1216	          <div class="feature-preview">
1217	            <img src="/assets/features/optimized/summary-1050.webp" width="1050" height="871" alt="Resumen IA y notas dentro de la página de transcripción" loading="lazy" decoding="async">
1218	          </div>
1219	        </article>
1220
1221	        <article class="feature-card feature-card--green">
1222	          <div class="feature-copy">
1223	            <span class="feature-kicker green">Exportar</span>
1224	            <h3 class="feature-title">Formatos de exportación que mantienen el trabajo en marcha.</h3>
1225	            <p class="feature-desc">Descarga la transcripción en el formato que necesita cada workflow, desde texto limpio hasta subtítulos y datos estructurados.</p>
1226	            <ul class="feature-points">
1227	              <li>TXT, PDF, DOCX, SRT, VTT, CSV y JSON</li>
1228	              <li>Etiquetas de hablante y marcas de tiempo cuando haga falta</li>
1229	              <li>Listo para subtítulos, informes y documentación</li>
1230	            </ul>
1231	          </div>
1232	          <div class="feature-preview">
1233	            <img src="/assets/features/optimized/export-882.webp" width="882" height="1119" alt="Opciones de formato de exportación de transcripción" loading="lazy" decoding="async">
1234	          </div>
1235	        </article>
1236
1237	        <article class="feature-card feature-card--share">
1238	          <div class="feature-copy">
1239	            <span class="feature-kicker">Compartir</span>
1240	            <h3 class="feature-title">Comparte transcripciones sin enviar archivos.</h3>
1241	            <p class="feature-desc">Crea una página compartida limpia para que equipo, clientes o colaboradores revisen desde un enlace.</p>
1242	            <ul class="feature-points">
1243	              <li>Enlace privado para revisión rápida</li>
1244	              <li>Compartir por email con colaboradores</li>
1245	              <li>Útil para quienes se perdieron la reunión</li>
1246	            </ul>
1247	          </div>
1248	          <div class="feature-preview">
1249	            <img src="/assets/features/optimized/urlshare-1050.webp" width="1050" height="769" alt="Modal de enlace compartido de transcripción" loading="lazy" decoding="async">
1250	          </div>
1251	        </article>
1252
1253	        <article class="feature-card feature-card--dark">
1254	          <div class="feature-copy">
1255	            <span class="feature-kicker">Extensión</span>
1256	            <h3 class="feature-title">Graba reuniones sin salir del navegador.</h3>
1257	            <p class="feature-desc">Captura una reunión, clase o sesión del navegador y envíala directo al flujo de transcripción.</p>
1258	            <ul class="feature-points">
1259	              <li>Graba audio del navegador y micrófono</li>
1260	              <li>Nombra grabaciones antes de transcribir</li>
1261	              <li>Funciona de forma natural con reuniones online</li>
1262	            </ul>
1263	            <div class="feature-extension-actions">
1264	              <a class="chrome-store-btn" href="https://chromewebstore.google.com/detail/meeting-recorder-transcri/ocpllefabhcfcjfigflnpogcbnfpiojf" target="_blank" rel="noopener"><svg viewBox="0 0 48 48" aria-hidden="true"><path fill="#EA4335" d="M24 4a20 20 0 0 1 17.3 10H24a10 10 0 0 0-8.7 5L7.1 9.1A19.9 19.9 0 0 1 24 4z"/><path fill="#FBBC04" d="M41.3 14A20 20 0 0 1 24 44l8.6-15A10 10 0 0 0 34 24a9.9 9.9 0 0 0-1.4-5z"/><path fill="#34A853" d="M24 44A20 20 0 0 1 7.1 9.1L15.3 19A10 10 0 0 0 24 34h8.6z"/><circle cx="24" cy="24" r="8" fill="#4285F4"/><circle cx="24" cy="24" r="4.8" fill="#fff" opacity=".9"/></svg><span>Añadir a Chrome</span></a>
1265	              <span class="feature-extension-note">Chrome Web Store</span>
1266	            </div>
1267	          </div>
1268	          <div class="feature-preview">
1269	            <img src="/assets/features/optimized/extension-676.webp" width="676" height="1174" alt="Panel de grabación de la extensión" loading="lazy" decoding="async">
1270	          </div>
1271	        </article>
1272
1273	        <article class="feature-card feature-card--orange">
1274	          <div class="feature-copy">
1275	            <span class="feature-kicker orange">Preguntar a la IA</span>
1276	            <h3 class="feature-title">Chatea con tu transcripción en vez de releerla.</h3>
1277	            <p class="feature-desc">Encuentra respuestas, riesgos, seguimientos y detalles exactos en grabaciones largas sin perder contexto.</p>
1278	            <ul class="feature-points">
1279	              <li>Haz preguntas específicas sobre la grabación</li>
1280	              <li>Encuentra tareas, riesgos y decisiones</li>
1281	              <li>Útil para revisar tras sesiones largas</li>
1282	            </ul>
1283	          </div>
1284	          <div class="feature-preview">
1285	            <img src="/assets/features/optimized/aichat-730.webp" width="730" height="1120" alt="Panel de preguntas IA sobre la transcripción" loading="lazy" decoding="async">
1286	          </div>
1287	        </article>
1288	      </div>
1289	      <div class="features-screenshot-cta">
1290	        <a class="btn btn-primary" href="https://orynote.com/es/signup/">Empezar gratis <span>→</span></a>
1291	      </div>
1292	    </div>
1293	  </section>
1294
1295	  <!-- MORE FEATURES -->
1296	  <section class="more-features-section" aria-labelledby="more-features-title">
1297	    <div class="container">
1298	      <div class="more-features-panel">
1299	        <div class="more-features-head">
1300	          <div class="more-features-copy">
1301	            <span class="more-features-kicker">También incluido</span>
1302	            <h2 class="more-features-title" id="more-features-title">Los detalles que esperan los profesionales ya están integrados.</h2>
1303	          </div>
1304	        </div>
1305
1306	        <div class="mini-features-grid">
1307	          <article class="mini-feature">
1308	            <span class="mini-feature-icon" aria-hidden="true">
1309	              <svg viewBox="0 0 24 24"><rect x="5" y="4" width="14" height="16" rx="2"></rect><path d="M9 9h6"></path><path d="M9 13h4"></path><path d="m8 17 1.5 1.5L13 15"></path></svg>
1310	            </span>
1311	            <h3 class="mini-feature-title">Tareas</h3>
1312	            <p class="mini-feature-desc">Convierte transcripciones en seguimientos, asignaciones y próximos pasos.</p>
1313	          </article>
1314
1315	          <article class="mini-feature green">
1316	            <span class="mini-feature-icon" aria-hidden="true">
1317	              <svg viewBox="0 0 24 24"><path d="M7 18a4 4 0 0 1 8 0"></path><circle cx="11" cy="9" r="3"></circle><path d="M17 8c1.4.4 2.5 1.7 2.5 3.2S18.4 14 17 14.4"></path></svg>
1318	            </span>
1319	            <h3 class="mini-feature-title">Detección de hablantes</h3>
1320	            <p class="mini-feature-desc">Separa voces automáticamente en reuniones y entrevistas.</p>
1321	          </article>
1322
1323	          <article class="mini-feature orange">
1324	            <span class="mini-feature-icon" aria-hidden="true">
1325	              <svg viewBox="0 0 24 24"><circle cx="10.5" cy="10.5" r="5.5"></circle><path d="m15 15 4 4"></path></svg>
1326	            </span>
1327	            <h3 class="mini-feature-title">Buscar dentro de transcripciones</h3>
1328	            <p class="mini-feature-desc">Encuentra nombres, temas y frases exactas al instante.</p>
1329	          </article>
1330
1331	          <article class="mini-feature slate">
1332	            <span class="mini-feature-icon" aria-hidden="true">
1333	              <svg viewBox="0 0 24 24"><path d="M5 6.5A2.5 2.5 0 0 1 7.5 4h9A2.5 2.5 0 0 1 19 6.5v6A2.5 2.5 0 0 1 16.5 15H11l-4.5 4v-4A2.5 2.5 0 0 1 4 12.5z"></path></svg>
1334	            </span>
1335	            <h3 class="mini-feature-title">Comentarios</h3>
1336	            <p class="mini-feature-desc">Deja notas en momentos concretos de la transcripción.</p>
1337	          </article>
1338
1339	          <article class="mini-feature">
1340	            <span class="mini-feature-icon" aria-hidden="true">
1341	              <svg viewBox="0 0 24 24"><path d="M4 6h10"></path><path d="M9 4v2c0 3-1.7 5.5-5 8"></path><path d="M6.5 9.5c1.2 2 3 3.6 5.5 4.8"></path><path d="M14 20l4-9 4 9"></path><path d="M15.5 17h5"></path></svg>
1342	            </span>
1343	            <h3 class="mini-feature-title">Traducción inteligente</h3>
1344	            <p class="mini-feature-desc">Traduce transcripciones a idiomas populares con un clic.</p>
1345	          </article>
1346
1347	          <article class="mini-feature green">
1348	            <span class="mini-feature-icon" aria-hidden="true">
1349	              <svg viewBox="0 0 24 24"><rect x="4" y="6" width="16" height="12" rx="2"></rect><path d="M8 10h5"></path><path d="M8 14h8"></path></svg>
1350	            </span>
1351	            <h3 class="mini-feature-title">Subtítulos</h3>
1352	            <p class="mini-feature-desc">Crea archivos SRT y VTT para vídeos y podcasts.</p>
1353	          </article>
1354
1355	          <article class="mini-feature orange">
1356	            <span class="mini-feature-icon" aria-hidden="true">
1357	              <svg viewBox="0 0 24 24"><path d="M7 3h7l4 4v14H7z"></path><path d="M14 3v5h5"></path><path d="M10 14h5"></path><path d="M10 17h3"></path></svg>
1358	            </span>
1359	            <h3 class="mini-feature-title">Soporte para archivos largos</h3>
1360	            <p class="mini-feature-desc">Sube grabaciones de hasta 10 horas o 5 GB.</p>
1361	          </article>
1362
1363	          <article class="mini-feature slate">
1364	            <span class="mini-feature-icon" aria-hidden="true">
1365	              <svg viewBox="0 0 24 24"><path d="M4 15.5A4.5 4.5 0 0 0 8.5 20H17a3 3 0 0 0 .7-5.9A5.5 5.5 0 0 0 7.2 10"></path><path d="M12 17V8"></path><path d="m8.5 11.5 3.5-3.5 3.5 3.5"></path></svg>
1366	            </span>
1367	            <h3 class="mini-feature-title">Subidas de audio y vídeo</h3>
1368	            <p class="mini-feature-desc">Funciona con reuniones, entrevistas, podcasts, clases y vídeos.</p>
1369	          </article>
1370
1371	          <article class="mini-feature">
1372	            <span class="mini-feature-icon" aria-hidden="true">
1373	              <svg viewBox="0 0 24 24"><path d="M9.5 14.5 14.5 9.5"></path><path d="M8 10h-.5A3.5 3.5 0 0 0 4 13.5 3.5 3.5 0 0 0 7.5 17H10"></path><path d="M14 7h2.5A3.5 3.5 0 0 1 20 10.5a3.5 3.5 0 0 1-3.5 3.5H16"></path></svg>
1374	            </span>
1375	            <h3 class="mini-feature-title">Enlaces privados</h3>
1376	            <p class="mini-feature-desc">Comparte páginas de transcripción sin enviar archivos brutos.</p>
1377	          </article>
1378
1379	          <article class="mini-feature green">
1380	            <span class="mini-feature-icon" aria-hidden="true">
1381	              <svg viewBox="0 0 24 24"><path d="M4 15.5A4.5 4.5 0 0 0 8.5 20H17a3 3 0 0 0 .7-5.9A5.5 5.5 0 0 0 7.2 10"></path><path d="M12 8v9"></path><path d="m8.5 13.5 3.5 3.5 3.5-3.5"></path></svg>
1382	            </span>
1383	            <h3 class="mini-feature-title">Exportar cloud</h3>
1384	            <p class="mini-feature-desc">Mueve transcripciones terminadas a tu workflow más rápido.</p>
1385	          </article>
1386
1387	          <article class="mini-feature orange">
1388	            <span class="mini-feature-icon" aria-hidden="true">
1389	              <svg viewBox="0 0 24 24"><path d="M12 3 19 6v5c0 4.5-2.8 8-7 10-4.2-2-7-5.5-7-10V6z"></path><path d="m9 12 2 2 4-4"></path></svg>
1390	            </span>
1391	            <h3 class="mini-feature-title">Accuracy Guard</h3>
1392	            <p class="mini-feature-desc">Compara la transcripción con la grabación.</p>
1393	          </article>
1394
1395	          <article class="mini-feature slate">
1396	            <span class="mini-feature-icon" aria-hidden="true">
1397	              <svg viewBox="0 0 24 24"><rect x="6" y="10" width="12" height="10" rx="2"></rect><path d="M8.5 10V7.5a3.5 3.5 0 0 1 7 0V10"></path><path d="M12 14v2"></path></svg>
1398	            </span>
1399	            <h3 class="mini-feature-title">Espacio seguro</h3>
1400	            <p class="mini-feature-desc">Archivos cifrados, privados por defecto y conformes al RGPD.</p>
1401	          </article>
1402	        </div>
1403
1404	      </div>
1405	    </div>
1406	  </section>
1407
1408	  <section class="marketing-pricing" id="pricing">
1409      <div class="marketing-section-header">
1410          <h2 class="marketing-section-title">Valor primero, precios transparentes</h2>
1411      </div>
1412
1413      <div class="billing-plan-modal__toggle billing-cycle-toggle" role="tablist" aria-label="Ciclo de facturación">
1414          <button class="billing-cycle-btn billing-cycle-btn--underline is-active" type="button" data-billing-cycle="monthly">
1415              Mensual
1416              <span class="billing-cycle-btn__underline" aria-hidden="true"></span>
1417          </button>
1418          <button class="billing-cycle-btn billing-cycle-btn--underline" type="button" data-billing-cycle="yearly">
1419              Anual
1420              <span class="billing-cycle-btn__discount">-30%</span>
1421              <span class="billing-cycle-btn__underline" aria-hidden="true"></span>
1422          </button>
1423          <button class="billing-cycle-btn billing-cycle-btn--underline" type="button" data-billing-cycle="payg">
1424              Pago por uso
1425              <span class="billing-cycle-btn__underline" aria-hidden="true"></span>
1426          </button>
1427      </div>
1428
1429      <div class="pricing-grid pricing-group" data-pricing-group="subscription" data-display="grid">
1430          <div class="plan-card pricing-card" data-plan-type="subscription" data-monthly-price="0">
1431              <div class="pricing-card__header">
1432                  <span class="plan-tier-badge plan-tier-badge--free">Gratis</span>
1433                  <div class="plan-desc" style="align-self:center;max-width:18ch;text-align:center;font-size:0.82rem;font-weight:500;line-height:1.3;opacity:0.72;">Pruébalo primero</div>
1434              </div>
1435              <div class="plan-price">
1436                  <span class="price-currency">$</span>
1437                  <span class="price-amount" data-price-target>0</span>
1438                  <span class="price-period">/ month</span>
1439              </div>
1440              <div class="plan-minutes">30 min/mes</div>
1441              <ul class="plan-features" data-show-all="false">
1442                  <li>
1443                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1444                      Accuracy Guard
1445                  </li>
1446                  <li>
1447                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1448                      Chat IA: 25.000 tokens/mes
1449                  </li>
1450                  <li>
1451                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1452                      Workspaces
1453                  </li>
1454                  <li>
1455                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1456                      Tareas &amp; Assignment
1457                  </li>
1458                  <li>
1459                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1460                      Comentarios &amp; Review Threads
1461                  </li>
1462                  <li>
1463                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1464                      Notificaciones
1465                  </li>
1466                  <li>
1467                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1468                      Detección de hablantes
1469                  </li>
1470                  <li>
1471                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1472                      Editor de transcripción
1473                  </li>
1474                  <li>
1475                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1476                      Marcas de tiempo
1477                  </li>
1478                  <li>
1479                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1480                      Desplazamiento automático
1481                  </li>
1482                  <li>
1483                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1484                      Transcripción en tiempo real
1485                  </li>
1486                  <li>
1487                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1488                      Saltar silencios
1489                  </li>
1490                  <li>
1491                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1492                      Grabación en navegador
1493                  </li>
1494                  <li>
1495                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1496                      Traducción inteligente
1497                  </li>
1498                  <li>
1499                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1500                      Resúmenes inteligentes + Q&A
1501                  </li>
1502                  <li>
1503                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1504                      Subtítulos inteligentes
1505                  </li>
1506                  <li>
1507                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1508                      Todos los formatos de exportación
1509                  </li>
1510                  <li>
1511                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1512                      Compartir transcripción
1513                  </li>
1514                  <li>
1515                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1516                      Exportar cloud
1517                  </li>
1518                  <li>
1519                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1520                      Unir archivos
1521                  </li>
1522                  <li>
1523                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1524                      Carpetas ilimitadas
1525                  </li>
1526                  <li>
1527                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1528                      Acceso de equipo
1529                  </li>
1530                  <li>
1531                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1532                      Roles &amp; Permissions
1533                  </li>
1534                  <li>
1535                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1536                      Subida multiarchivo
1537                  </li>
1538                  <li>
1539                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1540                      Modo Night Light
1541                  </li>
1542              </ul>
1543              <button class="plan-features-toggle" type="button" data-features-toggle aria-expanded="false"></button>
1544              <a href="https://orynote.com/es/signup/" class="plan-btn plan-btn-outline">Empezar gratis</a>
1545          </div>
1546
1547          <div class="plan-card pricing-card" data-plan-type="subscription" data-monthly-price="14.9">
1548              <div class="pricing-card__header">
1549                  <span class="plan-tier-badge plan-tier-badge--silver">Express Mini</span>
1550                  <div class="plan-desc" style="align-self:center;max-width:18ch;text-align:center;font-size:0.82rem;font-weight:500;line-height:1.3;opacity:0.72;">Para trabajo individual</div>
1551              </div>
1552              <div class="plan-price">
1553                  <span class="price-currency">$</span>
1554                  <span class="price-amount" data-price-target>14.90</span>
1555                  <span class="price-period">/ month</span>
1556              </div>
1557              <div class="plan-minutes">1.000 min/mes</div>
1558              <ul class="plan-features" data-show-all="false">
1559                  <li>
1560                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1561                      Accuracy Guard
1562                  </li>
1563                  <li>
1564                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1565                      Chat IA: 1.000.000 tokens/mes
1566                  </li>
1567                  <li>
1568                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1569                      Subtítulos IA
1570                  </li>
1571                  <li>
1572                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1573                      Todo en Gratis
1574                  </li>
1575                  <li>
1576                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1577                      Subidas de 5 GB / archivos de 10 h
1578                  </li>
1579                  <li>
1580                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1581                      Sube hasta 50 archivos a la vez
1582                  </li>
1583                  <li>
1584                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1585                      Compartir por email
1586                  </li>
1587                  <li>
1588                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1589                      Almacenamiento ilimitado
1590                  </li>
1591                  <li>
1592                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1593                      Procesamiento más rápido
1594                  </li>
1595              </ul>
1596              <button class="plan-features-toggle" type="button" data-features-toggle aria-expanded="false"></button>
1597              <a href="https://orynote.com/es/signup/" class="plan-btn plan-btn-primary">Empezar</a>
1598          </div>
1599
1600          <div class="plan-card pricing-card pricing-card--popular" data-plan-type="subscription" data-monthly-price="27"><div class="pricing-card__badge">Más popular</div>
1601              <div class="pricing-card__header">
1602                  <span class="plan-tier-badge plan-tier-badge--gold">Express Gold</span>
1603                  <div class="plan-desc" style="align-self:center;max-width:18ch;text-align:center;font-size:0.82rem;font-weight:500;line-height:1.3;opacity:0.72;">Ideal para equipos</div>
1604              </div>
1605              <div class="plan-price">
1606                  <span class="price-currency">$</span>
1607                  <span class="price-amount" data-price-target>27</span>
1608                  <span class="price-period">/ month</span>
1609              </div>
1610              <div class="plan-minutes">3.000 min/mes</div>
1611              <ul class="plan-features" data-show-all="false">
1612                  <li>
1613                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1614                      Accuracy Guard
1615                  </li>
1616                  <li>
1617                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1618                      Chat IA: 2.500.000 tokens/mes
1619                  </li>
1620                  <li>
1621                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1622                      Todo en Mini
1623                  </li>
1624                  <li>
1625                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1626                      Mayor prioridad de procesamiento
1627                  </li>
1628                  <li>
1629                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1630                      Acceso anticipado a betas
1631                  </li>
1632              </ul>
1633              <button class="plan-features-toggle" type="button" data-features-toggle aria-expanded="false"></button>
1634              <a href="https://orynote.com/es/signup/" class="plan-btn plan-btn-outline">Empezar</a>
1635          </div>
1636
1637          <div class="plan-card pricing-card" data-plan-type="subscription" data-monthly-price="59">
1638              <div class="pricing-card__header">
1639                  <span class="plan-tier-badge plan-tier-badge--platinum">Express Black</span>
1640                  <div class="plan-desc" style="align-self:center;max-width:18ch;text-align:center;font-size:0.82rem;font-weight:500;line-height:1.3;opacity:0.72;">Nivel enterprise</div>
1641              </div>
1642              <div class="plan-price">
1643                  <span class="price-currency">$</span>
1644                  <span class="price-amount" data-price-target>59</span>
1645                  <span class="price-period">/ month</span>
1646              </div>
1647              <div class="plan-minutes">6.000 min/mes</div>
1648              <ul class="plan-features" data-show-all="false">
1649                  <li>
1650                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1651                      Accuracy Guard
1652                  </li>
1653                  <li>
1654                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1655                      Chat IA: 5.000.000 tokens/mes
1656                  </li>
1657                  <li>
1658                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1659                      Todo en Gold
1660                  </li>
1661                  <li>
1662                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1663                      Máxima prioridad de procesamiento
1664                  </li>
1665                  <li>
1666                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1667                      Soporte de máxima prioridad
1668                  </li>
1669                  <li>
1670                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1671                      Primer acceso a betas
1672                  </li>
1673                  <li>
1674                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1675                      Más funciones bajo petición
1676                  </li>
1677              </ul>
1678              <button class="plan-features-toggle" type="button" data-features-toggle aria-expanded="false"></button>
1679              <a href="https://orynote.com/es/signup/" class="plan-btn plan-btn-outline">Empezar</a>
1680          </div>
1681      </div>
1682
1683      <div class="pricing-group pricing-payg" data-pricing-group="payg" data-display="block">
1684          <div class="plan-card pricing-card pricing-card--payg" data-plan-type="payg">
1685              <div class="pricing-card__header">
1686                  <span class="plan-tier-badge plan-tier-badge--free">Por uso</span>
1687                  <div class="plan-desc" style="align-self:center;max-width:18ch;text-align:center;font-size:0.82rem;font-weight:500;line-height:1.3;opacity:0.72;">Sin suscripción</div>
1688              </div>
1689              <div class="plan-price">
1690                  <span class="price-currency">$</span>
1691                  <span class="price-amount" data-payg-rate>0.04</span>
1692                  <span class="price-period">/ min</span>
1693              </div>
1694              <div class="payg-note" data-payg-note>
1695                  <button class="payg-note-toggle" type="button" aria-label="Ver descuentos por volumen">Descuentos por volumen</button>
1696                  <div class="payg-note-tooltip" role="status">
1697                      <div>120–2,000 minutes = $0.04 / min</div>
1698                      <div>2,000–5,000 minutes = $0.03 / min</div>
1699                      <div>5,000–10,000 minutes = $0.025 / min</div>
1700                      <div>10,000–15,000 minutes = $0.0175 / min</div>
1701                      <div>15,000–20,000 minutes = $0.0125 / min</div>
1702                      <div>20,000–30,000 minutes = $0.0100 / min</div>
1703                  </div>
1704              </div>
1705              <div class="payg-slider" data-payg-slider>
1706                  <div class="payg-slider__labels">
1707                      <input class="payg-slider__minutes" data-payg-minutes type="text" value="130" inputmode="numeric" aria-label="Minutos">
1708                      <span class="payg-slider__price" data-payg-price>$0.00</span>
1709                  </div>
1710                  <input class="payg-slider__input" type="range" min="0" max="100" step="1" value="0" aria-label="Seleccionar minutos">
1711                  <div class="payg-slider__ticks" data-payg-ticks>
1712                      <span data-value="130">130</span>
1713                      <span data-value="5000">5k</span>
1714                      <span data-value="10000">10k</span>
1715                      <span data-value="15000">15k</span>
1716                      <span data-value="20000">20k</span>
1717                      <span data-value="30000">30k</span>
1718                  </div>
1719              </div>
1720              <div class="payg-expiry-note">Los minutos no usados caducan 6 meses después de la compra.</div>
1721              <ul class="plan-features" data-show-all="false">
1722                  <li>
1723                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1724                      Accuracy Guard
1725                  </li>
1726                  <li>
1727                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1728                      Chat IA: 1.000.000 tokens/mes
1729                  </li>
1730                  <li>
1731                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1732                      Acceso a todas las funciones
1733                  </li>
1734                  <li>
1735                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1736                      Transcripción en tiempo real
1737                  </li>
1738                  <li>
1739                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1740                      Traducción inteligente
1741                  </li>
1742                  <li>
1743                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1744                      Resúmenes inteligentes
1745                  </li>
1746                  <li>
1747                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1748                      Subtítulos inteligentes
1749                  </li>
1750                  <li>
1751                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1752                      Todos los formatos de exportación
1753                  </li>
1754                  <li>
1755                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1756                      Enlaces compartidos y exportación en la nube
1757                  </li>
1758                  <li>
1759                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>
1760                      Subidas de 5 GB / archivos de 10 h
1761                  </li>
1762              </ul>
1763              <button class="plan-features-toggle plan-features-toggle--payg" type="button" data-features-toggle aria-expanded="false"></button>
1764              <a href="https://orynote.com/es/signup/" class="plan-btn plan-btn-amber">Comprar minutos</a>
1765          </div>
1766      </div>
1767  </section>
1768
1769  <!-- FAQ -->
1770  <section class="faq-section" id="faq">
1771    <div class="container">
1772      <div class="faq-layout">
1773        <div class="faq-copy">
1774          <span class="faq-kicker">FAQ</span>
1775          <h2 class="faq-title">¿Preguntas antes de empezar?</h2>
1776        </div>
1777
1778        <div class="faq-list">
1779          <details class="faq-item" open>
1780            <summary class="faq-question">¿Qué precisión tiene?</summary>
1781            <div class="faq-answer">
1782              <p>99 %+ de precisión. Accuracy Guard compara cada transcripción con la grabación original para evitar palabras inventadas o contenido alucinado. Las etiquetas de hablante y marcas de tiempo son precisas al segundo.</p>
1783            </div>
1784          </details>
1785
1786          <details class="faq-item">
1787            <summary class="faq-question">¿Mis datos son privados?</summary>
1788            <div class="faq-answer">
1789              <p>Sí. Los archivos están cifrados y solo tú puedes acceder. Nunca entrenamos IA con tus grabaciones. Nunca compartimos tus datos. Al borrar un archivo, se elimina permanentemente al instante — no se almacena, no se archiva, no se recupera.</p>
1790            </div>
1791          </details>
1792
1793          <details class="faq-item">
1794            <summary class="faq-question">¿Puedo transcribir reuniones de Zoom, Google Meet, Microsoft Teams y Webex?</summary>
1795            <div class="faq-answer">
1796              <p>Sí. Sube la grabación de la reunión o usa la extensión de Chrome para grabar audio del navegador; después obtendrás una transcripción buscable con hablantes, resúmenes, tareas, enlaces para compartir y exportaciones.</p>
1797            </div>
1798          </details>
1799
1800          <details class="faq-item">
1801            <summary class="faq-question">¿Puedo usarlo para transcripción de entrevistas e investigación?</summary>
1802            <div class="faq-answer">
1803              <p>Sí. Funciona para entrevistas, focus groups, investigación cualitativa, user research, periodismo y grabaciones largas donde necesitas marcas de tiempo, citas buscables, exportaciones limpias y revisión precisa.</p>
1804            </div>
1805          </details>
1806
1807          <details class="faq-item">
1808            <summary class="faq-question">¿Puedo transcribir llamadas de ventas, soporte o clientes?</summary>
1809            <div class="faq-answer">
1810              <p>Sí. Puedes transcribir grabaciones de llamadas, revisar momentos importantes, crear resúmenes, encontrar tareas de seguimiento y exportar la transcripción para notas de CRM, coaching, handoffs o documentación.</p>
1811            </div>
1812          </details>
1813
1814          <details class="faq-item">
1815            <summary class="faq-question">¿Puedo cancelar cuando quiera?</summary>
1816            <div class="faq-answer">
1817              <p>Sí. Un clic en ajustes. Tu acceso continúa hasta el final del periodo ya pagado. Sin emails, sin tickets de soporte, sin fricción.</p>
1818            </div>
1819          </details>
1820
1821          <details class="faq-item">
1822            <summary class="faq-question">¿Qué duración pueden tener mis archivos?</summary>
1823            <div class="faq-answer">
1824              <p>Hasta 10 horas o 5 GB por archivo. Cubre workshops de día completo, declaraciones largas y focus groups de varias horas — básicamente cualquier cosa realista que necesites transcribir.</p>
1825            </div>
1826          </details>
1827
1828          <details class="faq-item">
1829            <summary class="faq-question">¿Funciona en mi idioma?</summary>
1830            <div class="faq-answer">
1831              <p>Sí — soportamos 135+ idiomas, incluidos inglés, español, francés, alemán, italiano, portugués, neerlandés, polaco, ruso, mandarín, japonés, coreano, árabe, hindi y muchos más. La detección de hablantes funciona en todos y puedes traducir cualquier transcripción con un clic.</p>
1832            </div>
1833          </details>
1834
1835          <details class="faq-item">
1836            <summary class="faq-question">
1836¿Mi workflow es seguro para trabajo sensible?</summary>
1837            <div class="faq-answer">
1838              <p>Sí. Cumplimos RGPD desde el primer día. Los archivos están cifrados en tránsito y reposo. Tú controlas compartir — las transcripciones son privadas por defecto y solo accesibles para ti salvo que crees un enlace. Lo usan investigadores, periodistas, abogados y equipos corporativos cada día.</p>
1839            </div>
1840          </details>
1841
1842        </div>
1843      </div>
1844    </div>
1845  </section>
1846
1847  <!-- FINAL CTA -->
1848	  <section class="final-cta">
1849    <div class="container">
1850      <div class="final-cta__inner">
1851        <h2 class="final-cta__title">Pruébalo con una grabación real antes de decidir.</h2>
1852        <div class="final-cta__btns">
1853          <a href="https://orynote.com/es/signup/" class="btn btn-primary">Empezar gratis <span>→</span></a>
1854        </div>
1855        <p class="final-cta__microcopy">Sin tarjeta requerida. Borra archivos cuando quieras.</p>
1856      </div>
1857    </div>
1858	  </section>
1859
1860  <!-- FOOTER -->
1861  <footer class="marketing-footer">
1862    <div class="footer-inner">
1863      <div class="footer-brand">
1864        <div class="footer-logo">
1865          <img src="/ory.png?v=20260608b" width="32" height="34" alt="Orynote">
1866          <span class="footer-logo-copy">
1867            <span class="footer-logo-text">Orynote</span>
1868          </span>
1869        </div>
1870      </div>
1871
1872      <div class="footer-column">
1873        <h4>Producto</h4>
1874        <a href="#features">Funciones</a>
1875        <a href="#pricing">Precios</a>
1876        <a href="#faq">Preguntas frecuentes</a>
1877      </div>
1878
1879      <div class="footer-column">
1880        <h4>Recursos</h4>
1881        <a href="https://orynote.com/es/contact/#contact-form">Contacto</a>
1882        <a href="/sitemap/">Sitemap</a>
1883      </div>
1884
1885      <div class="footer-column">
1886        <h4>Herramientas gratis</h4>
1887        <a href="/es/tools/audio-converter/">Convertidor de audio</a>
1888        <a href="/es/tools/audio-trimmer/">Cortador de audio</a>
1889        <a href="/es/tools/audio-merger/">Unidor de audio</a>
1890        <a href="/es/tools/subtitle-time-shift/">Ajuste de tiempo de subtítulos</a>
1891        <a href="/es/tools/subtitle-format-converter/">Convertidor de formato de subtítulos</a>
1892        <a href="/es/tools/subtitle-translator/">Traductor de subtítulos</a>
1893        <a href="/es/tools/subtitle-editor/">Editor de subtítulos</a>
1894        <a href="/es/tools/word-level-subtitle-generator/">Subtítulos con marcas de tiempo por palabra</a>
1895        <a href="/es/tools/video-to-audio-converter/">Convertidor de vídeo a audio</a>
1896        <a href="/es/tools/audio-noise-remover/">Eliminador de ruido de audio</a>
1897        <a href="/es/tools/voice-volume-booster/">Amplificador de volumen de voz</a>
1898        <a href="/es/tools/ai-text-summarizer/">Resumidor de texto IA</a>
1899        <a href="/es/tools/">Todas las herramientas</a>
1900      </div>
1901
1902      <div class="footer-column">
1903        <h4>Legal</h4>
1904        <a href="/privacy">Política de privacidad</a>
1905        <a href="/tos">Términos de servicio</a>
1906      </div>
1907    </div>
1908
1909    <div class="footer-bottom">
1910      <div class="footer-copy">© 2026 Orynote. Todos los derechos reservados.</div>
1911    </div>
1912  </footer>
1913
1914	  
1914<script>
1915		    (function() {
1916		      const toggle = document.querySelector('.nav-mobile-toggle');
1917		      const menu = document.getElementById('mobileMenu');
1918		      if (!toggle || !menu) return;
1919
1920      const closeMenu = () => {
1921        menu.classList.remove('open');
1922        toggle.classList.remove('open');
1923        toggle.setAttribute('aria-expanded', 'false');
1924      };
1925
1926      toggle.addEventListener('click', () => {
1927        const isOpen = menu.classList.toggle('open');
1928        toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
1929        toggle.classList.toggle('open', isOpen);
1930      });
1931
1932      menu.querySelectorAll('a').forEach(link => {
1933        link.addEventListener('click', () => {
1934          closeMenu();
1935        });
1936      });
1937
1938      document.addEventListener('click', (event) => {
1939        if (!menu.classList.contains('open')) return;
1940        const target = event.target;
1941        if (target instanceof Node && (menu.contains(target) || toggle.contains(target))) return;
1942        closeMenu();
1943      });
1944
1945      document.addEventListener('keydown', (event) => {
1946        if (event.key === 'Escape') closeMenu();
1947      });
1948	    })();
1949
1950
1951    (function() {
1952      try { localStorage.setItem('stt_site_locale', 'es'); localStorage.setItem('stt_ui_lang', 'es'); } catch {}
1953      const selector = document.querySelector('.main-lang-selector[data-main-lang-selector]');
1954      if (!selector) return;
1955      const trigger = selector.querySelector('.main-lang-trigger');
1956      const items = Array.from(selector.querySelectorAll('.main-lang-item[href]'));
1957      const setOpen = isOpen => {
1958        selector.classList.toggle('open', !!isOpen);
1959        if (trigger) trigger.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
1960      };
1961      if (trigger) {
1962        trigger.addEventListener('click', event => {
1963          event.stopPropagation();
1964          setOpen(!selector.classList.contains('open'));
1965        });
1966      }
1967      items.forEach(item => {
1968        item.addEventListener('click', event => {
1969          event.preventDefault();
1970          const locale = String(item.dataset.langCode || '').trim().toLowerCase();
1971          const target = item.getAttribute('href') || '/';
1972          try { if (locale) { localStorage.setItem('stt_site_locale', locale); localStorage.setItem('stt_ui_lang', locale); } } catch {}
1973          setOpen(false);
1974          window.location.href = target;
1975        });
1976      });
1977      document.addEventListener('click', event => {
1978        if (!selector.contains(event.target)) setOpen(false);
1979      });
1980      document.addEventListener('keydown', event => {
1981        if (event.key === 'Escape') setOpen(false);
1982      });
1983    })();
1984
1985		    (function() {
1986		      const desktopLoginBtn = document.getElementById('navLoginBtn');
1987		      const desktopSignupBtn = document.getElementById('navSignupBtn');
1988		      const desktopDashboardBtn = document.getElementById('navDashboardBtn');
1989		      const mobileLoginBtn = document.getElementById('navMobileLoginBtn');
1990		      const mobileSignupBtn = document.getElementById('navMobileSignupBtn');
1991		      const mobileDashboardBtn = document.getElementById('navMobileDashboardBtn');
1992
1993		      const toggleSet = (loginBtn, signupBtn, dashboardBtn, isLoggedIn) => {
1994		        if (!loginBtn || !signupBtn || !dashboardBtn) return;
1995		        loginBtn.classList.toggle('hidden', isLoggedIn);
1996		        signupBtn.classList.toggle('hidden', isLoggedIn);
1997		        dashboardBtn.classList.toggle('hidden', !isLoggedIn);
1998		      };
1999
2000		      const setLoggedInState = isLoggedIn => {
2001		        document.documentElement.setAttribute('data-auth-hint', isLoggedIn ? 'in' : 'out');
2002		        toggleSet(desktopLoginBtn, desktopSignupBtn, desktopDashboardBtn, isLoggedIn);
2003		        toggleSet(mobileLoginBtn, mobileSignupBtn, mobileDashboardBtn, isLoggedIn);
2004		      };
2005
2006		      const clearStaleAuthHints = () => {
2007		        const keys = [
2008		          'stt_access_token',
2009		          'stt_refresh_token',
2010		          'stt_access_token_expires_at',
2011		          'stt_auth_user_id',
2012		          'stt_user_id'
2013		        ];
2014		        keys.forEach(key => {
2015		          try {
2016		            if (window.sttAuthStorage && typeof window.sttAuthStorage.remove === 'function') {
2017		              window.sttAuthStorage.remove(key);
2018		            }
2019		          } catch {}
2020		          try { localStorage.removeItem(key); } catch {}
2021		          try { sessionStorage.removeItem(key); } catch {}
2022		        });
2023		      };
2024
2025		      const getLocalAccessToken = () => {
2026		        try {
2027		          if (window.sttAuthStorage && typeof window.sttAuthStorage.get === 'function') {
2028		            const token = String(window.sttAuthStorage.get('stt_access_token') || '').trim();
2029		            if (token) return token;
2030		          }
2031		        } catch {}
2032		        try {
2033		          return String(sessionStorage.getItem('stt_access_token') || localStorage.getItem('stt_access_token') || '').trim();
2034		        } catch {}
2035		        return '';
2036		      };
2037
2038		      const hasLocalAuthHint = () => {
2039		        try {
2040		          if (window.sttAuthStorage && typeof window.sttAuthStorage.get === 'function') {
2041		            if (window.sttAuthStorage.get('stt_access_token')) return true;
2042		            if (window.sttAuthStorage.get('stt_refresh_token')) return true;
2043		            if (window.sttAuthStorage.get('stt_auth_user_id')) return true;
2044		          }
2045		        } catch {}
2046		        try {
2047		          const userId = String(localStorage.getItem('stt_user_id') || '').trim();
2048		          if (userId) return true;
2049		        } catch {}
2050		        return false;
2051		      };
2052
2053		      const verifyFromServer = async () => {
2054		        try {
2055		          const token = getLocalAccessToken();
2056		          const headers = token ? { Authorization: 'Bearer ' + token } : {};
2057		          const resp = await fetch('/auth/me', { method: 'GET', credentials: 'include', headers });
2058		          if (resp.ok) {
2059		            setLoggedInState(true);
2060		            return true;
2061		          }
2062		          if (resp.status === 401) clearStaleAuthHints();
2063		        } catch {}
2064		        setLoggedInState(false);
2065		        return false;
2066		      };
2067
2068		      setLoggedInState(false);
2069		      verifyFromServer().catch(() => {});
2070		    })();
2071
2072		    (function() {
2073		      const stage = document.querySelector('[data-workflow-video]');
2074		      if (!stage) return;
2075
2076	      const button = stage.querySelector('.workflow-video-play');
2077	      const video = stage.querySelector('.workflow-video-player');
2078	      if (!button || !video) return;
2079
2080	      button.addEventListener('click', () => {
2081	        const source = video.dataset.videoSrc;
2082	        if (source && !video.getAttribute('src')) {
2083	          video.setAttribute('src', source);
2084	        }
2085	        stage.classList.add('is-playing');
2086	        video.play().catch(() => {
2087	          video.controls = true;
2088	        });
2089	      });
2090	    })();
2091
2092	    (function() {
2093	      const pricing = document.querySelector('.marketing-pricing');
2094	      if (!pricing) return;
2095
2096	      const featureLabels = {
2097        less: 'Mostrar menos',
2098        more: count => `+${count} funciones más`
2099      };
2100
2101	      pricing.querySelectorAll('.pricing-card').forEach(card => {
2102	        const list = card.querySelector('.plan-features');
2103	        const toggle = card.querySelector('[data-features-toggle]');
2104	        if (!list || !toggle) return;
2105
2106	        const hiddenCount = Math.max(0, list.querySelectorAll('li').length - 5);
2107	        if (hiddenCount <= 0) {
2108	          toggle.style.display = 'none';
2109	          return;
2110	        }
2111
2112	        const updateToggle = () => {
2113	          const showAll = list.dataset.showAll === 'true';
2114	          toggle.textContent = showAll ? featureLabels.less : featureLabels.more(hiddenCount);
2115	          toggle.setAttribute('aria-expanded', showAll ? 'true' : 'false');
2116	        };
2117
2118	        updateToggle();
2119	        toggle.addEventListener('click', () => {
2120	          list.dataset.showAll = list.dataset.showAll === 'true' ? 'false' : 'true';
2121	          updateToggle();
2122	        });
2123	      });
2124
2125	      const billingToggle = pricing.querySelector('.billing-cycle-toggle');
2126	      if (billingToggle) {
2127	        const buttons = billingToggle.querySelectorAll('[data-billing-cycle]');
2128	        const groups = pricing.querySelectorAll('[data-pricing-group]');
2129	        const updatePrices = cycle => {
2130	          pricing.querySelectorAll('.pricing-card[data-plan-type="subscription"]').forEach(card => {
2131	            const priceEl = card.querySelector('[data-price-target]');
2132	            if (!priceEl) return;
2133	            const monthly = Number(card.dataset.monthlyPrice || 0);
2134	            const price = cycle === 'yearly' ? monthly * 0.7 : monthly;
2135	            priceEl.textContent = monthly === 0 ? '0' : price.toFixed(2);
2136	          });
2137	        };
2138
2139	        const setCycle = cycle => {
2140	          buttons.forEach(button => {
2141	            button.classList.toggle('is-active', button.dataset.billingCycle === cycle);
2142	          });
2143	          groups.forEach(group => {
2144	            const isPayg = group.dataset.pricingGroup === 'payg';
2145	            const showPayg = cycle === 'payg';
2146	            group.style.display = showPayg === isPayg ? (group.dataset.display || '') : 'none';
2147	          });
2148	          updatePrices(cycle);
2149	        };
2150
2151	        buttons.forEach(button => {
2152	          button.addEventListener('click', () => setCycle(button.dataset.billingCycle));
2153	        });
2154	        setCycle('monthly');
2155	      }
2156
2157	      pricing.querySelectorAll('[data-payg-note]').forEach(note => {
2158	        const button = note.querySelector('.payg-note-toggle');
2159	        if (!button) return;
2160	        button.addEventListener('click', event => {
2161	          event.stopPropagation();
2162	          note.classList.toggle('is-open');
2163	        });
2164	      });
2165	      document.addEventListener('click', event => {
2166	        pricing.querySelectorAll('[data-payg-note]').forEach(note => {
2167	          if (!note.contains(event.target)) note.classList.remove('is-open');
2168	        });
2169	      });
2170
2171	      pricing.querySelectorAll('[data-payg-slider]').forEach(wrap => {
2172	        const input = wrap.querySelector('input[type="range"]');
2173	        const minutesEl = wrap.querySelector('[data-payg-minutes]');
2174	        const priceEl = wrap.querySelector('[data-payg-price]');
2175	        if (!input || !minutesEl || !priceEl) return;
2176
2177	        const getRate = minutes => {
2178	          if (minutes >= 20000) return 0.01;
2179	          if (minutes >= 15000) return 0.0125;
2180	          if (minutes >= 10000) return 0.0175;
2181	          if (minutes >= 5000) return 0.025;
2182	          if (minutes >= 2000) return 0.03;
2183	          return 0.04;
2184	        };
2185	        const snapMinutes = raw => {
2186	          let step = 10;
2187	          if (raw > 15000) step = 100;
2188	          else if (raw > 10000) step = 50;
2189	          else if (raw > 6000) step = 40;
2190	          else if (raw > 3000) step = 30;
2191	          else if (raw > 1000) step = 20;
2192	          return Math.max(130, Math.min(30000, Math.round(raw / step) * step));
2193	        };
2194	        const toMinutes = rawValue => {
2195	          const value = Number(rawValue || 0);
2196	          if (value <= 20) return 130 + (2000 - 130) * (value / 20);
2197	          if (value <= 40) return 2000 + (5000 - 2000) * ((value - 20) / 20);
2198	          if (value <= 60) return 5000 + (10000 - 5000) * ((value - 40) / 20);
2199	          if (value <= 80) return 10000 + (15000 - 10000) * ((value - 60) / 20);
2200	          return 15000 + (30000 - 15000) * ((value - 80) / 20);
2201	        };
2202	        const toSlider = minutes => {
2203	          if (minutes <= 2000) return ((minutes - 130) / (2000 - 130)) * 20;
2204	          if (minutes <= 5000) return 20 + ((minutes - 2000) / (5000 - 2000)) * 20;
2205	          if (minutes <= 10000) return 40 + ((minutes - 5000) / (10000 - 5000)) * 20;
2206	          if (minutes <= 15000) return 60 + ((minutes - 10000) / (15000 - 10000)) * 20;
2207	          return 80 + ((minutes - 15000) / (30000 - 15000)) * 20;
2208	        };
2209	        const updateTicks = () => {
2210	          const min = 130;
2211	          const max = 30000;
2212	          wrap.querySelectorAll('[data-payg-ticks] span[data-value]').forEach(tick => {
2213	            const value = Number(tick.dataset.value || 0);
2214	            const pct = (value - min) / (max - min);
2215	            tick.style.left = `${Math.max(0, Math.min(1, pct)) * 100}%`;
2216	          });
2217	        };
2218	        const update = minutes => {
2219	          const safeMinutes = snapMinutes(minutes);
2220	          const rate = getRate(safeMinutes);
2221	          const total = safeMinutes * rate;
2222	          const sliderValue = Math.max(0, Math.min(100, toSlider(safeMinutes)));
2223	          input.value = String(Math.round(sliderValue));
2224	          if (!minutesEl.matches(':focus')) minutesEl.value = safeMinutes.toLocaleString('en-US');
2225	          priceEl.textContent = `$${total.toFixed(2)}`;
2226	          const rateEl = wrap.closest('.pricing-card')?.querySelector('[data-payg-rate]');
2227	          if (rateEl) rateEl.textContent = rate.toFixed(4);
2228	        };
2229
2230	        input.addEventListener('input', () => update(toMinutes(Number(input.value || 0))));
2231	        minutesEl.addEventListener('input', () => {
2232	          const raw = Number(String(minutesEl.value).replace(/[^\d]/g, '')) || 130;
2233	          const safeMinutes = Math.max(130, Math.min(30000, raw));
2234	          const rate = getRate(safeMinutes);
2235	          priceEl.textContent = `$${(safeMinutes * rate).toFixed(2)}`;
2236	          const rateEl = wrap.closest('.pricing-card')?.querySelector('[data-payg-rate]');
2237	          if (rateEl) rateEl.textContent = rate.toFixed(4);
2238	        });
2239	        minutesEl.addEventListener('change', () => {
2240	          const raw = Number(String(minutesEl.value).replace(/[^\d]/g, '')) || 130;
2241	          update(Math.max(130, Math.min(30000, raw)));
2242	        });
2243
2244	        update(toMinutes(Number(input.value || 0)));
2245	        updateTicks();
2246	      });
2247	    })();
2248
2249	    (function() {
2250	      const waveform = document.getElementById('waveform');
2251      if (!waveform) return;
2252      const barCount = 70, heights = [];
2253      for (let i = 0; i < barCount; i++) {
2254        const base = 4 + Math.abs(Math.sin(i * 0.4)) * 14;
2255        const variance = (Math.sin(i * 1.3) + 1) * 3;
2256        heights.push(Math.min(20, base + variance));
2257      }
2258      const bars = heights.map(h => {
2259        const bar = document.createElement('div');
2260        bar.className = 'wave-bar';
2261        bar.style.height = h + 'px';
2262        waveform.appendChild(bar);
2263        return bar;
2264      });
2265      let position = 0;
2266      setInterval(() => {
2267        position = (position + 1) % barCount;
2268        bars.forEach((bar, i) => bar.classList.toggle('active', i < position));
2269      }, 90);
2270    })();
2271    (function() {
2272      const mockup = document.querySelector('.mockup-shell');
2273      if (!mockup || window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
2274      const startAnimation = () => mockup.classList.add('is-demo-animated');
2275      if (!('IntersectionObserver' in window)) {
2276        startAnimation();
2277        return;
2278      }
2279      const observer = new IntersectionObserver(entries => {
2280        entries.forEach(entry => {
2281          if (!entry.isIntersecting) return;
2282          startAnimation();
2283          observer.disconnect();
2284        });
2285      }, { threshold: 0.32 });
2286      observer.observe(mockup);
2287    })();
2288    document.querySelectorAll('.faq-item').forEach(item => {
2289      item.addEventListener('click', () => item.classList.toggle('open'));
2290    });
2291  </script>
2291
2292
2293  
2293<script src="/pricing-presentment.js?v=20260514a" defer></script>
2293
2294  
2294<script src="/traffic-beacon.js?v=20260420b" defer></script>
2294
2295</body>
2296</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.