:root{--ink:#172033;--muted:#6b7280;--surface:#fff;--line:#e8eaf0;--brand:#6d3df5;--brand2:#b22ce0}
*{box-sizing:border-box}body{font-family:Vazirmatn,Tahoma,sans-serif;background:#f6f7fb;color:var(--ink)}
img{max-width:100%;height:auto}.site-logo-img,.site-brand img{object-fit:contain;aspect-ratio:auto;max-height:38px;width:auto}.admin-setting-thumb{max-width:180px;max-height:90px;object-fit:contain}.hero-image{aspect-ratio:16/10;object-fit:cover}.site-card img,.public-page-image{object-fit:cover}.brand-marquee-logo img{object-fit:contain}.site-card img,.hero-image,.public-page-image{display:block}
.app-navbar{background:linear-gradient(110deg,#211044,#5b2dd4 60%,#9228bd);box-shadow:0 8px 25px rgba(49,25,108,.16)}
.navbar .nav-link{border-radius:.6rem;margin:0 .1rem}.navbar .nav-link.active,.navbar .nav-link:hover{background:rgba(255,255,255,.13)}
.card{border:1px solid var(--line);border-radius:1rem;box-shadow:0 5px 22px rgba(22,30,54,.045)}
.stat-card{overflow:hidden;position:relative}.stat-card .stat-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:1.35rem;background:#eee9ff;color:var(--brand)}
.stat-value{font-size:1.75rem;font-weight:700}.table>:not(caption)>*>*{padding:.85rem .75rem;vertical-align:middle}.table thead th{color:var(--muted);font-weight:600;font-size:.86rem;white-space:nowrap}
.form-control,.form-select{border-color:#dfe2ea;border-radius:.7rem;padding:.62rem .8rem}.form-control:focus,.form-select:focus{border-color:#9b82ec;box-shadow:0 0 0 .2rem rgba(109,61,245,.12)}
.btn{border-radius:.7rem}.btn-primary{background:var(--brand);border-color:var(--brand)}.btn-primary:hover{background:#5729da;border-color:#5729da}
.badge{font-weight:500}.message-body{white-space:pre-wrap}.ltr{direction:ltr;text-align:left}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,#efeaff 0,transparent 34%),#f6f7fb}.login-card{width:min(430px,calc(100% - 2rem))}
@media(max-width:767px){.table-responsive{font-size:.9rem}.navbar-text{display:none}}
.account-switch{min-width:170px;background-color:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff}.account-switch option{color:#111;background:#fff}
.landing-body{background:#0b1020;color:#f8fafc}.landing-nav{background:rgba(11,16,32,.88);backdrop-filter:blur(16px)}.hero{min-height:78vh;display:flex;align-items:center;background:radial-gradient(circle at 75% 25%,rgba(139,92,246,.28),transparent 38%),radial-gradient(circle at 15% 70%,rgba(34,211,238,.14),transparent 35%)}.hero-title{font-size:clamp(2.4rem,6vw,5rem);font-weight:800;line-height:1.15}.gradient-text{background:linear-gradient(90deg,#c084fc,#67e8f9);-webkit-background-clip:text;color:transparent}.feature-card,.price-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:1.25rem;height:100%}.landing-section{padding:6rem 0}.landing-muted{color:#a9b2c7}.landing-footer{border-top:1px solid rgba(255,255,255,.1)}
.public-page{max-width:920px}.public-page-image{width:100%;max-height:420px;object-fit:cover}.page-content{font-size:1.05rem;line-height:2}.page-content h2,.page-content h3{margin-top:2rem}.page-content img{max-width:100%;height:auto;border-radius:.8rem}
#features,#pricing,#faq{scroll-margin-top:100px}
.site-body{background:#fff;color:#111827}.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #f1f2f5}.site-brand{font-weight:800;color:var(--site-primary)!important}.site-brand img{max-width:160px;object-fit:contain}.site-header .nav-link{color:#374151;font-weight:600}.site-header .nav-link:hover{color:var(--site-primary)}.btn-site{background:var(--site-primary);border-color:var(--site-primary);color:#fff;border-radius:.8rem}.btn-site:hover{background:#9f1239;border-color:#9f1239;color:#fff}.btn-outline-site{border:1px solid #fecdd3;color:var(--site-primary);background:#fff;border-radius:.8rem}.btn-outline-site:hover{background:#fff1f2;color:#9f1239;border-color:#fb7185}.site-hero{padding:5.5rem 0 4rem;background:linear-gradient(180deg,#fff1f2 0,#fff 74%)}.site-hero h1{font-size:clamp(2.2rem,5vw,4.5rem);font-weight:900;line-height:1.22;letter-spacing:0}.site-hero p{font-size:1.16rem;line-height:2;color:#596174;max-width:680px}.hero-kicker{display:inline-block;color:var(--site-primary);background:#ffe4e6;padding:.45rem .85rem;border-radius:999px;font-weight:700;margin-bottom:1rem}.hero-image{width:100%;border-radius:1.4rem;box-shadow:0 30px 70px rgba(190,18,60,.16)}.hero-panel{background:#111827;color:#fff;border-radius:1.4rem;padding:1.5rem;box-shadow:0 30px 70px rgba(17,24,39,.18)}.dm-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1rem;margin:.8rem 0}.dm-card.active{background:linear-gradient(135deg,var(--site-primary),var(--site-secondary))}.home-section{padding:4.5rem 0}.home-section:nth-child(even){background:#fafafa}.section-head{text-align:center;max-width:760px;margin:0 auto 2.2rem}.section-head h2{font-weight:850;font-size:clamp(1.7rem,3vw,2.6rem)}.section-head p{color:#6b7280;line-height:2}.section-body{max-width:860px;margin:0 auto 2rem;color:#374151;line-height:2;text-align:center}.site-card{height:100%;border:1px solid #eef0f4;border-radius:1rem;padding:1.2rem;background:#fff;box-shadow:0 10px 30px rgba(17,24,39,.04)}.site-card img{width:100%;height:180px;object-fit:cover;border-radius:.8rem;margin-bottom:1rem}.site-card h3{font-size:1.1rem;font-weight:800}.site-card p{color:#6b7280;line-height:1.9}.site-footer{background:#111827;color:#fff;padding:4rem 0 1.2rem}.site-footer .site-muted{color:#cbd5e1;line-height:2}.footer-list{list-style:none;padding:0;margin:0}.footer-list li{margin:.55rem 0;color:#cbd5e1}.footer-list a{color:#cbd5e1;text-decoration:none}.footer-list a:hover{color:#fff}.social-link{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;text-decoration:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:2.5rem;padding-top:1.2rem;color:#94a3b8;font-size:.9rem}.breadcrumb a{color:var(--site-primary);text-decoration:none}
@media(max-width:991px){.site-hero{padding:3.5rem 0}.site-header .d-flex{margin-top:1rem}.home-section{padding:3rem 0}}
.site-card{padding:1.35rem;transition:.2s ease}.site-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(190,18,60,.09)}.card-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#fff1f2;color:var(--site-primary);font-size:1.55rem;margin-bottom:1rem}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.step-card{background:#fff;border:1px solid #eef0f4;border-radius:1rem;padding:1.4rem;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(17,24,39,.04)}.step-card span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--site-primary),var(--site-secondary));color:#fff;font-weight:900;margin-bottom:1rem}.step-card h3{font-size:1.12rem;font-weight:850}.step-card p{color:#6b7280;line-height:1.9}.price-box{height:100%;border:1px solid #ffe4e6;border-radius:1.2rem;background:#fff;padding:1.5rem;box-shadow:0 18px 45px rgba(190,18,60,.07)}.price-box h3{font-weight:850}.price-value{font-size:2rem;font-weight:900;color:var(--site-primary);margin:1rem 0}.price-box p,.price-box li{color:#6b7280;line-height:1.9}.price-box ul{padding-right:1.2rem;margin:1rem 0 1.5rem}.faq-accordion{max-width:880px;margin:0 auto}.faq-accordion .accordion-item{border:1px solid #eef0f4;border-radius:1rem!important;overflow:hidden;margin-bottom:.75rem}.faq-accordion .accordion-button{font-weight:800}.faq-accordion .accordion-button:not(.collapsed){background:#fff1f2;color:var(--site-primary)}.section-cta{background:linear-gradient(135deg,#fff1f2,#ffffff)}.section-cta .section-head{background:#111827;color:#fff;border-radius:1.4rem;padding:2.4rem}.section-cta .section-head p{color:#cbd5e1}
@media(max-width:991px){.steps-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.steps-grid{grid-template-columns:1fr}.site-hero h1{font-size:2.15rem}.hero-panel{padding:1rem}.site-card,.price-box,.step-card{border-radius:.85rem}}

/* MrGilas public theme polish */
.site-body{background:#fff;color:#171923;overflow-x:hidden}.site-header{box-shadow:0 10px 35px rgba(15,23,42,.05)}.site-brand{display:flex;align-items:center;gap:.65rem}.site-logo-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#fb7185,#be123c 62%,#701a75);color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(190,18,60,.24)}.site-header .navbar{padding:.85rem 0}.site-header .dropdown-menu{border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 18px 45px rgba(15,23,42,.08)}.site-hero{position:relative;min-height:720px;display:flex;align-items:center;background:linear-gradient(135deg,#fff 0%,#fff1f2 45%,#f5f3ff 100%);overflow:hidden}.site-hero:before{content:"";position:absolute;inset:auto -10% -35% -10%;height:420px;background:radial-gradient(circle,#fecdd3 0,transparent 62%);opacity:.75}.site-hero:after{content:"";position:absolute;left:8%;top:14%;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#f0abfc,transparent 68%);opacity:.45}.site-hero .container{position:relative;z-index:1}.site-hero h1{max-width:780px;color:#111827}.hero-kicker{box-shadow:0 10px 24px rgba(190,18,60,.09)}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.phone-mock{width:min(320px,78vw);min-height:530px;border-radius:42px;background:#111827;padding:18px;box-shadow:0 38px 80px rgba(17,24,39,.28),0 0 0 10px rgba(255,255,255,.65);position:relative}.phone-mock:before{content:"";position:absolute;top:10px;right:50%;transform:translateX(50%);width:94px;height:22px;background:#030712;border-radius:0 0 16px 16px}.phone-top{height:56px;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-top:10px}.phone-top span,.phone-top i{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#be123c,#f43f5e);display:block}.chat-row{max-width:86%;padding:.85rem 1rem;border-radius:18px;margin:1rem 0;line-height:1.75;font-size:.92rem}.chat-row.incoming{background:#f8fafc;color:#111827;border-bottom-right-radius:5px}.chat-row.outgoing{background:linear-gradient(135deg,#be123c,#f43f5e);color:#fff;margin-right:auto;border-bottom-left-radius:5px}.chat-row.small{font-size:.82rem}.dashboard-float{position:absolute;right:0;bottom:78px;width:230px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border:1px solid #fff;border-radius:22px;padding:1rem;box-shadow:0 24px 55px rgba(190,18,60,.16)}.dashboard-float div:first-child{display:flex;justify-content:space-between;gap:1rem}.dashboard-float span{color:#16a34a;font-weight:800}.mini-bars{display:flex;align-items:end;gap:.45rem;height:48px;margin-top:.8rem}.mini-bars i{display:block;width:28%;border-radius:999px;background:linear-gradient(180deg,#fb7185,#be123c)}.mini-bars i:nth-child(1){height:42%}.mini-bars i:nth-child(2){height:74%}.mini-bars i:nth-child(3){height:56%}.cherry-orbit{position:absolute;border-radius:50%;background:linear-gradient(135deg,#fb7185,#be123c);box-shadow:18px -10px 0 -6px #be123c}.cherry-orbit.one{width:34px;height:34px;top:64px;right:70px}.cherry-orbit.two{width:24px;height:24px;left:70px;bottom:120px;opacity:.75}.section-intro .section-body{background:#fff;border:1px solid #ffe4e6;border-radius:1.4rem;padding:2rem;box-shadow:0 22px 55px rgba(190,18,60,.07)}.section-features{background:#fff}.section-how_it_works,.section-steps{background:linear-gradient(180deg,#fafafa,#fff)}.section-pricing{background:#fff1f2}.section-faq{background:#fff}.site-card,.step-card,.price-box{border-color:#ffe4e6}.site-card h3,.step-card h3,.price-box h3{color:#111827}.card-icon{box-shadow:inset 0 0 0 1px #fecdd3}.price-box:nth-child(2),.row .col-md-6:nth-child(2) .price-box{transform:translateY(-8px);border-color:#fb7185}.section-cta .section-head{box-shadow:0 30px 75px rgba(17,24,39,.18);position:relative;overflow:hidden}.section-cta .section-head:after{content:"";position:absolute;left:-60px;top:-60px;width:210px;height:210px;border-radius:50%;background:rgba(244,63,94,.28)}.site-footer{background:linear-gradient(135deg,#111827,#3b0a2a 115%)}.auth-shell{min-height:100vh;background:linear-gradient(135deg,#fff1f2,#fff,#f5f3ff);display:grid;place-items:center;padding:2rem}.auth-card{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #ffe4e6;border-radius:1.6rem;overflow:hidden;box-shadow:0 30px 80px rgba(190,18,60,.12)}.auth-side{background:linear-gradient(135deg,#be123c,#f43f5e 58%,#7e22ce);color:#fff;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between}.auth-side h2{font-weight:900;line-height:1.5}.auth-side p{color:#ffe4e6;line-height:2}.auth-form{padding:2.5rem}.auth-badge{display:inline-flex;gap:.5rem;align-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.45rem .8rem;margin-bottom:1rem}
@media(max-width:991px){.site-hero{min-height:auto}.hero-visual{min-height:470px}.dashboard-float{right:8%;bottom:36px}.auth-card{grid-template-columns:1fr}.auth-side{min-height:280px}.price-box:nth-child(2),.row .col-md-6:nth-child(2) .price-box{transform:none}}
@media(max-width:575px){.phone-mock{min-height:480px}.dashboard-float{position:relative;right:auto;bottom:auto;margin-top:-40px}.site-hero{padding-top:2.5rem}.auth-form,.auth-side{padding:1.5rem}}

/* Instagram-inspired color theme overrides */
:root{
  --color-primary:#833AB4;
  --color-secondary:#C13584;
  --color-accent:#E1306C;
  --color-orange:#F56040;
  --color-yellow:#FCAF45;
  --color-text:#111827;
  --color-muted:#4B5563;
  --color-bg:#FFFFFF;
  --color-bg-soft:#F8FAFC;
  --color-border:#E5E7EB;
  --gradient-primary:linear-gradient(135deg,#833AB4 0%,#C13584 35%,#E1306C 65%,#F56040 100%);
  --gradient-instagram:linear-gradient(135deg,#833AB4 0%,#C13584 30%,#FD1D1D 65%,#FCAF45 100%);
  --site-primary:#833AB4;
  --site-secondary:#E1306C;
  --brand:#833AB4;
  --brand2:#C13584;
  --ink:#111827;
  --muted:#4B5563;
  --line:#E5E7EB;
}

/* Blog */
.blog-index,.blog-article-wrap{padding:64px 0;background:#f8fafc}
.blog-index-header,.blog-article-header{max-width:920px;margin:0 auto 32px;text-align:center}
.blog-index-header h1,.blog-article-header h1{font-size:clamp(2rem,4vw,3rem);line-height:1.25;margin-bottom:16px;color:#111827}
.blog-index-header p,.blog-excerpt{font-size:1.05rem;line-height:2;color:#64748b}
.blog-category-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}
.blog-category-filter a,.blog-pill{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#475569;text-decoration:none}
.blog-category-filter a.active,.blog-category-filter a:hover,.blog-pill{border-color:var(--site-primary,#be123c);color:var(--site-primary,#be123c)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.blog-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 14px 40px rgba(15,23,42,.06);height:100%;display:flex;flex-direction:column}
.blog-card-image{display:block;aspect-ratio:16/9;background:#e5e7eb;overflow:hidden}
.blog-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.blog-card-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card-meta,.blog-meta{display:flex;flex-wrap:wrap;gap:10px;color:#64748b;font-size:.9rem}
.blog-card h2{font-size:1.12rem;line-height:1.7;margin:0}
.blog-card h2 a{color:#111827;text-decoration:none}
.blog-card p{color:#64748b;line-height:1.9;margin:0}
.blog-read-more{margin-top:auto;color:var(--site-primary,#be123c);font-weight:700;text-decoration:none}
.blog-pagination{display:flex;justify-content:center;gap:8px;margin-top:32px}
.blog-pagination a{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;text-decoration:none;color:#475569}
.blog-pagination a.active{background:var(--site-primary,#be123c);color:#fff;border-color:var(--site-primary,#be123c)}
.blog-breadcrumb{max-width:920px;margin:0 auto 20px}
.blog-article{max-width:920px;margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:32px;box-shadow:0 14px 40px rgba(15,23,42,.06)}
.blog-featured-image{margin:28px 0 0;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#e5e7eb}
.blog-featured-image img{width:100%;height:100%;object-fit:cover;display:block}
.blog-toc{max-width:920px;margin:0 auto 28px;padding:18px 20px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}
.blog-toc strong{display:block;margin-bottom:10px;color:#111827}
.blog-toc ol{margin:0;padding-inline-start:22px}
.blog-toc li{margin:6px 0}
.blog-toc li.is-child{margin-inline-start:18px;font-size:.95rem}
.blog-toc a{text-decoration:none;color:#334155}
.blog-content{font-size:1rem;line-height:2.1;color:#1f2937}
.blog-content h2,.blog-content h3,.blog-content h4{color:#111827;line-height:1.6;margin:34px 0 12px}
.blog-content h2{font-size:1.65rem}.blog-content h3{font-size:1.35rem}.blog-content h4{font-size:1.15rem}
.blog-content p,.blog-content ul,.blog-content ol,.blog-content blockquote,.blog-content table{margin-bottom:18px}
.blog-content blockquote{border-inline-start:4px solid var(--site-primary,#be123c);padding:10px 18px;background:#fff7f7;border-radius:8px;color:#475569}
.blog-content table{width:100%;border-collapse:collapse;overflow-x:auto;display:block}
.blog-content th,.blog-content td{border:1px solid #e5e7eb;padding:10px;text-align:start}
.blog-content figure{margin:28px 0;text-align:center}
.blog-content figure img,.blog-article-img{max-width:100%;height:auto;border-radius:8px;object-fit:cover}
.blog-content figcaption{font-size:.9rem;color:#64748b;margin-top:8px}
.article-image--small{max-width:420px}.article-image--medium{max-width:680px}.article-image--large{max-width:860px}.article-image--full{max-width:100%}
.align-center{margin-inline:auto}.align-right{margin-left:auto}.align-left{margin-right:auto}.align-full{max-width:100%}
.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.blog-tags span{padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.9rem}
.blog-article-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}
.blog-related{max-width:1100px;margin:44px auto 0}
.blog-related h2{font-size:1.5rem;margin-bottom:18px}
.empty-state{max-width:720px;margin:0 auto;padding:36px;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#64748b}
.blog-editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid #dee2e6;border-bottom:0;border-radius:8px 8px 0 0;background:#f8f9fa}
.blog-editor-toolbar button{min-width:36px;height:34px;border:1px solid #dee2e6;background:#fff;border-radius:6px}
.blog-editor-surface{min-height:420px;padding:16px;border:1px solid #dee2e6;border-radius:0 0 8px 8px;background:#fff;line-height:2;outline:none}
.blog-editor-surface:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.12)}
.blog-editor-preview{padding:18px;border:1px dashed #cbd5e1;border-radius:8px;background:#fff}
@media (max-width: 991.98px){.blog-grid,.blog-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article{padding:24px}}
@media (max-width: 575.98px){.blog-index,.blog-article-wrap{padding:40px 0}.blog-grid,.blog-grid-compact{grid-template-columns:1fr}.blog-article{padding:18px}.blog-article-cta .btn{width:100%}.blog-meta{justify-content:center}}
body,.site-body{background:var(--color-bg);color:var(--color-text)}
.home-section:nth-child(even),.section-how_it_works,.section-steps{background:var(--color-bg-soft)}
.site-header{border-bottom-color:var(--color-border)}
.site-brand,.site-header .nav-link:hover,.breadcrumb a,.price-value{color:var(--color-primary)!important}
.site-logo-mark,.btn-site,.btn-primary,.dm-card.active,.step-card span,.phone-top span,.phone-top i,.chat-row.outgoing,.mini-bars i,.cherry-orbit,.auth-side{
  background:var(--gradient-instagram)!important;
  border-color:transparent!important;
  color:#fff!important;
}
.btn-site,.btn-primary{box-shadow:0 12px 28px rgba(131,58,180,.22)}
.btn-site:hover,.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);color:#fff!important}
.btn-outline-site{border-color:rgba(193,53,132,.28);color:var(--color-primary);background:#fff}
.btn-outline-site:hover{background:#F8FAFC;border-color:var(--color-secondary);color:var(--color-secondary)}
.hero-kicker{color:var(--color-primary);background:rgba(131,58,180,.08);box-shadow:0 10px 24px rgba(131,58,180,.08)}
.site-hero{background:linear-gradient(135deg,#FFFFFF 0%,#F8FAFC 38%,#F5F3FF 68%,#FFF7ED 100%)}
.site-hero:before{background:radial-gradient(circle,rgba(252,175,69,.28) 0,transparent 62%)}
.site-hero:after{background:radial-gradient(circle,rgba(131,58,180,.22),transparent 68%)}
.card-icon{background:rgba(131,58,180,.08);color:var(--color-primary);box-shadow:inset 0 0 0 1px rgba(193,53,132,.16)}
.site-card,.step-card,.price-box,.section-intro .section-body,.faq-accordion .accordion-item,.auth-card{border-color:var(--color-border)}
.site-card:hover{box-shadow:0 18px 45px rgba(131,58,180,.10)}
.price-box{box-shadow:0 18px 45px rgba(193,53,132,.08)}
.price-box:nth-child(2),.row .col-md-6:nth-child(2) .price-box{border-color:var(--color-secondary)}
.faq-accordion .accordion-button:not(.collapsed){background:rgba(131,58,180,.08);color:var(--color-primary)}
.section-pricing{background:linear-gradient(180deg,#F8FAFC,#FFFFFF)}
.section-cta{background:linear-gradient(135deg,#F8FAFC,#FFFFFF)}
.section-cta .section-head,.site-footer{background:linear-gradient(135deg,#111827 0%,#2D1458 45%,#4A1248 100%)}
.section-cta .section-head:after{background:rgba(252,175,69,.22)}
.dashboard-float{box-shadow:0 24px 55px rgba(131,58,180,.14)}
.auth-shell{background:linear-gradient(135deg,#F8FAFC,#FFFFFF,#F5F3FF)}
.auth-side p{color:#F8FAFC}
.auth-badge{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.24)}
.form-control:focus,.form-select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 .2rem rgba(131,58,180,.12)}
.stat-card .stat-icon{background:rgba(131,58,180,.08);color:var(--color-primary)}

/* Fixed pricing card rhythm */
.section-pricing .row{align-items:stretch}
.section-pricing .row>[class*="col-"]{display:flex}
.price-box{
  width:100%;
  min-height:560px;
  display:flex;
  flex-direction:column;
}
.price-box h3{min-height:44px;margin-bottom:.75rem}
.price-value{
  min-height:58px;
  display:flex;
  align-items:center;
}
.price-box p{
  min-height:86px;
  margin-bottom:1rem;
}
.price-box ul{
  flex:1 1 auto;
  margin-bottom:1.5rem;
}
.price-box .btn{
  margin-top:auto;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
}
@media(max-width:991px){
  .price-box{min-height:520px}
}
@media(max-width:767px){
  .price-box{min-height:auto}
  .price-box h3,.price-value,.price-box p{min-height:0}
}

/* Pricing cards: equal, responsive, no highlighted offset */
.section-pricing .row.justify-content-center{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:1.25rem!important;
  justify-content:stretch!important;
  align-items:stretch!important;
}
.section-pricing .row.justify-content-center>[class*="col-"]{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
  display:flex!important;
  padding:0!important;
}
.section-pricing .price-box,
.section-pricing .row .price-box,
.section-pricing .row .col-md-6:nth-child(2) .price-box,
.section-pricing .price-box:nth-child(2){
  transform:none!important;
  border-color:var(--color-border)!important;
  min-height:560px;
  height:100%;
}
.section-pricing .price-box:hover{
  transform:translateY(-2px)!important;
}
@media(max-width:767px){
  .section-pricing .row.justify-content-center{grid-template-columns:1fr}
  .section-pricing .price-box{min-height:auto}
}

/* Homepage feature showcase below slider */
.section-feature_showcase{
  background:#fff!important;
  padding:5.2rem 0 4.6rem;
}
.section-feature_showcase .section-head{
  max-width:1180px;
  margin-bottom:3rem;
}
.section-feature_showcase .section-head h2{
  color:#171923;
  font-size:clamp(2.35rem,5vw,4.4rem);
  font-weight:900;
  line-height:1.45;
  margin-bottom:.35rem;
}
.section-feature_showcase .section-head p{
  color:var(--site-secondary);
  font-size:clamp(2rem,4.4vw,4rem);
  font-weight:900;
  line-height:1.45;
  margin:0;
}
.feature-showcase-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  max-width:1152px;
  margin:0 auto;
}
.feature-showcase-card{
  min-height:214px;
  border:1px solid var(--color-border);
  border-radius:8px;
  background:#fff;
  padding:1.45rem 1.35rem 1.25rem;
  text-align:center;
  box-shadow:0 8px 18px rgba(15,23,42,.035);
  display:flex;
  flex-direction:column;
  align-items:center;
}
.feature-showcase-icon{
  width:48px;
  height:48px;
  border-radius:10px;
  display:grid;
  place-items:center;
  margin-bottom:1.25rem;
  color:var(--site-primary);
  background:rgba(131,58,180,.10);
  font-size:1.35rem;
}
.feature-showcase-card:nth-child(2) .feature-showcase-icon{color:var(--site-secondary);background:rgba(225,48,108,.10)}
.feature-showcase-card:nth-child(3) .feature-showcase-icon{color:#C13584;background:rgba(193,53,132,.10)}
.feature-showcase-card:nth-child(4) .feature-showcase-icon{color:#833AB4;background:rgba(131,58,180,.10)}
.feature-showcase-card h3{
  color:#111827;
  font-size:1.15rem;
  font-weight:850;
  line-height:1.7;
  margin:0 0 .65rem;
}
.feature-showcase-card p{
  color:#334155;
  font-size:.98rem;
  line-height:2;
  margin:0;
}
.feature-showcase-btn{
  min-width:186px;
  min-height:60px;
  border-radius:8px;
  font-size:1.12rem;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.9rem 1.6rem;
  background:var(--gradient-instagram)!important;
  border-color:transparent!important;
  box-shadow:0 12px 28px rgba(131,58,180,.22);
}
@media(max-width:991px){
  .section-feature_showcase{padding:3.8rem 0}
  .feature-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575px){
  .section-feature_showcase .section-head h2{font-size:2rem}
  .section-feature_showcase .section-head p{font-size:1.75rem}
  .feature-showcase-grid{grid-template-columns:1fr}
  .feature-showcase-card{min-height:auto}
}

/* Homepage partner brands slider */
.section-brand_marquee,
.section-account_marquee{
  background:#fff!important;
  padding:4.4rem 0 4.8rem;
  border-top:1px solid var(--color-border);
  border-bottom:1px solid var(--color-border);
}
.section-brand_marquee .section-head,
.section-account_marquee .section-head{
  max-width:980px;
  margin-bottom:2.2rem;
}
.section-brand_marquee .section-head h2,
.section-account_marquee .section-head h2{
  color:#111827;
  font-size:clamp(1.8rem,3.4vw,3rem);
  font-weight:900;
  line-height:1.45;
}
.section-brand_marquee .section-head p,
.section-account_marquee .section-head p{
  color:#40516a;
  font-size:1.08rem;
  line-height:2;
}
.brand-marquee-shell{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
  gap:.75rem;
}
.brand-marquee-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:112px;
  gap:1.4rem;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
  scrollbar-color:rgba(131,58,180,.35) transparent;
  padding:.4rem .1rem .8rem;
}
.brand-marquee-card{
  scroll-snap-align:center;
  min-height:122px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  text-align:center;
}
.brand-marquee-card a{
  color:inherit;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.65rem;
}
.brand-marquee-logo{
  width:80px;
  height:80px;
  border:1px solid var(--color-border);
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#fff;
  box-shadow:0 10px 26px rgba(15,23,42,.035);
}
.brand-marquee-logo img{
  max-width:54px;
  max-height:54px;
  object-fit:contain;
}
.brand-marquee-logo i{
  font-size:2rem;
  color:var(--site-primary);
}
.brand-marquee-card h3{
  width:100%;
  color:#111827;
  font-size:.86rem;
  font-weight:800;
  line-height:1.55;
  margin:0;
  overflow-wrap:anywhere;
}
.brand-marquee-nav{
  width:44px;
  height:44px;
  border:1px solid var(--color-border);
  border-radius:8px;
  display:grid;
  place-items:center;
  color:var(--site-primary);
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.brand-marquee-nav:hover{
  color:#fff;
  background:var(--gradient-instagram);
  border-color:transparent;
}
@media(max-width:767px){
  .section-brand_marquee,.section-account_marquee{padding:3.3rem 0}
  .brand-marquee-shell{grid-template-columns:1fr}
  .brand-marquee-nav{display:none}
  .brand-marquee-track{grid-auto-columns:96px;gap:1rem}
  .brand-marquee-logo{width:72px;height:72px}
}

/* Homepage team and business use cases */
.section-team_usecases{
  background:#fff!important;
  padding:4.8rem 0 0;
  border-top:1px solid var(--color-border);
}
.section-team_usecases .container{
  max-width:none;
  padding-left:0;
  padding-right:0;
}
.section-team_usecases .section-head{
  max-width:1450px;
  padding:0 1.5rem;
  margin:0 auto 3.2rem;
}
.section-team_usecases .section-head h2{
  color:#111827;
  font-size:clamp(2rem,3.4vw,3.2rem);
  font-weight:900;
  line-height:1.45;
  margin-bottom:1.1rem;
}
.section-team_usecases .section-head p{
  color:#40516a;
  font-size:1.12rem;
  line-height:2.1;
  margin:0;
}
.team-usecases-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--color-border);
  border-bottom:1px solid var(--color-border);
}
.team-usecase-card{
  min-height:292px;
  padding:2.75rem 3rem;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-left:1px solid var(--color-border);
}
.team-usecase-card:last-child{
  border-left:0;
}
.team-usecase-icon{
  width:48px;
  height:48px;
  border-radius:10px;
  display:grid;
  place-items:center;
  margin-bottom:1.25rem;
  color:var(--site-primary);
  background:rgba(131,58,180,.08);
  font-size:1.3rem;
}
.team-usecase-card h3{
  color:#111827;
  font-size:1.2rem;
  font-weight:900;
  line-height:1.7;
  margin:0 0 .65rem;
}
.team-usecase-card p{
  color:#40516a;
  font-size:1rem;
  line-height:2;
  margin:0;
}
@media(max-width:991px){
  .team-usecases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-usecase-card:nth-child(2n){border-left:0}
  .team-usecase-card{border-bottom:1px solid var(--color-border)}
  .team-usecase-card:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:575px){
  .section-team_usecases{padding-top:3.5rem}
  .section-team_usecases .section-head{text-align:center;margin-bottom:2.2rem}
  .team-usecases-grid{grid-template-columns:1fr}
  .team-usecase-card{
    min-height:auto;
    padding:2.25rem 1.4rem;
    border-left:0;
    border-bottom:1px solid var(--color-border);
  }
  .team-usecase-card:last-child{border-bottom:0}
}

/* Homepage integrated social workspace */
.section-social_workspace{
  background:#fff!important;
  padding:4.8rem 0;
}
.section-social_workspace .section-head{
  max-width:1120px;
  margin-bottom:2rem;
}
.section-social_workspace .section-head h2{
  color:#111827;
  font-size:clamp(1.9rem,3.2vw,2.9rem);
  font-weight:900;
  line-height:1.5;
}
.section-social_workspace .section-head p{
  color:#40516a;
  line-height:2;
}
.social-workspace-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  max-width:1180px;
  margin:0 auto;
}
.social-workspace-card{
  min-height:326px;
  border:1px solid var(--color-border);
  border-radius:8px;
  background:#fff;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.social-workspace-visual{
  min-height:158px;
  border-bottom:1px solid var(--color-border);
  background:linear-gradient(135deg,rgba(14,165,233,.06),rgba(131,58,180,.04));
  display:grid;
  place-items:center;
  padding:1.4rem;
}
.social-workspace-content{
  padding:1.45rem 1.7rem 1.7rem;
  text-align:right;
}
.social-workspace-icon{
  width:34px;
  height:34px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:var(--site-primary);
  background:rgba(131,58,180,.08);
  margin:0 0 .85rem auto;
  font-size:1rem;
}
.social-workspace-card h3{
  color:#111827;
  font-size:1.25rem;
  font-weight:900;
  line-height:1.65;
  margin:0 0 .65rem;
}
.social-workspace-card p{
  color:#40516a;
  font-size:.96rem;
  line-height:2;
  margin:0;
}
.calendar-mock{
  width:220px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.45rem;
  position:relative;
}
.calendar-mock span{
  height:38px;
  border:1px solid #dbeafe;
  border-radius:6px;
  background:rgba(255,255,255,.78);
}
.calendar-mock strong{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  min-width:155px;
  border:1px solid #dbeafe;
  border-radius:6px;
  background:#fff;
  box-shadow:0 16px 32px rgba(15,23,42,.08);
  padding:.75rem;
  font-size:.78rem;
  text-align:center;
}
.flow-mock{
  width:230px;
  display:grid;
  gap:1.2rem;
  place-items:center;
}
.flow-mock span,.flow-mock strong{
  width:180px;
  border:1px solid #dbeafe;
  border-radius:7px;
  background:#fff;
  box-shadow:0 18px 40px rgba(15,23,42,.08);
  padding:.85rem 1rem;
  font-size:.82rem;
}
.flow-mock i{
  width:42px;
  height:42px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#f59e0b;
  background:#fff7ed;
  border:1px solid #fed7aa;
}
.chips-mock{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.5rem;
  max-width:240px;
}
.chips-mock span{
  border:1px solid #dbeafe;
  border-radius:6px;
  background:#fff;
  color:#40516a;
  padding:.45rem .65rem;
  font-size:.75rem;
}
.ai-mock{
  width:220px;
  border:1px solid #dbeafe;
  border-radius:8px;
  background:#fff;
  box-shadow:0 18px 40px rgba(15,23,42,.08);
  padding:1rem;
}
.ai-mock span{color:var(--site-primary);font-size:.78rem;font-weight:800}
.ai-mock strong{display:block;margin:.55rem 0;color:#111827}
.ai-mock i{display:block;height:7px;background:#e5e7eb;border-radius:99px;margin:.45rem 0}
.inbox-mock{
  width:220px;
  display:grid;
  gap:.7rem;
}
.inbox-mock span{
  height:18px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--site-primary) 0 18%,#e5e7eb 18% 100%);
  color:var(--site-primary);
  font-size:.75rem;
  font-weight:800;
}
.comments-mock{
  width:230px;
  display:grid;
  gap:.75rem;
}
.comments-mock span{
  border:1px solid #dbeafe;
  border-radius:7px;
  background:#fff;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
  padding:.7rem;
  color:#40516a;
  font-size:.78rem;
}
@media(max-width:991px){
  .social-workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575px){
  .section-social_workspace{padding:3.5rem 0}
  .social-workspace-grid{grid-template-columns:1fr}
}

/* Homepage precision feature grid */
.section-precision_features{
  background:#fff!important;
  padding:4.8rem 0;
}
.section-precision_features .section-head{
  max-width:1120px;
  margin-bottom:2rem;
}
.section-precision_features .section-head h2{
  color:#111827;
  font-size:clamp(1.9rem,3.1vw,2.8rem);
  font-weight:900;
  line-height:1.5;
}
.section-precision_features .section-head p{
  color:#40516a;
  line-height:2;
}
.precision-features-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  max-width:1180px;
  margin:0 auto;
}
.precision-feature-card{
  min-height:224px;
  border:1px solid var(--color-border);
  border-radius:8px;
  background:#fff;
  padding:1.6rem 1.8rem;
  text-align:right;
  display:flex;
  flex-direction:column;
}
.precision-feature-icon{
  width:42px;
  height:42px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:var(--site-primary);
  background:rgba(131,58,180,.08);
  margin:0 0 1rem auto;
  font-size:1.15rem;
}
.precision-feature-card h3{
  color:#111827;
  font-size:1.14rem;
  font-weight:900;
  line-height:1.7;
  margin:0 0 .8rem;
}
.precision-feature-card p{
  color:#40516a;
  font-size:.96rem;
  line-height:2;
  margin:0;
}
.precision-feature-card a{
  color:var(--site-primary);
  font-weight:800;
  text-decoration:none;
  margin-top:auto;
  padding-top:.8rem;
}
@media(max-width:991px){
  .precision-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575px){
  .section-precision_features{padding:3.5rem 0}
  .precision-features-grid{grid-template-columns:1fr}
}

/* Homepage footer CTA banner */
.section-footer_cta{
  background:#fff!important;
  padding:0;
}
.section-footer_cta .container{
  max-width:none;
  padding:0;
}
.section-footer_cta .section-head,
.section-footer_cta .section-body{
  display:none;
}
.footer-cta-banner{
  position:relative;
  overflow:hidden;
  min-height:225px;
  padding:3.2rem clamp(1.5rem,6vw,7rem);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  color:#fff;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.18) 0 0,transparent 35%),
    radial-gradient(circle at 88% 100%,rgba(255,255,255,.11),transparent 38%),
    var(--gradient-instagram);
}
.footer-cta-banner:before,
.footer-cta-banner:after{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  border-radius:48px;
  background:rgba(255,255,255,.08);
  transform:rotate(38deg);
}
.footer-cta-banner:before{right:-92px;top:-180px}
.footer-cta-banner:after{left:24%;bottom:-250px}
.footer-cta-banner>div,
.footer-cta-banner>a{
  position:relative;
  z-index:1;
}
.footer-cta-banner h2{
  color:#fff;
  font-size:clamp(22px,3vw,30px);
  font-weight:900;
  line-height:1.45;
  margin:0 0 .9rem;
}
.footer-cta-banner p{
  color:rgba(255,255,255,.94);
  font-size:14.5px;
  line-height:1.8;
  margin:0;
  max-width:860px;
}
.footer-cta-btn{
  min-width:136px;
  min-height:48px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:var(--site-primary)!important;
  border:0;
  font-weight:800;
  box-shadow:0 16px 32px rgba(15,23,42,.12);
}
.footer-cta-btn:hover{
  background:#f8fafc;
  color:var(--site-secondary)!important;
}
@media(max-width:767px){
  .footer-cta-banner{
    min-height:auto;
    flex-direction:column;
    align-items:flex-start;
    padding:2.6rem 1.4rem;
  }
}

/* Global typography normalization */
:root{
  --font-body:14.5px;
  --font-small:12.5px;
  --font-button:14px;
  --font-input:14px;
  --font-card-title:16px;
  --font-section-title:24px;
  --font-page-title:30px;
  --font-hero-title:32px;
  --lh-body:1.7;
  --lh-heading:1.45;
}
html{font-size:15px}
body{
  font-size:var(--font-body);
  line-height:var(--lh-body);
}
p,li,td,th,.card,.table,.dropdown-menu,.accordion-body,.form-text,.text-secondary,.site-muted{
  line-height:var(--lh-body);
}
.small,small,.form-text,.footer-bottom,.table thead th{
  font-size:var(--font-small)!important;
}
.navbar .nav-link,
.site-header .nav-link,
.navbar-text,
.dropdown-item,
.footer-list,
.site-footer,
.breadcrumb,
.account-switch{
  font-size:14px;
  line-height:1.6;
}
.site-brand{font-size:16px}
.btn,
.btn-site,
.btn-outline-site,
.btn-primary,
.btn-light,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-danger,
.btn-outline-success{
  font-size:var(--font-button)!important;
  line-height:1.45;
}
.form-control,
.form-select,
.input-group-text,
textarea.form-control{
  font-size:var(--font-input);
  line-height:1.6;
}
h1,.h1{font-size:var(--font-page-title);line-height:var(--lh-heading)}
h2,.h2{font-size:24px;line-height:var(--lh-heading)}
h3,.h3{font-size:20px;line-height:var(--lh-heading)}
h4,.h4{font-size:18px;line-height:var(--lh-heading)}
h5,.h5{font-size:16px;line-height:var(--lh-heading)}
h6,.h6{font-size:15px;line-height:var(--lh-heading)}
main.container-fluid h1,
main.container h1,
.public-page h1{
  font-size:var(--font-page-title)!important;
  line-height:var(--lh-heading);
}
.site-hero h1,
.hero-title{
  font-size:clamp(28px,3vw,var(--font-hero-title))!important;
  line-height:1.45!important;
}
.site-hero p,
.hero p,
.lead{
  font-size:15px!important;
  line-height:var(--lh-body)!important;
}
.hero-kicker,
.auth-badge{
  font-size:13px;
  line-height:1.5;
}
.home-section{padding-top:3.8rem;padding-bottom:3.8rem}
.section-head h2,
.section-feature_showcase .section-head h2,
.section-brand_marquee .section-head h2,
.section-account_marquee .section-head h2,
.section-team_usecases .section-head h2,
.section-social_workspace .section-head h2,
.section-precision_features .section-head h2{
  font-size:clamp(20px,2.2vw,var(--font-section-title))!important;
  line-height:var(--lh-heading)!important;
}
.section-head p,
.section-body,
.section-feature_showcase .section-head p,
.section-brand_marquee .section-head p,
.section-account_marquee .section-head p,
.section-team_usecases .section-head p,
.section-social_workspace .section-head p,
.section-precision_features .section-head p{
  font-size:14.5px!important;
  line-height:var(--lh-body)!important;
}
.site-card h3,
.step-card h3,
.price-box h3,
.feature-showcase-card h3,
.brand-marquee-card h3,
.team-usecase-card h3,
.social-workspace-card h3,
.precision-feature-card h3,
.accordion-header,
.accordion-button{
  font-size:var(--font-card-title)!important;
  line-height:1.55!important;
}
.site-card p,
.step-card p,
.price-box p,
.price-box li,
.feature-showcase-card p,
.team-usecase-card p,
.social-workspace-card p,
.precision-feature-card p,
.section-intro .section-body,
.page-content{
  font-size:14px!important;
  line-height:var(--lh-body)!important;
}
.price-value{
  font-size:22px!important;
  line-height:1.4;
}
.stat-value{
  font-size:22px;
}
.stat-card .stat-icon,
.card-icon,
.feature-showcase-icon,
.team-usecase-icon{
  font-size:18px;
}
.social-workspace-icon,
.precision-feature-icon{
  font-size:16px;
}
.chat-row{
  font-size:13px!important;
  line-height:1.65!important;
}
.chat-row.small{
  font-size:12px!important;
}
.auth-side h2{
  font-size:24px;
  line-height:1.55;
}
.auth-side p,
.auth-form,
.login-card{
  font-size:14px;
  line-height:var(--lh-body);
}
.page-content h2{font-size:22px;line-height:1.55}
.page-content h3{font-size:18px;line-height:1.55}
@media(max-width:991px){
  :root{
    --font-body:14px;
    --font-section-title:23px;
    --font-page-title:28px;
    --font-hero-title:30px;
  }
  .home-section{padding-top:3.2rem;padding-bottom:3.2rem}
}
@media(max-width:575px){
  :root{
    --font-body:13.8px;
    --font-section-title:21px;
    --font-page-title:26px;
    --font-hero-title:28px;
  }
  html{font-size:14px}
  .navbar .nav-link,.site-header .nav-link{font-size:13.5px}
  .btn,.form-control,.form-select,.input-group-text{font-size:13.5px!important}
  .home-section{padding-top:2.8rem;padding-bottom:2.8rem}
  .site-hero h1{font-size:var(--font-hero-title)!important}
}

/* Homepage UI/UX consolidation */
.site-body{
  background:#fff;
  color:#111827;
}
.site-header{
  border-bottom:1px solid rgba(229,231,235,.9);
}
.site-header .navbar{
  padding:.65rem 0;
}
.site-header .container,
.site-hero .container,
.home-section>.container,
.site-footer .container{
  max-width:1180px;
}
.site-brand img{
  max-height:38px;
}
.site-header .nav-link{
  padding:.5rem .75rem;
  border-radius:8px;
}
.site-header .d-flex .btn{
  min-height:40px;
  padding:.55rem .95rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.site-hero{
  min-height:auto;
  padding:4.4rem 0 3.6rem;
}
.site-hero:before,
.site-hero:after,
.cherry-orbit{
  opacity:.35;
}
.site-hero h1{
  max-width:650px;
  margin-bottom:1rem;
}
.site-hero p{
  max-width:620px;
  color:#4b5563;
}
.site-hero .d-flex.gap-3{
  gap:.75rem!important;
}
.site-hero .btn-lg{
  min-width:142px;
  min-height:46px;
  padding:.7rem 1.15rem;
  border-radius:8px;
}
.hero-visual{
  min-height:420px;
}
.phone-mock{
  width:min(292px,74vw);
  min-height:465px;
  border-radius:32px;
  padding:16px;
  box-shadow:0 24px 60px rgba(17,24,39,.18),0 0 0 8px rgba(255,255,255,.72);
}
.phone-top{
  height:48px;
  font-size:13px;
}
.dashboard-float{
  width:214px;
  bottom:44px;
  border-radius:16px;
  padding:.9rem;
  font-size:13px;
}
.home-section{
  padding:3.6rem 0;
}
.home-section:nth-child(even){
  background:#f8fafc;
}
.section-head{
  max-width:820px;
  margin-bottom:2rem;
}
.section-head h2{
  margin-bottom:.65rem;
}
.section-head p{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
  color:#4b5563;
}
.section-body{
  padding:1.25rem 1.5rem;
  border-radius:8px;
}
.site-card,
.step-card,
.price-box,
.feature-showcase-card,
.team-usecase-card,
.social-workspace-card,
.precision-feature-card,
.faq-accordion .accordion-item{
  border:1px solid var(--color-border)!important;
  border-radius:8px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.035)!important;
}
.site-card:hover,
.step-card:hover,
.feature-showcase-card:hover,
.social-workspace-card:hover,
.precision-feature-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
}
.site-card,
.step-card,
.price-box,
.feature-showcase-card,
.precision-feature-card{
  padding:1.25rem;
}
.site-card img{
  height:160px;
  border-radius:7px;
}
.card-icon,
.feature-showcase-icon,
.team-usecase-icon,
.social-workspace-icon,
.precision-feature-icon{
  width:40px;
  height:40px;
  border-radius:8px;
  margin-bottom:.9rem;
  background:rgba(131,58,180,.08);
  color:var(--site-primary);
}
.steps-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1rem;
}
.step-card{
  min-height:190px;
}
.step-card span{
  width:38px;
  height:38px;
  font-size:13px;
  margin-bottom:.8rem;
}
.price-box{
  min-height:440px!important;
  padding:1.35rem;
}
.price-value{
  min-height:0;
  margin:.65rem 0;
}
.section-feature_showcase,
.section-brand_marquee,
.section-account_marquee,
.section-team_usecases,
.section-social_workspace,
.section-precision_features{
  padding:3.6rem 0;
}
.feature-showcase-grid,
.social-workspace-grid,
.precision-features-grid{
  gap:1rem;
}
.feature-showcase-card{
  min-height:185px;
}
.brand-marquee-shell{
  gap:.65rem;
}
.brand-marquee-track{
  grid-auto-columns:100px;
  gap:1rem;
  padding:.25rem 0 .6rem;
}
.brand-marquee-logo{
  width:70px;
  height:70px;
  box-shadow:none;
}
.brand-marquee-logo img{
  max-width:46px;
  max-height:46px;
}
.section-team_usecases .container{
  max-width:none;
}
.team-usecases-grid{
  max-width:1180px;
  margin:0 auto;
  border:1px solid var(--color-border);
  border-radius:8px;
  overflow:hidden;
}
.team-usecase-card{
  min-height:235px;
  padding:2rem 1.5rem;
  box-shadow:none!important;
}
.social-workspace-card{
  min-height:292px;
}
.social-workspace-visual{
  min-height:132px;
}
.social-workspace-content{
  padding:1.25rem 1.35rem 1.45rem;
}
.precision-feature-card{
  min-height:200px;
}
.footer-cta-banner{
  min-height:190px;
  border-radius:0;
  padding:2.8rem max(1.25rem,calc((100vw - 1180px)/2));
}
.footer-cta-banner h2{
  font-size:clamp(22px,2.8vw,28px)!important;
}
.footer-cta-btn{
  min-width:132px;
  min-height:44px;
}
.site-footer{
  padding:3.2rem 0 1rem;
}
.site-footer h3,
.site-footer .h6{
  font-size:15px;
}
.footer-list li{
  margin:.42rem 0;
}
.public-page{
  max-width:860px;
}
.contact-page-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);
  gap:1.25rem;
  align-items:start;
}
.contact-form-panel,
.contact-info-panel{
  border:1px solid var(--color-border);
  border-radius:8px;
  background:#fff;
  padding:1.5rem;
  box-shadow:0 8px 24px rgba(15,23,42,.035);
}
.contact-info-panel{
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.contact-info-panel p{
  color:#4b5563;
  line-height:1.9;
}
.contact-info-list{
  list-style:none;
  padding:0;
  margin:1rem 0 0;
  display:grid;
  gap:.85rem;
}
.contact-info-list li{
  display:flex;
  gap:.75rem;
  align-items:flex-start;
  color:#374151;
  line-height:1.8;
}
.contact-info-list i{
  width:34px;
  height:34px;
  border-radius:8px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:rgba(131,58,180,.08);
  color:var(--site-primary);
}
.contact-info-list a{
  color:#374151;
  text-decoration:none;
}
.contact-info-list a:hover{
  color:var(--site-primary);
}
.contact-social-link{
  background:var(--gradient-instagram);
}
@media(max-width:1199px){
  .steps-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:991px){
  .site-hero{
    padding:3.2rem 0;
  }
  .hero-visual{
    min-height:390px;
  }
  .steps-grid,
  .feature-showcase-grid,
  .social-workspace-grid,
  .precision-features-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .team-usecases-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .team-usecase-card{
    border-bottom:1px solid var(--color-border);
  }
}
@media(max-width:767px){
  .site-header .d-flex{
    margin-top:.75rem;
  }
  .site-hero{
    padding:2.8rem 0;
  }
  .site-hero .row{
    gap:1.25rem;
  }
  .site-hero h1,
  .site-hero p{
    max-width:none;
  }
  .site-hero .btn-lg{
    flex:1 1 150px;
  }
  .hero-visual{
    min-height:auto;
  }
  .phone-mock{
    min-height:420px;
  }
  .dashboard-float{
    width:100%;
    max-width:260px;
    margin:1rem auto 0;
  }
  .home-section,
  .section-feature_showcase,
  .section-brand_marquee,
  .section-account_marquee,
  .section-team_usecases,
  .section-social_workspace,
  .section-precision_features{
    padding:2.8rem 0;
  }
  .section-head{
    margin-bottom:1.5rem;
  }
  .steps-grid,
  .feature-showcase-grid,
  .social-workspace-grid,
  .precision-features-grid,
  .team-usecases-grid{
    grid-template-columns:1fr;
  }
  .team-usecase-card{
    border-left:0;
  }
  .brand-marquee-track{
    grid-auto-columns:86px;
  }
  .footer-cta-banner{
    padding:2.2rem 1.25rem;
  }
  .contact-page-grid{
    grid-template-columns:1fr;
  }
}

/* Layout containment fixes for homepage sections */
.home-section{
  overflow:hidden;
}
.section-team_usecases .container{
  max-width:1180px;
  padding-left:12px;
  padding-right:12px;
}
.section-team_usecases .section-head{
  max-width:860px;
  padding-left:0;
  padding-right:0;
  margin-bottom:2rem;
}
.team-usecases-grid{
  width:100%;
  max-width:1180px;
}
.team-usecase-card{
  min-height:220px;
  padding:1.8rem 1.35rem;
}
.steps-grid{
  width:100%;
  max-width:980px;
  margin:0 auto;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
}
.step-card{
  min-height:210px;
  padding:1.35rem;
}
.step-card h3,
.step-card p{
  overflow-wrap:anywhere;
}
.feature-showcase-grid,
.social-workspace-grid,
.precision-features-grid{
  width:100%;
  max-width:1120px;
  padding-left:0;
  padding-right:0;
}
.feature-showcase-grid{
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
}
.feature-showcase-card{
  min-width:0;
  min-height:176px;
}
.section-feature_showcase .container{
  max-width:1180px;
}
.section-feature_showcase .section-head{
  max-width:860px;
  margin-bottom:2rem;
}
.feature-showcase-btn{
  min-height:46px;
  min-width:148px;
}
@media(max-width:991px){
  .steps-grid,
  .feature-showcase-grid,
  .social-workspace-grid,
  .precision-features-grid{
    max-width:720px;
  }
}
@media(max-width:575px){
  .section-team_usecases .container,
  .section-feature_showcase .container{
    padding-left:16px;
    padding-right:16px;
  }
  .steps-grid,
  .feature-showcase-grid,
  .social-workspace-grid,
  .precision-features-grid{
    max-width:100%;
  }
}

/* Phase 2 public UI consolidation */
:root{
  --ui-primary:var(--site-primary,#833AB4);
  --ui-secondary:var(--site-secondary,#E1306C);
  --ui-text:#111827;
  --ui-muted:#5b6475;
  --ui-soft:#f8fafc;
  --ui-surface:#ffffff;
  --ui-border:#e5e7eb;
  --ui-radius:8px;
  --ui-radius-lg:12px;
  --ui-shadow:0 10px 30px rgba(15,23,42,.06);
  --ui-shadow-hover:0 18px 42px rgba(15,23,42,.10);
  --ui-container:1180px;
  --ui-focus:0 0 0 3px rgba(131,58,180,.20);
}
html{scroll-behavior:smooth}
body.site-body{
  color:var(--ui-text);
  background:var(--ui-surface);
  overflow-x:hidden;
  text-rendering:optimizeLegibility;
}
.site-body a,
.auth-shell a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.site-body a:focus-visible,
.site-body button:focus-visible,
.site-body .btn:focus-visible,
.auth-shell a:focus-visible,
.auth-shell button:focus-visible,
.auth-shell input:focus-visible{
  outline:0;
  box-shadow:var(--ui-focus)!important;
}
.site-header .container,
.site-hero .container,
.home-section>.container,
.site-footer .container{
  width:min(100% - 32px,var(--ui-container));
  max-width:var(--ui-container);
  padding-left:0;
  padding-right:0;
}
.site-header{
  z-index:1030;
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(229,231,235,.86);
  box-shadow:0 8px 28px rgba(15,23,42,.055);
}
.site-header .navbar{padding:.72rem 0}
.site-brand{
  min-height:44px;
  gap:.7rem;
  font-size:16px;
  white-space:nowrap;
}
.site-logo-img,.site-brand img{
  max-width:168px;
  max-height:40px;
  object-fit:contain;
}
.site-header .navbar-nav{
  align-items:center;
  gap:.12rem;
}
.site-header .nav-link{
  min-height:40px;
  display:flex;
  align-items:center;
  padding:.52rem .78rem;
  border-radius:var(--ui-radius);
  color:#374151;
  font-size:14px;
  font-weight:700;
}
.site-header .nav-link:hover,
.site-header .nav-link:focus-visible{
  color:var(--ui-primary)!important;
  background:rgba(131,58,180,.07);
}
.site-header .d-flex.gap-2{align-items:center}
.site-header .btn{
  min-height:40px;
  padding:.56rem 1rem;
  border-radius:var(--ui-radius);
  font-weight:800;
}
.navbar-toggler{
  width:44px;
  height:40px;
  border-radius:var(--ui-radius);
  border-color:var(--ui-border);
  padding:0;
}
.navbar-toggler:focus{box-shadow:var(--ui-focus)}
.btn-site,.btn-primary{
  background:linear-gradient(135deg,var(--ui-primary),var(--ui-secondary))!important;
  border:0!important;
  color:#fff!important;
  border-radius:var(--ui-radius);
  box-shadow:0 10px 24px rgba(131,58,180,.18);
}
.btn-site:hover,.btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(131,58,180,.24);
}
.btn-outline-site{
  border:1px solid rgba(131,58,180,.24);
  color:var(--ui-primary);
  background:#fff;
  border-radius:var(--ui-radius);
  font-weight:800;
}
.btn-outline-site:hover{
  color:var(--ui-secondary);
  background:#faf7ff;
  border-color:rgba(225,48,108,.35);
}
.site-hero{
  padding:clamp(56px,7vw,92px) 0 clamp(48px,6vw,76px);
  background:
    radial-gradient(circle at 12% 10%,rgba(252,175,69,.18),transparent 28%),
    linear-gradient(135deg,#fff 0%,#f8fafc 42%,#f5f3ff 72%,#fff7ed 100%);
}
.site-hero:before,.site-hero:after,.cherry-orbit{pointer-events:none}
.site-hero .row{align-items:center}
.site-hero h1{
  max-width:680px;
  font-size:clamp(40px,4.2vw,52px)!important;
  line-height:1.24!important;
  font-weight:900;
  letter-spacing:0!important;
  margin-bottom:1rem;
}
.site-hero p{
  max-width:640px;
  color:var(--ui-muted);
  font-size:16px!important;
  line-height:1.95!important;
  margin-bottom:1.65rem;
}
.hero-kicker{
  border-radius:999px;
  color:var(--ui-primary);
  background:rgba(131,58,180,.08);
  border:1px solid rgba(131,58,180,.10);
}
.site-hero .btn-lg{
  min-height:48px;
  min-width:146px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.72rem 1.2rem;
  font-size:15px!important;
  border-radius:var(--ui-radius);
}
.hero-image{
  width:100%;
  max-height:520px;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:var(--ui-radius-lg);
  box-shadow:0 24px 60px rgba(15,23,42,.12);
}
.hero-visual{
  min-height:420px;
  overflow:visible;
}
.phone-mock{
  width:min(300px,76vw);
  min-height:470px;
  border-radius:34px;
}
.dashboard-float{
  border-radius:var(--ui-radius-lg);
  box-shadow:var(--ui-shadow-hover);
}
.home-section,
.section-feature_showcase,
.section-brand_marquee,
.section-account_marquee,
.section-team_usecases,
.section-social_workspace,
.section-precision_features{
  padding:clamp(52px,6.6vw,84px) 0;
}
.section-head{
  max-width:820px;
  margin-bottom:clamp(24px,3.2vw,40px);
}
.section-head h2,
.section-feature_showcase .section-head h2,
.section-brand_marquee .section-head h2,
.section-account_marquee .section-head h2,
.section-team_usecases .section-head h2,
.section-social_workspace .section-head h2,
.section-precision_features .section-head h2{
  font-size:clamp(30px,3vw,38px)!important;
  line-height:1.35!important;
  font-weight:900;
  margin-bottom:.75rem;
}
.section-head p,
.section-body{
  color:var(--ui-muted);
  font-size:16px!important;
  line-height:1.9!important;
}
.feature-showcase-grid,
.social-workspace-grid,
.precision-features-grid{
  gap:1rem;
  max-width:var(--ui-container);
}
.site-card,
.feature-showcase-card,
.team-usecase-card,
.social-workspace-card,
.precision-feature-card,
.step-card,
.price-box,
.faq-accordion .accordion-item,
.contact-form-panel,
.contact-info-panel{
  border:1px solid var(--ui-border)!important;
  border-radius:var(--ui-radius)!important;
  background:#fff;
  box-shadow:var(--ui-shadow)!important;
}
.site-card,
.feature-showcase-card,
.precision-feature-card,
.step-card{
  min-width:0;
  padding:1.35rem;
}
.site-card:hover,
.feature-showcase-card:hover,
.team-usecase-card:hover,
.social-workspace-card:hover,
.precision-feature-card:hover,
.step-card:hover,
.price-box:hover{
  transform:translateY(-2px);
  box-shadow:var(--ui-shadow-hover)!important;
}
.feature-showcase-card,
.site-card,
.precision-feature-card{
  min-height:210px;
}
.feature-showcase-icon,
.card-icon,
.precision-feature-icon,
.team-usecase-icon,
.social-workspace-icon{
  width:42px;
  height:42px;
  border-radius:var(--ui-radius);
  flex:0 0 auto;
}
.site-card h3,
.feature-showcase-card h3,
.team-usecase-card h3,
.social-workspace-card h3,
.precision-feature-card h3,
.step-card h3,
.price-box h3{
  color:var(--ui-text);
  font-size:17px!important;
  line-height:1.55!important;
  font-weight:900;
  margin-bottom:.65rem;
  overflow-wrap:anywhere;
}
.site-card p,
.feature-showcase-card p,
.team-usecase-card p,
.social-workspace-card p,
.precision-feature-card p,
.step-card p,
.price-box p,
.price-box li{
  color:var(--ui-muted);
  font-size:15px!important;
  line-height:1.85!important;
  overflow-wrap:anywhere;
}
.section-pricing .row.justify-content-center{
  grid-template-columns:repeat(auto-fit,minmax(285px,1fr));
  gap:1rem!important;
}
.price-box{
  min-height:460px!important;
  padding:1.45rem;
}
.price-value{
  color:var(--ui-primary)!important;
  font-size:24px!important;
  font-weight:900;
  margin:.7rem 0;
}
.price-box ul{
  display:grid;
  gap:.45rem;
  padding-right:1.15rem;
}
.price-box .btn{
  min-height:46px;
  border-radius:var(--ui-radius);
}
.faq-accordion{
  max-width:900px;
}
.faq-accordion .accordion-item{
  overflow:hidden;
  margin-bottom:.75rem;
}
.faq-accordion .accordion-button{
  padding:1rem 1.15rem;
  font-size:16px!important;
  font-weight:900;
  line-height:1.7!important;
  box-shadow:none;
}
.faq-accordion .accordion-button:not(.collapsed){
  color:var(--ui-primary);
  background:rgba(131,58,180,.07);
}
.faq-accordion .accordion-body{
  padding:1rem 1.15rem 1.15rem;
  color:var(--ui-muted);
  line-height:1.9;
}
.site-footer{
  padding:56px 0 18px;
  background:linear-gradient(135deg,#101827 0%,#251344 52%,#42143f 100%);
}
.site-footer .row{
  row-gap:2rem;
}
.site-footer-brand{
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  color:#fff;
  text-decoration:none;
  font-size:18px;
  font-weight:900;
  margin-bottom:1rem;
}
.site-footer-logo{
  max-width:170px;
  max-height:44px;
  object-fit:contain;
}
.site-footer .site-muted{
  max-width:420px;
  color:#d8dee9;
  font-size:15px;
  line-height:1.9;
}
.site-footer h3,.site-footer .h6{
  color:#fff;
  font-size:15px!important;
  font-weight:900;
  margin-bottom:.85rem;
}
.footer-list{
  display:grid;
  gap:.45rem;
}
.footer-list li,
.footer-list a{
  color:#cbd5e1;
  font-size:14px;
  line-height:1.7;
}
.footer-list a:hover,
.footer-list a:focus-visible{
  color:#fff;
}
.social-link{
  width:40px;
  height:40px;
  border-radius:var(--ui-radius);
  background:rgba(255,255,255,.10);
}
.social-link:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.18);
}
.footer-bottom{
  margin-top:2.4rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.12);
  color:#aab5c5;
}
.public-page{
  max-width:880px;
}
.public-page article{
  background:#fff;
}
.public-page h1{
  font-size:clamp(32px,3.4vw,44px)!important;
  line-height:1.35;
  font-weight:900;
}
.page-content{
  color:#263244;
  font-size:16px!important;
  line-height:2!important;
}
.page-content p{
  margin-bottom:1.1rem;
}
.page-content h2,.page-content h3{
  color:var(--ui-text);
  margin-top:2.2rem;
  margin-bottom:.8rem;
}
.public-page-image{
  width:100%;
  max-height:430px;
  aspect-ratio:16/8;
  object-fit:cover;
  border-radius:var(--ui-radius-lg)!important;
}
.public-page-cta{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:2rem;
  padding-top:1.25rem;
  border-top:1px solid var(--ui-border);
}
.about-page-content{
  max-width:760px;
  margin-inline:auto;
}
.about-page-content h2{
  position:relative;
  margin-top:2.4rem;
  margin-bottom:.85rem;
  padding-top:1rem;
  border-top:1px solid var(--ui-border);
  font-size:clamp(22px,2.4vw,30px)!important;
  line-height:1.45!important;
}
.about-page-content h2:first-child{
  margin-top:.8rem;
}
.about-page-content p{
  margin-bottom:1.15rem;
  color:#263244;
}
.about-page-content ul,
.about-page-content ol{
  display:grid;
  gap:.55rem;
  margin-bottom:1.25rem;
}
.auth-shell{
  min-height:100vh;
  padding:32px 16px;
  background:
    radial-gradient(circle at 12% 10%,rgba(131,58,180,.12),transparent 30%),
    linear-gradient(135deg,#f8fafc,#fff,#f5f3ff);
}
.auth-card{
  width:min(980px,100%);
  border-radius:var(--ui-radius-lg);
  border:1px solid var(--ui-border);
  box-shadow:0 24px 70px rgba(15,23,42,.12);
}
.auth-side{
  padding:clamp(24px,4vw,44px);
  background:linear-gradient(135deg,var(--ui-primary),var(--ui-secondary))!important;
}
.auth-side h2{
  font-size:clamp(24px,2.7vw,32px);
  line-height:1.55;
}
.auth-side p{
  color:rgba(255,255,255,.88);
  font-size:15px;
}
.auth-form{
  padding:clamp(24px,4vw,44px);
}
.auth-form h1{
  font-size:26px!important;
}
.auth-form .form-control{
  min-height:46px;
  border-radius:var(--ui-radius);
}
.auth-form .btn{
  min-height:48px;
}
.auth-form .alert{
  border-radius:var(--ui-radius);
}
@media(max-width:1024px){
  .site-header .container,
  .site-hero .container,
  .home-section>.container,
  .site-footer .container{
    width:min(100% - 28px,var(--ui-container));
  }
  .site-hero h1{font-size:clamp(34px,4.6vw,44px)!important}
  .site-hero p{font-size:15.5px!important}
}
@media(max-width:991px){
  .site-header .navbar-collapse{
    margin-top:.85rem;
    padding:.85rem;
    background:#fff;
    border:1px solid var(--ui-border);
    border-radius:var(--ui-radius-lg);
    box-shadow:var(--ui-shadow);
  }
  .site-header .navbar-nav{
    align-items:stretch;
    gap:.25rem;
  }
  .site-header .nav-link{
    justify-content:flex-start;
    padding:.7rem .85rem;
  }
  .site-header .d-flex.gap-2{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    margin-top:.75rem;
  }
  .site-hero{
    padding:48px 0 44px;
  }
  .site-hero .row{
    row-gap:2rem;
  }
  .hero-visual{
    min-height:360px;
  }
}
@media(max-width:767px){
  .site-header .container,
  .site-hero .container,
  .home-section>.container,
  .site-footer .container{
    width:min(100% - 24px,var(--ui-container));
  }
  .site-hero{
    padding:38px 0 36px;
  }
  .site-hero h1{
    font-size:clamp(28px,8.4vw,34px)!important;
    line-height:1.35!important;
  }
  .site-hero p,
  .section-head p,
  .section-body,
  .page-content{
    font-size:15px!important;
  }
  .site-hero .d-flex.flex-wrap{
    display:grid!important;
    grid-template-columns:1fr;
    gap:.7rem!important;
  }
  .site-hero .btn-lg,
  .public-page-cta .btn{
    width:100%;
  }
  .section-head h2,
  .section-feature_showcase .section-head h2,
  .section-brand_marquee .section-head h2,
  .section-account_marquee .section-head h2,
  .section-team_usecases .section-head h2,
  .section-social_workspace .section-head h2,
  .section-precision_features .section-head h2{
    font-size:clamp(24px,7vw,28px)!important;
  }
  .home-section,
  .section-feature_showcase,
  .section-brand_marquee,
  .section-account_marquee,
  .section-team_usecases,
  .section-social_workspace,
  .section-precision_features{
    padding:38px 0;
  }
  .feature-showcase-grid,
  .social-workspace-grid,
  .precision-features-grid,
  .steps-grid,
  .team-usecases-grid,
  .section-pricing .row.justify-content-center{
    grid-template-columns:1fr!important;
    max-width:100%;
  }
  .feature-showcase-card,
  .site-card,
  .precision-feature-card,
  .step-card,
  .price-box{
    min-height:0!important;
  }
  .public-page{
    padding-top:32px!important;
    padding-bottom:32px!important;
  }
  .public-page h1{
    font-size:clamp(28px,7.8vw,34px)!important;
  }
  .public-page-image{
    aspect-ratio:16/10;
  }
  .about-page-content{
    max-width:100%;
  }
  .about-page-content h2{
    margin-top:2rem;
    font-size:24px!important;
  }
  .site-footer{
    padding-top:42px;
  }
  .footer-bottom{
    text-align:center;
  }
  .auth-card{
    grid-template-columns:1fr;
  }
  .auth-side{
    min-height:auto;
    gap:1.5rem;
  }
}
@media(max-width:390px){
  .site-header .container,
  .site-hero .container,
  .home-section>.container,
  .site-footer .container{
    width:min(100% - 20px,var(--ui-container));
  }
  .site-brand{
    max-width:235px;
    overflow:hidden;
  }
  .site-header .d-flex.gap-2{
    grid-template-columns:1fr;
  }
  .site-card,
  .feature-showcase-card,
  .precision-feature-card,
  .step-card,
  .price-box,
  .faq-accordion .accordion-button,
  .faq-accordion .accordion-body{
    padding:1rem;
  }
  .auth-shell{
    padding:18px 10px;
  }
  .auth-form,.auth-side{
    padding:20px;
  }
}

.footer-grid{
  display:grid;
  grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(150px,1fr));
  gap:28px;
}
.footer-brand-col{
  max-width:420px;
}
.support-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.support-card{
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius);
  padding:22px;
  background:#fff;
  box-shadow:var(--ui-shadow-sm);
  min-height:100%;
}
.support-card i{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  margin-bottom:14px;
  color:#fff;
  background:linear-gradient(135deg,var(--site-primary),var(--site-secondary));
}
.support-card p{
  color:var(--ui-muted);
}
@media(max-width:992px){
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .support-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:576px){
  .footer-grid{
    grid-template-columns:1fr;
  }
}