.tl-hero{padding:var(--spacing-4xl) 0 var(--spacing-3xl);position:relative;text-align:center;background:linear-gradient(180deg,var(--color-surface-1000) 0%,#212429 100%)}.tl-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:#047cf826;border:1px solid rgba(4,124,248,.3);border-radius:var(--radius-full);padding:8px 20px;margin-bottom:var(--spacing-m);font-size:14px;animation:fadeInUp .6s ease-out}.tl-hero-eyebrow .eyebrow-label{color:var(--color-brand-500);font-weight:600}.tl-hero-eyebrow .eyebrow-text{color:#ffffffb3}.tl-hero-title{font-size:44px;line-height:1.1;font-weight:700;letter-spacing:-.03em;margin-bottom:var(--spacing-m);color:var(--color-interface-50);max-width:800px;margin-left:auto;margin-right:auto;animation:fadeInUp .6s ease-out .1s both}@media(min-width:688px){.tl-hero-title{font-size:64px}}.tl-hero-description{font-size:18px;color:#ffffffb3;line-height:1.7;margin-bottom:var(--spacing-xl);max-width:640px;margin-left:auto;margin-right:auto;animation:fadeInUp .6s ease-out .2s both}.tl-hero-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-s);justify-content:center;align-items:center;margin-bottom:var(--spacing-xl);animation:fadeInUp .6s ease-out .3s both}.tl-hero-stats{display:flex;justify-content:center;gap:var(--spacing-2xl);flex-wrap:wrap;animation:fadeInUp .6s ease-out .4s both}.tl-hero-stat{text-align:center}.tl-hero-stat-value{font-size:32px;font-weight:700;color:#3ba0ff;margin-bottom:4px}.tl-hero-stat-label{font-size:13px;color:#fff9}@media(max-width:768px){.tl-hero{padding:var(--spacing-2xl) 0}.tl-hero-title{font-size:36px}.tl-hero-description{font-size:16px}.tl-hero-buttons{flex-direction:column}.tl-hero-stats{gap:var(--spacing-l)}}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tl-architecture--dark{background:#212429;border-top:1px solid rgba(255,255,255,.1)}.tl-architecture-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);align-items:center}@media(min-width:1024px){.tl-architecture-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-3xl)}}.tl-architecture-content h2{margin-bottom:var(--spacing-s);color:var(--color-interface-50)}.tl-architecture--dark .eyebrow{color:#3ba0ff}.tl-lead{font-size:16px;line-height:1.7;margin-bottom:var(--spacing-l)}.tl-architecture--dark .tl-lead{color:#ffffffb3}.tl-architecture-features{display:flex;flex-direction:column;gap:var(--spacing-s)}.tl-architecture-feature{display:flex;gap:var(--spacing-s);align-items:flex-start;padding:var(--spacing-s);border-radius:var(--radius-xs);transition:all .3s ease}.tl-architecture--dark .tl-architecture-feature{background:#262a31cc;border:1px solid rgba(255,255,255,.08)}.tl-architecture--dark .tl-architecture-feature:hover{border-color:#047cf866;background:#047cf81f}.tl-architecture-feature-icon{width:44px;height:44px;background:var(--gradient-brand);border-radius:var(--radius-2xs);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.tl-architecture-feature-icon svg{stroke:#fff}.tl-architecture-feature-content h4{font-size:15px;font-weight:700;margin-bottom:4px}.tl-architecture--dark .tl-architecture-feature-content h4{color:var(--color-interface-50)}.tl-architecture-feature-content p{font-size:13px;line-height:1.5}.tl-architecture--dark .tl-architecture-feature-content p{color:#fff9}.tl-architecture-visual{border-radius:var(--radius-s);padding:var(--spacing-l);min-height:450px}.tl-architecture--dark .tl-architecture-visual{background:#262a3199;border:1px solid rgba(255,255,255,.1)}.tl-arch-diagram{display:flex;flex-direction:column;gap:var(--spacing-s);height:100%}.tl-arch-layer{border-radius:var(--radius-xs);padding:var(--spacing-s)}.tl-architecture--dark .tl-arch-layer{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.tl-arch-layer-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.tl-architecture--dark .tl-arch-layer-label{color:#ffffff80}.tl-arch-layer-content{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tl-arch-node{padding:8px 14px;border-radius:var(--radius-2xs);font-size:12px;font-weight:600}.tl-architecture--dark .tl-arch-node{background:#047cf826;border:1px solid rgba(4,124,248,.3);color:#3ba0ff}.tl-arch-node.platform{background:#047cf826;border-color:#047cf84d;color:#3ba0ff}.tl-arch-node.crm{background:#a855f726;border-color:#a855f74d;color:#a78bfa}.tl-arch-connector{display:flex;justify-content:center;font-size:20px}.tl-architecture--dark .tl-arch-connector{color:#047cf880}.tl-tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-s)}@media(min-width:768px){.tl-tech-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.tl-tech-grid{grid-template-columns:repeat(4,1fr)}}.tl-tech-card{background:var(--color-surface-50);border:1px solid var(--color-surface-200);border-radius:var(--radius-s);padding:var(--spacing-m);text-align:center;transition:all .3s ease}.tl-tech-card:hover{background:var(--color-surface-100);border-color:var(--color-brand-300);transform:translateY(-4px)}.tl-tech-card-icon{width:64px;height:64px;margin:0 auto var(--spacing-s);background:var(--color-brand-100);border:1px solid var(--color-brand-300);border-radius:var(--radius-s);display:flex;align-items:center;justify-content:center;font-size:28px}.tl-tech-card-logo{height:48px;margin:0 auto var(--spacing-s);display:flex;align-items:center;justify-content:center}.tl-tech-card-logo img{max-height:40px;max-width:120px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:all .3s ease}.tl-tech-card:hover .tl-tech-card-logo img{filter:grayscale(0%);opacity:1}.tl-tech-card h4{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--color-interface-1000)}.tl-tech-card p{font-size:13px;color:var(--color-interface-500);line-height:1.5}.tl-integration-options{display:grid;grid-template-columns:1fr;gap:var(--spacing-m);margin-bottom:var(--spacing-l)}@media(min-width:768px){.tl-integration-options{grid-template-columns:1fr 1fr}}.tl-integration-card{background:var(--color-surface-50);border:1px solid var(--color-surface-200);border-radius:var(--radius-s);padding:var(--spacing-l);position:relative;overflow:hidden;transition:all .3s ease}.tl-integration-card:hover{border-color:var(--color-brand-300);transform:translateY(-4px)}.tl-integration-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.tl-integration-card.widget:before{background:var(--gradient-brand)}.tl-integration-card.api:before{background:var(--gradient-brand)}.tl-integration-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:600;margin-bottom:var(--spacing-s)}.tl-integration-badge.widget,.tl-integration-badge.api{background:var(--color-brand-100);color:var(--color-brand-500)}.tl-integration-card h3{font-size:22px;font-weight:700;margin-bottom:12px;color:var(--color-interface-1000)}.tl-integration-desc{font-size:15px;color:var(--color-interface-600);margin-bottom:var(--spacing-m);line-height:1.6}.tl-integration-features{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--spacing-m)}.tl-integration-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--color-interface-700)}.tl-integration-feature .check{color:var(--color-success);font-size:16px;font-weight:700}.tl-integration-timeline{display:flex;align-items:center;gap:12px;padding:var(--spacing-s);background:var(--color-surface-100);border-radius:var(--radius-xs)}.tl-integration-timeline .timeline-icon{font-size:20px}.tl-integration-timeline .timeline-text{font-size:13px;color:var(--color-interface-600)}.tl-integration-timeline .timeline-value{font-size:18px;font-weight:700;color:var(--color-interface-1000)}.tl-integration-highlight{background:var(--color-brand-100);border:1px solid var(--color-brand-300);border-radius:var(--radius-s);padding:var(--spacing-l);display:flex;align-items:center;gap:var(--spacing-m)}.tl-integration-highlight-icon{width:64px;height:64px;background:var(--gradient-brand);border-radius:var(--radius-s);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.tl-integration-highlight-content h4{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--color-interface-1000)}.tl-integration-highlight-content p{font-size:15px;color:var(--color-interface-600);line-height:1.6}@media(max-width:767px){.tl-integration-highlight{flex-direction:column;text-align:center}}.tl-platforms-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-m);margin-bottom:var(--spacing-l)}@media(min-width:768px){.tl-platforms-grid{grid-template-columns:repeat(3,1fr)}}.tl-platform-card{background:var(--color-surface-50);border:1px solid var(--color-surface-200);border-radius:var(--radius-s);padding:var(--spacing-l);text-align:center;transition:all .3s ease}.tl-platform-card:hover{border-color:var(--color-brand-300);transform:translateY(-4px)}.tl-platform-logo{width:80px;height:80px;margin:0 auto var(--spacing-s);background:var(--color-surface-100);border-radius:var(--radius-s);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:var(--color-interface-700)}.tl-platform-card h3{font-size:22px;font-weight:700;margin-bottom:12px;color:var(--color-interface-1000)}.tl-platform-card p{font-size:14px;color:var(--color-interface-500);margin-bottom:var(--spacing-m)}.tl-platform-features{display:flex;flex-direction:column;gap:8px}.tl-platform-feature{font-size:13px;color:var(--color-interface-600);display:flex;align-items:center;justify-content:center;gap:8px}.tl-platform-feature .check{color:var(--color-success);font-weight:700}.tl-crm-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-s)}@media(min-width:768px){.tl-crm-grid{grid-template-columns:repeat(3,1fr)}}.tl-crm-card{background:var(--color-surface-50);border:1px solid var(--color-surface-200);border-radius:var(--radius-xs);padding:var(--spacing-m);text-align:center;transition:all .3s ease}.tl-crm-card:hover{background:var(--color-surface-100);border-color:#a855f74d}.tl-crm-card h4{font-size:16px;font-weight:700;margin-bottom:6px;color:var(--color-interface-1000)}.tl-crm-card p{font-size:13px;color:var(--color-interface-500)}.tl-crm-card.native{background:#a855f714;border-color:#a855f74d}.tl-crm-card.native h4{color:#9333ea}.tl-deployment-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-m)}@media(min-width:768px){.tl-deployment-grid{grid-template-columns:1fr 1fr}}.tl-deployment-card{background:var(--color-surface-50);border:1px solid var(--color-surface-200);border-radius:var(--radius-s);padding:var(--spacing-l);transition:all .3s ease}.tl-deployment-card:hover{border-color:var(--color-brand-300)}.tl-deployment-card.recommended{background:var(--color-brand-100);border-color:var(--color-brand-300)}.tl-deployment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-s);flex-wrap:wrap;gap:var(--spacing-xs)}.tl-deployment-card h3{font-size:22px;font-weight:700;color:var(--color-interface-1000)}.tl-recommended-badge{padding:6px 14px;background:var(--gradient-brand);border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.tl-deployment-desc{font-size:15px;color:var(--color-interface-600);margin-bottom:var(--spacing-m);line-height:1.6}.tl-deployment-features{display:flex;flex-direction:column;gap:12px}.tl-deployment-feature{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--color-interface-700)}.tl-deployment-feature .icon{font-size:16px;flex-shrink:0;margin-top:2px}.tl-deployment-feature .icon.check{color:var(--color-success);font-weight:700}.tl-security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-s)}@media(min-width:768px){.tl-security-grid{grid-template-columns:repeat(4,1fr)}}.tl-security-card{background:var(--color-surface-50);border:1px solid var(--color-surface-200);border-radius:var(--radius-s);padding:var(--spacing-m);text-align:center;transition:all .3s ease}.tl-security-card:hover{background:var(--color-surface-100);border-color:var(--color-brand-300);transform:translateY(-4px)}.tl-security-card-icon{width:52px;height:52px;margin:0 auto var(--spacing-s);background:var(--color-brand-100);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:24px}.tl-security-card h4{font-size:15px;font-weight:700;margin-bottom:8px;color:var(--color-interface-1000)}.tl-security-card p{font-size:13px;color:var(--color-interface-500);line-height:1.5}.tl-admin-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-m)}@media(min-width:768px){.tl-admin-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tl-admin-grid{grid-template-columns:repeat(3,1fr)}}.tl-admin-card{background:var(--color-surface-50);border:1px solid var(--color-surface-200);border-radius:var(--radius-s);padding:var(--spacing-l);transition:all .3s ease}.tl-admin-card:hover{background:var(--color-surface-100);border-color:var(--color-brand-300);transform:translateY(-4px)}.tl-admin-card-icon{width:56px;height:56px;background:var(--color-brand-100);border:1px solid var(--color-brand-300);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-s);font-size:24px}.tl-admin-card h3{font-size:18px;font-weight:700;margin-bottom:12px;color:var(--color-interface-1000)}.tl-admin-card p{font-size:14px;color:var(--color-interface-600);line-height:1.6}.tl-cost--dark{background:#1a1d21;border-top:1px solid rgba(255,255,255,.1)}.tl-cost--dark .section-header .eyebrow{color:#3ba0ff}.tl-cost--dark .section-title{color:var(--color-interface-50)}.tl-cost--dark .section-subtitle{color:#ffffffb3}.tl-cost-comparison{display:grid;grid-template-columns:1fr;gap:var(--spacing-l);align-items:stretch}@media(min-width:768px){.tl-cost-comparison{grid-template-columns:1fr 1fr}}.tl-cost-card{border-radius:var(--radius-s);padding:var(--spacing-l)}.tl-cost--dark .tl-cost-card{background:#262a31cc;border:1px solid rgba(255,255,255,.1)}.tl-cost-card.diy{opacity:.85}.tl-cost--dark .tl-cost-card.b2copy{background:#047cf826;border-color:#047cf84d}.tl-cost-card-header{margin-bottom:var(--spacing-l)}.tl-cost-card h3{font-size:20px;font-weight:700;margin-bottom:8px}.tl-cost--dark .tl-cost-card h3{color:var(--color-interface-50)}.tl-cost-card .subtitle{font-size:14px}.tl-cost--dark .tl-cost-card .subtitle{color:#ffffff80}.tl-cost-items{display:flex;flex-direction:column;gap:var(--spacing-s);margin-bottom:var(--spacing-l)}.tl-cost-item{display:flex;justify-content:space-between;align-items:center;padding:12px var(--spacing-s);border-radius:var(--radius-xs)}.tl-cost--dark .tl-cost-item{background:#ffffff0d}.tl-cost-item-label{font-size:14px}.tl-cost--dark .tl-cost-item-label{color:#ffffffb3}.tl-cost-item-value{font-size:15px;font-weight:700}.tl-cost--dark .tl-cost-item-value{color:var(--color-interface-50)}.tl-cost-item-value.included{color:var(--color-success)}.tl-cost-total{padding:var(--spacing-s);border-radius:var(--radius-xs);display:flex;justify-content:space-between;align-items:center}.tl-cost--dark .tl-cost-total{background:#ffffff14}.tl-cost-total-label{font-size:16px;font-weight:600}.tl-cost--dark .tl-cost-total-label{color:var(--color-interface-50)}.tl-cost-total-value{font-size:28px;font-weight:800}.tl-cost--dark .tl-cost-total-value{color:var(--color-interface-50)}.tl-cost-total-value.success{color:var(--color-success)}.tl-savings-badge{display:inline-flex;align-items:center;gap:8px;padding:12px var(--spacing-s);background:#2cc87526;border:1px solid rgba(44,200,117,.3);border-radius:var(--radius-xs);margin-top:var(--spacing-s);width:100%;justify-content:center}.tl-savings-badge span{font-size:15px;font-weight:600;color:var(--color-success)}.tl-hosting-cta{padding:calc(var(--spacing-4xl) * 1.25) 0;background:linear-gradient(180deg,#1a1d21 0%,var(--color-surface-1000) 50%,#212429 100%);text-align:center;position:relative;overflow:hidden}.tl-hosting-cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(4,124,248,.15) 0%,transparent 70%);pointer-events:none}.tl-hosting-cta-content{max-width:800px;margin:0 auto var(--spacing-3xl);position:relative;z-index:1}.tl-hosting-cta-eyebrow{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:#3ba0ff;margin-bottom:var(--spacing-m)}.tl-hosting-cta-title{font-size:36px;line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--color-interface-50);margin-bottom:var(--spacing-m)}@media(min-width:688px){.tl-hosting-cta-title{font-size:48px}}.tl-hosting-cta-title .gradient-text-light{background:linear-gradient(135deg,#3ba0ff,#1a75f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tl-hosting-cta-description{font-size:17px;color:#ffffffb3;line-height:1.7;max-width:640px;margin:0 auto var(--spacing-xl)}.tl-hosting-cta-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-s);justify-content:center}.tl-hosting-cta-stats{display:flex;justify-content:center;gap:var(--spacing-3xl);flex-wrap:wrap;position:relative;z-index:1}.tl-hosting-cta-stat{text-align:center}.tl-hosting-cta-stat-value{display:block;font-size:32px;font-weight:700;color:#3ba0ff;margin-bottom:4px}@media(min-width:688px){.tl-hosting-cta-stat-value{font-size:40px}}.tl-hosting-cta-stat-label{font-size:13px;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.tl-hosting-cta-buttons{flex-direction:column;align-items:center}.tl-hosting-cta-stats{gap:var(--spacing-xl)}}.tl-cta{padding:var(--spacing-4xl) 0;background:var(--color-surface-100)}.tl-cta-card{background:var(--gradient-brand);border-radius:var(--radius-m);padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center;position:relative;overflow:hidden}.tl-cta-card:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:#ffffff1a;border-radius:50%}.tl-cta-card:after{content:"";position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:#ffffff0d;border-radius:50%}.tl-cta-content{position:relative;z-index:2}.tl-cta h2{font-size:40px;font-weight:600;color:#fff;margin-bottom:var(--spacing-s);letter-spacing:-.02em}@media(min-width:688px){.tl-cta h2{font-size:48px}}.tl-cta p{font-size:18px;color:#ffffffd9;margin-bottom:var(--spacing-l);max-width:520px;margin-left:auto;margin-right:auto}.tl-cta-buttons{display:flex;gap:var(--spacing-s);justify-content:center;flex-wrap:wrap}@media(max-width:768px){.tl-cta h2{font-size:32px}.tl-cta p{font-size:16px}.tl-cta-buttons{flex-direction:column}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}