/* Conzy — a calm, conversational identity. */
:root {
  --bg:#f7f8f2; --bg2:#edf1e7; --white:#fffefa;
  --dark:#193f35; --dark2:#14332c; --text:#213d34;
  --text2:#627168; --text3:#748177; --orange:#346b50;
  --orange-h:#214d39; --orange-lt:#e5edde;
  --border:#cfd8ca; --border-l:#e1e7da; --r:12px; --r-lg:24px;
}
body { font-family:'DM Sans',sans-serif; cursor:auto; }
button,a,.btn,.sector-tab,.plan-cta,.lang-trigger,.lang-opt { cursor:pointer; }
#cur-dot,#cur-ring { display:none; }
h1,h2,.stat-n,.plan-amt,.how-n { font-family:'Manrope',sans-serif; }
button,input,select,textarea { font-family:inherit; }
.skip-link { position:fixed;top:-70px;left:20px;z-index:1000;padding:12px 20px;background:var(--dark);color:white;border-radius:8px; }
.skip-link:focus { top:12px; }
:focus-visible { outline:3px solid #639758;outline-offset:5px; }
section { scroll-margin-top:100px; }
.hero-logo { left:max(36px,calc((100vw - 1280px)/2));top:24px;font-family:'Manrope',sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.8px;color:var(--dark);gap:9px; }
.logo-mark { width:25px;height:25px;border:6px solid currentColor;border-right-color:transparent;background:transparent;border-radius:50%;transform:rotate(-25deg); }
.hero-logo .logo-mark { width:25px;height:25px;background:transparent; }
.hero-logo.hidden,.lang-dd.hidden { opacity:1;pointer-events:auto;transform:none; }
#nav { top:22px;background:rgba(255,254,250,.92);border:1px solid var(--border-l);box-shadow:none; }
#nav.scrolled { box-shadow:0 6px 24px #193f3510; }
.nav-inner { padding:6px 6px 6px 14px; }
.nav-links a { font-size:12px;padding:9px 15px; }
.nav-cta { background:var(--dark);padding:12px 20px; }
.lang-dd { top:28px;right:max(36px,calc((100vw - 1280px)/2)); }
.lang-trigger { background:var(--bg);border:1px solid var(--border);box-shadow:none; }
#hero { padding:146px 40px 64px; min-height:780px;background:var(--bg);border-radius:0; }
.hero-inner { max-width:1280px;display:grid;grid-template-columns:1.04fr 1fr;gap:64px;text-align:left;align-items:center; }
.hero-copy { min-width:0;padding:5px 0 20px; }
.hero-tag { display:inline-flex;justify-content:flex-start;color:var(--orange);font-size:10px;letter-spacing:.12em;margin-bottom:26px; }
.hero-tag-line { width:7px;height:7px;background:var(--orange);border-radius:50%; }
h1 { font-size:clamp(44px,4.65vw,67px);line-height:1.08;letter-spacing:-.065em;font-weight:600;color:var(--dark);margin-bottom:25px;text-wrap:initial; }
h1 em { font-style:normal;font-weight:500;color:#76916d; }
.hero-desc { color:var(--text2);font-size:16px;line-height:1.8;max-width:455px;margin:0 0 30px; }
.hero-actions { justify-content:flex-start;gap:20px;align-items:center; }
.btn-orange { background:var(--dark);border-radius:100px;padding:16px 25px;font-size:13px; }
.btn-orange:hover { background:#315e47;box-shadow:0 6px 20px #193f3518; }
.btn-orange span { margin-left:12px; }
.btn-ghost { padding:12px 0;color:var(--dark);border:0;border-radius:0;font-size:13px; }
.btn-ghost:hover { color:var(--orange);text-decoration:underline;text-underline-offset:5px; }
.hero-sector-tabs { align-items:flex-start;margin-top:38px;gap:12px; }
.sector-tabs-label { color:var(--text3);font-size:9px;letter-spacing:.14em; }
.sector-tabs-row { justify-content:flex-start;gap:6px; }
.sector-tab { border:1px solid var(--border);color:var(--text2);background:transparent;font-size:10px;padding:8px 10px;gap:4px; }
.sector-tab:hover { color:var(--dark);border-color:#8ca67e;background:#e8efdf; }
.sector-tab.active { color:var(--dark);background:#e3edda;border-color:#b6c8a8; }
.hero-note { justify-content:flex-start;color:var(--text2);font-size:11px;margin-top:26px; }
.av { border-color:var(--bg);width:27px;height:27px;font-size:10px; }
.hero-visual { display:block!important;width:100%;height:570px;margin:0;background:#dce9cc;border-radius:28px;position:relative;isolation:isolate; }
.hero-visual>div[style] { position:absolute!important;inset:0;width:100%; }
.scene-caption { position:absolute;top:26px;left:28px;right:28px;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;color:#35563b;z-index:3; }
.live-dot { width:6px;height:6px;background:#528148;border-radius:50%;box-shadow:0 0 0 4px #52814812; }
.scene-spark { margin-left:auto;font-size:26px;line-height:1; }
.scene-orbit { position:absolute;width:380px;height:380px;border:1px solid #a9c29470;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-44%); }
.scene-orbit:after { content:'';position:absolute;inset:-35px;border:1px solid #a9c29440;border-radius:50%; }
.hero-img-wrap { padding:0;height:100%;overflow:visible;background:none;border-radius:0; }
.hero-hand-img { display:none; }
.hero-screen-area { top:75px!important;left:50%!important;width:248px!important;height:450px!important;transform:translateX(-50%) rotate(-5deg);border:7px solid #25473a;border-radius:34px!important;background:#fff;box-shadow:12px 25px 35px #29432c25,0 0 0 1px #fff7; }
.hero-screen-area .pscreen { border-radius:26px; }
.scene-note { position:absolute;z-index:4;display:flex;align-items:center;gap:11px;padding:15px 18px;background:#fffef9;border:1px solid #fff;border-radius:14px;box-shadow:0 10px 30px #28433212; }
.scene-note strong { display:block;font-size:11px;font-weight:700;color:var(--dark); }
.scene-note span:not(.note-icon) { display:block;font-size:9px;color:var(--text2);margin-top:3px; }
.note-icon { display:grid;place-items:center;width:31px;height:31px;background:#e8f1df;color:var(--dark);border-radius:10px;font-size:17px; }
.note-top { right:-22px;top:151px;transform:rotate(3deg); }
.note-bottom { left:-28px;bottom:63px;transform:rotate(-3deg); }
#marquee { background:var(--bg);padding:22px 0;border-color:var(--border-l); }
.marquee-item { font-size:9px;letter-spacing:.15em;color:#819077; }
#stats { background:var(--bg);padding:40px 40px 56px; }
.stats-inner { max-width:1280px; }
.stat { padding:15px 40px; }
.stat-n { font-size:42px;font-weight:500;letter-spacing:-.06em; }
.stat-l { font-size:11px; }
.section { padding:100px 40px; }
.inner { max-width:1200px; }
h2 { font-size:clamp(32px,3.7vw,49px);font-weight:500;letter-spacing:-.05em;line-height:1.16; }
h2 em { font-style:normal;font-weight:500;color:#77916f; }
.tag { font-size:10px;letter-spacing:.15em; }
.sec-desc { font-size:15px; }
.section.dark { background:var(--dark); }
.pipe-card { border-radius:18px;background:#ffffff07;border-color:#ffffff18; }
.pipe-desc { color:#d3e0d2b3; }
.pipe-flow { background:#ffffff12; }
.pipe-highlight-bar { border-color:#afcf8e45;background:#afcf8e0c; }
.phb-pill { background:#d6ecad;color:var(--dark); }
.pipe-highlight-bar p { color:#dce8d2bb; }
.feat-grid { gap:18px;border:0;background:none;overflow:visible; }
.feat-card { border-radius:20px;background:var(--bg2);padding:32px; }
.feat-card:hover { background:#e5eddc; }
.feat-icon { background:#d8e6cc; }
.sec-grid { gap:0;border:0;border-radius:0;background:transparent; }
.sec-card { padding:28px;border-bottom:1px solid var(--border-l);background:transparent; }
.sec-icon { background:var(--bg2); }
.how-n { font-size:65px;font-weight:400;color:#c2d0b6;margin-bottom:18px; }
.price-grid { align-items:stretch;gap:18px; }
.price-card { display:flex;flex-direction:column;padding:36px 30px;border-radius:24px;box-shadow:none; }
.price-card.pop { background:#e8efdf;border-color:#b3c7a1; }
.pop-badge { background:var(--dark);font-size:9px;padding:5px 15px; }
.plan-amt { font-size:48px;font-weight:600; }
.plan-cta { margin-top:auto;border-radius:100px; }
.plan-feats { flex:1; }
.cta-fi:hover { box-shadow:0 8px 24px #346b5020; }
.cform { box-shadow:none;border:1px solid #ffffff20;padding:36px; }
.channel:hover { border-color:#bed49f;background:#bed49f08; }
footer { background:var(--dark2); }
footer .logo { font-family:'Manrope',sans-serif;text-transform:none;letter-spacing:-1px;font-size:30px; }
#mobile-header { background:rgba(247,248,242,.96);border-bottom:1px solid var(--border-l); }
.mobile-logo,.mmenu-logo { font-family:'Manrope',sans-serif;color:var(--dark);font-weight:800;letter-spacing:-1px; }
.mobile-logo .logo-mark,.mmenu-logo .logo-mark { background:none; }
.hamburger span { background:var(--dark); }
@media (min-width:769px) and (max-width:1100px) {
 .hero-inner { gap:30px;grid-template-columns:1fr 1fr; }
 #hero { padding:132px 30px 56px; }
 h1 { font-size:48px; }
 .hero-visual { height:560px; }
 .scene-note { padding:12px; }
 .note-top { right:-8px; }
 .note-bottom { left:-10px; }
 .hero-logo { left:28px;font-size:28px; }
 .lang-dd { right:28px; }
 .price-grid { grid-template-columns:repeat(3,1fr);max-width:none; }
 .price-card { padding:32px 20px; }
}
@media (max-width:768px) {
 #hero { padding:115px 24px 46px;min-height:auto; }
 .hero-inner { display:flex;gap:34px;align-items:stretch;text-align:left; }
 .hero-copy { padding:0; }
 h1 { font-size:clamp(39px,8vw,58px);letter-spacing:-.06em; }
 .hero-tag { margin-bottom:22px;font-size:8px;display:inline-flex; }
 .hero-desc { font-size:14px;margin-bottom:24px; }
 .hero-actions { gap:20px; }
 .btn-orange { font-size:12px;padding:15px 22px; }
 .btn-ghost { font-size:11px; }
 .hero-sector-tabs { margin-top:28px; }
 .hero-note { margin-top:22px; }
 .hero-visual { width:100%;height:540px;margin:0;border-radius:24px; }
 .hero-screen-area { width:238px!important;height:432px!important;top:72px!important;left:50%!important;border-radius:34px!important; }
 .scene-caption { top:23px;left:20px;right:20px;font-size:9px; }
 .scene-note { padding:12px;gap:8px; }
 .note-top { right:-8px;top:143px; }
 .note-bottom { left:-8px;bottom:35px; }
 .scene-note strong { font-size:10px; }
 .scene-note span:not(.note-icon) { font-size:8px; }
 .scene-orbit { width:280px;height:280px; }
 .hero-logo { display:none; }
 #stats { padding:32px 24px; }
 .stat { padding:18px 15px; }
 .stat:nth-child(2) { border-right:0; }
 .stat-n { font-size:34px; }
 .stat-l { font-size:10px; }
 .section { padding:70px 24px; }
 .feat-grid { grid-template-columns:1fr;gap:12px; }
 .feat-card { padding:28px; }
 .sec-card { padding:24px 12px; }
 .price-grid { gap:28px; }
 .contact-layout { gap:36px; }
 .cform { padding:26px 20px; }
 #mobile-header.hidden { opacity:1;pointer-events:auto;transform:none; }
}
@media (prefers-reduced-motion:reduce) {
 *,*::before,*::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
}
.mobile-logo { font-size:30px;gap:8px; }
.mobile-logo .logo-mark { width:22px;height:22px;border-width:5px; }
.mobile-lang-trigger { color:var(--dark); }
#mobile-menu { background:var(--dark); }
.mmenu-logo { color:var(--white);font-size:34px; }
@media (max-width:480px) {
 .hero-actions { flex-direction:row;align-items:center;gap:16px; }
 .hero-actions .btn { justify-content:center; }
}
h2 em { margin-right:.15em; }
@media (min-width:769px) {
 .hero-screen-area .pscreen { font-size:11px; }
}
/* Guided phone demo: message → form → confirmation → dashboard. */
.hero-visual { margin-bottom:112px; }
.demo-controls { position:absolute;top:calc(100% + 20px);left:0;right:0;color:var(--dark); }
.demo-step-label { font-size:10px;font-weight:700;letter-spacing:.08em; }
.demo-step-description { margin-top:5px;font-size:11px;color:var(--text2);line-height:1.6;min-height:18px; }
.demo-navigation { display:flex;align-items:center;gap:14px;margin-top:12px; }
.demo-steps { display:flex;gap:6px;margin-right:auto; }
.demo-steps button { width:28px;height:28px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text2);font:600 10px 'DM Sans',sans-serif; }
.demo-steps button.active { background:var(--dark);border-color:var(--dark);color:white; }
.demo-pause,.demo-replay { border:0;background:transparent;padding:7px 0;color:var(--text2);font:500 10px 'DM Sans',sans-serif; }
.demo-pause:hover,.demo-replay:hover { color:var(--dark);text-decoration:underline; }
.confirmation-screen { height:100%;padding:30px 18px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#f7faf2;color:#193f35; }
.confirmation-brand { align-self:stretch;text-align:left;font-size:13px;font-weight:700; }
.confirmation-brand span { float:right;font-size:11px;color:#6d9164; }
.confirmation-check { display:grid;place-items:center;width:56px;height:56px;margin:24px 0 16px;border-radius:50%;background:#dfedcf;color:#346b50;font-size:28px; }
.confirmation-title { font-size:19px;line-height:1.2;letter-spacing:-.5px; }
.confirmation-intro { font-size:10px;color:#748177;line-height:1.65;margin-top:9px; }
.confirmation-details { width:100%;display:flex;flex-direction:column;gap:8px;border-top:1px solid #dce5d5;border-bottom:1px solid #dce5d5;padding:16px 0;margin-top:18px;font-size:11px; }
.confirmation-details strong { font-size:12px; }
.confirmation-delivered { margin-top:18px;font-size:9px;font-weight:600;color:#346b50; }
.confirmation-footer { margin-top:auto;padding-top:14px;font-size:9px;line-height:1.7;color:#748177; }
#pscreen-3 .dash-row:first-child { background:#edf6e6; }
@media(max-width:768px) {
 .hero-visual { margin-bottom:118px; }
 .demo-step-description { font-size:10px;max-width:310px; }
 .demo-steps button { width:30px;height:30px; }
 .demo-navigation { gap:14px; }
 .demo-pause,.demo-replay { padding:8px 0; }
 .hero-screen-area #pscreen-2 { width:100%;height:100%;transform:none;animation:none; }
}
.hero-screen-area .flow-scr { min-height:0; }
.hero-screen-area .flow-body { min-height:0;gap:8px;padding:12px; }
.hero-screen-area .flow-h1 { flex-shrink:0; }
.hero-screen-area .flow-field { flex-shrink:0; }
.hero-screen-area .flow-val { padding:6px 9px; }
.hero-screen-area .flow-val.hl { box-shadow:inset 0 0 0 1px #25d366;border:0; }
.hero-screen-area .flow-btn-gr { flex-shrink:0;padding:9px;font-size:11px; }
.hero-screen-area .wa-msgs { padding:10px;gap:8px; }
.hero-screen-area .msg { font-size:10px;line-height:1.45; }
.hero-screen-area .msg-btn { font-size:9px;padding:5px; }
.scene-note { transition:opacity 200ms ease; }
.hero-visual[data-demo-stage="1"] .scene-note,
.hero-visual[data-demo-stage="2"] .scene-note { opacity:0;pointer-events:none; }
/* WhatsApp conversation animation. */
.hero-screen-area .wa-bg { min-height:0;background:#efeae2; }
.hero-screen-area .wa-bar { background:#075e54;gap:7px;padding:9px 10px; }
.wa-back { font-size:26px;line-height:1;color:white; }
.hero-screen-area .wa-av { width:29px;height:29px;background:#d9ecd0;color:#2a644d;font-size:12px; }
.wa-contact { flex:1; }
.hero-screen-area .wa-nm { font-size:12px; }
.hero-screen-area .wa-st { font-size:8px;min-height:12px; }
.wa-header-icons { font-size:17px;color:#fff;letter-spacing:4px; }
.hero-screen-area .wa-msgs { min-height:0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;justify-content:flex-start;gap:7px;padding:10px 9px;background-color:#efeae2;background-image:radial-gradient(#c5bfb544 .8px,transparent .8px);background-size:13px 13px; }
.wa-msgs::-webkit-scrollbar { display:none; }
.wa-day { align-self:center;background:#fff9;border-radius:5px;padding:3px 9px;font-size:8px;color:#66746c;flex-shrink:0; }
.wa-encrypted { align-self:center;text-align:center;font-size:6.5px;color:#8b8271;line-height:1.5;margin-bottom:3px; }
.hero-screen-area .msg[data-chat] { display:none;max-width:90%;font-size:10px;line-height:1.45;padding:7px 9px;box-shadow:0 1px 1px #18332c10;flex-shrink:0; }
.hero-screen-area .msg[data-chat].show { display:block;animation:wa-message-in 240ms ease-out both; }
.hero-screen-area .msg-o { background:#d9fdd3;border-radius:9px 0 9px 9px; }
.hero-screen-area .msg-i { background:#fff;border-radius:0 9px 9px 9px; }
.hero-screen-area .msg-t { font-size:6.5px;line-height:1;margin-top:4px;color:#839085; }
.wa-ticks { color:#839085;letter-spacing:-2px;margin-left:2px;font-size:9px; }
.wa-ticks.read { color:#53bdeb; }
.hero-screen-area .wa-inp-bar { padding:7px 6px;gap:5px;background:#f0f2f5; }
.hero-screen-area .wa-inp { min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 10px;font-size:9px;min-height:29px;color:#899289; }
.hero-screen-area .wa-inp.is-typing { color:#263e35; }
.wa-plus { font-size:21px;color:#6c7e73; }
.wa-send { display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#008069;color:white;font-size:13px;flex-shrink:0; }
.hero-screen-area .wa-typing { display:none;padding:10px 12px;flex-shrink:0; }
.hero-screen-area .wa-typing.visible { display:flex;animation:wa-message-in 200ms ease-out; }
.hero-screen-area .wa-typing .t-dot { width:4px;height:4px; }
.wa-booking-card strong { display:block;font-size:10px;margin-top:4px; }
.wa-card-icon { display:none; }
.wa-booking-card p { font-size:8px;color:#66766e;margin-top:5px;line-height:1.5; }
.wa-card-action { border-top:1px solid #e7ece7;margin:8px -9px -2px;padding:7px 9px 3px;color:#008069;font-size:9px;font-weight:600;text-align:center; }
.wa-card-action span { float:right; }
.wa-card-action.tap-demo { background:#e7f5eb;box-shadow:inset 0 0 0 1px #99d2ad;transition:background 200ms; }
.wa-submitted { font-size:8px;color:#5a725f;line-height:1.6;margin-top:5px; }
.wa-confirmed>strong { font-size:10px;color:#167452; }
.wa-booking-summary { display:flex;flex-direction:column;gap:5px;padding:10px 0;margin:8px 0;border-top:1px solid #edf1e9;border-bottom:1px solid #edf1e9;font-size:9px; }
.wa-confirmed p { font-size:9px; }
@keyframes wa-message-in { from { opacity:0;transform:translateY(7px) scale(.98); } to { opacity:1;transform:none; } }
@media(max-width:768px) {
 .hero-screen-area #pscreen-0 { width:100%;height:100%;transform:none;animation:none; }
 .hero-screen-area .msg[data-chat] { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
 .hero-screen-area .msg[data-chat].show { animation:none; }
 .t-dot { animation:none; }
}
button.wa-card-action { display:block;width:calc(100% + 18px);border:0;border-top:1px solid #e7ece7;background:transparent;font-family:inherit;cursor:pointer; }
button.wa-card-action:hover { background:#edf7ed; }
.demo-paused .t-dot { animation-play-state:paused; }
.hero-visual[data-demo-stage="0"] .scene-note { opacity:0;pointer-events:none; }
/* Upright, taller iPhone proportions, with a WhatsApp document attachment. */
.hero-visual { height:645px; }
.hero-screen-area { width:248px!important;height:526px!important;top:75px!important;transform:translateX(-50%);border-radius:36px!important; }
.wa-document { min-width:180px; }
.wa-document-link { display:flex;align-items:center;gap:8px;padding:9px 7px;background:#f2f5f0;border-radius:5px;color:#253c32;text-decoration:none; }
.wa-document-link:hover { background:#e5efe2; }
.wa-pdf-icon { display:grid;place-items:center;flex-shrink:0;width:25px;height:32px;background:#e85b57;border-radius:3px;color:#fff;font-size:7px;font-weight:700; }
.wa-document-info { min-width:0;flex:1; }
.wa-document-info strong { display:block;font-size:9px;font-weight:600; }
.wa-document-info small { display:block;font-size:7px;color:#869083;margin-top:5px; }
.wa-document-download { display:grid;place-items:center;width:20px;height:20px;border:1px solid #a3b09e;border-radius:50%;font-size:12px;color:#6c8067; }
@media(max-width:1100px) and (min-width:769px) { .hero-visual { height:645px; } }
@media(max-width:768px) {
 .hero-visual { height:628px; }
 .hero-screen-area { width:238px!important;height:510px!important;top:72px!important; }
}
/* Industry selector: quiet typography, with a clear active underline. */
.hero-sector-tabs { margin-top:38px;padding-top:24px;border-top:1px solid var(--border-l);gap:0;width:100%;max-width:505px; }
.sector-tabs-label { font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--dark); }
.sector-tabs-description { font-size:11px;color:var(--text2);line-height:1.7;margin-top:5px; }
.sector-tabs-row { width:100%;gap:0;margin-top:15px;justify-content:space-between;border-bottom:1px solid var(--border); }
.sector-tab { position:relative;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:10px 0 12px;color:var(--text2);font-size:11px;line-height:1.4;font-weight:500;transition:color 160ms,border-color 160ms; }
.sector-tab:hover { color:var(--dark);background:transparent;border-color:transparent; }
.sector-tab.active { background:transparent;border-color:var(--dark);color:var(--dark);font-weight:600; }
.sector-tab:active { transform:none; }
.sector-tab:focus-visible { border-radius:2px;outline-offset:3px; }
@media(max-width:768px) {
 .hero-sector-tabs { margin-top:28px;padding-top:22px; }
 .sector-tabs-description { font-size:10px; }
 .sector-tabs-row { justify-content:flex-start;column-gap:19px;row-gap:0;border-bottom:0; }
 .sector-tab { font-size:11px;padding:10px 0 8px; }
}
/* Frosted header fades gently into the page instead of forming a solid bar. */
@media(min-width:769px) {
 body::before {
  content:'';position:fixed;inset:0 0 auto;height:116px;
  background:rgba(247,248,242,.68);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%);
  z-index:90;pointer-events:none;
 }
}
#mobile-header {
 background:rgba(247,248,242,.76);
 -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
 border-bottom-color:transparent;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 #mobile-header { background:rgba(247,248,242,.94); }
 body::before { background:rgba(247,248,242,.94); }
}

/* Dark sections keep their green tint; all header controls change contrast together. */
body::before { transition:background-color 180ms ease; }
.hero-logo,.mobile-logo,.lang-trigger,.mobile-lang-trigger,.nav-links a,.nav-cta { transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease; }
body.header-on-dark::before { background:rgba(25,63,53,.72); }
.header-on-dark .hero-logo,.header-on-dark .mobile-logo { color:#f7f8f2; }
.header-on-dark #nav { background:rgba(25,63,53,.88);border-color:rgba(247,248,242,.15);box-shadow:none; }
.header-on-dark .nav-links a { color:rgba(247,248,242,.8); }
.header-on-dark .nav-links a:hover { color:#fff;background:rgba(255,255,255,.08); }
.header-on-dark .nav-cta { background:#edf1e7;color:#193f35; }
.header-on-dark .nav-cta:hover { background:#dce9cc; }
.header-on-dark .lang-trigger { color:#f7f8f2;background:rgba(25,63,53,.5);border-color:rgba(247,248,242,.2); }
.header-on-dark #mobile-header { background:rgba(25,63,53,.8); }
.header-on-dark .mobile-lang-trigger { color:#f7f8f2; }
.header-on-dark .hamburger span { background:#f7f8f2; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 body.header-on-dark::before,.header-on-dark #mobile-header { background:rgba(25,63,53,.96); }
}
@media(prefers-reduced-motion:reduce) { body::before { transition:none; } }
/* Readable dashboard previews, with separate views and language-matched assets. */
.db-inner { grid-template-columns:minmax(0,1fr);gap:38px; }
.db-copy { display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:start; }
.db-copy>.tag,.db-copy>h2,.db-copy>.db-lead { grid-column:1; }
.db-copy>.db-points { grid-column:2;grid-row:1 / 4;align-self:center; }
.db-copy>.db-lead { margin-bottom:0; }
.db-visual { min-width:0; }
.dashboard-view-controls { display:flex;gap:24px;margin-bottom:20px;border-bottom:1px solid var(--border); }
.dashboard-view-button { padding:12px 0;background:none;border:0;border-bottom:2px solid transparent;color:var(--text2);font:500 12px 'DM Sans',sans-serif;cursor:pointer; }
.dashboard-view-button.active { border-bottom-color:var(--dark);color:var(--dark);font-weight:600; }
.dashboard-view-button:hover { color:var(--dark); }
.db-screens { padding:0; }
.db-screen { display:none;box-shadow:0 18px 45px #193f3512,0 0 0 1px #193f3510;border-radius:14px; }
.db-screen.is-active { display:block; }
.db-screen-2 { position:relative;bottom:auto;right:auto;width:100%;margin-top:0; }
.db-screen img { height:auto;aspect-ratio:1360 / 860; }
.dashboard-image-link { display:block;cursor:zoom-in; }
.db-chrome { background:#f9faf6;padding:10px 15px;border-bottom-color:#e3e9df; }
.db-chrome span { width:7px;height:7px; }
.dashboard-preview-note { margin-top:16px;font-size:11px;line-height:1.6;color:var(--text3); }
@media(max-width:768px) {
 .db-copy { display:block; }
 .db-copy>.db-points { margin-top:28px; }
 .db-inner { gap:28px; }
 .dashboard-view-controls { gap:22px;margin-bottom:16px; }
 .dashboard-view-button { font-size:11px; }
 .db-screen { border-radius:8px; }
 .db-screen-2 { right:auto;width:100%;margin-top:0; }
 .db-chrome { padding:7px 10px; }
 .dashboard-preview-note { font-size:10px; }
}
/* Readable type scale and balanced responsive proportions. */
body { font-size:17px;line-height:1.65; }
.nav-links a,.nav-cta { font-size:15px; }
.nav-links a { padding:9px 16px; }
.lang-trigger,.mobile-lang-trigger { font-size:13px; }
.lang-opt { font-size:15px; }
h1 { font-size:clamp(52px,5vw,72px);line-height:1.08;letter-spacing:-.055em; }
.hero-desc { font-size:19px;line-height:1.75;max-width:510px; }
.hero-tag,.tag { font-size:12px;letter-spacing:.1em; }
.btn-orange,.btn-ghost { font-size:16px;min-height:52px; }
.btn-orange { padding:16px 27px; }
.hero-sector-tabs { max-width:100%; }
.sector-tabs-label { font-size:15px; }
.sector-tabs-description { font-size:14px;line-height:1.7; }
.sector-tab { font-size:14px;min-height:44px; }
.sector-tabs-row { justify-content:flex-start;column-gap:22px;row-gap:4px; }
.hero-visual { height:758px;margin-bottom:150px; }
.hero-screen-area { width:296px!important;height:632px!important;top:78px!important;border-radius:42px!important; }
.scene-caption { font-size:13px;top:25px; }
.scene-note strong { font-size:14px; }
.scene-note span:not(.note-icon) { font-size:12px; }
.demo-step-label { font-size:13px;letter-spacing:.03em; }
.demo-step-description { font-size:15px;line-height:1.65;min-height:25px; }
.demo-steps button { width:40px;height:40px;font-size:13px; }
.demo-pause,.demo-replay { font-size:14px;min-height:44px; }
.demo-navigation { gap:16px; }
.marquee-item { font-size:12px;letter-spacing:.1em; }
.stat-n { font-size:48px; }
.stat-l { font-size:15px;line-height:1.6; }
h2 { font-size:clamp(36px,4vw,54px);line-height:1.15;letter-spacing:-.045em; }
.sec-desc,.db-lead,.fav-lead,.contact-left p { font-size:18px;line-height:1.8; }
.feat-card h3,.how-step h3 { font-size:22px; }
.feat-card p,.how-step p,.pipe-desc,.pipe-highlight-bar p { font-size:16px;line-height:1.75; }
.pipe-title { font-size:18px; }
.pipe-card { padding:28px 24px; }
.sec-card h4 { font-size:18px;line-height:1.4; }
.sec-card p { font-size:15px;line-height:1.7; }
.db-point strong,.fav-point strong { font-size:18px; }
.db-point p,.fav-point p { font-size:16px;line-height:1.7; }
.dashboard-view-button { font-size:16px;min-height:48px; }
.dashboard-preview-note { font-size:14px; }
.plan-name { font-size:15px; }
.plan-amt { font-size:56px; }
.plan-per { font-size:16px; }
.plan-feat { font-size:16px;line-height:1.65; }
.plan-feats { gap:15px; }
.plan-cta { font-size:16px;min-height:50px; }
.plan-yearly-note { font-size:14px; }
.pop-badge { font-size:12px; }
.tog-btn { font-size:16px;min-height:44px; }
.flbl { font-size:15px; }
.finp,.fsel,.ftxt { font-size:16px;min-height:48px; }
.ch-lbl,.reply-lbl { font-size:14px; }
.ch-val,.reply-val { font-size:17px; }
.reply-sub { font-size:14px; }
.footer-brand p,.fc a { font-size:15px;line-height:1.8; }
.fc-title,.footer-bot { font-size:13px; }
/* The phone is an important product demo, so its text is readable too. */
.hero-screen-area .pscreen { width:100%;height:100%;top:0;left:0;right:auto;bottom:auto;transform:none; }
.hero-screen-area .pscreen.active { animation:psIn 280ms var(--ease-out) forwards; }
.hero-screen-area .phone-sb { padding-top:10px;padding-bottom:8px; }
.hero-screen-area .psb-time { font-size:11px; }
.hero-screen-area .wa-nm { font-size:16px; }
.hero-screen-area .wa-st { font-size:11px;line-height:1.4; }
.hero-screen-area .wa-av { width:35px;height:35px;font-size:15px; }
.hero-screen-area .wa-msgs { padding:12px 10px;gap:10px; }
.hero-screen-area .msg[data-chat] { font-size:14px;line-height:1.5;padding:10px 11px;max-width:94%; }
.hero-screen-area .msg-t { font-size:9px;margin-top:5px; }
.wa-day { font-size:10px; }
.wa-encrypted { font-size:9px; }
.hero-screen-area .wa-inp { font-size:12px;min-height:36px; }
.wa-send { width:34px;height:34px;font-size:15px; }
.wa-ticks { font-size:11px; }
.wa-booking-card strong,.wa-confirmed>strong { font-size:14px; }
.wa-booking-card p,.wa-confirmed p { font-size:12px;line-height:1.6; }
.wa-card-action { font-size:13px;min-height:40px;padding:10px; }
button.wa-card-action { width:calc(100% + 22px);margin-left:-11px;margin-right:-11px; }
.wa-booking-summary { font-size:12px;gap:6px; }
.wa-submitted { font-size:11px; }
.wa-document-info strong { font-size:12px; }
.wa-document-info small { font-size:10px;line-height:1.5; }
.wa-pdf-icon { width:30px;height:38px;font-size:9px; }
.hero-screen-area .flow-bar-t { font-size:15px; }
.hero-screen-area .flow-h1 { font-size:20px; }
.hero-screen-area .flow-sub { font-size:12px; }
.hero-screen-area .flow-body { gap:13px;padding:16px; }
.hero-screen-area .flow-lbl { font-size:11px; }
.hero-screen-area .flow-val { font-size:14px;padding:10px; }
.hero-screen-area .date-chip { font-size:12px;padding:10px 4px; }
.hero-screen-area .flow-btn-gr { font-size:14px;padding:13px; }
.hero-screen-area .dash-t { font-size:18px; }
.hero-screen-area .dash-d,.hero-screen-area .dash-lbl,.hero-screen-area .dash-trend { font-size:10px; }
.hero-screen-area .dash-val { font-size:28px; }
.hero-screen-area .dash-sec { font-size:13px; }
.hero-screen-area .dash-rn { font-size:13px; }
.hero-screen-area .dash-rt,.hero-screen-area .dash-badge { font-size:10px; }
@media(min-width:769px) and (max-width:1100px) {
 #hero { padding-left:28px;padding-right:28px; }
 .hero-inner { gap:32px; }
 h1 { font-size:clamp(44px,5.2vw,57px); }
 .hero-desc { font-size:18px; }
 .hero-actions { gap:16px; }
 .btn-orange { padding:14px 20px; }
 .btn-orange,.btn-ghost { font-size:14px; }
 .sector-tabs-row { column-gap:18px; }
 .hero-visual { height:758px; }
 .nav-links a { padding:9px 12px; }
 .nav-links a,.nav-cta { font-size:14px; }
 .price-grid { gap:14px; }
 .price-card { padding:32px 22px; }
}
@media(max-width:768px) {
 body { font-size:17px; }
 #hero { padding:112px 24px 52px; }
 h1 { font-size:clamp(42px,10vw,58px);line-height:1.1;letter-spacing:-.05em; }
 .hero-tag { font-size:10px;line-height:1.6;letter-spacing:.07em; }
 .hero-desc { font-size:17px;line-height:1.75;margin-bottom:26px; }
 .hero-actions { flex-direction:column;align-items:stretch;gap:10px; }
 .hero-actions .btn { justify-content:center;text-align:center;font-size:16px;min-height:52px; }
 .hero-sector-tabs { margin-top:28px;padding-top:24px; }
 .sector-tabs-label { font-size:15px; }
 .sector-tabs-description { font-size:14px; }
 .sector-tab { font-size:14px;padding:10px 0;min-height:44px; }
 .sector-tabs-row { column-gap:22px;row-gap:0; }
 .hero-inner { gap:36px; }
 .hero-visual { height:716px;margin-bottom:166px; }
 .hero-screen-area { width:min(280px,calc(100% - 28px))!important;height:auto!important;aspect-ratio:280 / 596;top:76px!important;border-radius:38px!important; }
 .scene-caption { font-size:12px;left:16px;right:16px; }
 .scene-spark { font-size:23px; }
 .scene-note { max-width:245px;padding:12px; }
 .scene-note strong { font-size:12px; }
 .scene-note span:not(.note-icon) { font-size:11px; }
 .demo-step-label { font-size:12px; }
 .demo-step-description { font-size:14px;max-width:none;line-height:1.7; }
 .demo-steps { gap:5px; }
 .demo-steps button { width:36px;height:36px;font-size:12px; }
 .demo-navigation { gap:12px;flex-wrap:wrap; }
 .demo-pause,.demo-replay { font-size:13px; }
 .section { padding:72px 24px; }
 h2 { font-size:36px;line-height:1.18; }
 .sec-desc,.db-lead,.fav-lead,.contact-left p { font-size:17px;line-height:1.75; }
 .tag { font-size:12px; }
 .stat-n { font-size:38px; }
 .stat-l { font-size:14px; }
 .stat { padding:22px 12px; }
 .pipe-title { font-size:18px; }
 .pipe-desc,.pipe-highlight-bar p { font-size:16px; }
 .feat-card { padding:28px; }
 .feat-card h3,.how-step h3 { font-size:21px; }
 .feat-card p,.how-step p { font-size:16px; }
 .sec-grid { grid-template-columns:1fr; }
 .sec-card { display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding:22px 0; }
 .sec-card .sec-icon { grid-column:1;grid-row:1 / 3;margin:0; }
 .sec-card h4,.sec-card p { grid-column:2; }
 .sec-card h4 { font-size:18px; }
 .sec-card p { font-size:15px; }
 .dashboard-view-controls { gap:20px; }
 .dashboard-view-button { font-size:14px;line-height:1.5; }
 .dashboard-preview-note { font-size:13px; }
 .db-point strong { font-size:18px; }
 .db-point p { font-size:16px; }
 .price-card { padding:32px 26px; }
 .plan-amt { font-size:52px; }
 .plan-feat { font-size:16px; }
 .cform { padding:28px 22px; }
 .frow { gap:0; }
 .mobile-lang-trigger { font-size:12px; }
 .footer-cols { gap:36px; }
 .hero-screen-area #pscreen-0,.hero-screen-area #pscreen-2 { width:100%;height:100%;transform:none; }
 .hero-screen-area .flow-body { gap:10px;padding:14px; }
 .hero-screen-area .flow-val { padding:8px 10px; }
 .hero-screen-area .date-chip { padding:8px 4px; }
 .hero-screen-area .msg[data-chat] { font-size:13px; }
}
@media(max-width:360px) {
 #hero,.section { padding-left:20px;padding-right:20px; }
 h1 { font-size:40px; }
 .hero-visual { height:650px; }
 .scene-caption { font-size:11px; }
 .demo-navigation { column-gap:10px; }
 .demo-steps button { width:32px;height:32px; }
 .demo-pause,.demo-replay { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .hero-screen-area .pscreen.active { animation:none; } }
@media(min-width:1101px) {
 .hero-inner { grid-template-columns:1.14fr 1fr;gap:56px; }
 h1 { font-size:clamp(54px,4.6vw,68px); }
}
html { overflow-x:clip; }
@media(max-width:768px) {
 .scene-orbit { width:calc(100% - 40px);height:auto;aspect-ratio:1; }
 .scene-orbit::after { inset:-16px; }
}
@media(max-width:360px) {
 .hero-screen-area .flow-body { gap:7px;padding:11px; }
 .hero-screen-area .flow-h1 { font-size:18px; }
 .hero-screen-area .flow-sub { font-size:11px; }
 .hero-screen-area .flow-lbl { font-size:10px; }
 .hero-screen-area .flow-val { font-size:13px;padding:6px 8px; }
 .hero-screen-area .date-chip { font-size:11px;padding:6px 3px; }
 .hero-screen-area .flow-btn-gr { font-size:13px;padding:10px; }
}
@media(min-width:769px) {
 .hero-inner { align-items:start; }
 .hero-copy { padding-top:40px; }
}


/* Keep industry selection inside the green demo panel it controls. */
.hero-benefit { margin-top:38px;padding-top:26px;border-top:1px solid var(--border-l);max-width:510px; }
.hero-benefit h3 { font:600 20px/1.45 'Manrope',sans-serif;letter-spacing:-.025em;max-width:400px;margin-bottom:10px; }
.hero-benefit p { font-size:16px;line-height:1.75;color:var(--text2);max-width:430px; }
.hero-visual { height:884px; }
.hero-visual .hero-sector-tabs { position:absolute;top:24px;left:26px;right:26px;width:auto;max-width:none;margin:0;padding:0;border:0;z-index:5; }
.hero-visual .sector-tabs-label { color:#254b35; }
.hero-visual .sector-tabs-description { color:#526b4d; }
.hero-visual .sector-tabs-row { margin-top:12px;column-gap:20px;border-bottom:1px solid #b4c7a6; }
.hero-screen-area { top:202px!important; }
@media(max-width:1100px) and (min-width:769px) {
 .hero-visual { height:940px; }
 .hero-screen-area { top:254px!important; }
}
@media(max-width:768px) {
 .hero-benefit { margin-top:26px;padding-top:24px; }
 .hero-benefit h3 { font-size:19px; }
 .hero-benefit p { font-size:16px; }
 .hero-visual { height:892px; }
 .hero-visual .hero-sector-tabs { top:22px;left:18px;right:18px; }
 .hero-visual .sector-tabs-row { column-gap:18px; }
 .hero-screen-area { top:242px!important; }
}
@media(max-width:360px) {
 .hero-visual { height:842px; }
 .hero-visual .hero-sector-tabs { left:16px;right:16px; }
 .hero-screen-area { top:276px!important; }
}
.hero-visual .note-top { top:330px; }

/* Step four: a compact version of the redesigned business dashboard. */
#pscreen-3 { background:#f4f7f0; }
#pscreen-3 .phone-sb { background:#fff; }
.mini-signal { font-size:9px;color:#193f35;margin-left:auto; }
.mini-dashboard { display:flex;flex:1;flex-direction:column;min-height:0;background:#f4f7f0;color:#213d34; }
.mini-dashboard-header { display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;padding:10px 14px 12px;background:#193f35;color:#fff; }
.mini-dashboard-header>strong { font:700 19px/1.2 'Manrope',sans-serif;letter-spacing:-.6px; }
.mini-dashboard-header>span { font-size:10px;color:#c4d6c4; }
.mini-dashboard-header>small { font-size:8px;letter-spacing:.08em;margin-left:auto;color:#c4d6c4; }
.mini-dashboard-body { flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding:14px 12px; }
.mini-dashboard-body::-webkit-scrollbar { display:none; }
.mini-overline { font-size:9px;font-weight:600;letter-spacing:.07em;color:#73846d;margin-bottom:10px; }
.mini-metrics { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px; }
.mini-metrics>div { background:#fff;border:1px solid #e1e8dc;border-radius:10px;padding:10px; }
.mini-metrics span { display:block;font-size:10px;line-height:1.4;color:#64755e;min-height:28px; }
.mini-metrics strong { display:block;font:600 28px/1.2 'Manrope',sans-serif;margin:4px 0;letter-spacing:-1px; }
.mini-metrics small { display:block;font-size:8px;line-height:1.5;color:#819078; }
.mini-booking { border:1px solid #a9c49a;background:#eaf3e1;border-radius:11px;padding:12px;margin-bottom:15px; }
.mini-booking-top { display:flex;flex-direction:column;align-items:flex-start;gap:6px; }
.mini-booking-top>span { font-size:8px;font-weight:600;letter-spacing:.025em;color:#58724c; }
.mini-booking-top>b { font-size:9px;color:#3e6f3c; }
.mini-booking h3 { font:600 18px/1.3 'Manrope',sans-serif;margin:8px 0 3px;letter-spacing:-.4px; }
.mini-booking>p { font-size:12px;color:#526b48; }
.mini-booking-facts { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #cfdfc4;margin-top:11px;padding-top:10px; }
.mini-booking-facts small { display:block;font-size:8px;color:#718568;letter-spacing:.04em; }
.mini-booking-facts strong { display:block;font-size:12px;margin-top:4px; }
.mini-activity-title { font-size:12px;font-weight:600;margin-bottom:10px; }
.mini-activity { display:flex;gap:9px;align-items:flex-start;margin-bottom:11px; }
.mini-activity i { display:grid;place-items:center;font-style:normal;width:19px;height:19px;flex-shrink:0;border-radius:50%;background:#e0edd5;color:#507646;font-size:11px; }
.mini-activity strong { display:block;font-size:11px;font-weight:600; }
.mini-activity span { display:block;font-size:9px;color:#7b8b72;line-height:1.6;margin-top:2px; }
.mini-dashboard-footer { display:flex;align-items:center;gap:7px;border-top:1px solid #e0e7d9;padding-top:11px;margin-top:13px;font-size:10px;color:#6a805e; }
@media(max-width:360px) {
 .mini-dashboard-header { padding:8px 11px; }
 .mini-dashboard-header>span { font-size:9px; }
 .mini-dashboard-body { padding:11px 9px; }
 .mini-metrics span { font-size:9px; }
 .mini-metrics small { font-size:7px; }
 .mini-booking { padding:10px; }
}
.hero-visual[data-demo-stage="3"] .scene-note { opacity:0;pointer-events:none; }
.mini-metrics small,.mini-dashboard-footer { display:none; }
.mini-dashboard-body { padding:12px; }
.mini-activity { margin-bottom:9px; }

/* Landing page order: introduction, full demo, then the benefit statement. */
#hero { padding-top:148px;padding-bottom:80px; }
.hero-inner { display:flex;flex-direction:column;align-items:center;gap:48px;max-width:1100px; }
.hero-copy { width:100%;max-width:920px;padding:0;text-align:center; }
.hero-tag { justify-content:center; }
h1 { text-align:center; }
.hero-desc { max-width:690px;margin:0 auto 30px; }
.hero-actions { justify-content:center; }
.hero-visual { width:100%;max-width:740px;height:850px;margin:0 0 148px;flex-shrink:0; }
.hero-visual .hero-sector-tabs { top:24px;left:30px;right:30px;align-items:center;text-align:center; }
.hero-visual .sector-tabs-row { justify-content:center;column-gap:26px; }
.hero-screen-area { top:172px!important; }
.demo-controls { text-align:center; }
.demo-navigation { justify-content:center;gap:20px; }
.demo-steps { margin-right:0; }
.hero-benefit { width:100%;max-width:740px;margin:0;padding-top:32px;text-align:center; }
.hero-benefit h3 { max-width:none;font-size:26px;line-height:1.4; }
.hero-benefit p { max-width:none;font-size:18px;margin:0; }
@media(max-width:768px) {
 #hero { padding-top:118px;padding-bottom:64px; }
 .hero-inner { gap:38px;align-items:center; }
 .hero-copy { padding:0; }
 .hero-tag { margin-bottom:22px; }
 .hero-desc { margin-bottom:26px; }
 .hero-actions { align-items:stretch; }
 .hero-visual { height:892px;margin-bottom:162px; }
 .hero-visual .hero-sector-tabs { top:22px;left:18px;right:18px;text-align:left;align-items:flex-start; }
 .hero-visual .sector-tabs-row { justify-content:flex-start;column-gap:18px; }
 .hero-screen-area { top:242px!important; }
 .demo-controls { text-align:left; }
 .demo-navigation { justify-content:flex-start;gap:12px; }
 .demo-steps { margin-right:auto; }
 .hero-benefit { padding-top:28px; }
 .hero-benefit h3 { font-size:22px; }
 .hero-benefit p { font-size:17px;line-height:1.75; }
}
@media(max-width:360px) {
 .hero-visual { height:842px; }
 .hero-screen-area { top:276px!important; }
 .hero-visual .hero-sector-tabs { left:16px;right:16px; }
}

/* Step two: WhatsApp Flow form with outlined fields and a fixed footer. */
#pscreen-1 { background:#fff; }
#pscreen-1 .phone-sb { background:#fff;color:#213d34; }
#pscreen-1 .flow-scr { min-height:0;background:#fff; }
#pscreen-1 .flow-bar { padding:8px 13px 10px;gap:10px;background:#fff;border-bottom:1px solid #e9eeea; }
.flow-close { border:0;background:none;color:#263d32;font:400 25px/1 Arial,sans-serif;padding:3px 0;width:20px;cursor:pointer; }
#pscreen-1 .flow-bar-t { flex:1;font-size:13px;font-weight:600;color:#263d32; }
.flow-options { color:#52665a;letter-spacing:1px; }
#pscreen-1 .flow-body { min-height:0;overflow-y:auto;scrollbar-width:none;gap:13px;padding:16px; }
#pscreen-1 .flow-body::-webkit-scrollbar { display:none; }
.flow-business-label { font-size:9px;font-weight:700;letter-spacing:.06em;color:#446a50; }
.flow-business-label span { font-size:9px;font-weight:400;letter-spacing:0;color:#7b8a7e; }
.flow-heading-group { margin-bottom:1px; }
#pscreen-1 .flow-h1 { font-size:21px;font-weight:700;line-height:1.25;letter-spacing:-.5px; }
#pscreen-1 .flow-sub { margin-top:6px;font-size:12px;line-height:1.5;color:#6f7c72; }
#pscreen-1 .flow-field { gap:7px; }
#pscreen-1 .flow-lbl { font-size:11px;line-height:1.4;letter-spacing:0;text-transform:none;color:#5d7061;font-weight:500; }
#pscreen-1 .flow-outlined { padding:8px 11px 9px;border:1px solid #d7dfd8;border-radius:8px;gap:3px;transition:border-color 180ms,box-shadow 180ms; }
#pscreen-1 .flow-val { background:transparent;border:0;border-radius:0;padding:0;font-size:14px;min-height:20px;color:#21382c; }
#pscreen-1 .flow-val.hl { background:transparent;box-shadow:none; }
#pscreen-1 .flow-outlined.is-focused { border-color:#008069;box-shadow:inset 0 0 0 1px #008069; }
.flow-chevron { font-size:17px;color:#76897a; }
#pscreen-1 .date-row { gap:7px; }
#pscreen-1 .date-chip { background:#fff;border:1px solid #dbe2dc;border-radius:8px;color:#627367;padding:7px 3px;font-size:10px;line-height:1.5;transition:background 180ms,border-color 180ms,color 180ms; }
#pscreen-1 .date-chip b { display:block;font-size:15px;font-weight:600; }
#pscreen-1 .date-chip.sel { background:#edf6f0;border-color:#008069;color:#006e58;box-shadow:inset 0 0 0 1px #008069; }
#pscreen-1 .time-chip { padding:9px 2px;font-size:12px;font-weight:500; }
.flow-inline-note { font-size:10px;line-height:1.5;color:#7e8c80; }
.flow-footer { flex-shrink:0;background:#fff;border-top:1px solid #e8ece7;padding:10px 16px 12px; }
.flow-summary { display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#718074;margin-bottom:9px; }
.flow-summary span { color:#344f3d;font-weight:600; }
#pscreen-1 .flow-btn-gr { display:block;width:100%;border:0;cursor:pointer;background:#008069;border-radius:9px;padding:12px 6px;font:600 14px/1.4 'DM Sans',sans-serif;color:#fff;margin:0;min-height:44px; }
#pscreen-1 .flow-btn-gr.glow { box-shadow:0 0 0 3px #00806925; }
.flow-footer-note { margin-top:8px;text-align:center;font-size:8px;line-height:1.5;color:#7f8e81; }
@media(max-width:360px) {
 #pscreen-1 .flow-body { padding:11px;gap:9px; }
 #pscreen-1 .flow-h1 { font-size:18px; }
 #pscreen-1 .flow-sub { font-size:11px;margin-top:4px; }
 #pscreen-1 .flow-outlined { padding:6px 9px; }
 #pscreen-1 .flow-val { font-size:13px; }
 #pscreen-1 .date-chip { padding:5px 2px; }
 #pscreen-1 .time-chip { padding:7px 2px;font-size:11px; }
 .flow-footer { padding:9px 11px; }
 .flow-summary { font-size:9px; }
 .flow-inline-note { font-size:9px; }
}
#pscreen-1 .flow-body { gap:11px;padding:14px; }
.flow-inline-note { display:none; }
@media(max-width:768px) {
 #pscreen-1 .flow-body { padding:12px;gap:10px; }
 .flow-business-label { display:none; }
 #pscreen-1 .flow-outlined { padding:6px 10px 7px; }
}
@media(max-width:360px) { #pscreen-1 .flow-body { padding:10px;gap:8px; } }
/* A wider presentation frame on monitors, with a restrained green edge glow. */
.hero-visual {
 border:1px solid rgba(155,190,120,.65);
 box-shadow:0 0 0 1px rgba(218,239,192,.65),0 0 25px rgba(130,173,87,.14),inset 0 0 24px rgba(238,252,217,.35);
}
.hero-visual::before {
 content:'';position:absolute;inset:-2px;border-radius:inherit;padding:2px;
 background:linear-gradient(125deg,rgba(236,255,201,.9),rgba(125,171,78,.35) 35%,rgba(230,250,188,.9) 65%,rgba(134,178,89,.45));
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
 pointer-events:none;z-index:7;
}
@media(min-width:1200px) {
 .hero-inner { max-width:1280px; }
 .hero-visual { max-width:1200px;box-shadow:0 0 0 1px rgba(218,239,192,.8),0 0 38px rgba(130,173,87,.2),inset 0 0 30px rgba(238,252,217,.4); }
}

/* SVG arrows avoid platform-dependent emoji glyphs in the hero buttons. */
.hero-actions .btn { gap:12px; }
.hero-actions .btn>span { margin:0; }
.button-arrow { display:block;width:18px;height:18px;flex:0 0 18px; }

.feat-icon .site-icon,.ch-icon .site-icon { width:24px;height:24px;display:block;flex-shrink:0; }
.wa-mic .site-icon { width:17px;height:17px; }

.inline-arrow { display:inline-block;vertical-align:middle;flex-shrink:0; }
.note-icon .inline-arrow { display:block; }
/* A matching edge glow for the header CTA. */
#nav .nav-cta {
 border:1px solid rgba(200,244,151,.95);
 box-shadow:0 0 0 2px rgba(190,235,140,.65),0 0 13px rgba(153,210,94,.8),0 0 30px rgba(133,179,85,.55),inset 0 0 12px rgba(195,226,157,.22);
}
#nav .nav-cta:hover { box-shadow:0 0 0 2px rgba(210,255,164,.9),0 0 18px rgba(153,210,94,.95),0 0 38px rgba(133,179,85,.7),inset 0 0 14px rgba(195,226,157,.28); }
.header-on-dark #nav .nav-cta { box-shadow:0 0 0 2px rgba(215,244,181,.8),0 0 16px rgba(191,224,143,.8),0 0 34px rgba(191,224,143,.5); }
#hero { padding-top:124px; }
@media(max-width:768px) {
 #hero { padding-top:100px; }
 .hero-copy {
  min-height:calc(100vh - 100px);
  min-height:calc(100svh - 100px);
  display:flex;flex-direction:column;align-items:stretch;
  padding-bottom:24px;
 }
 .hero-actions { margin-top:0; }
 #hero .hero-desc { margin-bottom:54px; }
 .hero-tag { flex-shrink:0; }
 .hero-inner { gap:38px; }
}

/* Language navigation remains usable when JavaScript is disabled. */
.lang-opt { text-decoration:none; }

/* A WhatsApp Flow opens inside the conversation, rather than replacing it. */
.hero-screen-area .wa-booking-card { overflow:hidden;padding-bottom:0; }
.wa-flow-caption { color:#7a8580;font-size:11px;line-height:1.4;margin-top:9px; }
.hero-screen-area .wa-booking-card .msg-t { margin:5px 0 8px;text-align:right; }
.hero-screen-area button.wa-card-action { display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% + 22px);margin:0 -11px;padding:12px 10px;min-height:46px;border-top:1px solid #e6ebe7;border-radius:0;box-shadow:none;color:#008069;background:transparent;transition:background 150ms; }
.hero-screen-area .wa-card-action span { float:none; }
.wa-flow-icon { flex-shrink:0; }
.hero-screen-area button.wa-card-action:hover,.hero-screen-area button.wa-card-action.is-opening { background:#edf5f1; }
.wa-card-action:focus-visible,.flow-close:focus-visible { outline:2px solid #008069;outline-offset:-3px; }
.wa-flow-spinner { display:none;width:15px;height:15px;border:2px solid #00806935;border-top-color:#008069;border-radius:50%;animation:wa-flow-spin 650ms linear infinite; }
.is-opening .wa-flow-spinner { display:block; }
.is-opening .wa-flow-icon { display:none; }
.hero-screen-area #pscreen-0.flow-backdrop { opacity:1;pointer-events:none;animation:none;filter:brightness(.72); }
.hero-screen-area #pscreen-1.flow-opening { z-index:3;animation:wa-flow-open 400ms cubic-bezier(.2,.75,.25,1) both;box-shadow:0 -12px 32px #0003; }
@keyframes wa-flow-open { from { transform:translateY(100%);opacity:1; } to { transform:translateY(0);opacity:1; } }
@keyframes wa-flow-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) {
 .hero-screen-area #pscreen-1.flow-opening { animation:none; }
 .wa-flow-spinner { animation:none; }
}

/* Keep the headline in two lines and industry choices in one responsive row. */
.hero-copy { container-type:inline-size; }
#hero h1 { white-space:nowrap;font-size:clamp(16px,8.5cqi,72px);line-height:1.1; }
.hero-visual .hero-sector-tabs { container-type:inline-size; }
.hero-visual .sector-tabs-row { display:flex;flex-wrap:nowrap;justify-content:center;column-gap:clamp(3px,1.5cqi,18px);width:max-content;max-width:100%;align-self:center; }
.hero-visual .sector-tab { flex:0 1 auto;min-width:0;white-space:nowrap;font-size:clamp(8px,4cqi,14px);letter-spacing:-.015em; }