:root { --emerald:#006d5b; --emerald-deep:#005548; --ink:#1a2b3c; --warm:#f7faf9; --line:#dce7e4; --mint:#e0f0eb; --sand:#f7f5ef; --accent:#75d3bd; --shadow:0 28px 70px -38px rgba(26,43,60,.42); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--warm); font-family:"DM Sans",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1120px,calc(100% - 40px)); margin-inline:auto; }
.section { padding:100px 0; }
.skip-link { position:absolute; transform:translateY(-140%); left:1rem; top:1rem; padding:.8rem 1rem; color:white; background:var(--ink); border-radius:.5rem; z-index:10; }
.skip-link:focus { transform:translateY(0); }
.site-header { position:sticky; top:0; z-index:5; border-bottom:1px solid rgba(220,231,228,.8); background:rgba(247,250,249,.91); backdrop-filter:blur(14px); }
.nav { min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; }
.brand { display:inline-flex; width:112px; height:38px; align-items:center; overflow:hidden; }
.brand img { width:100%; height:100%; object-fit:contain; object-position:center; }
.nav-links { display:flex; gap:1.65rem; font-size:.9rem; font-weight:600; color:#405263; }
.nav-links a:hover,.text-link:hover { color:var(--emerald); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:.75rem; min-height:52px; padding:.82rem 1.2rem; border-radius:14px; font-weight:700; font-size:.96rem; transition:transform 160ms cubic-bezier(.23,1,.32,1),background 160ms cubic-bezier(.23,1,.32,1),box-shadow 160ms cubic-bezier(.23,1,.32,1); }
.button:hover { transform:translateY(-2px); }
.button:active { transform:scale(.97); }
.button-small { min-height:40px; padding:.55rem .9rem; font-size:.85rem; border-radius:11px; }
.button-primary { color:white; background:var(--emerald); box-shadow:0 12px 24px -14px rgba(0,109,91,.7); }
.button-primary:hover { background:var(--emerald-deep); }
.button-outline { color:var(--emerald); background:white; border:1px solid var(--emerald); }
.button-dark { color:white; background:var(--ink); }
.button-light { color:var(--ink); background:white; }
.hero { display:grid; grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); gap:clamp(3rem,7vw,7rem); align-items:start; min-height:calc(100svh - 80px); padding-top:4rem; padding-bottom:5.5rem; }
.hero-copy { position:relative; min-width:0; }
.don-lucho-panorama { position:relative; width:100%; margin:0 0 1.55rem; overflow:hidden; pointer-events:none; }
.don-lucho-panorama::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,var(--warm) 0%,rgba(247,250,249,0) 13%,rgba(247,250,249,0) 86%,var(--warm) 100%),linear-gradient(180deg,rgba(247,250,249,.18) 0%,rgba(247,250,249,0) 15%,rgba(247,250,249,0) 80%,var(--warm) 100%); }
.don-lucho-panorama img { display:block; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover; object-position:center; filter:saturate(.96) contrast(.99); }
.eyebrow { margin:0 0 1.1rem; color:var(--emerald); font-size:.75rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.eyebrow span { font-size:.65rem; vertical-align:2px; }
h1,h2,h3 { font-family:Manrope,"DM Sans",sans-serif; margin:0; letter-spacing:-.045em; }
h1 { max-width:680px; font-size:clamp(3rem,5.5vw,5.25rem); line-height:1.03; font-weight:800; }
.lead { max-width:610px; margin:1.5rem 0 0; color:#526372; font-size:clamp(1.06rem,1.7vw,1.2rem); line-height:1.65; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.25rem; margin-top:2.1rem; }
.text-link { color:var(--emerald); font-size:.95rem; font-weight:800; }
.microcopy,.motto { margin:1.15rem 0 0; color:#6a7885; font-size:.87rem; line-height:1.5; }
.motto { color:#526372; font-weight:700; }
.more-link { display:inline-flex; margin-top:1.1rem; color:#4d6170; font-size:.85rem; font-weight:700; text-decoration:underline; text-decoration-color:#a8cac1; text-underline-offset:4px; }
.more-link:hover { color:var(--emerald); }
.hero-visual { position:relative; min-width:0; min-height:830px; }
.conversation-canvas { position:relative; isolation:isolate; width:min(100%,530px); margin-inline:auto; padding:1.35rem; overflow:hidden; border:1px solid rgba(188,239,222,.21); border-radius:34px; color:white; background:radial-gradient(circle at 78% 7%,rgba(150,236,207,.33),transparent 28%),radial-gradient(circle at 7% 85%,rgba(0,0,0,.24),transparent 37%),linear-gradient(145deg,#004d45 0%,#006d5b 46%,#064a51 100%); box-shadow:0 32px 72px -36px rgba(0,41,45,.84); }
.conversation-canvas::before { content:""; position:absolute; z-index:-1; width:240px; height:240px; right:-95px; top:140px; border:1px solid rgba(213,255,238,.15); border-radius:50%; box-shadow:0 0 0 36px rgba(213,255,238,.035),0 0 0 74px rgba(213,255,238,.025); }
.conversation-canvas::after { content:""; position:absolute; z-index:-1; width:8px; height:8px; left:8%; top:43%; border-radius:50%; background:#bdebdc; box-shadow:52px 42px 0 -2px rgba(189,235,220,.55),365px 113px 0 -1px rgba(189,235,220,.58),300px 400px 0 -3px rgba(189,235,220,.6); }
.canvas-intro { display:flex; align-items:center; gap:.58rem; margin:.15rem .35rem 1rem; color:#d5f4ea; font-size:.69rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.canvas-intro p { margin:0; }
.canvas-signal { width:9px; height:9px; border-radius:50%; background:#b5ead9; box-shadow:0 0 0 5px rgba(181,234,217,.15); }
.yase-response { position:relative; }
.yase-quote { padding:1.32rem 1.28rem 1.08rem; border:1px solid rgba(255,255,255,.73); border-radius:24px 24px 24px 7px; color:#243c47; background:#fcfffd; box-shadow:0 18px 28px -25px rgba(0,25,31,.72); transform:rotate(-.65deg); }
.response-caption,.response-kind { margin:0; font-size:.64rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.yase-quote .response-caption { color:#6c7d83; }
.quote-heading { display:flex; gap:.72rem; align-items:flex-start; margin-top:.7rem; }
.reply-mark { display:grid; flex:0 0 auto; place-items:center; width:34px; height:34px; border-radius:11px; color:#006d5b; background:#dff3ec; font-size:1.05rem; font-weight:900; }
.response-kind { color:#006d5b; }
.yase-response h2 { margin:.24rem 0 0; font-size:1.05rem; line-height:1.23; letter-spacing:-.04em; }
.response-lead { margin:.92rem 0 0; color:#50656e; font-size:.77rem; line-height:1.48; }
.quote-story { display:grid; gap:.5rem; margin:1rem 0 0; padding:0; list-style:none; }
.quote-story li { display:grid; grid-template-columns:118px 1fr; gap:.55rem; color:#3b515b; font-size:.73rem; line-height:1.38; }
.quote-story span { color:#72858b; font-size:.68rem; font-weight:800; }
.quote-story strong { font-weight:800; }
.quote-total { margin:.9rem 0 0; padding-top:.82rem; border-top:1px solid #e7efeb; color:#40575f; font-size:.73rem; font-weight:700; line-height:1.45; }
.quote-total strong { color:#006d5b; font-family:Manrope,sans-serif; font-size:1rem; letter-spacing:-.04em; }
.quote-total span { color:#6e7f84; font-weight:600; }
.response-close { margin:.72rem 0 0; color:#4d6770; font-size:.7rem; font-weight:700; }
.response-close span { display:inline-grid; place-items:center; width:16px; height:16px; margin-right:.25rem; border-radius:50%; color:#fff; background:#006d5b; font-size:.6rem; }
.yase-report { margin-top:1rem; padding:1.25rem 1.28rem 1.1rem; overflow:hidden; border:1px solid rgba(221,255,245,.25); border-radius:7px 24px 24px; color:#f5fffb; background:linear-gradient(140deg,rgba(2,49,51,.88),rgba(3,80,70,.84)); box-shadow:0 22px 34px -28px rgba(0,20,26,.85); transform:rotate(.55deg); }
.yase-report::after { content:""; position:absolute; width:155px; height:155px; right:-93px; top:-92px; border-radius:50%; background:rgba(167,239,213,.08); }
.report-heading { position:relative; z-index:1; display:flex; justify-content:space-between; gap:.7rem; align-items:flex-start; }
.yase-report .response-caption { color:#a9e7d5; }
.yase-report h2 { color:#fff; }
.report-badge { flex:0 0 auto; margin-top:.1rem; padding:.35rem .48rem; border:1px solid rgba(167,239,213,.42); border-radius:999px; color:#c5f3e3; font-size:.55rem; font-weight:900; letter-spacing:.06em; }
.report-context { position:relative; z-index:1; margin:.56rem 0 0; color:#c1dfd6; font-size:.66rem; font-weight:600; line-height:1.48; }
.report-exact { position:relative; z-index:1; display:grid; gap:.68rem; margin-top:.95rem; }
.report-exact section { padding-top:.68rem; border-top:1px solid rgba(220,255,246,.17); }
.report-exact h3 { margin:0; color:#c5f3e3; font-family:"DM Sans",sans-serif; font-size:.69rem; font-weight:900; letter-spacing:.015em; line-height:1.3; }
.report-exact h3 span { color:#a9d7c9; font-weight:700; }
.report-exact ul { display:grid; gap:.22rem; margin:.42rem 0 0; padding:0; list-style:none; }
.report-exact li { color:#d7ebe4; font-size:.655rem; line-height:1.4; }
.report-exact li.nested { padding-left:.5rem; color:#c9e4da; }
.report-exact strong { color:white; font-weight:800; }
.report-closing { position:relative; z-index:1; display:grid; gap:.35rem; margin-top:.84rem; padding-top:.78rem; border-top:1px solid rgba(220,255,246,.18); }
.report-closing span { color:#bfe1d5; font-size:.68rem; font-weight:900; }
.report-closing strong { color:#fff; font-family:Manrope,sans-serif; font-size:.69rem; letter-spacing:-.02em; line-height:1.45; }
.report-footer { position:relative; z-index:1; margin:.68rem 0 0; color:#a9d7c9; font-size:.63rem; line-height:1.48; }
.report-footer strong { color:#d3eee4; }
.benefits-band { padding:4.75rem 0; border-block:1px solid var(--line); background:white; }
.benefits-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:3rem; }
.icon { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; color:var(--emerald); background:var(--mint); font-size:.85rem; font-weight:800; }
.benefit h2 { margin:1.3rem 0 .55rem; font-size:1.12rem; }
.benefit p { margin:0; color:#63717d; font-size:.94rem; line-height:1.6; }
.process-section { display:grid; grid-template-columns:.78fr 1.22fr; gap:5rem; align-items:start; }
.section-heading h2 { font-size:clamp(2.2rem,4.5vw,3.5rem); line-height:1.08; }
.section-heading > p:last-child { max-width:500px; margin:1.25rem 0 0; color:#63717d; font-size:1.03rem; line-height:1.65; }
.process-grid { display:grid; gap:.9rem; margin:0; padding:0; list-style:none; }
.process-grid li { min-height:142px; padding:1.55rem 1.65rem 1.55rem 5.1rem; position:relative; border:1px solid var(--line); border-radius:20px; background:white; }
.step-number { position:absolute; left:1.35rem; top:1.6rem; color:var(--emerald); font-family:Manrope,sans-serif; font-size:.92rem; font-weight:800; }
.process-grid h3 { font-size:1.05rem; }
.process-grid p { margin:.65rem 0 0; color:#63717d; font-size:.92rem; line-height:1.55; }
.pricing-section { background:#eef6f3; }
.centered { max-width:720px; margin-inline:auto; text-align:center; }
.centered > p:last-child { margin-inline:auto; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.15rem; align-items:stretch; margin-top:3.2rem; }
.plan-card { position:relative; display:flex; flex-direction:column; padding:1.7rem; border:1px solid var(--line); border-radius:23px; background:white; }
.plan-popular { border:2px solid var(--emerald); box-shadow:0 24px 48px -38px rgba(0,109,91,.85); }
.popular { position:absolute; top:-13px; left:1.4rem; padding:.35rem .72rem; border-radius:999px; color:white; background:var(--emerald); font-size:.7rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.plan-label { margin:0; color:var(--emerald); font-size:.74rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.plan-card h3 { min-height:52px; margin:.8rem 0 0; font-size:1.3rem; }
.plan-audience { min-height:42px; margin:.6rem 0 0; color:#687784; font-size:.85rem; line-height:1.45; }
.price { margin:1.5rem 0 0; font-family:Manrope,sans-serif; font-size:3.1rem; line-height:1; font-weight:800; letter-spacing:-.07em; }
.price span { margin-right:.25rem; font-family:"DM Sans",sans-serif; font-size:1rem; letter-spacing:0; vertical-align:1rem; }
.price small { margin-left:.22rem; color:#74818c; font-family:"DM Sans",sans-serif; font-size:.82rem; font-weight:600; letter-spacing:0; }
.billing { min-height:36px; margin:.5rem 0 0; color:#687784; font-size:.76rem; line-height:1.45; }
.plan-card ul { flex:1; margin:1.3rem 0 1.45rem; padding:1.3rem 0 0; border-top:1px solid #edf1f0; list-style:none; }
.plan-card li { position:relative; margin:.75rem 0; padding-left:1.35rem; color:#405263; font-size:.85rem; line-height:1.4; }
.plan-card li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--emerald); font-weight:800; }
.offer-download { display:flex; align-items:center; justify-content:space-between; gap:2rem; max-width:900px; margin:2.35rem auto 0; padding:1.5rem 1.7rem; border:1px solid #bddcd5; border-radius:20px; background:#f8fcfb; }
.offer-download .eyebrow { margin-bottom:.55rem; }
.offer-download h3 { margin:0; color:var(--ink); font-family:Manrope,sans-serif; font-size:1.15rem; letter-spacing:-.025em; }
.offer-download p:not(.eyebrow) { max-width:590px; margin:.45rem 0 0; color:#566776; font-size:.88rem; line-height:1.55; }
.offer-download .button { flex:0 0 auto; white-space:nowrap; }
.support-section { padding-top:0; }
.support-panel { display:flex; justify-content:space-between; gap:2rem; align-items:center; padding:3.1rem 3.4rem; overflow:hidden; border-radius:26px; color:white; background:var(--ink); }
.support-panel h2 { margin:0; font-size:1.8rem; }
.support-panel p:not(.eyebrow) { max-width:620px; margin:1rem 0 0; color:#c7d2db; line-height:1.6; }
.eyebrow.light { color:var(--accent); }
.faq-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:5rem; }
.faq-list { border-top:1px solid var(--line); }
details { border-bottom:1px solid var(--line); }
summary { display:flex; justify-content:space-between; gap:1rem; padding:1.35rem .15rem; cursor:pointer; font-weight:800; list-style:none; }
summary span { color:var(--emerald); font-size:1.3rem; transition:transform .18s; }
details[open] summary span { transform:rotate(45deg); }
details p { max-width:650px; margin:0; padding:0 .15rem 1.35rem; color:#647482; font-size:.94rem; line-height:1.65; }
details p a { color:var(--emerald); font-weight:700; text-decoration:underline; }
.final-cta { padding:5.8rem 0; color:white; background:var(--emerald); text-align:center; }
.final-cta-inner { max-width:760px; }
.final-cta h2 { font-size:clamp(2.6rem,5vw,4rem); line-height:1.06; }
.final-cta p:not(.eyebrow) { max-width:510px; margin:1.2rem auto 2rem; color:#d4ece6; line-height:1.65; }
.final-cta .button { color:var(--emerald); }
.footer { padding:3rem 0 2rem; background:#f0f5f3; }
.footer-inner { display:grid; grid-template-columns:1fr auto auto auto; align-items:center; gap:1.25rem; color:#667682; font-size:.84rem; }
.footer-inner p { margin:0; }
.footer-inner a:not(.brand) { color:var(--emerald); font-weight:700; }
.footer small { grid-column:1 / -1; padding-top:1.2rem; border-top:1px solid var(--line); }
.nav-links .current { color:var(--emerald); }
.detail-hero { padding:clamp(5rem,11vw,9.5rem) 0 clamp(5rem,9vw,7rem); color:white; background:radial-gradient(circle at 78% 25%,rgba(117,211,189,.28),transparent 24%),linear-gradient(135deg,#006d5b 0%,#005548 53%,#153347 100%); }
.detail-hero-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:clamp(3rem,8vw,8rem); align-items:center; }
.detail-hero h1 { max-width:760px; font-size:clamp(3rem,5.8vw,5.45rem); }
.detail-hero > * p:not(.eyebrow) { max-width:620px; margin:1.45rem 0 2.1rem; color:#d8efe9; font-size:1.12rem; line-height:1.68; }
.thought-card { padding:1.6rem; border:1px solid rgba(255,255,255,.23); border-radius:27px; background:rgba(6,54,63,.56); box-shadow:0 28px 70px -35px rgba(0,25,36,.85); transform:rotate(2deg); }
.thought-kicker { margin:0 0 1.15rem; color:#a4d9cb; font-size:.76rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.thought-bubble { width:max-content; max-width:100%; margin:.8rem 0; padding:.8rem 1rem; border-radius:15px 15px 15px 3px; color:#203447; background:white; font-size:.9rem; font-weight:700; box-shadow:0 8px 20px -14px rgba(0,0,0,.4); }
.thought-bubble.offset { margin-left:auto; border-radius:15px 15px 3px 15px; color:white; background:#164d59; }
.thought-answer { display:flex; gap:.7rem; align-items:flex-start; margin-top:1.35rem; padding-top:1.15rem; border-top:1px solid rgba(255,255,255,.16); color:#d0ebe4; font-size:.83rem; line-height:1.48; }
.thought-answer span { display:grid; flex:0 0 auto; place-items:center; width:22px; height:22px; border-radius:50%; color:var(--emerald); background:#dff4ee; font-weight:900; }
.thought-answer p { margin:0; }
.story-section { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,8vw,8rem); align-items:start; }
.story-intro h2 { font-size:clamp(2.25rem,4vw,3.5rem); line-height:1.11; }
.story-copy { max-width:530px; padding-top:1.15rem; color:#546674; font-size:1.05rem; line-height:1.75; }
.story-copy p { margin:0 0 1.2rem; }
.story-copy .emphasis { color:var(--ink); font-family:Manrope,sans-serif; font-size:1.2rem; font-weight:700; line-height:1.47; }
.dark-split { padding:6.5rem 0; color:white; background:var(--ink); }
.dark-split-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(3rem,8vw,8rem); align-items:center; }
.dark-split h2 { font-size:clamp(2.3rem,4.4vw,3.8rem); line-height:1.1; }
.dark-split > * p:not(.eyebrow) { max-width:540px; margin:1.35rem 0 0; color:#c5d2dc; font-size:1.05rem; line-height:1.68; }
.message-stack { padding:1.3rem; border:1px solid rgba(255,255,255,.12); border-radius:25px; background:#132c40; }
.message { width:max-content; max-width:93%; margin:.75rem 0; padding:.85rem 1rem; border-radius:15px 15px 15px 3px; color:#203244; background:white; font-size:.85rem; line-height:1.45; }
.message.user { margin-left:auto; border-radius:15px 15px 3px 15px; color:white; background:var(--emerald); }
.message.user.small { width:auto; }
.message.yase { width:auto; }
.message.yase > span { color:var(--emerald); font-size:.71rem; font-weight:900; letter-spacing:.08em; }
.message.yase p { margin:.4rem 0 0; }
.confirmation { display:grid; grid-template-columns:auto 1fr; gap:.35rem .75rem; margin-top:.8rem; padding-top:.75rem; border-top:1px solid #e1e9e7; color:#536674; font-size:.77rem; }
.confirmation b { color:#284559; }
.control-section { padding-bottom:105px; }
.control-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; }
.control-grid article { min-height:230px; padding:1.65rem; border:1px solid var(--line); border-radius:20px; background:white; }
.control-number { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; color:var(--emerald); background:var(--mint); font-size:.83rem; font-weight:900; }
.control-grid h3 { margin:1.45rem 0 .65rem; font-size:1.12rem; }
.control-grid p { margin:0; color:#637482; font-size:.91rem; line-height:1.58; }
.questions-section { padding:6.8rem 0; background:var(--sand); }
.questions-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:3rem; }
.questions-grid article { min-height:220px; padding:1.5rem; border:1px solid rgba(209,216,207,.8); border-radius:19px; background:rgba(255,255,255,.72); }
.questions-grid span { color:var(--emerald); font-size:1.45rem; font-weight:700; }
.questions-grid h3 { margin:1.25rem 0 .55rem; font-size:1.05rem; }
.questions-grid p { margin:0; color:#64727d; font-size:.88rem; line-height:1.56; }
.fit-section { padding-top:0; }
.fit-panel { display:flex; justify-content:space-between; gap:2rem; align-items:center; padding:3.2rem 3.5rem; border:1px solid var(--line); border-radius:27px; background:white; }
.fit-panel h2 { max-width:730px; font-size:clamp(1.9rem,3.6vw,3rem); line-height:1.12; }
.fit-panel p:not(.eyebrow) { max-width:710px; margin:1rem 0 0; color:#61717e; line-height:1.65; }
.detail-final { padding:6rem 0; color:white; text-align:center; background:#153347; }
.detail-final > .shell { max-width:780px; }
.detail-final h2 { font-size:clamp(2.4rem,5vw,4rem); line-height:1.08; }
.detail-final p:not(.eyebrow) { max-width:590px; margin:1.25rem auto 2rem; color:#c8d5dd; line-height:1.65; }
.detail-final-actions { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:1.25rem; }
.outline-link { color:#b8d8d2; font-size:.9rem; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
 .mobile-menu{display:none;position:relative}.mobile-menu summary{align-items:center;background:#fff;border:1px solid #b9dcd3;border-radius:10px;color:#006d5b;cursor:pointer;display:flex;font-size:.82rem;font-weight:800;gap:.45rem;list-style:none;padding:.58rem .72rem}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu-panel{background:#fff;border:1px solid #dce7e4;border-radius:14px;box-shadow:0 18px 38px rgba(26,43,60,.16);display:grid;gap:2px;min-width:260px;padding:8px;position:absolute;right:0;top:calc(100% + 9px);z-index:20}.mobile-menu-panel a{border-radius:9px;color:#1a2b3c;padding:11px 12px;text-decoration:none}.mobile-menu-panel a:hover,.mobile-menu-panel a:focus-visible{background:#e0f0eb;color:#006d5b}.mobile-menu-panel .mobile-menu-cta{background:#006d5b;color:#fff;margin-top:4px;text-align:center}
@media (max-width:900px) { .nav-links { display:none; } .mobile-menu { display:block; } .hero,.process-section,.faq-section,.detail-hero-grid,.story-section,.dark-split-grid { grid-template-columns:1fr; } .hero { min-height:auto; padding-top:4.5rem; } .hero-visual { min-height:820px; } .process-section,.faq-section,.story-section,.dark-split-grid { gap:3rem; } .pricing-grid { grid-template-columns:1fr; max-width:520px; margin-inline:auto; } .offer-download { align-items:flex-start; flex-direction:column; max-width:520px; } .benefits-grid { gap:1.8rem; } .footer-inner { grid-template-columns:1fr 1fr; } .footer-inner .footer-brand { grid-column:1 / -1; } .detail-hero { padding-top:5rem; } .thought-card { max-width:520px; transform:none; } .control-grid { grid-template-columns:1fr; } .questions-grid { grid-template-columns:repeat(2,1fr); } .fit-panel { display:block; } .fit-panel .button { margin-top:1.7rem; } }
@media (max-width:620px) { .shell { width:min(100% - 32px,1120px); } .nav { min-height:70px; } .nav > .button { display:none; } .brand { width:88px; height:32px; } .section { padding:72px 0; } h1 { font-size:clamp(2.65rem,13vw,4rem); } .hero { padding-top:3.2rem; padding-bottom:3.5rem; } .hero-actions { align-items:flex-start; flex-direction:column; } .hero-visual { min-height:700px; } .conversation-canvas { padding:.9rem; border-radius:27px; } .canvas-intro { margin:.1rem .15rem .78rem; font-size:.58rem; letter-spacing:.06em; } .yase-quote,.yase-report { padding:1rem; transform:none; } .yase-response h2 { font-size:.97rem; } .response-lead { margin-top:.75rem; font-size:.72rem; } .quote-story { gap:.42rem; margin-top:.78rem; } .quote-story li { display:block; font-size:.7rem; } .quote-story span { display:block; margin-bottom:.14rem; } .quote-total { margin-top:.75rem; padding-top:.68rem; font-size:.7rem; } .quote-total strong { display:block; margin-top:.16rem; font-size:.96rem; } .quote-total span { display:block; margin-top:.12rem; } .response-close { font-size:.66rem; } .report-heading { display:block; } .report-badge { display:inline-block; margin-top:.55rem; } .report-context { font-size:.61rem; } .report-exact { gap:.55rem; margin-top:.7rem; } .report-exact section { padding-top:.52rem; } .report-exact h3 { font-size:.62rem; } .report-exact li { font-size:.59rem; line-height:1.36; } .report-closing { margin-top:.68rem; padding-top:.64rem; } .report-closing strong { font-size:.62rem; } .report-footer { font-size:.57rem; } .benefits-grid { grid-template-columns:1fr; } .benefit { padding:0 .4rem; } .process-grid li { padding:1.35rem 1.1rem 1.35rem 4.3rem; } .step-number { left:1rem; top:1.4rem; } .support-panel { display:block; padding:2.2rem 1.5rem; } .support-panel .button { margin-top:1.65rem; } .footer-inner { grid-template-columns:1fr; gap:.7rem; } .footer small { margin-top:.9rem; } .detail-hero { padding:4.4rem 0; } .detail-hero h1 { font-size:clamp(2.6rem,13vw,3.8rem); } .detail-hero > * p:not(.eyebrow) { font-size:1rem; } .thought-card { padding:1.2rem; } .story-copy { padding-top:0; } .dark-split { padding:4.5rem 0; } .questions-section { padding:4.5rem 0; } .questions-grid { grid-template-columns:1fr; margin-top:2rem; } .questions-grid article { min-height:auto; } .fit-panel { padding:2.1rem 1.5rem; } .detail-final { padding:4.6rem 0; } }
@media (prefers-reduced-motion:no-preference) { .hero-copy,.hero-visual { animation:enter .6s cubic-bezier(.23,1,.32,1) both; } .hero-visual { animation-delay:.1s; } @keyframes enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.001ms!important; transition-duration:.001ms!important; } }

/* Navegación móvil: el contenido de <details> solo debe mostrarse al abrir el menú. */
.mobile-menu:not([open]) .mobile-menu-panel { display:none; }
.mobile-menu[open] .mobile-menu-panel { display:grid; }
@media (max-width:900px) { .don-lucho-panorama { margin:0 0 1.3rem; } .don-lucho-panorama::after { background:linear-gradient(90deg,var(--warm) 0%,rgba(247,250,249,0) 11%,rgba(247,250,249,0) 89%,var(--warm) 100%),linear-gradient(180deg,rgba(247,250,249,.11) 0%,rgba(247,250,249,0) 13%,rgba(247,250,249,0) 82%,var(--warm) 100%); } }
@media (max-width:1200px), (hover:none) and (pointer:coarse) {
  .nav { position:relative; gap:.85rem; }
  .nav-links, .nav > .button { display:none!important; }
  .mobile-menu { display:block; flex:0 0 auto; margin-left:auto; }
  .mobile-menu summary { min-height:44px; padding:.6rem .8rem; white-space:nowrap; }
  .mobile-menu-panel { width:min(320px,calc(100vw - 32px)); gap:6px; padding:9px; }
  .mobile-menu-panel a { display:flex; align-items:center; min-height:46px; padding:12px 14px; font-weight:700; line-height:1.25; }
  .mobile-menu-panel .mobile-menu-cta { display:flex; justify-content:center; margin-top:5px; color:#fff; }
}