:root{
  --green-900:#0B3D2E;
  --green-700:#0E6B43;
  --green-600:#16A34A;
  --green-400:#4ADE80;
  --navy:#111827;
  --ink:#182334;
  --muted:#6B7280;
  --line:#E5E7EB;
  --soft:#F7F9F8;
  --white:#FFFFFF;
  --danger:#DC2626;
  --warning:#D97706;
  --info:#2563EB;
  --shadow:0 24px 60px rgba(17,24,39,.10);
  --shadow-soft:0 14px 32px rgba(17,24,39,.08);
  --radius:24px;
  --radius-sm:14px;
  --sidebar:286px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--soft);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}svg{width:20px;height:20px;fill:currentColor;flex:none}.container{width:min(1160px,calc(100% - 36px));margin-inline:auto}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--green-600);margin:0 0 8px}.section-title{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:0;color:var(--navy);letter-spacing:-.04em}.section-copy{font-size:17px;color:var(--muted);max-width:720px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:13px 20px;font-weight:800;cursor:pointer;transition:.2s ease;background:#EEF2F1;color:var(--navy)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn-primary{background:linear-gradient(135deg,var(--green-900),var(--green-600));color:#fff}.btn-dark{background:var(--navy);color:#fff}.btn-ghost{background:#fff;border:1px solid var(--line)}.btn-soft{background:#EAF7EF;color:var(--green-900)}.btn-danger{background:#FEE2E2;color:#991B1B}.btn.small{padding:9px 13px;font-size:13px}.btn.full{width:100%}.alert{padding:13px 15px;border-radius:16px;margin:12px 0;font-weight:700}.alert-danger{background:#FEE2E2;color:#991B1B}.alert-warning{background:#FEF3C7;color:#92400E}.alert-success{background:#DCFCE7;color:#166534}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid rgba(255,255,255,.2);padding:9px 13px;font-size:13px;font-weight:800}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;white-space:nowrap}.badge-success{background:#DCFCE7;color:#166534}.badge-warning{background:#FEF3C7;color:#92400E}.badge-info{background:#DBEAFE;color:#1D4ED8}.badge-danger{background:#FEE2E2;color:#991B1B}.badge-danger-soft{background:#FFE4E6;color:#9F1239}.badge-neutral{background:#F3F4F6;color:#374151}.skip-mobile{display:inline}
/* Public site */
.public-body{background:#fff;color:var(--ink)}.public-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.75)}.public-nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.public-logo img{height:44px;width:auto;display:block}.public-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:800;color:#4B5563}.public-links a:hover{color:var(--green-600)}.mobile-public-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.mobile-public-toggle span{width:19px;height:2px;background:var(--navy);border-radius:2px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 16%,rgba(74,222,128,.26),transparent 34%),radial-gradient(circle at 80% 10%,rgba(22,163,74,.14),transparent 26%),linear-gradient(135deg,#061610 0%,#0B3D2E 45%,#111827 100%);color:#fff}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:84px 0 78px}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:-.07em;margin:12px 0 18px}.hero p{font-size:18px;color:rgba(255,255,255,.76);max-width:650px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.hero-trust{display:flex;gap:10px;flex-wrap:wrap;color:rgba(255,255,255,.82)}.hero-visual{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:34px;box-shadow:0 32px 70px rgba(0,0,0,.24);padding:22px;backdrop-filter:blur(16px)}.visual-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.visual-logo{height:42px;width:auto;display:block}.visual-card{background:#fff;color:var(--navy);border-radius:26px;padding:22px;box-shadow:var(--shadow)}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-stat{background:#F6FBF8;border:1px solid #E5F4EA;border-radius:18px;padding:16px}.mini-stat span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mini-stat strong{display:block;font-size:29px;margin-top:4px;color:var(--navy)}.funnel{margin-top:16px;background:#F9FAFB;border-radius:20px;padding:16px}.bar{height:10px;border-radius:20px;background:#E5E7EB;overflow:hidden;margin:8px 0 14px}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green-900),var(--green-600),var(--green-400))}.section{padding:84px 0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.service-card,.use-card,.step-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-soft)}.service-icon,.step-no,.feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#EAF7EF;color:var(--green-700);margin-bottom:18px}.service-card h3,.use-card h3,.step-card h3{margin:0 0 8px;color:var(--navy)}.service-card p,.use-card p,.step-card p{margin:0;color:var(--muted)}.how{background:linear-gradient(180deg,#F7F9F8,#fff)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.step-no{font-weight:900}.use-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}.cta-band{background:linear-gradient(135deg,var(--green-900),var(--navy));color:#fff;border-radius:34px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow)}.cta-band h2{font-size:clamp(28px,4vw,48px);margin:0;letter-spacing:-.05em;line-height:1}.cta-band p{color:rgba(255,255,255,.75);margin:12px 0 0;max-width:680px}.footer{background:#061610;color:#fff;padding:34px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer img{height:38px}.footer span{color:rgba(255,255,255,.58)}
/* Auth */
.auth-body{min-height:100vh;background:linear-gradient(135deg,#061610,#0B3D2E 52%,#111827);display:grid;place-items:center;padding:24px}.auth-shell{width:min(1120px,100%);display:grid;grid-template-columns:1fr 440px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:34px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.26)}.auth-brand-panel{padding:54px;color:#fff;position:relative;overflow:hidden}.auth-brand-panel::after{content:"";position:absolute;right:-110px;bottom:-120px;width:330px;height:330px;border-radius:50%;background:rgba(74,222,128,.18)}.brand-lockup img{height:50px;width:auto;display:block}.auth-brand-panel h1{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.06em;margin:70px 0 18px;max-width:640px}.auth-brand-panel p{color:rgba(255,255,255,.72);font-size:17px;max-width:610px}.auth-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px;position:relative;z-index:1}.auth-metric-grid div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px}.auth-metric-grid strong{display:block}.auth-metric-grid span{display:block;color:rgba(255,255,255,.62);font-size:12px;margin-top:3px}.auth-card{background:#fff;padding:42px;display:flex;flex-direction:column;justify-content:center}.auth-logo{height:52px;width:auto;margin-bottom:24px;display:block}.auth-card h2{font-size:32px;letter-spacing:-.04em;margin:0;color:var(--navy)}.auth-note{margin-top:18px;font-size:13px;color:var(--muted);text-align:center}.form-stack{display:grid;gap:14px;margin-top:20px}.form-stack label,.field label{display:grid;gap:7px;font-size:13px;color:#374151;font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#fff;outline:none;color:var(--ink)}textarea{resize:vertical;min-height:110px}input:focus,select:focus,textarea:focus{border-color:var(--green-600);box-shadow:0 0 0 4px rgba(22,163,74,.12)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}
/* Dashboard shell */
.dashboard-body{background:#F4F7F6}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#061610,#0B3D2E 52%,#111827);color:#fff;padding:22px;display:flex;flex-direction:column;z-index:50}.sidebar-brand{display:grid;gap:8px;margin-bottom:24px}.sidebar-brand img{height:42px;width:auto;display:block}.sidebar-brand span{color:rgba(255,255,255,.58);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.side-nav{display:grid;gap:6px;overflow:auto;padding-right:2px}.side-nav a,.logout-link{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:16px;color:rgba(255,255,255,.72);font-weight:800;font-size:14px;transition:.16s ease}.side-nav a:hover,.side-nav a.active,.logout-link:hover{background:rgba(255,255,255,.1);color:#fff}.side-nav svg,.logout-link svg{color:#4ADE80}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:18px}.mini-user{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:14px;margin-bottom:10px}.mini-user strong{display:block;font-size:14px}.mini-user span{display:block;color:rgba(255,255,255,.58);font-size:12px;text-transform:capitalize}.main-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{position:sticky;top:0;z-index:15;background:rgba(244,247,246,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,231,235,.72);padding:20px 28px;display:flex;align-items:center;gap:18px}.topbar h1{margin:0;font-size:28px;letter-spacing:-.04em;color:var(--navy);line-height:1}.topbar-right{margin-left:auto}.menu-button{display:none;background:#fff;border:1px solid var(--line);border-radius:14px;width:46px;height:46px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-button span{width:20px;height:2px;border-radius:3px;background:var(--navy)}.content-area{padding:28px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;gap:15px;align-items:flex-start;box-shadow:var(--shadow-soft)}.metric-icon{width:46px;height:46px;border-radius:16px;background:#EAF7EF;color:var(--green-700);display:grid;place-items:center}.metric-card span{display:block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.metric-card strong{display:block;font-size:28px;color:var(--navy);letter-spacing:-.04em;margin-top:3px}.metric-card small{display:block;color:var(--muted);font-size:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:22px;margin-bottom:22px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-header h2,.panel-header h3{margin:0;color:var(--navy);letter-spacing:-.03em}.panel-header p{margin:5px 0 0;color:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.data-table{width:100%;border-collapse:collapse;min-width:860px;background:#fff}.data-table th,.data-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:middle}.data-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6B7280;background:#F9FAFB}.data-table tr:last-child td{border-bottom:0}.data-table strong{color:var(--navy)}.filters{display:grid;grid-template-columns:1.3fr repeat(4,1fr) auto;gap:10px;align-items:end;margin-bottom:16px}.search-box{position:relative}.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9CA3AF}.search-box input{padding-left:43px}.progress-list{display:grid;gap:14px}.progress-row{display:grid;gap:7px}.progress-head{display:flex;justify-content:space-between;font-weight:800;font-size:13px}.progress-track{height:12px;border-radius:999px;background:#EDF1EF;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green-900),var(--green-600),var(--green-400))}.timeline{display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:120px 1fr;gap:14px;border-bottom:1px solid var(--line);padding-bottom:12px}.timeline-item:last-child{border-bottom:0}.timeline-time{font-size:12px;color:var(--muted);font-weight:800}.empty-state{text-align:center;padding:44px 22px}.empty-icon{width:60px;height:60px;margin:0 auto 16px;border-radius:18px;background:#EAF7EF;color:var(--green-700);display:grid;place-items:center}.empty-state h3{margin:0 0 6px;color:var(--navy)}.empty-state p{margin:0;color:var(--muted)}.chat-thread{display:grid;gap:12px}.message{display:flex}.message .bubble{max-width:720px;padding:14px 16px;border-radius:18px;background:#F3F4F6}.message.mine{justify-content:flex-end}.message.mine .bubble{background:#DCFCE7}.message.admin .bubble{background:#EAF7EF}.message strong{display:block;font-size:13px;color:var(--navy)}.message span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.modal-like{display:grid;gap:16px}.stat-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stat-strip div{background:#F8FAF9;border:1px solid var(--line);border-radius:18px;padding:14px}.stat-strip span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.stat-strip strong{font-size:23px;color:var(--navy)}
/* responsive */
@media(max-width:1100px){.hero-inner{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.services-grid,.steps{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.stat-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.public-links{display:none;position:absolute;top:78px;left:18px;right:18px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:16px;flex-direction:column;align-items:flex-start}.public-links.open{display:flex}.mobile-public-toggle{display:flex}.hero-inner{padding:60px 0}.hero-visual{padding:14px}.visual-grid{grid-template-columns:1fr}.services-grid,.steps,.use-grid,.grid-2,.grid-3,.form-grid,.form-grid-3{grid-template-columns:1fr}.cta-band{display:grid;padding:30px}.footer-inner{display:grid}.auth-shell{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-card{padding:28px}.sidebar{transform:translateX(-105%);transition:.22s ease}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(17,24,39,.48);z-index:45}.sidebar-backdrop.open{display:block}.main-shell{margin-left:0}.menu-button{display:flex}.topbar{padding:16px}.topbar-right{display:none}.content-area{padding:16px}.metric-grid{grid-template-columns:1fr}.panel{padding:16px;border-radius:20px}.panel-header{display:grid}.filters{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr}.skip-mobile{display:none}.public-logo img{height:38px}}
@media(max-width:520px){.container{width:min(100% - 28px,1160px)}.hero h1{font-size:42px}.hero p{font-size:16px}.hero-actions .btn{width:100%}.section{padding:60px 0}.mini-stat strong{font-size:24px}.auth-card{padding:24px}.auth-logo{height:46px}.topbar h1{font-size:22px}.metric-card strong{font-size:24px}.stat-strip{grid-template-columns:1fr}.data-table th,.data-table td{padding:12px}.public-nav-inner{height:70px}.public-links{top:70px}}
dialog.dialog{border:0;border-radius:28px;padding:0;width:min(760px,calc(100% - 28px));box-shadow:0 40px 110px rgba(17,24,39,.28);background:transparent}dialog.dialog::backdrop{background:rgba(17,24,39,.58);backdrop-filter:blur(4px)}

/* Sendly Public Landing V3 - modern product website */
:root{
  --lime:#B7FF1A;
  --lime-2:#D8FF5A;
  --ivory:#F6F8F3;
  --ivory-2:#EFF3EA;
  --deep:#061610;
  --deep-2:#0B3D2E;
}
.public-body.landing-v3{background:var(--ivory);color:var(--navy);overflow-x:hidden}.landing-v3 .container{width:min(1220px,calc(100% - 44px))}.landing-v3 .public-nav{background:rgba(246,248,243,.86);border-bottom:1px solid rgba(11,61,46,.08);backdrop-filter:blur(18px)}.landing-v3 .public-nav-inner{height:86px}.landing-v3 .public-logo img{height:50px}.landing-v3 .public-links{gap:24px;color:#1F2937;font-size:14px}.landing-v3 .public-links>a:not(.btn){position:relative;padding:10px 0}.landing-v3 .public-links>a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:3px;background:var(--green-600);transform:scaleX(0);transform-origin:left;transition:.18s ease}.landing-v3 .public-links>a:not(.btn):hover::after{transform:scaleX(1)}.landing-v3 .btn-primary{background:linear-gradient(135deg,#08773F,#16A34A);box-shadow:0 14px 28px rgba(22,163,74,.22)}.btn-outline-dark{background:transparent;border:1.5px solid rgba(17,24,39,.24);color:var(--navy)}.btn-lime{background:var(--lime);color:#0B1D17;box-shadow:0 20px 46px rgba(183,255,26,.22)}
.neo-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 18%,rgba(183,255,26,.34),transparent 25%),radial-gradient(circle at 88% 54%,rgba(22,163,74,.15),transparent 28%),linear-gradient(180deg,#F7F9F8 0%,#F2F6ED 100%)}.neo-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(11,61,46,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(11,61,46,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 78%)}.neo-hero-inner{position:relative;display:grid;grid-template-columns:.93fr 1.07fr;gap:60px;align-items:center;min-height:720px;padding:76px 0}.neo-copy{max-width:650px}.neo-copy .eyebrow{font-size:13px;color:var(--green-700);letter-spacing:.2em;margin-bottom:18px}.neo-copy h1{font-size:clamp(52px,6.3vw,86px);line-height:.91;letter-spacing:-.085em;margin:0 0 22px;color:#0E1724}.neo-lead{font-size:19px;line-height:1.7;color:#526070;max-width:620px;margin:0}.neo-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 26px}.neo-actions .btn{padding:15px 22px}.neo-tags{display:flex;gap:10px;flex-wrap:wrap;border-top:1.5px solid rgba(17,24,39,.2);padding-top:20px;max-width:610px}.neo-tags span{border:1.4px solid rgba(17,24,39,.36);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:850;color:#182334;background:rgba(255,255,255,.4)}
.neo-stage{position:relative;min-height:560px;display:grid;place-items:center}.orbit{position:absolute;border:2px solid rgba(22,163,74,.24);border-radius:50%}.orbit-one{width:560px;height:560px}.orbit-two{width:420px;height:420px;border-color:rgba(183,255,26,.8)}.neo-dashboard-card{position:relative;width:min(100%,590px);background:linear-gradient(145deg,#0B3D2E,#123C31 62%,#0D1B20);border:1px solid rgba(255,255,255,.12);border-radius:38px;padding:28px;box-shadow:0 44px 90px rgba(11,61,46,.26);z-index:3}.dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dash-head img{height:43px}.dash-head span{background:#E5FFD8;color:#0C5D34;border-radius:999px;padding:10px 15px;font-weight:900;font-size:13px}.dash-white-card{background:#fff;border-radius:30px;padding:24px;box-shadow:0 28px 60px rgba(17,24,39,.16)}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dash-grid div{background:#F5FAF7;border:1px solid #E4F0E8;border-radius:22px;padding:20px}.dash-grid span{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:900;color:#6B7280}.dash-grid strong{display:block;font-size:33px;letter-spacing:-.05em;color:#101827;margin-top:6px}.neo-funnel{margin-top:18px;background:#F7F8F7;border-radius:24px;padding:18px}.funnel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.funnel-title strong{color:#111827}.funnel-title span{font-size:12px;color:#64748B;font-weight:800}.funnel-row{display:grid;grid-template-columns:82px 1fr 60px;align-items:center;gap:12px;margin:10px 0}.funnel-row b{font-size:12px;color:#4B5563}.funnel-row i{display:block;height:10px;border-radius:999px;background:#DDE6E0;overflow:hidden}.funnel-row em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0B3D2E,#16A34A,#4ADE80)}.funnel-row span{text-align:right;font-size:12px;font-weight:900;color:#111827}.mini-floating{position:absolute;z-index:4;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(16px);box-shadow:0 22px 45px rgba(17,24,39,.14);border-radius:22px}.float-stat{top:90px;left:28px;padding:16px 20px;min-width:150px}.float-stat span{display:block;color:#64748B;font-weight:800;font-size:12px}.float-stat strong{display:block;font-size:26px;color:#111827}.float-stat i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,#0B3D2E,#B7FF1A);margin-top:10px}.float-approved{right:2px;bottom:118px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-weight:900;color:#0B3D2E}.float-approved svg{color:#16A34A}.logo-strip-section{padding:26px 0 70px;background:linear-gradient(180deg,#F2F6ED,#F6F8F3)}.logo-strip-section p{text-align:center;color:#657083;font-size:14px;font-weight:750;margin:0 0 18px}.use-strip{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.use-strip span{font-weight:900;font-size:22px;letter-spacing:-.04em;color:rgba(17,24,39,.46)}
.neo-section{background:var(--ivory);padding-top:76px}.section-kicker-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-kicker-row p{margin:0;font-weight:800;color:#1F2937}.green-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#0B6B3D;color:#fff;padding:9px 18px;font-size:13px;font-weight:900}.green-chip.dark{background:#0B3D2E;color:#CFFF93}.neo-title{max-width:900px}.neo-feature-grid{grid-template-columns:1.05fr repeat(3,1fr);gap:18px;margin-top:46px}.neo-feature-card{min-height:290px;border:0;border-radius:26px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 42px rgba(17,24,39,.08);overflow:hidden;position:relative}.neo-feature-card h3{font-size:19px;line-height:1.1;margin:0;color:#0F172A;letter-spacing:-.035em}.neo-feature-card p{margin:14px 0 0;color:rgba(15,23,42,.76);font-size:14px;line-height:1.5}.card-visual{background:#DFFF50}.card-lime{background:#94F000}.card-green{background:#18B85A;color:#061610}.card-soft{background:#D8FF5A}.card-art{position:relative;display:grid;place-items:center;min-height:142px;border-radius:22px;background:rgba(255,255,255,.22);margin-bottom:22px;overflow:hidden}.card-art::before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.22);right:-80px;top:-110px}.card-art svg{position:relative;width:62px;height:62px;color:#0B3D2E}.lead-stack{position:absolute;left:24px;bottom:26px;display:grid;gap:7px}.lead-stack span{display:block;width:86px;height:12px;border-radius:999px;background:rgba(11,61,46,.18)}.lead-stack span:nth-child(2){width:122px}.lead-stack span:nth-child(3){width:64px}.feature-icon-dark{width:54px;height:54px;border-radius:17px;background:rgba(11,61,46,.14);display:grid;place-items:center;color:#0B3D2E}.feature-icon-dark svg{width:25px;height:25px}
.lime-process{padding:86px 0;background:linear-gradient(135deg,#B7FF1A,#8CF000);position:relative;overflow:hidden}.lime-process::before{content:"SENDLY";position:absolute;left:-40px;bottom:-110px;font-size:250px;line-height:1;font-weight:950;letter-spacing:-.08em;color:rgba(11,61,46,.09)}.lime-process-inner{position:relative;display:grid;grid-template-columns:.86fr 1fr;gap:64px;align-items:center}.process-mockup{background:#15181C;color:#fff;border-radius:34px;padding:30px;box-shadow:0 30px 60px rgba(0,0,0,.28);max-width:490px}.process-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.process-top span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;font-size:13px;color:#D1D5DB}.process-top b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#252A30;color:#B7FF1A;font-size:0}.process-top b::after{content:"✓";font-size:18px}.process-mockup h3{font-size:30px;line-height:1.05;margin:0 0 10px;letter-spacing:-.05em}.process-mockup p{color:#AEB7C3;margin:0 0 22px}.process-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.process-actions span{background:#242A2F;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800;color:#D1D5DB}.process-mockup button{border:0;width:100%;border-radius:999px;padding:14px;background:#B7FF1A;color:#0B1D17;font-weight:950}.process-copy h2{font-size:clamp(38px,5vw,64px);line-height:.96;letter-spacing:-.07em;margin:20px 0 26px;color:#111827}.process-list{display:grid;gap:20px}.process-list article{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:flex-start}.process-list b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#0B3D2E;color:#B7FF1A;font-weight:950}.process-list h3{margin:0 0 5px;color:#111827}.process-list p{margin:0;color:#253447;line-height:1.55}
.dashboard-preview-section{background:#F6F8F3}.dash-preview-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}.portal-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.portal-list span{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid rgba(11,61,46,.1);border-radius:18px;padding:14px 16px;font-weight:850;color:#0F172A}.portal-list svg{color:#16A34A}.portal-window{background:#fff;border:1px solid rgba(11,61,46,.12);border-radius:34px;box-shadow:0 24px 60px rgba(17,24,39,.10);overflow:hidden}.window-bar{height:54px;background:#F0F5ED;display:flex;align-items:center;gap:9px;padding:0 18px}.window-bar span{width:12px;height:12px;border-radius:50%;background:#B7C3BA}.window-bar b{margin-left:10px;color:#657083;font-size:13px}.window-body{display:grid;grid-template-columns:180px 1fr;min-height:360px}.window-body aside{background:linear-gradient(180deg,#061610,#0B3D2E);padding:22px;display:grid;align-content:start;gap:18px}.window-body aside img{height:36px;margin-bottom:8px}.window-body aside i{display:block;height:38px;border-radius:13px;background:rgba(255,255,255,.1)}.window-body main{padding:24px;background:#fff}.window-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.window-title strong{font-size:24px;letter-spacing:-.04em;color:#111827}.window-title span{background:#EAF7EF;color:#0B6B3D;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.window-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.window-stats div{height:96px;border-radius:22px;background:linear-gradient(135deg,#F7F9F8,#ECF4EE);border:1px solid #E4F0E8}.window-chart{height:150px;margin-top:16px;border-radius:24px;background:#F7F9F8;border:1px solid #E4F0E8;display:flex;align-items:end;gap:12px;padding:24px}.window-chart span{flex:1;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,#4ADE80,#0B3D2E)}.window-chart span:nth-child(1){height:44%}.window-chart span:nth-child(2){height:68%}.window-chart span:nth-child(3){height:52%}.window-chart span:nth-child(4){height:86%}.window-chart span:nth-child(5){height:72%}
.usecase-section{background:#EEF3EA}.usecase-grid-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.usecase-grid-modern article{background:#fff;border:1px solid rgba(11,61,46,.1);border-radius:26px;padding:22px;box-shadow:0 16px 34px rgba(17,24,39,.06)}.usecase-grid-modern span{width:48px;height:48px;border-radius:16px;background:#EAF7EF;color:#0B6B3D;display:grid;place-items:center;margin-bottom:20px}.usecase-grid-modern h3{margin:0 0 8px;color:#111827;line-height:1.15}.usecase-grid-modern p{margin:0;color:#607086;font-size:14px}.final-cta-section{padding:80px 0;background:#EEF3EA}.final-cta{border-radius:38px;background:radial-gradient(circle at 82% 10%,rgba(183,255,26,.28),transparent 28%),linear-gradient(135deg,#061610,#0B3D2E);padding:46px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:34px;box-shadow:0 34px 76px rgba(11,61,46,.23)}.final-cta img{height:44px;margin-bottom:26px}.final-cta h2{font-size:clamp(32px,5vw,58px);letter-spacing:-.07em;line-height:.98;margin:0;max-width:780px}.final-cta p{color:rgba(255,255,255,.72);max-width:690px;margin:18px 0 0}.neo-footer{background:#061610}
.profile-neo-hero{padding:74px 0;background:radial-gradient(circle at 80% 20%,rgba(183,255,26,.25),transparent 30%),linear-gradient(180deg,#F7F9F8,#EFF3EA)}.profile-hero-grid{display:grid;grid-template-columns:1fr .75fr;gap:48px;align-items:center}.profile-hero-grid h1{font-size:clamp(48px,6vw,76px);line-height:.92;letter-spacing:-.08em;margin:0 0 18px}.profile-logo-card{background:linear-gradient(135deg,#061610,#0B3D2E);border-radius:34px;padding:42px;box-shadow:0 30px 70px rgba(11,61,46,.2)}.profile-logo-card img{width:100%;max-width:460px;margin:auto}.profile-content{background:#fff;border-radius:32px;padding:34px;border:1px solid rgba(11,61,46,.1);box-shadow:0 20px 50px rgba(17,24,39,.08)}.profile-content p{font-size:17px;color:#526070}.profile-values{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.profile-values article{background:#F7F9F8;border:1px solid #E4F0E8;border-radius:24px;padding:20px}.profile-values h3{margin:0 0 8px;color:#111827}.profile-values p{margin:0;color:#607086;font-size:14px}
@media(max-width:1100px){.neo-hero-inner,.lime-process-inner,.dash-preview-grid,.profile-hero-grid{grid-template-columns:1fr}.neo-hero-inner{min-height:auto}.neo-stage{min-height:540px}.neo-feature-grid{grid-template-columns:repeat(2,1fr)}.usecase-grid-modern{grid-template-columns:repeat(2,1fr)}.final-cta{display:grid}.profile-values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.landing-v3 .container{width:min(100% - 30px,1220px)}.landing-v3 .public-nav-inner{height:76px}.landing-v3 .public-logo img{height:44px}.neo-hero-inner{padding:54px 0 40px;gap:28px}.neo-copy h1{font-size:54px}.neo-lead{font-size:16px}.neo-tags{border-top:0;padding-top:0}.neo-stage{min-height:auto;display:block}.orbit,.mini-floating{display:none}.neo-dashboard-card{border-radius:28px;padding:18px}.dash-white-card{border-radius:24px;padding:18px}.dash-grid{grid-template-columns:1fr 1fr}.dash-grid strong{font-size:25px}.section-kicker-row{display:grid}.neo-feature-grid,.usecase-grid-modern,.portal-list,.profile-values{grid-template-columns:1fr}.lime-process{padding:60px 0}.lime-process::before{font-size:130px;bottom:-45px}.process-copy h2{font-size:42px}.process-mockup{max-width:none}.window-body{grid-template-columns:1fr}.window-body aside{display:none}.window-stats{grid-template-columns:1fr}.final-cta{border-radius:28px;padding:30px}.final-cta .btn{width:100%}.use-strip{gap:10px}.use-strip span{font-size:18px}.profile-neo-hero{padding:48px 0}.profile-logo-card{padding:26px}.profile-content{padding:24px}}
@media(max-width:520px){.neo-copy h1{font-size:43px;letter-spacing:-.075em}.neo-actions .btn{width:100%}.dash-head{align-items:flex-start}.dash-head img{height:36px}.dash-head span{font-size:11px;padding:8px 10px}.dash-grid{grid-template-columns:1fr}.funnel-row{grid-template-columns:68px 1fr 48px;gap:8px}.neo-feature-card{min-height:230px}.process-list article{grid-template-columns:42px 1fr}.process-list b{width:36px;height:36px}.portal-window{border-radius:24px}.window-title{display:grid}.window-chart{height:120px}.final-cta h2{font-size:36px}.profile-hero-grid h1{font-size:42px}.public-links .btn{width:100%}}

/* =========================================================
   Sendly Public Website V4 - polished landing redesign
   ========================================================= */
.landing-v4{--v4-dark:#071712;--v4-green:#0B6B3D;--v4-green2:#16A34A;--v4-lime:#B7FF1A;--v4-soft:#F4F8F2;--v4-ivory:#F7F9F4;--v4-text:#111827;--v4-muted:#5D6B7C;--v4-line:rgba(11,61,46,.12);background:var(--v4-ivory);color:var(--v4-text)}
.landing-v4 .container{width:min(1180px,calc(100% - 44px));margin-inline:auto}.landing-v4 .public-nav{background:rgba(247,249,244,.9);border-bottom:1px solid rgba(11,61,46,.08);box-shadow:0 10px 34px rgba(17,24,39,.03)}.landing-v4 .public-nav-inner{height:82px}.landing-v4 .public-logo img{height:48px}.landing-v4 .public-links{gap:22px;font-size:13px}.landing-v4 .public-links>a:not(.btn){font-weight:900;color:#273447}.landing-v4 .btn{border-radius:999px;font-weight:950;white-space:nowrap}.landing-v4 .btn-primary{background:linear-gradient(135deg,#08773F,#16A34A);box-shadow:0 14px 32px rgba(22,163,74,.22);border:0}.landing-v4 .btn-outline-dark{background:#fff;border:1px solid rgba(17,24,39,.16);box-shadow:0 12px 26px rgba(17,24,39,.04)}
.v4-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 22%,rgba(183,255,26,.42),transparent 26%),radial-gradient(circle at 82% 46%,rgba(22,163,74,.14),transparent 24%),linear-gradient(180deg,#F8FAF6 0%,#F4F8F2 100%)}.v4-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(11,61,46,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,61,46,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 40%,transparent 96%)}.v4-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:72px;align-items:center;min-height:720px;padding:82px 0 74px}.v4-kicker{margin:0 0 16px;text-transform:uppercase;letter-spacing:.18em;color:#08773F;font-size:12px;font-weight:950}.v4-hero-copy h1{font-size:clamp(54px,6vw,88px);line-height:.91;letter-spacing:-.085em;margin:0 0 24px;max-width:700px;color:#101827}.v4-lead{font-size:18px;line-height:1.72;color:#516071;max-width:620px;margin:0}.v4-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 28px}.v4-mini-tags{display:flex;gap:10px;flex-wrap:wrap;padding-top:18px;border-top:1px solid rgba(11,61,46,.14);max-width:620px}.v4-mini-tags span{padding:9px 14px;border:1px solid rgba(11,61,46,.18);border-radius:999px;background:rgba(255,255,255,.72);font-size:12px;font-weight:900;color:#263446}.v4-hero-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;perspective:1000px}.hero-gyro{position:absolute;right:2%;top:2%;width:300px;height:300px;border-radius:50%;display:grid;place-items:center;transform:translate3d(var(--gyro-x,0),var(--gyro-y,0),0);transition:transform .2s ease}.hero-gyro:before{content:"";position:absolute;inset:50px;border-radius:50%;background:radial-gradient(circle,rgba(183,255,26,.55),rgba(22,163,74,.18) 38%,transparent 68%);filter:blur(3px)}.hero-gyro img{position:relative;width:82px;height:82px;object-fit:contain;border-radius:28px;box-shadow:0 24px 45px rgba(11,61,46,.22)}.gyro-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(11,107,61,.24)}.gyro-ring-a{inset:18px;animation:gyroSpin 18s linear infinite}.gyro-ring-b{inset:56px;transform:rotateX(64deg) rotateZ(18deg);animation:gyroSpinReverse 14s linear infinite}.gyro-ring-c{inset:92px;transform:rotateY(62deg) rotateZ(-18deg);animation:gyroSpin 16s linear infinite}.gyro-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 8px rgba(22,163,74,.1)}.dot-a{top:54px;left:98px}.dot-b{right:54px;bottom:112px;background:var(--v4-lime)}.dot-c{left:62px;bottom:72px;background:#0B6B3D}@keyframes gyroSpin{to{transform:rotate(360deg)}}@keyframes gyroSpinReverse{to{transform:rotate(-360deg)}}
.v4-report-card{position:relative;width:min(100%,560px);border-radius:42px;background:linear-gradient(145deg,#062018,#0B3D2E);padding:28px;box-shadow:0 42px 95px rgba(11,61,46,.28);transform:rotateX(0deg) rotateY(0deg);z-index:2}.v4-report-card:after{content:"";position:absolute;inset:12px;border-radius:34px;border:1px solid rgba(255,255,255,.12);pointer-events:none}.v4-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.v4-card-head img{height:44px;width:auto}.v4-card-head span{background:#E9FFE9;color:#0B6B3D;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:950}.v4-card-body{background:#fff;border-radius:34px;padding:26px;box-shadow:inset 0 0 0 1px rgba(11,61,46,.05)}.v4-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.v4-stat-grid article{background:#F5F9F6;border:1px solid #E4F0E8;border-radius:24px;padding:22px}.v4-stat-grid small{display:block;color:#667085;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:950}.v4-stat-grid strong{display:block;margin-top:12px;font-size:34px;letter-spacing:-.06em;color:#111827}.v4-funnel-card{background:#FAFBFA;border-radius:26px;margin-top:18px;padding:20px}.v4-funnel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.v4-funnel-head strong{font-size:17px}.v4-funnel-head span{font-size:12px;color:#0B6B3D;font-weight:950}.v4-funnel-row{display:grid;grid-template-columns:76px 1fr 58px;gap:12px;align-items:center;margin:11px 0}.v4-funnel-row b{font-size:12px;color:#39465B}.v4-funnel-row i{height:10px;background:#E3E7E7;border-radius:999px;overflow:hidden}.v4-funnel-row em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0B3D2E,#16A34A,#4ADE80)}.mask-line{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,#D7E4DD,#F1F6F2);width:46px}.mask-line.short{width:38px}.mask-line.mini{width:28px}.v4-floating-pill{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.88);border:1px solid rgba(11,61,46,.12);border-radius:999px;padding:12px 15px;box-shadow:0 18px 38px rgba(17,24,39,.12);font-size:13px;font-weight:950;color:#0F172A;backdrop-filter:blur(10px)}.v4-floating-pill svg{width:18px;height:18px;color:#16A34A}.pill-left{left:2%;bottom:14%}.pill-right{right:0;bottom:24%}
.v4-trust-strip{padding:42px 0 58px;background:#F7F9F4;text-align:center}.v4-trust-strip p{margin:0 auto 20px;color:#667085;font-size:13px;font-weight:850;max-width:680px}.v4-trust-strip div div{display:flex;justify-content:center;gap:26px;flex-wrap:wrap}.v4-trust-strip span{color:#657083;font-size:16px;font-weight:950}.v4-section{padding:92px 0;background:#F7F9F4}.v4-section-head.split{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}.v4-chip{display:inline-flex;align-items:center;border-radius:999px;background:#0B6B3D;color:#E9FFE9;padding:9px 16px;font-size:12px;font-weight:950}.v4-chip.dark{background:#0B3D2E;color:#B7FF1A}.v4-section-head p{margin:0;color:#111827;font-weight:850;font-size:13px}.v4-section h2,.v4-portal-grid h2,.v4-usecase-section h2{font-size:clamp(34px,4.6vw,58px);line-height:1;letter-spacing:-.07em;margin:0;max-width:900px;color:#111827}.v4-section-copy{font-size:17px;line-height:1.7;color:#617083;max-width:560px}.v4-feature-grid{display:grid;grid-template-columns:1.05fr repeat(3,1fr);gap:18px;margin-top:44px}.v4-feature{min-height:250px;border-radius:28px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 22px 48px rgba(17,24,39,.08)}.v4-feature h3{font-size:20px;letter-spacing:-.04em;line-height:1.05;margin:0;color:#111827}.v4-feature p{margin:14px 0 0;color:rgba(17,24,39,.73);line-height:1.55;font-size:14px}.feature-research{background:#E5FF59}.feature-request{background:#94F000}.feature-report{background:#19B967}.feature-chat{background:#D7FF5A}.landing-v4 .feature-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(11,61,46,.13);color:#0B3D2E;margin-bottom:24px}.landing-v4 .feature-icon svg{width:25px;height:25px}.feature-visual{min-height:114px;border-radius:24px;background:rgba(255,255,255,.24);display:grid;place-items:center;position:relative;margin-bottom:22px;overflow:hidden}.feature-visual:after{content:"";position:absolute;right:-50px;top:-90px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.28)}.feature-visual svg{position:relative;width:54px;height:54px;color:#0B3D2E;z-index:1}.feature-visual span{position:absolute;left:22px;height:10px;border-radius:999px;background:rgba(11,61,46,.18)}.feature-visual span:nth-child(1){bottom:34px;width:90px}.feature-visual span:nth-child(2){bottom:51px;width:128px}.feature-visual span:nth-child(3){bottom:68px;width:64px}
.v4-process{position:relative;overflow:hidden;background:linear-gradient(135deg,#B7FF1A 0%,#93F000 100%);padding:96px 0}.v4-process:before{content:"SENDLY";position:absolute;left:-28px;bottom:-86px;font-size:190px;line-height:1;font-weight:950;letter-spacing:-.09em;color:rgba(11,61,46,.08)}.v4-process-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:64px;align-items:center}.v4-process-card{background:#15191D;color:#fff;border-radius:34px;padding:30px;box-shadow:0 34px 75px rgba(17,24,39,.28);max-width:470px}.v4-process-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.v4-process-top span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;color:#D8DEE8;font-size:12px;font-weight:850}.v4-process-top b{width:42px;height:42px;border-radius:50%;background:#242B31;display:grid;place-items:center}.v4-process-top b:after{content:"✓";color:#B7FF1A;font-size:18px}.v4-process-card h3{font-size:30px;line-height:1.05;letter-spacing:-.055em;margin:0 0 12px}.v4-process-card p{margin:0 0 22px;color:#ACB6C3;line-height:1.6}.v4-process-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.v4-process-badges span{padding:9px 12px;border-radius:999px;background:#242A2F;color:#E5E7EB;font-size:12px;font-weight:850}.v4-process-card button{width:100%;border:0;border-radius:999px;background:#B7FF1A;color:#111827;padding:15px;font-weight:950}.v4-process-copy h2{font-size:clamp(38px,5.2vw,64px);line-height:.96;letter-spacing:-.075em;margin:20px 0 28px;color:#111827}.v4-step-list{display:grid;gap:20px}.v4-step-list article{display:grid;grid-template-columns:50px 1fr;gap:18px}.v4-step-list b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0B3D2E;color:#B7FF1A;font-weight:950}.v4-step-list h3{margin:0 0 6px;color:#111827}.v4-step-list p{margin:0;color:#243244;line-height:1.6}.v4-portal-section{background:#F2F6F0}.v4-portal-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.v4-module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;max-width:520px}.v4-module-list span{display:flex;align-items:center;gap:10px;border-radius:18px;background:#fff;border:1px solid rgba(11,61,46,.1);padding:14px 16px;font-weight:900;color:#111827;box-shadow:0 14px 28px rgba(17,24,39,.04)}.v4-module-list svg{width:18px;height:18px;color:#16A34A}.v4-window{background:#fff;border:1px solid rgba(11,61,46,.1);border-radius:34px;overflow:hidden;box-shadow:0 30px 70px rgba(17,24,39,.1)}.v4-window-bar{height:50px;background:#F0F5ED;display:flex;align-items:center;gap:9px;padding:0 18px}.v4-window-bar i{width:10px;height:10px;border-radius:50%;background:#BAC8BE}.v4-window-bar b{font-size:12px;color:#657083;margin-left:8px}.v4-window-body{display:grid;grid-template-columns:160px 1fr;min-height:320px}.v4-window-body aside{background:linear-gradient(180deg,#061610,#0B3D2E);padding:22px;display:grid;align-content:start;gap:15px}.v4-window-body aside img{height:34px;margin-bottom:12px}.v4-window-body aside span{height:34px;border-radius:12px;background:rgba(255,255,255,.1)}.v4-window-body main{padding:24px}.v4-window-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.v4-window-title strong{font-size:23px;letter-spacing:-.04em}.v4-window-title span{border-radius:999px;background:#EAF7EF;color:#0B6B3D;padding:7px 10px;font-size:11px;font-weight:950}.v4-window-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v4-window-stats article{height:86px;border-radius:22px;background:linear-gradient(135deg,#F7F9F8,#ECF4EE);border:1px solid #E4F0E8}.v4-window-chart{height:140px;margin-top:16px;border-radius:24px;background:#F7F9F8;border:1px solid #E4F0E8;display:flex;align-items:end;gap:12px;padding:22px}.v4-window-chart span{flex:1;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,#4ADE80,#0B3D2E)}.v4-window-chart span:nth-child(1){height:42%}.v4-window-chart span:nth-child(2){height:67%}.v4-window-chart span:nth-child(3){height:50%}.v4-window-chart span:nth-child(4){height:83%}.v4-window-chart span:nth-child(5){height:70%}.v4-usecase-section{background:#EEF3EA}.v4-usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.v4-usecase-grid article{background:#fff;border:1px solid rgba(11,61,46,.1);border-radius:26px;padding:24px;box-shadow:0 16px 34px rgba(17,24,39,.06)}.v4-usecase-grid span{width:48px;height:48px;border-radius:16px;background:#EAF7EF;color:#0B6B3D;display:grid;place-items:center;margin-bottom:20px}.v4-usecase-grid svg{width:22px;height:22px}.v4-usecase-grid h3{margin:0 0 9px;color:#111827;line-height:1.15;letter-spacing:-.02em}.v4-usecase-grid p{margin:0;color:#607086;line-height:1.55;font-size:14px}.v4-final-cta{padding:82px 0;background:#EEF3EA}.v4-final-card{border-radius:38px;background:radial-gradient(circle at 82% 10%,rgba(183,255,26,.28),transparent 28%),linear-gradient(135deg,#061610,#0B3D2E);padding:48px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:38px;box-shadow:0 34px 76px rgba(11,61,46,.23)}.v4-final-card img{height:42px;margin-bottom:28px}.v4-final-card h2{font-size:clamp(34px,4.8vw,56px);letter-spacing:-.07em;line-height:.98;margin:0;max-width:820px}.v4-final-card p{color:rgba(255,255,255,.72);max-width:700px;margin:18px 0 0;line-height:1.6}.v4-final-card .btn-lime{background:#B7FF1A;color:#0B1D17;border:0;box-shadow:0 20px 48px rgba(183,255,26,.28)}
@media(max-width:1120px){.v4-hero-grid,.v4-process-grid,.v4-portal-grid{grid-template-columns:1fr}.v4-hero-grid{gap:44px;min-height:auto}.v4-hero-copy h1{max-width:900px}.v4-hero-visual{min-height:520px}.v4-feature-grid{grid-template-columns:repeat(2,1fr)}.v4-usecase-grid{grid-template-columns:repeat(2,1fr)}.v4-process-card{max-width:none}.v4-final-card{display:grid}}
@media(max-width:860px){.landing-v4 .container{width:min(100% - 30px,1180px)}.landing-v4 .public-nav-inner{height:72px}.landing-v4 .public-logo img{height:40px}.v4-hero-grid{padding:48px 0 54px;gap:30px}.v4-hero-copy h1{font-size:clamp(42px,12vw,58px);line-height:.94;letter-spacing:-.075em;margin-bottom:18px}.v4-lead{font-size:15px;line-height:1.65}.v4-actions{margin:26px 0 18px}.v4-mini-tags{gap:8px;border-top:0;padding-top:2px}.v4-mini-tags span{font-size:11px;padding:8px 11px}.v4-hero-visual{min-height:auto;display:block;padding-top:120px}.hero-gyro{width:190px;height:190px;right:auto;left:50%;top:0;transform:translateX(-50%)}.hero-gyro img{width:58px;height:58px}.gyro-ring-a{inset:12px}.gyro-ring-b{inset:38px}.gyro-ring-c{inset:62px}.gyro-dot{width:8px;height:8px}.dot-a{top:36px;left:66px}.dot-b{right:35px;bottom:74px}.dot-c{left:44px;bottom:50px}.v4-report-card{width:100%;border-radius:30px;padding:18px}.v4-card-head{margin-bottom:18px}.v4-card-head img{height:36px}.v4-card-head span{font-size:11px;padding:8px 11px}.v4-card-body{border-radius:24px;padding:17px}.v4-stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.v4-stat-grid article{border-radius:18px;padding:15px}.v4-stat-grid small{font-size:10px}.v4-stat-grid strong{font-size:24px;margin-top:8px}.v4-funnel-card{border-radius:20px;padding:16px}.v4-funnel-row{grid-template-columns:70px 1fr 42px;gap:8px}.v4-floating-pill{display:none}.v4-trust-strip{padding:26px 0 42px}.v4-trust-strip div div{gap:12px}.v4-trust-strip span{font-size:13px}.v4-section{padding:64px 0}.v4-section-head.split{display:grid;gap:12px}.v4-section h2,.v4-portal-grid h2,.v4-usecase-section h2{font-size:34px;line-height:1.02}.v4-feature-grid,.v4-usecase-grid,.v4-module-list{grid-template-columns:1fr}.v4-feature{min-height:0;border-radius:24px;padding:20px}.feature-visual{min-height:92px;border-radius:20px}.v4-feature h3{font-size:19px}.v4-process{padding:64px 0}.v4-process:before{font-size:118px;bottom:-38px}.v4-process-grid{gap:34px}.v4-process-card{border-radius:26px;padding:24px}.v4-process-card h3{font-size:27px}.v4-process-top{margin-bottom:32px}.v4-process-copy h2{font-size:38px;line-height:1}.v4-step-list article{grid-template-columns:42px 1fr;gap:14px}.v4-step-list b{width:36px;height:36px}.v4-window{border-radius:26px}.v4-window-body{grid-template-columns:1fr;min-height:auto}.v4-window-body aside{display:none}.v4-window-stats{grid-template-columns:1fr}.v4-window-stats article{height:66px}.v4-window-chart{height:118px}.v4-final-cta{padding:62px 0}.v4-final-card{border-radius:28px;padding:30px}.v4-final-card h2{font-size:34px}.v4-final-card .btn{width:100%;justify-content:center}}
@media(max-width:520px){.landing-v4 .public-links.open{left:15px;right:15px}.v4-actions .btn{width:100%;justify-content:center}.v4-hero-copy h1{font-size:41px}.v4-kicker{font-size:10px}.v4-card-head{align-items:flex-start}.v4-stat-grid{grid-template-columns:1fr 1fr}.v4-funnel-head{display:grid;gap:4px}.v4-report-card{box-shadow:0 24px 54px rgba(11,61,46,.22)}.v4-feature p,.v4-usecase-grid p{font-size:13px}.v4-process-card button{padding:13px}.v4-window-bar b{font-size:10px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v4-window-title{display:grid}.v4-final-card img{height:36px}.footer-inner{display:grid;justify-items:start}}
@media(prefers-reduced-motion:reduce){.gyro-ring-a,.gyro-ring-b,.gyro-ring-c{animation:none}}
@media(max-width:860px){.landing-v4 .public-links{top:72px}}

/* ==============================
   Sendly v5 public polish patch
   Focus: cleaner hero, persuasive copy, masked public data, gyro report card
   ============================== */
.landing-v5 .v4-hero{
  background:
    radial-gradient(circle at 77% 14%, rgba(183,255,26,.46), transparent 23%),
    radial-gradient(circle at 88% 52%, rgba(22,163,74,.16), transparent 24%),
    linear-gradient(180deg,#FAFCF8 0%,#F4F8F2 100%);
}
.landing-v5 .v4-hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);
  gap:clamp(44px,6vw,84px);
  min-height:690px;
  padding:72px 0 68px;
}
.landing-v5 .v4-kicker{
  color:#0B6B3D;
  letter-spacing:.22em;
  margin-bottom:18px;
}
.landing-v5 .v4-hero-copy h1{
  font-size:clamp(56px,5.65vw,82px);
  line-height:.94;
  letter-spacing:-.082em;
  max-width:760px;
  margin-bottom:24px;
}
.landing-v5 .v4-lead{
  max-width:690px;
  font-size:18px;
  line-height:1.72;
  color:#475569;
}
.landing-v5 .v4-actions{
  margin:34px 0 0;
}
.landing-v5 .v4-hero-visual{
  min-height:560px;
  isolation:isolate;
}
.landing-v5 .hero-gyro{
  right:auto;
  top:50%;
  left:50%;
  width:min(660px,100%);
  height:min(660px,100%);
  transform:translate3d(calc(-50% + var(--gyro-x,0px)),calc(-50% + var(--gyro-y,0px)),0);
  opacity:.96;
  z-index:0;
  pointer-events:none;
}
.landing-v5 .hero-gyro:before{
  inset:92px;
  background:radial-gradient(circle,rgba(183,255,26,.52),rgba(22,163,74,.16) 34%,transparent 68%);
  filter:blur(12px);
}
.landing-v5 .hero-gyro img{
  width:88px;
  height:88px;
  border-radius:30px;
  opacity:.16;
  box-shadow:none;
}
.landing-v5 .gyro-ring{
  border-color:rgba(11,107,61,.20);
}
.landing-v5 .gyro-ring-a{inset:24px;}
.landing-v5 .gyro-ring-b{inset:92px;}
.landing-v5 .gyro-ring-c{inset:164px;}
.landing-v5 .gyro-dot{
  width:12px;
  height:12px;
  box-shadow:0 0 0 9px rgba(22,163,74,.08),0 18px 34px rgba(11,61,46,.18);
}
.landing-v5 .dot-a{top:104px;left:174px;}
.landing-v5 .dot-b{right:116px;bottom:204px;}
.landing-v5 .dot-c{left:126px;bottom:144px;}
.landing-v5 .v4-report-card{
  width:min(100%,590px);
  border-radius:38px;
  padding:24px;
  background:
    radial-gradient(circle at 10% 0%, rgba(74,222,128,.18), transparent 34%),
    linear-gradient(145deg,#061F18,#0B3D2E 58%,#062017);
  box-shadow:0 42px 90px rgba(11,61,46,.28), 0 0 0 1px rgba(255,255,255,.08) inset;
  transform:perspective(1000px) rotateX(var(--report-rx,0deg)) rotateY(var(--report-ry,0deg)) translate3d(var(--report-x,0px),var(--report-y,0px),0);
  transition:transform .18s ease, box-shadow .18s ease;
  will-change:transform;
}
.landing-v5 .v4-report-card:before{
  content:"";
  position:absolute;
  inset:-34%;
  background:conic-gradient(from 140deg, transparent, rgba(183,255,26,.18), transparent 30%, rgba(74,222,128,.12), transparent 70%);
  animation:sendlyCardGlow 16s linear infinite;
  z-index:-1;
}
@keyframes sendlyCardGlow{to{transform:rotate(360deg)}}
.landing-v5 .v4-card-head{
  margin-bottom:22px;
}
.landing-v5 .v4-card-head img{
  height:42px;
}
.landing-v5 .v4-card-head span{
  background:#E9FFE9;
  color:#0B6B3D;
  box-shadow:0 12px 24px rgba(183,255,26,.18);
}
.landing-v5 .v4-card-body{
  border-radius:30px;
  padding:24px;
}
.landing-v5 .v4-stat-grid{
  gap:14px;
}
.landing-v5 .v4-stat-grid article{
  min-height:132px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.landing-v5 .v4-stat-grid strong{
  font-size:clamp(30px,3vw,42px);
  letter-spacing:-.07em;
}
.landing-v5 .v4-funnel-card{
  margin-top:18px;
  padding:22px;
  border:1px solid rgba(11,61,46,.05);
}
.landing-v5 .v4-floating-pill{
  display:none;
}
.landing-v5 .v4-trust-strip{
  padding:38px 0 62px;
}
.landing-v5 .v4-trust-strip p{
  color:#566274;
  max-width:780px;
}
.landing-v5 .v4-section{
  padding:88px 0;
}
.landing-v5 .v4-feature-grid{
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.landing-v5 .v4-feature{
  min-height:290px;
  border-radius:30px;
  padding:24px;
}
.landing-v5 .feature-visual{
  min-height:128px;
}
.landing-v5 .v4-process-copy h2,
.landing-v5 .v4-section h2,
.landing-v5 .v4-portal-grid h2,
.landing-v5 .v4-usecase-section h2{
  letter-spacing:-.065em;
}
@media(max-width:1120px){
  .landing-v5 .v4-hero-grid{
    grid-template-columns:1fr;
    min-height:0;
    padding:58px 0 62px;
  }
  .landing-v5 .v4-hero-copy h1,
  .landing-v5 .v4-lead{
    max-width:860px;
  }
  .landing-v5 .v4-hero-visual{
    min-height:520px;
  }
  .landing-v5 .v4-feature-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:860px){
  .landing-v5 .v4-hero-grid{
    padding:44px 0 50px;
    gap:28px;
  }
  .landing-v5 .v4-hero-copy h1{
    font-size:clamp(42px,12.4vw,60px);
    line-height:.96;
    letter-spacing:-.074em;
  }
  .landing-v5 .v4-lead{
    font-size:15.5px;
    line-height:1.68;
  }
  .landing-v5 .v4-actions .btn{
    width:100%;
    justify-content:center;
  }
  .landing-v5 .v4-hero-visual{
    padding-top:0;
    min-height:auto;
  }
  .landing-v5 .hero-gyro{
    width:310px;
    height:310px;
    top:52%;
  }
  .landing-v5 .hero-gyro img{
    width:56px;
    height:56px;
  }
  .landing-v5 .gyro-ring-a{inset:12px;}
  .landing-v5 .gyro-ring-b{inset:48px;}
  .landing-v5 .gyro-ring-c{inset:86px;}
  .landing-v5 .dot-a{top:48px;left:84px;}
  .landing-v5 .dot-b{right:58px;bottom:94px;}
  .landing-v5 .dot-c{left:64px;bottom:70px;}
  .landing-v5 .v4-report-card{
    border-radius:28px;
    padding:16px;
    transform:none!important;
  }
  .landing-v5 .v4-card-head img{height:34px;}
  .landing-v5 .v4-card-body{
    border-radius:22px;
    padding:16px;
  }
  .landing-v5 .v4-stat-grid{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .landing-v5 .v4-stat-grid article{
    min-height:102px;
    padding:15px;
    border-radius:18px;
  }
  .landing-v5 .v4-stat-grid small{
    font-size:9.5px;
    letter-spacing:.08em;
  }
  .landing-v5 .v4-stat-grid strong{
    font-size:24px;
  }
  .landing-v5 .v4-funnel-card{
    padding:15px;
    border-radius:18px;
  }
  .landing-v5 .v4-feature-grid{
    grid-template-columns:1fr;
  }
  .landing-v5 .v4-feature{
    min-height:220px;
  }
}
@media(prefers-reduced-motion:reduce){.landing-v5 .v4-report-card:before{animation:none}}

/* ==============================
   Sendly v6 hero refinement
   Focus: no rotating background, layered left/right gyro cards, cleaner hero composition
   ============================== */
.landing-v6 .v4-hero{
  min-height:auto;
  background:
    radial-gradient(circle at 72% 18%, rgba(183,255,26,.36), transparent 22%),
    radial-gradient(circle at 20% 16%, rgba(74,222,128,.12), transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.78) 0%, rgba(247,249,248,.92) 48%, rgba(238,248,239,.96) 100%);
}
.landing-v6 .v4-hero:before{
  background-image:
    linear-gradient(rgba(11,61,46,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,61,46,.045) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.86) 0%, rgba(0,0,0,.58) 58%, transparent 100%);
}
.landing-v6 .v4-hero:after{
  content:"";
  position:absolute;
  right:-190px;
  top:74px;
  width:520px;
  height:520px;
  border-radius:50%;
  border:1px solid rgba(11,107,61,.14);
  box-shadow:inset 0 0 0 70px rgba(183,255,26,.06), inset 0 0 0 150px rgba(22,163,74,.045);
  pointer-events:none;
}
.landing-v6 .v4-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(520px,.96fr);
  gap:clamp(48px,5.4vw,78px);
  min-height:680px;
  padding:76px 0 70px;
}
.landing-v6 .v4-hero-copy{
  position:relative;
  z-index:2;
}
.landing-v6 .v4-kicker{
  margin-bottom:18px;
  color:#08773F;
}
.landing-v6 .v4-hero-copy h1{
  max-width:720px;
  font-size:clamp(50px,5.2vw,74px);
  line-height:.965;
  letter-spacing:-.078em;
  margin-bottom:24px;
}
.landing-v6 .v4-lead{
  max-width:650px;
  font-size:18px;
  line-height:1.72;
  color:#465568;
}
.landing-v6 .v4-actions{
  margin-top:32px;
}
.landing-v6 .v4-hero-visual{
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
  perspective:1200px;
}
.landing-v6 .hero-gyro,
.landing-v6 .gyro-ring,
.landing-v6 .gyro-dot{
  display:none!important;
  animation:none!important;
}
.landing-v6 .v6-visual-frame{
  position:relative;
  width:min(100%,610px);
  min-height:540px;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.landing-v6 .v6-visual-frame:before{
  content:"";
  position:absolute;
  inset:42px 24px 36px;
  border-radius:44px;
  background:linear-gradient(135deg,rgba(183,255,26,.18),rgba(74,222,128,.08),rgba(255,255,255,.5));
  border:1px solid rgba(11,107,61,.12);
  transform:rotate(-3deg);
  z-index:-2;
}
.landing-v6 .v6-visual-frame:after{
  content:"";
  position:absolute;
  width:76%;
  height:70%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(183,255,26,.28),rgba(22,163,74,.12) 44%,transparent 70%);
  filter:blur(24px);
  z-index:-3;
}
.landing-v6 .v4-report-card{
  position:relative;
  z-index:2;
  width:min(100%,540px);
  border-radius:36px;
  padding:22px;
  background:linear-gradient(145deg,#062117 0%,#0B3D2E 55%,#071B15 100%);
  box-shadow:0 42px 84px rgba(11,61,46,.28),0 20px 34px rgba(17,24,39,.12),0 0 0 1px rgba(255,255,255,.08) inset;
  transform:perspective(1100px) rotateX(var(--report-rx,0deg)) rotateY(var(--report-ry,0deg)) translate3d(var(--report-x,0px),var(--report-y,0px),0);
  transition:transform .16s ease,box-shadow .16s ease;
}
.landing-v6 .v4-report-card:before{
  display:none!important;
  content:none!important;
  animation:none!important;
}
.landing-v6 .v4-card-head{
  margin-bottom:20px;
}
.landing-v6 .v4-card-head img{
  height:42px;
  width:auto;
}
.landing-v6 .v4-card-head span{
  background:#E9FFE9;
  color:#0B6B3D;
  font-weight:950;
}
.landing-v6 .v4-card-body{
  border-radius:28px;
  padding:22px;
  background:#fff;
}
.landing-v6 .v4-stat-grid{
  gap:14px;
}
.landing-v6 .v4-stat-grid article{
  min-height:126px;
  border-radius:24px;
  padding:22px;
  background:#F7FAF7;
  border-color:#E2EFE5;
}
.landing-v6 .v4-stat-grid small{
  letter-spacing:.105em;
  color:#687388;
}
.landing-v6 .v4-stat-grid strong{
  margin-top:16px;
  font-size:clamp(29px,2.8vw,40px);
  letter-spacing:-.07em;
}
.landing-v6 .v4-funnel-card{
  margin-top:18px;
  border-radius:24px;
  padding:22px;
  background:linear-gradient(180deg,#FFFFFF,#FAFCFA);
  box-shadow:0 18px 40px rgba(15,23,42,.05);
}
.landing-v6 .v4-funnel-head span{
  color:#0B6B3D;
}
.landing-v6 .v4-funnel-row i{
  background:#E8EFEB;
}
.landing-v6 .v6-layer-card{
  position:absolute;
  z-index:4;
  display:grid;
  grid-template-columns:44px 1fr auto;
  align-items:center;
  gap:12px;
  width:300px;
  padding:14px 16px;
  border-radius:22px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(11,107,61,.12);
  box-shadow:0 22px 54px rgba(11,61,46,.18),0 4px 14px rgba(17,24,39,.06);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  transform:translate3d(var(--layer-x,0px),0,0);
  transition:transform .18s ease;
}
.landing-v6 .v6-layer-card .layer-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#0B6B3D;
  background:linear-gradient(135deg,#E9FFE9,#D5FF69);
}
.landing-v6 .v6-layer-card svg{
  width:19px;
  height:19px;
}
.landing-v6 .v6-layer-card strong{
  display:block;
  font-size:14px;
  letter-spacing:-.025em;
  color:#111827;
  margin-bottom:3px;
}
.landing-v6 .v6-layer-card span{
  display:block;
  font-size:11px;
  line-height:1.35;
  color:#617085;
}
.landing-v6 .v6-layer-card i{
  font-style:normal;
  font-size:10px;
  font-weight:950;
  color:#0B6B3D;
  background:#E9FFE9;
  padding:8px 10px;
  border-radius:999px;
}
.landing-v6 .layer-request{
  left:-10px;
  top:58px;
}
.landing-v6 .layer-segment{
  right:-6px;
  bottom:76px;
  transform:translate3d(var(--layer-x,0px),0,0);
}
.landing-v6 .layer-segment .layer-icon{
  background:linear-gradient(135deg,#0B3D2E,#16A34A);
  color:#fff;
}
.landing-v6 .layer-segment i{
  color:#111827;
  background:#D5FF69;
}
.landing-v6 .v4-floating-pill{
  display:none!important;
}
.landing-v6 .v4-trust-strip{
  background:linear-gradient(180deg,#F4F8F2,#F7F9F8);
}

@media(max-width:1120px){
  .landing-v6 .v4-hero-grid{
    grid-template-columns:1fr;
    gap:38px;
    padding:56px 0 62px;
  }
  .landing-v6 .v4-hero-copy h1,
  .landing-v6 .v4-lead{
    max-width:880px;
  }
  .landing-v6 .v4-hero-visual{
    min-height:540px;
  }
  .landing-v6 .v6-visual-frame{
    width:min(100%,650px);
  }
}
@media(max-width:860px){
  .landing-v6 .v4-hero{
    background:
      radial-gradient(circle at 70% 10%, rgba(183,255,26,.34), transparent 22%),
      linear-gradient(180deg,#FAFCF8 0%,#F2F8F1 100%);
  }
  .landing-v6 .v4-hero:after{
    right:-260px;
    top:230px;
    width:420px;
    height:420px;
    opacity:.75;
  }
  .landing-v6 .v4-hero-grid{
    padding:42px 0 50px;
    gap:26px;
  }
  .landing-v6 .v4-hero-copy h1{
    font-size:clamp(41px,11.8vw,58px);
    line-height:.98;
    letter-spacing:-.072em;
  }
  .landing-v6 .v4-lead{
    font-size:15.5px;
    line-height:1.68;
  }
  .landing-v6 .v4-hero-visual{
    min-height:auto;
    display:block;
    overflow:visible;
  }
  .landing-v6 .v6-visual-frame{
    width:100%;
    min-height:0;
    display:block;
    padding-top:56px;
  }
  .landing-v6 .v6-visual-frame:before{
    inset:36px 6px 26px;
    border-radius:32px;
  }
  .landing-v6 .v6-layer-card{
    width:calc(50% + 48px);
    grid-template-columns:34px 1fr;
    gap:9px;
    padding:10px;
    border-radius:17px;
  }
  .landing-v6 .v6-layer-card .layer-icon{
    width:34px;
    height:34px;
    border-radius:12px;
  }
  .landing-v6 .v6-layer-card strong{
    font-size:12px;
  }
  .landing-v6 .v6-layer-card span{
    font-size:9.5px;
  }
  .landing-v6 .v6-layer-card i{
    display:none;
  }
  .landing-v6 .layer-request{
    left:2px;
    top:0;
  }
  .landing-v6 .layer-segment{
    right:2px;
    top:24px;
    bottom:auto;
  }
  .landing-v6 .v4-report-card{
    width:100%;
    border-radius:28px;
    padding:16px;
    transform:none!important;
  }
  .landing-v6 .v4-card-head{
    margin-bottom:16px;
  }
  .landing-v6 .v4-card-head img{
    height:34px;
  }
  .landing-v6 .v4-card-body{
    border-radius:22px;
    padding:15px;
  }
  .landing-v6 .v4-stat-grid{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .landing-v6 .v4-stat-grid article{
    min-height:96px;
    border-radius:18px;
    padding:14px;
  }
  .landing-v6 .v4-stat-grid strong{
    font-size:23px;
    margin-top:10px;
  }
  .landing-v6 .v4-funnel-card{
    padding:15px;
    border-radius:18px;
  }
}
@media(max-width:520px){
  .landing-v6 .v4-hero-grid{
    padding-top:36px;
  }
  .landing-v6 .v4-hero-copy h1{
    font-size:39px;
  }
  .landing-v6 .v6-visual-frame{
    padding-top:64px;
  }
  .landing-v6 .v6-layer-card{
    width:58%;
  }
  .landing-v6 .layer-request{
    left:0;
  }
  .landing-v6 .layer-segment{
    right:0;
  }
  .landing-v6 .v4-stat-grid{
    grid-template-columns:1fr 1fr;
  }
  .landing-v6 .v4-stat-grid small{
    font-size:8.6px;
  }
  .landing-v6 .v4-stat-grid strong{
    font-size:21px;
  }
  .landing-v6 .v4-funnel-row{
    grid-template-columns:66px 1fr 36px;
  }
}

/* ==============================
   Sendly v7 hero final polish
   Focus: centered mobile hero, smooth left-right gyro cards, cleaner premium first section
   ============================== */
.landing-v7 .v4-hero{
  background:
    radial-gradient(circle at 82% 8%, rgba(183,255,26,.38), transparent 20%),
    radial-gradient(circle at 8% 34%, rgba(74,222,128,.12), transparent 25%),
    linear-gradient(140deg,#FAFCF8 0%,#F7FAF5 44%,#EEF8EE 100%);
}
.landing-v7 .v4-hero:before{
  background-image:
    linear-gradient(rgba(11,61,46,.038) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,61,46,.038) 1px, transparent 1px);
  background-size:46px 46px;
  opacity:.9;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.9) 0%, rgba(0,0,0,.74) 54%, transparent 98%);
}
.landing-v7 .v4-hero:after{
  display:none!important;
  content:none!important;
}
.landing-v7 .v4-hero-grid{
  grid-template-columns:minmax(0,.98fr) minmax(520px,1.02fr);
  gap:clamp(54px,6vw,92px);
  min-height:700px;
  padding:82px 0 78px;
}
.landing-v7 .v4-hero-copy h1{
  font-size:clamp(54px,5.35vw,78px);
  line-height:.955;
  letter-spacing:-.079em;
  max-width:780px;
}
.landing-v7 .v4-lead{
  max-width:690px;
  color:#475569;
}
.landing-v7 .v4-actions .btn{
  min-height:54px;
}
.landing-v7 .v4-hero-visual{
  overflow:visible;
}
.landing-v7 .v6-visual-frame{
  width:min(100%,620px);
  min-height:552px;
  --layer-left-x:0px;
  --layer-left-y:0px;
  --layer-right-x:0px;
  --layer-right-y:0px;
}
.landing-v7 .v6-visual-frame:before{
  inset:54px 16px 24px;
  border-radius:46px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.7),rgba(183,255,26,.12)),
    radial-gradient(circle at 20% 10%,rgba(74,222,128,.18),transparent 34%);
  border:1px solid rgba(11,107,61,.11);
  box-shadow:0 24px 70px rgba(11,61,46,.12);
  transform:translate3d(calc(var(--layer-right-x) * -.16),calc(var(--layer-right-y) * -.12),0) rotate(-2.2deg);
}
.landing-v7 .v6-visual-frame:after{
  width:82%;
  height:58%;
  border-radius:42%;
  background:radial-gradient(circle,rgba(183,255,26,.26),rgba(22,163,74,.10) 44%,transparent 72%);
  filter:blur(30px);
  transform:translate3d(calc(var(--layer-left-x) * .10),calc(var(--layer-left-y) * .08),0);
}
.landing-v7 .v4-report-card{
  width:min(100%,548px);
  transform:perspective(1200px) rotateX(var(--report-rx,0deg)) rotateY(var(--report-ry,0deg)) translate3d(var(--report-x,0px),var(--report-y,0px),0);
  transition:box-shadow .28s ease;
  will-change:transform;
}
.landing-v7 .v6-layer-card{
  transition:box-shadow .28s ease, opacity .28s ease;
  will-change:transform;
}
.landing-v7 .layer-request{
  left:-32px;
  top:34px;
  bottom:auto;
  transform:translate3d(var(--layer-left-x,0px),var(--layer-left-y,0px),0) rotate(-1.25deg);
}
.landing-v7 .layer-segment{
  right:-34px;
  top:112px;
  bottom:auto;
  transform:translate3d(var(--layer-right-x,0px),var(--layer-right-y,0px),0) rotate(1.1deg);
}
.landing-v7 .v6-layer-card:hover{
  box-shadow:0 30px 70px rgba(11,61,46,.20),0 6px 18px rgba(17,24,39,.08);
}
.landing-v7 .v4-card-head span{
  white-space:nowrap;
}
.landing-v7 .v4-stat-grid article{
  min-height:128px;
}

@media(max-width:1120px){
  .landing-v7 .v4-hero-grid{
    grid-template-columns:1fr;
    min-height:0;
    padding:66px 0 72px;
  }
  .landing-v7 .v4-hero-copy h1,
  .landing-v7 .v4-lead{
    max-width:920px;
  }
  .landing-v7 .v4-hero-visual{
    min-height:560px;
  }
  .landing-v7 .v6-visual-frame{
    margin-inline:auto;
  }
  .landing-v7 .layer-request{
    left:-10px;
  }
  .landing-v7 .layer-segment{
    right:-10px;
  }
}

@media(max-width:860px){
  .landing-v7 .v4-hero{
    background:
      radial-gradient(circle at 50% 8%, rgba(183,255,26,.34), transparent 22%),
      radial-gradient(circle at 50% 58%, rgba(74,222,128,.13), transparent 32%),
      linear-gradient(180deg,#FAFCF8 0%,#F3F8F1 100%);
  }
  .landing-v7 .v4-hero-grid{
    padding:44px 0 58px;
    gap:34px;
  }
  .landing-v7 .v4-hero-copy{
    text-align:center;
    margin-inline:auto;
  }
  .landing-v7 .v4-kicker,
  .landing-v7 .v4-hero-copy h1,
  .landing-v7 .v4-lead{
    margin-left:auto;
    margin-right:auto;
  }
  .landing-v7 .v4-kicker{
    margin-bottom:16px;
  }
  .landing-v7 .v4-hero-copy h1{
    font-size:clamp(42px,11.6vw,58px);
    line-height:.975;
    letter-spacing:-.074em;
    max-width:620px;
  }
  .landing-v7 .v4-lead{
    max-width:560px;
    font-size:15.5px;
    line-height:1.72;
  }
  .landing-v7 .v4-actions{
    justify-content:center;
    margin-top:28px;
  }
  .landing-v7 .v4-hero-visual{
    min-height:auto;
    padding-top:0;
  }
  .landing-v7 .v6-visual-frame{
    width:min(100%,440px);
    min-height:0;
    padding-top:142px;
    margin-inline:auto;
  }
  .landing-v7 .v6-visual-frame:before{
    inset:126px 4px 20px;
    border-radius:30px;
    transform:rotate(-1.5deg);
  }
  .landing-v7 .v6-visual-frame:after{
    top:120px;
    width:92%;
    height:46%;
    opacity:.8;
  }
  .landing-v7 .v6-layer-card{
    width:min(316px,calc(100% - 18px));
    grid-template-columns:38px 1fr auto;
    gap:10px;
    padding:11px 12px;
    border-radius:18px;
  }
  .landing-v7 .v6-layer-card .layer-icon{
    width:38px;
    height:38px;
    border-radius:13px;
  }
  .landing-v7 .v6-layer-card strong{
    font-size:12.5px;
  }
  .landing-v7 .v6-layer-card span{
    font-size:10px;
    line-height:1.32;
  }
  .landing-v7 .v6-layer-card i{
    display:none;
  }
  .landing-v7 .layer-request{
    left:50%;
    top:0;
    right:auto;
    transform:translate3d(calc(-50% + var(--layer-left-x,0px)),var(--layer-left-y,0px),0) rotate(-.8deg);
  }
  .landing-v7 .layer-segment{
    left:50%;
    right:auto;
    top:70px;
    bottom:auto;
    transform:translate3d(calc(-50% + var(--layer-right-x,0px)),var(--layer-right-y,0px),0) rotate(.8deg);
  }
  .landing-v7 .v4-report-card{
    width:100%;
    max-width:440px;
    margin-inline:auto;
    border-radius:30px;
    padding:16px;
    transform:perspective(1000px) rotateX(var(--report-rx,0deg)) rotateY(var(--report-ry,0deg)) translate3d(var(--report-x,0px),var(--report-y,0px),0)!important;
  }
  .landing-v7 .v4-card-head{
    align-items:center;
  }
  .landing-v7 .v4-card-body{
    padding:15px;
  }
  .landing-v7 .v4-stat-grid article{
    min-height:98px;
  }
}

@media(max-width:520px){
  .landing-v7 .v4-hero-grid{
    padding-top:38px;
    gap:30px;
  }
  .landing-v7 .v4-hero-copy h1{
    font-size:clamp(39px,11.2vw,48px);
    max-width:390px;
  }
  .landing-v7 .v4-lead{
    font-size:15px;
    max-width:360px;
  }
  .landing-v7 .v4-actions .btn{
    width:100%;
  }
  .landing-v7 .v6-visual-frame{
    width:100%;
    padding-top:138px;
  }
  .landing-v7 .v6-layer-card{
    width:min(300px,calc(100% - 14px));
  }
  .landing-v7 .layer-request{
    top:0;
  }
  .landing-v7 .layer-segment{
    top:66px;
  }
  .landing-v7 .v4-card-head img{
    height:32px;
  }
  .landing-v7 .v4-card-head span{
    font-size:10px;
    padding:7px 10px;
  }
  .landing-v7 .v4-stat-grid{
    gap:9px;
  }
  .landing-v7 .v4-stat-grid article{
    min-height:92px;
    padding:13px;
  }
  .landing-v7 .v4-stat-grid strong{
    font-size:20px;
  }
  .landing-v7 .v4-funnel-card{
    margin-top:12px;
  }
}

@media(max-width:380px){
  .landing-v7 .v4-hero-copy h1{
    font-size:36px;
  }
  .landing-v7 .v6-visual-frame{
    padding-top:132px;
  }
  .landing-v7 .v6-layer-card{
    width:calc(100% - 8px);
  }
  .landing-v7 .v6-layer-card span{
    font-size:9.4px;
  }
}

@media(prefers-reduced-motion:reduce){
  .landing-v7 .v4-report-card,
  .landing-v7 .v6-layer-card,
  .landing-v7 .v6-visual-frame:before,
  .landing-v7 .v6-visual-frame:after{
    transition:none!important;
    transform:none!important;
  }
}

/* ==============================
   Sendly v8 mobile hero refinement
   Focus: side-by-side CTA, cleaner mobile layered gyro cards
   ============================== */
.landing-v8 .v4-actions .btn{
  white-space:nowrap;
}
.landing-v8 .v6-layer-card{
  overflow:hidden;
}
.landing-v8 .v6-layer-card span{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

@media(max-width:860px){
  .landing-v8 .v4-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    width:100%;
    max-width:520px;
    margin-left:auto;
    margin-right:auto;
  }
  .landing-v8 .v4-actions .btn{
    width:auto;
    min-width:0;
    justify-content:center;
    padding:14px 14px;
    font-size:13.5px;
  }
  .landing-v8 .v4-hero-visual{
    margin-top:4px;
  }
  .landing-v8 .v6-visual-frame{
    width:min(100%,460px);
    padding-top:86px;
  }
  .landing-v8 .v6-visual-frame:before{
    inset:72px 2px 18px;
    border-radius:30px;
    transform:rotate(-1.15deg);
  }
  .landing-v8 .v6-visual-frame:after{
    top:60px;
    width:96%;
    height:42%;
    opacity:.68;
  }
  .landing-v8 .v6-layer-card{
    width:calc(50% - 8px);
    min-height:82px;
    grid-template-columns:36px minmax(0,1fr);
    align-items:center;
    gap:9px;
    padding:12px 12px;
    border-radius:20px;
    box-shadow:0 20px 44px rgba(11,61,46,.13),0 1px 0 rgba(255,255,255,.8) inset;
  }
  .landing-v8 .v6-layer-card .layer-icon{
    width:36px;
    height:36px;
    border-radius:13px;
  }
  .landing-v8 .v6-layer-card strong{
    font-size:12px;
    line-height:1.12;
    letter-spacing:-.025em;
  }
  .landing-v8 .v6-layer-card span{
    margin-top:4px;
    font-size:9.5px;
    line-height:1.25;
    color:#64748B;
    -webkit-line-clamp:2;
  }
  .landing-v8 .layer-request{
    left:0;
    top:0;
    right:auto;
    transform:translate3d(var(--layer-left-x,0px),var(--layer-left-y,0px),0) rotate(-1.2deg);
  }
  .landing-v8 .layer-segment{
    left:auto;
    right:0;
    top:28px;
    transform:translate3d(var(--layer-right-x,0px),var(--layer-right-y,0px),0) rotate(1.2deg);
  }
  .landing-v8 .v4-report-card{
    max-width:460px;
    border-radius:30px;
  }
}

@media(max-width:520px){
  .landing-v8 .v4-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    max-width:390px;
    margin-top:26px;
  }
  .landing-v8 .v4-actions .btn{
    width:auto!important;
    padding:13px 9px;
    min-height:52px;
    border-radius:999px;
    font-size:12.4px;
    line-height:1.1;
  }
  .landing-v8 .v4-hero-copy h1{
    max-width:405px;
  }
  .landing-v8 .v6-visual-frame{
    padding-top:82px;
  }
  .landing-v8 .v6-visual-frame:before{
    inset:68px 0 14px;
  }
  .landing-v8 .v6-layer-card{
    width:calc(50% - 6px);
    min-height:78px;
    padding:10px 9px;
    gap:8px;
    border-radius:18px;
  }
  .landing-v8 .v6-layer-card .layer-icon{
    width:33px;
    height:33px;
    border-radius:12px;
  }
  .landing-v8 .v6-layer-card strong{
    font-size:11.25px;
  }
  .landing-v8 .v6-layer-card span{
    font-size:8.8px;
    line-height:1.22;
  }
  .landing-v8 .layer-segment{
    top:24px;
  }
}

@media(max-width:390px){
  .landing-v8 .v4-actions{
    gap:8px;
  }
  .landing-v8 .v4-actions .btn{
    font-size:11.5px;
    padding-left:7px;
    padding-right:7px;
  }
  .landing-v8 .v6-layer-card{
    grid-template-columns:30px minmax(0,1fr);
    min-height:72px;
  }
  .landing-v8 .v6-layer-card .layer-icon{
    width:30px;
    height:30px;
  }
  .landing-v8 .v6-layer-card span{
    display:none;
  }
}


/* ==============================
   Sendly v9 hero layer composition
   Focus: keep Sendly logo visible, move gyro cards to middle-left and lower-right
   ============================== */
.landing-v9 .v4-hero{
  background:
    radial-gradient(circle at 74% 12%, rgba(183,255,26,.36), transparent 21%),
    radial-gradient(circle at 38% 54%, rgba(74,222,128,.10), transparent 28%),
    linear-gradient(180deg,#FBFCF8 0%,#F3F8F1 100%);
}
.landing-v9 .v4-hero:before{
  opacity:.48;
}
.landing-v9 .v4-hero-visual{
  overflow:visible;
}
.landing-v9 .v6-visual-frame{
  min-height:590px;
  width:min(100%,640px);
}
.landing-v9 .v6-visual-frame:before{
  inset:58px 22px 34px;
  border-radius:48px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.78),rgba(183,255,26,.10)),
    radial-gradient(circle at 76% 18%,rgba(183,255,26,.22),transparent 36%),
    radial-gradient(circle at 18% 76%,rgba(22,163,74,.12),transparent 34%);
  box-shadow:0 26px 78px rgba(11,61,46,.12);
}
.landing-v9 .v6-visual-frame:after{
  width:80%;
  height:54%;
  left:10%;
  top:25%;
  opacity:.74;
  filter:blur(34px);
  background:radial-gradient(circle,rgba(183,255,26,.23),rgba(74,222,128,.10) 45%,transparent 74%);
}
.landing-v9 .v4-report-card{
  width:min(100%,560px);
  z-index:2;
}
.landing-v9 .v6-layer-card{
  z-index:6;
  width:318px;
  min-height:78px;
  border-radius:24px;
  background:rgba(255,255,255,.90);
  box-shadow:0 24px 58px rgba(11,61,46,.16),0 1px 0 rgba(255,255,255,.9) inset;
}
.landing-v9 .layer-request{
  left:-42px;
  top:252px;
  right:auto;
  bottom:auto;
  transform:translate3d(var(--layer-left-x,0px),var(--layer-left-y,0px),0) rotate(-1.5deg);
}
.landing-v9 .layer-segment{
  right:-46px;
  left:auto;
  top:auto;
  bottom:118px;
  transform:translate3d(var(--layer-right-x,0px),var(--layer-right-y,0px),0) rotate(1.35deg);
}
.landing-v9 .layer-request:hover,
.landing-v9 .layer-segment:hover{
  box-shadow:0 30px 72px rgba(11,61,46,.20),0 1px 0 rgba(255,255,255,.95) inset;
}

@media(max-width:1120px){
  .landing-v9 .v6-visual-frame{
    margin-inline:auto;
  }
  .landing-v9 .layer-request{
    left:-16px;
  }
  .landing-v9 .layer-segment{
    right:-16px;
  }
}

@media(max-width:860px){
  .landing-v9 .v4-hero-grid{
    gap:30px;
  }
  .landing-v9 .v4-hero-visual{
    margin-top:0;
  }
  .landing-v9 .v6-visual-frame{
    width:min(100%,470px);
    min-height:0;
    padding-top:10px;
    padding-bottom:22px;
  }
  .landing-v9 .v6-visual-frame:before{
    inset:6px 0 14px;
    border-radius:34px;
    transform:rotate(-.9deg);
  }
  .landing-v9 .v6-visual-frame:after{
    top:18%;
    left:4%;
    width:92%;
    height:56%;
    opacity:.64;
  }
  .landing-v9 .v4-report-card{
    max-width:470px;
    border-radius:32px;
    padding:16px;
    margin-inline:auto;
  }
  .landing-v9 .v4-card-head{
    min-height:42px;
    margin-bottom:18px;
  }
  .landing-v9 .v4-card-head img{
    height:34px;
  }
  .landing-v9 .v4-card-head span{
    font-size:10.5px;
    padding:8px 12px;
  }
  .landing-v9 .v4-card-body{
    padding:15px;
    border-radius:24px;
  }
  .landing-v9 .v6-layer-card{
    width:min(260px,64%);
    min-height:74px;
    grid-template-columns:36px minmax(0,1fr) auto;
    gap:10px;
    padding:11px 12px;
    border-radius:20px;
    opacity:.98;
  }
  .landing-v9 .v6-layer-card .layer-icon{
    width:36px;
    height:36px;
  }
  .landing-v9 .v6-layer-card strong{
    font-size:12px;
  }
  .landing-v9 .v6-layer-card span{
    font-size:9.4px;
    line-height:1.25;
  }
  .landing-v9 .v6-layer-card i{
    display:none;
  }
  .landing-v9 .layer-request{
    left:-6px;
    top:214px;
    transform:translate3d(var(--layer-left-x,0px),var(--layer-left-y,0px),0) rotate(-1.25deg);
  }
  .landing-v9 .layer-segment{
    right:-6px;
    top:auto;
    bottom:132px;
    transform:translate3d(var(--layer-right-x,0px),var(--layer-right-y,0px),0) rotate(1.15deg);
  }
}

@media(max-width:520px){
  .landing-v9 .v6-visual-frame{
    width:100%;
    padding-top:8px;
    padding-bottom:18px;
  }
  .landing-v9 .v4-report-card{
    border-radius:30px;
    padding:14px;
  }
  .landing-v9 .v4-card-head{
    margin-bottom:15px;
  }
  .landing-v9 .v4-card-head img{
    height:31px;
  }
  .landing-v9 .v4-card-head span{
    font-size:9.6px;
    padding:7px 10px;
  }
  .landing-v9 .v4-card-body{
    padding:13px;
  }
  .landing-v9 .v4-stat-grid article{
    min-height:96px;
    padding:14px;
  }
  .landing-v9 .v6-layer-card{
    width:min(238px,66%);
    min-height:68px;
    grid-template-columns:32px minmax(0,1fr);
    padding:10px 11px;
    gap:9px;
  }
  .landing-v9 .v6-layer-card .layer-icon{
    width:32px;
    height:32px;
    border-radius:12px;
  }
  .landing-v9 .v6-layer-card strong{
    font-size:11.2px;
  }
  .landing-v9 .v6-layer-card span{
    font-size:8.8px;
  }
  .landing-v9 .layer-request{
    left:-8px;
    top:194px;
  }
  .landing-v9 .layer-segment{
    right:-8px;
    bottom:120px;
  }
}

@media(max-width:390px){
  .landing-v9 .v6-layer-card{
    width:min(218px,68%);
    min-height:62px;
    grid-template-columns:30px minmax(0,1fr);
    padding:9px 10px;
  }
  .landing-v9 .v6-layer-card span{
    display:block;
    font-size:8.2px;
    -webkit-line-clamp:1;
  }
  .landing-v9 .layer-request{
    top:180px;
  }
  .landing-v9 .layer-segment{
    bottom:108px;
  }
}


/* ==============================
   Sendly v10 desktop floating refinement
   Focus: smaller desktop cards + horizontal-only smooth gyro
   ============================== */
.landing-v10 .v6-layer-card{
  width:268px;
  min-height:66px;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:12px;
  padding:13px 15px;
  border-radius:20px;
  transform:translate3d(0,0,0);
  will-change:transform;
  transition:box-shadow .22s ease, opacity .22s ease;
}
.landing-v10 .v6-layer-card .layer-icon{
  width:44px;
  height:44px;
  border-radius:15px;
}
.landing-v10 .v6-layer-card svg{
  width:18px;
  height:18px;
}
.landing-v10 .v6-layer-card strong{
  font-size:14px;
  line-height:1.1;
  margin-bottom:4px;
}
.landing-v10 .v6-layer-card span{
  font-size:11px;
  line-height:1.28;
}
.landing-v10 .v6-layer-card i{
  font-size:10px;
  padding:7px 9px;
}
.landing-v10 .layer-request{
  left:-30px;
  top:262px;
  transform:translate3d(var(--layer-left-x,0px),0,0)!important;
}
.landing-v10 .layer-segment{
  right:-28px;
  bottom:126px;
  transform:translate3d(var(--layer-right-x,0px),0,0)!important;
}
.landing-v10 .v4-report-card{
  transform:translate3d(var(--report-x,0px),0,0)!important;
  transition:box-shadow .22s ease;
}
.landing-v10 .v4-report-card:before{
  animation:none!important;
  opacity:.42;
}

@media(max-width:1120px){
  .landing-v10 .v6-layer-card{
    width:258px;
  }
  .landing-v10 .layer-request{
    left:-12px;
  }
  .landing-v10 .layer-segment{
    right:-12px;
  }
}

@media(max-width:860px){
  .landing-v10 .v6-layer-card{
    width:min(232px,58%);
    min-height:64px;
    grid-template-columns:34px minmax(0,1fr);
    gap:9px;
    padding:10px 11px;
    border-radius:18px;
  }
  .landing-v10 .v6-layer-card .layer-icon{
    width:34px;
    height:34px;
    border-radius:12px;
  }
  .landing-v10 .v6-layer-card strong{
    font-size:11.4px;
  }
  .landing-v10 .v6-layer-card span{
    font-size:8.8px;
    line-height:1.22;
  }
  .landing-v10 .layer-request{
    left:-2px;
    top:210px;
    transform:translate3d(var(--layer-left-x,0px),0,0)!important;
  }
  .landing-v10 .layer-segment{
    right:-2px;
    bottom:126px;
    transform:translate3d(var(--layer-right-x,0px),0,0)!important;
  }
}

@media(max-width:520px){
  .landing-v10 .v6-layer-card{
    width:min(212px,58%);
    min-height:60px;
    grid-template-columns:31px minmax(0,1fr);
    padding:9px 10px;
    border-radius:17px;
  }
  .landing-v10 .v6-layer-card .layer-icon{
    width:31px;
    height:31px;
  }
  .landing-v10 .v6-layer-card strong{
    font-size:10.8px;
  }
  .landing-v10 .v6-layer-card span{
    font-size:8.2px;
  }
  .landing-v10 .layer-request{
    left:-6px;
    top:194px;
  }
  .landing-v10 .layer-segment{
    right:-6px;
    bottom:114px;
  }
}

@media(max-width:390px){
  .landing-v10 .v6-layer-card{
    width:min(198px,60%);
    min-height:56px;
    grid-template-columns:29px minmax(0,1fr);
    padding:8px 9px;
  }
  .landing-v10 .v6-layer-card .layer-icon{
    width:29px;
    height:29px;
  }
  .landing-v10 .v6-layer-card strong{
    font-size:10.2px;
  }
  .landing-v10 .v6-layer-card span{
    font-size:7.9px;
  }
  .landing-v10 .layer-request{
    top:182px;
  }
  .landing-v10 .layer-segment{
    bottom:104px;
  }
}


/* ==============================
   Sendly v12 hero natural highlight patch
   Focus: underline-style multi-layer overlay without changing heading spacing
   ============================== */
.landing-v10 .hero-highlight-box,
.landing-v5 .hero-highlight-box,
.landing-v4 .hero-highlight-box{
  display:inline;
  position:relative;
  z-index:0;
  color:inherit;
  padding:0 .02em;
  margin:0;
  background-image:
    linear-gradient(180deg,
      transparent 0%,
      transparent 54%,
      rgba(182,255,26,.92) 54%,
      rgba(182,255,26,.92) 79%,
      transparent 79%,
      transparent 100%),
    linear-gradient(180deg,
      transparent 0%,
      transparent 64%,
      rgba(121,243,105,.62) 64%,
      rgba(121,243,105,.62) 92%,
      transparent 92%,
      transparent 100%);
  background-repeat:no-repeat;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
.landing-v10 .hero-highlight-box::before,
.landing-v5 .hero-highlight-box::before,
.landing-v4 .hero-highlight-box::before{
  content:"";
  position:absolute;
  left:-.02em;
  right:-.02em;
  bottom:.08em;
  height:.16em;
  background:rgba(11,61,46,.07);
  filter:blur(10px);
  z-index:-1;
  pointer-events:none;
}
.landing-v10 .v4-hero-copy h1 .hero-highlight-box,
.landing-v5 .v4-hero-copy h1 .hero-highlight-box,
.landing-v4 .v4-hero-copy h1 .hero-highlight-box{
  line-height:inherit;
}
@media(max-width:860px){
  .landing-v10 .hero-highlight-box,
  .landing-v5 .hero-highlight-box,
  .landing-v4 .hero-highlight-box{
    padding:0 .015em;
    background-image:
      linear-gradient(180deg,
        transparent 0%,
        transparent 56%,
        rgba(182,255,26,.90) 56%,
        rgba(182,255,26,.90) 80%,
        transparent 80%,
        transparent 100%),
      linear-gradient(180deg,
        transparent 0%,
        transparent 67%,
        rgba(121,243,105,.58) 67%,
        rgba(121,243,105,.58) 91%,
        transparent 91%,
        transparent 100%);
  }
  .landing-v10 .hero-highlight-box::before,
  .landing-v5 .hero-highlight-box::before,
  .landing-v4 .hero-highlight-box::before{
    bottom:.06em;
    height:.14em;
    filter:blur(8px);
  }
}

/* ==============================
   Sendly v13 seamless marquee + spacing polish
   Focus: replace static use-case strip with continuous running text and tighter section rhythm
   ============================== */
.landing-v10 .v13-marquee-strip,
.landing-v5 .v13-marquee-strip,
.landing-v4 .v13-marquee-strip{
  position:relative;
  overflow:hidden;
  padding:34px 0 48px;
  background:
    radial-gradient(circle at 50% 0%, rgba(183,255,26,.12), transparent 35%),
    linear-gradient(180deg,#F6FAF4 0%,#F7F9F8 100%);
  border-top:1px solid rgba(11,61,46,.06);
  border-bottom:1px solid rgba(11,61,46,.06);
}
.landing-v10 .v13-strip-intro,
.landing-v5 .v13-strip-intro,
.landing-v4 .v13-strip-intro{
  text-align:center;
  margin-bottom:24px;
}
.landing-v10 .v13-strip-intro p,
.landing-v5 .v13-strip-intro p,
.landing-v4 .v13-strip-intro p{
  max-width:850px;
  margin:0 auto;
  color:#4B5B6F;
  font-size:16px;
  line-height:1.55;
  font-weight:800;
}
.landing-v10 .v13-marquee,
.landing-v5 .v13-marquee,
.landing-v4 .v13-marquee{
  width:100%;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);
}
.landing-v10 .v13-marquee-track,
.landing-v5 .v13-marquee-track,
.landing-v4 .v13-marquee-track{
  display:flex;
  align-items:center;
  width:max-content;
  gap:28px;
  white-space:nowrap;
  will-change:transform;
  animation:sendlyMarquee 34s linear infinite;
}
.landing-v10 .v13-marquee-track span,
.landing-v5 .v13-marquee-track span,
.landing-v4 .v13-marquee-track span{
  display:inline-flex;
  align-items:center;
  color:#111827;
  font-size:clamp(24px,2.4vw,38px);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:950;
  opacity:.78;
}
.landing-v10 .v13-marquee-track i,
.landing-v5 .v13-marquee-track i,
.landing-v4 .v13-marquee-track i{
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(135deg,#B7FF1A,#16A34A);
  box-shadow:0 0 0 8px rgba(183,255,26,.16);
  flex:none;
}
.landing-v10 .v13-marquee:hover .v13-marquee-track,
.landing-v5 .v13-marquee:hover .v13-marquee-track,
.landing-v4 .v13-marquee:hover .v13-marquee-track{
  animation-play-state:paused;
}
@keyframes sendlyMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* Section rhythm polish */
.landing-v10 .v4-hero-grid,
.landing-v5 .v4-hero-grid{
  padding-bottom:58px;
}
.landing-v10 .v4-section,
.landing-v5 .v4-section,
.landing-v4 .v4-section{
  padding-top:76px;
  padding-bottom:76px;
}
.landing-v10 .v4-process,
.landing-v5 .v4-process,
.landing-v4 .v4-process{
  padding-top:76px;
  padding-bottom:76px;
}
.landing-v10 .v4-final-cta,
.landing-v5 .v4-final-cta,
.landing-v4 .v4-final-cta{
  padding-top:70px;
  padding-bottom:70px;
}
.landing-v10 .v4-section + .v4-process,
.landing-v5 .v4-section + .v4-process,
.landing-v4 .v4-section + .v4-process{
  margin-top:0;
}

@media(max-width:860px){
  .landing-v10 .v13-marquee-strip,
  .landing-v5 .v13-marquee-strip,
  .landing-v4 .v13-marquee-strip{
    padding:24px 0 34px;
  }
  .landing-v10 .v13-strip-intro,
  .landing-v5 .v13-strip-intro,
  .landing-v4 .v13-strip-intro{
    margin-bottom:18px;
  }
  .landing-v10 .v13-strip-intro p,
  .landing-v5 .v13-strip-intro p,
  .landing-v4 .v13-strip-intro p{
    font-size:13px;
    line-height:1.55;
    max-width:94%;
  }
  .landing-v10 .v13-marquee-track,
  .landing-v5 .v13-marquee-track,
  .landing-v4 .v13-marquee-track{
    gap:18px;
    animation-duration:28s;
  }
  .landing-v10 .v13-marquee-track span,
  .landing-v5 .v13-marquee-track span,
  .landing-v4 .v13-marquee-track span{
    font-size:24px;
    letter-spacing:-.035em;
  }
  .landing-v10 .v13-marquee-track i,
  .landing-v5 .v13-marquee-track i,
  .landing-v4 .v13-marquee-track i{
    width:8px;
    height:8px;
    box-shadow:0 0 0 6px rgba(183,255,26,.14);
  }
  .landing-v10 .v4-hero-grid,
  .landing-v5 .v4-hero-grid{
    padding-bottom:42px;
  }
  .landing-v10 .v4-section,
  .landing-v5 .v4-section,
  .landing-v4 .v4-section,
  .landing-v10 .v4-process,
  .landing-v5 .v4-process,
  .landing-v4 .v4-process{
    padding-top:54px;
    padding-bottom:54px;
  }
  .landing-v10 .v4-final-cta,
  .landing-v5 .v4-final-cta,
  .landing-v4 .v4-final-cta{
    padding-top:48px;
    padding-bottom:48px;
  }
}
@media(max-width:520px){
  .landing-v10 .v13-marquee-strip,
  .landing-v5 .v13-marquee-strip,
  .landing-v4 .v13-marquee-strip{
    padding:22px 0 30px;
  }
  .landing-v10 .v13-marquee-track span,
  .landing-v5 .v13-marquee-track span,
  .landing-v4 .v13-marquee-track span{
    font-size:22px;
  }
}
@media(prefers-reduced-motion:reduce){
  .landing-v10 .v13-marquee-track,
  .landing-v5 .v13-marquee-track,
  .landing-v4 .v13-marquee-track{
    animation:none;
    transform:none;
  }
}


/* ==============================
   Sendly v14 dark seamless marquee patch
   Focus: dark premium running text, icon based, no intro text, no pause, tighter rhythm
   ============================== */
.landing-v10 .v14-dark-marquee-strip,
.landing-v5 .v14-dark-marquee-strip,
.landing-v4 .v14-dark-marquee-strip{
  position:relative;
  overflow:hidden;
  padding:22px 0;
  background:
    radial-gradient(circle at 22% 0%, rgba(183,255,26,.16), transparent 28%),
    radial-gradient(circle at 82% 100%, rgba(22,163,74,.20), transparent 32%),
    linear-gradient(135deg,#061610 0%,#09291F 48%,#0B3D2E 100%);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 26px 70px rgba(11,61,46,.14);
}
.landing-v10 .v14-dark-marquee-strip::before,
.landing-v10 .v14-dark-marquee-strip::after,
.landing-v5 .v14-dark-marquee-strip::before,
.landing-v5 .v14-dark-marquee-strip::after,
.landing-v4 .v14-dark-marquee-strip::before,
.landing-v4 .v14-dark-marquee-strip::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:120px;
  z-index:3;
  pointer-events:none;
}
.landing-v10 .v14-dark-marquee-strip::before,
.landing-v5 .v14-dark-marquee-strip::before,
.landing-v4 .v14-dark-marquee-strip::before{
  left:0;
  background:linear-gradient(90deg,#061610 0%,rgba(6,22,16,.92) 34%,transparent 100%);
}
.landing-v10 .v14-dark-marquee-strip::after,
.landing-v5 .v14-dark-marquee-strip::after,
.landing-v4 .v14-dark-marquee-strip::after{
  right:0;
  background:linear-gradient(270deg,#0B3D2E 0%,rgba(11,61,46,.88) 34%,transparent 100%);
}
.landing-v10 .v14-dark-marquee-strip .v13-strip-intro,
.landing-v5 .v14-dark-marquee-strip .v13-strip-intro,
.landing-v4 .v14-dark-marquee-strip .v13-strip-intro{
  display:none !important;
}
.landing-v10 .v14-marquee,
.landing-v5 .v14-marquee,
.landing-v4 .v14-marquee{
  width:100%;
  overflow:hidden;
}
.landing-v10 .v14-marquee-track,
.landing-v5 .v14-marquee-track,
.landing-v4 .v14-marquee-track{
  display:flex;
  align-items:center;
  width:max-content;
  will-change:transform;
  animation:sendlyDarkMarquee 26s linear infinite;
}
.landing-v10 .v14-marquee-group,
.landing-v5 .v14-marquee-group,
.landing-v4 .v14-marquee-group{
  display:flex;
  align-items:center;
  gap:16px;
  padding-right:16px;
  flex:0 0 auto;
}
.landing-v10 .v14-marquee-item,
.landing-v5 .v14-marquee-item,
.landing-v4 .v14-marquee-item{
  display:inline-flex;
  align-items:center;
  gap:13px;
  white-space:nowrap;
  color:#F7FFF8;
  font-size:clamp(24px,2.25vw,38px);
  line-height:1;
  letter-spacing:-.045em;
  font-weight:950;
  opacity:.96;
}
.landing-v10 .v14-marquee-item svg,
.landing-v5 .v14-marquee-item svg,
.landing-v4 .v14-marquee-item svg{
  width:36px;
  height:36px;
  padding:9px;
  border-radius:999px;
  color:#0B3D2E;
  background:linear-gradient(135deg,#B7FF1A,#4ADE80);
  box-shadow:0 0 0 8px rgba(183,255,26,.10),0 14px 30px rgba(0,0,0,.18);
}
.landing-v10 .v14-marquee-item b,
.landing-v5 .v14-marquee-item b,
.landing-v4 .v14-marquee-item b{
  display:inline-block;
  text-shadow:0 12px 28px rgba(0,0,0,.20);
}
@keyframes sendlyDarkMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
/* Disable old v13 hover pause on the new marquee */
.landing-v10 .v14-marquee:hover .v14-marquee-track,
.landing-v5 .v14-marquee:hover .v14-marquee-track,
.landing-v4 .v14-marquee:hover .v14-marquee-track{
  animation-play-state:running;
}
/* Refine section rhythm after dark strip */
.landing-v10 .v14-dark-marquee-strip + .v4-section,
.landing-v5 .v14-dark-marquee-strip + .v4-section,
.landing-v4 .v14-dark-marquee-strip + .v4-section{
  padding-top:68px;
}
.landing-v10 .v4-section,
.landing-v5 .v4-section,
.landing-v4 .v4-section{
  padding-top:72px;
  padding-bottom:72px;
}
@media(max-width:860px){
  .landing-v10 .v14-dark-marquee-strip,
  .landing-v5 .v14-dark-marquee-strip,
  .landing-v4 .v14-dark-marquee-strip{
    padding:17px 0;
  }
  .landing-v10 .v14-dark-marquee-strip::before,
  .landing-v10 .v14-dark-marquee-strip::after,
  .landing-v5 .v14-dark-marquee-strip::before,
  .landing-v5 .v14-dark-marquee-strip::after,
  .landing-v4 .v14-dark-marquee-strip::before,
  .landing-v4 .v14-dark-marquee-strip::after{
    width:58px;
  }
  .landing-v10 .v14-marquee-track,
  .landing-v5 .v14-marquee-track,
  .landing-v4 .v14-marquee-track{
    animation-duration:22s;
  }
  .landing-v10 .v14-marquee-group,
  .landing-v5 .v14-marquee-group,
  .landing-v4 .v14-marquee-group{
    gap:12px;
    padding-right:12px;
  }
  .landing-v10 .v14-marquee-item,
  .landing-v5 .v14-marquee-item,
  .landing-v4 .v14-marquee-item{
    gap:10px;
    font-size:23px;
  }
  .landing-v10 .v14-marquee-item svg,
  .landing-v5 .v14-marquee-item svg,
  .landing-v4 .v14-marquee-item svg{
    width:30px;
    height:30px;
    padding:8px;
    box-shadow:0 0 0 6px rgba(183,255,26,.09),0 10px 20px rgba(0,0,0,.16);
  }
  .landing-v10 .v14-dark-marquee-strip + .v4-section,
  .landing-v5 .v14-dark-marquee-strip + .v4-section,
  .landing-v4 .v14-dark-marquee-strip + .v4-section{
    padding-top:50px;
  }
}
@media(max-width:520px){
  .landing-v10 .v14-marquee-item,
  .landing-v5 .v14-marquee-item,
  .landing-v4 .v14-marquee-item{
    font-size:20px;
  }
}
@media(prefers-reduced-motion:reduce){
  .landing-v10 .v14-marquee-track,
  .landing-v5 .v14-marquee-track,
  .landing-v4 .v14-marquee-track{
    animation:sendlyDarkMarquee 40s linear infinite;
  }
}

/* ==============================
   Sendly v15 feature section polish patch
   Focus: centered heading, natural highlight, cleaner card composition
   ============================== */
.landing-v10 .v15-feature-section,
.landing-v5 .v15-feature-section,
.landing-v4 .v15-feature-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 4%, rgba(183,255,26,.16), transparent 28%),
    radial-gradient(circle at 14% 86%, rgba(22,163,74,.09), transparent 28%),
    linear-gradient(180deg,#F7F9F4 0%,#F9FBF7 100%);
  padding-top:76px;
  padding-bottom:82px;
}
.landing-v10 .v15-feature-section::before,
.landing-v5 .v15-feature-section::before,
.landing-v4 .v15-feature-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(11,61,46,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,61,46,.035) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom, transparent 0%, #000 14%, #000 76%, transparent 100%);
  pointer-events:none;
}
.landing-v10 .v15-feature-section > .container,
.landing-v5 .v15-feature-section > .container,
.landing-v4 .v15-feature-section > .container{
  position:relative;
  z-index:1;
}
.landing-v10 .v15-feature-head,
.landing-v5 .v15-feature-head,
.landing-v4 .v15-feature-head{
  display:flex;
  justify-content:center;
  margin-bottom:24px;
}
.landing-v10 .v15-feature-head .v4-chip,
.landing-v5 .v15-feature-head .v4-chip,
.landing-v4 .v15-feature-head .v4-chip{
  background:linear-gradient(135deg,#0B3D2E,#0B6B3D);
  color:#F7FFF8;
  box-shadow:0 14px 32px rgba(11,61,46,.14);
}
.landing-v10 .v15-feature-section h2,
.landing-v5 .v15-feature-section h2,
.landing-v4 .v15-feature-section h2{
  margin-inline:auto;
  max-width:940px;
  text-align:center;
  font-size:clamp(42px,5vw,72px);
  line-height:.98;
  letter-spacing:-.078em;
}
.landing-v10 .section-highlight-line,
.landing-v5 .section-highlight-line,
.landing-v4 .section-highlight-line{
  display:inline;
  position:relative;
  z-index:0;
  padding:0 .02em;
  background-image:
    linear-gradient(180deg, transparent 0%, transparent 56%, rgba(183,255,26,.92) 56%, rgba(183,255,26,.92) 82%, transparent 82%, transparent 100%),
    linear-gradient(180deg, transparent 0%, transparent 67%, rgba(74,222,128,.56) 67%, rgba(74,222,128,.56) 94%, transparent 94%, transparent 100%);
  background-repeat:no-repeat;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
.landing-v10 .section-highlight-line::after,
.landing-v5 .section-highlight-line::after,
.landing-v4 .section-highlight-line::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:.08em;
  height:.14em;
  z-index:-1;
  background:rgba(11,61,46,.08);
  filter:blur(10px);
  pointer-events:none;
}
.landing-v10 .v15-feature-section .v4-feature-grid,
.landing-v5 .v15-feature-section .v4-feature-grid,
.landing-v4 .v15-feature-section .v4-feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  margin-top:52px;
}
.landing-v10 .v15-feature-section .v4-feature,
.landing-v5 .v15-feature-section .v4-feature,
.landing-v4 .v15-feature-section .v4-feature{
  min-height:320px;
  border-radius:32px;
  padding:26px;
  justify-content:space-between;
  border:1px solid rgba(11,61,46,.08);
  box-shadow:0 24px 54px rgba(17,24,39,.08);
  transition:transform .22s ease, box-shadow .22s ease;
}
.landing-v10 .v15-feature-section .v4-feature:hover,
.landing-v5 .v15-feature-section .v4-feature:hover,
.landing-v4 .v15-feature-section .v4-feature:hover{
  transform:translateY(-5px);
  box-shadow:0 34px 74px rgba(11,61,46,.13);
}
.landing-v10 .v15-feature-section .v4-feature::before,
.landing-v5 .v15-feature-section .v4-feature::before,
.landing-v4 .v15-feature-section .v4-feature::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 82% 0%, rgba(255,255,255,.34), transparent 34%);
  pointer-events:none;
}
.landing-v10 .v15-feature-section .v4-feature h3,
.landing-v5 .v15-feature-section .v4-feature h3,
.landing-v4 .v15-feature-section .v4-feature h3{
  position:relative;
  font-size:22px;
  z-index:1;
}
.landing-v10 .v15-feature-section .v4-feature p,
.landing-v5 .v15-feature-section .v4-feature p,
.landing-v4 .v15-feature-section .v4-feature p{
  position:relative;
  z-index:1;
  font-size:15px;
  line-height:1.62;
  color:rgba(17,24,39,.76);
}
.landing-v10 .v15-feature-section .feature-visual,
.landing-v5 .v15-feature-section .feature-visual,
.landing-v4 .v15-feature-section .feature-visual{
  min-height:112px;
  border-radius:25px;
  background:rgba(255,255,255,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32);
}
.landing-v10 .v15-feature-section .feature-icon,
.landing-v5 .v15-feature-section .feature-icon,
.landing-v4 .v15-feature-section .feature-icon{
  position:relative;
  z-index:1;
  background:rgba(11,61,46,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
}
@media(max-width:1120px){
  .landing-v10 .v15-feature-section .v4-feature-grid,
  .landing-v5 .v15-feature-section .v4-feature-grid,
  .landing-v4 .v15-feature-section .v4-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:860px){
  .landing-v10 .v15-feature-section,
  .landing-v5 .v15-feature-section,
  .landing-v4 .v15-feature-section{
    padding-top:54px;
    padding-bottom:58px;
  }
  .landing-v10 .v15-feature-head,
  .landing-v5 .v15-feature-head,
  .landing-v4 .v15-feature-head{
    margin-bottom:18px;
  }
  .landing-v10 .v15-feature-section h2,
  .landing-v5 .v15-feature-section h2,
  .landing-v4 .v15-feature-section h2{
    max-width:96%;
    font-size:clamp(34px,9.8vw,48px);
    line-height:1;
    letter-spacing:-.067em;
  }
  .landing-v10 .v15-feature-section .v4-feature-grid,
  .landing-v5 .v15-feature-section .v4-feature-grid,
  .landing-v4 .v15-feature-section .v4-feature-grid{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:34px;
  }
  .landing-v10 .v15-feature-section .v4-feature,
  .landing-v5 .v15-feature-section .v4-feature,
  .landing-v4 .v15-feature-section .v4-feature{
    min-height:210px;
    border-radius:26px;
    padding:22px;
  }
  .landing-v10 .v15-feature-section .feature-visual,
  .landing-v5 .v15-feature-section .feature-visual,
  .landing-v4 .v15-feature-section .feature-visual{
    min-height:86px;
  }
  .landing-v10 .v15-feature-section .v4-feature h3,
  .landing-v5 .v15-feature-section .v4-feature h3,
  .landing-v4 .v15-feature-section .v4-feature h3{
    font-size:21px;
  }
}

/* ==============================
   Sendly v16 premium feature cards patch
   Focus: desktop 4 cards in one row, mobile 2x2, richer composition
   ============================== */
.landing-v10 .v15-feature-section .v4-feature-grid,
.landing-v5 .v15-feature-section .v4-feature-grid,
.landing-v4 .v15-feature-section .v4-feature-grid{
  align-items:stretch;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:48px;
}
.landing-v10 .v15-feature-section .v4-feature,
.landing-v5 .v15-feature-section .v4-feature,
.landing-v4 .v15-feature-section .v4-feature{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:18px;
  min-height:292px;
  padding:22px;
  border-radius:30px;
  border:1px solid rgba(11,61,46,.10);
  box-shadow:0 22px 48px rgba(11,61,46,.09);
  isolation:isolate;
}
.landing-v10 .v15-feature-section .v4-feature::before,
.landing-v5 .v15-feature-section .v4-feature::before,
.landing-v4 .v15-feature-section .v4-feature::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.08) 38%,rgba(255,255,255,0) 100%),
    radial-gradient(circle at 88% 8%,rgba(255,255,255,.42),transparent 32%);
  pointer-events:none;
  z-index:0;
}
.landing-v10 .v15-feature-section .v4-feature::after,
.landing-v5 .v15-feature-section .v4-feature::after,
.landing-v4 .v15-feature-section .v4-feature::after{
  position:absolute;
  right:20px;
  top:18px;
  z-index:1;
  font-size:12px;
  letter-spacing:.16em;
  font-weight:900;
  color:rgba(11,61,46,.42);
  text-transform:uppercase;
}
.landing-v10 .v15-feature-section .v4-feature:nth-child(1)::after,
.landing-v5 .v15-feature-section .v4-feature:nth-child(1)::after,
.landing-v4 .v15-feature-section .v4-feature:nth-child(1)::after{content:"01";}
.landing-v10 .v15-feature-section .v4-feature:nth-child(2)::after,
.landing-v5 .v15-feature-section .v4-feature:nth-child(2)::after,
.landing-v4 .v15-feature-section .v4-feature:nth-child(2)::after{content:"02";}
.landing-v10 .v15-feature-section .v4-feature:nth-child(3)::after,
.landing-v5 .v15-feature-section .v4-feature:nth-child(3)::after,
.landing-v4 .v15-feature-section .v4-feature:nth-child(3)::after{content:"03";color:rgba(255,255,255,.56);}
.landing-v10 .v15-feature-section .v4-feature:nth-child(4)::after,
.landing-v5 .v15-feature-section .v4-feature:nth-child(4)::after,
.landing-v4 .v15-feature-section .v4-feature:nth-child(4)::after{content:"04";}
.landing-v10 .v15-feature-section .v4-feature h3,
.landing-v5 .v15-feature-section .v4-feature h3,
.landing-v4 .v15-feature-section .v4-feature h3{
  margin:0;
  position:relative;
  z-index:2;
  max-width:220px;
  font-size:22px;
  line-height:1.05;
  letter-spacing:-.055em;
}
.landing-v10 .v15-feature-section .v4-feature p,
.landing-v5 .v15-feature-section .v4-feature p,
.landing-v4 .v15-feature-section .v4-feature p{
  margin:0;
  position:relative;
  z-index:2;
  max-width:230px;
  font-size:14px;
  line-height:1.56;
  color:rgba(17,24,39,.72);
}
.landing-v10 .v15-feature-section .feature-visual,
.landing-v5 .v15-feature-section .feature-visual,
.landing-v4 .v15-feature-section .feature-visual{
  position:relative;
  z-index:2;
  min-height:94px;
  width:100%;
  border-radius:24px;
  background:rgba(255,255,255,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 14px 28px rgba(11,61,46,.06);
  margin-bottom:10px;
}
.landing-v10 .v15-feature-section .feature-visual svg,
.landing-v5 .v15-feature-section .feature-visual svg,
.landing-v4 .v15-feature-section .feature-visual svg{
  width:44px;
  height:44px;
}
.landing-v10 .v15-feature-section .feature-icon,
.landing-v5 .v15-feature-section .feature-icon,
.landing-v4 .v15-feature-section .feature-icon{
  position:relative;
  z-index:2;
  width:58px;
  height:58px;
  border-radius:20px;
  display:grid;
  place-items:center;
  color:#083427;
  background:rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 16px 30px rgba(11,61,46,.08);
  margin:0 0 52px;
}
.landing-v10 .v15-feature-section .feature-icon svg,
.landing-v5 .v15-feature-section .feature-icon svg,
.landing-v4 .v15-feature-section .feature-icon svg{
  width:25px;
  height:25px;
}
.landing-v10 .v15-feature-section .feature-request,
.landing-v5 .v15-feature-section .feature-request,
.landing-v4 .v15-feature-section .feature-request{
  background:
    radial-gradient(circle at 26% 18%,rgba(255,255,255,.20),transparent 28%),
    linear-gradient(135deg,#B7FF1A 0%,#7BEB00 72%,#62D900 100%);
}
.landing-v10 .v15-feature-section .feature-report,
.landing-v5 .v15-feature-section .feature-report,
.landing-v4 .v15-feature-section .feature-report{
  color:#F7FFF8;
  background:
    radial-gradient(circle at 78% 4%,rgba(255,255,255,.18),transparent 32%),
    linear-gradient(135deg,#0B6B3D 0%,#16A34A 44%,#22C56E 100%);
}
.landing-v10 .v15-feature-section .feature-report h3,
.landing-v10 .v15-feature-section .feature-report p,
.landing-v5 .v15-feature-section .feature-report h3,
.landing-v5 .v15-feature-section .feature-report p,
.landing-v4 .v15-feature-section .feature-report h3,
.landing-v4 .v15-feature-section .feature-report p{
  color:#F7FFF8;
}
.landing-v10 .v15-feature-section .feature-report p,
.landing-v5 .v15-feature-section .feature-report p,
.landing-v4 .v15-feature-section .feature-report p{color:rgba(247,255,248,.78);}
.landing-v10 .v15-feature-section .feature-report .feature-icon,
.landing-v5 .v15-feature-section .feature-report .feature-icon,
.landing-v4 .v15-feature-section .feature-report .feature-icon{
  color:#ECFFF2;
  background:rgba(255,255,255,.13);
}
.landing-v10 .v15-feature-section .feature-chat,
.landing-v5 .v15-feature-section .feature-chat,
.landing-v4 .v15-feature-section .feature-chat{
  background:
    radial-gradient(circle at 92% 4%,rgba(255,255,255,.26),transparent 28%),
    linear-gradient(135deg,#D6FF48 0%,#C8FF3D 60%,#E3FF65 100%);
}
.landing-v10 .v15-feature-section .v4-feature:hover,
.landing-v5 .v15-feature-section .v4-feature:hover,
.landing-v4 .v15-feature-section .v4-feature:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow:0 34px 72px rgba(11,61,46,.16);
}
@media(max-width:1120px){
  .landing-v10 .v15-feature-section .v4-feature-grid,
  .landing-v5 .v15-feature-section .v4-feature-grid,
  .landing-v4 .v15-feature-section .v4-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:860px){
  .landing-v10 .v15-feature-section .v4-feature-grid,
  .landing-v5 .v15-feature-section .v4-feature-grid,
  .landing-v4 .v15-feature-section .v4-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:30px;
  }
  .landing-v10 .v15-feature-section .v4-feature,
  .landing-v5 .v15-feature-section .v4-feature,
  .landing-v4 .v15-feature-section .v4-feature{
    min-height:198px;
    border-radius:23px;
    padding:15px;
    gap:10px;
  }
  .landing-v10 .v15-feature-section .v4-feature::after,
  .landing-v5 .v15-feature-section .v4-feature::after,
  .landing-v4 .v15-feature-section .v4-feature::after{
    right:14px;
    top:13px;
    font-size:10px;
  }
  .landing-v10 .v15-feature-section .feature-visual,
  .landing-v5 .v15-feature-section .feature-visual,
  .landing-v4 .v15-feature-section .feature-visual{
    min-height:54px;
    border-radius:17px;
    margin-bottom:4px;
  }
  .landing-v10 .v15-feature-section .feature-visual span,
  .landing-v5 .v15-feature-section .feature-visual span,
  .landing-v4 .v15-feature-section .feature-visual span{
    height:7px;
  }
  .landing-v10 .v15-feature-section .feature-visual svg,
  .landing-v5 .v15-feature-section .feature-visual svg,
  .landing-v4 .v15-feature-section .feature-visual svg{
    width:30px;
    height:30px;
  }
  .landing-v10 .v15-feature-section .feature-icon,
  .landing-v5 .v15-feature-section .feature-icon,
  .landing-v4 .v15-feature-section .feature-icon{
    width:42px;
    height:42px;
    border-radius:15px;
    margin:0 0 20px;
  }
  .landing-v10 .v15-feature-section .feature-icon svg,
  .landing-v5 .v15-feature-section .feature-icon svg,
  .landing-v4 .v15-feature-section .feature-icon svg{
    width:20px;
    height:20px;
  }
  .landing-v10 .v15-feature-section .v4-feature h3,
  .landing-v5 .v15-feature-section .v4-feature h3,
  .landing-v4 .v15-feature-section .v4-feature h3{
    font-size:16px;
    letter-spacing:-.045em;
    line-height:1.05;
  }
  .landing-v10 .v15-feature-section .v4-feature p,
  .landing-v5 .v15-feature-section .v4-feature p,
  .landing-v4 .v15-feature-section .v4-feature p{
    font-size:11.5px;
    line-height:1.45;
  }
}
@media(max-width:390px){
  .landing-v10 .v15-feature-section .v4-feature-grid,
  .landing-v5 .v15-feature-section .v4-feature-grid,
  .landing-v4 .v15-feature-section .v4-feature-grid{
    gap:10px;
  }
  .landing-v10 .v15-feature-section .v4-feature,
  .landing-v5 .v15-feature-section .v4-feature,
  .landing-v4 .v15-feature-section .v4-feature{
    padding:13px;
    min-height:190px;
  }
  .landing-v10 .v15-feature-section .v4-feature p,
  .landing-v5 .v15-feature-section .v4-feature p,
  .landing-v4 .v15-feature-section .v4-feature p{
    font-size:10.8px;
  }
}

/* ==============================
   Sendly v17 feature card mobile refine patch
   Focus: remove 01-04 number labels and make mobile cards 1 by 1
   ============================== */
.landing-v10 .v15-feature-section .v4-feature::after,
.landing-v5 .v15-feature-section .v4-feature::after,
.landing-v4 .v15-feature-section .v4-feature::after{
  content:none !important;
  display:none !important;
}
@media(max-width:860px){
  .landing-v10 .v15-feature-section .v4-feature-grid,
  .landing-v5 .v15-feature-section .v4-feature-grid,
  .landing-v4 .v15-feature-section .v4-feature-grid{
    grid-template-columns:1fr !important;
    gap:16px;
    margin-top:32px;
  }
  .landing-v10 .v15-feature-section .v4-feature,
  .landing-v5 .v15-feature-section .v4-feature,
  .landing-v4 .v15-feature-section .v4-feature{
    min-height:0;
    padding:22px;
    border-radius:28px;
    gap:14px;
  }
  .landing-v10 .v15-feature-section .v4-feature h3,
  .landing-v5 .v15-feature-section .v4-feature h3,
  .landing-v4 .v15-feature-section .v4-feature h3{
    font-size:24px;
    line-height:1.02;
    max-width:100%;
  }
  .landing-v10 .v15-feature-section .v4-feature p,
  .landing-v5 .v15-feature-section .v4-feature p,
  .landing-v4 .v15-feature-section .v4-feature p{
    font-size:15px;
    line-height:1.52;
    max-width:92%;
  }
  .landing-v10 .v15-feature-section .feature-visual,
  .landing-v5 .v15-feature-section .feature-visual,
  .landing-v4 .v15-feature-section .feature-visual{
    min-height:108px;
    border-radius:22px;
    margin-bottom:12px;
  }
  .landing-v10 .v15-feature-section .feature-visual svg,
  .landing-v5 .v15-feature-section .feature-visual svg,
  .landing-v4 .v15-feature-section .feature-visual svg{
    width:42px;
    height:42px;
  }
  .landing-v10 .v15-feature-section .feature-icon,
  .landing-v5 .v15-feature-section .feature-icon,
  .landing-v4 .v15-feature-section .feature-icon{
    width:58px;
    height:58px;
    border-radius:20px;
    margin:0 0 28px;
  }
  .landing-v10 .v15-feature-section .feature-icon svg,
  .landing-v5 .v15-feature-section .feature-icon svg,
  .landing-v4 .v15-feature-section .feature-icon svg{
    width:25px;
    height:25px;
  }
}
@media(max-width:390px){
  .landing-v10 .v15-feature-section .v4-feature,
  .landing-v5 .v15-feature-section .v4-feature,
  .landing-v4 .v15-feature-section .v4-feature{
    padding:20px;
    border-radius:26px;
  }
  .landing-v10 .v15-feature-section .v4-feature h3,
  .landing-v5 .v15-feature-section .v4-feature h3,
  .landing-v4 .v15-feature-section .v4-feature h3{
    font-size:22px;
  }
  .landing-v10 .v15-feature-section .v4-feature p,
  .landing-v5 .v15-feature-section .v4-feature p,
  .landing-v4 .v15-feature-section .v4-feature p{
    font-size:14px;
    max-width:100%;
  }
}

/* ==============================
   Sendly v18 client portal section polish
   Focus: premium portal mockup, fixed logo ratio, mobile-safe layout
   ============================== */
.v18-portal-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 12%, rgba(183,255,26,.18), transparent 26%),
    radial-gradient(circle at 8% 88%, rgba(22,163,74,.11), transparent 28%),
    linear-gradient(180deg,#F3F7F1 0%,#ECF3EA 100%);
  padding:96px 0;
}
.v18-portal-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(11,61,46,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,61,46,.045) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(180deg, transparent 0%, #000 18%, #000 80%, transparent 100%);
  pointer-events:none;
}
.v18-portal-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:76px;
  align-items:center;
}
.v18-portal-copy h2{
  font-size:clamp(42px,5.1vw,72px);
  line-height:.94;
  letter-spacing:-.085em;
  margin:14px 0 24px;
  max-width:700px;
  color:#111827;
}
.v18-portal-copy .v4-section-copy{
  font-size:18px;
  max-width:610px;
  color:#536174;
}
.v18-highlight{
  display:inline;
  color:inherit;
  background-image:linear-gradient(180deg,transparent 58%,rgba(183,255,26,.86) 58%,rgba(183,255,26,.86) 83%,transparent 83%);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  padding:0 .02em;
}
.v18-module-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:32px;
  max-width:610px;
}
.v18-module-list span{
  display:grid;
  grid-template-columns:42px 1fr;
  grid-template-rows:auto auto;
  column-gap:13px;
  align-items:center;
  border:1px solid rgba(11,61,46,.11);
  border-radius:22px;
  background:rgba(255,255,255,.78);
  padding:14px 16px;
  box-shadow:0 16px 36px rgba(17,24,39,.06);
  backdrop-filter:blur(12px);
}
.v18-module-list span svg{
  grid-row:1 / span 2;
  width:42px;
  height:42px;
  padding:11px;
  border-radius:14px;
  color:#0B6B3D;
  background:#E9FFE9;
}
.v18-module-list b{
  font-size:14px;
  line-height:1.1;
  color:#111827;
}
.v18-module-list small{
  margin-top:3px;
  color:#667085;
  font-size:12px;
  font-weight:700;
}
.v18-portal-visual{
  position:relative;
  min-height:520px;
  display:grid;
  place-items:center;
  perspective:1200px;
}
.v18-portal-visual::before{
  content:"";
  position:absolute;
  width:68%;
  height:68%;
  border-radius:999px;
  background:radial-gradient(circle,rgba(183,255,26,.26),rgba(74,222,128,.10) 42%,transparent 70%);
  filter:blur(18px);
  transform:translate(8%,-4%);
}
.v18-window{
  position:relative;
  z-index:2;
  width:min(100%,760px);
  border-radius:34px;
  overflow:hidden;
  background:#FFFFFF;
  border:1px solid rgba(11,61,46,.11);
  box-shadow:0 42px 96px rgba(11,61,46,.18), 0 0 0 10px rgba(255,255,255,.36);
  transform:translate3d(0,0,0);
}
.v18-window-bar{
  height:56px;
  display:flex;
  align-items:center;
  gap:16px;
  padding:0 20px;
  background:rgba(242,248,239,.92);
  border-bottom:1px solid rgba(11,61,46,.08);
}
.v18-dots{display:flex;gap:8px;flex:none}.v18-dots i{width:11px;height:11px;border-radius:50%;background:#AEC2B5}.v18-window-bar b{font-size:13px;color:#5E6A7A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v18-window-bar span{margin-left:auto;border-radius:999px;background:#E8FFE8;color:#0B6B3D;padding:7px 11px;font-size:11px;font-weight:950;white-space:nowrap}.v18-window-body{display:grid;grid-template-columns:190px 1fr;min-height:360px}.v18-window-body aside{background:radial-gradient(circle at 40% 0%,rgba(74,222,128,.17),transparent 33%),linear-gradient(180deg,#061610,#0B3D2E);padding:28px 24px;display:grid;align-content:start;gap:22px}.v18-window-logo{width:132px;height:44px;display:flex;align-items:center}.v18-window-logo img{width:132px !important;height:auto !important;max-height:42px !important;object-fit:contain !important;object-position:left center;display:block}.v18-window-body nav{display:grid;gap:13px}.v18-window-body nav span{height:36px;border-radius:14px;background:rgba(255,255,255,.10);position:relative;overflow:hidden}.v18-window-body nav span::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);transform:translateX(-100%);animation:v18Skeleton 4.2s ease-in-out infinite}.v18-window-body nav span:nth-child(2)::after{animation-delay:.25s}.v18-window-body nav span:nth-child(3)::after{animation-delay:.5s}.v18-window-body nav span:nth-child(4)::after{animation-delay:.75s}@keyframes v18Skeleton{0%,38%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}.v18-window-body main{padding:28px;background:linear-gradient(180deg,#FFFFFF,#FAFCFA)}.v18-window-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.v18-window-title small{display:block;text-transform:uppercase;letter-spacing:.12em;color:#0B6B3D;font-size:10px;font-weight:950;margin-bottom:6px}.v18-window-title strong{display:block;font-size:28px;line-height:1;letter-spacing:-.055em;color:#111827}.v18-window-title span{border-radius:999px;background:#EAF7EF;color:#0B6B3D;padding:8px 11px;font-size:11px;font-weight:950;white-space:nowrap}.v18-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.v18-mini-stats article{min-height:96px;border:1px solid #E3F0E7;border-radius:24px;background:linear-gradient(135deg,#F8FBF9,#EEF6F0);padding:16px;display:grid;align-content:center;gap:5px}.v18-mini-stats i{display:block;width:28px;height:6px;border-radius:999px;background:linear-gradient(90deg,#0B3D2E,#4ADE80);margin-bottom:7px}.v18-mini-stats b{font-size:25px;line-height:1;color:#111827;letter-spacing:-.06em}.v18-mini-stats small{color:#667085;font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.v18-chart-card{border-radius:28px;background:#F7FAF8;border:1px solid #E3F0E7;padding:20px}.v18-chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.v18-chart-head strong{font-size:18px;letter-spacing:-.035em;color:#111827}.v18-chart-head small{color:#0B6B3D;font-weight:950}.v18-chart-bars{height:126px;display:flex;align-items:end;gap:13px}.v18-chart-bars span{flex:1;border-radius:999px 999px 10px 10px;background:linear-gradient(180deg,#4ADE80,#0B3D2E);box-shadow:0 14px 24px rgba(11,61,46,.12)}.v18-chart-bars span:nth-child(1){height:45%}.v18-chart-bars span:nth-child(2){height:72%}.v18-chart-bars span:nth-child(3){height:54%}.v18-chart-bars span:nth-child(4){height:88%}.v18-chart-bars span:nth-child(5){height:68%}.v18-float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(11,61,46,.10);padding:11px 15px;box-shadow:0 18px 40px rgba(17,24,39,.10);backdrop-filter:blur(14px);font-size:12px;font-weight:950;color:#111827;animation:v18Float 7.5s ease-in-out infinite}.v18-float-card svg{width:34px;height:34px;padding:8px;border-radius:50%;background:#E8FFE8;color:#0B6B3D}.v18-float-a{left:0;top:70px}.v18-float-b{right:8px;bottom:62px;animation-delay:-2.8s}.v18-float-b svg{background:#B7FF1A;color:#0B3D2E}@keyframes v18Float{0%,100%{transform:translateX(0)}50%{transform:translateX(14px)}}
@media(max-width:1120px){.v18-portal-grid{grid-template-columns:1fr;gap:48px}.v18-portal-copy h2,.v18-portal-copy .v4-section-copy{max-width:850px}.v18-portal-visual{min-height:500px}}
@media(max-width:860px){.v18-portal-section{padding:68px 0}.v18-portal-grid{gap:34px}.v18-portal-copy{text-align:center}.v18-portal-copy h2{font-size:clamp(36px,10.4vw,52px);line-height:.98;margin-inline:auto}.v18-portal-copy .v4-section-copy{font-size:15.5px;margin-inline:auto}.v18-module-list{grid-template-columns:1fr;max-width:430px;margin:26px auto 0}.v18-module-list span{text-align:left}.v18-portal-visual{min-height:auto;place-items:stretch;padding-top:30px}.v18-window{width:100%;border-radius:28px;box-shadow:0 28px 68px rgba(11,61,46,.16),0 0 0 7px rgba(255,255,255,.42)}.v18-window-bar{height:50px;padding:0 14px}.v18-window-bar span{display:none}.v18-window-body{grid-template-columns:1fr}.v18-window-body aside{padding:20px;display:flex;align-items:center;gap:14px}.v18-window-logo{width:120px;height:38px}.v18-window-logo img{width:120px !important;max-height:36px !important}.v18-window-body nav{grid-template-columns:repeat(3,1fr);gap:8px;flex:1}.v18-window-body nav span{height:24px;border-radius:10px}.v18-window-body nav span:nth-child(4){display:none}.v18-window-body main{padding:20px}.v18-window-title{display:grid;gap:12px;text-align:left}.v18-window-title strong{font-size:24px}.v18-mini-stats{grid-template-columns:1fr 1fr;gap:10px}.v18-mini-stats article{min-height:82px;border-radius:20px;padding:14px}.v18-chart-card{border-radius:22px;padding:16px}.v18-chart-bars{height:96px;gap:9px}.v18-float-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:max-content;margin:0 auto 10px;animation:v18FloatMobile 6.5s ease-in-out infinite}.v18-float-b{margin-top:-2px;margin-bottom:16px;animation-delay:-2.4s}@keyframes v18FloatMobile{0%,100%{transform:translateX(-6px)}50%{transform:translateX(6px)}}}
@media(max-width:430px){.v18-portal-section{padding:58px 0}.v18-module-list span{grid-template-columns:38px 1fr;padding:13px 14px}.v18-module-list span svg{width:38px;height:38px;padding:10px}.v18-window-body aside{display:grid;justify-items:start}.v18-window-body nav{width:100%}.v18-mini-stats{grid-template-columns:1fr}.v18-chart-head{display:grid;gap:4px}.v18-float-card{font-size:11px;padding:10px 12px}.v18-float-card svg{width:30px;height:30px}}


/* ==============================
   Sendly v19 client portal clean copy patch
   Focus: remove module list under Client Portal copy and keep spacing balanced
   ============================== */
.v18-portal-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.v18-portal-copy .v4-section-copy{
  margin-bottom:0;
}
.v18-portal-grid{
  align-items:center;
}
@media(min-width:1121px){
  .v18-portal-copy h2{
    max-width:650px;
  }
  .v18-portal-copy .v4-section-copy{
    max-width:580px;
  }
}
@media(max-width:860px){
  .v18-portal-copy .v4-section-copy{
    max-width:520px;
  }
}

/* ==============================
   Sendly v20 use case polish
   Focus: improve use case section and section spacing
   ============================== */
.v20-usecase-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 14%, rgba(183,255,26,.12), transparent 20%),
    radial-gradient(circle at 82% 18%, rgba(74,222,128,.10), transparent 24%),
    linear-gradient(180deg,#F3F7F1 0%, #EEF3EA 100%);
  padding-top:74px;
  padding-bottom:86px;
}
.v20-usecase-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(11,61,46,.055) 1px, transparent 1px),linear-gradient(90deg, rgba(11,61,46,.055) 1px, transparent 1px);
  background-size:120px 120px;
  opacity:.22;
  pointer-events:none;
}
.v20-usecase-section .container{position:relative;z-index:1;}
.v20-usecase-head{
  max-width:930px;
  margin:0 auto 34px;
  text-align:center;
}
.v20-usecase-head .v4-kicker{margin-bottom:14px;}
.v20-usecase-head h2{
  margin:0 auto;
  max-width:980px;
}
.v20-usecase-copy{
  margin:18px auto 0;
  max-width:760px;
  color:#607086;
  font-size:17px;
  line-height:1.72;
}
.v20-usecase-highlight{
  background-image:
    linear-gradient(180deg, transparent 0%, transparent 56%, rgba(182,255,26,.88) 56%, rgba(182,255,26,.88) 79%, transparent 79%, transparent 100%),
    linear-gradient(180deg, transparent 0%, transparent 69%, rgba(121,243,105,.54) 69%, rgba(121,243,105,.54) 90%, transparent 90%, transparent 100%);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  padding:0 .03em;
}
.v20-usecase-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.v20-usecase-card{
  position:relative;
  min-height:258px;
  border-radius:30px;
  padding:24px;
  overflow:hidden;
  border:1px solid rgba(11,61,46,.10);
  box-shadow:0 18px 40px rgba(17,24,39,.06);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.v20-usecase-card::after{
  content:"";
  position:absolute;
  right:-48px;
  top:-62px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(255,255,255,.22);
  pointer-events:none;
}
.v20-usecase-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 48px rgba(17,24,39,.09);
  border-color:rgba(22,163,74,.18);
}
.v20-usecase-card.tone-soft{background:linear-gradient(180deg,#FFFFFF 0%, #F6FBEF 100%);}
.v20-usecase-card.tone-lime{background:linear-gradient(180deg,#F4FFD4 0%, #E7FF8F 100%);}
.v20-usecase-card.tone-emerald{background:linear-gradient(145deg,#178852 0%, #24C16D 55%, #7CE0AA 100%); color:#fff;}
.v20-usecase-card.tone-light{background:linear-gradient(180deg,#FFFFFF 0%, #F3F8ED 100%);}
.v20-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}
.v20-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.72);
  color:#0B6B3D;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48);
}
.v20-icon svg{width:24px;height:24px;}
.v20-card-top b{
  display:inline-flex;
  align-items:center;
  height:32px;
  padding:0 13px;
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:#0B3D2E;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.v20-usecase-card h3{
  margin:0 0 10px;
  color:#111827;
  font-size:19px;
  line-height:1.14;
  letter-spacing:-.03em;
}
.v20-usecase-card p{
  margin:0;
  color:#607086;
  line-height:1.58;
  font-size:15px;
}
.v20-usecase-card.tone-emerald .v20-card-top b,
.v20-usecase-card.tone-emerald .v20-icon{
  background:rgba(255,255,255,.14);
  color:#fff;
}
.v20-usecase-card.tone-emerald h3,
.v20-usecase-card.tone-emerald p{color:#fff;}

/* spacing refinement around nearby sections */
.v18-portal-section{
  padding-bottom:74px;
}
.v20-usecase-section + .v4-final-cta{
  padding-top:72px;
}

@media(max-width:1120px){
  .v20-usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:860px){
  .v20-usecase-section{
    padding-top:62px;
    padding-bottom:68px;
  }
  .v18-portal-section{padding-bottom:58px;}
  .v20-usecase-head{
    margin-bottom:24px;
  }
  .v20-usecase-head h2{
    font-size:36px;
    line-height:1.02;
  }
  .v20-usecase-copy{
    font-size:15px;
    line-height:1.66;
    margin-top:14px;
  }
  .v20-usecase-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .v20-usecase-card{
    min-height:0;
    border-radius:24px;
    padding:20px;
  }
  .v20-card-top{
    margin-bottom:16px;
  }
  .v20-icon{
    width:48px;
    height:48px;
    border-radius:16px;
  }
  .v20-usecase-card h3{
    font-size:22px;
  }
  .v20-usecase-card p{
    font-size:14px;
  }
  .v20-usecase-section + .v4-final-cta{
    padding-top:58px;
  }
}
@media(max-width:520px){
  .v20-usecase-section::before{background-size:86px 86px; opacity:.18;}
  .v20-usecase-head h2{font-size:34px;}
  .v20-usecase-copy{font-size:14px;}
  .v20-card-top{gap:12px;}
  .v20-card-top b{font-size:11px; padding:0 11px; height:30px;}
}


/* ==============================
   Sendly v21 spacing + contact patch
   Focus: tighten Use Case to CTA spacing after final polish
   ============================== */
.landing-v10 .v20-usecase-section{
  padding-bottom:48px;
}
.landing-v10 .v20-usecase-section + .v4-final-cta{
  padding-top:46px;
}
.landing-v10 .v4-final-cta{
  padding-bottom:76px;
}
@media(max-width:860px){
  .landing-v10 .v20-usecase-section{
    padding-bottom:40px;
  }
  .landing-v10 .v20-usecase-section + .v4-final-cta{
    padding-top:40px;
  }
  .landing-v10 .v4-final-cta{
    padding-bottom:62px;
  }
}
@media(max-width:520px){
  .landing-v10 .v20-usecase-section{
    padding-bottom:34px;
  }
  .landing-v10 .v20-usecase-section + .v4-final-cta{
    padding-top:34px;
  }
}

/* ==============================
   Sendly v22 detailed public pages
   Pages: How It Works + Use Case
   ============================== */
.sendly-detail-page{
  background:#F3F7F1;
}
.detail-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 12%, rgba(183,255,26,.32), transparent 24%),
    radial-gradient(circle at 20% 70%, rgba(74,222,128,.10), transparent 26%),
    linear-gradient(180deg,#FBFCF8 0%,#F0F6EE 100%);
  border-bottom:1px solid rgba(11,61,46,.08);
}
.detail-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(11,61,46,.055) 1px, transparent 1px),linear-gradient(90deg, rgba(11,61,46,.055) 1px, transparent 1px);
  background-size:112px 112px;
  opacity:.28;
  pointer-events:none;
}
.detail-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:70px;
  align-items:center;
  min-height:620px;
  padding:80px 0;
}
.detail-hero-copy h1{
  margin:0;
  max-width:920px;
  color:#111827;
  font-size:clamp(54px,6.4vw,92px);
  line-height:.93;
  letter-spacing:-.088em;
}
.detail-hero-copy p:not(.v4-kicker){
  margin:26px 0 0;
  max-width:690px;
  color:#506176;
  font-size:18px;
  line-height:1.72;
}
.detail-actions{
  margin-top:34px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.detail-visual-card{
  border-radius:40px;
  padding:28px;
  color:#fff;
  background:
    radial-gradient(circle at 80% 10%, rgba(183,255,26,.28), transparent 28%),
    linear-gradient(135deg,#061610,#0B3D2E 68%,#163C20);
  box-shadow:0 36px 90px rgba(11,61,46,.24);
  border:1px solid rgba(255,255,255,.12);
  position:relative;
  overflow:hidden;
}
.detail-visual-card::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-120px;
  width:280px;
  height:280px;
  border-radius:50%;
  background:rgba(183,255,26,.12);
}
.flow-preview-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
}
.flow-preview-top img{height:44px;width:auto;object-fit:contain;}
.flow-preview-top span{
  border-radius:999px;
  background:#E9FFE9;
  color:#0B6B3D;
  padding:10px 14px;
  font-weight:950;
  font-size:12px;
}
.flow-preview-steps{
  position:relative;
  z-index:1;
  display:grid;
  gap:14px;
}
.flow-preview-steps article{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:14px;
  align-items:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:16px;
  backdrop-filter:blur(10px);
}
.flow-preview-steps b{
  width:44px;
  height:44px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:#B7FF1A;
  color:#0B1D17;
  font-weight:950;
}
.flow-preview-steps strong{display:block;font-size:18px;line-height:1.1;}
.flow-preview-steps span{display:block;color:rgba(255,255,255,.70);font-size:13px;margin-top:3px;}
.detail-marquee{
  overflow:hidden;
  background:#061610;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.detail-marquee-track{
  display:flex;
  width:max-content;
  animation:detailMarquee 26s linear infinite;
}
.detail-marquee-group{
  display:flex;
  align-items:center;
  gap:34px;
  padding:24px 17px;
}
.detail-marquee-group span{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:rgba(255,255,255,.88);
  font-size:22px;
  font-weight:950;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.detail-marquee-group svg{
  width:26px;
  height:26px;
  color:#B7FF1A;
}
@keyframes detailMarquee{to{transform:translateX(-50%);}}
.detail-section{
  position:relative;
  padding:86px 0;
  background:#F3F7F1;
}
.detail-center-head{
  text-align:center;
  max-width:880px;
  margin:0 auto 38px;
}
.detail-center-head h2,
.approval-grid h2,
.segment-grid h2{
  margin:0;
  color:#111827;
  font-size:clamp(38px,5vw,66px);
  line-height:.98;
  letter-spacing:-.075em;
}
.detail-center-head p:not(.v4-kicker),
.approval-grid p,
.segment-grid p{
  color:#607086;
  font-size:17px;
  line-height:1.72;
  margin:18px auto 0;
  max-width:760px;
}
.workflow-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.workflow-card{
  position:relative;
  min-height:290px;
  border-radius:32px;
  padding:26px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(11,61,46,.10);
  box-shadow:0 18px 42px rgba(17,24,39,.06);
}
.workflow-card::after{
  content:"";
  position:absolute;
  right:-70px;
  top:-70px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:rgba(183,255,26,.18);
}
.workflow-card.wide-card{grid-column:span 2;}
.workflow-card.dark-card{
  background:linear-gradient(135deg,#061610,#0B3D2E);
  color:#fff;
}
.workflow-card.lime-card{
  background:linear-gradient(135deg,#B7FF1A,#79F369);
}
.workflow-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:#EAF7EF;
  color:#0B6B3D;
  margin-bottom:34px;
  position:relative;
  z-index:1;
}
.workflow-icon svg{width:26px;height:26px;}
.workflow-card.dark-card .workflow-icon{background:rgba(255,255,255,.12);color:#B7FF1A;}
.workflow-card b{
  display:inline-flex;
  margin-bottom:12px;
  color:#0B6B3D;
  font-size:12px;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.workflow-card.dark-card b{color:#B7FF1A;}
.workflow-card h3{
  margin:0 0 12px;
  color:#111827;
  font-size:28px;
  line-height:1.05;
  letter-spacing:-.055em;
  position:relative;
  z-index:1;
}
.workflow-card.dark-card h3,
.workflow-card.dark-card p{color:#fff;}
.workflow-card p{
  position:relative;
  z-index:1;
  margin:0;
  color:#607086;
  line-height:1.62;
  max-width:670px;
}
.approval-section{
  background:linear-gradient(180deg,#F3F7F1,#EEF3EA);
  padding-top:70px;
}
.approval-grid,
.segment-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:56px;
  align-items:center;
}
.approval-points{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}
.approval-points span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border-radius:999px;
  padding:12px 15px;
  background:#fff;
  border:1px solid rgba(11,61,46,.10);
  color:#111827;
  font-weight:900;
  box-shadow:0 12px 28px rgba(17,24,39,.04);
}
.approval-points svg{width:18px;height:18px;color:#16A34A;}
.approval-window{
  border-radius:34px;
  background:#fff;
  overflow:hidden;
  border:1px solid rgba(11,61,46,.10);
  box-shadow:0 30px 72px rgba(17,24,39,.10);
}
.approval-window-bar{
  height:56px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 20px;
  background:#F0F5ED;
}
.approval-window-bar i{width:11px;height:11px;border-radius:50%;background:#BAC8BE;}
.approval-window-bar b{margin-left:8px;color:#657083;font-size:12px;}
.approval-window-body{padding:28px;display:grid;gap:16px;}
.approval-status-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-radius:24px;
  background:#F7F9F8;
  border:1px solid #E4F0E8;
  padding:22px;
}
.approval-status-card strong{font-size:22px;letter-spacing:-.04em;color:#111827;}
.approval-status-card span{
  border-radius:999px;
  padding:9px 13px;
  background:#FEF3C7;
  color:#92400E;
  font-size:12px;
  font-weight:950;
}
.approval-status-card.active{background:linear-gradient(135deg,#E9FFE9,#F7FFF1);}
.approval-status-card.active span,
.approval-status-card.report span{background:#B7FF1A;color:#0B1D17;}
.approval-line{height:32px;width:4px;border-radius:999px;background:#DDE8DF;margin-left:36px;}
.approval-line.short{height:20px;}
.usecase-orbit-card{
  position:relative;
  min-height:480px;
  border-radius:42px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 50%, rgba(183,255,26,.36), transparent 30%),
    linear-gradient(135deg,#061610,#0B3D2E);
  box-shadow:0 36px 90px rgba(11,61,46,.24);
  overflow:hidden;
}
.usecase-orbit-card img{width:118px;height:118px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 20px 32px rgba(0,0,0,.22));}
.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(183,255,26,.30);}
.ring-one{inset:70px;}.ring-two{inset:130px;border-color:rgba(255,255,255,.16);}
.orbit-chip{
  position:absolute;
  z-index:3;
  border-radius:999px;
  background:#fff;
  color:#0B3D2E;
  padding:12px 16px;
  font-weight:950;
  box-shadow:0 18px 44px rgba(0,0,0,.18);
}
.chip-a{left:44px;top:112px;}.chip-b{right:42px;top:190px;}.chip-c{left:132px;bottom:78px;}
.usecase-detail-section{
  background:#F3F7F1;
}
.usecase-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.usecase-detail-card{
  display:grid;
  grid-template-columns:96px 1fr;
  gap:24px;
  border-radius:34px;
  padding:30px;
  background:#fff;
  border:1px solid rgba(11,61,46,.10);
  box-shadow:0 18px 42px rgba(17,24,39,.06);
}
.usecase-detail-card.main-usecase{background:linear-gradient(135deg,#F9FFE6,#E9FF8B);}
.usecase-detail-card.dark-usecase{background:linear-gradient(135deg,#061610,#0B3D2E);color:#fff;}
.usecase-detail-card.lime-usecase{background:linear-gradient(135deg,#B7FF1A,#79F369);}
.usecase-card-media{
  width:78px;
  height:78px;
  border-radius:24px;
  display:grid;
  place-items:center;
  background:#EAF7EF;
  color:#0B6B3D;
}
.usecase-card-media svg{width:34px;height:34px;}
.dark-usecase .usecase-card-media{background:rgba(255,255,255,.12);color:#B7FF1A;}
.usecase-detail-card span{
  display:block;
  color:#0B6B3D;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-bottom:10px;
}
.dark-usecase span{color:#B7FF1A;}
.usecase-detail-card h3{
  margin:0 0 12px;
  color:#111827;
  font-size:30px;
  line-height:1.04;
  letter-spacing:-.055em;
}
.dark-usecase h3,.dark-usecase p,.dark-usecase li{color:#fff;}
.usecase-detail-card p{
  margin:0 0 18px;
  color:#607086;
  line-height:1.62;
}
.usecase-detail-card ul{margin:0;padding-left:18px;color:#243244;line-height:1.7;font-weight:750;}
.segment-section{background:#EEF3EA;padding-top:70px;}
.segment-board{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-end;
}
.segment-board span{
  border-radius:999px;
  padding:14px 18px;
  background:#fff;
  color:#111827;
  font-weight:950;
  border:1px solid rgba(11,61,46,.10);
  box-shadow:0 12px 28px rgba(17,24,39,.04);
}
.segment-board span:nth-child(2n){background:#B7FF1A;}
.segment-board span:nth-child(3n){background:#0B3D2E;color:#fff;}
.detail-final-cta{padding-top:72px;}
@media(max-width:1120px){
  .detail-hero-grid,.approval-grid,.segment-grid{grid-template-columns:1fr;gap:42px;}
  .detail-hero-grid{min-height:0;}
  .workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .workflow-card.wide-card{grid-column:span 1;}
}
@media(max-width:860px){
  .detail-hero-grid{padding:56px 0;gap:30px;}
  .detail-hero-copy{text-align:center;}
  .detail-hero-copy h1{font-size:44px;line-height:.98;}
  .detail-hero-copy p:not(.v4-kicker){font-size:15px;margin-top:18px;}
  .detail-actions{justify-content:center;gap:10px;}
  .detail-actions .btn{flex:1;min-width:150px;padding:13px 12px;font-size:13px;}
  .detail-visual-card{border-radius:28px;padding:20px;}
  .flow-preview-top img{height:38px;}
  .flow-preview-top span{font-size:11px;padding:8px 11px;}
  .flow-preview-steps article{grid-template-columns:48px 1fr;border-radius:18px;padding:13px;}
  .flow-preview-steps b{width:38px;height:38px;border-radius:13px;font-size:12px;}
  .detail-marquee-group{gap:24px;padding:18px 12px;}
  .detail-marquee-group span{font-size:17px;}
  .detail-section{padding:62px 0;}
  .detail-center-head{margin-bottom:24px;}
  .detail-center-head h2,.approval-grid h2,.segment-grid h2{font-size:36px;line-height:1.02;}
  .detail-center-head p:not(.v4-kicker),.approval-grid p,.segment-grid p{font-size:15px;}
  .workflow-grid,.usecase-detail-grid{grid-template-columns:1fr;gap:14px;}
  .workflow-card{min-height:0;border-radius:24px;padding:22px;}
  .workflow-icon{width:50px;height:50px;border-radius:17px;margin-bottom:22px;}
  .workflow-card h3{font-size:24px;}
  .approval-points span{width:100%;justify-content:center;}
  .approval-window{border-radius:26px;}
  .approval-window-body{padding:18px;}
  .approval-status-card{display:grid;gap:10px;border-radius:20px;padding:18px;}
  .approval-status-card strong{font-size:18px;}
  .approval-line{margin-left:24px;}
  .usecase-orbit-card{min-height:360px;border-radius:30px;}
  .usecase-orbit-card img{width:92px;height:92px;}
  .ring-one{inset:48px;}.ring-two{inset:96px;}
  .orbit-chip{padding:9px 12px;font-size:12px;}
  .chip-a{left:24px;top:82px;}.chip-b{right:22px;top:148px;}.chip-c{left:74px;bottom:56px;}
  .usecase-detail-card{grid-template-columns:1fr;border-radius:24px;padding:22px;gap:18px;}
  .usecase-card-media{width:58px;height:58px;border-radius:19px;}
  .usecase-card-media svg{width:26px;height:26px;}
  .usecase-detail-card h3{font-size:25px;}
  .segment-grid{text-align:center;}
  .segment-board{justify-content:center;}
  .segment-board span{padding:12px 14px;font-size:13px;}
  .detail-final-cta{padding-top:54px;}
}
@media(max-width:480px){
  .detail-actions{display:grid;grid-template-columns:1fr 1fr;}
  .detail-actions .btn{min-width:0;font-size:12px;}
  .detail-hero-copy h1{font-size:40px;}
  .flow-preview-top{display:grid;gap:12px;}
  .flow-preview-top span{justify-self:start;}
  .detail-marquee-track{animation-duration:22s;}
}

/* ==============================
   Sendly v23 How It Works polish
   Focus: cleaner hero, better section spacing, premium workflow cards, mobile polish
   ============================== */
.v23-how-page{
  background:#F1F6EF;
}
.v23-how-hero{
  background:
    radial-gradient(circle at 76% 12%, rgba(183,255,26,.28), transparent 23%),
    radial-gradient(circle at 14% 82%, rgba(74,222,128,.12), transparent 28%),
    linear-gradient(180deg,#FBFCF8 0%,#F1F6EF 100%);
}
.v23-how-hero .detail-hero::before{opacity:.22;}
.v23-how-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);
  align-items:center;
  gap:clamp(54px,7vw,92px);
  min-height:640px;
  padding:76px 0 70px;
}
.v23-how-copy h1{
  max-width:880px;
  margin:0;
  color:#111827;
  font-size:clamp(56px,6.1vw,88px);
  line-height:.93;
  letter-spacing:-.085em;
}
.v23-how-copy p:not(.v4-kicker){
  margin:24px 0 0;
  max-width:690px;
  color:#506176;
  font-size:18px;
  line-height:1.72;
}
.v23-text-highlight{
  background-image:
    linear-gradient(180deg,transparent 0%,transparent 57%,rgba(183,255,26,.86) 57%,rgba(183,255,26,.86) 79%,transparent 79%,transparent 100%),
    linear-gradient(180deg,transparent 0%,transparent 69%,rgba(121,243,105,.54) 69%,rgba(121,243,105,.54) 91%,transparent 91%,transparent 100%);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  padding:0 .03em;
}
.v23-actions{margin-top:32px;}
.v23-flow-panel{
  position:relative;
  overflow:hidden;
  border-radius:42px;
  padding:28px;
  color:#fff;
  background:
    radial-gradient(circle at 82% 88%, rgba(183,255,26,.16), transparent 30%),
    linear-gradient(145deg,#061610 0%,#0B3D2E 66%,#1F5521 100%);
  box-shadow:0 36px 90px rgba(11,61,46,.23);
  border:1px solid rgba(255,255,255,.13);
}
.v23-flow-panel::before{
  content:"";
  position:absolute;
  inset:auto -70px -110px auto;
  width:280px;
  height:280px;
  border-radius:50%;
  background:rgba(183,255,26,.12);
}
.v23-flow-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}
.v23-flow-head img{height:44px;width:auto;object-fit:contain;}
.v23-flow-head span{
  border-radius:999px;
  background:#E9FFE9;
  color:#0B6B3D;
  padding:10px 14px;
  font-weight:950;
  font-size:12px;
}
.v23-flow-list{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
}
.v23-flow-list article{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:14px;
  align-items:start;
  min-height:88px;
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.115);
  backdrop-filter:blur(10px);
}
.v23-flow-list b{
  width:42px;
  height:42px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:#B7FF1A;
  color:#0B1D17;
  font-weight:950;
  font-size:13px;
}
.v23-flow-list strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.1;
  margin:1px 0 6px;
}
.v23-flow-list span{
  display:block;
  max-width:330px;
  color:rgba(255,255,255,.70);
  font-size:13px;
  line-height:1.45;
}
.v23-detail-marquee .detail-marquee-group{
  padding:18px 15px;
  gap:30px;
}
.v23-detail-marquee .detail-marquee-group span{
  font-size:20px;
}
.v23-workflow-section{
  padding-top:76px;
  padding-bottom:74px;
  background:
    radial-gradient(circle at 50% 2%, rgba(183,255,26,.10), transparent 20%),
    #F1F6EF;
}
.v23-center-head{
  max-width:910px;
  margin-bottom:34px;
}
.v23-center-head h2{
  max-width:900px;
  margin-inline:auto;
}
.v23-workflow-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:18px;
}
.v23-work-card{
  position:relative;
  overflow:hidden;
  grid-column:span 2;
  min-height:286px;
  border-radius:32px;
  padding:26px;
  border:1px solid rgba(11,61,46,.10);
  box-shadow:0 18px 42px rgba(17,24,39,.06);
  transition:transform .28s ease, box-shadow .28s ease;
}
.v23-work-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 54px rgba(17,24,39,.09);
}
.v23-card-wide{grid-column:span 3;}
.v23-card-soft{background:linear-gradient(180deg,#fff 0%,#F5FCEB 100%);}
.v23-card-light{background:#fff;}
.v23-card-dark{background:linear-gradient(135deg,#061610,#0B3D2E);color:#fff;}
.v23-card-lime{background:linear-gradient(135deg,#B7FF1A,#75F36B);}
.v23-work-card::after{
  content:"";
  position:absolute;
  right:-64px;
  top:-72px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:rgba(183,255,26,.20);
}
.v23-work-icon{
  position:relative;
  z-index:1;
  width:56px;
  height:56px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:#EAF7EF;
  color:#0B6B3D;
  margin-bottom:28px;
}
.v23-work-icon svg{width:25px;height:25px;}
.v23-card-dark .v23-work-icon{background:rgba(255,255,255,.12);color:#B7FF1A;}
.v23-work-card span{
  position:relative;
  z-index:1;
  display:inline-flex;
  color:#0B6B3D;
  font-size:12px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.v23-card-dark span{color:#B7FF1A;}
.v23-work-card h3{
  position:relative;
  z-index:1;
  margin:0 0 12px;
  color:#111827;
  font-size:clamp(23px,2vw,30px);
  line-height:1.04;
  letter-spacing:-.055em;
}
.v23-card-dark h3,
.v23-card-dark p{color:#fff;}
.v23-work-card p{
  position:relative;
  z-index:1;
  margin:0;
  color:#607086;
  line-height:1.62;
  max-width:710px;
}
.v23-approval-section{
  padding-top:66px;
  padding-bottom:70px;
  background:linear-gradient(180deg,#F1F6EF 0%,#EEF3EA 100%);
}
.v23-approval-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:56px;
  align-items:center;
}
.v23-approval-copy h2{
  margin:0;
  color:#111827;
  font-size:clamp(40px,5vw,64px);
  line-height:.98;
  letter-spacing:-.075em;
}
.v23-approval-copy p:not(.v4-kicker){
  max-width:620px;
  margin:20px 0 0;
  color:#607086;
  font-size:17px;
  line-height:1.72;
}
.v23-approval-window{
  overflow:hidden;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(11,61,46,.10);
  box-shadow:0 30px 72px rgba(17,24,39,.10);
}
.v23-window-bar{
  height:54px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 20px;
  background:#F0F5ED;
}
.v23-window-bar i{width:11px;height:11px;border-radius:50%;background:#BAC8BE;}
.v23-window-bar b{margin-left:8px;color:#657083;font-size:12px;}
.v23-window-body{
  padding:28px;
  display:grid;
  gap:14px;
}
.v23-window-body article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-radius:24px;
  background:#F7F9F8;
  border:1px solid #E4F0E8;
  padding:22px;
}
.v23-window-body article strong{font-size:21px;letter-spacing:-.04em;color:#111827;}
.v23-window-body article span{
  border-radius:999px;
  padding:9px 13px;
  background:#FEF3C7;
  color:#92400E;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}
.v23-window-body article.active{background:linear-gradient(135deg,#E9FFE9,#F7FFF1);}
.v23-window-body article.active span,
.v23-window-body article.report span{background:#B7FF1A;color:#0B1D17;}
.v23-window-body em{
  height:26px;
  width:4px;
  margin-left:34px;
  border-radius:999px;
  background:#DDE8DF;
}
.v23-window-body em.short{height:16px;}
.v23-detail-final-cta{
  padding-top:56px;
  padding-bottom:74px;
}

@media(max-width:1120px){
  .v23-how-hero-grid,
  .v23-approval-grid{grid-template-columns:1fr;gap:42px;}
  .v23-how-hero-grid{min-height:0;}
  .v23-flow-panel{max-width:680px;margin-inline:auto;width:100%;}
  .v23-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .v23-work-card,.v23-card-wide{grid-column:span 1;}
}
@media(max-width:860px){
  .v23-how-hero-grid{
    padding:50px 0 54px;
    gap:30px;
  }
  .v23-how-copy{text-align:center;}
  .v23-how-copy h1{
    font-size:43px;
    line-height:.98;
    letter-spacing:-.07em;
  }
  .v23-how-copy p:not(.v4-kicker){
    margin:18px auto 0;
    font-size:15px;
    line-height:1.68;
  }
  .v23-actions{
    justify-content:center;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    max-width:390px;
    margin:26px auto 0;
  }
  .v23-actions .btn{
    min-width:0;
    width:100%;
    font-size:12.5px;
    padding:13px 10px;
  }
  .v23-flow-panel{border-radius:28px;padding:20px;}
  .v23-flow-head{margin-bottom:18px;}
  .v23-flow-head img{height:38px;}
  .v23-flow-head span{font-size:11px;padding:8px 11px;}
  .v23-flow-list article{grid-template-columns:44px 1fr;min-height:0;border-radius:18px;padding:13px;}
  .v23-flow-list b{width:38px;height:38px;border-radius:13px;font-size:12px;}
  .v23-flow-list strong{font-size:16px;}
  .v23-flow-list span{font-size:12px;}
  .v23-detail-marquee .detail-marquee-group{padding:15px 12px;gap:22px;}
  .v23-detail-marquee .detail-marquee-group span{font-size:16px;}
  .v23-detail-marquee .detail-marquee-group svg{width:20px;height:20px;}
  .v23-workflow-section{padding-top:58px;padding-bottom:58px;}
  .v23-center-head{margin-bottom:24px;}
  .v23-center-head h2{font-size:35px;line-height:1.02;}
  .v23-center-head p:not(.v4-kicker){font-size:15px;}
  .v23-workflow-grid{grid-template-columns:1fr;gap:14px;}
  .v23-work-card{min-height:0;border-radius:24px;padding:22px;}
  .v23-work-icon{width:50px;height:50px;border-radius:17px;margin-bottom:22px;}
  .v23-work-card h3{font-size:24px;}
  .v23-work-card p{font-size:14px;}
  .v23-approval-section{padding-top:56px;padding-bottom:58px;}
  .v23-approval-grid{gap:28px;}
  .v23-approval-copy{text-align:center;}
  .v23-approval-copy h2{font-size:36px;line-height:1.02;}
  .v23-approval-copy p:not(.v4-kicker){font-size:15px;margin-inline:auto;}
  .v23-approval-window{border-radius:26px;}
  .v23-window-bar b{font-size:10px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .v23-window-body{padding:18px;gap:12px;}
  .v23-window-body article{display:grid;gap:10px;border-radius:20px;padding:18px;}
  .v23-window-body article strong{font-size:18px;}
  .v23-window-body article span{justify-self:start;font-size:11px;}
  .v23-window-body em{height:22px;margin-left:23px;}
  .v23-detail-final-cta{padding-top:48px;padding-bottom:62px;}
}
@media(max-width:480px){
  .v23-how-copy h1{font-size:39px;}
  .v23-actions{grid-template-columns:1fr 1fr;}
  .v23-flow-head{display:grid;gap:10px;}
  .v23-flow-head span{justify-self:start;}
  .v23-window-bar{padding:0 15px;}
}

/* ==============================
   Sendly v24 workflow composition polish
   Focus: cleaner card composition for How It Works workflow section
   ============================== */
.v23-workflow-section{
  padding-top:70px;
  padding-bottom:66px;
  background:
    radial-gradient(circle at 18% 10%, rgba(183,255,26,.12), transparent 23%),
    radial-gradient(circle at 86% 38%, rgba(22,163,74,.08), transparent 26%),
    linear-gradient(180deg,#F1F6EF 0%,#EEF3EA 100%);
}
.v23-center-head{
  margin-bottom:30px;
}
.v23-workflow-grid{
  display:grid;
  grid-template-columns:1.14fr .93fr .93fr;
  grid-template-areas:
    "brief prep approval"
    "brief execute report";
  gap:18px;
  align-items:stretch;
}
.v23-work-card,
.v23-card-wide{
  grid-column:auto;
}
.v23-work-card{
  min-height:238px;
  border-radius:30px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  box-shadow:0 18px 42px rgba(17,24,39,.055);
}
.v23-work-card:nth-child(1){
  grid-area:brief;
  min-height:494px;
  justify-content:flex-end;
  padding:34px;
  background:
    radial-gradient(circle at 78% 9%, rgba(183,255,26,.30), transparent 23%),
    linear-gradient(180deg,#FFFFFF 0%, #F6FCEB 100%);
}
.v23-work-card:nth-child(2){grid-area:prep;}
.v23-work-card:nth-child(3){grid-area:approval;}
.v23-work-card:nth-child(4){grid-area:execute;}
.v23-work-card:nth-child(5){grid-area:report;}
.v23-work-card:nth-child(1)::before{
  content:"Brief → Data → Report";
  position:absolute;
  top:32px;
  left:34px;
  right:34px;
  height:82px;
  border-radius:24px;
  display:flex;
  align-items:center;
  padding:0 22px;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(11,61,46,.08);
  color:#0B6B3D;
  font-size:15px;
  font-weight:950;
  letter-spacing:.02em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
  z-index:0;
}
.v23-work-card:nth-child(1)::after{
  top:-86px;
  right:-78px;
  width:230px;
  height:230px;
  background:rgba(183,255,26,.24);
}
.v23-work-card:nth-child(2)::after,
.v23-work-card:nth-child(4)::after{
  width:150px;
  height:150px;
  top:-70px;
  right:-62px;
  background:rgba(183,255,26,.18);
}
.v23-work-card:nth-child(3)::after{
  width:190px;
  height:190px;
  top:-62px;
  right:-78px;
  background:rgba(183,255,26,.16);
}
.v23-work-card:nth-child(5)::after{
  width:170px;
  height:170px;
  top:-68px;
  right:-60px;
  background:rgba(255,255,255,.20);
}
.v23-work-icon{
  width:52px;
  height:52px;
  border-radius:18px;
  margin-bottom:22px;
}
.v23-work-card:nth-child(1) .v23-work-icon{
  width:60px;
  height:60px;
  border-radius:21px;
  margin-bottom:24px;
}
.v23-work-card span{
  margin-bottom:10px;
}
.v23-work-card h3{
  font-size:clamp(22px,1.65vw,27px);
  line-height:1.06;
  margin-bottom:12px;
}
.v23-work-card:nth-child(1) h3{
  font-size:clamp(30px,2.8vw,42px);
  max-width:480px;
  letter-spacing:-.07em;
}
.v23-work-card p{
  font-size:14.5px;
  line-height:1.62;
}
.v23-work-card:nth-child(1) p{
  max-width:520px;
  font-size:16px;
}
.v23-card-lime{
  background:
    radial-gradient(circle at 86% 0%, rgba(255,255,255,.30), transparent 31%),
    linear-gradient(135deg,#B7FF1A 0%,#75F36B 100%);
}
.v23-card-dark{
  background:
    radial-gradient(circle at 82% 0%, rgba(183,255,26,.20), transparent 31%),
    linear-gradient(135deg,#061610 0%,#0B3D2E 100%);
}
.v23-work-card:hover{
  transform:translateY(-3px);
}

@media(max-width:1120px){
  .v23-workflow-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:
      "brief brief"
      "prep approval"
      "execute report";
  }
  .v23-work-card:nth-child(1){
    min-height:320px;
    justify-content:flex-end;
  }
  .v23-work-card:nth-child(1) h3{
    max-width:720px;
  }
}
@media(max-width:860px){
  .v23-workflow-section{
    padding-top:54px;
    padding-bottom:54px;
  }
  .v23-center-head{
    margin-bottom:22px;
  }
  .v23-workflow-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "brief"
      "prep"
      "approval"
      "execute"
      "report";
    gap:14px;
  }
  .v23-work-card,
  .v23-work-card:nth-child(1){
    min-height:0;
    border-radius:24px;
    padding:22px;
    justify-content:flex-start;
  }
  .v23-work-card:nth-child(1)::before{
    position:relative;
    inset:auto;
    height:auto;
    min-height:54px;
    margin-bottom:18px;
    border-radius:18px;
    padding:14px 16px;
    font-size:13px;
    order:-2;
  }
  .v23-work-card:nth-child(1) .v23-work-icon{
    width:50px;
    height:50px;
    border-radius:17px;
    margin-bottom:20px;
  }
  .v23-work-card h3,
  .v23-work-card:nth-child(1) h3{
    font-size:24px;
    line-height:1.06;
    letter-spacing:-.055em;
  }
  .v23-work-card p,
  .v23-work-card:nth-child(1) p{
    font-size:14px;
    line-height:1.6;
  }
}
@media(max-width:480px){
  .v23-workflow-section{
    padding-top:50px;
    padding-bottom:50px;
  }
  .v23-work-card,
  .v23-work-card:nth-child(1){
    padding:20px;
  }
  .v23-work-card:nth-child(1)::before{
    font-size:12px;
  }
}

/* ==============================
   Sendly v25 Client Portal Flow polish
   Focus: better composition, tighter section spacing, premium desktop/mobile layout
   ============================== */
.v25-portal-flow-section{
  position:relative;
  overflow:hidden;
  padding-top:54px;
  padding-bottom:58px;
  background:
    radial-gradient(circle at 14% 18%, rgba(183,255,26,.10), transparent 22%),
    radial-gradient(circle at 82% 44%, rgba(22,163,74,.08), transparent 28%),
    linear-gradient(180deg,#EEF3EA 0%,#F1F6EF 100%);
}
.v25-portal-flow-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(11,61,46,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(11,61,46,.045) 1px, transparent 1px);
  background-size:110px 110px;
  opacity:.18;
  pointer-events:none;
}
.v25-portal-flow-card{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:46px;
  align-items:center;
  border-radius:42px;
  padding:42px;
  background:rgba(255,255,255,.36);
  border:1px solid rgba(11,61,46,.08);
  box-shadow:0 24px 70px rgba(17,24,39,.055);
  backdrop-filter:blur(10px);
}
.v25-portal-copy h2{
  max-width:680px;
  margin:0;
  color:#111827;
  font-size:clamp(42px,4.8vw,68px);
  line-height:.97;
  letter-spacing:-.078em;
}
.v25-portal-copy p:not(.v4-kicker){
  max-width:620px;
  margin:20px 0 0;
  color:#607086;
  font-size:17px;
  line-height:1.72;
}
.v25-highlight{
  background-image:
    linear-gradient(180deg, transparent 0%, transparent 57%, rgba(183,255,26,.88) 57%, rgba(183,255,26,.88) 79%, transparent 79%, transparent 100%),
    linear-gradient(180deg, transparent 0%, transparent 69%, rgba(74,222,128,.52) 69%, rgba(74,222,128,.52) 91%, transparent 91%, transparent 100%);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
.v25-flow-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.v25-flow-chips span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:12px 15px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(11,61,46,.09);
  box-shadow:0 12px 28px rgba(17,24,39,.045);
  color:#111827;
  font-size:13px;
  font-weight:950;
}
.v25-flow-chips svg{width:17px;height:17px;color:#16A34A;}
.v25-portal-visual{
  position:relative;
  min-height:460px;
  display:grid;
  align-items:center;
}
.v25-flow-window{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(11,61,46,.10);
  box-shadow:0 30px 76px rgba(17,24,39,.12);
}
.v25-flow-window::before{
  content:"";
  position:absolute;
  right:-95px;
  bottom:-105px;
  width:270px;
  height:270px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(183,255,26,.34),transparent 68%);
  pointer-events:none;
}
.v25-window-bar{
  position:relative;
  z-index:1;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 22px;
  background:#F0F5ED;
  border-bottom:1px solid rgba(11,61,46,.07);
}
.v25-window-bar div{display:flex;gap:8px;}
.v25-window-bar i{width:11px;height:11px;border-radius:50%;background:#BAC8BE;}
.v25-window-bar b{color:#657083;font-size:12px;font-weight:950;}
.v25-window-bar span{
  display:inline-flex;
  align-items:center;
  height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#E9FFE9;
  color:#0B6B3D;
  font-size:11px;
  font-weight:950;
}
.v25-flow-steps{
  position:relative;
  z-index:1;
  padding:26px;
  display:grid;
  gap:12px;
}
.v25-step-card{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  min-height:116px;
  border-radius:24px;
  padding:18px;
  background:#F7F9F8;
  border:1px solid #E4F0E8;
  box-shadow:0 12px 28px rgba(17,24,39,.035);
}
.v25-step-card.approved{
  background:linear-gradient(135deg,#E9FFE9,#F7FFF1);
  border-color:rgba(22,163,74,.12);
}
.v25-step-card.report{
  background:linear-gradient(135deg,#FFFFFF,#F7F9F8);
}
.v25-step-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#EAF7EF;
  color:#0B6B3D;
}
.v25-step-icon svg{width:23px;height:23px;}
.v25-step-card small{
  display:block;
  margin-bottom:4px;
  color:#0B6B3D;
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.v25-step-card strong{
  display:block;
  color:#111827;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.045em;
}
.v25-step-card p{
  margin:7px 0 0;
  color:#607086;
  font-size:13px;
  line-height:1.45;
}
.v25-step-card > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  padding:0 14px;
  border-radius:999px;
  background:#FEF3C7;
  color:#92400E;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}
.v25-step-card.approved > span,
.v25-step-card.report > span{background:#B7FF1A;color:#0B1D17;}
.v25-connector{
  width:4px;
  height:18px;
  margin-left:43px;
  border-radius:999px;
  background:#DDE8DF;
}
.v25-connector.short{height:14px;}
.v25-mini-badge{
  position:absolute;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:12px 15px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(11,61,46,.10);
  box-shadow:0 18px 38px rgba(17,24,39,.10);
  color:#111827;
  font-size:12px;
  font-weight:950;
}
.v25-mini-badge svg{width:18px;height:18px;color:#16A34A;}
.v25-mini-badge.badge-left{left:-18px;top:28px;}
.v25-mini-badge.badge-right{right:-12px;bottom:28px;background:#B7FF1A;color:#0B1D17;}
.v25-mini-badge.badge-right svg{color:#0B3D2E;}

.v25-portal-flow-section + .v23-detail-final-cta{
  padding-top:46px;
}

@media(max-width:1120px){
  .v25-portal-flow-card{
    grid-template-columns:1fr;
    gap:34px;
  }
  .v25-portal-copy{
    text-align:center;
  }
  .v25-portal-copy h2,
  .v25-portal-copy p:not(.v4-kicker){
    margin-left:auto;
    margin-right:auto;
  }
  .v25-flow-chips{justify-content:center;}
  .v25-portal-visual{
    max-width:760px;
    margin-inline:auto;
    width:100%;
    min-height:0;
  }
}
@media(max-width:860px){
  .v25-portal-flow-section{
    padding-top:48px;
    padding-bottom:50px;
  }
  .v25-portal-flow-card{
    border-radius:30px;
    padding:24px;
    gap:26px;
  }
  .v25-portal-copy h2{
    font-size:36px;
    line-height:1.02;
  }
  .v25-portal-copy p:not(.v4-kicker){
    font-size:15px;
    line-height:1.66;
    margin-top:15px;
  }
  .v25-flow-chips{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    max-width:420px;
    margin:22px auto 0;
  }
  .v25-flow-chips span{
    justify-content:center;
    padding:11px 13px;
  }
  .v25-mini-badge{
    display:none;
  }
  .v25-flow-window{
    border-radius:26px;
  }
  .v25-window-bar{
    height:52px;
    padding:0 16px;
  }
  .v25-window-bar b{
    max-width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10px;
  }
  .v25-window-bar span{
    font-size:10px;
    height:28px;
    padding:0 10px;
  }
  .v25-flow-steps{
    padding:16px;
    gap:10px;
  }
  .v25-step-card{
    grid-template-columns:44px minmax(0,1fr);
    gap:12px;
    min-height:0;
    border-radius:20px;
    padding:15px;
  }
  .v25-step-icon{
    width:44px;
    height:44px;
    border-radius:15px;
  }
  .v25-step-icon svg{width:20px;height:20px;}
  .v25-step-card strong{
    font-size:18px;
  }
  .v25-step-card p{
    font-size:12.5px;
  }
  .v25-step-card > span{
    grid-column:2;
    justify-self:start;
    height:30px;
    padding:0 11px;
    font-size:10.5px;
  }
  .v25-connector{
    margin-left:36px;
    height:14px;
  }
  .v25-portal-flow-section + .v23-detail-final-cta{
    padding-top:42px;
  }
}
@media(max-width:480px){
  .v25-portal-flow-card{
    padding:20px;
    border-radius:26px;
  }
  .v25-portal-copy h2{font-size:34px;}
  .v25-window-bar span{display:none;}
  .v25-flow-steps{padding:14px;}
  .v25-step-card{padding:14px;}
}

/* ==============================
   Sendly v26 Use Case page premium polish
   Focus: centered hero, better section rhythm, stronger cards, clean mobile
   ============================== */
.usecase-page-v26{
  background:#EEF4EC;
}
.uc26-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 4%, rgba(183,255,26,.34), transparent 24%),
    radial-gradient(circle at 15% 58%, rgba(74,222,128,.10), transparent 24%),
    radial-gradient(circle at 86% 48%, rgba(11,61,46,.08), transparent 28%),
    linear-gradient(180deg,#FBFCF8 0%,#F0F7ED 100%);
  border-bottom:1px solid rgba(11,61,46,.06);
}
.uc26-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(11,61,46,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(11,61,46,.055) 1px,transparent 1px);
  background-size:104px 104px;
  opacity:.25;
  pointer-events:none;
}
.uc26-hero-inner{
  position:relative;
  z-index:1;
  min-height:610px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  padding:96px 0 76px;
}
.uc26-hero-inner .v4-kicker{
  margin-bottom:18px;
}
.uc26-hero h1{
  max-width:980px;
  margin:0 auto;
  color:#111827;
  font-size:clamp(56px,7.1vw,104px);
  line-height:.91;
  letter-spacing:-.092em;
}
.uc26-hero p:not(.v4-kicker){
  max-width:780px;
  margin:28px auto 0;
  color:#526176;
  font-size:18px;
  line-height:1.72;
}
.uc26-highlight{
  background-image:
    linear-gradient(180deg,transparent 0%,transparent 58%,rgba(183,255,26,.90) 58%,rgba(183,255,26,.90) 80%,transparent 80%,transparent 100%),
    linear-gradient(180deg,transparent 0%,transparent 70%,rgba(74,222,128,.55) 70%,rgba(74,222,128,.55) 92%,transparent 92%,transparent 100%);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  padding:0 .025em;
}
.uc26-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:32px;
}
.uc26-hero-chips{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:38px;
}
.uc26-hero-chips span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  border-radius:999px;
  padding:11px 15px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(11,61,46,.09);
  color:#111827;
  font-weight:900;
  box-shadow:0 14px 30px rgba(17,24,39,.055);
}
.uc26-hero-chips svg{
  width:18px;
  height:18px;
  color:#0B6B3D;
}
.uc26-section{
  position:relative;
  padding:82px 0;
  background:#EEF4EC;
}
.uc26-best-section{
  padding-top:76px;
  padding-bottom:78px;
}
.uc26-center-head{
  max-width:900px;
  margin:0 auto 38px;
  text-align:center;
}
.uc26-center-head .v4-kicker{
  margin-bottom:14px;
}
.uc26-center-head h2,
.uc26-segment-copy h2,
.uc26-fit-card h2{
  margin:0;
  color:#111827;
  font-size:clamp(40px,5.2vw,72px);
  line-height:.96;
  letter-spacing:-.078em;
}
.uc26-center-head p,
.uc26-segment-copy p,
.uc26-fit-card p{
  max-width:760px;
  margin:18px auto 0;
  color:#617083;
  font-size:17px;
  line-height:1.72;
}
.uc26-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:18px;
  align-items:stretch;
}
.uc26-card{
  position:relative;
  overflow:hidden;
  min-height:324px;
  border-radius:34px;
  padding:30px;
  border:1px solid rgba(11,61,46,.10);
  box-shadow:0 24px 54px rgba(17,24,39,.07);
  background:#fff;
}
.uc26-card::after{
  content:"";
  position:absolute;
  top:-80px;
  right:-60px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:rgba(255,255,255,.26);
  pointer-events:none;
}
.uc26-card-icon{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:rgba(255,255,255,.72);
  color:#0B6B3D;
  margin-bottom:22px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
.uc26-card-icon svg{
  width:28px;
  height:28px;
}
.uc26-card span{
  display:inline-flex;
  margin-bottom:10px;
  color:#0B6B3D;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-size:11px;
}
.uc26-card h3{
  margin:0 0 14px;
  color:#111827;
  font-size:clamp(26px,2.8vw,38px);
  line-height:.98;
  letter-spacing:-.065em;
}
.uc26-card p{
  margin:0 0 20px;
  color:#516176;
  font-size:16px;
  line-height:1.64;
}
.uc26-card ul{
  margin:0;
  padding-left:18px;
  color:#1A2637;
  line-height:1.72;
  font-weight:850;
}
.uc26-card-feature{
  background:linear-gradient(135deg,#F9FFE6 0%,#E7FF7F 100%);
  grid-row:span 2;
}
.uc26-card-white{
  background:linear-gradient(180deg,#FFFFFF 0%,#F5FAF2 100%);
}
.uc26-card-dark{
  background:radial-gradient(circle at 78% 0%,rgba(183,255,26,.18),transparent 30%),linear-gradient(135deg,#061610,#0B3D2E);
  color:#fff;
}
.uc26-card-dark .uc26-card-icon,
.uc26-card-dark::after{
  background:rgba(255,255,255,.12);
}
.uc26-card-dark .uc26-card-icon,
.uc26-card-dark span{color:#B7FF1A;}
.uc26-card-dark h3,
.uc26-card-dark p,
.uc26-card-dark ul{color:#fff;}
.uc26-card-lime{
  background:linear-gradient(135deg,#B7FF1A 0%,#74F270 100%);
}
.uc26-segment-section{
  padding-top:70px;
  padding-bottom:72px;
  background:linear-gradient(180deg,#EEF4EC,#F5F9F3);
}
.uc26-segment-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:56px;
  align-items:center;
}
.uc26-segment-copy p{
  margin-left:0;
  margin-right:0;
}
.uc26-segment-panel{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(11,61,46,.10);
  border-radius:34px;
  padding:30px;
  box-shadow:0 30px 70px rgba(17,24,39,.08);
  backdrop-filter:blur(14px);
}
.uc26-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
.uc26-panel-head strong{
  color:#111827;
  font-size:22px;
  letter-spacing:-.04em;
}
.uc26-panel-head span{
  border-radius:999px;
  background:#E8FFE8;
  color:#0B6B3D;
  padding:8px 12px;
  font-size:12px;
  font-weight:950;
}
.uc26-segment-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:24px;
}
.uc26-segment-tags span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(11,61,46,.08);
  box-shadow:0 12px 28px rgba(17,24,39,.05);
  font-weight:950;
  color:#111827;
}
.uc26-segment-tags span:nth-child(2n){background:#B7FF1A;color:#0B2A20;}
.uc26-segment-tags span:nth-child(5){background:#0B3D2E;color:#fff;}
.uc26-mini-report{
  display:grid;
  gap:14px;
  padding:22px;
  border-radius:26px;
  background:#F6FAF4;
  border:1px solid rgba(11,61,46,.08);
}
.uc26-mini-report article{
  display:grid;
  grid-template-columns:90px 1fr;
  align-items:center;
  gap:18px;
}
.uc26-mini-report b{
  color:#314055;
  font-size:14px;
}
.uc26-mini-report i{
  display:block;
  height:12px;
  border-radius:999px;
  background:#E4ECE6;
  overflow:hidden;
}
.uc26-mini-report em{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#0B3D2E,#4ADE80);
}
.uc26-fit-section{
  padding-top:62px;
  padding-bottom:52px;
  background:#F5F9F3;
}
.uc26-fit-card{
  position:relative;
  overflow:hidden;
  border-radius:38px;
  padding:44px;
  display:grid;
  grid-template-columns:1fr .95fr;
  gap:42px;
  align-items:center;
  background:radial-gradient(circle at 90% 0%,rgba(183,255,26,.22),transparent 28%),linear-gradient(135deg,#FFFFFF,#EEF8EA);
  border:1px solid rgba(11,61,46,.10);
  box-shadow:0 28px 68px rgba(17,24,39,.07);
}
.uc26-fit-card p{
  margin-left:0;
  margin-right:0;
}
.uc26-fit-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.uc26-fit-list span{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:64px;
  border-radius:20px;
  padding:14px 16px;
  background:#fff;
  border:1px solid rgba(11,61,46,.08);
  color:#111827;
  font-weight:950;
  box-shadow:0 14px 30px rgba(17,24,39,.05);
}
.uc26-fit-list svg{
  width:20px;
  height:20px;
  color:#16A34A;
}
.uc26-final-cta{
  padding-top:50px !important;
}
.usecase-page-v26 .v4-final-card{
  margin-top:0;
}
@media(max-width:1120px){
  .uc26-grid,
  .uc26-segment-grid,
  .uc26-fit-card{
    grid-template-columns:1fr;
  }
  .uc26-card-feature{
    grid-row:auto;
  }
}
@media(max-width:860px){
  .uc26-hero-inner{
    min-height:auto;
    padding:66px 0 54px;
  }
  .uc26-hero h1{
    font-size:clamp(44px,13vw,62px);
    line-height:.94;
  }
  .uc26-hero p:not(.v4-kicker){
    font-size:15px;
    line-height:1.65;
    margin-top:20px;
  }
  .uc26-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    max-width:430px;
    margin-top:26px;
  }
  .uc26-actions .btn{
    min-height:52px;
    padding:13px 10px;
    font-size:13px;
    width:auto!important;
  }
  .uc26-hero-chips{
    gap:9px;
    margin-top:26px;
  }
  .uc26-hero-chips span{
    padding:9px 11px;
    font-size:12px;
  }
  .uc26-section,
  .uc26-best-section,
  .uc26-segment-section{
    padding-top:58px;
    padding-bottom:58px;
  }
  .uc26-center-head{
    margin-bottom:24px;
  }
  .uc26-center-head h2,
  .uc26-segment-copy h2,
  .uc26-fit-card h2{
    font-size:36px;
    line-height:1.02;
  }
  .uc26-center-head p,
  .uc26-segment-copy p,
  .uc26-fit-card p{
    font-size:14.5px;
    line-height:1.65;
  }
  .uc26-grid{
    gap:14px;
  }
  .uc26-card{
    min-height:0;
    border-radius:26px;
    padding:22px;
  }
  .uc26-card-icon{
    width:52px;
    height:52px;
    border-radius:17px;
    margin-bottom:18px;
  }
  .uc26-card h3{
    font-size:28px;
  }
  .uc26-card p,
  .uc26-card ul{
    font-size:14px;
  }
  .uc26-segment-grid{
    gap:24px;
  }
  .uc26-segment-copy{
    text-align:center;
  }
  .uc26-segment-copy p{
    margin-left:auto;
    margin-right:auto;
  }
  .uc26-segment-panel{
    border-radius:28px;
    padding:22px;
  }
  .uc26-panel-head{
    display:grid;
    justify-items:start;
    gap:9px;
  }
  .uc26-segment-tags{
    gap:9px;
  }
  .uc26-segment-tags span{
    min-height:38px;
    padding:0 12px;
    font-size:12px;
  }
  .uc26-mini-report{
    padding:18px;
  }
  .uc26-mini-report article{
    grid-template-columns:72px 1fr;
    gap:12px;
  }
  .uc26-fit-section{
    padding-top:44px;
    padding-bottom:40px;
  }
  .uc26-fit-card{
    border-radius:28px;
    padding:26px;
    gap:24px;
  }
  .uc26-fit-list{
    grid-template-columns:1fr;
    gap:10px;
  }
  .uc26-fit-list span{
    min-height:54px;
    border-radius:17px;
  }
  .uc26-final-cta{
    padding-top:42px !important;
  }
}
@media(max-width:520px){
  .uc26-hero::before{background-size:78px 78px;}
  .uc26-actions{
    grid-template-columns:1fr;
  }
  .uc26-hero-chips{
    justify-content:center;
  }
  .uc26-hero-chips span{
    font-size:11.5px;
  }
  .uc26-card h3{
    font-size:26px;
  }
  .uc26-card::after{
    width:150px;
    height:150px;
  }
}

/* ==============================
   Sendly v27 Use Case page polish
   Focus: add continuous marquee and improve card composition
   ============================== */
.usecase-page-v27 .uc26-hero-inner{
  padding-bottom:56px;
}
.usecase-page-v27 .uc27-marquee-section{
  position:relative;
  background:#EEF4EC;
  padding:0 0 28px;
}
.usecase-page-v27 .uc27-marquee-strip{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#061610,#0B3D2E 55%,#0D5A3B 100%);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 40px rgba(17,24,39,.08);
}
.usecase-page-v27 .uc27-marquee-strip::before,
.usecase-page-v27 .uc27-marquee-strip::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:120px;
  z-index:2;
  pointer-events:none;
}
.usecase-page-v27 .uc27-marquee-strip::before{
  left:0;
  background:linear-gradient(90deg,#0A2E22 0%, rgba(10,46,34,0) 100%);
}
.usecase-page-v27 .uc27-marquee-strip::after{
  right:0;
  background:linear-gradient(270deg,#0D5237 0%, rgba(13,82,55,0) 100%);
}
.usecase-page-v27 .uc27-marquee-track{
  display:flex;
  align-items:center;
  gap:18px;
  width:max-content;
  padding:16px 0;
  animation:sendlyUcMarquee 28s linear infinite;
}
.usecase-page-v27 .uc27-marquee-track span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  border-radius:999px;
  padding:10px 16px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-weight:900;
  letter-spacing:-.01em;
}
.usecase-page-v27 .uc27-marquee-track svg{
  width:18px;
  height:18px;
  color:#B7FF1A;
}
@keyframes sendlyUcMarquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
.usecase-page-v27 .uc26-best-section{
  padding-top:52px;
}
.usecase-page-v27 .uc27-best-head{
  margin-bottom:30px;
}
.usecase-page-v27 .uc27-cards-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
.usecase-page-v27 .uc27-usecase-card{
  position:relative;
  overflow:hidden;
  min-height:330px;
  border-radius:32px;
  padding:28px;
  border:1px solid rgba(11,61,46,.10);
  box-shadow:0 22px 48px rgba(17,24,39,.07);
  background:#fff;
}
.usecase-page-v27 .uc27-usecase-card::after{
  content:"";
  position:absolute;
  top:-74px;
  right:-58px;
  width:200px;
  height:200px;
  border-radius:50%;
  background:rgba(255,255,255,.22);
  pointer-events:none;
}
.usecase-page-v27 .uc27-card-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:20px;
}
.usecase-page-v27 .uc27-card-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  color:#0B6B3D;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58);
}
.usecase-page-v27 .uc27-card-icon svg{width:26px;height:26px;}
.usecase-page-v27 .uc27-usecase-card span{
  display:inline-flex;
  color:#0B6B3D;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-size:11px;
}
.usecase-page-v27 .uc27-usecase-card h3{
  margin:0 0 14px;
  color:#111827;
  font-size:clamp(28px,2.7vw,40px);
  line-height:.98;
  letter-spacing:-.06em;
}
.usecase-page-v27 .uc27-usecase-card p{
  margin:0 0 18px;
  color:#526176;
  font-size:15.5px;
  line-height:1.64;
}
.usecase-page-v27 .uc27-usecase-card ul{
  margin:0;
  padding-left:18px;
  color:#132335;
  line-height:1.74;
  font-weight:850;
}
.usecase-page-v27 .uc27-tone-lime-soft{background:linear-gradient(135deg,#F9FFE8 0%,#EDF9B7 100%);}
.usecase-page-v27 .uc27-tone-white{background:linear-gradient(180deg,#FFFFFF 0%,#F7FAF6 100%);}
.usecase-page-v27 .uc27-tone-dark{
  background:radial-gradient(circle at 82% 0%,rgba(183,255,26,.18),transparent 30%),linear-gradient(135deg,#061610,#0B3D2E);
}
.usecase-page-v27 .uc27-tone-dark .uc27-card-icon,
.usecase-page-v27 .uc27-tone-dark::after{background:rgba(255,255,255,.12);}
.usecase-page-v27 .uc27-tone-dark .uc27-card-icon,
.usecase-page-v27 .uc27-tone-dark span{color:#B7FF1A;}
.usecase-page-v27 .uc27-tone-dark h3,
.usecase-page-v27 .uc27-tone-dark p,
.usecase-page-v27 .uc27-tone-dark ul{color:#fff;}
.usecase-page-v27 .uc27-tone-lime{background:linear-gradient(135deg,#B7FF1A 0%,#6AEB63 100%);}
.usecase-page-v27 .uc26-segment-section{
  padding-top:62px;
}
.usecase-page-v27 .uc26-fit-section{
  padding-top:56px;
}
@media(max-width:1120px){
  .usecase-page-v27 .uc27-cards-grid{grid-template-columns:1fr;}
}
@media(max-width:860px){
  .usecase-page-v27 .uc26-hero-inner{padding-bottom:44px;}
  .usecase-page-v27 .uc27-marquee-section{padding-bottom:20px;}
  .usecase-page-v27 .uc27-marquee-strip::before,
  .usecase-page-v27 .uc27-marquee-strip::after{width:56px;}
  .usecase-page-v27 .uc27-marquee-track{gap:12px;padding:14px 0;animation-duration:22s;}
  .usecase-page-v27 .uc27-marquee-track span{padding:9px 13px;font-size:12px;}
  .usecase-page-v27 .uc26-best-section{padding-top:40px;}
  .usecase-page-v27 .uc27-best-head{margin-bottom:22px;}
  .usecase-page-v27 .uc27-cards-grid{gap:14px;}
  .usecase-page-v27 .uc27-usecase-card{min-height:0;border-radius:26px;padding:22px;}
  .usecase-page-v27 .uc27-card-head{margin-bottom:16px;}
  .usecase-page-v27 .uc27-card-icon{width:50px;height:50px;border-radius:16px;}
  .usecase-page-v27 .uc27-usecase-card h3{font-size:30px;}
  .usecase-page-v27 .uc27-usecase-card p,
  .usecase-page-v27 .uc27-usecase-card ul{font-size:14px;}
  .usecase-page-v27 .uc26-segment-section{padding-top:48px;}
  .usecase-page-v27 .uc26-fit-section{padding-top:42px;}
}
@media(max-width:520px){
  .usecase-page-v27 .uc27-marquee-track{animation-duration:18s;}
  .usecase-page-v27 .uc27-usecase-card h3{font-size:26px;}
}

/* ==============================
   Sendly v28 Use Case spacing refinement
   Focus: reduce empty space between cards, Segmentation, Campaign Fit, and CTA
   ============================== */
.usecase-page-v27 .uc26-best-section{
  padding-bottom:38px;
}
.usecase-page-v27 .uc26-segment-section{
  padding-top:42px;
  padding-bottom:26px;
}
.usecase-page-v27 .uc26-segment-grid{
  gap:42px;
}
.usecase-page-v27 .uc26-fit-section{
  padding-top:26px;
  padding-bottom:34px;
}
.usecase-page-v27 .uc26-final-cta{
  padding-top:34px !important;
}
.usecase-page-v27 .uc26-fit-card{
  margin-top:0;
}
@media(max-width:1120px){
  .usecase-page-v27 .uc26-best-section{
    padding-bottom:34px;
  }
  .usecase-page-v27 .uc26-segment-section{
    padding-top:34px;
    padding-bottom:22px;
  }
  .usecase-page-v27 .uc26-fit-section{
    padding-top:22px;
    padding-bottom:30px;
  }
}
@media(max-width:860px){
  .usecase-page-v27 .uc26-best-section{
    padding-bottom:28px;
  }
  .usecase-page-v27 .uc26-segment-section{
    padding-top:28px;
    padding-bottom:18px;
  }
  .usecase-page-v27 .uc26-segment-grid{
    gap:18px;
  }
  .usecase-page-v27 .uc26-fit-section{
    padding-top:18px;
    padding-bottom:24px;
  }
  .usecase-page-v27 .uc26-final-cta{
    padding-top:28px !important;
  }
}
@media(max-width:520px){
  .usecase-page-v27 .uc26-best-section{
    padding-bottom:24px;
  }
  .usecase-page-v27 .uc26-segment-section{
    padding-top:24px;
    padding-bottom:16px;
  }
  .usecase-page-v27 .uc26-fit-section{
    padding-top:16px;
    padding-bottom:22px;
  }
}

/* ==============================
   Sendly v29 Company Profile redesign
   Focus: align company profile with new public page direction
   ============================== */
.company-profile-v29{background:#EEF4EC;}
.cp29-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 10%,rgba(183,255,26,.34),transparent 24%),
    radial-gradient(circle at 18% 60%,rgba(74,222,128,.10),transparent 25%),
    radial-gradient(circle at 86% 48%,rgba(11,61,46,.08),transparent 28%),
    linear-gradient(180deg,#FBFCF8 0%,#F0F7ED 100%);
  border-bottom:1px solid rgba(11,61,46,.06);
}
.cp29-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(11,61,46,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(11,61,46,.055) 1px,transparent 1px);
  background-size:104px 104px;
  opacity:.24;
  pointer-events:none;
}
.cp29-hero-inner{
  position:relative;
  z-index:1;
  min-height:620px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  padding:96px 0 76px;
}
.cp29-hero-inner .v4-kicker{margin-bottom:18px;}
.cp29-hero h1{
  max-width:1040px;
  margin:0 auto;
  color:#111827;
  font-size:clamp(58px,7.4vw,112px);
  line-height:.91;
  letter-spacing:-.095em;
}
.cp29-hero p:not(.v4-kicker){
  max-width:820px;
  margin:28px auto 0;
  color:#526176;
  font-size:18px;
  line-height:1.72;
}
.cp29-highlight{
  background-image:
    linear-gradient(180deg,transparent 0%,transparent 58%,rgba(183,255,26,.90) 58%,rgba(183,255,26,.90) 80%,transparent 80%,transparent 100%),
    linear-gradient(180deg,transparent 0%,transparent 70%,rgba(74,222,128,.55) 70%,rgba(74,222,128,.55) 92%,transparent 92%,transparent 100%);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  padding:0 .025em;
}
.cp29-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:32px;
}
.cp29-chips{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:38px;
}
.cp29-chips span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  border-radius:999px;
  padding:11px 15px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(11,61,46,.09);
  color:#111827;
  font-weight:900;
  box-shadow:0 14px 30px rgba(17,24,39,.055);
}
.cp29-chips svg{width:18px;height:18px;color:#0B6B3D;}
.cp29-marquee{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#061610,#0B3D2E 55%,#0D5A3B 100%);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 40px rgba(17,24,39,.08);
}
.cp29-marquee::before,.cp29-marquee::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:120px;
  z-index:2;
  pointer-events:none;
}
.cp29-marquee::before{left:0;background:linear-gradient(90deg,#0A2E22,rgba(10,46,34,0));}
.cp29-marquee::after{right:0;background:linear-gradient(270deg,#0D5237,rgba(13,82,55,0));}
.cp29-marquee-track{
  display:flex;
  align-items:center;
  gap:18px;
  width:max-content;
  padding:16px 0;
  animation:cp29Marquee 28s linear infinite;
}
.cp29-marquee-track span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  border-radius:999px;
  padding:10px 16px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-weight:900;
}
.cp29-marquee-track svg{width:18px;height:18px;color:#B7FF1A;}
@keyframes cp29Marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cp29-section{
  position:relative;
  padding:74px 0;
  background:#EEF4EC;
}
.cp29-about{padding-top:70px;padding-bottom:68px;}
.cp29-about-grid{
  display:grid;
  grid-template-columns:1fr .95fr;
  gap:54px;
  align-items:center;
}
.cp29-about-copy h2,
.cp29-center-head h2,
.cp29-flow-grid h2,
.cp29-fit-card h2{
  margin:0;
  color:#111827;
  font-size:clamp(40px,5.2vw,72px);
  line-height:.96;
  letter-spacing:-.078em;
}
.cp29-about-copy p:not(.v4-kicker),
.cp29-center-head p,
.cp29-flow-grid p,
.cp29-fit-card p{
  color:#617083;
  font-size:17px;
  line-height:1.72;
}
.cp29-about-copy p:not(.v4-kicker){max-width:720px;}
.cp29-profile-card{
  position:relative;
  overflow:hidden;
  border-radius:38px;
  padding:30px;
  color:#fff;
  background:radial-gradient(circle at 84% 0%,rgba(183,255,26,.24),transparent 30%),linear-gradient(135deg,#061610,#0B3D2E);
  box-shadow:0 32px 78px rgba(17,24,39,.18);
}
.cp29-profile-card::after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-100px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:rgba(183,255,26,.10);
}
.cp29-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;position:relative;z-index:1;}
.cp29-card-head img{height:44px;width:auto;object-fit:contain;}
.cp29-card-head span{border-radius:999px;background:rgba(255,255,255,.12);padding:8px 12px;font-size:12px;font-weight:950;color:#B7FF1A;}
.cp29-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px;position:relative;z-index:1;}
.cp29-metric-grid article{border-radius:22px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);padding:18px;}
.cp29-metric-grid small{display:block;color:rgba(255,255,255,.62);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;}
.cp29-metric-grid strong{display:block;margin-top:6px;font-size:25px;letter-spacing:-.045em;}
.cp29-profile-line{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;margin-top:13px;position:relative;z-index:1;}
.cp29-profile-line b{font-size:13px;color:rgba(255,255,255,.76);}
.cp29-profile-line i{display:block;height:11px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;}
.cp29-profile-line em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#B7FF1A,#4ADE80);}
.cp29-values{padding-top:66px;padding-bottom:68px;background:linear-gradient(180deg,#EEF4EC,#F6FAF4);}
.cp29-center-head{max-width:920px;margin:0 auto 34px;text-align:center;}
.cp29-center-head p{max-width:760px;margin:18px auto 0;}
.cp29-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.cp29-value-grid article{position:relative;overflow:hidden;min-height:282px;border-radius:30px;padding:24px;border:1px solid rgba(11,61,46,.10);box-shadow:0 22px 48px rgba(17,24,39,.07);}
.cp29-value-grid article::after{content:"";position:absolute;right:-54px;top:-70px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.22);}
.cp29-value-grid article > span{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.62);color:#0B6B3D;margin-bottom:22px;}
.cp29-value-grid svg{width:25px;height:25px;}
.cp29-value-grid h3{font-size:25px;line-height:1.05;letter-spacing:-.045em;margin:0 0 12px;color:#111827;}
.cp29-value-grid p{margin:0;color:#536176;line-height:1.58;font-size:15px;}
.cp29-value-grid .tone-soft{background:linear-gradient(135deg,#F9FFE8,#EDF9B7);}
.cp29-value-grid .tone-lime{background:linear-gradient(135deg,#B7FF1A,#79F66E);}
.cp29-value-grid .tone-dark{background:radial-gradient(circle at 82% 0%,rgba(183,255,26,.18),transparent 30%),linear-gradient(135deg,#061610,#0B3D2E);}
.cp29-value-grid .tone-dark > span{background:rgba(255,255,255,.12);color:#B7FF1A;}
.cp29-value-grid .tone-dark h3,.cp29-value-grid .tone-dark p{color:#fff;}
.cp29-value-grid .tone-white{background:linear-gradient(180deg,#fff,#F6FAF4);}
.cp29-flow{background:#F6FAF4;padding-top:72px;padding-bottom:70px;}
.cp29-flow-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:54px;align-items:center;}
.cp29-flow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.cp29-flow-list article{display:grid;grid-template-columns:54px 1fr;gap:16px;border-radius:26px;background:#fff;border:1px solid rgba(11,61,46,.10);padding:22px;box-shadow:0 18px 40px rgba(17,24,39,.055);}
.cp29-flow-list b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#B7FF1A;color:#0B2A20;font-weight:950;}
.cp29-flow-list h3{margin:0 0 8px;color:#111827;font-size:20px;letter-spacing:-.03em;}
.cp29-flow-list p{margin:0;color:#617083;font-size:14.5px;line-height:1.58;}
.cp29-fit{padding-top:56px;padding-bottom:50px;background:#F6FAF4;}
.cp29-fit-card{border-radius:38px;padding:44px;display:grid;grid-template-columns:1fr .95fr;gap:38px;align-items:center;background:radial-gradient(circle at 90% 0%,rgba(183,255,26,.22),transparent 28%),linear-gradient(135deg,#FFFFFF,#EEF8EA);border:1px solid rgba(11,61,46,.10);box-shadow:0 28px 68px rgba(17,24,39,.07);}
.cp29-fit-tags{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;}
.cp29-fit-tags span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;padding:0 16px;background:#fff;border:1px solid rgba(11,61,46,.08);box-shadow:0 12px 28px rgba(17,24,39,.05);font-weight:950;color:#111827;}
.cp29-fit-tags span:nth-child(2n){background:#B7FF1A;color:#0B2A20;}
.cp29-fit-tags span:nth-child(5){background:#0B3D2E;color:#fff;}
.cp29-final-cta{padding-top:50px!important;}
@media(max-width:1120px){
  .cp29-about-grid,.cp29-flow-grid,.cp29-fit-card{grid-template-columns:1fr;}
  .cp29-value-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cp29-fit-tags{justify-content:flex-start;}
}
@media(max-width:860px){
  .cp29-hero-inner{min-height:auto;padding:66px 0 52px;}
  .cp29-hero h1{font-size:clamp(44px,13vw,62px);line-height:.94;}
  .cp29-hero p:not(.v4-kicker){font-size:15px;line-height:1.65;margin-top:20px;}
  .cp29-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:430px;margin-top:26px;}
  .cp29-actions .btn{min-height:52px;padding:13px 10px;font-size:13px;width:auto!important;}
  .cp29-chips{gap:9px;margin-top:26px;}
  .cp29-chips span{padding:9px 11px;font-size:12px;}
  .cp29-marquee::before,.cp29-marquee::after{width:56px;}
  .cp29-marquee-track{gap:12px;padding:14px 0;animation-duration:22s;}
  .cp29-marquee-track span{padding:9px 13px;font-size:12px;}
  .cp29-section,.cp29-about,.cp29-values,.cp29-flow{padding-top:56px;padding-bottom:56px;}
  .cp29-about-copy{text-align:center;}
  .cp29-about-copy p:not(.v4-kicker){margin-left:auto;margin-right:auto;}
  .cp29-about-copy h2,.cp29-center-head h2,.cp29-flow-grid h2,.cp29-fit-card h2{font-size:36px;line-height:1.02;}
  .cp29-about-copy p:not(.v4-kicker),.cp29-center-head p,.cp29-flow-grid p,.cp29-fit-card p{font-size:14.5px;line-height:1.65;}
  .cp29-profile-card{border-radius:28px;padding:22px;}
  .cp29-card-head{display:grid;gap:12px;}
  .cp29-card-head img{height:38px;}
  .cp29-value-grid{grid-template-columns:1fr;gap:14px;}
  .cp29-value-grid article{min-height:0;border-radius:26px;padding:22px;}
  .cp29-flow-grid{text-align:center;gap:26px;}
  .cp29-flow-list{grid-template-columns:1fr;gap:12px;text-align:left;}
  .cp29-fit{padding-top:42px;padding-bottom:42px;}
  .cp29-fit-card{border-radius:28px;padding:26px;gap:24px;text-align:center;}
  .cp29-fit-tags{justify-content:center;gap:9px;}
  .cp29-fit-tags span{min-height:38px;padding:0 12px;font-size:12px;}
  .cp29-final-cta{padding-top:42px!important;}
}
@media(max-width:520px){
  .cp29-hero::before{background-size:78px 78px;}
  .cp29-actions{grid-template-columns:1fr;}
  .cp29-profile-line{grid-template-columns:70px 1fr;}
  .cp29-metric-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .cp29-metric-grid article{padding:14px;}
  .cp29-metric-grid strong{font-size:20px;}
  .cp29-flow-list article{grid-template-columns:46px 1fr;padding:18px;}
  .cp29-flow-list b{width:38px;height:38px;font-size:13px;}
}


/* ==============================
   Sendly v30 Company Profile spacing refinement
   Focus: make section rhythm more proportional on desktop and mobile
   ============================== */
.company-profile-v30 .cp29-hero-inner{
  padding-bottom:58px;
}
.company-profile-v30 .cp29-marquee{
  margin-bottom:0;
}
.company-profile-v30 .cp29-about{
  padding-top:58px;
  padding-bottom:38px;
}
.company-profile-v30 .cp29-values{
  padding-top:42px;
  padding-bottom:42px;
}
.company-profile-v30 .cp29-center-head{
  margin-bottom:28px;
}
.company-profile-v30 .cp29-flow{
  padding-top:46px;
  padding-bottom:38px;
}
.company-profile-v30 .cp29-flow-grid{
  gap:44px;
}
.company-profile-v30 .cp29-fit{
  padding-top:34px;
  padding-bottom:32px;
}
.company-profile-v30 .cp29-final-cta{
  padding-top:34px!important;
  padding-bottom:74px!important;
}
.company-profile-v30 .cp29-value-grid article{
  min-height:260px;
}
.company-profile-v30 .cp29-fit-card{
  padding:40px 44px;
}
@media(max-width:860px){
  .company-profile-v30 .cp29-hero-inner{
    padding-bottom:42px;
  }
  .company-profile-v30 .cp29-about,
  .company-profile-v30 .cp29-values,
  .company-profile-v30 .cp29-flow{
    padding-top:42px;
    padding-bottom:38px;
  }
  .company-profile-v30 .cp29-center-head{
    margin-bottom:22px;
  }
  .company-profile-v30 .cp29-flow-grid{
    gap:22px;
  }
  .company-profile-v30 .cp29-fit{
    padding-top:30px;
    padding-bottom:30px;
  }
  .company-profile-v30 .cp29-fit-card{
    padding:24px;
  }
  .company-profile-v30 .cp29-final-cta{
    padding-top:30px!important;
    padding-bottom:56px!important;
  }
  .company-profile-v30 .cp29-value-grid article{
    min-height:0;
  }
}
@media(max-width:520px){
  .company-profile-v30 .cp29-about,
  .company-profile-v30 .cp29-values,
  .company-profile-v30 .cp29-flow{
    padding-top:36px;
    padding-bottom:34px;
  }
  .company-profile-v30 .cp29-fit{
    padding-top:24px;
    padding-bottom:26px;
  }
  .company-profile-v30 .cp29-final-cta{
    padding-top:26px!important;
  }
}


/* ==============================
   Sendly v35 official contact polish
   Contact: sendly@crenovadigital.com / 081381735971
   ============================== */
.sendly-contact-footer .footer-inner{
  gap:24px;
}
.footer-contact-links{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-left:auto;
}
.footer-contact-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.86);
  font-size:13px;
  font-weight:850;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.footer-contact-links a:hover{
  background:rgba(183,255,26,.14);
  color:#B7FF1A;
  transform:translateY(-1px);
}
.sendly-contact-footer .footer-inner > span:last-child{
  color:rgba(255,255,255,.62);
  white-space:nowrap;
}
@media(max-width:860px){
  .sendly-contact-footer .footer-inner{
    display:grid;
    justify-items:start;
    gap:16px;
  }
  .footer-contact-links{
    margin-left:0;
    justify-content:flex-start;
  }
  .sendly-contact-footer .footer-inner > span:last-child{
    white-space:normal;
  }
}
@media(max-width:520px){
  .footer-contact-links{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .footer-contact-links a{
    justify-content:flex-start;
    min-height:40px;
  }
}

/* ==============================
   Sendly v36 professional footer
   Focus: proper contact cards, icons, desktop/mobile polish
   ============================== */
.sendly-pro-footer{
  position:relative;
  overflow:hidden;
  padding:0;
  background:
    radial-gradient(circle at 14% 0%, rgba(74,222,128,.16), transparent 28%),
    radial-gradient(circle at 86% 15%, rgba(183,255,26,.12), transparent 30%),
    linear-gradient(135deg,#061610 0%,#08251D 48%,#07130F 100%);
  border-top:1px solid rgba(255,255,255,.06);
}
.sendly-pro-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:54px 54px;
  opacity:.32;
  pointer-events:none;
}
.sp-footer-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(220px,.9fr) minmax(360px,1.35fr) minmax(220px,.7fr);
  gap:28px;
  align-items:center;
  padding:34px 0;
}
.sp-footer-brand{
  display:grid;
  gap:10px;
  align-content:center;
}
.sp-footer-brand img{
  height:46px;
  width:auto;
  display:block;
}
.sp-footer-brand p{
  margin:0;
  max-width:310px;
  color:rgba(255,255,255,.58);
  font-size:13px;
  line-height:1.45;
  font-weight:750;
}
.sp-footer-contact{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  justify-self:center;
  width:min(100%,690px);
}
.sp-contact-card{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:70px;
  padding:12px 14px;
  border-radius:22px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 34px rgba(0,0,0,.12);
  color:#fff;
  text-decoration:none;
  transition:transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.sp-contact-card:hover{
  transform:translateY(-2px);
  background:rgba(183,255,26,.10);
  border-color:rgba(183,255,26,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 22px 42px rgba(0,0,0,.16);
}
.sp-contact-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(183,255,26,.18),rgba(74,222,128,.10));
  color:#B7FF1A;
  border:1px solid rgba(183,255,26,.16);
}
.sp-contact-icon svg{
  width:21px;
  height:21px;
}
.sp-contact-card small,
.sp-footer-copy small{
  display:block;
  color:rgba(255,255,255,.52);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.sp-contact-card strong{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.2;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sp-footer-copy{
  justify-self:end;
  text-align:right;
  display:grid;
  gap:3px;
  color:rgba(255,255,255,.66);
  font-weight:750;
}
.sp-footer-copy span{
  color:rgba(255,255,255,.72);
  white-space:nowrap;
}
.sp-footer-copy small{
  margin:0;
  text-transform:none;
  letter-spacing:0;
  font-weight:700;
}
@media(max-width:1120px){
  .sp-footer-grid{
    grid-template-columns:1fr;
    gap:18px;
    padding:32px 0;
  }
  .sp-footer-contact{
    justify-self:stretch;
    width:100%;
  }
  .sp-footer-copy{
    justify-self:start;
    text-align:left;
  }
}
@media(max-width:700px){
  .sp-footer-grid{
    padding:30px 0;
  }
  .sp-footer-brand img{
    height:42px;
  }
  .sp-footer-brand p{
    font-size:12.5px;
  }
  .sp-footer-contact{
    grid-template-columns:1fr;
    gap:10px;
  }
  .sp-contact-card{
    min-height:66px;
    border-radius:20px;
    grid-template-columns:42px minmax(0,1fr);
  }
  .sp-contact-icon{
    width:42px;
    height:42px;
    border-radius:15px;
  }
  .sp-contact-card strong{
    font-size:14px;
  }
  .sp-footer-copy span{
    white-space:normal;
    line-height:1.45;
  }
}

/* ==============================
   Sendly v37 footer no-cut polish
   Focus: prevent truncated contact info and improve desktop/mobile footer composition
   ============================== */
.sendly-pro-footer .sp-footer-grid{
  grid-template-columns:minmax(260px,.85fr) minmax(650px,1.55fr) minmax(280px,.75fr);
  gap:28px;
  align-items:center;
  padding:30px 0;
}
.sendly-pro-footer .sp-footer-contact{
  width:100%;
  max-width:820px;
  grid-template-columns:minmax(390px,1.22fr) minmax(245px,.78fr);
  gap:14px;
}
.sendly-pro-footer .sp-contact-card{
  min-width:0;
  grid-template-columns:48px minmax(0,1fr);
  gap:13px;
  min-height:72px;
  padding:13px 16px;
}
.sendly-pro-footer .sp-contact-card > span:last-child{
  min-width:0;
  overflow:visible;
}
.sendly-pro-footer .sp-contact-card strong{
  max-width:none;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  font-size:clamp(14px,.92vw,17px);
  line-height:1.22;
}
.sendly-pro-footer .sp-contact-card[href^="https://wa.me"] strong{
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:normal;
}
.sendly-pro-footer .sp-contact-card small{
  font-size:10.5px;
  letter-spacing:.075em;
}
.sendly-pro-footer .sp-footer-brand img{
  height:44px;
}
.sendly-pro-footer .sp-footer-copy span{
  font-size:15px;
  line-height:1.35;
}

@media(max-width:1280px){
  .sendly-pro-footer .sp-footer-grid{
    grid-template-columns:1fr;
    gap:18px;
    padding:32px 0;
  }
  .sendly-pro-footer .sp-footer-contact{
    justify-self:stretch;
    max-width:100%;
    grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);
  }
  .sendly-pro-footer .sp-footer-copy{
    justify-self:start;
    text-align:left;
  }
}
@media(max-width:760px){
  .sendly-pro-footer .sp-footer-grid{
    gap:20px;
    padding:34px 0 38px;
  }
  .sendly-pro-footer .sp-footer-brand{
    gap:12px;
  }
  .sendly-pro-footer .sp-footer-brand img{
    height:42px;
  }
  .sendly-pro-footer .sp-footer-brand p{
    max-width:360px;
    font-size:13px;
  }
  .sendly-pro-footer .sp-footer-contact{
    grid-template-columns:1fr;
    gap:11px;
  }
  .sendly-pro-footer .sp-contact-card{
    min-height:68px;
    padding:13px 14px;
    border-radius:21px;
    grid-template-columns:44px minmax(0,1fr);
  }
  .sendly-pro-footer .sp-contact-icon{
    width:44px;
    height:44px;
    border-radius:15px;
  }
  .sendly-pro-footer .sp-contact-card strong{
    font-size:clamp(13px,3.55vw,16px);
  }
  .sendly-pro-footer .sp-footer-copy{
    gap:5px;
  }
  .sendly-pro-footer .sp-footer-copy span{
    white-space:normal;
    font-size:15px;
  }
}

/* ==============================
   Sendly v38 footer desktop composition fix
   Focus: keep footer professional on desktop/tablet width and preserve mobile layout
   ============================== */
@media(min-width:981px){
  .sendly-pro-footer .sp-footer-grid{
    display:grid;
    grid-template-columns:minmax(230px,.82fr) minmax(600px,1.42fr) minmax(230px,.76fr);
    gap:28px;
    align-items:center;
    padding:34px 0;
  }
  .sendly-pro-footer .sp-footer-brand{
    justify-self:start;
    max-width:300px;
  }
  .sendly-pro-footer .sp-footer-contact{
    justify-self:center;
    width:100%;
    max-width:760px;
    display:grid;
    grid-template-columns:minmax(350px,1.18fr) minmax(210px,.82fr);
    gap:14px;
  }
  .sendly-pro-footer .sp-contact-card{
    min-height:70px;
    padding:12px 14px;
    border-radius:22px;
    grid-template-columns:46px minmax(0,1fr);
  }
  .sendly-pro-footer .sp-contact-card strong{
    font-size:clamp(13.5px,.82vw,16px);
    line-height:1.22;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    overflow-wrap:anywhere;
  }
  .sendly-pro-footer .sp-contact-card[href^="https://wa.me"] strong{
    white-space:nowrap;
    overflow-wrap:normal;
  }
  .sendly-pro-footer .sp-footer-copy{
    justify-self:end;
    text-align:right;
    align-self:center;
    max-width:300px;
  }
  .sendly-pro-footer .sp-footer-copy span{
    display:block;
    white-space:normal;
    font-size:clamp(13.5px,.86vw,16px);
    line-height:1.35;
  }
}
@media(max-width:980px){
  .sendly-pro-footer .sp-footer-grid{
    grid-template-columns:1fr;
    gap:18px;
    padding:32px 0;
  }
  .sendly-pro-footer .sp-footer-contact{
    justify-self:stretch;
    max-width:100%;
    grid-template-columns:1fr;
  }
  .sendly-pro-footer .sp-footer-copy{
    justify-self:start;
    text-align:left;
  }
}