:root { --navy:#071d34; --navy-2:#0b2947; --ink:#10253d; --muted:#687991; --line:#dce5ee; --paper:#f7f9fc; --white:#fff; --blue:#4e83ff; --aqua:#25c8c8; --shadow:0 24px 60px rgba(7,29,52,.13); }

/* 2026-10 local homepage refresh. Scoped to preserve portal/legal layout. */
.home { --muted:#51637b; --blue:#285ab8; overflow-wrap:anywhere; }
.home .hero-grid > *, .home .pro-intro > *, .home .pro-preview > *, .home .support-grid > *, .home .feature-grid > * { min-width:0; }
.home [id] { scroll-margin-top:6.5rem; }
.home :focus-visible { outline:3px solid #bd6400; outline-offset:5px; }
.home .nav-wrap { gap:1.1rem; flex-wrap:wrap; }
.home .site-nav { gap:1.35rem; margin-left:auto; }
.home .language-switcher { flex-shrink:0; border-color:var(--line); }
.home .language-switcher button { color:var(--ink); min-width:40px; min-height:40px; }
.home .hero { padding:72px 0 32px; background:radial-gradient(ellipse at 85% 10%,#123d60 0,transparent 60%),var(--navy); }
.home .hero-grid { grid-template-columns:1fr 1fr; gap:4rem; }
.home h1 { font-size:clamp(2.7rem,4.6vw,4.6rem); max-width:590px; text-wrap:balance; }
.home h2 { font-size:clamp(2rem,3.1vw,3rem); text-wrap:balance; }
.home .hero-media { min-height:0; gap:1.2rem; padding-bottom:34px; }
.home .shot { width:46%; max-width:222px; }
.home .shot-summary { transform:none; }
.home .shot-analysis { transform:translateY(30px); }
.home .hero-screen { height:auto; border-radius:18px; box-shadow:0 20px 42px #020e1d66; }
.home .screen-frame img { width:100%; height:auto; min-height:0; object-fit:contain; transform:none; }
.home .hero .microcopy { color:#bccbdf; }
.home .hero-disclaimer { margin-top:36px; color:#c2cfe0; font-size:.78rem; }
.home .hero-disclaimer p { margin:0; max-width:720px; }
.home .product-boundary { padding:25px 0; background:#edf6f7; border-bottom:1px solid #d8e6e9; }
.home .product-boundary p { margin:0; max-width:1000px; color:#365367; font-size:.9rem; }
.home .section { padding-block:86px; }
.home .feature-grid { margin-top:2.5rem; grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr)); }
.home .feature-grid li { min-height:220px; }
.home .pro-intro { display:grid; grid-template-columns:1.3fr .85fr; gap:3rem; align-items:center; margin-bottom:36px; }
.home .price-card { padding:30px; border:1px solid #b3dedf; border-radius:18px; background:#f0fbfa; }
.home .price-status { color:#2a6469; font-size:.8rem; font-weight:750; }
.home .price { font-size:3.4rem; line-height:1.2; font-weight:800; letter-spacing:-.05em; margin:.5rem 0; }
.home .price span { font-size:1rem; font-weight:600; letter-spacing:0; }
.home .price-card > p:last-child { margin:0; color:var(--muted); font-size:.9rem; }
.home .comparison-wrap { border:1px solid var(--line); border-radius:14px; }
.home .comparison { border-collapse:collapse; width:100%; table-layout:fixed; text-align:left; font-size:.95rem; }
.home .comparison caption { text-align:left; padding:18px 22px; color:var(--muted); font-size:.85rem; }
.home .comparison th,.home .comparison td { vertical-align:top; padding:20px 22px; border-top:1px solid var(--line); overflow-wrap:anywhere; }
.home .comparison thead th { background:var(--paper); }
.home .comparison th:first-child { width:24%; }
.home .comparison td:last-child,.home .comparison thead th:last-child { background:#effaf9; }
.home .pro-notes { max-width:920px; margin:22px 0 42px; color:var(--muted); font-size:.85rem; }
.home .pro-preview { padding:36px; border-radius:20px; background:var(--navy-2); color:white; }
.home .pro-preview .eyebrow { color:#82cfe0; }
.home .pro-preview h3 { font-size:2rem; }
.home .pro-preview p:not(.eyebrow) { max-width:640px; color:#c3d2e3; }
.home .pro-preview-heading { max-width:780px; margin-bottom:28px; }
.home .pro-preview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.home .pro-preview-card { min-width:0; padding:18px; border:1px solid rgba(160,186,216,.24); border-radius:16px; background:rgba(255,255,255,.035); }
.home .pro-preview-pending { display:flex; flex-direction:column; justify-content:center; gap:22px; }
.home .pro-preview-pending .pro-preview-badge { align-self:flex-start; }
.home .pro-preview-pending .pro-preview-copy { padding-top:0; }
.home .pro-preview-shot { display:flex; flex-direction:column; align-items:center; gap:14px; border-radius:12px; }
.home .pro-preview-badge { padding:6px 10px; border:1px solid #49768c; border-radius:999px; color:#b9e9ed; font-size:.62rem; font-weight:800; letter-spacing:.07em; text-align:center; }
.home .pro-preview-screen { width:min(100%,230px); border-radius:12px; box-shadow:0 14px 30px rgba(0,10,24,.22); }
.home .pro-preview-enlarge { color:#d5e2f5; font-size:.8rem; font-weight:700; }
.home .pro-preview-shot:hover .pro-preview-enlarge { text-decoration:underline; text-underline-offset:.2em; }
.home .pro-preview-copy { padding-top:22px; }
.home .pro-preview-copy h4 { margin:0 0 10px; font-size:1.15rem; line-height:1.2; letter-spacing:-.025em; }
.home .pro-preview-copy p { margin-bottom:0; font-size:.85rem; }
.home .pro-preview .pro-preview-note { max-width:100%; margin:24px 0 0; font-size:.78rem; }
.home .gallery .eyebrow { color:#91b4ff; }
.home .gallery-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.3rem; }
.home .gallery-card { grid-column:auto; padding:14px; }
.home .gallery-screen { height:auto; border-radius:12px; }
.home .gallery-card h3 { font-size:1.2rem; }
.home .gallery-card p:last-child { font-size:.85rem; }
.home .gallery-note { max-width:850px; margin:32px 0 0; color:#c3d2e3; font-size:.85rem; }
.home .screenshot-link { display:block; border-radius:12px; }
.home .privacy { padding:0; }
.home .privacy .eyebrow { color:#91b4ff; }
.home .privacy-panel { width:100%; padding:72px max(24px,calc((100vw - 1160px)/2)); }
.home .support-section { padding-block:65px; }
.home .support-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
.home .support-grid p { color:var(--muted); max-width:500px; }
.home .support-grid .eyebrow { color:var(--blue); }
.home .support-email { color:#174f77; font-size:clamp(1rem,2vw,1.55rem); font-weight:750; text-decoration:underline; text-underline-offset:.3em; overflow-wrap:anywhere; justify-self:end; }
.home .footer-grid > div:first-child { max-width:410px; }
.home .footer-links a { min-height:30px; }
.home .footer-bottom { color:#aabacd; }
@media (max-width:1050px) {
 .home .site-nav { gap:.8rem; font-size:.85rem; }
 .home .hero-grid { gap:2rem; }
 .home .gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .home .gallery-screen { max-width:240px; margin-inline:auto; }
}
@media (max-width:900px) {
 .home .menu-toggle { margin-left:auto; }
 .home .site-nav { margin:0; font-size:1rem; }
 .home .hero-grid { grid-template-columns:1fr 1fr; }
 .home .pro-intro { gap:2rem; }
 .home .pro-preview { padding:30px; }
 .home .pro-preview-grid { gap:16px; }
 .home .pro-preview-card { padding:14px; }
 .home .support-grid { grid-template-columns:1fr; gap:1rem; }
 .home .support-email { justify-self:start; }
}
@media (max-width:640px) {
 .home .nav-wrap { gap:.6rem; flex-wrap:wrap; padding-block:8px; }
 .home .brand { font-size:1.03rem; gap:.45rem; }
 .home .brand img { width:34px; height:34px; }
 .home .language-switcher { padding:.1rem; gap:0; }
 .home .language-switcher button { min-width:34px; }
 .home .hero { padding-top:45px; }
 .home .hero-grid { grid-template-columns:1fr; }
 .home h1 { font-size:clamp(2.55rem,10vw,3.4rem); }
 .home .hero-media { max-width:460px; margin:12px auto 0; gap:12px; width:100%; }
 .home .shot { width:calc(50% - 6px); }
 .home .hero-disclaimer { margin-top:16px; }
 .home .section { padding-block:60px; }
 .home .feature-grid li { min-height:0; }
 .home .pro-intro { grid-template-columns:1fr; gap:18px; }
 .home .price-card { padding:24px; }
 .home .comparison { font-size:.8rem; }
 .home .comparison th,.home .comparison td { padding:14px 9px; }
 .home .comparison th:first-child { width:25%; }
 .home .comparison caption { padding:14px; }
 .home .pro-preview { padding:24px; }
 .home .gallery-grid { grid-template-columns:1fr; }
 .home .gallery-screen { max-width:240px; }
 .home .gallery-card { padding:20px; }
 .home .privacy { padding:0; }
 .home .privacy-panel { padding:50px 24px; }
 .home .support-section { padding-block:50px; }
}
@media (max-width:760px) {
 .home .pro-preview-grid { grid-template-columns:1fr; }
 .home .pro-preview-card { padding:20px; }
 .home .pro-preview-screen { width:min(100%,240px); }
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--white); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.5; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.shell { width:min(1160px, calc(100% - 48px)); margin-inline:auto; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.skip-link { position:fixed; top:-5rem; left:1rem; z-index:50; padding:.75rem 1rem; color:var(--white); background:var(--navy); border-radius:.5rem; }.skip-link:focus { top:1rem; }
.site-header { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.93); border-bottom:1px solid rgba(220,229,238,.8); backdrop-filter:blur(14px); }
.nav-wrap { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand { display:inline-flex; align-items:center; gap:.7rem; color:var(--navy); font-size:1.2rem; font-weight:800; letter-spacing:-.035em; }.brand img { border-radius:12px; box-shadow:0 6px 16px rgba(7,29,52,.13); }
.site-nav { display:flex; align-items:center; gap:1.65rem; color:#51637b; font-size:.92rem; font-weight:650; }.site-nav > a:not(.nav-cta):hover { color:var(--navy); }.nav-cta { padding:.62rem .95rem; border-radius:.6rem; color:var(--navy); background:#e9f0ff; }
.menu-toggle { display:none; width:44px; height:44px; padding:0; border:1px solid var(--line); border-radius:.55rem; background:var(--white); }.menu-toggle span:not(.sr-only) { display:block; width:18px; height:2px; margin:4px auto; background:var(--navy); }
.hero { overflow:hidden; padding:104px 0 76px; color:var(--white); background:var(--navy); }.hero-grid { display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:3rem; }.eyebrow { margin:0 0 .8rem; color:var(--blue); font-size:.75rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }.hero .eyebrow { color:#77a0ff; }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { letter-spacing:-.045em; line-height:1.07; } h1 { max-width:620px; margin-bottom:1.35rem; font-size:clamp(2.15rem,5vw,5.2rem); overflow-wrap:anywhere; } h2 { margin-bottom:1rem; font-size:clamp(2.1rem,3.7vw,3.6rem); } h3 { margin-bottom:.55rem; font-size:1.35rem; }.lead { max-width:510px; margin-bottom:2rem; color:#c4d1e1; font-size:1.13rem; }.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.35rem; }.button { display:inline-flex; align-items:center; min-height:48px; padding:.75rem 1rem; border-radius:.55rem; font-weight:750; }.button-primary { color:var(--navy); background:var(--aqua); box-shadow:0 10px 24px rgba(37,200,200,.2); }.text-link { color:#d5e2f5; font-weight:700; }.text-link:hover { color:var(--white); }.microcopy { margin:2.4rem 0 0; color:#8ca3bd; font-size:.8rem; }
.hero-media { position:relative; display:flex; align-items:flex-end; justify-content:center; gap:1rem; min-height:520px; }.hero-media,.shot { min-width:0; }.shot { width:min(50%,270px); margin:0; }.shot-summary { transform:translateY(-18px); }.shot-analysis { transform:translateY(46px); }.screen-frame { overflow:hidden; border:1px solid rgba(152,180,211,.42); border-radius:16px; background:var(--navy-2); box-shadow:var(--shadow); }.hero-screen { height:485px; }.hero-screen img { width:100%; min-height:100%; object-fit:cover; object-position:top; }.shot figcaption { margin-top:.65rem; color:#9fb0c5; font-size:.77rem; font-weight:700; letter-spacing:.1em; text-align:center; text-transform:uppercase; }
.section { padding:116px 0; }.section-heading { max-width:680px; }.section-heading > p:last-child { color:var(--muted); font-size:1.04rem; }.features { background:var(--paper); }.feature-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:0; padding:0; margin:3.8rem 0 0; list-style:none; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.feature-grid li { min-height:240px; padding:2rem 1.5rem 1.4rem 0; border-right:1px solid var(--line); }.feature-grid li:not(:first-child) { padding-left:1.45rem; }.feature-grid li:last-child { border-right:0; }.feature-grid span,.card-index { color:var(--blue); font-size:.7rem; font-weight:850; letter-spacing:.1em; }.feature-grid h3 { margin-top:2.6rem; }.feature-grid p { color:var(--muted); font-size:.92rem; }
.gallery { background:var(--navy); color:var(--white); }.gallery-heading { margin-bottom:3.8rem; }.gallery-heading > p:last-child { color:#b6c6d8; }.gallery-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:1.4rem; }.gallery-card { grid-column:span 4; min-width:0; padding:1rem; border:1px solid rgba(160,186,216,.2); border-radius:18px; background:rgba(13,43,73,.62); }.gallery-card.card-featured { grid-column:span 8; }.gallery-screen { height:370px; border-radius:10px; }.gallery-card.card-featured .gallery-screen { height:480px; }.gallery-screen img { width:100%; height:auto; object-fit:cover; object-position:top; }.crop-summary img { transform:translateY(0); }.crop-cartera img,.crop-anadir img { transform:translateY(-8px); }.crop-historial img { transform:translateY(-5px); }.crop-analisis img { transform:translateY(-3px); }.card-copy { padding:1.15rem .25rem .2rem; }.card-index { margin-bottom:.75rem; color:#78a1ff; }.card-copy h3 { margin-bottom:.45rem; font-size:1.25rem; }.card-copy p:last-child { margin-bottom:0; color:#b2c2d5; font-size:.9rem; }
.privacy { padding-block:0; background:var(--white); }.privacy-panel { max-width:none; padding:86px 9%; color:var(--white); background:var(--navy-2); }.privacy-panel h2 { max-width:700px; }.privacy-panel > p:not(.eyebrow) { max-width:550px; color:#c5d2e2; font-size:1.1rem; }.privacy-panel .privacy-note { margin-top:2rem; color:#9db1c8; font-size:.9rem; }.launch { padding-block:84px; background:var(--paper); }.launch-inner { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1.5rem; }.launch-inner img { border-radius:17px; box-shadow:0 10px 26px rgba(7,29,52,.17); }.launch-inner h2 { max-width:680px; margin:0; font-size:clamp(1.7rem,3vw,2.8rem); }.launch-inner .eyebrow { margin-bottom:.45rem; }.launch-status { padding:.6rem .85rem; border:1px solid #bbcef5; border-radius:999px; color:#315fa9; background:#edf4ff; font-size:.82rem; font-weight:800; white-space:nowrap; }
.site-footer { color:#bfccda; background:#061a2e; }.footer-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; padding:68px 0 48px; }.footer-brand { margin-bottom:1.4rem; color:var(--white); }.footer-grid p { margin-bottom:.55rem; }.footer-grid p:not(.footer-links p) { color:#9fb0c5; font-size:.92rem; }.footer-grid a:hover { color:var(--white); }.footer-links { display:grid; gap:.7rem; justify-content:end; }.footer-links > p { margin-bottom:.6rem; color:var(--white); font-size:.8rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.footer-links a { font-size:.9rem; }.footer-links small { color:#7990aa; }.footer-bottom { display:flex; justify-content:space-between; gap:1rem; padding:1.25rem 0; border-top:1px solid rgba(159,176,197,.2); color:#8ca0b5; font-size:.78rem; }
@media (max-width:900px) { .hero { padding-top:76px; }.hero-grid { grid-template-columns:1fr; }.hero-copy { max-width:620px; }.hero-media { min-height:445px; margin-top:1rem; }.feature-grid { grid-template-columns:repeat(3,1fr); }.feature-grid li:nth-child(3) { border-right:0; }.feature-grid li:nth-child(n+4) { border-top:1px solid var(--line); }.gallery-card,.gallery-card.card-featured { grid-column:span 6; }.gallery-card.card-featured .gallery-screen { height:410px; } }
@media (max-width:640px) { .shell { width:min(100% - 32px, 1160px); }.nav-wrap { min-height:66px; }.menu-toggle { display:block; }.site-nav { position:absolute; top:calc(100% + 1px); left:0; right:0; display:none; flex-direction:column; align-items:stretch; gap:0; padding:.5rem 1rem 1rem; border-bottom:1px solid var(--line); background:var(--white); box-shadow:0 12px 20px rgba(7,29,52,.08); }.site-nav.is-open { display:flex; }.site-nav a { padding:.8rem .35rem; }.site-nav .nav-cta { margin-top:.4rem; text-align:center; }.hero { padding:62px 0 48px; }.hero-grid { gap:1.7rem; }.hero-media { min-height:350px; gap:.65rem; }.shot { width:calc((100% - .65rem) / 2); }.shot-summary { transform:translateY(-8px); }.shot-analysis { transform:translateY(28px); }.hero-screen { height:330px; border-radius:12px; }.section { padding:76px 0; } h1 { font-size:clamp(2.15rem,10vw,3rem); } h2 { font-size:2.25rem; }.feature-grid { grid-template-columns:1fr 1fr; }.feature-grid li { min-height:195px; padding:1.45rem 1rem 1rem 0; }.feature-grid li:not(:first-child) { padding-left:1rem; }.feature-grid li:nth-child(2) { border-right:0; }.feature-grid li:nth-child(3) { border-right:1px solid var(--line); border-top:1px solid var(--line); }.feature-grid li:nth-child(n+4) { border-top:1px solid var(--line); }.feature-grid li:nth-child(4) { border-right:0; }.feature-grid li:nth-child(5) { border-right:0; }.feature-grid h3 { margin-top:1.7rem; }.gallery-grid { gap:1rem; }.gallery-card,.gallery-card.card-featured { grid-column:span 12; }.gallery-screen,.gallery-card.card-featured .gallery-screen { height:340px; }.privacy-panel { padding:62px 2rem; }.launch-inner { grid-template-columns:auto 1fr; gap:1rem; }.launch-inner img { width:58px; height:58px; }.launch-status { grid-column:1/-1; justify-self:start; }.footer-grid { grid-template-columns:1fr; gap:2.4rem; padding-block:50px 38px; }.footer-links { justify-content:start; }.footer-bottom { flex-direction:column; }.microcopy { margin-top:1.8rem; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* The account link adds a navigation item: use the existing menu on tablets too. */
@media (min-width:641px) and (max-width:900px) {
  .menu-toggle { display:block; flex-shrink:0; }
  .site-nav { position:absolute; top:calc(100% + 1px); left:0; right:0; display:none; flex-direction:column; align-items:stretch; gap:0; padding:.5rem 1rem 1rem; border-bottom:1px solid var(--line); background:var(--white); box-shadow:0 12px 20px rgba(7,29,52,.08); }
  .site-nav.is-open { display:flex; }
  .site-nav a { padding:.8rem .35rem; }
  .site-nav .nav-cta { margin-top:.4rem; text-align:center; }
}

.legal-hero { padding:82px 0 54px; color:var(--white); background:var(--navy); }.legal-hero-inner { display:flex; align-items:end; justify-content:space-between; gap:2rem; }.legal-hero h1 { max-width:780px; margin:0; font-size:clamp(2.35rem,4.6vw,4.7rem); }.legal-hero .eyebrow { color:#77a0ff; }.language-switcher { display:flex; gap:.35rem; padding:.3rem; border:1px solid rgba(193,215,243,.28); border-radius:.7rem; }.language-switcher button { min-width:42px; padding:.45rem .55rem; border:0; border-radius:.45rem; color:#c2d0e2; background:transparent; font:inherit; font-size:.78rem; font-weight:800; cursor:pointer; }.language-switcher button[aria-pressed="true"] { color:var(--navy); background:var(--aqua); }.legal-section { padding:72px 0 104px; background:var(--paper); }.legal-content { max-width:820px; padding:clamp(1.6rem,4vw,3.75rem); border:1px solid var(--line); border-radius:18px; background:var(--white); box-shadow:0 18px 48px rgba(7,29,52,.07); }.legal-content > :last-child { margin-bottom:0; }.legal-content h2 { margin:2.6rem 0 .8rem; color:var(--navy); font-size:clamp(1.45rem,2.5vw,2.1rem); }.legal-content h2:first-child { margin-top:0; }.legal-content p,.legal-content li { color:#51637b; }.legal-content p { margin-bottom:1.05rem; }.legal-content ul { margin:0 0 1.1rem; padding-left:1.25rem; }.legal-content li { margin:.45rem 0; }.legal-meta { display:grid; grid-template-columns:auto 1fr; gap:.55rem 1.15rem; margin:0 0 2.3rem; padding:1.25rem; border-radius:12px; background:#f0f5fb; color:#51637b; }.legal-meta dt { color:var(--navy); font-weight:800; }.legal-meta dd { margin:0; }.legal-content a { color:#315fa9; font-weight:750; text-decoration:underline; text-underline-offset:.18em; }.legal-callout { margin:2rem 0; padding:1.15rem 1.25rem; border-left:4px solid var(--aqua); color:#38516e; background:#effafa; }.legal-return { display:inline-flex; align-items:center; margin-top:1rem; padding:.72rem 1rem; border:1px solid #c2d3ec; border-radius:.55rem; color:#204f9a; font-weight:800; text-decoration:none !important; }.legal-return:hover { color:var(--navy); background:#edf4ff; }
@media (max-width:640px) { .legal-hero { padding:52px 0 42px; }.legal-hero-inner { align-items:start; flex-direction:column; gap:1.35rem; }.legal-section { padding:42px 0 72px; }.legal-content { padding:1.5rem; border-radius:13px; }.legal-meta { grid-template-columns:1fr; gap:.15rem; }.legal-meta dd { margin-bottom:.65rem; } }