/* Marketing landings "/" and "/farmacias" (audit/LANDING_2026_PROMPT.md). Tokens: ds-tokens.css. */
@font-face{font-family:"Caveat";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/caveat-latin.v1.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lp-ink:var(--color-heading);--lp-text:var(--color-ink);--lp-muted:var(--color-ink-muted);--lp-green:var(--brand);--lp-deep:var(--brand-strong);--lp-soft:#E2EFE9;--lp-card:#FFFFFF;--lp-line:#ECE7DD;--lp-shadow:0 18px 50px rgba(10,59,52,.08),0 2px 6px rgba(10,59,52,.04);--lp-radius:20px;--lp-hand:"Caveat","Segoe Print","Bradley Hand",cursive}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.lp{margin:0;background:var(--color-bg);color:var(--lp-text);font:16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased}
:where(.lp) img{max-width:100%;height:auto;display:block}
:where(.lp) a{color:inherit;text-decoration:none}
:where(.lp) ul,:where(.lp) ol{list-style:none;margin:0;padding:0}
.lp-br{display:inline}
.lp-wrap{width:min(1320px,calc(100% - 80px));margin:0 auto}
.lp-icon{flex:none}

/* Type */
.lp-h1{font-family:var(--font-display);font-weight:500;letter-spacing:var(--ds-tracking-display);color:var(--lp-ink);font-size:clamp(44px,5.4vw,78px);line-height:1.02;margin:22px 0 22px}
.lp-h2{font-family:var(--font-display);font-weight:500;letter-spacing:var(--ds-tracking-heading);color:var(--lp-ink);font-size:clamp(34px,3.8vw,54px);line-height:1.06;margin:18px 0 14px}
.lp-h3{font-family:var(--font-display);font-weight:500;letter-spacing:var(--ds-tracking-heading);color:var(--lp-ink);font-size:clamp(28px,2.6vw,38px);line-height:1.1;margin:0 0 6px}
.lp-accent{font-style:normal;color:var(--lp-green)}
.lp-lead{color:var(--lp-muted);font-size:clamp(16px,1.35vw,19px);line-height:1.6;margin:0 0 24px;max-width:620px}
.lp-lead-lg{font-size:clamp(17px,1.5vw,21px)}
.lp-eyebrow{display:inline-flex;padding:7px 14px;border-radius:999px;background:var(--lp-soft);color:var(--lp-deep);font-size:12px;font-weight:800;letter-spacing:.16em}
.lp-note{font-family:var(--lp-hand);font-weight:500;color:var(--lp-deep);font-size:clamp(22px,2vw,30px);line-height:1.15;margin:0}
.lp-center{text-align:center;margin:36px 0 0}

/* Buttons */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:13px 22px;font-weight:700;font-size:15px;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;cursor:pointer;white-space:nowrap}
.lp-btn:hover{transform:translateY(-1px)}
.lp-btn-primary{background:var(--lp-green);color:#fff;box-shadow:0 10px 24px rgba(11,92,79,.22)}
.lp-btn-primary:hover{background:var(--lp-deep)}
.lp-btn-ghost{background:#fff;color:var(--lp-ink);box-shadow:var(--shadow-sm)}
.lp-btn-soft{background:var(--lp-soft);color:var(--lp-deep)}
.lp-btn-outline{background:#fff;border-color:var(--brand-line);color:var(--lp-deep)}
.lp-btn-lg{padding:17px 30px;font-size:17px;border-radius:14px}
.lp-btn-sm{padding:11px 18px;font-size:14px}
.lp-btn-block{width:100%}
.lp-ctas{display:flex;flex-wrap:wrap;gap:16px;margin:30px 0 0}
.lp :focus-visible{outline:3px solid var(--brand-accent);outline-offset:3px;border-radius:8px}

/* Header */
.lp-header{position:sticky;top:0;z-index:50;background:rgba(250,246,238,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.lp-nav{display:flex;align-items:center;gap:28px;height:84px}
.lp-logo{display:flex;flex-direction:column;line-height:1}
.lp-logo-word{font-family:var(--font-body);font-weight:700;font-size:30px;letter-spacing:-.02em;color:var(--lp-ink)}
.lp-logo-word b{color:var(--lp-green);font-weight:700}
.lp-logo-tag{font-size:8.5px;letter-spacing:.32em;color:var(--lp-muted);margin-top:5px;text-align:center}
.lp-logo-sub{font-family:var(--font-display);letter-spacing:var(--ds-tracking-heading);font-size:17px;line-height:1;color:var(--lp-deep);margin-top:4px;white-space:nowrap}
.lp-links{display:flex;gap:8px;margin-left:32px}
.lp-links a{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:10px;font-size:15px;font-weight:500;color:var(--lp-text)}
.lp-links a:hover,.lp-links a.is-active{background:var(--lp-soft);color:var(--lp-deep)}
.lp-links a.is-active{box-shadow:inset 0 -2px 0 var(--lp-green)}
.lp-actions{display:flex;align-items:center;gap:26px;margin-left:auto}
.lp-search{color:var(--lp-text);display:inline-flex}
.lp-login{font-weight:600;font-size:15px}
.lp-menu{display:none;position:relative}
.lp-menu summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;box-shadow:var(--shadow-sm)}
.lp-menu summary::-webkit-details-marker{display:none}
.lp-menu nav{position:absolute;right:0;top:54px;min-width:220px;padding:10px;border-radius:16px;background:#fff;box-shadow:var(--lp-shadow);display:grid}
.lp-menu nav a{padding:12px 14px;border-radius:10px;font-weight:600}
.lp-menu nav a:hover{background:var(--lp-soft)}

/* Hero */
.lp-hero{position:relative;padding:34px 0 64px;overflow:hidden}
.lp-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:40px;align-items:center;position:relative}
.lp-hero-features{display:flex;gap:30px;margin-top:44px;color:var(--lp-deep)}
.lp-hero-features li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--lp-text);max-width:170px;line-height:1.3}
.lp-hero-features .lp-icon{color:var(--lp-green)}
.lp-hero-visual{position:relative}
.lp-hero-home .lp-hero-visual{padding:0 0 120px 0}
.lp-hero-home .lp-hero-grid{grid-template-columns:1.05fr 1fr}
.lp-hero-home .lp-h1{font-size:clamp(44px,5vw,72px)}
.lp-hero-home .lp-browser{transform:perspective(1800px) rotateY(-6deg) rotateX(2deg);transform-origin:left center}

/* Floating cards */
.lp-float{position:absolute;background:rgba(255,255,255,.96);border-radius:18px;box-shadow:var(--lp-shadow);padding:18px}
.lp-float strong{color:var(--lp-ink);font-size:15px}
.lp-float small{display:block;color:var(--lp-muted);font-size:13px}
.lp-float-head{display:flex;gap:12px;align-items:center}
.lp-float-head img{border-radius:50%;width:40px;height:40px;object-fit:cover}
.lp-bubble{background:var(--color-surface-2);border-radius:14px;padding:12px 14px;margin:14px 0 8px;font-size:14px;color:var(--lp-text)}
.lp-options li{padding:10px 12px;border-radius:10px;font-size:13.5px;color:var(--lp-text);border-left:2px solid var(--brand-accent);margin-top:8px;background:#fff}
.lp-float-assistant{right:-10px;top:120px;width:250px}
.lp-float-agenda{left:24%;bottom:0;width:300px}
.lp-float-agenda li{display:flex;align-items:center;gap:12px;padding:9px 0;font-size:14px}
.lp-float-agenda li img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.lp-float-agenda li span{flex:1}
.lp-float-agenda li .lp-icon{transform:rotate(-90deg);color:var(--lp-muted)}
.lp-float-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.lp-link-sm{font-size:13px;color:var(--lp-green);font-weight:700;text-decoration:underline}
.lp-float-stat{right:0;bottom:10px;width:230px}
.lp-stat-value{display:block;font-size:34px;font-weight:700;color:var(--lp-ink);margin:8px 0}
.lp-bars{display:flex;align-items:flex-end;gap:7px;height:70px;margin-bottom:8px}
.lp-bars i{flex:1;border-radius:6px;background:linear-gradient(var(--lp-green),#5E9C88)}
.lp-bars i:nth-child(-n+3){background:#A9CFC1}

/* Photo hero (farmacias) */
.lp-hero-photo{padding:0 0 30px;min-height:700px}
.lp-hero-bg{position:absolute;top:0;right:0;width:62%;height:100%;object-fit:cover;object-position:35% center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.lp-hero-photo .lp-hero-grid{grid-template-columns:1.12fr .88fr;min-height:640px;padding-top:40px}
.lp-hero-photo .lp-h1{font-size:clamp(44px,4.9vw,70px)}
.lp-hero-photo .lp-hero-visual{align-self:start;min-height:560px}
.lp-float-welcome{right:0;top:40px;width:330px;padding:22px}
.lp-float-welcome p{margin:0;font-size:15px;color:var(--lp-text);line-height:1.5}
.lp-float-welcome .lp-options{margin-top:14px}
.lp-fab{position:absolute;right:-6px;bottom:24px;width:62px;height:62px;border-radius:50%;background:var(--lp-deep);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px rgba(10,59,52,.3)}
.lp-hero-features-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,200px));gap:0;margin-top:0}
.lp-hero-features-grid li{flex-direction:column;align-items:flex-start;gap:10px;padding:0 24px;border-left:1px solid var(--lp-line);max-width:none}
.lp-hero-features-grid li:first-child{padding-left:0;border-left:0}

/* Mock browser */
.lp-browser{background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(10,59,52,.14);overflow:hidden;border:1px solid var(--lp-line)}
.lp-browser-bar{display:flex;gap:6px;padding:12px 16px;background:#F6F3EE}
.lp-browser-bar i{width:9px;height:9px;border-radius:50%;background:#DDD7CC}
.lp-browser-nav{display:flex;align-items:center;gap:18px;padding:16px 22px}
.lp-browser-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:var(--lp-ink)}
.lp-browser-mark{width:30px;height:30px;border-radius:50%;background:var(--lp-soft);display:grid;place-items:center;color:var(--lp-green)}
.lp-browser-links{display:flex;gap:16px;margin-left:auto;font-size:11px;color:var(--lp-muted)}
.lp-browser-cta{background:var(--lp-green);color:#fff;font-size:11px;font-weight:700;padding:8px 16px;border-radius:999px}
.lp-browser-hero{position:relative;margin:0 18px;border-radius:14px;overflow:hidden;min-height:300px;display:flex;align-items:center}
.lp-browser-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}
.lp-browser-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,243,234,.97) 0,rgba(247,243,234,.88) 34%,rgba(247,243,234,0) 58%);z-index:1}
.lp-browser-copy{position:relative;z-index:2;padding:26px;max-width:46%}
.lp-browser-copy strong{display:block;font-family:var(--font-display);font-weight:500;letter-spacing:var(--ds-tracking-heading);color:var(--lp-deep);font-size:clamp(22px,2.3vw,34px);line-height:1.05}
.lp-browser-copy p{font-size:12px;color:var(--lp-text);margin:12px 0 16px;line-height:1.45}
.lp-browser-btns{display:flex;gap:8px;flex-wrap:wrap}
.lp-mini-btn{display:inline-flex;align-items:center;gap:6px;background:var(--lp-green);color:#fff;font-size:11px;font-weight:700;padding:8px 13px;border-radius:999px}
.lp-mini-ghost{background:#fff;color:var(--lp-ink)}
.lp-browser-services{display:flex;justify-content:space-around;padding:18px 12px 22px;font-size:11.5px;color:var(--lp-text)}
.lp-browser-services span{display:flex;flex-direction:column;align-items:center;gap:8px}
.lp-browser-services i{width:44px;height:44px;border-radius:50%;background:#F3F0EA;display:grid;place-items:center;color:var(--lp-green)}

/* Sections */
.lp-section{padding:64px 0}
.lp-specialties{padding-top:40px}
.lp-spec-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:36px}
.lp-spec{background:var(--lp-card);border-radius:var(--lp-radius);overflow:hidden;box-shadow:var(--lp-shadow);display:flex;flex-direction:column;transition:transform .2s ease}
.lp-spec:hover{transform:translateY(-3px)}
.lp-spec img{aspect-ratio:4/3;height:auto;object-fit:cover;width:100%}
.lp-spec-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px;flex:1}
.lp-spec-body strong{font-size:17px;color:var(--lp-ink)}
.lp-spec-body>span{font-size:14px;color:var(--lp-muted);line-height:1.45;flex:1}
.lp-spec-icon{width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--lp-green);margin:-40px 0 4px;position:relative}
.lp-round-arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--brand-line);display:grid;place-items:center;color:var(--lp-deep);margin-top:8px}
.lp-round-icon{width:52px;height:52px;border-radius:50%;background:var(--lp-soft);display:grid;place-items:center;color:var(--lp-deep);flex:none}
.lp-round-lg{width:62px;height:62px}
.lp-round-lg b{font-size:26px;font-weight:500;color:var(--lp-deep)}
.lp-round-sm{width:40px;height:40px;background:#fff;border:1px solid var(--lp-line)}

/* Agent */
.lp-agent{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.45))}
.lp-agent-grid{display:grid;grid-template-columns:1.3fr .8fr .7fr;gap:36px;align-items:center}
.lp-agent .lp-h2{font-size:clamp(32px,3.1vw,44px)}
.lp-chat{background:#fff;border-radius:22px;box-shadow:var(--lp-shadow);overflow:hidden;border:1px solid var(--lp-line)}
.lp-chat-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--lp-line)}
.lp-chat-head img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.lp-chat-head strong{display:block;font-size:15px;color:var(--lp-ink)}
.lp-chat-head small{color:var(--lp-muted);font-size:12px}
.lp-chat-dots{margin-left:auto;color:var(--lp-muted);font-style:normal;letter-spacing:2px}
.lp-chat-body{padding:18px 20px;display:grid;gap:14px}
.lp-msg{display:flex;gap:10px;align-items:flex-start}
.lp-msg p{margin:0;padding:12px 15px;border-radius:14px;font-size:13.5px;line-height:1.5;max-width:86%}
.lp-msg img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}
.lp-msg-user{justify-content:flex-end}
.lp-msg-user p{background:var(--lp-soft);color:var(--lp-ink);border-bottom-right-radius:4px}
.lp-msg-bot p{background:#F3F1EC;color:var(--lp-text);border-top-left-radius:4px}
.lp-chips{display:flex;flex-wrap:wrap;gap:8px}
.lp-chips span{padding:8px 14px;border-radius:12px;border:1px solid var(--lp-line);font-size:12.5px;font-weight:600;background:#fff}
.lp-chat-input{display:flex;align-items:center;gap:10px;margin:0 20px 20px;padding:6px 6px 6px 16px;border:1px solid var(--lp-line);border-radius:14px;color:var(--color-ink-subtle);font-size:13.5px}
.lp-chat-input span{flex:1}
.lp-chat-input i{width:36px;height:36px;border-radius:50%;background:var(--lp-green);color:#fff;display:grid;place-items:center}
.lp-agent-list{display:grid;gap:22px}
.lp-agent-list li{display:flex;align-items:center;gap:16px;font-size:15px;font-weight:600;color:var(--lp-ink);line-height:1.35}

/* Web showcase */
.lp-showcase{background:linear-gradient(180deg,rgba(236,231,221,.35),rgba(236,231,221,0))}
.lp-showcase-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center}
.lp-showcase .lp-browser{transform:perspective(1800px) rotateY(4deg);transform-origin:right center}
.lp-checks{display:grid;gap:12px;margin:0 0 30px}
.lp-checks li{display:flex;gap:12px;align-items:center;color:var(--lp-text);font-size:16px}
.lp-checks .lp-icon{color:var(--lp-green)}
.lp-checks-sm li{font-size:14.5px;gap:10px}

/* Platform */
.lp-platform-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.lp-platform-center .lp-platform-head{justify-content:center;text-align:center}
.lp-platform-center .lp-lead{margin-inline:auto}
.lp-note-arrow{position:relative;transform:rotate(-6deg);margin:0 60px 40px 0;padding-left:0}
.lp-note-arrow svg{position:absolute;left:-58px;bottom:-46px;width:56px;height:56px;color:var(--lp-deep)}
.lp-cards{display:grid;gap:18px;margin-top:40px}
.lp-cards-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.lp-cards-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.lp-card{background:var(--lp-card);border-radius:var(--lp-radius);box-shadow:var(--lp-shadow);padding:26px 24px;display:flex;flex-direction:column}
.lp-card-icon{color:var(--lp-green);margin-bottom:18px}
.lp-card h3{font-size:17px;margin:0 0 8px;color:var(--lp-ink)}
.lp-card p{font-size:14px;color:var(--lp-muted);margin:0 0 22px;line-height:1.5;flex:1}
.lp-more{font-size:14px;font-weight:700;color:var(--lp-deep)}

/* Steps */
.lp-steps{background:rgba(236,231,221,.45)}
.lp-steps-grid{display:grid;grid-template-columns:.8fr 1.6fr;gap:48px;align-items:center}
.lp-steps-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-radius:22px;box-shadow:var(--lp-shadow);padding:28px 18px}
.lp-steps-list li{position:relative;padding:0 18px;border-left:1px solid var(--lp-line)}
.lp-steps-list li:first-child{border-left:0}
.lp-steps-list a{display:flex;flex-direction:column;gap:8px}
.lp-steps-list strong{font-size:16px;color:var(--lp-ink);margin-top:10px;line-height:1.3}
.lp-steps-list span{font-size:13.5px;color:var(--lp-muted);line-height:1.45}
.lp-step-arrow{position:absolute;top:18px;right:14px;font-style:normal;color:var(--brand-accent);font-size:24px}

/* Plans */
.lp-plans-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:48px;align-items:center}
.lp-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:14px;background:#fff;box-shadow:var(--shadow-sm)}
.lp-toggle button{border:0;background:transparent;padding:11px 22px;border-radius:10px;font:700 15px var(--font-body);color:var(--lp-text);cursor:pointer}
.lp-toggle button.is-on{background:var(--lp-soft);color:var(--lp-deep)}
.lp-toggle-badge{padding:9px 14px;border-radius:10px;background:var(--brand-accent-soft);color:var(--lp-deep);font-weight:700;font-size:14px}
.lp-plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
/* Four plans (pricing 2026-10): the heading goes on top and the cards take the full width. */
.lp-plans-grid.is-wide{grid-template-columns:1fr;gap:36px}
.lp-plans-grid.is-wide .lp-plans-copy{max-width:640px}
.lp-plan-cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* A plan announced but not purchasable yet: no featured border, quiet badge, outline call to action. */
.lp-plan.is-soon .lp-plan-badge{background:var(--lp-soft);color:var(--lp-deep)}
.lp-plan{position:relative;background:#fff;border-radius:var(--lp-radius);box-shadow:var(--lp-shadow);padding:30px 26px;display:flex;flex-direction:column;min-height:100%}
.lp-plan.is-featured{border:2px solid var(--brand-accent);margin-top:-12px;padding-top:36px}
.lp-plan-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--lp-green);color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em;padding:7px 14px;border-radius:8px;white-space:nowrap}
.lp-plan h3{font-size:16px;letter-spacing:.06em;margin:0;color:var(--lp-ink)}
.lp-plan.is-featured h3{color:var(--lp-green)}
.lp-plan-tag{font-size:13.5px;color:var(--lp-muted);margin:6px 0 18px}
.lp-price{margin:0;display:flex;align-items:baseline;gap:6px;color:var(--lp-ink)}
.lp-price b{font-size:44px;font-weight:600;letter-spacing:-.02em}
.lp-price small{font-size:14px;color:var(--lp-muted)}
.lp-plan-note{font-size:14px;color:var(--lp-muted);margin:4px 0 22px}
.lp-plan .lp-checks{flex:1;align-content:start;gap:10px}
/* Pricing F1: announced feature ("próximamente"), never styled as included. */
.lp-checks li.is-soon{align-items:flex-start;color:var(--lp-muted)}
.lp-checks li.is-soon .lp-icon{color:var(--lp-muted);margin-top:3px}
.lp-checks li.is-soon em{font-style:normal;font-weight:700}
.lp-checks li.is-soon a{display:flex;align-items:center;min-height:44px;color:var(--lp-green);font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* Waiting list form (waitlist/show). */
.lp-waitlist{display:grid;gap:16px;max-width:480px;margin-top:24px}
.lp-waitlist label{display:grid;gap:6px;font-size:16px;font-weight:600;color:var(--lp-ink)}
.lp-waitlist input[type=email],.lp-waitlist input:not([type]){min-height:48px;padding:10px 14px;border:1px solid var(--color-ink-muted);border-radius:12px;font:inherit;font-weight:400;background:#fff;color:var(--lp-text)}
.lp-waitlist input:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.lp-waitlist .lp-waitlist-check{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--lp-text)}
.lp-waitlist-check input{width:22px;height:22px;margin-top:2px;flex:none}
.lp-waitlist-error{margin:0;padding:12px 14px;border-radius:12px;background:var(--color-danger-soft);color:var(--color-danger);font-weight:600}
.lp-waitlist a{color:var(--lp-green);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.lp-waitlist-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

/* Logos */
.lp-logos{padding:34px 0 30px}
.lp-logos-title{display:flex;align-items:center;gap:18px;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--lp-muted);margin:0 0 26px}
.lp-logos-title::before,.lp-logos-title::after{content:"";flex:1;max-width:360px;height:1px;background:var(--lp-line)}
.lp-logos-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center}
.lp-logos-row li{display:flex;align-items:center;justify-content:center;gap:10px;color:#5E6B66;padding:6px 14px;border-left:1px solid var(--lp-line);min-height:56px}
.lp-logos-row li:first-child{border-left:0}
.lp-logos-row span{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}
.lp-logos-row small{font-size:9px;letter-spacing:.2em;text-transform:uppercase;margin-top:3px;text-align:center}
.lp-logo-serif span,.lp-logo-serif-stack span{font-family:var(--font-display);font-weight:400;letter-spacing:var(--ds-tracking-heading);font-size:17px}
.lp-logo-serif-stack span{font-size:26px;align-items:center}
.lp-logo-serif-stack small{font-family:var(--font-body);font-size:9px}
.lp-logo-sans span{font-size:18px}
.lp-logo-sans-lg span{font-size:24px;font-weight:500}
.lp-logo-sans-sm span{font-size:15px}
.lp-logo-sans-2 span{font-size:14.5px;max-width:84px;white-space:normal}
.lp-logo-caps-2 span{font-size:13.5px;letter-spacing:.14em;max-width:110px;white-space:normal}

/* Cases */
.lp-cases{background:rgba(236,231,221,.45)}
.lp-cases-grid{display:grid;grid-template-columns:.95fr 2fr;gap:48px;align-items:center}
.lp-cases .lp-h2,.lp-plans .lp-h2{font-size:clamp(32px,3vw,44px)}
.lp-case-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lp-case{position:relative;background:#fff;border-radius:var(--lp-radius);box-shadow:var(--lp-shadow);padding:28px 26px}
.lp-case-top{display:flex;justify-content:space-between;align-items:flex-start;color:var(--lp-green);padding-bottom:18px;border-bottom:1px solid var(--lp-line)}
.lp-case-top b{display:block;font-size:34px;font-weight:600;color:var(--lp-deep);letter-spacing:-.01em}
.lp-case-top small{color:var(--lp-muted);font-size:13.5px}
.lp-case blockquote{margin:18px 0 22px;font-size:14.5px;color:var(--lp-text);line-height:1.55}
.lp-case-who{display:flex;gap:12px;align-items:center;margin:0}
.lp-case-who strong{display:block;font-size:13.5px;color:var(--lp-ink)}
.lp-case-who small{color:var(--lp-muted);font-size:12.5px}

/* Help */
.lp-help{padding:40px 0 60px;background:rgba(255,255,255,.4)}
.lp-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.lp-help .lp-ctas{margin-top:10px}
.lp-help .lp-lead{margin-bottom:16px}
.lp-help-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}
.lp-help-items li{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--lp-muted);font-size:14.5px}
.lp-help-items .lp-icon{color:#5E6B66}

/* Final CTA */
.lp-cta-final{position:relative;overflow:hidden;padding:70px 0 90px;min-height:560px}
.lp-cta-bg{position:absolute;top:0;right:0;width:60%;height:100%;object-fit:cover;object-position:60% center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
.lp-cta-grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:start}
.lp-cta-copy .lp-h2{font-size:clamp(34px,3.6vw,52px)}
.lp-cta-checks{display:flex;flex-wrap:wrap;gap:22px;margin-top:28px;font-weight:600;font-size:15px;color:var(--lp-ink)}
.lp-note-cta{position:relative;justify-self:end;max-width:340px;margin:-20px 0 0 0;transform:rotate(-4deg);text-shadow:0 0 18px #fff,0 0 8px #fff}
.lp-note-cta svg{position:absolute;left:-54px;top:18px;width:50px;height:50px;color:var(--lp-deep)}

/* Legal footer */
.lp-footer{border-top:1px solid var(--lp-line);padding:22px 0 28px}
.lp-footer nav{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:13.5px;color:var(--lp-muted)}
.lp-footer a:hover{color:var(--lp-deep);text-decoration:underline}

/* Tablet */
@media (max-width:1180px){
  .lp-plan-cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-links{margin-left:8px;gap:2px}.lp-links a{padding:8px 10px;font-size:14px}.lp-actions{gap:16px}
  .lp-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-cards-5,.lp-cards-6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-agent-grid{grid-template-columns:1fr 1fr}.lp-agent-copy{grid-column:1/-1}.lp-agent-list{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-plans-grid,.lp-cases-grid,.lp-steps-grid{grid-template-columns:1fr}
  .lp-logos-row{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}
  .lp-logos-row li:nth-child(4){border-left:0}
}
@media (max-width:980px){
  .lp-links,.lp-search,.lp-login{display:none}.lp-menu{display:block}
  .lp-hero-grid,.lp-hero-home .lp-hero-grid,.lp-hero-photo .lp-hero-grid,.lp-showcase-grid,.lp-help-grid,.lp-cta-grid{grid-template-columns:1fr}
  .lp-hero-home .lp-browser,.lp-showcase .lp-browser{transform:none}
  .lp-hero-bg{position:relative;width:100%;height:420px;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}
  .lp-hero-photo{min-height:0;display:flex;flex-direction:column-reverse}
  .lp-hero-photo .lp-hero-grid{min-height:0;padding-top:24px}
  .lp-hero-photo .lp-hero-visual{min-height:0;order:3}
  .lp-float-welcome{position:relative;right:auto;top:auto;width:100%;margin-top:8px}
  .lp-fab{display:none}
  .lp-hero-features-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;margin-top:8px}
  .lp-hero-features-grid li:nth-child(3){padding-left:0;border-left:0}
  .lp-cta-bg{position:relative;width:100%;height:380px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%);mask-image:linear-gradient(180deg,transparent,#000 25%)}
  .lp-cta-final{display:flex;flex-direction:column-reverse;padding-bottom:0}
  .lp-note-cta{justify-self:start;margin-top:0}
}
/* Phone */
@media (max-width:640px){
  .lp-wrap{width:calc(100% - 32px)}
  .lp-logos-row span{white-space:normal}
  .lp-nav{height:68px;gap:12px}.lp-logo-word{font-size:25px}.lp-logo-tag{font-size:7px}.lp-logo-sub{font-size:15px}
  .lp-actions .lp-btn-sm{padding:10px 12px;font-size:13px}
  .lp-section{padding:56px 0}
  .lp-h1{font-size:42px}.lp-h2{font-size:33px}
  .lp-btn-lg{width:100%;padding:15px 20px;font-size:16px}
  .lp-ctas{gap:12px}
  .lp-hero-features-inline{flex-wrap:wrap;gap:16px 20px;margin-top:30px}
  .lp-hero-home .lp-hero-visual{padding:0}
  .lp-hero-home .lp-float{position:relative;inset:auto;width:100%;margin-top:12px}
  .lp-browser-links{display:none}
  .lp-browser-copy{max-width:62%;padding:18px}
  .lp-browser-hero{min-height:230px}
  .lp-browser-services{flex-wrap:wrap;gap:14px 6px}
  .lp-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .lp-spec-body{padding:14px}
  .lp-cards-5,.lp-cards-6,.lp-plan-cards,.lp-case-cards,.lp-agent-grid,.lp-agent-list,.lp-steps-list,.lp-help-items{grid-template-columns:1fr}
  .lp-steps-list li{border-left:0;padding:16px 4px;border-top:1px solid var(--lp-line)}.lp-steps-list li:first-child{border-top:0}
  .lp-step-arrow{display:none}
  .lp-plan.is-featured{margin-top:12px}
  .lp-help-items{row-gap:22px}
  .lp-platform-head{flex-direction:column;align-items:flex-start}
  .lp-note-arrow{margin:0 0 0 auto}
  .lp-logos-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-logos-row li{border-left:0}
  .lp-logos-title::before,.lp-logos-title::after{display:none}
  .lp-toggle{flex-wrap:wrap}
}
/* Very narrow phones (320 px): the header (logo + CTA + menu) fits without horizontal scroll. */
@media (max-width:360px){.lp-nav{gap:8px}.lp-actions{gap:8px}.lp-actions .lp-btn-sm{padding:10px}.lp-actions .lp-btn-sm .lp-icon{display:none}.lp-logo-word{font-size:22px}}
@media (prefers-reduced-motion:reduce){.lp *{transition:none!important;scroll-behavior:auto}}

@media (max-width:980px){.lp-br{display:none}}
/* Legal pages */
.lp-legal{max-width:820px}
.lp-legal p,.lp-legal li{color:var(--lp-text)}
.lp-legal .lp-h3{margin-top:30px}
.lp-legal-data{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px}
.lp-legal-data dt{font-weight:700;color:var(--lp-ink)}
.lp-legal-data dd{margin:0;overflow-wrap:anywhere}
.lp-legal-table{overflow-x:auto}
.lp-legal-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px}
.lp-legal-table th,.lp-legal-table td{border-bottom:1px solid var(--lp-line);padding:10px 12px;text-align:left;vertical-align:top}
@media (max-width:640px){.lp-legal-data{grid-template-columns:1fr}.lp-legal-data dd{margin-bottom:8px}}
/* Specialty landings (/dermatologia): shared sections feature_strip, devices, collage, template_cards, thumbs,
   dashboard, band, plus the optional parts of hero_photo / cta_final. Same tokens as the rest of the landings. */
.lp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lp-soon{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--lp-soft);color:var(--lp-deep);font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap}
.lp-hero-bg-focus-right{object-position:80% center}
.lp-hero-checks{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:26px}
.lp-hero-checks li{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:15px;font-weight:600;color:var(--lp-text)}
.lp-hero-checks .lp-icon{color:var(--lp-green)}
.lp-float-card{right:0;bottom:56px;width:300px;display:flex;align-items:center;gap:14px;z-index:2}
.lp-float-card strong{display:block;font-size:17px}
.lp-float-card small{font-size:14px;margin-top:2px}
/* Advantages strip */
.lp-strip{background:var(--lp-card);border-block:1px solid var(--lp-line);padding:30px 0}
.lp-strip-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.lp-strip-list li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:4px 18px;border-left:1px solid var(--lp-line);font-size:15px;font-weight:600;color:var(--lp-text);line-height:1.35}
.lp-strip-list li:first-child{border-left:0}
.lp-strip-icon{color:var(--lp-green)}
/* Devices */
.lp-devices{background:linear-gradient(180deg,rgba(236,231,221,.35),rgba(236,231,221,0))}
.lp-devices-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:center}
.lp-devices-visual{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center}
.lp-browser-screen{margin:0;grid-column:2;grid-row:1}
.lp-browser-screen img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.lp-phone{position:relative;z-index:2;grid-column:1;grid-row:1;width:220px;padding:8px;border-radius:30px;background:var(--lp-ink);box-shadow:0 30px 60px rgba(10,59,52,.25)}
.lp-phone .lp-chat{border-radius:24px;border:0}
.lp-phone .lp-chat-head,.lp-phone .lp-chat-body{padding:14px}
.lp-phone .lp-chat-input{margin:0 14px 14px}
/* Section titles of the split sections: the size of .lp-cases / .lp-plans. */
.lp-devices .lp-h2,.lp-collage .lp-h2,.lp-dashboard .lp-h2{font-size:clamp(32px,3vw,44px)}
/* Collage */
.lp-collage-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:56px;align-items:center}
.lp-collage-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:12px}
.lp-collage-items li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;font-size:14px;font-weight:600;color:var(--lp-ink);line-height:1.35}
.lp-collage-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp-collage-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--lp-radius);box-shadow:var(--lp-shadow)}
.lp-collage-photos img:nth-child(2),.lp-collage-photos img:nth-child(4){transform:translateY(28px)}
/* Template cards */
.lp-template-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:34px}
.lp-template{background:var(--lp-card);border-radius:var(--lp-radius);box-shadow:var(--lp-shadow);overflow:hidden;display:flex;flex-direction:column}
.lp-template-shot{aspect-ratio:4/3;background:var(--lp-soft);border-bottom:1px solid var(--lp-line)}
/* Template previews are shown whole (4:3 with the browser frame), never cropped. */
.lp-template-shot img{display:block;width:100%;height:100%;object-fit:contain}
.lp-template-empty{display:grid;place-items:center;height:100%;color:var(--lp-green)}
.lp-template .lp-template-note{flex:none;margin:0;padding:10px 20px 0;font-size:14px;line-height:1.4;color:var(--lp-muted)}
.lp-template-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px 22px;flex:1}
.lp-template h3{font-size:17px;margin:0;color:var(--lp-ink)}
.lp-template p{font-size:15px;color:var(--lp-muted);margin:0;line-height:1.45;flex:1}
.lp-template .lp-btn-round{border-radius:999px;min-height:44px;padding:11px 20px}
.lp-carousel-dots{display:none}
/* Thumbnails */
.lp-thumbs{padding-top:24px}
.lp-thumb-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;margin-top:30px}
.lp-thumb-list li{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:15px;font-weight:600;color:var(--lp-ink)}
.lp-thumb-list img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;box-shadow:var(--shadow-sm)}
/* Dashboard (static panel with sample data) */
.lp-dashboard{background:rgba(236,231,221,.45)}
.lp-dashboard-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:56px;align-items:center}
.lp-dashboard .lp-checks li{align-items:flex-start}
.lp-dashboard .lp-checks .lp-icon{margin-top:3px}
.lp-dash{position:relative;margin:0;background:var(--lp-card);border-radius:var(--lp-radius);box-shadow:var(--lp-shadow);border:1px solid var(--lp-line);overflow:hidden}
.lp-dash-tag{position:absolute;top:14px;right:14px;padding:4px 12px;border-radius:999px;background:var(--brand-accent-soft);color:var(--lp-deep);font-size:14px;font-weight:700}
.lp-dash-top{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--lp-line)}
.lp-dash-top .lp-logo-word{font-size:20px}
.lp-dash-brand{font-family:var(--font-display);letter-spacing:var(--ds-tracking-heading);color:var(--lp-deep);font-size:16px;padding-left:12px;border-left:1px solid var(--lp-line)}
.lp-dash-body{display:grid;grid-template-columns:150px 1fr}
.lp-dash-menu{padding:14px 10px;border-right:1px solid var(--lp-line);display:grid;gap:4px;align-content:start}
.lp-dash-menu li{padding:8px 10px;border-radius:8px;font-size:14px;color:var(--lp-muted)}
.lp-dash-menu li.is-active{background:var(--lp-soft);color:var(--lp-deep);font-weight:700}
.lp-dash-main{padding:18px 20px 22px;min-width:0}
.lp-dash-title{margin:0 0 12px;font-weight:700;color:var(--lp-ink);font-size:16px}
.lp-dash-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lp-dash-stats li{border:1px solid var(--lp-line);border-radius:12px;padding:12px}
.lp-dash-stats small{display:block;font-size:14px;color:var(--lp-muted);line-height:1.3}
.lp-dash-stats strong{display:block;font-size:24px;color:var(--lp-ink);margin-top:4px}
.lp-dash-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.lp-dash-sub{margin:0 0 8px;font-weight:700;font-size:14px;color:var(--lp-ink)}
.lp-dash-list{display:grid;gap:10px}
.lp-dash-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--lp-text);line-height:1.3}
.lp-dash-list small{display:block;font-size:14px;color:var(--lp-muted)}
.lp-dash-list b{color:var(--lp-deep);min-width:46px}
/* Band */
.lp-band{padding:34px 0;border-block:1px solid var(--lp-line);text-align:center}
.lp-band p{margin:0 auto;max-width:900px;font-family:var(--font-display);font-weight:500;letter-spacing:var(--ds-tracking-heading);color:var(--lp-ink);font-size:clamp(22px,2.2vw,30px);line-height:1.25}
/* Readable mode (content 'readable' => true): small texts of the shared parts at the 14 px minimum. */
.lp-readable .lp-eyebrow,.lp-readable .lp-plan-badge,.lp-readable .lp-plan-tag,.lp-readable .lp-footer nav,.lp-readable .lp-msg p,.lp-readable .lp-chips span,.lp-readable .lp-chat-input,.lp-readable .lp-chat-head small,.lp-readable .lp-float small,.lp-readable .lp-options li{font-size:14px}
.lp-readable .lp-chips span{min-height:44px;display:inline-flex;align-items:center}
.lp-readable .lp-btn,.lp-readable .lp-menu nav a,.lp-readable .lp-links a{min-height:44px}
.lp-readable .lp-menu nav a{display:flex;align-items:center}
.lp-readable .lp-chat-input{color:var(--lp-muted)}
@media (max-width:1180px){
  .lp-template-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-thumb-list{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lp-collage-grid,.lp-dashboard-grid,.lp-devices-grid{grid-template-columns:1fr}
  .lp-collage-photos{max-width:640px}
}
@media (max-width:980px){
  .lp-hero-bg-focus-right{object-position:80% 30%}
  .lp-float-card{position:relative;right:auto;bottom:auto;width:100%;margin-top:20px}
  .lp-strip-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}
  .lp-strip-list li:nth-child(4){border-left:0}
  .lp-collage-items{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  .lp-strip-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-strip-list li{border-left:0;padding:4px 8px}
  .lp-devices-visual{grid-template-columns:1fr}
  .lp-phone{grid-column:1;grid-row:2;width:min(280px,100%);margin:-40px auto 0}
  .lp-browser-screen{grid-column:1}
  .lp-collage-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-collage-photos img:nth-child(2),.lp-collage-photos img:nth-child(4){transform:none}
  /* Template cards: swipe carousel, one card and a peek of the next. */
  .lp-template-cards{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;contain:paint;scrollbar-width:none;margin-inline:-16px;padding:4px 16px 22px;scroll-padding-inline:16px}
  .lp-template-cards::-webkit-scrollbar{display:none}
  .lp-template-cards:focus-visible{outline:2px solid var(--lp-green);outline-offset:2px}
  .lp-template{flex:0 0 84%;scroll-snap-align:start}
  .lp-carousel-dots:not([hidden]){display:flex;justify-content:center;gap:4px;margin-top:2px}
  .lp-carousel-dots button{width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
  .lp-carousel-dots button::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lp-line);box-shadow:inset 0 0 0 1px rgba(10,59,52,.18);transition:width .2s ease}
  .lp-carousel-dots button[aria-current="true"]::before{width:22px;border-radius:999px;background:var(--lp-green);box-shadow:none}
  .lp-thumb-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .lp-thumb-list img{aspect-ratio:4/3}
  .lp-dash-body{grid-template-columns:1fr}
  .lp-dash-menu{display:none}
  .lp-dash-stats,.lp-dash-cols{grid-template-columns:1fr}
  .lp-dash-tag{position:static;display:inline-block;margin:14px 0 0 20px}
  .lp-readable .lp-actions .lp-btn-sm{font-size:14px}
}
