/* Voyager CX industry pages (/industries/<industry>/). English. Made by docs/sales/brochures-2026/landing.py from each
   printed brochure, so the page a QR code opens tells the same story as the paper in the visitor's hand. */
@font-face{font-family:Inter;src:url(/lp/inter.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215}
@font-face{font-family:Inter;src:url(/lp/inter-ext.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
:root{--f:#03875a;--fd:#00784f;--deep:#083d2a;--night:#021a11;--mint:#19c38a;--pale:#d3f5e4;--wash:#f1f8f4;--ink:#0f1f18;--mut:#53665d;--line:#dce8e1;--amber:#ffc24b;--red:#e5533d;
  --acc:#c9a227;--acc-deep:#6b5512;--acc-wash:#fbf5e2;--acc-ink:#3a2f0a}
.ind-hotel{--acc:#c9a227;--acc-deep:#6b5512;--acc-wash:#fbf5e2;--acc-ink:#3a2f0a}
.ind-bank{--acc:#2f6fdc;--acc-deep:#173c7a;--acc-wash:#eaf1fd;--acc-ink:#0f2550}
.ind-hospital{--acc:#0aa5b5;--acc-deep:#06606a;--acc-wash:#e5f7f8;--acc-ink:#053c42}
.ind-insurance{--acc:#6b4fd8;--acc-deep:#3a2a85;--acc-wash:#efebfc;--acc-ink:#221857}
.ind-restaurant{--acc:#e2672b;--acc-deep:#8a3711;--acc-wash:#fdeee6;--acc-ink:#4d1f09}
.ind-school{--acc:#e0a100;--acc-deep:#7a5600;--acc-wash:#fdf4dc;--acc-ink:#3f2c00}
.ind-retail{--acc:#19c38a;--acc-deep:#06704d;--acc-wash:#e6f8f0;--acc-ink:#053a28}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);background:#fbfcfb;line-height:1.55;font-size:16px}
img{max-width:100%;display:block}
a{color:var(--fd)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
h1,h2,h3{letter-spacing:-.02em;line-height:1.12;margin:0;color:var(--deep)}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-deep)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:12px;font-weight:800;text-decoration:none;font-size:16px;border:0;cursor:pointer}
.btn.acc{background:var(--acc);color:var(--acc-ink)}
.btn.line{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.btn.dark{background:var(--deep);color:#fff}
.btn.ghost{background:#fff;color:var(--deep);border:1.5px solid var(--line)}

.nav{position:sticky;top:0;z-index:20;background:rgba(2,26,17,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}
.nav .wrap{display:flex;align-items:center;gap:14px;height:62px}
.nav .logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800}
.nav .logo img{width:32px;height:32px;border-radius:8px}
.nav .sp{flex:1}
.nav a.lnk{color:rgba(255,255,255,.8);text-decoration:none;font-size:14px;font-weight:600}
.nav .btn{padding:9px 16px;font-size:14px}
@media (max-width:720px){.nav a.lnk{display:none}}

.hero{color:#fff;background:radial-gradient(900px 600px at 90% 0%,color-mix(in srgb,var(--acc) 50%,transparent),transparent 70%),linear-gradient(160deg,#0b5f40,#083d2a 45%,#021a11);padding:64px 0 72px}
.hero .sector{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(255,255,255,.35);padding:6px 12px;border-radius:99px;margin-bottom:22px}
.hero h1{color:#fff;font-size:clamp(34px,6vw,60px);letter-spacing:-.035em;max-width:900px}
.hero h1 em{font-style:normal;color:var(--acc)}
.hero p.lede{font-size:clamp(17px,2.2vw,20px);color:rgba(255,255,255,.86);max-width:720px;margin:22px 0 30px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero .note{margin-top:16px;font-size:14px;color:rgba(255,255,255,.7)}

.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-36px}
.pillar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;box-shadow:0 10px 30px rgba(8,61,42,.08)}
.pillar small{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-deep);margin-bottom:6px}
.pillar b{display:block;font-size:15px;color:var(--deep);margin-bottom:6px}
.pillar span{font-size:14px;color:var(--mut);line-height:1.45;display:block}
.pillar .was{font-size:13px;color:#8a9b93;text-decoration:line-through;text-decoration-color:rgba(229,83,61,.5);margin-bottom:8px}
@media (max-width:900px){.pillars{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pillars{grid-template-columns:1fr}}

section.blk{padding:64px 0 8px}
section.blk>.wrap>h2{font-size:clamp(26px,4vw,38px);margin:8px 0 10px;max-width:820px}
section.blk>.wrap>p.sub{color:var(--mut);font-size:17px;max-width:760px;margin:0 0 26px}

.acts{display:grid;gap:22px}
.act{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.act .ah{padding:20px 22px;background:linear-gradient(150deg,var(--deep),var(--night));color:#fff;display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.act .ah small{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}
.act .ah h3{color:#fff;font-size:22px}
.act .sc{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.act .s{padding:18px 22px;border-top:1px solid var(--line)}
.act .s+.s{border-left:1px solid var(--line)}
.act .s i{display:block;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--acc-deep);margin-bottom:6px}
.act .s b{display:block;font-size:16px;color:var(--deep);margin-bottom:6px;line-height:1.3}
.act .s span{font-size:14.5px;color:#33463d;line-height:1.5}
@media (max-width:860px){.act .sc{grid-template-columns:1fr}.act .s+.s{border-left:0}}

.invs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.inv{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.inv b{display:block;font-size:17px;color:var(--deep);margin-bottom:6px}
.inv p{margin:0 0 8px;color:#2d3a33;font-size:15px}
.inv .tech{font-size:13.5px;color:var(--mut);background:var(--wash);border-radius:10px;padding:8px 10px}
@media (max-width:720px){.invs{grid-template-columns:1fr}}

.it{background:linear-gradient(165deg,#0b3b29,#021a11 70%);color:#fff;border-radius:22px;padding:34px 28px;margin-top:8px}
.it h2{color:#fff;font-size:clamp(24px,3.6vw,34px);margin:8px 0 10px}
.it p.sub{color:rgba(255,255,255,.78);max-width:760px;margin:0 0 20px}
.it .faq{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}
.it .faq div{border-left:3px solid var(--acc);padding:2px 0 2px 14px;color:rgba(255,255,255,.82);font-size:15px}
.it .faq b{display:block;color:#fff;margin-bottom:4px}
@media (max-width:720px){.it .faq{grid-template-columns:1fr}}

.try{margin:64px 0 0;color:#fff;background:radial-gradient(800px 500px at 100% 0%,color-mix(in srgb,var(--acc) 45%,transparent),transparent 70%),linear-gradient(160deg,#0b5f40,#083d2a 45%,#021a11);padding:60px 0}
.try h2{color:#fff;font-size:clamp(28px,4.6vw,46px)}
.try h2 em{font-style:normal;color:var(--acc)}
.try p{color:rgba(255,255,255,.85);font-size:18px;max-width:720px}
.try .tours{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.try .tour{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:18px}
.try .tour b{display:block;font-size:17px;margin-bottom:4px}
.try .tour span{font-size:14.5px;color:rgba(255,255,255,.8)}
.try .tour .n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--acc);color:var(--acc-ink);font-weight:900;margin-bottom:10px}
@media (max-width:760px){.try .tours{grid-template-columns:1fr}}
.others{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;align-items:center;color:rgba(255,255,255,.75);font-size:14px}
.others a{color:#fff;text-decoration:none;font-weight:700;border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:6px 14px}
footer{padding:30px 0 40px;color:var(--mut);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}

/* the index of industries */
.grid-ind{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:40px 0}
.card-ind{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;color:inherit}
.card-ind .top{height:8px;background:var(--acc)}
.card-ind .in{padding:18px 20px}
.card-ind small{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-deep)}
.card-ind b{display:block;font-size:19px;color:var(--deep);margin:6px 0}
.card-ind span{font-size:14.5px;color:var(--mut)}