:root {
      --navy: #10263f;
      --navy-2: #173957;
      --blue: #2468a5;
      --cyan: #55c4d4;
      --ink: #1d2b3a;
      --muted: #5c6b7a;
      --paper: #ffffff;
      --soft: #f3f7fa;
      --line: #dce5ec;
      --accent: #dff6f7;
      --radius: 18px;
      --shadow: 0 18px 50px rgba(16,38,63,.10);
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink); line-height: 1.6; background: var(--paper); }
    a { color: inherit; text-decoration: none; }
    button, input, textarea { font: inherit; }
    .container { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
    .topbar { background: var(--navy); color: #dce8f1; font-size: .82rem; }
    .topbar-inner { display:flex; justify-content:space-between; align-items:center; gap:16px; padding: 9px 0; }
    .topbar a { color: #fff; }
    header { position: sticky; top:0; z-index:10; background:rgba(255,255,255,.96); backdrop-filter: blur(12px); border-bottom:1px solid rgba(220,229,236,.8); }
    .nav { display:flex; align-items:center; justify-content:space-between; min-height:78px; gap:24px; }
    .brand { display:flex; align-items:center; gap:12px; font-weight:850; letter-spacing:.06em; color:var(--navy); font-size:1.35rem; }
    .brand-mark { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:var(--navy); color:white; position:relative; overflow:hidden; }
    .brand-mark::before { content:""; position:absolute; width:24px; height:24px; border:3px solid var(--cyan); border-radius:50%; right:-7px; top:-7px; }
    .brand-mark span { position:relative; font-size:1.1rem; }
    .nav-links { display:flex; align-items:center; gap:27px; font-size:.92rem; font-weight:650; color:#405365; }
    .nav-links a:hover { color:var(--blue); }
    .btn { display:inline-flex; justify-content:center; align-items:center; gap:9px; padding:13px 19px; border-radius:10px; font-weight:750; border:1px solid transparent; cursor:pointer; transition:transform .2s, background .2s, box-shadow .2s; }
    .btn:hover { transform:translateY(-2px); }
    .btn-primary { background:var(--cyan); color:var(--navy); box-shadow:0 8px 22px rgba(85,196,212,.22); }
    .btn-primary:hover { background:#73d6e2; }
    .btn-dark { background:var(--navy); color:white; }
    .btn-outline { border-color:#b8c8d5; color:var(--navy); background:transparent; }
    .menu-toggle { display:none; border:1px solid var(--line); background:white; border-radius:9px; padding:8px 11px; color:var(--navy); }
    .hero { position:relative; overflow:hidden; background:linear-gradient(120deg, #10263f 0%, #153c5d 70%, #1d5475 100%); color:white; }
    .hero::before { content:""; position:absolute; width:580px; height:580px; border:1px solid rgba(85,196,212,.22); border-radius:50%; right:-100px; top:-170px; box-shadow:0 0 0 55px rgba(85,196,212,.04),0 0 0 110px rgba(85,196,212,.035); }
    .hero::after { content:""; position:absolute; width:300px; height:300px; border-radius:50%; background:rgba(85,196,212,.12); filter:blur(50px); right:18%; bottom:-190px; }
    .hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.12fr .88fr; gap:56px; align-items:center; padding:64px 0; }
    .eyebrow { display:inline-flex; align-items:center; gap:9px; text-transform:uppercase; letter-spacing:.14em; font-size:.75rem; font-weight:800; color:var(--cyan); }
    .eyebrow::before { content:""; width:24px; height:2px; background:currentColor; }
    h1 { font-size:clamp(2.55rem, 5vw, 4.65rem); line-height:1.04; letter-spacing:-.045em; margin:18px 0 22px; max-width:720px; }
    .hero p { color:#d7e4ed; font-size:1.12rem; max-width:650px; margin:0 0 28px; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
    .hero .btn-outline { border-color:rgba(255,255,255,.35); color:white; }
    .hero-note { display:flex; align-items:center; gap:12px; margin-top:28px; color:#c7d7e4; font-size:.88rem; }
    .note-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; border:1px solid rgba(85,196,212,.5); color:var(--cyan); flex-shrink:0; }
    .hero-panel { position:relative; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.17); border-radius:24px; padding:26px; backdrop-filter:blur(8px); box-shadow:0 30px 70px rgba(0,0,0,.12); }
    .panel-label { color:var(--cyan); font-size:.75rem; text-transform:uppercase; letter-spacing:.13em; font-weight:800; }
    .hero-panel h2 { font-size:1.5rem; line-height:1.25; margin:10px 0 20px; }
    .panel-item { display:flex; gap:14px; padding:15px 0; border-top:1px solid rgba(255,255,255,.14); }
    .panel-item .num { color:var(--cyan); font-weight:850; font-size:.9rem; }
    .panel-item strong { display:block; font-size:.98rem; }
    .panel-item small { display:block; color:#c7d7e4; margin-top:3px; font-size:.85rem; }
    .trust-strip { background:white; border-bottom:1px solid var(--line); }
    .trust-grid { display:grid; grid-template-columns:repeat(4,1fr); padding:24px 0; gap:20px; }
    .trust-item { display:flex; align-items:center; gap:12px; color:var(--navy); font-weight:750; font-size:.92rem; }
    .trust-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:var(--accent); color:var(--blue); font-size:1.1rem; flex-shrink:0; }
    section { padding:64px 0; }
    .section-head { max-width:740px; margin-bottom:32px; }
    .section-kicker { color:var(--blue); font-weight:850; text-transform:uppercase; letter-spacing:.12em; font-size:.75rem; }
    h2 { color:var(--navy); font-size:clamp(2rem,3.4vw,3rem); letter-spacing:-.035em; line-height:1.13; margin:12px 0 16px; }
    .section-head p { color:var(--muted); font-size:1.05rem; margin:0; }
    .services { background:var(--soft); }
    .service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .service-card { background:white; padding:27px; border:1px solid var(--line); border-radius:var(--radius); transition:transform .2s, box-shadow .2s; }
    .service-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }
    .service-icon { display:grid; place-items:center; width:50px; height:50px; border-radius:14px; background:#e6f5f7; color:var(--blue); font-size:1.35rem; margin-bottom:20px; }
    .service-card h3 { color:var(--navy); font-size:1.15rem; line-height:1.3; margin:0 0 10px; }
    .service-card p { color:var(--muted); font-size:.94rem; margin:0 0 17px; }
    .service-card ul { list-style:none; padding:0; margin:0; color:#405365; font-size:.88rem; }
    .service-card li { margin:8px 0; display:flex; gap:9px; }
    .service-card li::before { content:"✓"; color:#16889a; font-weight:900; }
    .text-link { display:inline-flex; align-items:center; gap:8px; margin-top:18px; color:var(--blue); font-weight:800; font-size:.91rem; }
    .about-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:68px; align-items:center; }
    .about-visual { min-height:420px; background:linear-gradient(145deg,#eaf5f8,#d9e7f0); border-radius:24px; padding:30px; display:flex; align-items:end; position:relative; overflow:hidden; }
    .about-visual::before { content:""; position:absolute; width:350px; height:350px; border:1px solid #a9cbd8; border-radius:50%; top:-95px; left:-80px; box-shadow:0 0 0 35px rgba(255,255,255,.25),0 0 0 75px rgba(255,255,255,.18); }
    .about-card { position:relative; z-index:1; background:var(--navy); color:white; border-radius:18px; padding:25px; max-width:330px; box-shadow:var(--shadow); }
    .about-card .big { color:var(--cyan); font-size:2.65rem; line-height:1; font-weight:900; letter-spacing:-.04em; }
    .about-card p { color:#d5e2eb; margin:10px 0 0; font-size:.92rem; }
    .about-copy p { color:var(--muted); }
    .check-list { list-style:none; padding:0; margin:23px 0 28px; }
    .check-list li { display:flex; gap:12px; margin:14px 0; color:#35495b; }
    .check-list li span { display:grid; place-items:center; flex-shrink:0; width:24px; height:24px; border-radius:50%; background:var(--accent); color:#16889a; font-weight:900; font-size:.8rem; }
    .cases { background:var(--navy); color:white; }
    .cases h2 { color:white; }
    .cases .section-head p { color:#c7d7e4; }
    .cases .section-kicker { color:var(--cyan); }
    .case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .case-card { border:1px solid rgba(255,255,255,.17); background:rgba(255,255,255,.055); border-radius:18px; padding:25px; }
    .case-tag { display:inline-block; padding:5px 9px; background:rgba(85,196,212,.13); color:var(--cyan); border-radius:6px; font-size:.73rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
    .case-card h3 { font-size:1.18rem; margin:16px 0 10px; }
    .case-card p { color:#c7d7e4; font-size:.92rem; margin:0; }
    .case-disclaimer { color:#a9bece; font-size:.78rem; margin-top:18px; }
    .method-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:38px; }
    .method-step { border-top:3px solid var(--cyan); padding:20px 18px 0 0; }
    .method-step .step { color:var(--blue); font-size:.8rem; letter-spacing:.1em; font-weight:900; }
    .method-step h3 { color:var(--navy); margin:9px 0; font-size:1.1rem; }
    .method-step p { color:var(--muted); font-size:.9rem; margin:0; }
    .cta-band { padding:0 0 64px; }
    .cta-inner { background:linear-gradient(115deg,#e8f7f8,#eff5f9); border:1px solid #d7e9ee; border-radius:24px; padding:42px 46px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
    .cta-inner h2 { font-size:clamp(1.7rem,3vw,2.45rem); margin:0 0 10px; }
    .cta-inner p { color:var(--muted); margin:0; max-width:650px; }
    .contact { background:var(--soft); }
    .contact-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:54px; align-items:start; }
    .contact-details { margin-top:27px; display:grid; gap:17px; }
    .contact-row { display:flex; gap:13px; align-items:flex-start; }
    .contact-row .service-icon { width:42px; height:42px; margin:0; font-size:1rem; }
    .contact-row strong { display:block; color:var(--navy); }
    .contact-row span, .contact-row a { color:var(--muted); font-size:.92rem; }
    .contact-form { background:white; border:1px solid var(--line); border-radius:20px; padding:28px; box-shadow:0 10px 30px rgba(16,38,63,.04); }
    .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
    .field { display:flex; flex-direction:column; gap:7px; margin-bottom:16px; }
    .field.full { grid-column:1/-1; }
    label { color:#35495b; font-size:.85rem; font-weight:750; }
    input, textarea, select { width:100%; border:1px solid #cad7e1; background:#fff; border-radius:9px; padding:12px 13px; color:var(--ink); outline:none; }
    input:focus, textarea:focus, select:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(36,104,165,.12); }
    textarea { resize:vertical; min-height:115px; }
    .form-note { color:var(--muted); font-size:.78rem; margin:12px 0 0; }
    .form-status { display:none; padding:12px; margin-top:14px; background:var(--accent); color:var(--navy); border-radius:9px; font-size:.9rem; }
    footer { background:#0b1c2e; color:#bdccd8; padding:28px 0; font-size:.84rem; }
    .footer-inner { display:flex; justify-content:space-between; align-items:center; gap:20px; }
    .footer-brand { color:white; font-weight:850; letter-spacing:.06em; }
    .footer-links { display:flex; gap:18px; flex-wrap:wrap; }
    .footer-links a:hover { color:var(--cyan); }
    @media (max-width: 900px) {
      .nav-links { gap:15px; font-size:.85rem; }
      .nav > .btn { display:none; }
      .hero-grid { gap:30px; grid-template-columns:1fr .8fr; padding:52px 0; }
      .service-grid, .case-grid { grid-template-columns:repeat(2,1fr); }
      .about-grid { gap:35px; }
      .trust-grid { grid-template-columns:repeat(2,1fr); }
      .method-grid { grid-template-columns:repeat(2,1fr); row-gap:28px; }
    }
    @media (max-width: 680px) {
      .container { width:min(100% - 30px, 1160px); }
      .topbar-inner { justify-content:center; text-align:center; }
      .topbar-inner span:first-child { display:none; }
      .nav { min-height:68px; }
      .menu-toggle { display:block; }
      .nav-links { display:none; position:absolute; top:68px; left:0; right:0; padding:18px 22px 22px; background:white; border-bottom:1px solid var(--line); flex-direction:column; align-items:stretch; gap:0; }
      .nav-links.open { display:flex; }
      .nav-links a { padding:12px 0; border-bottom:1px solid #eef2f5; }
      .hero-grid { grid-template-columns:1fr; padding:44px 0 48px; }
      .hero-panel { margin-top:5px; }
      h1 { font-size:clamp(2.45rem,12vw,3.55rem); }
      section { padding:48px 0; }
      .trust-grid { gap:14px; padding:19px 0; }
      .trust-item { font-size:.82rem; align-items:flex-start; }
      .trust-icon { width:32px; height:32px; border-radius:9px; }
      .service-grid, .case-grid, .about-grid, .contact-grid { grid-template-columns:1fr; }
      .about-visual { min-height:310px; }
      .method-grid { grid-template-columns:1fr 1fr; gap:24px 18px; }
      .cta-band { padding-bottom:48px; }
      .cta-inner { padding:28px 24px; flex-direction:column; align-items:flex-start; }
      .form-grid { grid-template-columns:1fr; gap:0; }
      .field.full { grid-column:auto; }
      .footer-inner { flex-direction:column; align-items:flex-start; }
    }
    @media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none !important; } }
  
.brand img{height:46px;width:auto;display:block}.logo-chip{background:#fff;border-radius:10px;padding:6px 12px;display:inline-block;margin-bottom:10px}.logo-chip img{height:38px;display:block}
.hero-panel h2{color:#fff}.stat b{display:block;font-size:2.1rem;color:var(--blue);line-height:1.1;letter-spacing:-.03em}.stat span{font-size:.88rem;color:var(--muted);font-weight:650}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode-card .tagrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tagrow span{background:var(--accent);color:#16889a;border-radius:7px;padding:5px 10px;font-size:.8rem;font-weight:750}.proof{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:.88rem;color:var(--navy);font-weight:700}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tabs button{border:1px solid rgba(255,255,255,.22);background:transparent;color:#c7d7e4;padding:10px 15px;border-radius:999px;cursor:pointer;font-weight:700;font-size:.86rem}.tabs button[aria-selected=true]{background:var(--cyan);color:var(--navy);border-color:var(--cyan)}
#panel{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.17);border-radius:20px;padding:30px}#panel h3{font-size:1.5rem;margin:0 0 8px}#panel p{color:#c7d7e4;margin:0 0 18px}#panel h4{margin:0 0 12px;color:var(--cyan);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.wlist{list-style:none;padding:0;margin:0}.wlist li{display:flex;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.14);font-size:.92rem}.wlist b{color:var(--cyan);min-width:78px;font-size:.82rem}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:5px 10px;font-size:.8rem;color:#e3edf4}
.consent{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:.82rem;margin:0 0 16px}.consent input{width:auto;margin-top:3px}.consent a,.footer-links a{text-decoration:underline}
dialog{max-width:560px;border:1px solid var(--line);border-radius:18px;padding:28px;color:var(--ink)}dialog::backdrop{background:rgba(16,38,63,.55)}dialog h3{color:var(--navy);margin-top:0}dialog p{font-size:.92rem;color:var(--muted)}
@media(max-width:900px){#panel{grid-template-columns:1fr}}@media(max-width:680px){.mode-grid{grid-template-columns:1fr}.wlist li{flex-direction:column;gap:2px}}
.cmp-wrap{overflow-x:auto;margin-bottom:40px}.cmp{width:100%;border-collapse:collapse;font-size:.93rem;min-width:620px}.cmp th,.cmp td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.cmp thead th{background:var(--navy);color:#fff}.cmp tbody th{color:var(--navy);width:17%}.cmp td{color:var(--muted)}
.adv{background:var(--soft);border:1px solid var(--line);border-radius:24px;padding:40px}.adv h3{color:var(--navy);font-size:1.6rem;margin:0 0 10px;letter-spacing:-.02em}.adv>p{color:var(--muted);max-width:780px;margin:0}.adv .method-grid{margin:26px 0 8px}.adv h4{color:var(--blue);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin:28px 0 2px}.two{display:grid;grid-template-columns:1fr 1fr;column-gap:34px}.benef{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}.benef div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.benef strong{display:block;color:var(--navy);margin-bottom:4px}.benef span{font-size:.88rem;color:var(--muted)}
.val{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:.88rem;color:var(--navy)}.std{display:inline-block;margin-top:12px;background:var(--accent);color:#16889a;border-radius:6px;padding:4px 9px;font-size:.74rem;font-weight:800;letter-spacing:.04em}.stds{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.stds div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.stds strong{display:block;color:var(--blue)}.stds span{font-size:.86rem;color:var(--muted)}
@media(max-width:900px){.two,.benef{grid-template-columns:1fr}.stds{grid-template-columns:1fr 1fr}}@media(max-width:680px){.adv{padding:24px}.stds{grid-template-columns:1fr}}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:32px}.mode{border-radius:24px;padding:34px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.mode.dark{background:linear-gradient(145deg,var(--navy),var(--navy-2));color:#fff;border-color:transparent}.mode .pill{display:inline-block;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:var(--accent);color:#16889a}.mode.dark .pill{background:rgba(85,196,212,.16);color:var(--cyan)}.mode h3{font-size:1.75rem;margin:14px 0 6px;color:var(--navy);letter-spacing:-.02em}.mode.dark h3{color:#fff}.mode .lead{color:var(--muted);margin:0 0 12px}.mode.dark .lead{color:#c7d7e4}.fact{margin-top:14px;padding:2px 0 2px 16px;border-left:3px solid var(--cyan)}.fact b{display:block;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.mode.dark .fact b{color:var(--cyan)}.fact span{font-size:.93rem;color:var(--muted)}.mode.dark .fact span{color:#d5e2eb}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:26px}.vs>div{border-radius:18px;padding:24px}.vs .a{background:#fff;border:1px solid var(--line)}.vs .b{background:var(--navy)}.vs h3{margin:0 0 12px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.vs .a h3{color:var(--muted)}.vs .b h3{color:var(--cyan)}.vs ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.vs li{border-radius:7px;padding:6px 11px;font-size:.88rem;font-weight:650}.vs .a li{background:var(--soft);color:#405365}.vs .b li{background:rgba(85,196,212,.14);color:#e3f6f9}
.gap{margin-top:14px;padding:12px 14px;background:var(--soft);border-left:3px solid var(--cyan);border-radius:8px;font-size:.86rem;color:var(--navy)}.gap strong{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:2px}
@media(max-width:900px){.duo,.vs{grid-template-columns:1fr}}@media(max-width:680px){.mode{padding:24px}}
.services .section-head{max-width:900px}.ev-pillars{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.ev-pillar{padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff}.ev-pillar.featured{background:var(--navy);border-color:var(--navy);color:#fff}.ev-pillar h3{margin:0 0 18px;font-size:.85rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:800}.ev-pillar.featured h3{color:var(--cyan)}.ev-chips{display:flex;flex-wrap:wrap;gap:10px}.ev-chip{padding:9px 13px;border-radius:10px;background:var(--soft);color:#405365;font-weight:700;font-size:.95rem;line-height:1.35}.featured .ev-chip{background:rgba(85,196,212,.14);color:#e3f6f9}.ev-note{margin:26px 0 0;padding:20px 24px;border-left:4px solid var(--cyan);border-radius:0 12px 12px 0;background:#fff;color:var(--navy)}.ev-note strong{color:var(--blue)}@media(max-width:900px){.ev-pillars{grid-template-columns:1fr}}
#cb{position:fixed;right:20px;bottom:calc(98px + env(safe-area-inset-bottom,0px));z-index:50;width:370px;max-width:calc(100vw - 32px);height:540px;max-height:calc(100vh - 120px);display:none;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgba(16,38,63,.25);overflow:hidden}#cb.open{display:flex}.cb-h{background:var(--navy);color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}.cb-h strong{display:block}.cb-h small{color:#c7d7e4;font-size:.76rem}.cb-h button{background:none;border:0;color:#fff;font-size:1.2rem;cursor:pointer}#cb-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--soft)}.cb-m{max-width:88%;padding:10px 13px;border-radius:14px;font-size:.9rem;line-height:1.5}.cb-m.bot{background:#fff;border:1px solid var(--line);color:var(--ink);align-self:flex-start}.cb-m.me{background:var(--blue);color:#fff;align-self:flex-end}.cb-m a{color:var(--blue);font-weight:700;text-decoration:underline}.cb-q{display:flex;flex-wrap:wrap;gap:7px;align-self:flex-start}.cb-q button{background:var(--accent);color:#16889a;border:1px solid #bfe6ea;border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:700;cursor:pointer}.cb-f{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:#fff}.cb-f input{flex:1;padding:10px 12px}.cb-f button{padding:10px 15px}.cb-n{font-size:.7rem;color:var(--muted);padding:0 14px 10px;background:#fff}
#metodologia{border-top:1px solid var(--line);padding-top:48px}.why{background:#fff}.hl-title{margin:36px 0 14px;font-size:1.05rem;color:var(--cyan);letter-spacing:.06em;text-transform:uppercase}.hl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.hl{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.17);border-radius:16px;padding:20px}.hl h4{margin:0 0 6px;color:var(--cyan);font-size:1rem}.hl p{margin:0;color:#d5e2eb;font-size:.9rem}
.nav>.btn{white-space:nowrap}@media(min-width:901px) and (max-width:1180px){.nav{gap:14px}.nav-links{gap:16px;font-size:.86rem}.nav>.btn{padding:11px 14px;font-size:.88rem}}
#cb-btn{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:50;width:68px;height:68px;padding:0;border-radius:50%;background:#fff;border:3px solid var(--cyan);cursor:pointer;display:grid;place-items:center;box-shadow:0 12px 30px rgba(16,38,63,.28);animation:cbp 2.2s ease-out 4}
.cb-av{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
#cb-btn::after{content:"";position:absolute;right:-5px;bottom:-5px;width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:var(--navy) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M4 4h16a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H9l-5 4v-4H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z'/></svg>") center/15px no-repeat}
@keyframes cbp{0%{box-shadow:0 12px 30px rgba(16,38,63,.28),0 0 0 0 rgba(85,196,212,.65)}100%{box-shadow:0 12px 30px rgba(16,38,63,.28),0 0 0 20px rgba(85,196,212,0)}}
#cb-tease{position:fixed;right:20px;bottom:calc(100px + env(safe-area-inset-bottom,0px));z-index:50;max-width:min(260px,calc(100vw - 40px));background:#fff;border:1px solid var(--line);border-radius:16px 16px 4px 16px;padding:14px 34px 14px 16px;box-shadow:0 16px 40px rgba(16,38,63,.2);font-size:.88rem;color:var(--ink);cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:.3s}
#cb-tease.show{opacity:1;transform:none;pointer-events:auto}#cb-tease strong{display:block;color:var(--navy);margin-bottom:2px}#cb-tx{position:absolute;top:6px;right:8px;background:none;border:0;color:var(--muted);cursor:pointer;font-size:.95rem}
.cb-hl{display:flex;align-items:center;gap:12px}.cb-h .cb-av{width:42px;height:42px;flex:none;background:#fff}
.cb-t{display:flex;gap:4px;padding:12px 14px}.cb-t span{width:7px;height:7px;border-radius:50%;background:#9db2c3;animation:cbd 1s infinite}.cb-t span:nth-child(2){animation-delay:.15s}.cb-t span:nth-child(3){animation-delay:.3s}@keyframes cbd{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
@media(prefers-reduced-motion:reduce){#cb-btn,.cb-t span{animation:none}}
.hero{background:linear-gradient(105deg,rgba(16,38,63,.96) 0%,rgba(16,38,63,.8) 42%,rgba(21,60,93,.45) 100%),url("/assets/asset2.webp") center/cover no-repeat}
.cases{background:linear-gradient(rgba(16,38,63,.9),rgba(16,38,63,.88)),url("/assets/asset3.webp") center/cover no-repeat}
.demo-ph{position:absolute;inset:0;width:100%;height:100%}.demo-tag{position:absolute;top:16px;left:16px;z-index:2;background:#fff;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--line)}