:root{--bg:#07111e;--panel:#0d1b2b;--panel2:#10243a;--line:#1d3855;--text:#eaf4ff;--muted:#8aa0b8;--blue:#168cff;--cyan:#00d4ff;--silver:#dfe9f2}.body{background:#f6f8fb}body{margin:0;background:#f6f8fb;color:#132033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.abp-nav{background:rgba(5,14,26,.96);border-bottom:1px solid #15324c}.abp-nav .navbar-brand span{font-weight:400;font-size:.85rem;color:#9bb5cb;margin-left:.35rem}.hero{background:radial-gradient(circle at 80% 20%,#0f4a7d 0,#07111e 35%,#030812 70%);color:#fff;padding:5rem 0;min-height:72vh;display:flex;align-items:center}.hero h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:.95;font-weight:800}.hero .glow{color:#48d9ff;text-shadow:0 0 24px #037dff}.brand-img{max-width:520px;width:100%;filter:drop-shadow(0 18px 70px rgba(0,157,255,.28))}.section{padding:5rem 0}.pricing-card{border:1px solid #dbe7f2;border-radius:22px;box-shadow:0 12px 40px rgba(23,45,74,.08);height:100%}.pricing-card.featured{border-color:#168cff;box-shadow:0 18px 55px rgba(22,140,255,.18);transform:translateY(-8px)}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#07111e,#091725);color:white;padding:18px 14px;z-index:20}.sidebar .brand{display:flex;gap:10px;align-items:center;color:white;text-decoration:none;padding:6px 6px 20px}.sidebar .brand img{width:42px}.sidebar .brand small{display:block;color:#7f9ab5;font-size:.62rem;letter-spacing:.14em}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{color:#9fb3c8;text-decoration:none;padding:10px 12px;border-radius:9px}.sidebar nav a:hover,.sidebar nav a.active{background:#102b46;color:white}.sidebar-footer{position:absolute;bottom:18px;left:18px;right:18px;border-top:1px solid #17324b;padding-top:12px;display:flex;justify-content:space-between;font-size:.8rem}.sidebar-footer a{color:#6bcfff}.topbar{position:fixed;left:250px;right:0;top:0;height:70px;background:#fff;border-bottom:1px solid #e5ebf1;padding:0 28px;display:flex;align-items:center;z-index:10}.topbar h1{font-size:1.25rem;margin:0}.abp-main{margin-left:250px;padding-top:70px;min-height:100vh}.metric{border:0;border-radius:16px;box-shadow:0 5px 20px rgba(30,50,80,.08)}.metric .number{font-size:2rem;font-weight:800}.table-card,.form-card{background:#fff;border-radius:16px;box-shadow:0 5px 22px rgba(30,50,80,.06);border:1px solid #e6edf4;padding:20px}.badge-soft{background:#eaf5ff;color:#0971cf;padding:.42rem .65rem;border-radius:999px}.secret-wrap{display:flex;gap:8px}.secret-wrap input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chat-box{height:480px;overflow:auto;background:#f2f6fa;border-radius:14px;padding:16px}.msg{max-width:78%;padding:10px 13px;border-radius:14px;margin-bottom:10px}.msg.in{background:#fff;border:1px solid #dbe4ec}.msg.out{background:#0e84f4;color:white;margin-left:auto}.onboard-progress{height:8px;border-radius:20px}.setting-group{border-left:4px solid var(--blue)}@media(max-width:900px){.sidebar{position:static;width:100%;height:auto}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}.sidebar-footer{position:static;margin-top:15px}.topbar{display:none}.abp-main{margin-left:0;padding-top:0}.pricing-card.featured{transform:none}.hero{padding:3rem 0}}
.settings-shell{max-width:1500px}.settings-tabs{gap:.4rem;padding:.35rem;background:#fff;border:1px solid #e4ebf2;border-radius:14px;box-shadow:0 4px 18px rgba(30,50,80,.05);position:sticky;top:82px;z-index:8}.settings-tabs .nav-link{white-space:nowrap;color:#456079;border-radius:10px}.settings-tabs .nav-link.active{background:#0f7de8;color:#fff}.setting-group h3{margin-bottom:.2rem}.health-card{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e3ebf3;border-radius:12px;padding:14px;background:#fbfdff}.form-check-input:checked{background-color:#168cff;border-color:#168cff}.secret-wrap .btn{min-width:68px}.setting-group code{display:inline-block;background:#eef5fb;color:#163a5a;padding:.35rem .55rem;border-radius:7px;word-break:break-all}.setting-group .form-label{font-weight:600;font-size:.9rem;color:#304861}.setting-group .text-muted{max-width:900px}

/* ABP v1.5 Business Workspace */
.message-preview{display:inline-block;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.conversation-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.conversation-main{min-width:0}.conversation-side{min-width:0}.chat-head{padding:18px 20px;background:#fff;border-bottom:1px solid #e5edf4;display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.chat-thread{height:58vh;min-height:430px;overflow:auto;padding:24px;background:linear-gradient(180deg,#f3f7fb,#edf3f8)}.chat-row{display:flex;margin:10px 0}.chat-row.inbound{justify-content:flex-start}.chat-row.outbound{justify-content:flex-end}.chat-bubble{max-width:min(78%,680px);padding:12px 14px;border-radius:16px;box-shadow:0 2px 7px rgba(20,40,70,.06);white-space:normal;overflow-wrap:anywhere}.chat-row.inbound .chat-bubble{background:#fff;border:1px solid #dfe8ef;border-bottom-left-radius:5px}.chat-row.outbound .chat-bubble{background:#0f7de8;color:#fff;border-bottom-right-radius:5px}.chat-label{font-size:.72rem;font-weight:800;letter-spacing:.02em;margin-bottom:4px;opacity:.76}.chat-meta{font-size:.68rem;margin-top:6px;opacity:.68}.chat-system{text-align:center;color:#6b7d90;font-size:.78rem;margin:14px auto;max-width:80%;background:#e7eef4;border-radius:999px;padding:6px 12px}.chat-system span{display:block;font-size:.65rem;opacity:.7}.chat-compose{background:#fff;border-top:1px solid #e5edf4;padding:16px 18px}.chat-compose textarea{resize:none}.pipeline-column{min-height:60vh;background:#f8fafc}.pipeline-card{display:flex;flex-direction:column;color:#132033;text-decoration:none;border:1px solid #e1e8ef;border-radius:12px;background:#fff;padding:12px;margin-bottom:10px;box-shadow:0 2px 8px rgba(20,40,70,.04)}.pipeline-card:hover{border-color:#168cff;box-shadow:0 5px 16px rgba(22,140,255,.12)}.pipeline-card small{color:#74869a;margin-top:3px}@media(max-width:1100px){.conversation-shell{grid-template-columns:1fr}.conversation-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.conversation-side .form-card{margin-bottom:0!important}}@media(max-width:700px){.conversation-side{grid-template-columns:1fr}.chat-thread{height:55vh}.chat-bubble{max-width:90%}.chat-head{flex-direction:column}.message-preview{max-width:230px}}

/* ABP v2.15 Public Website - isolated, premium dark redesign */
html{scroll-behavior:smooth}
body.public-page{background:#020811;color:#eaf4ff;overflow-x:hidden}
body.public-page main{background:#020811}
.public-page .container{max-width:1180px}
.public-nav{backdrop-filter:blur(20px);background:rgba(2,8,17,.92)!important;border-bottom:1px solid rgba(73,189,255,.16);padding:.85rem 0;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.public-nav .navbar-brand{gap:.7rem!important}.public-nav .navbar-brand img{width:42px!important;height:42px!important;object-fit:contain;filter:drop-shadow(0 0 16px rgba(22,140,255,.4))}.public-nav .navbar-brand>div{font-size:1rem;line-height:1.05;color:#fff}.public-nav .navbar-brand span{display:block!important;margin-top:5px!important;font-size:.58rem!important;font-weight:600!important;letter-spacing:.12em;color:#6f91ad!important;text-transform:uppercase}.public-nav .nav-link{color:#90a8bd!important;font-size:.88rem;font-weight:600;padding:.6rem .75rem!important;transition:.2s}.public-nav .nav-link:hover{color:#fff!important}.public-nav .btn{border-radius:10px;font-weight:700;padding:.55rem 1rem}.public-nav .btn-primary{box-shadow:0 8px 25px rgba(22,140,255,.25)}
.public-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 12%,rgba(16,132,255,.29),transparent 27%),radial-gradient(circle at 54% 78%,rgba(0,212,255,.11),transparent 26%),linear-gradient(135deg,#020710 0%,#06111d 46%,#092943 100%);color:#fff;min-height:760px;display:flex;align-items:center;padding:7.5rem 0 6.4rem;border-bottom:1px solid #102a41}
.public-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(74,180,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(74,180,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.15))}
.public-hero:before{content:"";position:absolute;left:-10%;top:18%;width:45%;height:1px;background:linear-gradient(90deg,transparent,#1c8fff,transparent);box-shadow:0 0 30px #168cff}.public-orb{position:absolute;border-radius:50%;opacity:.72;animation:floatOrb 10s ease-in-out infinite}.public-orb-a{width:300px;height:300px;right:7%;top:15%;border:1px solid rgba(65,201,255,.25);box-shadow:0 0 100px rgba(22,140,255,.2),inset 0 0 55px rgba(0,212,255,.06)}.public-orb-b{width:130px;height:130px;left:7%;bottom:10%;background:rgba(0,212,255,.05);box-shadow:0 0 95px rgba(0,212,255,.18);animation-delay:-5s}@keyframes floatOrb{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(8deg)}}
.public-kicker,.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:#54d7ff;font-weight:800;font-size:.72rem;letter-spacing:.16em;margin-bottom:1rem;text-transform:uppercase}.public-kicker:before,.eyebrow:before{content:"";width:28px;height:1px;background:#38c5ff;box-shadow:0 0 10px #38c5ff}.public-hero h1{font-size:clamp(3.2rem,5.9vw,6.4rem);font-weight:850;line-height:.92;letter-spacing:-.052em;max-width:760px;margin-bottom:1.5rem}.public-hero h1 span{display:block;background:linear-gradient(90deg,#188eff 0%,#4bd9ff 56%,#d4f7ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 48px rgba(31,150,255,.15)}.public-lead{font-size:1.12rem;color:#a8bfd2;max-width:680px;line-height:1.75}.public-page .btn-primary{background:linear-gradient(135deg,#087df0,#159cff);border-color:#159cff;box-shadow:0 12px 35px rgba(22,140,255,.22)}.public-page .btn-primary:hover{background:linear-gradient(135deg,#159cff,#26b7ff);border-color:#26b7ff;transform:translateY(-1px)}.btn-glass{color:#fff!important;border:1px solid rgba(160,218,255,.27)!important;background:rgba(255,255,255,.05)!important;backdrop-filter:blur(12px)}.btn-glass:hover{border-color:#4ad7ff!important;background:rgba(74,215,255,.1)!important}.public-trust{display:flex;gap:.7rem;flex-wrap:wrap;color:#91a9be;font-size:.8rem}.public-trust span{padding:.55rem .75rem;border:1px solid rgba(129,190,232,.16);border-radius:999px;background:rgba(255,255,255,.035);display:flex;align-items:center;gap:.35rem}
.hero-console{position:relative;max-width:560px;margin:auto;border:1px solid rgba(72,217,255,.24);border-radius:25px;background:linear-gradient(180deg,rgba(11,26,42,.96),rgba(3,10,18,.98));box-shadow:0 35px 110px rgba(0,0,0,.46),0 0 75px rgba(22,140,255,.1);overflow:hidden;transform:perspective(1200px) rotateY(-3deg)}.hero-console:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(55,196,255,.08),transparent 35%);pointer-events:none}.hero-console-bar{height:46px;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.hero-console-bar>span{width:8px;height:8px;border-radius:50%;background:#2d4860}.hero-console-bar>span:nth-child(2){background:#158cff}.hero-console-bar>span:nth-child(3){background:#4bd9ff}.hero-console-bar small{margin-left:auto;color:#6f8ca5;font-size:.61rem;letter-spacing:.14em}.hero-console-body{padding:2rem}.hero-console .brand-img{display:block;max-width:320px!important;max-height:265px!important;margin:0 auto 1.6rem;object-fit:contain;filter:drop-shadow(0 24px 55px rgba(0,123,255,.24))}.hero-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-stat-grid div{border:1px solid rgba(116,194,244,.12);border-radius:14px;padding:1rem .75rem;background:rgba(255,255,255,.025);text-align:center}.hero-stat-grid b{display:block;color:#4bd9ff;font-size:1.3rem}.hero-stat-grid small{display:block;color:#819bb1;margin-top:.2rem}.public-strip{background:#050e19;color:#fff;border-top:1px solid #10263a;border-bottom:1px solid #10263a;padding:1.1rem 0}.public-strip .row>div{border-right:1px solid #132a40}.public-strip .row>div:last-child{border-right:0}.public-strip b{display:block;color:#e9f5ff;font-size:1.02rem}.public-strip span{display:block;color:#6f8ca5;font-size:.78rem;margin-top:.25rem}
.public-section{padding:6.8rem 0;background:#07111d!important;color:#eaf4ff;position:relative}.public-section:nth-of-type(even){background:#091522!important}.public-section-dark{background:linear-gradient(145deg,#030a13,#08243b)!important;color:#fff;overflow:hidden}.public-section-dark:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-190px;top:-200px;background:radial-gradient(circle,rgba(22,140,255,.18),transparent 67%);pointer-events:none}.section-heading{max-width:840px;margin:0 auto;text-align:center}.section-heading>span{color:#52d5ff;font-size:.72rem;font-weight:800;letter-spacing:.17em}.section-heading h2{font-size:clamp(2.35rem,4vw,3.8rem);font-weight:830;letter-spacing:-.04em;margin:.75rem 0 1rem;color:#fff}.section-heading p{font-size:1.03rem;color:#8fa7bc;line-height:1.75}.section-heading.light p{color:#8fa7bc}.feature-panel{position:relative;height:100%;padding:2rem;border-radius:20px;border:1px solid #16344d;background:linear-gradient(145deg,#0c1a2a,#091522);box-shadow:0 18px 55px rgba(0,0,0,.16);transition:.28s ease;overflow:hidden}.feature-panel:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(#168cff,#41d9ff);opacity:.85}.feature-panel:hover{transform:translateY(-6px);border-color:#257ac0;box-shadow:0 24px 65px rgba(0,0,0,.28),0 0 35px rgba(22,140,255,.08)}.feature-no{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#0d2942;border:1px solid #1c4c72;color:#4bd9ff;font-family:ui-monospace,monospace;font-size:.74rem}.feature-panel h3{font-size:1.3rem;color:#fff;margin:1.25rem 0 .65rem}.feature-panel p{margin:0;color:#819bb0;line-height:1.72}
.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}.process-step{position:relative;padding:1.5rem;border:1px solid #173750;border-radius:18px;background:rgba(255,255,255,.025);min-height:220px}.process-step>span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:1.35rem;border:1px solid #168cff;border-radius:12px;background:#0a2034;color:#50d6ff;font-weight:800;box-shadow:0 0 30px rgba(22,140,255,.12)}.process-step h4{color:#fff;font-size:1.15rem}.process-step p{color:#829bb0;font-size:.9rem;line-height:1.7;margin:0}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:2rem}.check-grid span{padding:12px 13px;border-radius:12px;background:#0b1f31;border:1px solid #173f5d;color:#b6cada;font-size:.86rem}.check-grid span:before{content:"✓";color:#4bd9ff;font-weight:900;margin-right:.5rem}.public-page .text-muted{color:#8199ad!important}.public-page .lead{color:#9ab0c2}.conversation-demo{padding:20px;border-radius:24px;background:linear-gradient(160deg,#040c15,#0a2034);box-shadow:0 28px 80px rgba(0,0,0,.32);border:1px solid #184361}.demo-head{color:#9ab3c8;border-bottom:1px solid #17334b;padding-bottom:14px;margin-bottom:18px;font-size:.83rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#31d17c;box-shadow:0 0 14px #31d17c;margin-right:7px}.demo-msg{width:max-content;max-width:80%;padding:11px 14px;border-radius:16px;margin:12px 0;font-size:.91rem;line-height:1.45}.demo-msg.user{margin-left:auto;background:linear-gradient(135deg,#0f7de8,#169cff);color:#fff;border-bottom-right-radius:4px}.demo-msg.ai{background:#eef6fc;color:#172d40;border-bottom-left-radius:4px}.demo-footer{font-size:.71rem;color:#607e97;text-align:center;margin-top:20px}
.pricing-zone{background:linear-gradient(180deg,#081522,#06111c)!important}.public-price{height:100%;padding:0!important;overflow:hidden;background:linear-gradient(180deg,#0b1928,#08131f)!important;border:1px solid #183b57!important;color:#fff;position:relative;transition:.28s ease;box-shadow:0 24px 60px rgba(0,0,0,.18)!important}.public-price:hover{transform:translateY(-7px);border-color:#2b82c6!important}.public-price.featured{border-color:#168cff!important;box-shadow:0 28px 75px rgba(22,140,255,.16)!important;transform:translateY(-8px)}.popular-tag{background:linear-gradient(90deg,#0f7de8,#00bde8);color:#fff;text-align:center;padding:.62rem;font-size:.68rem;font-weight:800;letter-spacing:.15em}.price-top{padding:2rem 2rem 1rem}.price-top h3{font-size:1.55rem;color:#fff}.price-top p{min-height:52px;color:#7892a8}.price{font-size:3rem;font-weight:850;letter-spacing:-.045em;color:#fff}.price>span{font-size:1rem;vertical-align:top;margin-right:4px;color:#4bd9ff}.price small{font-size:.82rem;font-weight:600;color:#718ba0}.setup{font-size:.84rem;color:#7d95a8}.price-features{padding:1.2rem 2rem 1.75rem;min-height:250px;border-top:1px solid #142c40}.price-features div{padding:.58rem 0;border-bottom:1px solid #11283a;color:#9ab0c2;font-size:.88rem}.price-features span{color:#4bd9ff;font-weight:800;margin-right:.55rem}.public-price>.btn{margin:0 2rem 2rem;width:calc(100% - 4rem)!important}.pricing-note{margin-top:2rem;padding:1.15rem 1.4rem;border:1px solid #17364f;border-radius:14px;background:#0a1a29;display:flex;gap:1rem;align-items:flex-start}.pricing-note b{white-space:nowrap;color:#eaf4ff}.pricing-note span{color:#7f98ad}
.market-flow{display:grid;gap:12px;position:relative}.market-flow>div{padding:1.2rem 1.35rem;border:1px solid #1c4a6c;border-radius:16px;background:rgba(255,255,255,.035)}.market-flow b,.market-flow span{display:block}.market-flow b{color:#4bd9ff;font-size:.95rem}.market-flow span{color:#9ab0c2;margin-top:4px}.market-flow i{text-align:center;color:#238fe3;font-size:1.3rem;font-style:normal}.faq-zone{background:#07111d!important}.public-faq{max-width:930px;margin:auto}.public-faq .accordion-item{border:1px solid #17364f!important;border-radius:14px!important;overflow:hidden;margin-bottom:11px;background:#0a1826}.public-faq .accordion-button{font-weight:700;padding:1.15rem 1.3rem;background:#0a1826;color:#dceaf5}.public-faq .accordion-button:after{filter:invert(1) brightness(2)}.public-faq .accordion-button:not(.collapsed){background:#0d2942;color:#58d8ff;box-shadow:none}.public-faq .accordion-body{color:#92a9bc;line-height:1.72;background:#081522}.contact-zone{background:linear-gradient(135deg,#030a13,#0a2a46)!important}.contact-panel{display:flex;justify-content:space-between;align-items:center;gap:3rem;padding:3rem;border:1px solid rgba(72,217,255,.2);border-radius:24px;background:linear-gradient(135deg,rgba(22,140,255,.12),rgba(255,255,255,.025));box-shadow:0 26px 80px rgba(0,0,0,.25)}.contact-panel h2{color:#fff;max-width:760px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800}.contact-panel p{color:#91a9bd}.contact-actions{display:flex;flex-direction:column;gap:10px;min-width:260px}.contact-actions span{color:#89a4bb;text-align:center}.public-footer{background:#02070d;color:#68839a;padding:2.8rem 0;border-top:1px solid #10263a}.public-footer b{color:#fff}.footer-links{display:flex;gap:1.1rem;flex-wrap:wrap}.footer-links a{color:#7893aa;text-decoration:none}.footer-links a:hover{color:#4bd9ff}.footer-bottom{border-top:1px solid #0f2334;margin-top:1.5rem;padding-top:1.25rem;font-size:.76rem}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
.public-page #about .row{padding:2.2rem;border:1px solid #15344d;border-radius:22px;background:linear-gradient(145deg,#0a1928,#07121e)}.public-page #about h2{color:#fff}.public-page #about p{color:#8ea6ba}.public-page a{transition:.2s ease}.public-page section[id]{scroll-margin-top:80px}
@media(max-width:991px){.public-hero{min-height:auto;padding:5.5rem 0}.hero-console{transform:none;margin-top:1rem}.public-strip .row>div:nth-child(2){border-right:0}.process-line{grid-template-columns:repeat(2,1fr)}.contact-panel{flex-direction:column;align-items:flex-start}.contact-actions{width:100%}.public-nav .navbar-collapse{padding-top:1rem}.public-nav .btn{margin-top:.35rem}.pricing-note{flex-direction:column}.public-price.featured{transform:none}.public-hero h1{font-size:clamp(3rem,10vw,5rem)}}
@media(max-width:600px){.public-section{padding:4.5rem 0}.public-hero{padding:4.5rem 0}.public-hero h1{font-size:3rem}.public-lead{font-size:1rem}.hero-stat-grid{grid-template-columns:1fr}.process-line{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.contact-panel{padding:2rem}.public-trust{display:grid;gap:.55rem}.public-strip .row>div{border-right:0}.public-page .container{padding-left:18px;padding-right:18px}.price-top,.price-features{padding-left:1.4rem;padding-right:1.4rem}.public-price>.btn{margin-left:1.4rem;margin-right:1.4rem;width:calc(100% - 2.8rem)!important}}

/* PayFast setup guide */
.payment-readiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.payment-readiness .ready-item{border:1px solid #e2eaf2;border-radius:12px;padding:14px;background:#fbfdff}.payment-readiness .ready-item b{display:block;margin-bottom:4px}.payment-readiness .ready-item small{color:#70859a}.payment-readiness .ok{border-color:#b9ead1;background:#f4fff9}.payment-readiness .warn{border-color:#f2d7a6;background:#fffaf0}.setup-steps{counter-reset:paystep;display:grid;gap:12px}.setup-step{position:relative;padding:14px 16px 14px 54px;border:1px solid #e4ebf2;border-radius:12px;background:#fff}.setup-step:before{counter-increment:paystep;content:counter(paystep);position:absolute;left:14px;top:13px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eaf5ff;color:#0d70cf;font-weight:800}.setup-step b{display:block}.setup-step small{color:#70859a}@media(max-width:900px){.payment-readiness{grid-template-columns:1fr}}

/* v2.15 public utility pages */
.public-page .section{background:#07111d;color:#eaf4ff;min-height:calc(100vh - 70px)}
.public-page .form-card{background:#0a1826;border:1px solid #17364f;box-shadow:0 22px 70px rgba(0,0,0,.22);color:#eaf4ff}
.public-page .form-card h1,.public-page .form-card h2,.public-page .form-card h3,.public-page .form-card h4,.public-page .form-card label{color:#f1f7fc}
.public-page .form-card .text-muted,.public-page .legal-page .text-muted{color:#8ca5ba!important}
.public-page .form-card .form-control,.public-page .form-card .form-select{background:#07131f;border-color:#1b405e;color:#eaf4ff}
.public-page .form-card .form-control:focus,.public-page .form-card .form-select:focus{background:#081726;color:#fff;border-color:#168cff;box-shadow:0 0 0 .2rem rgba(22,140,255,.15)}
.public-page .form-card .form-control::placeholder{color:#607b91}
.public-page .form-card .alert-info{background:#0d2942;border-color:#1c557e;color:#bfeaff}
.public-page .legal-page p,.public-page .legal-page li{color:#a5bbcc;line-height:1.72}.public-page .legal-page h2{margin-top:1.8rem}.public-page .legal-page hr{border-color:#1a3b56}.public-page .legal-page a{color:#56d8ff}

/* v2.15.1 hero overlap hotfix: keep copy and live workspace in separate lanes */
@media (min-width:1200px){
  .public-hero .row{--bs-gutter-x:5.5rem}
  .public-hero .col-xl-6:first-child{width:48%;flex:0 0 auto;position:relative;z-index:2}
  .public-hero .col-xl-6:last-child{width:52%;flex:0 0 auto;position:relative;z-index:1}
  .public-hero h1{font-size:clamp(3.7rem,4.55vw,5.35rem);max-width:650px}
  .hero-console{max-width:520px;margin-left:auto;margin-right:0;transform:perspective(1200px) rotateY(-2deg)}
}
@media (min-width:1500px){
  .public-hero .row{--bs-gutter-x:7rem}
  .public-hero .col-xl-6:first-child{width:49%}
  .public-hero .col-xl-6:last-child{width:51%}
  .public-hero h1{font-size:clamp(4rem,4.7vw,5.6rem);max-width:690px}
  .hero-console{max-width:540px}
}

/* v2.16 package access + settings control centre */
.sidebar nav a.locked-feature{opacity:.72;border:1px dashed transparent}
.sidebar nav a.locked-feature:hover{background:#0c2135;border-color:#234967;color:#d9e8f5}
.sidebar .nav-lock{float:right;font-size:.72rem;opacity:.9}
.feature-lock-page{max-width:760px;margin:5vh auto 0;background:#fff;border:1px solid #dfe8f0;border-radius:22px;padding:42px;box-shadow:0 18px 60px rgba(25,45,70,.08);text-align:center}
.feature-lock-icon{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(145deg,#e8f4ff,#f7fbff);font-size:2rem;border:1px solid #cce4f7}
.feature-lock-page h2{font-weight:800;letter-spacing:-.02em}
.feature-lock-page>p{max-width:620px;margin:0 auto 24px}
.feature-upgrade-card{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;background:#f7fbff;border:1px solid #dcecf8;border-radius:16px;padding:18px 20px;margin-top:20px}
.feature-upgrade-card small{font-weight:800;letter-spacing:.12em;color:#6a8399}.feature-upgrade-card h3{margin:.2rem 0 0}.feature-upgrade-card p{margin:0;color:#667d91}

.settings-shell{max-width:1600px;margin:0 auto}
.settings-nav-panel{background:linear-gradient(135deg,#0a1725,#0d2236);border:1px solid #183b57;border-radius:20px;padding:22px;box-shadow:0 14px 38px rgba(18,42,68,.10);color:#fff}
.settings-nav-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px}.settings-nav-head h2{margin:.2rem 0 .3rem;font-size:1.55rem}.settings-nav-head p{margin:0;color:#8ea7bc;max-width:780px}
.settings-eyebrow{display:block;font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#4bd9ff}
.settings-nav-sections{display:grid;gap:18px}.settings-nav-section{padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.settings-nav-section:first-child{padding-top:0;border-top:0}.settings-nav-section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#718da4;font-weight:800;margin-bottom:9px}
.settings-nav-grid{display:flex;flex-wrap:wrap;gap:8px}.settings-nav-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;color:#a9bdd0;background:#0b1d2d;border:1px solid #183851;border-radius:11px;padding:9px 13px;font-size:.86rem;transition:.2s ease}.settings-nav-btn:hover{color:#fff;border-color:#2a6ea2;background:#0e2a43;transform:translateY(-1px)}.settings-nav-btn.active{background:linear-gradient(135deg,#117fe8,#1498f0);border-color:#1ba8ff;color:#fff;box-shadow:0 8px 24px rgba(22,140,255,.25)}.settings-nav-indicator{width:7px;height:7px;border-radius:50%;background:#36546c}.settings-nav-btn.active .settings-nav-indicator{background:#8ff0ff;box-shadow:0 0 12px rgba(143,240,255,.8)}
.settings-page-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;align-items:start}
.settings-page-aside{position:sticky;top:86px;background:linear-gradient(180deg,#0b1b2a,#0a1622);border:1px solid #173b56;border-radius:18px;padding:22px;color:#e8f3fc;box-shadow:0 10px 30px rgba(18,42,68,.08)}.settings-page-aside h3{margin:.45rem 0 .65rem}.settings-page-aside>p{color:#91a8bb;line-height:1.6}.settings-tip{margin-top:18px;background:#0d263a;border:1px solid #1a496a;border-radius:13px;padding:14px}.settings-tip b,.settings-tip span{display:block}.settings-tip span{margin-top:4px;font-size:.8rem;color:#8fa9bd;line-height:1.5}.settings-status-line{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:15px;border-top:1px solid #17364f;font-size:.82rem;color:#a5bacb}
.setting-group{border-left:0!important;padding:24px}.settings-content-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #e5edf4}.settings-content-head h3{font-weight:800;letter-spacing:-.01em}.settings-fields-grid{margin-top:0}.setting-field-card{height:100%;padding:15px 16px;border:1px solid #e2eaf2;border-radius:13px;background:linear-gradient(180deg,#fff,#fbfdff);transition:.18s ease}.setting-field-card:focus-within{border-color:#93c9f2;box-shadow:0 0 0 3px rgba(22,140,255,.06)}.setting-field-card .form-label{margin-bottom:8px}.setting-field-card small{display:block;margin-top:7px}.settings-savebar{display:flex;gap:10px;align-items:center;position:sticky;bottom:0;margin:24px -24px -24px;padding:15px 24px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid #e6edf4;border-radius:0 0 16px 16px;z-index:4}.settings-subpanel{background:#f8fbfe;border:1px solid #e0eaf2;border-radius:13px;padding:16px}.settings-subpanel h5{font-size:.95rem;margin-bottom:10px}.settings-subpanel code{max-width:100%;overflow-wrap:anywhere}
@media(max-width:1150px){.settings-page-grid{grid-template-columns:1fr}.settings-page-aside{position:static}.settings-nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.settings-nav-btn{justify-content:flex-start}}
@media(max-width:760px){.settings-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-upgrade-card{flex-direction:column;align-items:flex-start}.settings-nav-panel{padding:16px}.setting-group{padding:18px}.settings-savebar{margin:20px -18px -18px;padding:14px 18px}}
@media(max-width:480px){.settings-nav-grid{grid-template-columns:1fr}}

/* v2.19 reseller white-label theme hooks */
.app-page .sidebar{background:linear-gradient(180deg,var(--bg,#07111e),color-mix(in srgb,var(--panel,#0d1b2b) 82%,#000))}
.app-page .sidebar nav a:hover,.app-page .sidebar nav a.active{background:color-mix(in srgb,var(--blue,#168cff) 22%,var(--panel,#0d1b2b));color:var(--text,#fff)}
.app-page .sidebar-footer a{color:var(--cyan,#6bcfff)}
.app-page .btn-primary{--bs-btn-bg:var(--blue,#168cff);--bs-btn-border-color:var(--blue,#168cff);--bs-btn-hover-bg:color-mix(in srgb,var(--blue,#168cff) 82%,#000);--bs-btn-hover-border-color:color-mix(in srgb,var(--blue,#168cff) 82%,#000)}
.app-page .form-check-input:checked{background-color:var(--blue,#168cff);border-color:var(--blue,#168cff)}
.app-page a{--bs-link-color-rgb:22,140,255}
.reseller-wizard-steps{display:flex;flex-wrap:wrap;gap:.5rem}