/* TropaTT landing: vanilla CSS, premium self-hosted product direction. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#f4f7f6;
  --bg-soft:#e9efee;
  --surface:#ffffff;
  --surface-glass:rgba(255,255,255,.74);
  --ink:#101615;
  --ink-soft:#34413f;
  --muted:#687674;
  --line:#d7e0de;
  --line-strong:#b8c6c3;
  --dark:#101918;
  --dark-2:#172321;
  --light:#ffffff;
  --accent:#0f8f72;
  --accent-2:#8ee0cd;
  --accent-soft:rgba(15,143,114,.12);
  --danger:#a43f35;
  --success:#0f7d63;
  --ring:0 0 0 4px rgba(15,143,114,.16);
  --panel-border:rgba(16,25,24,.09);
  --panel-highlight:rgba(255,255,255,.72);
  --radius-sm:10px;
  --radius:16px;
  --radius-lg:22px;
  --radius-xl:30px;
  --shadow-sm:0 12px 34px rgba(17,37,34,.08);
  --shadow:0 30px 90px rgba(17,37,34,.16);
  --shadow-accent:0 26px 80px rgba(15,143,114,.18);
  --font:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'Geist Mono','SF Mono',Consolas,monospace;
  --container:1216px;
  --xs:8px;
  --s:16px;
  --m:24px;
  --l:44px;
  --xl:56px;
  --xxl:84px;
  --ease:cubic-bezier(.32,.72,0,1);
  --spring:cubic-bezier(.34,1.56,.64,1);
}

html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:118px}
body{
  min-width:320px;
  overflow-x:hidden;
  font-family:var(--font);
  color:var(--ink);
  background:
    radial-gradient(circle at 8% 7%,rgba(15,143,114,.18),transparent 27rem),
    radial-gradient(circle at 92% 11%,rgba(142,224,205,.22),transparent 24rem),
    linear-gradient(90deg,rgba(16,25,24,.035) 1px,transparent 1px),
    linear-gradient(0deg,rgba(16,25,24,.03) 1px,transparent 1px),
    var(--bg);
  background-size:auto,auto,64px 64px,64px 64px,auto;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::after{
  content:'';
  position:fixed;
  inset:0;
  z-index:900;
  pointer-events:none;
  opacity:.035;
  mix-blend-mode:multiply;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");
}

a{color:inherit}
::selection{background:rgba(15,143,114,.22);color:var(--ink)}
button,input,textarea{font:inherit}
button:disabled{cursor:not-allowed;opacity:.7}
button,a,input,textarea{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.crm-container{max-width:var(--container);margin:0 auto;padding:0 var(--m)}
.crm-skip-link{position:fixed;left:16px;top:14px;z-index:1000;transform:translateY(-140%);padding:10px 14px;border-radius:999px;background:var(--dark);color:var(--light);text-decoration:none;font-weight:800;transition:transform .25s var(--ease)}
.crm-skip-link:focus{transform:translateY(0)}

.crm-header{position:fixed;top:18px;left:50%;z-index:300;width:min(calc(100% - 24px),var(--container));transform:translateX(-50%);transition:transform .45s var(--ease)}
.crm-header-inner{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--s);
  padding:8px 10px 8px 20px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:999px;
  background:rgba(250,252,251,.76);
  box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(24px) saturate(1.1);
  -webkit-backdrop-filter:blur(24px) saturate(1.1);
  transition:box-shadow .45s var(--ease),background .45s var(--ease),border-color .45s var(--ease);
}
.crm-header.scrolled .crm-header-inner{background:rgba(255,255,255,.92);border-color:rgba(16,25,24,.1);box-shadow:0 16px 44px rgba(17,37,34,.14)}
.crm-logo{display:inline-flex;align-items:center;gap:10px;padding:6px 8px 6px 0;border-radius:999px;font-size:1rem;font-weight:860;text-decoration:none;color:var(--ink);white-space:nowrap;transition:color .25s var(--ease),transform .25s var(--spring)}
.crm-logo:hover{color:var(--accent);transform:translateY(-1px)}
.crm-logo::before{content:'';display:inline-block;width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,var(--accent),#163b34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),7px 7px 0 rgba(15,143,114,.18);transition:box-shadow .25s var(--ease),transform .25s var(--spring)}
.crm-logo:hover::before{transform:rotate(-4deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),5px 5px 0 rgba(15,143,114,.24)}
.crm-header-right{display:flex;align-items:center;gap:4px}
.crm-nav-link{display:none;position:relative;padding:8px 11px;border-radius:999px;color:var(--ink-soft);font-size:.83rem;font-weight:680;text-decoration:none;transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}
.crm-nav-link:hover,.crm-nav-link:focus-visible{color:var(--ink);background:rgba(15,143,114,.1);outline:none;transform:translateY(-1px)}
.crm-nav-link:active{transform:translateY(0) scale(.98)}
.crm-lang-switcher{display:flex;gap:2px;margin-left:8px;padding:4px;border:1px solid rgba(16,25,24,.08);border-radius:999px;background:rgba(244,247,246,.86)}
.crm-lang-btn{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:6px 10px;cursor:pointer;font-size:.72rem;font-weight:850;transition:background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--spring)}
.crm-lang-btn:hover,.crm-lang-btn:focus-visible{color:var(--ink);outline:none}
.crm-lang-btn:active{transform:scale(.96)}
.crm-lang-btn.active{background:var(--dark);color:var(--light);box-shadow:0 7px 18px rgba(17,37,34,.2)}
@media(min-width:930px){.crm-nav-link{display:inline-flex}}

.crm-hamburger{display:flex;position:relative;width:38px;height:38px;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;border-radius:50%}
.crm-hamburger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.crm-hamburger span{position:absolute;left:9px;right:9px;height:2px;border-radius:2px;background:var(--ink);transition:transform .35s var(--ease),opacity .25s var(--ease),top .35s var(--ease)}
.crm-hamburger span:nth-child(1){top:12px}.crm-hamburger span:nth-child(2){top:18px}.crm-hamburger span:nth-child(3){top:24px}
.crm-hamburger.open span:nth-child(1){top:18px;transform:rotate(45deg)}
.crm-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(.4)}
.crm-hamburger.open span:nth-child(3){top:18px;transform:rotate(-45deg)}
@media(min-width:930px){.crm-hamburger{display:none}}

.crm-mobile-overlay{position:fixed;inset:0;z-index:260;display:grid;place-items:center;background:rgba(244,247,246,.95);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);opacity:0;pointer-events:none;transition:opacity .42s var(--ease)}
.crm-mobile-overlay.open{opacity:1;pointer-events:auto}
.crm-mobile-menu-content{display:flex;flex-direction:column;align-items:center;gap:26px}
.crm-mobile-menu-content a{font-size:clamp(1.65rem,9vw,3rem);line-height:1;font-weight:880;text-decoration:none;opacity:0;transform:translateY(22px);transition:opacity .46s var(--ease),transform .46s var(--ease)}
.crm-mobile-overlay.open a{opacity:1;transform:translateY(0)}
.crm-mobile-overlay.open a:nth-child(2){transition-delay:.05s}.crm-mobile-overlay.open a:nth-child(3){transition-delay:.1s}.crm-mobile-overlay.open a:nth-child(4){transition-delay:.15s}.crm-mobile-overlay.open a:nth-child(5){transition-delay:.2s}

.crm-section-nav{display:none}
.crm-section-nav-dot{width:10px;height:10px;border:0;border-radius:999px;background:rgba(16,25,24,.18);cursor:pointer;transition:background .3s var(--ease),transform .3s var(--spring),height .3s var(--ease)}
.crm-section-nav-dot:hover,.crm-section-nav-dot.active{background:var(--accent);transform:scale(1.25)}
.crm-section-nav-dot.active{height:24px}
@media(min-width:1280px){.crm-section-nav{display:none}}

.crm-section{position:relative;padding:var(--xxl) 0;scroll-margin-top:118px}
.crm-section+.crm-section{border-top:1px solid rgba(16,25,24,.045)}
.crm-section-soft{background:linear-gradient(180deg,rgba(233,239,238,.68),rgba(244,247,246,.72))}
.crm-section-ink{background:var(--dark);color:var(--light);overflow:hidden}
.crm-section-ink::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 7%,rgba(142,224,205,.14),transparent 33rem),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;pointer-events:none}
.crm-section-ink>.crm-container{position:relative;z-index:1}
.crm-section-intro{max-width:820px;margin-bottom:var(--l)}
.crm-section-intro.centered{text-align:center;margin-left:auto;margin-right:auto}
.crm-section-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.76rem;font-weight:820;letter-spacing:0}
.crm-section-label::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.85}
.crm-section-ink .crm-section-label,.crm-section-cta .crm-section-label{background:rgba(142,224,205,.14);color:var(--accent-2)}
.crm-section-title{font-size:45px;line-height:1;font-weight:930;letter-spacing:-.035em;text-wrap:balance}
.crm-section-lede{max-width:66ch;margin-top:20px;color:var(--muted);font-size:1.08rem;line-height:1.78;text-wrap:pretty}
.crm-section-ink .crm-section-lede{color:rgba(255,255,255,.72)}

.crm-hero{min-height:100dvh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:92px}
.crm-hero::before{content:'';position:absolute;left:-16%;right:-16%;bottom:-18%;height:42%;background:radial-gradient(ellipse at center,rgba(15,143,114,.14),transparent 62%);pointer-events:none}
.crm-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.82fr);gap:clamp(32px,5vw,70px);align-items:center;width:100%;padding-bottom:var(--xl)}
.crm-hero-content{max-width:720px}
.crm-hero-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:var(--l);padding:9px 13px;border:1px solid rgba(16,25,24,.08);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.8);color:var(--ink-soft);font-size:.82rem;font-weight:760;transition:transform .3s var(--spring),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.crm-hero-badge:hover{transform:translateY(-2px);border-color:rgba(15,143,114,.22);box-shadow:0 16px 38px rgba(17,37,34,.1),inset 0 1px 0 rgba(255,255,255,.9)}
.crm-hero-badge span{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px rgba(15,143,114,.11);animation:pulse 2.4s var(--ease) infinite}
.crm-hero-title{max-width:780px;margin-bottom:var(--m);font-size:52px;line-height:.92;font-weight:950;letter-spacing:-.055em;text-wrap:balance}
.crm-hero-subtitle{max-width:610px;margin-bottom:var(--m);color:var(--ink-soft);font-size:clamp(1rem,1.45vw,1.16rem);line-height:1.62;text-wrap:pretty}
.crm-hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--l)}
.crm-hero-chips span{padding:8px 11px;border:1px solid rgba(16,25,24,.08);border-radius:999px;background:rgba(255,255,255,.62);color:var(--muted);font-size:.8rem;font-weight:720;box-shadow:inset 0 1px 0 rgba(255,255,255,.68);transition:transform .28s var(--spring),border-color .28s var(--ease),color .28s var(--ease),background .28s var(--ease)}
.crm-hero-chips span:hover{transform:translateY(-2px);border-color:rgba(15,143,114,.22);background:rgba(255,255,255,.82);color:var(--ink-soft)}
.crm-hero-actions,.crm-section-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.crm-hero-visual{position:relative;min-height:590px;perspective:1200px}
.crm-product-shell{position:absolute;inset:22px 0 44px;border-radius:var(--radius-xl);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.64));border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow),var(--shadow-accent),inset 0 1px 0 rgba(255,255,255,.86);overflow:hidden;transform:rotateX(4deg) rotateY(-8deg);transform-origin:center;animation:slowTilt 8s var(--ease) infinite}
.crm-product-shell::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.34) 50%,transparent 66%);transform:translateX(-120%);animation:sheen 7s var(--ease) infinite}
.crm-product-top{height:54px;display:flex;align-items:center;gap:9px;padding:0 18px;border-bottom:1px solid rgba(16,25,24,.08);background:rgba(255,255,255,.62)}
.crm-product-top i{width:10px;height:10px;border-radius:50%;background:#cbd7d5}
.crm-product-top i:first-child{background:var(--accent)}
.crm-product-top b{margin-left:8px;color:var(--muted);font-family:var(--mono);font-size:.74rem;font-weight:600}
.crm-product-body{display:grid;grid-template-columns:116px 1fr;min-height:500px}
.crm-product-sidebar{padding:24px 18px;border-right:1px solid rgba(16,25,24,.08);background:rgba(16,25,24,.04)}
.crm-product-sidebar span{display:block;height:11px;margin-bottom:18px;border-radius:999px;background:rgba(16,25,24,.14)}
.crm-product-sidebar span:nth-child(1){width:70%}.crm-product-sidebar span:nth-child(2){width:100%}.crm-product-sidebar span:nth-child(3){width:82%}.crm-product-sidebar span:nth-child(4){width:58%}
.crm-product-main{padding:26px;display:grid;gap:18px;align-content:start}
.crm-product-chart{min-height:150px;padding:24px;border-radius:24px;background:linear-gradient(135deg,var(--dark),#20362f);color:var(--light);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.crm-product-chart strong{display:block;font-size:4.4rem;line-height:.9;letter-spacing:-.06em}.crm-product-chart span{display:block;margin-top:10px;color:rgba(255,255,255,.66);font-family:var(--mono);font-size:.78rem}
.crm-product-board{display:grid;gap:10px}
.crm-product-row{display:grid;grid-template-columns:16px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(16,25,24,.08);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 10px 24px rgba(17,37,34,.06),inset 0 1px 0 rgba(255,255,255,.72);animation:float 5s var(--ease) infinite}
.crm-product-row:nth-child(2){animation-delay:.35s}.crm-product-row:nth-child(3){animation-delay:.7s}.crm-product-row:nth-child(4){animation-delay:1.05s}
.crm-product-row span{width:12px;height:12px;border-radius:5px;background:var(--accent)}
.crm-product-row strong{font-size:.95rem}.crm-product-row em{font-style:normal;color:var(--muted);font-size:.78rem;text-align:right}
.crm-product-meter{height:12px;border-radius:999px;background:rgba(16,25,24,.08);overflow:hidden}
.crm-product-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.crm-product-card{position:absolute;z-index:2;padding:16px 18px;border:1px solid rgba(255,255,255,.82);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:var(--shadow-sm);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.crm-product-card strong{display:block;font-size:2rem;line-height:1;letter-spacing:-.04em}.crm-product-card span{display:block;margin-top:4px;color:var(--muted);font-size:.78rem}
.crm-product-card.one{left:-10px;bottom:64px}.crm-product-card.two{right:-8px;top:72px}

.crm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 20px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-size:.94rem;font-weight:820;white-space:nowrap;cursor:pointer;transition:transform .32s var(--spring),box-shadow .32s var(--ease),background .32s var(--ease),color .32s var(--ease),border-color .32s var(--ease)}
.crm-btn:focus-visible{outline:0;box-shadow:var(--ring),0 12px 30px rgba(17,37,34,.22)}.crm-btn:active{transform:translateY(1px) scale(.985)}
.crm-btn-primary{background:linear-gradient(135deg,var(--dark),#1e332e);color:var(--light);box-shadow:0 12px 30px rgba(17,37,34,.22),inset 0 1px 0 rgba(255,255,255,.12)}
.crm-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(17,37,34,.28),0 0 0 1px rgba(15,143,114,.18),inset 0 1px 0 rgba(255,255,255,.16)}
.crm-btn-secondary{background:rgba(255,255,255,.74);color:var(--ink);border-color:var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.76)}
.crm-btn-secondary:hover{border-color:rgba(15,143,114,.42);color:var(--accent);background:rgba(255,255,255,.9);transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,37,34,.08),inset 0 1px 0 rgba(255,255,255,.86)}
.crm-btn-accent{background:linear-gradient(135deg,var(--accent),#0d7a62);color:var(--light);box-shadow:0 12px 30px rgba(15,143,114,.26)}
.crm-btn-accent:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(15,143,114,.34);background:linear-gradient(135deg,#0d7a62,#0b6a55)}
.crm-hero-demo-hint{margin-top:14px;font-size:.84rem;opacity:.7}
.crm-btn-light{background:var(--light);color:var(--dark)}
.crm-btn-light:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.22)}
.crm-btn-outline{background:transparent;color:var(--light);border-color:rgba(255,255,255,.3)}
.crm-btn-outline:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.58);transform:translateY(-2px)}
.crm-btn-arrow{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.14);transition:transform .34s var(--spring)}
.crm-btn:hover .crm-btn-arrow{transform:translate(2px,-2px)}

.crm-proof-strip{display:grid;grid-template-columns:1.15fr .85fr 1fr .9fr;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--line);box-shadow:var(--shadow-sm)}
.crm-proof-strip div{position:relative;padding:var(--m);background:rgba(255,255,255,.75);transition:background .28s var(--ease),transform .28s var(--spring),box-shadow .28s var(--ease)}
.crm-proof-strip div:hover{z-index:1;background:rgba(255,255,255,.92);transform:translateY(-2px);box-shadow:0 16px 34px rgba(17,37,34,.09)}
.crm-proof-strip div:nth-child(2){background:var(--dark);color:var(--light)}
.crm-proof-strip div:nth-child(2) span{color:rgba(255,255,255,.66)}
.crm-proof-strip strong{display:block;font-size:clamp(1.6rem,3vw,3rem);line-height:.9;font-weight:930;letter-spacing:-.05em}.crm-proof-strip span{display:block;margin-top:8px;color:var(--muted);font-size:.9rem}

.crm-mosaic-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:var(--m)}
.crm-card{--mx:50%;--my:0%;position:relative;min-height:220px;padding:var(--l);border-radius:var(--radius-lg);background:var(--surface-glass);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.72);overflow:hidden;transition:transform .38s var(--ease),box-shadow .38s var(--ease),background .38s var(--ease),border-color .38s var(--ease)}
.crm-card::before{content:'';position:absolute;inset:0;border:1px solid rgba(16,25,24,.075);border-radius:inherit;pointer-events:none}
.crm-card::after{content:'';position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(15,143,114,.14),transparent 58%);opacity:0;transition:opacity .35s var(--ease);pointer-events:none}
.crm-card:hover{transform:translateY(-6px);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.82)}.crm-card:hover::after{opacity:1}
.crm-card:hover::before{border-color:rgba(15,143,114,.2)}
.crm-card-large{grid-row:span 2;min-height:464px;background:linear-gradient(160deg,var(--dark),#1f342f);color:var(--light)}
.crm-card-large::after{inset:auto 28px 26px 28px;height:160px;opacity:1;border-radius:26px;background:linear-gradient(135deg,rgba(142,224,205,.28),rgba(255,255,255,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.crm-card-kicker{position:relative;z-index:1;margin-bottom:22px;color:var(--accent);font-family:var(--mono);font-size:.74rem;font-weight:700}
.crm-card-large .crm-card-kicker,.crm-card-dark .crm-card-kicker{color:var(--accent-2)}
.crm-card h3{position:relative;z-index:1;margin-bottom:10px;font-size:1.52rem;line-height:1.15;font-weight:850;letter-spacing:-.025em;text-wrap:balance}
.crm-card p{position:relative;z-index:1;color:var(--muted);font-size:.96rem;line-height:1.72;text-wrap:pretty}
.crm-card-large p,.crm-card-dark p{color:rgba(255,255,255,.72)}
.crm-card-compact{min-height:190px;padding:var(--m)}
.crm-cards-3,.crm-services-grid,.crm-ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--m);align-items:stretch}
.crm-cards-3 .crm-card:nth-child(1){grid-column:span 2}
.crm-cards-3 .crm-card:nth-child(6){grid-column:span 2}
.crm-cards-3 .crm-card:nth-child(2){background:linear-gradient(145deg,rgba(15,143,114,.12),rgba(255,255,255,.74))}
.crm-cards-3 .crm-card:nth-child(5){background:linear-gradient(160deg,var(--dark),#243b35);color:var(--light)}
.crm-cards-3 .crm-card:nth-child(5) p{color:rgba(255,255,255,.7)}
.crm-card-dark{background:rgba(255,255,255,.075);color:var(--light);box-shadow:none}
.crm-card-dark::before{border-color:rgba(255,255,255,.11)}

.crm-tabs{--mx:50%;--my:50%;position:relative;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);background:rgba(255,255,255,.055);box-shadow:0 30px 70px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}
.crm-tabs::before{content:'';position:absolute;inset:0;background:radial-gradient(360px circle at var(--mx) var(--my),rgba(142,224,205,.12),transparent 58%);opacity:0;transition:opacity .35s var(--ease);pointer-events:none}
.crm-tabs:hover::before{opacity:1}
.crm-tabs>*{position:relative;z-index:1}
.crm-tab-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.crm-tab-btn{padding:12px 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:rgba(255,255,255,.62);cursor:pointer;font-weight:820;transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease),border-color .3s var(--ease)}
.crm-tab-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.9);transform:translateY(-1px)}
.crm-tab-btn.active{background:var(--accent-2);color:var(--dark);transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.crm-tab-btn:active{transform:translateY(0) scale(.98)}
.crm-tab-panel{display:none;grid-template-columns:.82fr 1.18fr;gap:var(--l);padding:var(--l);border-radius:32px;background:rgba(255,255,255,.055)}
.crm-tab-panel.active{display:grid;animation:panelIn .42s var(--ease)}
.crm-capability-copy h3{font-size:32px;line-height:1;font-weight:900;letter-spacing:-.04em;text-wrap:balance}
.crm-capability-copy p{margin-top:16px;color:rgba(255,255,255,.7);line-height:1.72}
.crm-capability-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.crm-capability-list span{padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(255,255,255,.085);color:rgba(255,255,255,.84);font-size:.92rem;transition:transform .28s var(--spring),background .28s var(--ease),border-color .28s var(--ease)}
.crm-capability-list span:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);border-color:rgba(142,224,205,.22)}

.crm-ai-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:var(--m);align-items:start}
.crm-ai-note{position:sticky;top:104px;padding:var(--l);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--dark),#213832);color:var(--light);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.08)}
.crm-ai-note span{display:inline-flex;margin-bottom:20px;padding:8px 11px;border-radius:999px;background:rgba(142,224,205,.14);color:var(--accent-2);font-size:.78rem;font-weight:850}
.crm-ai-note p{color:rgba(255,255,255,.74);line-height:1.75}

.crm-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;margin-bottom:var(--m);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--line)}
.crm-flow article{position:relative;padding:var(--m);background:rgba(255,255,255,.74);transition:transform .3s var(--spring),background .3s var(--ease),box-shadow .3s var(--ease)}
.crm-flow article:nth-child(even){background:rgba(15,143,114,.08)}
.crm-flow article:hover{z-index:1;transform:translateY(-3px);background:rgba(255,255,255,.92);box-shadow:0 18px 36px rgba(17,37,34,.1)}
.crm-flow span,.crm-steps span{font-family:var(--mono);color:var(--accent);font-weight:800;font-size:.78rem}
.crm-flow h3,.crm-steps h3{margin:9px 0 7px;font-size:1.42rem;line-height:1.16;letter-spacing:-.025em}.crm-flow p,.crm-steps p{color:var(--muted);font-size:.92rem;line-height:1.62}

.crm-open-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--m)}
.crm-open-item{--mx:50%;--my:0%;position:relative;padding:var(--l);border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,255,255,.66);overflow:hidden;transition:transform .36s var(--ease),border-color .36s var(--ease),background .36s var(--ease),box-shadow .36s var(--ease)}
.crm-open-item::after{content:'';position:absolute;inset:0;background:radial-gradient(220px circle at var(--mx) var(--my),rgba(15,143,114,.12),transparent 58%);opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}
.crm-open-item:nth-child(1),.crm-open-item:nth-child(6){background:linear-gradient(145deg,rgba(15,143,114,.11),rgba(255,255,255,.7))}
.crm-open-item:hover{transform:translateY(-4px);border-color:rgba(15,143,114,.38);background:rgba(255,255,255,.86);box-shadow:0 18px 44px rgba(17,37,34,.1)}
.crm-open-item:hover::after{opacity:1}
.crm-open-item>*{position:relative;z-index:1}
.crm-open-item h3{font-size:1.42rem;margin-bottom:8px;letter-spacing:-.025em}.crm-open-item p{color:var(--muted);line-height:1.7}
#open-source .crm-section-actions{padding-top:var(--m)}
.crm-services-band{padding-bottom:calc(var(--xxl) + 12px)}
.crm-service-contact{display:flex;align-items:center;justify-content:space-between;gap:var(--m);margin-top:var(--l)}
.crm-service-footer{max-width:760px;color:rgba(255,255,255,.72)}

.crm-lead-panel{--mx:50%;--my:50%;position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:var(--l);align-items:start;margin-top:var(--xl);padding:var(--l);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);background:rgba(255,255,255,.075);box-shadow:0 30px 80px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}
.crm-lead-panel::before{content:'';position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(142,224,205,.12),transparent 62%);opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
.crm-lead-panel:hover::before{opacity:1}
.crm-lead-panel>*{position:relative;z-index:1}
.crm-lead-copy span{display:inline-flex;margin-bottom:16px;color:var(--accent-2);font-weight:850}.crm-lead-copy p{max-width:34ch;color:rgba(255,255,255,.72);line-height:1.72}
.crm-lead-form{display:grid;gap:14px}
.crm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.crm-field{display:grid;gap:8px;color:var(--light);transition:transform .25s var(--ease)}
.crm-field:focus-within{transform:translateY(-1px)}
.crm-field span{font-size:.9rem;font-weight:780;transition:color .25s var(--ease)}.crm-field b{color:var(--accent-2)}
.crm-field:focus-within span{color:var(--accent-2)}
.crm-field input,.crm-field textarea{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.09);color:var(--light);padding:13px 14px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}
.crm-field input:hover,.crm-field textarea:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.11)}
.crm-field textarea{resize:vertical;min-height:124px}
.crm-field input::placeholder,.crm-field textarea::placeholder{color:rgba(255,255,255,.42)}
.crm-field input:focus,.crm-field textarea:focus{border-color:var(--accent-2);background:rgba(255,255,255,.12);box-shadow:0 0 0 4px rgba(142,224,205,.14),inset 0 1px 0 rgba(255,255,255,.08)}
.crm-field input[aria-invalid="true"],.crm-field textarea[aria-invalid="true"]{border-color:#f2a59d;box-shadow:0 0 0 4px rgba(164,63,53,.22)}
.crm-field small{color:rgba(255,255,255,.54);font-size:.78rem;line-height:1.45}.crm-field-error{min-height:1.1em;color:#ffc8c2;font-style:normal;font-size:.8rem}
.crm-honeypot{position:absolute;left:-100vw;width:1px;height:1px;overflow:hidden}
.crm-form-submit{justify-self:start;margin-top:2px}
.crm-form-status{min-height:1.3em;color:var(--accent-2);font-size:.9rem}.crm-lead-form.has-error .crm-form-status{color:#ffc8c2}.crm-lead-form.is-success .crm-form-status{color:#9ff0db}

.crm-usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--m)}
.crm-usecase{--mx:50%;--my:0%;position:relative;min-height:260px;padding:var(--m);border:1px solid rgba(16,25,24,.06);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.7);overflow:hidden;transition:transform .36s var(--ease),box-shadow .36s var(--ease),border-color .36s var(--ease)}
.crm-usecase::after{content:'';position:absolute;inset:0;background:radial-gradient(220px circle at var(--mx) var(--my),rgba(15,143,114,.11),transparent 62%);opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}
.crm-usecase:nth-child(2),.crm-usecase:nth-child(4){transform:none}
.crm-usecase:hover{transform:translateY(-5px);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.82);border-color:rgba(15,143,114,.22)}
.crm-usecase:hover::after{opacity:1}
.crm-usecase>*{position:relative;z-index:1}
.crm-usecase:nth-child(2):hover,.crm-usecase:nth-child(4):hover{transform:translateY(-5px)}
.crm-usecase span{display:block;margin-bottom:var(--l);font-family:var(--mono);font-size:.76rem;color:var(--accent);font-weight:800}.crm-usecase h3{font-size:1.42rem;line-height:1.16;margin-bottom:10px;letter-spacing:-.025em}.crm-usecase p{color:var(--muted);font-size:.94rem;line-height:1.65}

.crm-how-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--m);align-items:start}
.crm-steps{display:grid;gap:12px}
.crm-steps article{padding:var(--m);border-radius:var(--radius);background:rgba(255,255,255,.72);border:1px solid rgba(16,25,24,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:transform .3s var(--spring),border-color .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease)}
.crm-steps article:hover{transform:translateX(5px);border-color:rgba(15,143,114,.24);background:rgba(255,255,255,.9);box-shadow:0 14px 34px rgba(17,37,34,.08),inset 0 1px 0 rgba(255,255,255,.8)}
.crm-code{position:relative;padding:var(--l);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--dark),#1e322d);color:rgba(255,255,255,.88);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.08);font-family:var(--mono);font-size:.86rem;overflow:auto}
.crm-code div{margin-bottom:8px;white-space:nowrap}.crm-code .prompt{color:var(--accent-2)}.crm-code .cmd{color:#e6efec}
.crm-code p{margin-top:var(--m);color:rgba(255,255,255,.6);font-family:var(--font);font-size:.9rem;line-height:1.65}
.crm-code-copy{position:absolute;top:14px;right:14px;padding:7px 11px;border:0;border-radius:999px;background:rgba(255,255,255,.1);color:var(--light);cursor:pointer;font-size:.75rem;font-weight:800;transition:background .28s var(--ease),color .28s var(--ease)}
.crm-code-copy:hover,.crm-code-copy.copied{background:rgba(142,224,205,.18);color:var(--accent-2)}

.crm-audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--m)}
.crm-audience{padding:var(--l);border:1px solid rgba(16,25,24,.07);border-radius:var(--radius-lg);background:rgba(255,255,255,.76);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.72);transition:transform .34s var(--ease),box-shadow .34s var(--ease),border-color .34s var(--ease)}
.crm-audience:hover{transform:translateY(-4px);border-color:rgba(15,143,114,.2);box-shadow:var(--shadow)}
.crm-audience:nth-child(2){background:linear-gradient(145deg,var(--dark),#223932);color:var(--light)}
.crm-audience span{font-family:var(--mono);font-size:.78rem;font-weight:800;color:var(--accent)}.crm-audience:nth-child(2) span{color:var(--accent-2)}
.crm-audience h2{margin:16px 0 12px;font-size:clamp(1.85rem,3.5vw,3.65rem);line-height:.95;font-weight:910;letter-spacing:-.05em;text-wrap:balance}.crm-audience p{color:var(--muted);line-height:1.72}.crm-audience:nth-child(2) p{color:rgba(255,255,255,.72)}
.crm-audience ul{margin-top:var(--m);padding-left:18px;color:var(--ink-soft)}.crm-audience:nth-child(2) ul{color:rgba(255,255,255,.78)}.crm-audience li+li{margin-top:8px}

.crm-faq{max-width:900px;margin:0 auto;border-top:1px solid var(--line)}
.crm-faq-item{border-bottom:1px solid var(--line)}
.crm-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s);padding:26px 0;border:0;background:transparent;text-align:left;color:var(--ink);cursor:pointer;font-size:1.06rem;font-weight:820;transition:color .25s var(--ease),padding-left .25s var(--ease)}
.crm-faq-q:hover{color:var(--accent);padding-left:8px}
.crm-faq-q:focus-visible{outline:0;color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);padding-left:12px}
.crm-faq-q::after{content:'+';display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm);transition:transform .35s var(--spring),background .25s var(--ease)}
.crm-faq-q.open{color:var(--accent)}
.crm-faq-q.open::after{content:'-';transform:rotate(180deg);background:var(--accent);color:var(--light)}
.crm-faq-a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease),padding .5s var(--ease)}
.crm-faq-a.open{max-height:520px;padding-bottom:26px}
.crm-faq-a p{color:var(--muted);line-height:1.75}

.crm-section-cta{position:relative;overflow:hidden;padding:var(--xxl) 0;text-align:center;background:var(--dark);color:var(--light)}
.crm-section-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(142,224,205,.2),transparent 34rem),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}
.crm-section-cta .crm-container{position:relative;z-index:1}
.crm-section-cta h2{max-width:920px;margin:0 auto 18px;font-size:40px;line-height:1.5;font-weight:950;letter-spacing:-.04em;text-wrap:balance}
.crm-section-cta p{max-width:620px;margin:0 auto var(--l);color:rgba(255,255,255,.72);font-size:1.05rem;line-height:1.72}
.crm-section-cta .crm-section-actions{justify-content:center}

.crm-footer{padding:var(--xl) 0;background:var(--dark);color:rgba(255,255,255,.6)}
.crm-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--m);flex-wrap:wrap}
.crm-footer-brand{color:var(--light);font-weight:850}.crm-footer-links{display:flex;gap:var(--m);flex-wrap:wrap}.crm-footer-links a{text-decoration:none;transition:color .25s var(--ease),transform .25s var(--ease)}.crm-footer-links a:hover{color:var(--light);transform:translateY(-1px)}

.crm-reveal,.crm-reveal-stagger{opacity:1;transform:none;filter:none;transition:none}

@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes slowTilt{0%,100%{transform:rotateX(4deg) rotateY(-8deg) translateY(0)}50%{transform:rotateX(2deg) rotateY(-5deg) translateY(-8px)}}
@keyframes sheen{0%,58%{transform:translateX(-120%)}76%,100%{transform:translateX(120%)}}
@keyframes panelIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1080px){
  :root{--xxl:76px;--xl:50px}
  .crm-hero-grid,.crm-ai-layout,.crm-how-grid,.crm-audience-grid,.crm-lead-panel{grid-template-columns:1fr}
  .crm-hero-visual{min-height:470px;max-width:640px;width:100%;margin:0 auto}
  .crm-ai-note{position:relative;top:auto}
  .crm-cards-3,.crm-services-grid,.crm-open-grid{grid-template-columns:repeat(2,1fr)}
  .crm-usecase-grid,.crm-flow{grid-template-columns:repeat(2,1fr)}
  .crm-usecase:nth-child(2),.crm-usecase:nth-child(4),.crm-usecase:nth-child(2):hover,.crm-usecase:nth-child(4):hover{transform:none}
  .crm-service-contact{align-items:flex-start;flex-direction:column}
}

@media(max-width:760px){
  :root{--m:18px;--l:30px;--xl:42px;--xxl:58px}
  html{scroll-padding-top:78px}
  .crm-header{top:8px;width:calc(100% - 16px)}
  .crm-header-inner{min-height:52px;padding:6px 8px 6px 14px}
  .crm-logo{font-size:.94rem}
  .crm-lang-switcher{margin-left:0}
  .crm-lang-btn{padding:5px 8px}
  .crm-hero{min-height:auto;padding-top:96px}
  .crm-hero-grid{gap:var(--l);padding-bottom:var(--l)}
  .crm-hero-title{font-size:clamp(2.55rem,14vw,3.7rem);line-height:.94}
  .crm-hero-subtitle{font-size:1rem}
  .crm-hero-visual{display:none}
  .crm-btn{width:100%}
  .crm-proof-strip,.crm-mosaic-grid,.crm-cards-3,.crm-services-grid,.crm-open-grid,.crm-usecase-grid,.crm-flow,.crm-capability-list,.crm-form-grid{grid-template-columns:1fr}
  .crm-cards-3 .crm-card:nth-child(1),.crm-cards-3 .crm-card:nth-child(6){grid-column:auto}
  .crm-tab-panel{grid-template-columns:1fr;padding:var(--m)}
  .crm-card,.crm-card-large{min-height:auto}
  .crm-section-intro{margin-bottom:var(--l)}
  .crm-lead-panel{padding:var(--m)}
  .crm-form-submit{justify-self:stretch}
  .crm-footer-inner{flex-direction:column;align-items:flex-start}
}

.crm-demo-btn{display:inline-block;padding:12px 30px;border-radius:999px;background:var(--accent);color:#fff;font-size:1.05rem;font-weight:760;text-decoration:none;transition:transform .3s var(--spring),box-shadow .3s var(--ease),background .3s var(--ease)}
.crm-demo-btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(15,143,114,.28);background:#0d7a62}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .crm-reveal,.crm-reveal-stagger{opacity:1;transform:none;filter:none}
}