/*
  Relax public website stylesheet
  ------------------------------------------------------------
  Runtime CSS is intentionally consolidated in this file.
  Page-specific sections that can conflict are protected by root scopes such as:
  .css-scope-weblog, .css-scope-line-pricing, .css-scope-panel-features, .css-scope-service-line.
*/

:root{
  --paper:#f7f1e8;
  --paper-2:#fffaf3;
  --paper-3:#efe3d3;
  --ink:#24201d;
  --muted:#6f6258;
  --muted-2:#8c7a6c;
  --line:#dfd0be;
  --line-soft:rgba(36,32,29,.12);
  --terracotta:#c7633c;
  --terracotta-2:#a64f31;
  --terracotta-soft:#f2d8c9;
  --mustard:#e6ad4b;
  --sage:#737a5d;
  --navy:#263248;
  --success:#427a55;
  --danger:#b9483e;
  --shadow:0 24px 80px rgba(55,38,23,.11);
  --shadow-sm:0 14px 35px rgba(55,38,23,.08);
  --radius:28px;
  --radius-sm:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Vazirmatn","Noto Sans Arabic",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 8% 8%,rgba(230,173,75,.16),transparent 28%),radial-gradient(circle at 92% 2%,rgba(199,99,60,.13),transparent 28%),var(--paper);color:var(--ink);line-height:1.85;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:multiply;z-index:-1}
a{color:inherit;text-decoration:none}a:hover{color:var(--terracotta)}img{max-width:100%;height:auto}::selection{background:var(--terracotta);color:#fff}
.container-wide{max-width:1180px;margin:0 auto;padding-inline:20px}.section{padding:96px 0}.section-sm{padding:64px 0}.bg-paper{background:var(--paper-2)}.text-muted-soft{color:var(--muted)}.text-terracotta{color:var(--terracotta)}.fw-black{font-weight:950!important}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid var(--line);background:rgba(255,250,243,.7);color:var(--terracotta-2);border-radius:999px;font-size:.86rem;font-weight:800;box-shadow:0 8px 20px rgba(55,38,23,.04)}
.display-title{font-family:"Vazirmatn","Noto Sans Arabic",system-ui,sans-serif;font-weight:800;letter-spacing:-.055em;line-height:1.22;font-size:clamp(2.3rem,5.4vw,5rem)}
.section-title{font-family:"Vazirmatn","Noto Sans Arabic",system-ui,sans-serif;font-weight:800;letter-spacing:-.04em;line-height:1.35;font-size:clamp(2rem,4vw,3.45rem)}.lead-soft{font-size:1.08rem;color:var(--muted);max-width:760px}
.nav-shell{position:sticky;top:0;z-index:1000;backdrop-filter:saturate(140%) blur(18px);background:rgba(247,241,232,.82);border-bottom:1px solid rgba(223,208,190,.58)}.navbar{padding:14px 0}.navbar-brand{font-weight:950;letter-spacing:-.03em;color:var(--ink)!important;display:flex;align-items:center;gap:10px}.logo-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--terracotta),#df936c);color:#fff;box-shadow:0 12px 32px rgba(199,99,60,.28)}.logo-mark.sm{width:32px;height:32px;border-radius:11px;font-size:.9rem}.nav-link{color:var(--muted)!important;font-weight:800;margin-inline:2px;border-radius:999px;padding:9px 12px!important}.nav-link:hover,.nav-link.active{color:var(--ink)!important;background:rgba(199,99,60,.11)}.navbar-toggler{border:1px solid var(--line);border-radius:14px;padding:9px 12px;background:rgba(255,250,243,.75)}.navbar-toggler:focus{box-shadow:none}.nav-actions .btn-primary-soft{padding-inline:18px}
.btn{border-radius:999px;padding:12px 20px;font-weight:850;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary-soft{color:#fff!important;border:1px solid var(--terracotta);background:linear-gradient(135deg,var(--terracotta),var(--terracotta-2));box-shadow:0 18px 38px rgba(199,99,60,.25)}.btn-primary-soft:hover{background:linear-gradient(135deg,var(--terracotta-2),#8c422a);box-shadow:0 20px 46px rgba(199,99,60,.32)}.btn-outline-soft{border:1px solid var(--line);background:rgba(255,250,243,.74);color:var(--ink)!important}.btn-outline-soft:hover{border-color:var(--terracotta);background:rgba(199,99,60,.1)}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--muted)!important}.btn-ghost:hover{background:rgba(36,32,29,.05);color:var(--ink)!important}
.hero{padding:76px 0 52px;position:relative}.conversion-hero{padding-top:72px}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:42px;align-items:center}.compact-hero-grid{grid-template-columns:1.07fr .93fr}.hero-copy{position:relative;z-index:2}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-note{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.94rem;margin-top:18px}.check-dot{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(66,122,85,.13);color:var(--success);font-size:.75rem;flex:0 0 20px}.trust-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;color:var(--muted);font-size:.9rem}.trust-pill{padding:8px 12px;border:1px solid var(--line);background:rgba(255,250,243,.6);border-radius:999px}.hero-trust-row{margin-top:24px}.hero-visual{position:relative}.panel{border:1px solid var(--line);background:rgba(255,250,243,.84);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.panel::before{content:"";position:absolute;inset:0 0 auto;height:88px;background:linear-gradient(180deg,rgba(199,99,60,.09),transparent);pointer-events:none}.conversion-widget{padding:28px;overflow:visible}.widget-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;position:relative;z-index:1}.mini-muted{color:var(--muted);font-weight:800;font-size:.86rem}.status-chip{border:1px solid rgba(66,122,85,.25);background:rgba(66,122,85,.11);color:var(--success);border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:850}.input-action{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.quick-options{display:flex;flex-wrap:wrap;gap:8px}.quick-options span{border:1px solid var(--line);background:rgba(255,250,243,.78);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:.82rem;font-weight:800}.flow-preview{display:grid;gap:10px}.flow-preview-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:rgba(255,255,255,.38);border-radius:18px;padding:13px 14px;font-weight:850;color:var(--muted)}.flow-preview-item i{width:34px;height:34px;border-radius:13px;background:rgba(199,99,60,.12);display:grid;place-items:center;color:var(--terracotta)}.flow-preview-item.active{border-color:rgba(199,99,60,.38);color:var(--ink);background:rgba(199,99,60,.06)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{padding:15px;border:1px solid var(--line-soft);border-radius:22px;background:rgba(255,255,255,.48)}.metric small{color:var(--muted);font-weight:750}.metric strong{display:block;font-size:1.42rem;margin-top:4px;letter-spacing:-.02em}
.proof-strip{border-block:1px solid var(--line);background:rgba(255,250,243,.45);padding:18px 0}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.proof-grid div{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(255,250,243,.72);border-radius:20px;padding:14px 16px}.proof-grid i{color:var(--terracotta);font-size:1.2rem}.proof-grid strong{font-weight:950}.proof-grid span{color:var(--muted);font-size:.9rem}
.feature-card,.blog-card,.price-card,.contact-card,.doc-card,.case-card{border:1px solid var(--line);background:rgba(255,250,243,.74);border-radius:var(--radius);box-shadow:0 13px 35px rgba(55,38,23,.055);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;height:100%}.feature-card:hover,.blog-card:hover,.price-card:hover,.case-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-sm);border-color:rgba(199,99,60,.42)}.feature-card{padding:28px}.feature-icon{width:52px;height:52px;border-radius:18px;background:rgba(199,99,60,.12);color:var(--terracotta);display:grid;place-items:center;font-size:1.35rem;margin-bottom:20px}.feature-card h3,.case-card h3{font-weight:950;font-size:1.15rem}.feature-card p,.case-card p{color:var(--muted);margin-bottom:0}.mini-case{display:block;padding:24px}.mini-case i{font-size:1.8rem;color:var(--terracotta);margin-bottom:14px;display:inline-block}.mini-case h3{margin-bottom:8px}.split-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center}.conversion-card-stack{display:grid;gap:14px;position:relative}.conversion-card-stack::before{content:"";position:absolute;inset:24px 26px 24px auto;width:2px;background:linear-gradient(var(--terracotta),var(--mustard));opacity:.35}.mini-funnel-card{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:24px;background:rgba(255,250,243,.84);box-shadow:var(--shadow-sm)}.mini-funnel-card span{grid-row:1/3;width:42px;height:42px;border-radius:16px;background:var(--terracotta);color:#fff;display:grid;place-items:center;font-weight:950}.mini-funnel-card strong{font-size:1.04rem}.mini-funnel-card small{color:var(--muted);font-weight:700}
.code-window{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#211e1b;color:#f7efe4;box-shadow:var(--shadow)}.code-header{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;color:#d9c6b2;font-size:.85rem}.code-window pre{margin:0;padding:24px;overflow:auto;direction:ltr;text-align:left;line-height:1.7;font-family:"JetBrains Mono","Fira Code",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem}.copy-btn{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:6px 10px;font-size:.78rem}.copy-btn:hover{background:rgba(255,255,255,.16)}
.cta-band{border-radius:38px;background:linear-gradient(145deg,#2b2824,#47372f);color:#fff;padding:54px;position:relative;overflow:hidden}.cta-band::before{content:"";position:absolute;inset:-45% auto auto -12%;width:420px;height:420px;border-radius:50%;background:rgba(199,99,60,.35);filter:blur(12px)}.cta-band h2{font-family:"Vazirmatn","Noto Sans Arabic",system-ui,sans-serif;font-weight:900;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em}.cta-band p{color:#e5d5c4}.cta-content{position:relative;z-index:1}.page-hero{padding:76px 0 42px}.breadcrumb-soft{font-size:.92rem;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.breadcrumb-soft a{font-weight:800}.breadcrumb-soft i{font-size:.75rem;color:var(--muted-2)}
.price-card{padding:30px;position:relative;overflow:hidden}.price-card.featured{background:linear-gradient(180deg,#fffaf3,#f5dfcf);border-color:rgba(199,99,60,.45);box-shadow:var(--shadow)}.popular-badge{position:absolute;top:20px;left:20px;background:var(--terracotta);color:#fff;border-radius:999px;padding:6px 11px;font-size:.78rem;font-weight:900}.price{font-size:2.35rem;font-weight:950;letter-spacing:-.04em;margin:18px 0 4px}.price span{font-size:.96rem;color:var(--muted);font-weight:700}.plan-kicker{display:block;color:var(--terracotta-2);font-size:.84rem;font-weight:950;margin-bottom:10px}.plan-list{list-style:none;padding:0;margin:22px 0;display:grid;gap:11px}.plan-list li{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}.plan-list i{color:var(--success);margin-top:6px}.compare-table{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:rgba(255,250,243,.72);box-shadow:var(--shadow-sm)}.compare-table table{margin:0}.compare-table th{background:rgba(199,99,60,.09);color:var(--ink);font-weight:900}.compare-table td,.compare-table th{padding:16px;border-color:var(--line)!important}.table td:first-child{font-weight:900;color:var(--ink)}.calculator-box{padding:28px;border-radius:var(--radius);border:1px solid var(--line);background:rgba(255,250,243,.84);box-shadow:var(--shadow-sm)}.pricing-toggle-note{border:1px solid rgba(66,122,85,.24);background:rgba(66,122,85,.1);color:var(--success);border-radius:18px;padding:13px 16px;font-weight:850}.pricing-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.pricing-results div{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.38)}.pricing-results span{display:block;color:var(--muted);font-size:.86rem}.pricing-results strong{display:block;margin-top:4px;font-size:1.05rem}.cost-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.cost-actions .btn{flex:1;min-width:170px}.form-range::-webkit-slider-thumb{background:var(--terracotta)}.form-range::-moz-range-thumb{background:var(--terracotta)}
.doc-card{padding:24px}.endpoint{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,250,243,.7);direction:ltr;text-align:left}.method{border-radius:999px;padding:5px 10px;font-weight:950;font-size:.75rem;color:#fff;background:var(--success)}.method.post{background:var(--terracotta)}.method.get{background:#3c6f9c}.endpoint code{font-family:"JetBrains Mono",monospace;color:var(--ink)}.nav-pills .nav-link{border:1px solid var(--line);background:rgba(255,250,243,.72);color:var(--muted)!important;margin:4px}.nav-pills .nav-link.active{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)}.api-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.api-flow .flow-item{padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,250,243,.7);text-align:center}.flow-icon{width:44px;height:44px;margin:0 auto 10px;border-radius:16px;background:rgba(199,99,60,.12);display:grid;place-items:center;color:var(--terracotta)}
.contact-card{padding:28px}.form-control,.form-select{border:1px solid var(--line);border-radius:16px;background:rgba(255,250,243,.84);padding:13px 15px;color:var(--ink)}.form-control:focus,.form-select:focus{border-color:rgba(199,99,60,.7);box-shadow:0 0 0 .25rem rgba(199,99,60,.13);background:#fffaf3}.form-label{font-weight:850;color:var(--ink)}.info-tile{display:flex;gap:14px;align-items:flex-start;padding:17px;border:1px solid var(--line);border-radius:20px;background:rgba(255,250,243,.66)}.info-tile i{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:rgba(199,99,60,.12);color:var(--terracotta);font-size:1.15rem}.map-placeholder{min-height:280px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(199,99,60,.12),rgba(38,50,72,.09)),repeating-linear-gradient(45deg,rgba(36,32,29,.04) 0 1px,transparent 1px 17px);display:grid;place-items:center;text-align:center;color:var(--muted)}.signup-page-hero{padding-bottom:64px}.signup-card-main{box-shadow:var(--shadow);background:rgba(255,250,243,.9)}.form-progress{display:flex;gap:8px;margin-bottom:18px;direction:ltr}.form-progress span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,250,243,.8);font-weight:900;color:var(--muted)}.form-progress span.active{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.consent-box{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);background:rgba(255,255,255,.38);padding:13px 14px;border-radius:16px;color:var(--muted);font-size:.92rem}.consent-box input{margin-top:7px;accent-color:var(--terracotta)}.signup-benefits{display:grid;gap:10px}.signup-benefits div{display:flex;gap:10px;align-items:center;color:var(--muted);font-weight:850}.signup-benefits i{color:var(--success)}
.otp-demo{padding:28px}.phone-card{border:1px solid var(--line);background:linear-gradient(180deg,#fffaf3,#f1e2d2);border-radius:28px;padding:22px}.sms-bubble{border-radius:22px 22px 6px 22px;background:#fff;border:1px solid var(--line);padding:16px;margin-bottom:18px;color:var(--muted)}.sms-bubble strong{color:var(--ink);font-size:1.2rem}.otp-input-row{direction:ltr;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:18px}.otp-input-row span{height:48px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.66);font-weight:950;font-size:1.2rem}.timeline-flow{display:grid;gap:14px}.timeline-flow div{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,250,243,.72)}.timeline-flow span{grid-row:1/3;width:42px;height:42px;border-radius:16px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:950}.timeline-flow strong{font-size:1.05rem}.timeline-flow p{margin:0;color:var(--muted)}
.case-summary-card{padding:28px}.case-summary-list{display:grid;gap:12px;margin-top:20px}.case-summary-list div{display:flex;gap:12px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.32);padding:13px;border-radius:18px;font-weight:850;color:var(--muted)}.case-summary-list i{color:var(--success)}.use-case-card{padding:28px}.use-case-card a,.blog-card a{display:inline-flex;gap:6px;align-items:center;margin-top:18px;font-weight:900;color:var(--terracotta-2)}.filter-btn{border:1px solid var(--line);background:rgba(255,250,243,.72);border-radius:999px;padding:9px 14px;font-weight:850;color:var(--muted)}.filter-btn.active,.filter-btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}.blog-card{overflow:hidden}.blog-thumb{min-height:190px;background:linear-gradient(135deg,rgba(199,99,60,.2),rgba(230,173,75,.18));position:relative;display:grid;place-items:center}.blog-thumb .line-art{width:110px;height:110px;border:2px solid rgba(36,32,29,.75);border-radius:50%;position:relative}.blog-thumb .line-art:before,.blog-thumb .line-art:after{content:"";position:absolute;border:2px solid rgba(36,32,29,.75);border-radius:50%}.blog-thumb .line-art:before{width:70px;height:70px;right:20px;top:20px}.blog-thumb .line-art:after{width:26px;height:26px;left:14px;bottom:18px;background:rgba(199,99,60,.2)}.blog-body{padding:24px}.tag{display:inline-flex;border:1px solid var(--line);background:rgba(199,99,60,.08);color:var(--terracotta-2);border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:900}.blog-meta{color:var(--muted-2);font-size:.85rem;display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.accordion-item{border:1px solid var(--line)!important;border-radius:22px!important;background:rgba(255,250,243,.7)!important;overflow:hidden;margin-bottom:12px}.accordion-button{background:transparent!important;color:var(--ink)!important;font-weight:900;box-shadow:none!important;padding:18px 20px}.accordion-body{color:var(--muted);padding:0 20px 20px}.accordion-button::after{margin-right:auto;margin-left:0}.footer{padding:64px 0 28px;border-top:1px solid var(--line);background:rgba(255,250,243,.5)}.footer h5{font-weight:950}.footer-link{display:block;color:var(--muted);margin-bottom:9px}.footer-link:hover{color:var(--terracotta)}.copyright{border-top:1px solid var(--line);margin-top:38px;padding-top:22px;color:var(--muted);font-size:.92rem}.footer-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.footer-proof span{border:1px solid var(--line);background:rgba(255,250,243,.7);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:.8rem;font-weight:800}.footer-form{align-items:stretch}.footer-form .btn{white-space:nowrap}.toast-soft{position:fixed;bottom:20px;left:20px;z-index:2000;border:1px solid var(--line);background:rgba(255,250,243,.96);box-shadow:var(--shadow-sm);border-radius:18px;padding:13px 16px;color:var(--ink);display:none;max-width:320px}.toast-soft.show{display:block;animation:toastIn .25s ease}@keyframes toastIn{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}
.sticky-conversion-bar{position:fixed;right:14px;left:14px;bottom:14px;z-index:1900;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,250,243,.96);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);font-weight:900;color:var(--ink)}.sticky-conversion-bar span{font-size:.9rem}.sticky-conversion-bar .btn{padding:8px 14px}
@media (max-width: 991.98px){.hero-grid,.split-section{grid-template-columns:1fr}.proof-grid,.pricing-results{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(3,1fr)}.api-flow{grid-template-columns:repeat(2,1fr)}.section{padding:76px 0}.navbar-collapse{padding:18px 0}.nav-link{margin:3px 0}.cta-band{padding:34px;border-radius:28px}.conversion-card-stack::before{display:none}.hero{padding-top:56px}}
@media (max-width:575.98px){body{padding-bottom:76px}.container-wide{padding-inline:16px}.hero-actions .btn,.cost-actions .btn{width:100%}.metric-row{grid-template-columns:1fr}.api-flow{grid-template-columns:1fr}.code-window pre{font-size:.78rem;padding:18px}.compare-table{overflow-x:auto}.display-title{font-size:2.35rem}.section-title{font-size:2rem}.cta-band{padding:28px 22px}.blog-thumb{min-height:150px}.input-action{grid-template-columns:1fr}.input-action .btn{width:100%}.sticky-conversion-bar{display:flex}.footer-form{display:grid!important}.footer-form .btn{width:100%}.signup-card-main{padding:22px}.consent-box{font-size:.86rem}.otp-input-row{gap:6px}.otp-input-row span{height:42px}.proof-grid div{display:grid;text-align:center}.pricing-results strong{font-size:.95rem}}


/* SEO and Persian readability refinements */
html{font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-feature-settings:"ss01" 1,"kern" 1;text-wrap:pretty}
.display-title,.section-title{letter-spacing:-.065em;color:#1f1b18}
.lead-soft{line-height:2;font-weight:450}.nav-link,.btn,.form-label{letter-spacing:-.015em}.navbar-brand{font-size:1.12rem}.feature-card h3,.case-card h3,.doc-card h3,.blog-card h2{letter-spacing:-.035em;line-height:1.55}
.seo-card{height:100%;padding:28px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,250,243,.82),rgba(255,255,255,.42));border-radius:var(--radius);box-shadow:0 13px 35px rgba(55,38,23,.055)}
.seo-card h3{font-size:1.16rem;font-weight:950;margin-bottom:12px;letter-spacing:-.035em}.seo-card p{color:var(--muted);margin:0}.keyword-cloud{display:flex;flex-wrap:wrap;gap:10px}.keyword-cloud span{display:inline-flex;align-items:center;border:1px solid rgba(199,99,60,.24);background:rgba(199,99,60,.08);color:var(--terracotta-2);border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:850}.page-hero .display-title{font-size:clamp(2.15rem,4.6vw,4.45rem)}
.table th{font-weight:950}.form-control,.form-select{border-radius:16px;border-color:var(--line);padding:12px 14px;background:rgba(255,250,243,.82)}.form-control:focus,.form-select:focus{border-color:var(--terracotta);box-shadow:0 0 0 .25rem rgba(199,99,60,.13)}
@media (max-width:575.98px){.display-title{letter-spacing:-.05em}.keyword-cloud span{font-size:.82rem}.lead-soft{font-size:1rem}}

/* === Modern refresh layer: keeps the same color system and page structure === */
:root{
  --glass:rgba(255,250,243,.72);
  --glass-strong:rgba(255,250,243,.9);
  --surface-line:rgba(36,32,29,.105);
  --glow-terracotta:0 24px 70px rgba(199,99,60,.18);
  --glow-ink:0 24px 70px rgba(55,38,23,.12);
}
html{scroll-padding-top:92px}
body{background:radial-gradient(circle at 12% 6%,rgba(230,173,75,.18),transparent 28%),radial-gradient(circle at 94% 4%,rgba(199,99,60,.16),transparent 30%),linear-gradient(180deg,var(--paper),#fbf4ec 46%,var(--paper));}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(36,32,29,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(36,32,29,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.1) 70%,transparent)}
:focus-visible{outline:3px solid rgba(199,99,60,.34);outline-offset:3px;border-radius:14px}.container-wide{max-width:1200px}.section,.section-sm{position:relative}.section[id]::before{content:"";position:absolute;top:28px;right:max(20px,calc((100vw - 1200px)/2));width:66px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--terracotta),transparent);opacity:.42}.page-progress{position:fixed;top:0;right:0;height:3px;width:var(--scroll-progress,0%);z-index:2500;background:linear-gradient(90deg,var(--terracotta),var(--mustard));box-shadow:0 0 18px rgba(199,99,60,.35);transition:width .08s linear}.nav-shell{box-shadow:0 10px 35px rgba(55,38,23,.055)}.navbar-brand .logo-mark{position:relative;overflow:hidden}.navbar-brand .logo-mark::after{content:"";position:absolute;inset:-35%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.32),transparent 65%);transform:translateX(70%) rotate(15deg);transition:transform .7s ease}.navbar-brand:hover .logo-mark::after{transform:translateX(-75%) rotate(15deg)}.nav-link{position:relative}.nav-link.active::after{content:"";position:absolute;right:18px;left:18px;bottom:4px;height:3px;border-radius:999px;background:rgba(199,99,60,.38)}
.btn{position:relative;overflow:hidden;isolation:isolate}.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(115%);transition:transform .55s ease;z-index:-1}.btn:hover::before{transform:translateX(-115%)}.btn-primary-soft{box-shadow:0 18px 42px rgba(199,99,60,.29), inset 0 1px 0 rgba(255,255,255,.22)}.btn-outline-soft,.btn-ghost{backdrop-filter:blur(14px)}
.hero,.hero-x,.page-hero{isolation:isolate}.hero-x::after,.page-hero::after{content:"";position:absolute;inset:auto -8% -18% auto;width:380px;height:380px;border-radius:999px;background:radial-gradient(circle,rgba(199,99,60,.16),transparent 68%);z-index:0;pointer-events:none}.hero-x .hero-wrap,.page-hero .container-wide{position:relative;z-index:1}.display-title strong,.section-title strong{color:var(--terracotta-2)}.lead-soft strong{color:var(--ink);font-weight:900}.hero-x .hero-eyebrow,.eyebrow{backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(55,38,23,.06), inset 0 1px 0 rgba(255,255,255,.42)}.hero-x .hero-tag-cloud span,.keyword-cloud span,.trust-pill,.footer-proof span{box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}.hero-bento .bento-grid{perspective:1200px}.hero-x .bento-card{position:relative;overflow:hidden;border-color:var(--surface-line);background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,250,243,.64));backdrop-filter:blur(14px);transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}.hero-x .bento-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--terracotta),rgba(230,173,75,.85),transparent);opacity:.75}.hero-x .bento-card::after{content:"";position:absolute;left:-40px;bottom:-46px;width:110px;height:110px;border-radius:50%;background:rgba(199,99,60,.075)}.hero-x .bento-card:hover{transform:translateY(-7px) rotateX(1deg);box-shadow:var(--glow-ink);border-color:rgba(199,99,60,.28)}.hero-x .bento-card i{box-shadow:inset 0 1px 0 rgba(255,255,255,.62)}
.feature-card,.blog-card,.price-card,.contact-card,.doc-card,.case-card,.seo-card,.calculator-box,.compare-table,.info-tile,.mini-funnel-card,.api-flow .flow-item,.timeline-flow div,.phone-card,.panel{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,250,243,.9),rgba(255,255,255,.42));backdrop-filter:blur(16px);border-color:var(--surface-line);box-shadow:0 16px 44px rgba(55,38,23,.066), inset 0 1px 0 rgba(255,255,255,.55)}.feature-card::before,.blog-card::before,.price-card::before,.contact-card::before,.doc-card::before,.case-card::before,.seo-card::before,.calculator-box::before,.info-tile::before,.api-flow .flow-item::before,.timeline-flow div::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,rgba(199,99,60,.76),rgba(230,173,75,.46),transparent);opacity:.72}.feature-card::after,.doc-card::after,.case-card::after,.price-card::after{content:"";position:absolute;left:-48px;bottom:-52px;width:126px;height:126px;border-radius:999px;background:rgba(199,99,60,.058);transition:transform .28s ease}.feature-card:hover::after,.doc-card:hover::after,.case-card:hover::after,.price-card:hover::after{transform:scale(1.2)}.feature-card:hover,.blog-card:hover,.price-card:hover,.case-card:hover,.doc-card:hover,.seo-card:hover,.info-tile:hover{transform:translateY(-7px);box-shadow:var(--glow-ink);border-color:rgba(199,99,60,.34)}.feature-icon,.flow-icon,.info-tile i,.hero-x .bento-card i{background:linear-gradient(145deg,rgba(199,99,60,.15),rgba(230,173,75,.12));border:1px solid rgba(199,99,60,.14)}.feature-card p,.case-card p,.doc-card p,.seo-card p{line-height:1.95}.metric,.metric-box,.pricing-results div,.hero-x .metric-box{box-shadow:inset 0 1px 0 rgba(255,255,255,.58);background:rgba(255,255,255,.5)}.metric strong,.pricing-results strong{letter-spacing:-.03em}.status-chip,.tag,.popular-badge,.method,.plan-kicker{box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.code-window{background:linear-gradient(180deg,#26211d,#171513);border-color:rgba(255,255,255,.08);box-shadow:0 26px 80px rgba(36,32,29,.18)}.code-header{background:rgba(255,255,255,.035)}.code-header::before{content:"";width:34px;height:12px;border-radius:999px;background:linear-gradient(90deg,#e06f4b 0 28%,#e4b45f 28% 62%,#698464 62%);opacity:.85}.code-header span{margin-inline-start:auto}.copy-btn{transition:background .2s ease,transform .2s ease}.copy-btn:hover{transform:translateY(-1px)}.endpoint{background:rgba(255,255,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.48)}.compare-table{border-radius:var(--radius)}.table{--bs-table-bg:transparent}.accordion-item{box-shadow:0 12px 34px rgba(55,38,23,.05), inset 0 1px 0 rgba(255,255,255,.48)}.accordion-button:not(.collapsed){color:var(--terracotta-2)!important}.form-control,.form-select{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.form-control:hover,.form-select:hover{border-color:rgba(199,99,60,.32)}.form-control:focus,.form-select:focus{transform:translateY(-1px)}.form-progress span{box-shadow:inset 0 1px 0 rgba(255,255,255,.58)}.consent-box{background:rgba(255,255,255,.45)}
.blog-thumb{background:radial-gradient(circle at 25% 22%,rgba(255,255,255,.6),transparent 28%),linear-gradient(135deg,rgba(199,99,60,.2),rgba(230,173,75,.16));overflow:hidden}.blog-thumb::after{content:"";position:absolute;inset:auto -24px -60px auto;width:180px;height:180px;border-radius:999px;border:1px solid rgba(36,32,29,.08);background:rgba(255,255,255,.22)}.filter-btn,.nav-pills .nav-link{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.filter-btn:hover,.nav-pills .nav-link:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(55,38,23,.08)}.cta-band{box-shadow:0 28px 90px rgba(36,32,29,.16);border:1px solid rgba(255,255,255,.06)}.cta-band::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)}.cta-content{position:relative;z-index:2}.footer{position:relative;overflow:hidden}.footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,rgba(199,99,60,.08),transparent 28%);pointer-events:none}.footer .container-wide{position:relative}.footer-link{transition:transform .18s ease,color .18s ease}.footer-link:hover{transform:translateX(-4px)}.toast-soft{backdrop-filter:blur(18px)}.sticky-conversion-bar{backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(55,38,23,.16)}.scroll-top-soft{position:fixed;left:20px;bottom:86px;z-index:1901;width:44px;height:44px;border-radius:16px;border:1px solid var(--line);background:rgba(255,250,243,.92);color:var(--terracotta-2);display:grid;place-items:center;box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,background .2s ease}.scroll-top-soft.show{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top-soft:hover{background:#fffaf3;color:var(--ink)}
@media (min-width:992px){.hero-x .hero-grid-3{gap:42px}.feature-card,.doc-card,.case-card,.price-card{min-height:100%}.nav-shell .navbar-collapse{min-height:50px}.section.bg-paper{box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(36,32,29,.035)}}
@media (max-width:991.98px){html{scroll-padding-top:82px}.section[id]::before{right:20px}.nav-shell{background:rgba(247,241,232,.94)}.navbar-collapse{border-top:1px solid rgba(36,32,29,.07);margin-top:12px}.nav-actions .btn{flex:1}.hero-x::after,.page-hero::after{width:260px;height:260px;opacity:.8}.hero-x .bento-card:hover,.feature-card:hover,.blog-card:hover,.price-card:hover,.case-card:hover,.doc-card:hover,.seo-card:hover,.info-tile:hover{transform:none}}
@media (max-width:575.98px){html{font-size:15px}.section{padding:64px 0}.section-sm{padding:48px 0}.hero-x .hero-tag-cloud span,.keyword-cloud span{padding:7px 10px}.nav-actions{display:grid!important;grid-template-columns:1fr}.cta-band{border-radius:26px}.scroll-top-soft{left:16px;bottom:92px}.toast-soft{right:16px;left:16px;bottom:88px;max-width:none}.sticky-conversion-bar{border-radius:24px}.sticky-conversion-bar span{line-height:1.6}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}


/* Relax detail refinement layer: keeps the original structure and palette intact. */
.skip-link{position:fixed;top:10px;right:10px;z-index:3000;transform:translateY(-140%);background:var(--ink);color:#fff;border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:var(--shadow-sm);transition:transform .18s ease}.skip-link:focus{transform:translateY(0);color:#fff}.detail-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.detail-strip span,.card-detail-row span,.endpoint-detail span,.article-detail span,.mini-detail,.scenario-detail,.plan-note,.calculator-insight,.tile-note,.form-helper,.field-hint,.form-microcopy{color:var(--muted);font-weight:800}.detail-strip span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,250,243,.72);border-radius:999px;padding:8px 12px;font-size:.86rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}.detail-strip i{color:var(--terracotta)}.hero-detail-strip{max-width:680px}.card-detail-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px dashed rgba(36,32,29,.12)}.card-detail-row span,.endpoint-detail span,.article-detail span{border:1px solid var(--line);background:rgba(255,255,255,.44);border-radius:999px;padding:6px 10px;font-size:.78rem}.mini-detail{display:inline-flex;margin-top:14px;border:1px solid var(--line);background:rgba(255,255,255,.44);border-radius:999px;padding:6px 10px;font-size:.8rem}.scenario-detail{display:inline-flex;align-items:center;gap:8px;margin-top:14px;border:1px solid var(--line);background:rgba(255,255,255,.42);border-radius:16px;padding:9px 11px;font-size:.84rem}.scenario-detail i{color:var(--terracotta)}.plan-note{border:1px solid var(--line);background:rgba(255,255,255,.42);border-radius:16px;padding:10px 12px;font-size:.86rem;margin:14px 0 -4px}.endpoint-detail,.article-detail{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.article-detail{margin-top:0;margin-bottom:12px}.calculator-insight{margin-top:14px;border:1px dashed rgba(199,99,60,.38);background:rgba(255,255,255,.42);border-radius:18px;padding:12px 14px;font-size:.9rem}.tile-note{display:block;margin-top:8px;font-size:.8rem}.form-helper,.field-hint{display:block;margin-top:7px;font-size:.78rem}.footer-helper{max-width:360px}.form-microcopy{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);background:rgba(255,255,255,.42);border-radius:16px;padding:11px 12px;font-size:.86rem;line-height:1.8}.form-microcopy i{color:var(--terracotta);margin-top:3px}.form-control.has-value,.form-select.has-value{background:#fffaf3;border-color:rgba(199,99,60,.28)}.was-validated .form-control:invalid,.was-validated .form-select:invalid,.form-control.is-invalid,.form-select.is-invalid{background-image:none;border-color:rgba(185,72,62,.72);box-shadow:0 0 0 .18rem rgba(185,72,62,.1)}.form-control.is-valid,.form-select.is-valid{background-image:none;border-color:rgba(66,122,85,.55)}.char-counter{display:flex;justify-content:flex-end;margin-top:7px;color:var(--muted-2);font-size:.78rem;font-weight:800}.filter-empty{display:none;border:1px dashed var(--line);border-radius:22px;background:rgba(255,250,243,.66);padding:22px;color:var(--muted);font-weight:850;text-align:center}.filter-empty.show{display:block}.is-filter-hidden{opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.compare-table tr{transition:background .18s ease}.compare-table tbody tr:hover{background:rgba(199,99,60,.055)}.code-window pre{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.code-window pre::-webkit-scrollbar{height:8px}.code-window pre::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}.blog-card,.feature-card,.doc-card,.case-card,.price-card{will-change:transform}.blog-card h2,.feature-card h3,.doc-card h3,.case-card h3{overflow-wrap:anywhere}.page-hero .breadcrumb-soft a:hover,.footer-link:hover{text-decoration:none}.navbar-toggler[aria-expanded="true"]{border-color:rgba(199,99,60,.38);background:rgba(199,99,60,.08)}
@media (max-width:575.98px){.detail-strip,.card-detail-row,.endpoint-detail,.article-detail{gap:7px}.detail-strip span{font-size:.8rem}.card-detail-row span,.endpoint-detail span,.article-detail span,.mini-detail{font-size:.74rem}.form-microcopy{font-size:.8rem}.footer-helper{max-width:none}.compare-table table{min-width:560px}}


/*------------------------------------------------------------------ UX/UI final polishing layer - Structure and color palette are preserved. - Uses existing CSS variables and the same terracotta/paper/ink system.
------------------------------------------------------------------*/
:root{
  --focus-ring:0 0 0 .22rem rgba(199,99,60,.18);
  --soft-lift:0 22px 58px rgba(55,38,23,.095);
  --tap-size:44px;
}
html{scroll-padding-top:96px}
body{font-feature-settings:"ss02","ss03";text-rendering:optimizeLegibility}
a{transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
a:focus-visible,button:focus-visible,.btn:focus-visible,.form-control:focus-visible,.form-select:focus-visible,input[type="checkbox"]:focus-visible,.form-range:focus-visible{
  outline:0!important;
  box-shadow:var(--focus-ring)!important;
}
.nav-shell{transition:background .22s ease,box-shadow .22s ease,border-color .22s ease,transform .22s ease}
.nav-shell.is-scrolled{
  background:rgba(247,241,232,.94);
  border-color:rgba(199,99,60,.16);
  box-shadow:0 14px 44px rgba(55,38,23,.08);
}
.navbar-brand{min-height:var(--tap-size)}
.nav-link{min-height:40px;display:inline-flex;align-items:center;position:relative}
.nav-link.active::after{
  content:"";
  position:absolute;
  right:16px;
  left:16px;
  bottom:5px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--terracotta),var(--mustard));
  opacity:.72;
}
.nav-actions .btn{min-height:var(--tap-size);display:inline-flex;align-items:center;justify-content:center}
.btn:active{transform:translateY(0) scale(.985)}
.btn-primary-soft,.btn-outline-soft,.btn-ghost{position:relative;overflow:hidden}
.btn-primary-soft::before,.btn-outline-soft::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.28) 45%,transparent 56% 100%);
  transform:translateX(120%);
  transition:transform .55s ease;
  pointer-events:none;
}
.btn-primary-soft:hover::before,.btn-outline-soft:hover::before{transform:translateX(-120%)}
.hero-x,.page-hero{isolation:isolate}
.hero-copy .lead-soft,.page-hero .lead-soft{max-width:720px}
.hero-actions .btn{min-width:148px}
.hero-tag-cloud span,.keyword-cloud span,.trust-pill,.detail-strip span,.footer-proof span{
  user-select:none;
}
.hero-sticky-cta{
  backdrop-filter:blur(18px) saturate(145%);
  border-color:rgba(199,99,60,.18);
  box-shadow:0 18px 55px rgba(55,38,23,.11), inset 0 1px 0 rgba(255,255,255,.58);
}
.hero-sticky-cta span{font-weight:950}
.bento-card,.feature-card,.blog-card,.price-card,.doc-card,.case-card,.contact-card,.info-tile,.calculator-box,.compare-table{
  transform:translateZ(0);
}
.feature-card,.blog-card,.price-card,.doc-card,.case-card,.contact-card,.info-tile{
  position:relative;
  overflow:hidden;
}
.feature-card::before,.blog-card::before,.price-card::before,.doc-card::before,.case-card::before,.contact-card::before,.info-tile::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);
  pointer-events:none;
}
.feature-card:hover .feature-icon,.info-tile:hover i,.case-card:hover i,.mini-case:hover i{
  transform:translateY(-2px) scale(1.03);
}
.feature-icon,.info-tile i,.mini-case i,.flow-icon{
  transition:transform .24s ease,box-shadow .24s ease;
}
.feature-card h3,.case-card h3,.doc-card h3,.blog-card h2,.price-card h2{
  text-wrap:balance;
}
.feature-card p,.case-card p,.doc-card p,.blog-card p,.price-card p,.lead-soft{
  text-wrap:pretty;
}
.card-detail-row span,.endpoint-detail span,.article-detail span,.mini-detail,.scenario-detail,.plan-note{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56);
}
.price-card.featured{
  box-shadow:0 28px 74px rgba(199,99,60,.14),0 12px 38px rgba(55,38,23,.08);
}
.popular-badge{letter-spacing:-.02em}
.plan-list li{align-items:flex-start}
.plan-list i{margin-top:.28rem;flex:0 0 auto}
.compare-table{
  overflow:hidden;
  border:1px solid var(--line);
  background:rgba(255,250,243,.72);
  box-shadow:0 16px 42px rgba(55,38,23,.06);
}
.compare-table .table{margin-bottom:0}
.compare-table th{
  color:var(--ink);
  font-weight:950;
  background:rgba(199,99,60,.055);
  border-bottom-color:rgba(36,32,29,.08);
}
.compare-table td,.compare-table th{padding:1rem 1.05rem;vertical-align:middle}
.form-label{font-weight:900;color:var(--ink);margin-bottom:.45rem}
.form-control,.form-select{
  min-height:48px;
  border-radius:18px;
  border-color:rgba(36,32,29,.13);
  background:rgba(255,250,243,.78);
}
textarea.form-control{min-height:132px}
.form-control::placeholder,textarea::placeholder{color:rgba(99,88,76,.6)}
.field-is-active .form-label,.field-is-valid .form-label{color:var(--terracotta-2)}
.field-is-valid .form-control,.field-is-valid .form-select{
  border-color:rgba(66,122,85,.42);
  background:rgba(255,250,243,.92);
}
.field-is-invalid .form-control,.field-is-invalid .form-select{
  border-color:rgba(185,72,62,.64);
}
.consent-box{
  display:flex;
  gap:10px;
  align-items:flex-start;
  border:1px solid var(--line);
  border-radius:18px;
  padding:13px 14px;
}
.consent-box input{margin-top:8px;accent-color:var(--terracotta)}
.form-progress{
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:22px;
}
.form-progress::before{
  content:"";
  position:absolute;
  right:16px;
  left:16px;
  top:50%;
  height:2px;
  transform:translateY(-50%);
  background:rgba(36,32,29,.08);
  z-index:0;
}
.form-progress span{
  position:relative;
  z-index:1;
  transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;
}
.form-progress span.complete,.form-progress span.active{
  background:var(--terracotta);
  color:#fff;
  border-color:var(--terracotta);
  transform:translateY(-1px);
}
.form-microcopy{box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.calculator-box{
  border:1px solid var(--line);
  background:rgba(255,250,243,.78);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
}
.form-range{accent-color:var(--terracotta)}
.pricing-results div{transition:transform .2s ease,box-shadow .2s ease}
.pricing-results div:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(55,38,23,.07)}
.filter-btn,.nav-pills .nav-link{
  min-height:42px;
  border-radius:999px;
}
.filter-btn[aria-pressed="true"],.nav-pills .nav-link.active{
  box-shadow:0 12px 28px rgba(199,99,60,.12), inset 0 1px 0 rgba(255,255,255,.46);
}
.code-window{position:relative}
.code-window::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.copy-btn.copied{
  background:rgba(66,122,85,.2);
  border-color:rgba(66,122,85,.35);
}
.sticky-conversion-bar{
  gap:12px;
  align-items:center;
  border:1px solid rgba(199,99,60,.16);
}
.sticky-conversion-bar .btn{white-space:nowrap;min-height:40px}
.toast-soft{line-height:1.8}
.footer{padding-bottom:calc(34px + env(safe-area-inset-bottom))}
.footer-link{width:max-content;max-width:100%}
.footer-form .form-control{min-width:0}
.page-progress{
  height:3px;
  background:linear-gradient(90deg,var(--terracotta),var(--mustard));
  opacity:.92;
}

@media (min-width:992px){
  .navbar-nav{gap:2px}
  .hero-x .bento-card{min-height:152px}
  .price-card .btn{margin-top:auto}
  .price-card{display:flex;flex-direction:column}
  .doc-card,.contact-card,.calculator-box{padding:28px}
}
@media (max-width:991.98px){
  .navbar-collapse{
    background:rgba(255,250,243,.82);
    border:1px solid rgba(36,32,29,.07);
    border-radius:24px;
    padding:14px;
    box-shadow:0 18px 52px rgba(55,38,23,.08);
  }
  .navbar-nav{align-items:stretch!important}
  .nav-link{width:100%;justify-content:flex-start;padding:10px 14px!important}
  .nav-link.active::after{display:none}
  .hero-actions .btn{flex:1 1 170px}
  .sticky-conversion-bar{right:14px;left:14px;bottom:14px}
}
@media (max-width:767.98px){
  .container-wide{padding-inline:16px}
  .display-title{letter-spacing:-.045em}
  .section-title{letter-spacing:-.035em}
  .hero-tag-cloud,.keyword-cloud{gap:8px}
  .proof-grid,.metric-row,.pricing-results{grid-template-columns:1fr}
  .compare-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .compare-table td:first-child,.compare-table th:first-child{
    position:sticky;
    right:0;
    z-index:1;
    background:rgba(255,250,243,.96);
    box-shadow:-8px 0 18px rgba(55,38,23,.035);
  }
  .form-progress{margin-top:4px}
}
@media (max-width:575.98px){
  .btn,.form-control,.form-select{min-height:var(--tap-size)}
  .hero-actions{gap:10px}
  .hero-actions .btn,.cost-actions .btn,.footer-form .btn{width:100%}
  .footer-form{flex-direction:column}
  .sticky-conversion-bar{
    display:grid;
    grid-template-columns:1fr auto;
    padding:12px;
  }
  .sticky-conversion-bar span{font-size:.86rem}
}
@media (hover:none){
  .btn:hover,.feature-card:hover,.blog-card:hover,.price-card:hover,.case-card:hover,.doc-card:hover,.seo-card:hover,.info-tile:hover{
    transform:none;
  }
}
@media (prefers-reduced-motion:reduce){
  .btn-primary-soft::before,.btn-outline-soft::before{display:none}
}

/* UX refinements requested after review */
.optional-badge{
  display:inline-flex;
  align-items:center;
  margin-inline-start:6px;
  padding:2px 8px;
  border:1px solid rgba(36,32,29,.1);
  border-radius:999px;
  background:rgba(255,255,255,.5);
  color:var(--muted-2);
  font-size:.72rem;
  font-weight:850;
  vertical-align:middle;
}
.footer-form{flex-wrap:wrap}
.footer-form .form-control{flex:1 1 210px}
.footer-form .invalid-feedback{width:100%;margin-top:-2px;font-size:.78rem;font-weight:800}
.sticky-conversion-bar.is-hidden{display:none!important}
@media (max-width:575.98px){
  .footer-form .invalid-feedback{margin-top:0}
  .optional-badge{font-size:.68rem;padding-inline:7px}
}


/*------------------------------------------------------------------ Distinct internal page hero variants هدف: تنوع بصری صفحات داخلی، کوتاه‌تر شدن H1ها و حفظ هویت برند.
------------------------------------------------------------------*/
.hero-variant{
  position:relative;
  padding:72px 0 54px;
  overflow:hidden;
}
.hero-variant .display-title{
  max-width:780px;
  text-wrap:balance;
}
.hero-centered-copy{max-width:850px;position:relative;z-index:2}
.hero-variant::before{
  content:"";
  position:absolute;
  inset:24px 4% auto auto;
  width:160px;
  height:160px;
  border-radius:44px;
  background:linear-gradient(145deg,rgba(199,99,60,.13),rgba(230,173,75,.08));
  transform:rotate(10deg);
  z-index:0;
  pointer-events:none;
}
.hero-api-dev{background:linear-gradient(180deg,rgba(255,250,243,.42),rgba(247,241,232,0))}
.developer-console{
  display:grid;
  grid-template-columns:132px 1fr;
  gap:14px;
  align-items:stretch;
}
.console-sidebar{
  border:1px solid var(--line);
  background:rgba(255,250,243,.72);
  border-radius:26px;
  padding:14px;
  display:grid;
  gap:10px;
  align-content:start;
  box-shadow:var(--shadow-sm);
}
.console-sidebar span{
  border:1px solid rgba(36,32,29,.08);
  border-radius:16px;
  padding:10px 12px;
  color:var(--muted);
  font-size:.86rem;
  font-weight:900;
  background:rgba(255,255,255,.42);
  direction:ltr;
  text-align:left;
}
.console-sidebar span.active{color:#fff;background:var(--terracotta);border-color:var(--terracotta)}
.console-window{min-height:336px}
.console-response{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:14px 18px 18px;
  border-top:1px solid rgba(255,255,255,.08);
  direction:ltr;
  text-align:left;
}
.console-response code{color:#f4dfc7;font-size:.84rem}
.hero-otp-center{padding-bottom:82px;background:radial-gradient(circle at 50% 88%,rgba(199,99,60,.12),transparent 38%)}
.otp-stage{
  position:relative;
  max-width:820px;
  margin:38px auto 0;
  min-height:390px;
  display:grid;
  place-items:center;
}
.otp-focus-card{
  width:min(100%,390px);
  padding:26px;
  z-index:2;
  transform:rotate(-1deg);
}
.otp-side-note{
  position:absolute;
  width:210px;
  border:1px solid var(--line);
  background:rgba(255,250,243,.82);
  border-radius:24px;
  box-shadow:var(--shadow-sm);
  padding:16px;
  display:grid;
  gap:3px;
  text-align:right;
}
.otp-side-note i{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;color:var(--terracotta);background:rgba(199,99,60,.11);margin-bottom:6px}
.otp-side-note strong{font-weight:950}.otp-side-note span{color:var(--muted);font-size:.88rem;font-weight:800}.note-right{right:0;top:40px}.note-left{left:0;bottom:34px}
.hero-pricing-snapshot{background:linear-gradient(135deg,rgba(199,99,60,.08),rgba(230,173,75,.06) 45%,transparent)}
.pricing-hero-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,470px);
  gap:42px;
  align-items:center;
}
.pricing-copy{position:relative;z-index:1}
.pricing-snapshot-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(199,99,60,.2);
  background:linear-gradient(160deg,rgba(255,250,243,.94),rgba(245,223,207,.78));
  border-radius:34px;
  box-shadow:var(--shadow);
  padding:28px;
}
.pricing-snapshot-card::after{
  content:"";
  position:absolute;
  left:-70px;
  bottom:-80px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:rgba(199,99,60,.11);
}
.price-snapshot-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:22px;position:relative;z-index:1}.price-snapshot-head strong{font-size:1.4rem;font-weight:950}
.price-snapshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}.price-snapshot-grid div{border:1px solid var(--line);background:rgba(255,255,255,.48);border-radius:20px;padding:14px}.price-snapshot-grid span{display:block;color:var(--muted);font-size:.82rem;font-weight:800}.price-snapshot-grid strong{display:block;margin-top:6px;font-weight:950;letter-spacing:-.02em}.pricing-snapshot-card .pricing-toggle-note{position:relative;z-index:1;margin-top:16px}
.usecase-bento-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-auto-rows:150px;gap:14px}.usecase-bento-card{position:relative;overflow:hidden;border:1px solid var(--line);background:rgba(255,250,243,.78);border-radius:28px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow-sm);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.usecase-bento-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--terracotta),rgba(230,173,75,.5),transparent)}.usecase-bento-card i{position:absolute;top:20px;right:20px;width:50px;height:50px;display:grid;place-items:center;border-radius:18px;background:rgba(199,99,60,.12);color:var(--terracotta);font-size:1.35rem}.usecase-bento-card strong{font-size:1.16rem;font-weight:950}.usecase-bento-card span{color:var(--muted);font-size:.9rem;margin-top:6px}.usecase-bento-card.large{grid-row:span 2;background:linear-gradient(160deg,rgba(255,250,243,.94),rgba(199,99,60,.09))}.usecase-bento-card.wide{grid-column:span 1}.usecase-bento-card:hover{transform:translateY(-6px);border-color:rgba(199,99,60,.34);box-shadow:var(--shadow)}
.hero-blog-editorial{background:linear-gradient(180deg,rgba(255,250,243,.5),rgba(247,241,232,0));padding-bottom:70px}.hero-search{position:relative;max-width:680px;margin:28px auto 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid rgba(199,99,60,.2);background:rgba(255,250,243,.9);border-radius:999px;padding:9px 14px 9px 12px;box-shadow:var(--shadow-sm)}.hero-search i{color:var(--terracotta);font-size:1.1rem}.hero-search input{border:0;outline:0;background:transparent;min-height:38px;color:var(--ink);font-weight:850}.hero-search input::placeholder{color:rgba(99,88,76,.62)}.search-hint{border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.48);color:var(--muted);font-size:.78rem;font-weight:900}.editorial-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}.editorial-chips a{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.46);color:var(--muted);font-weight:850;font-size:.86rem}.editorial-chips a:hover{color:var(--terracotta-2);border-color:rgba(199,99,60,.28);background:rgba(199,99,60,.08)}
.hero-contact-form{background:linear-gradient(135deg,rgba(38,50,72,.055),transparent 45%)}.contact-proof-stack{display:grid;gap:12px;margin-top:28px}.contact-proof-stack div{border:1px solid var(--line);background:rgba(255,250,243,.72);border-radius:22px;padding:16px 18px;display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:center;box-shadow:var(--shadow-sm)}.contact-proof-stack i{grid-row:1/3;width:44px;height:44px;border-radius:16px;background:rgba(199,99,60,.12);color:var(--terracotta);display:grid;place-items:center}.contact-proof-stack strong{font-weight:950}.contact-proof-stack span{color:var(--muted);font-size:.88rem;font-weight:800}.hero-form-card{box-shadow:0 26px 78px rgba(55,38,23,.1),inset 0 1px 0 rgba(255,255,255,.55)}
.hero-signup-flow{background:radial-gradient(circle at 18% 82%,rgba(66,122,85,.09),transparent 28%)}.signup-mini-timeline{display:grid;gap:12px;margin-top:28px;position:relative}.signup-mini-timeline::before{content:"";position:absolute;right:21px;top:32px;bottom:32px;width:2px;background:linear-gradient(var(--terracotta),var(--mustard));opacity:.38}.signup-mini-timeline div{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:center;position:relative}.signup-mini-timeline span{grid-row:1/3;width:44px;height:44px;border-radius:16px;background:var(--terracotta);color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:0 12px 28px rgba(199,99,60,.2)}.signup-mini-timeline strong{font-weight:950}.signup-mini-timeline small{color:var(--muted);font-weight:800}
@media (min-width:992px){.hero-contact-form .hero-form-card,.hero-signup-flow .hero-form-card{padding:30px}.hero-blog-editorial .display-title,.hero-otp-center .display-title{margin-inline:auto}.hero-pricing-snapshot .display-title{max-width:680px}}
@media (max-width:991.98px){.developer-console,.pricing-hero-layout{grid-template-columns:1fr}.console-sidebar{display:flex;overflow:auto}.console-sidebar span{white-space:nowrap}.otp-stage{min-height:auto;padding-top:20px;display:grid;gap:14px}.otp-side-note{position:relative;inset:auto!important;width:100%;max-width:390px;margin-inline:auto}.otp-focus-card{order:-1;transform:none}.usecase-bento-grid{grid-template-columns:1fr 1fr}.price-snapshot-grid{grid-template-columns:1fr}.hero-variant{padding-top:56px}.hero-search{border-radius:26px;grid-template-columns:auto 1fr}.search-hint{display:none}}
@media (max-width:575.98px){.hero-variant::before{display:none}.usecase-bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.usecase-bento-card,.usecase-bento-card.large,.usecase-bento-card.wide{min-height:160px;grid-column:auto;grid-row:auto}.developer-console{gap:10px}.console-window{min-height:auto}.price-snapshot-head{display:grid}.hero-search{padding:8px 12px}.hero-centered-copy .hero-actions .btn{width:100%}}

/* Dynamic, lightweight signup form */
.signup-dynamic-card{
  padding:24px;
}
.signup-card-top{
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:start;
  margin-bottom:16px;
}
.form-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 11px;
  margin-bottom:10px;
  border:1px solid rgba(199,99,60,.18);
  border-radius:999px;
  background:rgba(199,99,60,.07);
  color:var(--terracotta-2);
  font-size:.78rem;
  font-weight:900;
}
.signup-live-pill{
  min-width:112px;
  padding:9px 12px;
  border:1px solid rgba(66,122,85,.22);
  border-radius:999px;
  background:rgba(66,122,85,.1);
  color:var(--success);
  text-align:center;
  font-size:.82rem;
  font-weight:950;
  white-space:nowrap;
}
.signup-progress{
  margin:10px 0 10px;
}
.signup-progressbar{
  height:6px;
  margin:-4px 2px 18px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(36,32,29,.07);
}
.signup-progressbar span{
  display:block;
  width:var(--signup-progress,0%);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--terracotta),var(--mustard));
  transition:width .25s ease;
}
.signup-fields{--field-icon-size:28px}
.signup-field{position:relative}
.field-label-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:.45rem;
}
.field-label-row .form-label{margin:0}
.field-label-row [data-field-state-text]{
  color:var(--muted-2);
  background:rgba(255,255,255,.48);
  border:1px solid rgba(36,32,29,.08);
  border-radius:999px;
  padding:3px 8px;
  font-size:.72rem;
  font-weight:900;
}
.input-status-wrap{position:relative}
.input-status-wrap .form-control,.input-status-wrap .form-select{padding-left:48px}
.field-status{
  position:absolute;
  left:13px;
  top:50%;
  width:var(--field-icon-size);
  height:var(--field-icon-size);
  transform:translateY(-50%) scale(.82);
  display:grid;
  place-items:center;
  border:1px solid rgba(36,32,29,.12);
  border-radius:50%;
  background:rgba(255,255,255,.62);
  color:var(--muted-2);
  font-size:.92rem;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
}
.signup-field.field-is-valid .field-status,
.signup-field.field-complete .field-status,
.signup-field.field-is-invalid .field-status,
.signup-field.field-incomplete .field-status{
  opacity:1;
  visibility:visible;
  transform:translateY(-50%) scale(1);
}
.signup-field.field-is-valid .field-status,
.signup-field.field-complete .field-status{
  border-color:rgba(66,122,85,.32);
  background:rgba(66,122,85,.12);
  color:var(--success);
}
.signup-field.field-is-invalid .field-status,
.signup-field.field-incomplete .field-status{
  border-color:rgba(185,72,62,.34);
  background:rgba(185,72,62,.1);
  color:var(--danger);
}
.signup-field.field-is-active .field-status{opacity:0;visibility:hidden;transform:translateY(-50%) scale(.82)}
.signup-dynamic-card .signup-field.field-is-invalid .invalid-feedback,
.signup-dynamic-card .signup-field.field-incomplete .invalid-feedback{display:block}
.optional-fields-box{
  border:1px dashed rgba(199,99,60,.32);
  border-radius:20px;
  background:rgba(255,255,255,.34);
  padding:4px;
}
.optional-fields-box summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  list-style:none;
  padding:12px 14px;
  border-radius:16px;
  color:var(--ink);
  font-weight:950;
}
.optional-fields-box summary::-webkit-details-marker{display:none}
.optional-fields-box summary span{display:inline-flex;align-items:center;gap:8px}
.optional-fields-box summary i{color:var(--terracotta)}
.optional-fields-box summary small{
  color:var(--muted-2);
  font-size:.76rem;
  font-weight:850;
}
.optional-fields-box[open] summary{background:rgba(199,99,60,.06)}
.optional-fields-box .row{padding:0 9px 12px}
.signup-field-consent .consent-box{position:relative;padding-left:52px;background:rgba(255,255,255,.48)}
.signup-field-consent .field-status{left:14px}
.form-microcopy.compact{padding:9px 11px;font-size:.8rem}
.signup-submit:disabled{
  opacity:.72;
  filter:saturate(.82);
  transform:none;
  cursor:not-allowed;
}
@media (max-width:575.98px){
  .signup-dynamic-card{padding:20px}
  .signup-card-top{grid-template-columns:1fr}
  .signup-live-pill{justify-self:start;min-width:auto}
  .optional-fields-box summary{align-items:flex-start;flex-direction:column}
  .signup-field-consent .consent-box{padding-left:46px}
}


/* Redesigned compact signup page */
.hero-signup-compact{
  padding-bottom:56px;
  background:
    radial-gradient(circle at 92% 18%, rgba(199,99,60,.12), transparent 24%),
    radial-gradient(circle at 12% 88%, rgba(66,122,85,.09), transparent 28%);
}
.signup-shell{position:relative}
.signup-copy-card{
  display:grid;
  gap:18px;
  max-width:590px;
}
.signup-trust-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.signup-trust-strip span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(36,32,29,.08);
  background:rgba(255,255,255,.56);
  color:var(--ink);
  font-size:.86rem;
  font-weight:900;
}
.signup-trust-strip i{color:var(--terracotta)}
.signup-copy-points{
  display:grid;
  gap:12px;
}
.signup-copy-point{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:16px 18px;
  border:1px solid rgba(36,32,29,.07);
  border-radius:24px;
  background:rgba(255,255,255,.44);
}
.signup-copy-point i,
.signup-next-card > i{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(199,99,60,.12);
  color:var(--terracotta);
  font-size:1.15rem;
  flex:0 0 44px;
}
.signup-copy-point strong{
  display:block;
  margin-bottom:4px;
  font-weight:950;
}
.signup-copy-point p{color:var(--muted)}
.signup-simple-card{
  padding:30px;
  border:1px solid rgba(36,32,29,.07);
  border-radius:32px;
  background:rgba(255,250,243,.93);
  box-shadow:0 18px 46px rgba(36,32,29,.08);
}
.signup-form-head{
  margin-bottom:20px;
}
.signup-form-head p{
  max-width:30rem;
}
.signup-fields-minimal .form-label{
  margin-bottom:.55rem;
  font-weight:900;
}
.signup-fields-minimal .input-status-wrap .form-control{
  min-height:58px;
}
.signup-fields-minimal .field-hint{
  display:block;
  margin-top:8px;
  color:var(--muted-2);
  font-size:.84rem;
  font-weight:800;
}
.signup-fields-minimal .invalid-feedback{
  margin-top:8px;
}
.signup-consent-box{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:15px 16px 15px 54px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.52);
  color:var(--muted);
  font-size:.92rem;
  font-weight:800;
  cursor:pointer;
}
.signup-consent-box input{
  margin-top:4px;
  accent-color:var(--terracotta);
}
.signup-consent-box .field-status{
  left:14px;
}
.signup-field-consent .invalid-feedback{padding-inline:2px}
.signup-inline-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:var(--muted-2);
  font-size:.87rem;
  font-weight:800;
}
.signup-inline-note i{color:var(--terracotta);margin-top:2px}
.section-head-slim{
  max-width:650px;
}
.signup-next-step-section{
  padding-top:18px;
}
.signup-next-card{
  height:100%;
  padding:22px;
  border:1px solid rgba(36,32,29,.07);
  border-radius:26px;
  background:rgba(255,255,255,.55);
  box-shadow:0 10px 30px rgba(36,32,29,.04);
}
.signup-next-card h3{margin-top:16px}
.signup-next-card p{line-height:1.8}
@media (max-width:991.98px){
  .signup-copy-card{max-width:none}
}
@media (max-width:575.98px){
  .signup-simple-card{padding:22px;border-radius:26px}
  .signup-trust-strip{gap:8px}
  .signup-trust-strip span{width:100%;justify-content:center}
  .signup-copy-point{padding:14px 16px;border-radius:20px}
  .signup-consent-box{padding:14px 14px 14px 46px;font-size:.88rem}
}


/* Mobile UX refinements for signup */
.signup-shell > [class*="col-lg-"]{position:relative}
@media (max-width:991.98px){
  .signup-shell{
    align-items:stretch!important;
    gap:18px 0;
  }
  .signup-page-hero .breadcrumb-soft{
    margin-bottom:14px!important;
  }
  .signup-shell .order-1{
    margin-bottom:4px;
  }
  .signup-copy-card{
    gap:14px;
  }
  .signup-copy-card .display-title{
    font-size:2.2rem;
    line-height:1.35;
    margin-top:8px!important;
  }
  .signup-copy-card .lead-soft{
    font-size:1rem;
    line-height:1.9;
  }
  .signup-trust-strip{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .signup-trust-strip span{
    justify-content:center;
    padding:12px 14px;
  }
}
@media (max-width:575.98px){
  .signup-page-hero{
    padding-top:28px;
    padding-bottom:34px;
  }
  .signup-page-hero .breadcrumb-soft{
    display:none;
  }
  .signup-shell{
    gap:14px 0;
  }
  .signup-simple-card{
    padding:18px;
    border-radius:24px;
    box-shadow:0 14px 32px rgba(36,32,29,.08);
  }
  .signup-form-head{
    margin-bottom:14px;
  }
  .signup-form-head .h3{
    font-size:1.25rem;
    margin-bottom:6px!important;
  }
  .signup-fields-minimal{
    gap:.85rem 0;
  }
  .signup-fields-minimal .form-control{
    min-height:54px;
    border-radius:15px;
    font-size:.95rem;
  }
  .input-status-wrap .form-control{
    padding-left:16px;
  }
  .signup-fields-minimal .field-hint,
  .signup-inline-note{
    font-size:.8rem;
    line-height:1.8;
  }
  .signup-submit{
    min-height:54px;
    border-radius:16px;
    font-size:.96rem;
  }
  .signup-copy-card .eyebrow{
    margin-bottom:0;
  }
  .signup-copy-card .display-title{
    font-size:1.95rem;
    line-height:1.42;
  }
  .signup-copy-card .lead-soft{
    font-size:.95rem;
    line-height:1.95;
  }
  .signup-copy-points{
    gap:10px;
  }
  .signup-copy-point{
    padding:13px 14px;
    gap:12px;
    border-radius:18px;
  }
  .signup-copy-point i,
  .signup-next-card > i{
    width:40px;
    height:40px;
    border-radius:14px;
    flex-basis:40px;
    font-size:1rem;
  }
  .signup-next-step-section{
    padding-top:8px;
  }
  .signup-next-card{
    padding:18px;
    border-radius:20px;
  }
  .signup-next-card h3{
    margin-top:12px;
  }
}


/* Mobile header / navigation optimization */
.navbar > .container-wide{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
}
.navbar-brand,
.navbar-toggler{
  flex:0 0 auto;
}
.navbar-collapse{
  flex-basis:100%;
}
@media (max-width:991.98px){
  .nav-shell .navbar{
    position:relative;
    padding:12px 0;
  }
  .nav-shell .container-wide{
    gap:10px;
  }
  .navbar-brand{
    min-width:0;
    max-width:calc(100% - 72px);
  }
  .navbar-brand span:last-child{
    white-space:nowrap;
  }
  .navbar-toggler{
    margin-inline-start:auto;
    min-width:var(--tap-size);
    min-height:var(--tap-size);
    display:grid;
    place-items:center;
    padding:0 12px;
  }
  .navbar-collapse{
    position:absolute;
    top:calc(100% + 8px);
    right:16px;
    left:16px;
    z-index:1400;
    margin-top:0;
    padding:14px;
    max-height:calc(100vh - 108px);
    overflow:auto;
    overscroll-behavior:contain;
    background:rgba(255,250,243,.97);
    border:1px solid rgba(36,32,29,.08);
    border-radius:24px;
    box-shadow:0 22px 56px rgba(55,38,23,.14);
    backdrop-filter:blur(18px);
  }
  .navbar-collapse:not(.show){
    display:none!important;
  }
  .navbar-nav{
    gap:6px;
    padding-bottom:10px;
  }
  .nav-item{
    width:100%;
  }
  .nav-link{
    width:100%;
    min-height:46px;
    justify-content:flex-start;
    border-radius:16px;
    background:rgba(255,255,255,.62);
    padding:12px 14px!important;
  }
  .nav-link:hover,
  .nav-link.active{
    background:rgba(199,99,60,.12);
  }
  .nav-actions{
    display:grid!important;
    grid-template-columns:1fr;
    gap:10px;
    padding-top:10px;
    border-top:1px solid rgba(36,32,29,.08);
  }
  .nav-actions .btn{
    width:100%;
  }
}
@media (max-width:575.98px){
  .nav-shell{
    top:0;
  }
  .navbar-brand{
    font-size:1.03rem;
  }
  .logo-mark{
    width:40px;
    height:40px;
    border-radius:13px;
  }
  .navbar-collapse{
    right:12px;
    left:12px;
    top:calc(100% + 6px);
    max-height:calc(100vh - 92px);
    border-radius:22px;
    padding:12px;
  }
  .nav-link{
    min-height:44px;
    font-size:.95rem;
  }
}

/* Polished grouped navigation + independent weblog section */
.main-nav-list{gap:4px}.nav-menu-toggle{transition:background .2s ease,border-color .2s ease}.nav-menu-lines{width:22px;height:18px;display:grid;gap:4px}.nav-menu-lines span{display:block;height:2px;border-radius:999px;background:var(--ink);transition:transform .2s ease,opacity .2s ease}.navbar-toggler[aria-expanded="true"] .nav-menu-lines span:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar-toggler[aria-expanded="true"] .nav-menu-lines span:nth-child(2){opacity:0}.navbar-toggler[aria-expanded="true"] .nav-menu-lines span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-link i{font-size:1.05rem;color:var(--terracotta);margin-left:8px}.dropdown-toggle::after{margin-right:7px;margin-left:0;vertical-align:.12em;border-top-color:currentColor}.mobile-menu-head{align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 14px;margin-bottom:10px;border-bottom:1px solid rgba(36,32,29,.08)}.mobile-menu-head strong{display:block;font-weight:950}.mobile-menu-head small{display:block;color:var(--muted);font-weight:750}.mini-signup-link{border:1px solid rgba(199,99,60,.28);background:rgba(199,99,60,.1);color:var(--terracotta-2);border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:900;white-space:nowrap}.mega-menu{border:1px solid rgba(36,32,29,.08);background:rgba(255,250,243,.98);border-radius:26px;box-shadow:0 28px 72px rgba(55,38,23,.14);padding:14px;color:var(--ink);backdrop-filter:blur(18px)}.mega-menu.compact{min-width:320px}.mega-feature{width:220px;border-radius:22px;padding:18px;background:linear-gradient(145deg,rgba(199,99,60,.12),rgba(230,173,75,.12));border:1px solid rgba(199,99,60,.13)}.mega-feature strong{display:block;font-weight:950;margin-top:10px}.mega-feature p{margin:6px 0 0;color:var(--muted);font-size:.88rem;line-height:1.8}.mega-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--terracotta),var(--terracotta-2));color:#fff;box-shadow:0 14px 28px rgba(199,99,60,.22)}.mega-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px}.mega-link{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;border-radius:20px;padding:13px;border:1px solid transparent;color:var(--ink);transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.mega-link i{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(199,99,60,.11);color:var(--terracotta);font-size:1.12rem}.mega-link strong{display:block;font-weight:950;line-height:1.45}.mega-link small{display:block;color:var(--muted);font-weight:750;line-height:1.7;margin-top:1px}.mega-link:hover,.mega-link.active{background:rgba(199,99,60,.075);border-color:rgba(199,99,60,.22);box-shadow:0 12px 28px rgba(55,38,23,.055);transform:translateY(-1px);color:var(--ink)}.nav-link.group-active{color:var(--ink)!important;background:rgba(199,99,60,.11)}.nav-link.group-active::after{content:"";position:absolute;right:16px;left:16px;bottom:5px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--terracotta),var(--mustard));opacity:.72}.hero-weblog::before,.hero-weblog-article::before{background:radial-gradient(circle at 20% 24%,rgba(199,99,60,.18),transparent 32%),radial-gradient(circle at 80% 8%,rgba(230,173,75,.2),transparent 28%)}.weblog-search{max-width:680px;margin:26px auto 0}.weblog-featured{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch;border:1px solid var(--line);border-radius:34px;background:rgba(255,250,243,.76);box-shadow:var(--shadow-sm);padding:28px;overflow:hidden;position:relative}.weblog-featured::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(199,99,60,.12),transparent 30%);pointer-events:none}.weblog-featured-copy{position:relative;z-index:1}.weblog-featured-copy h2{font-size:clamp(1.6rem,3vw,2.8rem);line-height:1.35;font-weight:950;letter-spacing:-.04em;margin:14px 0}.weblog-featured-copy p{color:var(--muted);max-width:720px}.weblog-featured-panel{position:relative;z-index:1;display:grid;gap:12px;align-content:center}.calendar-card-mini{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.48);padding:18px;display:flex;justify-content:space-between;gap:12px;align-items:center;box-shadow:0 10px 24px rgba(55,38,23,.045)}.calendar-card-mini strong{font-weight:950;color:var(--terracotta-2)}.calendar-card-mini span{color:var(--muted);font-weight:800}.calendar-card-mini.active{background:linear-gradient(135deg,rgba(199,99,60,.15),rgba(230,173,75,.12));border-color:rgba(199,99,60,.28);transform:translateX(-10px)}.weblog-filterbar .filter-btn{white-space:nowrap}.weblog-card .blog-thumb{min-height:150px;display:grid;place-items:center}.weblog-card .blog-thumb i{width:66px;height:66px;border-radius:24px;display:grid;place-items:center;background:rgba(255,250,243,.7);color:var(--terracotta);font-size:2rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}.article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;align-items:center}.article-side-card{border:1px solid var(--line);border-radius:30px;background:rgba(255,250,243,.78);box-shadow:var(--shadow-sm);padding:24px}.article-side-card strong{display:block;font-size:1.2rem;font-weight:950;margin-top:14px}.article-side-card p{color:var(--muted);margin:8px 0 0}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-tags span{border:1px solid var(--line);background:rgba(255,255,255,.48);border-radius:999px;padding:6px 10px;color:var(--muted);font-weight:850;font-size:.82rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.article-content-card,.article-related-card{border:1px solid var(--line);border-radius:30px;background:rgba(255,250,243,.78);box-shadow:0 13px 35px rgba(55,38,23,.055)}.article-content-card{padding:34px}.article-content-card h2{font-size:1.55rem;font-weight:950;letter-spacing:-.035em;margin:30px 0 12px}.article-content-card h2:first-child{margin-top:0}.article-content-card p,.article-content-card li{color:var(--muted);font-weight:650;line-height:2.05}.article-content-card a{color:var(--terracotta-2);font-weight:950;border-bottom:1px dashed rgba(199,99,60,.38)}.article-callout{display:flex;gap:12px;align-items:flex-start;border:1px dashed rgba(199,99,60,.35);background:rgba(199,99,60,.075);border-radius:22px;padding:16px 18px;margin:24px 0;color:var(--ink);font-weight:850}.article-callout i{color:var(--terracotta);font-size:1.25rem;margin-top:3px}.article-related-card{position:sticky;top:112px;padding:22px}.related-list{display:grid;gap:10px;margin-top:14px}.related-list a{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.42);padding:11px;color:var(--ink)}.related-list i{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:rgba(199,99,60,.1);color:var(--terracotta)}.related-list strong{display:block;font-weight:950;line-height:1.45}.related-list small{display:block;color:var(--muted);font-weight:800;margin-top:2px}.related-list a:hover{border-color:rgba(199,99,60,.28);background:rgba(199,99,60,.06)}
@media (min-width:992px){.nav-mega-item{position:relative}.nav-mega-item>.mega-menu{position:absolute;top:calc(100% + 14px);right:0;left:auto;width:min(720px,calc(100vw - 48px));display:none}.nav-mega-item>.mega-menu.show{display:flex;gap:12px;animation:softMenuIn .16s ease both}.compact-mega>.mega-menu.show{display:grid;width:360px}.compact-mega .mega-menu{grid-template-columns:1fr}.compact-mega .mega-link{min-width:0}.nav-actions{flex:0 0 auto}.main-nav-list{padding-inline:10px}}@keyframes softMenuIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:991.98px){body.nav-is-open{overflow:hidden}.mobile-menu-head{display:flex}.main-nav-list{gap:8px}.navbar-collapse{display:none}.navbar-collapse.show{display:block}.nav-shell .navbar-collapse{top:calc(100% + 8px);right:14px;left:14px;max-height:calc(100dvh - 98px);padding:14px;background:rgba(255,250,243,.98)}.nav-link{gap:4px}.nav-link.group-active::after{display:none}.dropdown-toggle::after{margin-right:auto}.mega-menu,.mega-menu.compact{position:static!important;transform:none!important;width:100%!important;min-width:0;margin:6px 0 0!important;padding:8px;box-shadow:none;border-radius:20px;background:rgba(255,255,255,.52);border-color:rgba(36,32,29,.07);backdrop-filter:none}.mega-grid{grid-template-columns:1fr}.mega-link{border-radius:16px;padding:11px}.mega-link:hover,.mega-link.active{transform:none}.nav-actions{display:grid!important;grid-template-columns:1fr;gap:10px;padding-top:12px;margin-top:10px;border-top:1px solid rgba(36,32,29,.08)}.nav-actions .btn{width:100%}.weblog-featured,.article-hero-grid,.article-layout{grid-template-columns:1fr}.article-related-card{position:static}.weblog-featured-panel{order:-1}.calendar-card-mini.active{transform:none}.article-content-card{padding:24px}}@media (max-width:575.98px){.mobile-menu-head{align-items:flex-start}.nav-shell .navbar-collapse{right:10px;left:10px;max-height:calc(100dvh - 86px);border-radius:22px}.mega-link{grid-template-columns:36px 1fr}.mega-link i{width:36px;height:36px}.weblog-featured{padding:20px;border-radius:28px}.calendar-card-mini{display:block}.calendar-card-mini span{display:block;margin-top:4px}.article-side-card,.article-content-card,.article-related-card{border-radius:24px}.article-content-card{padding:20px}.article-content-card h2{font-size:1.32rem}.article-callout{padding:14px;display:block}.article-callout i{display:inline-block;margin:0 0 8px}}
@media (max-width:991.98px){.navbar-collapse.collapsing{display:block!important}.navbar-collapse.collapse.show{display:block!important}}

/* Local captcha and secure-form additions */
.signup-security-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 10px}.signup-security-status .form-progress{margin-bottom:0}.signup-status-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(199,99,60,.2);background:rgba(199,99,60,.08);color:var(--terracotta-2);border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:900}.signup-status-pill.is-ready{background:rgba(38,166,91,.1);border-color:rgba(38,166,91,.2);color:var(--success)}.signup-progress-track{height:7px;border-radius:999px;background:rgba(36,32,29,.07);overflow:hidden;margin-bottom:18px}.signup-progress-track span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--terracotta),var(--mustard));transition:width .25s ease}.captcha-box{border:1px dashed rgba(199,99,60,.28);background:rgba(255,255,255,.46);border-radius:20px;padding:13px 14px}.captcha-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.captcha-head small{color:var(--muted);font-weight:800;font-size:.78rem;text-align:left;direction:rtl}.captcha-row{display:grid;grid-template-columns:170px 44px minmax(0,1fr);gap:8px;align-items:center;direction:ltr}.captcha-img{width:170px;height:55px;border-radius:14px;border:1px solid rgba(36,32,29,.08);background:#fff;object-fit:cover;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.captcha-refresh{width:44px;height:44px;border:1px solid rgba(199,99,60,.22);background:rgba(199,99,60,.09);color:var(--terracotta-2);border-radius:14px;display:grid;place-items:center;transition:transform .18s ease,background .18s ease,border-color .18s ease}.captcha-refresh:hover{background:rgba(199,99,60,.14);border-color:rgba(199,99,60,.36);transform:translateY(-1px)}.captcha-refresh:disabled{opacity:.65;cursor:wait;transform:none}.captcha-input{text-align:center;direction:ltr;font-weight:950;letter-spacing:.12em}.btn.is-loading{cursor:wait;opacity:.86}.was-validated .captcha-box:has(.captcha-input:invalid){border-color:rgba(220,53,69,.38)}.was-validated .captcha-input:invalid ~ .invalid-feedback{display:block}@media (max-width:575.98px){.signup-security-status{display:grid}.captcha-head{display:grid}.captcha-head small{text-align:right}.captcha-row{grid-template-columns:1fr 44px}.captcha-img{width:100%;max-width:none}.captcha-input{grid-column:1 / -1}}

/* === Standard compact footer === */
.footer.footer-clean{
  --footer-bg:#211d1a;
  --footer-panel:rgba(255,250,243,.055);
  --footer-panel-strong:rgba(255,250,243,.085);
  --footer-line:rgba(255,250,243,.13);
  --footer-text:#fff7ed;
  --footer-muted:rgba(255,247,237,.66);
  --footer-muted-2:rgba(255,247,237,.48);
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:46px 0 22px;
  border-top:1px solid rgba(36,32,29,.24);
  background:
    radial-gradient(circle at 88% -12%,rgba(199,99,60,.28),transparent 34%),
    radial-gradient(circle at 10% 0%,rgba(230,173,75,.13),transparent 30%),
    linear-gradient(180deg,#2b2520 0%,var(--footer-bg) 66%,#171411 100%);
  color:var(--footer-text);
}
.footer.footer-clean::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,250,243,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,250,243,.025) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.14));
}
.footer-clean a{text-decoration:none!important}
.footer-clean .container-wide{position:relative;z-index:1}
.footer-clean__top{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:24px;
  align-items:stretch;
  padding-bottom:28px;
  border-bottom:1px solid var(--footer-line);
}
.footer-clean__brand,
.footer-clean__lead{
  min-width:0;
}
.footer-clean__logo{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:var(--footer-text)!important;
}
.footer-clean__mark{
  width:38px;
  height:38px;
  border-radius:14px;
  box-shadow:0 14px 30px rgba(199,99,60,.28),inset 0 1px 0 rgba(255,255,255,.22);
}
.footer-clean__logo strong{
  display:block;
  color:var(--footer-text);
  font-size:1.15rem;
  font-weight:950;
  letter-spacing:-.03em;
  line-height:1.35;
}
.footer-clean__logo small{
  display:block;
  color:var(--footer-muted);
  font-size:.82rem;
  font-weight:800;
  line-height:1.6;
}
.footer-clean__brand p{
  max-width:650px;
  margin:14px 0 0;
  color:var(--footer-muted);
  font-size:.94rem;
  font-weight:650;
  line-height:1.95;
}
.footer-clean__trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:15px;
}
.footer-clean__trust span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:31px;
  border:1px solid var(--footer-line);
  background:var(--footer-panel);
  color:var(--footer-muted);
  border-radius:999px;
  padding:5px 10px;
  font-size:.78rem;
  font-weight:800;
}
.footer-clean__trust i{color:#e7b16b;font-size:.92rem}
.footer-clean__lead{
  border:1px solid var(--footer-line);
  border-radius:22px;
  background:linear-gradient(180deg,var(--footer-panel-strong),rgba(255,250,243,.035));
  padding:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.footer-clean__lead-head{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin-bottom:13px;
}
.footer-clean__lead-icon{
  flex:0 0 auto;
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(199,99,60,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
}
.footer-clean__lead h5{
  margin:0 0 2px;
  color:var(--footer-text);
  font-size:.98rem;
  font-weight:950;
  letter-spacing:-.02em;
}
.footer-clean__lead p{
  margin:0;
  color:var(--footer-muted);
  font-size:.82rem;
  font-weight:700;
  line-height:1.75;
}
.footer-clean__form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:start;
  margin:0;
}
.footer-clean__form .form-control{
  min-width:0;
  height:46px;
  border-radius:15px;
  border-color:rgba(255,250,243,.16);
  background:rgba(255,250,243,.1);
  color:var(--footer-text);
  box-shadow:none;
}
.footer-clean__form .form-control::placeholder{color:rgba(255,247,237,.45)}
.footer-clean__form .form-control:focus{
  border-color:rgba(231,177,107,.55);
  background:rgba(255,250,243,.14);
  box-shadow:0 0 0 .18rem rgba(199,99,60,.16);
}
.footer-clean__form .btn{
  min-height:46px;
  border-radius:15px;
  padding:10px 17px;
  white-space:nowrap;
  box-shadow:0 16px 34px rgba(199,99,60,.21);
}
.footer-clean__form .invalid-feedback{
  grid-column:1/-1;
  margin-top:0;
  font-size:.77rem;
  font-weight:850;
}
.footer-clean__helper{
  display:flex;
  align-items:flex-start;
  gap:6px;
  margin-top:9px;
  color:var(--footer-muted-2);
  font-size:.75rem;
  font-weight:760;
  line-height:1.7;
}
.footer-clean__helper i{color:#8ed4a3;margin-top:3px}
.footer-clean__nav{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px 26px;
  padding:27px 0 24px;
  border-bottom:1px solid var(--footer-line);
}
.footer-clean__group{min-width:0}
.footer-clean__group h5{
  position:relative;
  margin:0 0 13px;
  padding-bottom:9px;
  color:var(--footer-text);
  font-size:.91rem;
  font-weight:950;
  letter-spacing:-.015em;
}
.footer-clean__group h5::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:30px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(199,99,60,.05),#d57954);
}
.footer-clean__group ul{
  list-style:none;
  display:grid;
  gap:6px;
  margin:0;
  padding:0;
}
.footer-clean__group a{
  position:relative;
  display:inline-flex;
  align-items:center;
  max-width:100%;
  min-height:28px;
  color:var(--footer-muted);
  font-size:.86rem;
  font-weight:770;
  line-height:1.55;
  transition:color .18s ease,transform .18s ease;
}
.footer-clean__group a::before{
  content:"";
  flex:0 0 auto;
  width:5px;
  height:5px;
  margin-left:8px;
  border-radius:999px;
  background:rgba(231,177,107,.52);
  transition:background .18s ease,transform .18s ease;
}
.footer-clean__group a:hover{
  color:#fff;
  transform:translateX(-3px);
}
.footer-clean__group a:hover::before{
  background:#e7b16b;
  transform:scale(1.28);
}
.footer-clean__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  padding-top:18px;
  color:var(--footer-muted-2);
  font-size:.82rem;
  font-weight:760;
}
.footer-clean__bottom-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
}
.footer-clean__bottom-links a{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  border:1px solid transparent;
  border-radius:999px;
  padding:4px 10px;
  color:var(--footer-muted);
  font-size:.8rem;
  font-weight:820;
}
.footer-clean__bottom-links a:hover{
  color:#fff;
  background:rgba(255,250,243,.07);
  border-color:var(--footer-line);
}
@media (max-width:991.98px){
  .footer.footer-clean{padding-top:38px}
  .footer-clean__top{grid-template-columns:1fr;gap:18px;padding-bottom:22px}
  .footer-clean__lead{max-width:640px}
  .footer-clean__nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 22px;padding-block:23px}
}
@media (max-width:767.98px){
  .footer-clean__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 18px}
  .footer-clean__brand p{font-size:.9rem;line-height:1.85}
  .footer-clean__trust{gap:7px}
  .footer-clean__trust span{font-size:.74rem;padding-inline:9px}
}
@media (max-width:575.98px){
  .footer.footer-clean{padding:32px 0 calc(20px + env(safe-area-inset-bottom))}
  .footer-clean__top{gap:15px;padding-bottom:19px}
  .footer-clean__logo{align-items:flex-start}
  .footer-clean__brand p{margin-top:12px}
  .footer-clean__lead{border-radius:19px;padding:15px}
  .footer-clean__lead-head{gap:9px;margin-bottom:11px}
  .footer-clean__lead-icon{width:34px;height:34px;border-radius:12px}
  .footer-clean__form{grid-template-columns:1fr}
  .footer-clean__form .btn{width:100%}
  .footer-clean__nav{padding-block:20px;gap:17px 14px}
  .footer-clean__group h5{font-size:.86rem;margin-bottom:9px}
  .footer-clean__group a{font-size:.8rem;min-height:25px}
  .footer-clean__bottom{display:grid;justify-content:stretch;text-align:center;padding-top:15px}
  .footer-clean__bottom-links{justify-content:center}
}
@media (max-width:389.98px){
  .footer-clean__nav{grid-template-columns:1fr 1fr;gap:16px 10px}
  .footer-clean__group a{font-size:.78rem}
}

/* Dynamic weblog pagination */
.weblog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:34px}
.weblog-page-link{min-width:42px;height:42px;padding:0 14px;border:1px solid rgba(36,32,29,.12);border-radius:999px;background:rgba(255,250,243,.82);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-weight:900;text-decoration:none;box-shadow:0 12px 28px rgba(55,38,23,.06);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.weblog-page-link:hover{transform:translateY(-2px);border-color:rgba(199,99,60,.34);background:rgba(199,99,60,.1);color:var(--terracotta-2)}
.weblog-page-link.active{background:var(--ink);border-color:var(--ink);color:#fff;pointer-events:none}
.weblog-page-link.disabled{opacity:.45;pointer-events:none;background:rgba(255,250,243,.5)}
.empty-state-card{max-width:620px;border:1px dashed rgba(199,99,60,.28);border-radius:28px;background:rgba(255,250,243,.8);padding:34px;box-shadow:0 20px 50px rgba(55,38,23,.06)}
.empty-state-card i{font-size:2rem;color:var(--terracotta)}

/* Dynamic weblog improvements for Admin Blog Studio */
.weblog-card .blog-thumb img{width:100%;height:100%;min-height:150px;object-fit:cover;display:block;position:relative;z-index:1;transition:transform .28s ease,filter .28s ease}
.weblog-card:hover .blog-thumb img{transform:scale(1.04);filter:saturate(1.05) contrast(1.02)}
.article-cover-mini{margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(36,32,29,.08);box-shadow:0 16px 42px rgba(55,38,23,.1);background:rgba(255,255,255,.42)}
.article-cover-mini img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.article-comments-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}
.article-comments-card,.article-comment-form-card{border:1px solid var(--line);border-radius:30px;background:rgba(255,250,243,.78);box-shadow:0 13px 35px rgba(55,38,23,.055);padding:26px}
.comment-item{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px;border:1px solid rgba(36,32,29,.08);border-radius:22px;background:rgba(255,255,255,.42);margin-bottom:12px}
.comment-avatar{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:rgba(199,99,60,.11);color:var(--terracotta);font-size:1.15rem;flex:0 0 auto}
.comment-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}.comment-head strong{font-weight:950}.comment-head span{color:var(--muted-2);font-size:.84rem;font-weight:800}.comment-item p{margin:0;color:var(--muted);font-weight:650;line-height:1.95}.comment-empty{display:flex;gap:10px;align-items:center;border:1px dashed rgba(199,99,60,.25);background:rgba(199,99,60,.055);border-radius:20px;padding:15px 16px;color:var(--muted);font-weight:800}.comment-empty i{color:var(--terracotta)}.comment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comment-form-grid .full{grid-column:1/-1}.comment-form-grid input,.comment-form-grid textarea{width:100%;border:1px solid rgba(36,32,29,.11);background:rgba(255,255,255,.62);border-radius:18px;padding:13px 14px;color:var(--ink);font-weight:750;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.comment-form-grid textarea{min-height:138px;resize:vertical}.comment-form-grid input:focus,.comment-form-grid textarea:focus{border-color:rgba(199,99,60,.42);box-shadow:0 0 0 4px rgba(199,99,60,.09);background:#fff}.form-floating-soft label{display:block;color:var(--muted);font-size:.86rem;font-weight:900;margin-bottom:7px}.comment-hp{position:absolute!important;right:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.comment-message{border-radius:18px;padding:12px 14px;font-weight:850;margin:12px 0}.comment-message.success{background:rgba(36,154,112,.1);border:1px solid rgba(36,154,112,.22);color:#18734f}.comment-message.error{background:rgba(190,55,55,.09);border:1px solid rgba(190,55,55,.2);color:#9f2e2e}
@media (max-width:991.98px){.article-comments-layout{grid-template-columns:1fr}.article-comment-form-card{order:-1}}
@media (max-width:575.98px){.article-comments-card,.article-comment-form-card{padding:20px;border-radius:24px}.comment-form-grid{grid-template-columns:1fr}.comment-item{grid-template-columns:1fr}.comment-avatar{width:38px;height:38px}}


/* Legal pages: privacy policy and terms */
.legal-page-hero{padding:74px 0 58px;position:relative;overflow:hidden}
.legal-page-hero::before{content:"";position:absolute;inset:auto -10% -34% auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(199,99,60,.16),transparent 66%);pointer-events:none;z-index:-1}
.legal-summary-card{border:1px solid var(--line);border-radius:32px;background:rgba(255,250,243,.82);box-shadow:var(--shadow-sm);padding:28px;position:relative;overflow:hidden}
.legal-summary-card::before{content:"";position:absolute;inset:0 0 auto;height:96px;background:linear-gradient(180deg,rgba(199,99,60,.11),transparent);pointer-events:none}
.legal-summary-card p{color:var(--muted);font-weight:720;line-height:2;margin-bottom:14px;position:relative}
.legal-summary-icon{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;background:rgba(199,99,60,.12);color:var(--terracotta);font-size:1.55rem;margin-bottom:18px;position:relative}
.legal-layout{display:grid;grid-template-columns:292px minmax(0,1fr);gap:26px;align-items:start}
.legal-nav-card{position:sticky;top:106px;border:1px solid var(--line);border-radius:26px;background:rgba(255,250,243,.76);box-shadow:0 12px 32px rgba(55,38,23,.055);padding:18px;display:grid;gap:7px}
.legal-nav-card strong{font-weight:950;margin-bottom:5px;color:var(--ink)}
.legal-nav-card a{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:16px;padding:9px 11px;color:var(--muted);font-size:.86rem;font-weight:850;border:1px solid transparent}
.legal-nav-card a::after{content:"›";font-weight:950;color:var(--terracotta);opacity:.68;transform:rotate(180deg)}
.legal-nav-card a:hover{background:rgba(199,99,60,.08);border-color:rgba(199,99,60,.16);color:var(--terracotta-2)}
.legal-card{border:1px solid var(--line);border-radius:34px;background:rgba(255,250,243,.78);box-shadow:0 16px 42px rgba(55,38,23,.06);padding:32px}
.legal-section{scroll-margin-top:116px;padding-bottom:26px;margin-bottom:26px;border-bottom:1px dashed rgba(36,32,29,.12)}
.legal-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.legal-section h2{font-size:1.38rem;font-weight:950;letter-spacing:-.02em;margin-bottom:14px;color:var(--ink)}
.legal-section p{color:var(--muted);font-weight:680;line-height:2.12;margin-bottom:14px}
.legal-section a{color:var(--terracotta-2);font-weight:930;border-bottom:1px dashed rgba(199,99,60,.45)}
.legal-section a:hover{border-bottom-color:transparent;color:var(--terracotta)}
.legal-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.legal-list li{position:relative;border:1px solid rgba(36,32,29,.08);background:rgba(255,255,255,.44);border-radius:18px;padding:13px 42px 13px 15px;color:var(--muted);font-weight:700;line-height:2}
.legal-list li::before{content:"";position:absolute;right:16px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--terracotta);box-shadow:0 0 0 5px rgba(199,99,60,.11)}
.legal-list strong{color:var(--ink);font-weight:950}
.legal-warning-list li::before{background:var(--danger);box-shadow:0 0 0 5px rgba(185,72,62,.1)}
.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.legal-grid div{border:1px solid rgba(36,32,29,.09);border-radius:22px;background:rgba(255,255,255,.44);padding:18px;display:grid;gap:7px;min-height:154px}
.legal-grid i{width:40px;height:40px;border-radius:15px;display:grid;place-items:center;background:rgba(199,99,60,.11);color:var(--terracotta);font-size:1.15rem}
.legal-grid strong{font-weight:950;color:var(--ink)}
.legal-grid span{color:var(--muted);font-weight:690;line-height:1.9;font-size:.93rem}
.legal-contact-box{border:1px solid rgba(199,99,60,.24);border-radius:26px;background:linear-gradient(135deg,rgba(199,99,60,.08),rgba(255,250,243,.66));padding:24px!important}
.legal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.signup-consent-box a,.signup-inline-note a,.form-microcopy a,.footer-clean__helper a{color:var(--terracotta-2);font-weight:950;text-decoration:none;border-bottom:1px dashed rgba(199,99,60,.45)}
.signup-consent-box a:hover,.signup-inline-note a:hover,.form-microcopy a:hover,.footer-clean__helper a:hover{border-bottom-color:transparent;color:var(--terracotta)}
@media (max-width:991.98px){.legal-layout{grid-template-columns:1fr}.legal-nav-card{position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-nav-card strong{grid-column:1/-1}.legal-card{padding:25px;border-radius:28px}.legal-grid{grid-template-columns:1fr}}
@media (max-width:575.98px){.legal-page-hero{padding:52px 0 38px}.legal-summary-card{padding:21px;border-radius:25px}.legal-nav-card{grid-template-columns:1fr;padding:14px;border-radius:22px}.legal-card{padding:19px;border-radius:24px}.legal-section{scroll-margin-top:92px}.legal-section h2{font-size:1.14rem}.legal-section p,.legal-list li{font-size:.92rem}.legal-list li{padding:12px 36px 12px 12px}.legal-list li::before{right:14px}.legal-actions .btn{width:100%}}

/* === Footer redesign: focused, modern and less crowded === */
.footer.footer-modern{
  --footer-bg:#17130f;
  --footer-bg-2:#241d18;
  --footer-card:rgba(255,250,243,.07);
  --footer-card-2:rgba(255,250,243,.105);
  --footer-line:rgba(255,250,243,.14);
  --footer-text:#fff8ed;
  --footer-muted:rgba(255,248,237,.68);
  --footer-muted-2:rgba(255,248,237,.48);
  --footer-accent:#e7b16b;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:54px 0 24px;
  border-top:0;
  background:
    radial-gradient(circle at 84% -18%,rgba(199,99,60,.32),transparent 34%),
    radial-gradient(circle at 8% 0%,rgba(231,177,107,.16),transparent 31%),
    linear-gradient(180deg,var(--footer-bg-2) 0%,var(--footer-bg) 74%,#100d0b 100%);
  color:var(--footer-text);
}
.footer.footer-modern::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,250,243,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,250,243,.026) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.18));
}
.footer.footer-modern::after{
  content:"";
  position:absolute;
  inset:18px 5% auto 5%;
  height:1px;
  z-index:-1;
  background:linear-gradient(90deg,transparent,rgba(231,177,107,.36),rgba(199,99,60,.3),transparent);
}
.footer-modern a{text-decoration:none!important}
.footer-modern .container-wide{position:relative;z-index:1}
.footer-modern__shell{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);
  gap:22px;
  align-items:stretch;
}
.footer-modern__intro,
.footer-modern__contact{
  min-width:0;
  border:1px solid var(--footer-line);
  border-radius:30px;
  background:linear-gradient(180deg,var(--footer-card-2),rgba(255,250,243,.042));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 70px rgba(0,0,0,.14);
}
.footer-modern__intro{
  padding:26px;
  position:relative;
  overflow:hidden;
}
.footer-modern__intro::before{
  content:"";
  position:absolute;
  inset:auto -48px -72px auto;
  width:210px;
  height:210px;
  border-radius:999px;
  background:rgba(231,177,107,.085);
  pointer-events:none;
}
.footer-modern__logo{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--footer-text)!important;
}
.footer-modern__logo strong{
  display:block;
  color:var(--footer-text);
  font-size:1.18rem;
  font-weight:950;
  letter-spacing:-.03em;
  line-height:1.35;
}
.footer-modern__logo small{
  display:block;
  margin-top:1px;
  color:var(--footer-muted);
  font-size:.84rem;
  font-weight:820;
  line-height:1.65;
}
.footer-modern__text{
  position:relative;
  max-width:720px;
  margin:18px 0 0;
  color:var(--footer-muted);
  font-size:.98rem;
  font-weight:680;
  line-height:2.04;
}
.footer-modern__badges{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}
.footer-modern__badges span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  border:1px solid var(--footer-line);
  border-radius:999px;
  padding:6px 11px;
  background:rgba(255,250,243,.065);
  color:var(--footer-muted);
  font-size:.8rem;
  font-weight:850;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.footer-modern__badges i{color:var(--footer-accent);font-size:.98rem}
.footer-modern__contact{
  display:grid;
  align-content:space-between;
  gap:18px;
  padding:22px;
  background:
    radial-gradient(circle at 0 0,rgba(199,99,60,.15),transparent 38%),
    linear-gradient(180deg,var(--footer-card-2),rgba(255,250,243,.046));
}
.footer-modern__contact-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.footer-modern__contact-icon{
  width:46px;
  height:46px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(145deg,rgba(199,99,60,.95),rgba(231,177,107,.75));
  box-shadow:0 16px 34px rgba(199,99,60,.25),inset 0 1px 0 rgba(255,255,255,.2);
}
.footer-modern__contact-head strong{
  display:block;
  color:var(--footer-text);
  font-size:1.02rem;
  font-weight:950;
  line-height:1.55;
}
.footer-modern__contact-head small{
  display:block;
  margin-top:2px;
  color:var(--footer-muted);
  font-size:.82rem;
  font-weight:760;
  line-height:1.85;
}
.footer-modern__contact-list{
  display:grid;
  gap:9px;
}
.footer-modern__contact-list a{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:45px;
  border:1px solid var(--footer-line);
  border-radius:18px;
  padding:8px 10px;
  background:rgba(255,250,243,.052);
  color:var(--footer-muted)!important;
  font-size:.86rem;
  font-weight:840;
  line-height:1.8;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.footer-modern__contact-list i{
  width:34px;
  height:34px;
  border-radius:13px;
  display:grid;
  place-items:center;
  color:var(--footer-accent);
  background:rgba(231,177,107,.11);
}
.footer-modern__contact-list a:hover{
  transform:translateY(-2px);
  border-color:rgba(231,177,107,.35);
  background:rgba(255,250,243,.082);
  color:#fff!important;
}
.footer-modern__actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.footer-modern__actions .btn{
  width:100%;
  min-height:45px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:16px;
  font-size:.88rem;
  font-weight:920;
}
.footer-modern .btn-outline-light-soft{
  border:1px solid rgba(255,250,243,.22);
  background:rgba(255,250,243,.075);
  color:var(--footer-text)!important;
}
.footer-modern .btn-outline-light-soft:hover{
  border-color:rgba(231,177,107,.44);
  background:rgba(231,177,107,.12);
  color:#fff!important;
}
.footer-modern__nav{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
  padding:22px;
  border:1px solid var(--footer-line);
  border-radius:30px;
  background:rgba(255,250,243,.046);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
.footer-modern__group{min-width:0}
.footer-modern__group h5{
  position:relative;
  margin:0 0 14px;
  padding-bottom:10px;
  color:var(--footer-text);
  font-size:.95rem;
  font-weight:950;
  letter-spacing:-.02em;
}
.footer-modern__group h5::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:38px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(199,99,60,.06),var(--footer-accent));
}
.footer-modern__group ul{
  list-style:none;
  display:grid;
  gap:7px;
  margin:0;
  padding:0;
}
.footer-modern__group a{
  position:relative;
  display:inline-flex;
  align-items:center;
  max-width:100%;
  min-height:30px;
  color:var(--footer-muted)!important;
  font-size:.88rem;
  font-weight:790;
  line-height:1.58;
  transition:color .18s ease,transform .18s ease;
}
.footer-modern__group a::before{
  content:"";
  flex:0 0 auto;
  width:6px;
  height:6px;
  margin-left:9px;
  border-radius:999px;
  background:rgba(231,177,107,.46);
  transition:background .18s ease,transform .18s ease;
}
.footer-modern__group a:hover{
  color:#fff!important;
  transform:translateX(-3px);
}
.footer-modern__group a:hover::before{
  background:var(--footer-accent);
  transform:scale(1.26);
}
.footer-modern__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  padding-top:18px;
  color:var(--footer-muted-2);
  font-size:.82rem;
  font-weight:780;
  line-height:1.8;
}
.footer-modern__mini{color:var(--footer-muted)}
@media (max-width:991.98px){
  .footer.footer-modern{padding-top:42px}
  .footer-modern__shell{grid-template-columns:1fr;gap:16px}
  .footer-modern__contact{max-width:680px}
  .footer-modern__nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px}
}
@media (max-width:767.98px){
  .footer-modern__intro,.footer-modern__contact,.footer-modern__nav{border-radius:24px}
  .footer-modern__nav{grid-template-columns:1fr 1fr;padding:19px}
  .footer-modern__group:first-child{grid-column:1/-1}
  .footer-modern__bottom{display:grid;text-align:center;justify-content:stretch}
}
@media (max-width:575.98px){
  .footer.footer-modern{padding:34px 0 calc(20px + env(safe-area-inset-bottom))}
  .footer-modern__intro,.footer-modern__contact{padding:18px}
  .footer-modern__logo{align-items:flex-start}
  .footer-modern__text{font-size:.9rem;line-height:1.92}
  .footer-modern__badges{gap:7px}
  .footer-modern__badges span{font-size:.74rem;padding-inline:9px}
  .footer-modern__contact-head{grid-template-columns:1fr;gap:9px}
  .footer-modern__contact-icon{width:42px;height:42px;border-radius:16px}
  .footer-modern__contact-list a{grid-template-columns:32px minmax(0,1fr);font-size:.8rem}
  .footer-modern__contact-list i{width:32px;height:32px;border-radius:12px}
  .footer-modern__actions{grid-template-columns:1fr}
  .footer-modern__nav{grid-template-columns:1fr;padding:18px;gap:18px}
  .footer-modern__group:first-child{grid-column:auto}
  .footer-modern__group h5{font-size:.9rem;margin-bottom:10px}
  .footer-modern__group a{font-size:.82rem;min-height:27px}
}

/* === Footer open elegant SaaS footer (no boxed layout) === */
.footer.footer-elegant{
  --fe-bg:#15110e;
  --fe-bg-2:#241d18;
  --fe-text:#fff7ed;
  --fe-muted:rgba(255,247,237,.68);
  --fe-muted-2:rgba(255,247,237,.48);
  --fe-line:rgba(255,247,237,.13);
  --fe-line-soft:rgba(255,247,237,.08);
  --fe-accent:#e7b16b;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:48px 0 22px;
  border-top:0;
  background:
    radial-gradient(circle at 82% -12%,rgba(199,99,60,.32),transparent 33%),
    radial-gradient(circle at 8% 0%,rgba(231,177,107,.16),transparent 31%),
    linear-gradient(180deg,var(--fe-bg-2) 0%,var(--fe-bg) 74%,#0e0b09 100%);
  color:var(--fe-text);
}
.footer.footer-elegant::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,247,237,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,247,237,.022) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.16));
}
.footer.footer-elegant::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(231,177,107,.12) 50%,transparent 100%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 42%);
}
.footer-elegant a{text-decoration:none!important}
.footer-elegant .container-wide{position:relative;z-index:1}
.footer-elegant__pre{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:end;
  padding:0 0 32px;
  margin-bottom:32px;
  border-bottom:1px solid var(--fe-line);
}
.footer-elegant__pre-copy{min-width:0}
.footer-elegant__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:11px;
  color:var(--fe-accent);
  font-size:.82rem;
  font-weight:900;
}
.footer-elegant__eyebrow i{font-size:1rem}
.footer-elegant__pre h2{
  margin:0;
  color:var(--fe-text);
  font-size:clamp(1.45rem,2.6vw,2.45rem);
  font-weight:950;
  letter-spacing:-.045em;
  line-height:1.45;
}
.footer-elegant__pre p{
  max-width:720px;
  margin:8px 0 0;
  color:var(--fe-muted);
  font-size:.98rem;
  font-weight:680;
  line-height:1.95;
}
.footer-elegant__pre-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.footer-elegant__pre-actions .btn{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 19px;
  font-size:.88rem;
  font-weight:920;
}
.footer-elegant__ghost{
  border:1px solid rgba(255,247,237,.22)!important;
  background:rgba(255,247,237,.055)!important;
  color:var(--fe-text)!important;
  box-shadow:none!important;
}
.footer-elegant__ghost:hover{
  border-color:rgba(231,177,107,.5)!important;
  background:rgba(231,177,107,.11)!important;
  color:#fff!important;
}
.footer-elegant__main{
  display:grid;
  grid-template-columns:minmax(280px,.92fr) minmax(0,1.35fr);
  gap:46px;
  align-items:start;
}
.footer-elegant__brand{min-width:0}
.footer-elegant__logo{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--fe-text)!important;
}
.footer-elegant__logo strong{
  display:block;
  color:var(--fe-text);
  font-size:1.22rem;
  font-weight:950;
  line-height:1.35;
  letter-spacing:-.035em;
}
.footer-elegant__logo small{
  display:block;
  margin-top:2px;
  color:var(--fe-muted);
  font-size:.84rem;
  font-weight:820;
  line-height:1.65;
}
.footer-elegant__brand p{
  max-width:560px;
  margin:18px 0 0;
  color:var(--fe-muted);
  font-size:.96rem;
  font-weight:670;
  line-height:2.05;
}
.footer-elegant__signals{
  display:flex;
  flex-wrap:wrap;
  gap:8px 13px;
  margin-top:18px;
}
.footer-elegant__signals span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--fe-muted);
  font-size:.79rem;
  font-weight:850;
  line-height:1.5;
}
.footer-elegant__signals i{color:var(--fe-accent);font-size:.96rem}
.footer-elegant__nav{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px 34px;
}
.footer-elegant__group{min-width:0}
.footer-elegant__group h3{
  position:relative;
  margin:0 0 15px;
  padding-bottom:10px;
  color:var(--fe-text);
  font-size:.94rem;
  font-weight:950;
  letter-spacing:-.02em;
}
.footer-elegant__group h3::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:34px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(199,99,60,.06),var(--fe-accent));
}
.footer-elegant__group ul{
  list-style:none;
  display:grid;
  gap:7px;
  margin:0;
  padding:0;
}
.footer-elegant__group a{
  position:relative;
  display:inline-flex;
  align-items:center;
  max-width:100%;
  min-height:30px;
  color:var(--fe-muted)!important;
  font-size:.87rem;
  font-weight:790;
  line-height:1.55;
  transition:color .18s ease,transform .18s ease;
}
.footer-elegant__group a::before{
  content:"";
  flex:0 0 auto;
  width:5px;
  height:5px;
  margin-left:9px;
  border-radius:999px;
  background:rgba(231,177,107,.5);
  transition:background .18s ease,transform .18s ease;
}
.footer-elegant__group a:hover{
  color:#fff!important;
  transform:translateX(-3px);
}
.footer-elegant__group a:hover::before{
  background:var(--fe-accent);
  transform:scale(1.28);
}
.footer-elegant__contact{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px 24px;
  align-items:center;
  margin-top:32px;
  padding:18px 0;
  border-top:1px solid var(--fe-line);
  border-bottom:1px solid var(--fe-line-soft);
}
.footer-elegant__contact a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-width:0;
  color:var(--fe-muted)!important;
  font-size:.86rem;
  font-weight:840;
  line-height:1.75;
}
.footer-elegant__contact a:hover{color:#fff!important}
.footer-elegant__contact i{
  flex:0 0 auto;
  color:var(--fe-accent);
  font-size:1rem;
}
.footer-elegant__contact span{min-width:0;overflow-wrap:anywhere}
.footer-elegant__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  padding-top:17px;
  color:var(--fe-muted-2);
  font-size:.82rem;
  font-weight:760;
  line-height:1.85;
}
@media (max-width:991.98px){
  .footer.footer-elegant{padding-top:42px}
  .footer-elegant__pre{grid-template-columns:1fr;align-items:start;gap:16px;margin-bottom:28px;padding-bottom:26px}
  .footer-elegant__pre-actions{justify-content:flex-start}
  .footer-elegant__main{grid-template-columns:1fr;gap:30px}
  .footer-elegant__nav{gap:24px}
  .footer-elegant__contact{grid-template-columns:1fr;gap:10px;align-items:start}
}
@media (max-width:767.98px){
  .footer-elegant__nav{grid-template-columns:1fr 1fr;gap:22px 20px}
  .footer-elegant__group:first-child{grid-column:1/-1}
  .footer-elegant__bottom{display:grid;text-align:center;justify-content:stretch}
}
@media (max-width:575.98px){
  .footer.footer-elegant{padding:34px 0 calc(20px + env(safe-area-inset-bottom))}
  .footer-elegant__pre{padding-bottom:22px;margin-bottom:24px}
  .footer-elegant__pre h2{font-size:1.5rem}
  .footer-elegant__pre p,.footer-elegant__brand p{font-size:.9rem;line-height:1.9}
  .footer-elegant__pre-actions{display:grid;grid-template-columns:1fr;width:100%}
  .footer-elegant__pre-actions .btn{width:100%}
  .footer-elegant__logo{align-items:flex-start}
  .footer-elegant__signals{gap:7px 10px}
  .footer-elegant__signals span{font-size:.75rem}
  .footer-elegant__nav{grid-template-columns:1fr;gap:18px}
  .footer-elegant__group:first-child{grid-column:auto}
  .footer-elegant__group h3{font-size:.9rem;margin-bottom:10px}
  .footer-elegant__group a{font-size:.82rem;min-height:27px}
  .footer-elegant__contact{margin-top:25px;padding:15px 0}
  .footer-elegant__contact a{font-size:.8rem;align-items:flex-start}
}

/* === Mobile footer closing fix: remove reserved sticky CTA space under footer === The sticky conversion bar was removed from mobile, but the old mobile body padding still reserved 76px at the bottom. That padding was showing the light page background after the dark footer. Keep footer flush to the viewport end. */
html,body{min-height:100%}
body{min-height:100vh}
@supports (min-height:100dvh){body{min-height:100dvh}}
@media (max-width:575.98px){
  body{padding-bottom:0!important}
  .sticky-conversion-bar{display:none!important}
  .footer.footer-elegant{margin-bottom:0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .scroll-top-soft{bottom:16px}
  .toast-soft{bottom:16px}
}


/* Contact page */
.contact-page-hero{background:linear-gradient(135deg,rgba(38,50,72,.055),transparent 45%)}
.contact-direct-card{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:24px;
}
.contact-direct-link{
  position:relative;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:2px 12px;
  align-items:center;
  padding:15px 16px;
  border:1px solid rgba(36,32,29,.1);
  border-radius:22px;
  background:rgba(255,250,243,.78);
  box-shadow:0 14px 34px rgba(55,38,23,.06);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.contact-direct-link:hover{
  transform:translateY(-3px);
  border-color:rgba(199,99,60,.28);
  background:#fffaf3;
  box-shadow:0 20px 48px rgba(55,38,23,.09);
}
.contact-direct-link i{
  grid-row:1/3;
  width:46px;
  height:46px;
  border-radius:17px;
  display:grid;
  place-items:center;
  background:rgba(199,99,60,.12);
  color:var(--terracotta,#c7633c);
  font-size:1.15rem;
}
.contact-direct-link span{
  color:var(--muted,#6f6258);
  font-size:.86rem;
  font-weight:850;
  line-height:1.4;
}
.contact-direct-link strong{
  color:var(--ink,#24201d);
  font-size:1.06rem;
  font-weight:950;
  direction:ltr;
  text-align:right;
  overflow-wrap:anywhere;
}
.contact-direct-link.primary{
  background:linear-gradient(135deg,rgba(199,99,60,.13),rgba(255,250,243,.9));
  border-color:rgba(199,99,60,.2);
}
.contact-proof-live div{background:rgba(255,250,243,.82)}
.contact-form-panel{padding:30px;border-radius:32px}
.contact-form-head{margin-bottom:20px}
.contact-submit-btn{min-height:54px}
.contact-info-section .section-head-mini{max-width:760px;margin-inline:auto;margin-bottom:20px}
.contact-info-tile{
  min-height:176px;
  padding:20px;
  border-radius:24px;
}
.contact-info-tile p a{font-weight:900;color:var(--ink,#24201d)}
.contact-info-tile p a:hover{color:var(--terracotta,#c7633c)}
.contact-info-tile small{
  display:block;
  margin-top:9px;
  color:var(--muted-2,#8c7a6c);
  font-size:.82rem;
  font-weight:800;
  line-height:1.8;
}
.contact-location-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:30px;
  border-radius:32px;
  border:1px solid rgba(36,32,29,.08);
  background:linear-gradient(180deg,rgba(255,250,243,.92),rgba(255,255,255,.58));
  box-shadow:0 18px 54px rgba(55,38,23,.06);
}
.contact-address-box{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:22px 0 0;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(36,32,29,.09);
  background:rgba(255,255,255,.68);
  color:var(--ink,#24201d);
  font-style:normal;
  font-weight:850;
  line-height:2;
}
.contact-address-box i{
  width:42px;
  height:42px;
  flex:0 0 auto;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(199,99,60,.12);
  color:var(--terracotta,#c7633c);
}
.contact-location-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.contact-location-actions .btn{min-width:170px;display:inline-flex;justify-content:center}
.contact-map-card{
  height:100%;
  min-height:430px;
  border-radius:32px;
  padding:10px;
  border:1px solid rgba(36,32,29,.09);
  background:linear-gradient(135deg,rgba(255,250,243,.92),rgba(255,255,255,.72));
  box-shadow:0 24px 70px rgba(55,38,23,.09);
  overflow:hidden;
}
.contact-map-card iframe{
  display:block;
  width:100%;
  height:100%;
  min-height:410px;
  border:0;
  border-radius:24px;
  background:#fffaf3;
}
.contact-next-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding:30px;
  border-radius:32px;
  border:1px solid rgba(36,32,29,.08);
  background:
    radial-gradient(circle at top left,rgba(199,99,60,.13),transparent 30%),
    linear-gradient(135deg,rgba(255,250,243,.96),rgba(255,255,255,.86));
  box-shadow:0 24px 70px rgba(55,38,23,.07);
}
.contact-next-cta .section-title{font-size:clamp(1.7rem,3vw,2.55rem)}
.contact-next-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-end;
}
.contact-next-actions .btn{min-width:165px;display:inline-flex;justify-content:center}
@media (max-width:991.98px){
  .contact-next-cta{grid-template-columns:1fr}
  .contact-next-actions{justify-content:flex-start}
  .contact-map-card{min-height:360px}
  .contact-map-card iframe{min-height:340px}
}
@media (max-width:575.98px){
  .contact-form-panel,.contact-location-copy,.contact-next-cta{padding:22px;border-radius:26px}
  .contact-info-tile{min-height:0}
  .contact-location-actions,.contact-next-actions{display:grid;grid-template-columns:1fr}
  .contact-location-actions .btn,.contact-next-actions .btn{width:100%;min-width:0}
  .contact-map-card{border-radius:26px;padding:8px;min-height:310px}
  .contact-map-card iframe{border-radius:20px;min-height:294px}
  .contact-direct-link{grid-template-columns:42px minmax(0,1fr)}
  .contact-direct-link i{width:42px;height:42px;border-radius:15px}
}

/*------------------------------------------------------------------ Home page ------------------------------------------------------------------*/
.home-hero-modern{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:92px 0 72px;
  background:
    radial-gradient(circle at 13% 18%,rgba(199,99,60,.20),transparent 30%),
    radial-gradient(circle at 86% 12%,rgba(230,173,75,.18),transparent 28%),
    linear-gradient(180deg,#fffaf3 0%,#f7f1e8 100%);
}
.home-hero-modern::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(36,32,29,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(36,32,29,.04) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 82%);
  pointer-events:none;
  z-index:-2;
}
.home-hero-modern::after{
  content:"";
  position:absolute;
  width:620px;
  height:620px;
  right:-230px;
  bottom:-310px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(199,99,60,.18),transparent 66%);
  z-index:-1;
  pointer-events:none;
}
.home-hero-shell{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);
  gap:48px;
  align-items:center;
}
.home-hero-copy{position:relative;z-index:2}
.home-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:10px 15px;
  border-radius:999px;
  border:1px solid rgba(199,99,60,.18);
  background:rgba(255,255,255,.74);
  color:var(--terracotta-2);
  font-weight:920;
  box-shadow:0 14px 34px rgba(55,38,23,.065),inset 0 1px 0 rgba(255,255,255,.62);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.home-hero-copy .display-title{
  max-width:770px;
  font-size:clamp(2.42rem,5.3vw,5.08rem);
  line-height:1.18;
  letter-spacing:-.075em;
}
.home-hero-copy .lead-soft{max-width:760px;font-size:1.12rem}
.home-hero-actions,.home-hero-modern .hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:28px;
}
.home-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.home-trust-row span,.home-intent-links a,.home-api-points span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(36,32,29,.08);
  background:rgba(255,255,255,.58);
  border-radius:999px;
  padding:9px 12px;
  color:var(--muted);
  font-weight:880;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58);
}
.home-trust-row i,.home-api-points i{color:var(--terracotta)}
.home-intent-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.home-intent-links a{
  color:var(--terracotta-2);
  text-decoration:none;
  background:rgba(199,99,60,.07);
  border-color:rgba(199,99,60,.14);
}
.home-intent-links a:hover{transform:translateY(-2px);background:rgba(199,99,60,.11);color:var(--ink)}
.home-hero-visual{position:relative;min-height:530px;display:grid;place-items:center}
.home-dashboard-card{
  width:min(100%,535px);
  border:1px solid rgba(36,32,29,.10);
  border-radius:38px;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,250,243,.70));
  box-shadow:0 32px 95px rgba(55,38,23,.15),inset 0 1px 0 rgba(255,255,255,.72);
  padding:22px;
  backdrop-filter:blur(18px) saturate(145%);
  position:relative;
  overflow:hidden;
}
.home-dashboard-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,var(--terracotta),var(--mustard),transparent);
}
.home-dashboard-card::after{
  content:"";
  position:absolute;
  left:-80px;
  bottom:-90px;
  width:210px;
  height:210px;
  border-radius:999px;
  background:rgba(199,99,60,.075);
  pointer-events:none;
}
.dashboard-topbar,.dashboard-bottom-row,.dashboard-main-row{position:relative;z-index:1}
.dashboard-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.dashboard-topbar strong{display:block;color:var(--ink);font-size:1.12rem;font-weight:950}
.dashboard-topbar span:not(.live-chip){display:block;color:var(--muted);font-size:.86rem;font-weight:800;margin-top:3px}
.live-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(66,122,85,.10);
  color:var(--success);
  border:1px solid rgba(66,122,85,.20);
  font-weight:920;
  white-space:nowrap;
}
.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;position:relative;z-index:1}
.dashboard-metrics div,.otp-preview-card,.send-status-card,.api-status{
  border:1px solid rgba(36,32,29,.08);
  background:rgba(255,255,255,.56);
  border-radius:24px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62);
}
.dashboard-metrics div{padding:14px 13px}
.dashboard-metrics span{display:block;color:var(--muted);font-weight:850;font-size:.78rem}
.dashboard-metrics strong{display:block;color:var(--ink);font-weight:950;font-size:1.28rem;margin-top:3px;letter-spacing:-.03em}
.dashboard-main-row{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;margin-bottom:12px}
.otp-preview-card,.send-status-card{padding:16px}
.tiny-label{display:block;color:var(--terracotta-2);font-weight:920;font-size:.78rem;margin-bottom:9px}
.otp-preview-card strong{display:block;color:var(--ink);font-weight:950;font-size:1.14rem;margin-bottom:7px}
.otp-preview-card small,.api-status small{display:block;color:var(--muted);font-weight:780;line-height:1.8}
.status-line{height:12px;border-radius:999px;background:rgba(36,32,29,.08);overflow:hidden;margin:13px 0}
.status-line b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--terracotta),var(--mustard))}
.dashboard-bottom-row{display:grid;grid-template-columns:.92fr 1.08fr;gap:12px}
.mini-chart{
  min-height:112px;
  border:1px solid rgba(36,32,29,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,250,243,.42));
  border-radius:24px;
  padding:14px 14px 12px;
  display:flex;
  align-items:end;
  gap:9px;
}
.mini-chart span{display:block;flex:1;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,var(--terracotta),rgba(230,173,75,.88));min-height:26%}
.mini-chart span:nth-child(1){height:38%}.mini-chart span:nth-child(2){height:58%}.mini-chart span:nth-child(3){height:44%}.mini-chart span:nth-child(4){height:78%}.mini-chart span:nth-child(5){height:64%}
.api-status{padding:16px;display:grid;grid-template-columns:auto 1fr;gap:2px 11px;align-items:center}
.api-status i{grid-row:1/3;width:42px;height:42px;border-radius:16px;background:rgba(199,99,60,.10);display:grid;place-items:center;color:var(--terracotta);font-size:1.2rem}
.api-status strong{font-weight:950;color:var(--ink)}
.hero-floating-card{
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  gap:9px;
  padding:12px 14px;
  border-radius:20px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(36,32,29,.08);
  box-shadow:0 18px 48px rgba(55,38,23,.13),inset 0 1px 0 rgba(255,255,255,.70);
  color:var(--ink);
  font-weight:930;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.hero-floating-card i{color:var(--terracotta);font-size:1.2rem}.hero-floating-card-1{top:72px;right:2px}.hero-floating-card-2{left:6px;bottom:82px}
.home-section-head{max-width:850px;margin:0 auto 38px;text-align:center}.home-section-head .lead-soft{margin-inline:auto}
.home-route-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.home-route-card{
  position:relative;
  overflow:hidden;
  display:block;
  min-height:280px;
  padding:26px 24px;
  border-radius:30px;
  border:1px solid rgba(36,32,29,.09);
  background:linear-gradient(180deg,rgba(255,250,243,.92),rgba(255,255,255,.48));
  box-shadow:0 18px 50px rgba(55,38,23,.07),inset 0 1px 0 rgba(255,255,255,.62);
  text-decoration:none;
  color:var(--ink);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.home-route-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--terracotta),rgba(230,173,75,.72),transparent)}
.home-route-card::after{content:"";position:absolute;left:-42px;bottom:-54px;width:132px;height:132px;border-radius:999px;background:rgba(199,99,60,.055);transition:transform .24s ease}
.home-route-card:hover{transform:translateY(-7px);box-shadow:0 26px 70px rgba(55,38,23,.105);border-color:rgba(199,99,60,.28);color:var(--ink)}
.home-route-card:hover::after{transform:scale(1.2)}
.route-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(199,99,60,.10);border:1px solid rgba(199,99,60,.15);color:var(--terracotta);font-size:1.35rem;margin-bottom:18px}
.home-route-card h3{font-weight:950;font-size:1.04rem;line-height:1.55;margin-bottom:10px;letter-spacing:-.035em}
.home-route-card p{color:var(--muted);font-weight:650;line-height:1.9;margin-bottom:20px}
.home-route-card strong{position:absolute;right:24px;left:24px;bottom:24px;color:var(--terracotta-2);font-weight:950}
.home-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.home-split-showcase{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center}
.home-usecase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.home-api-points{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
/* Relax FAQ refresh */
.faq-section{position:relative;overflow:hidden}.faq-section::before{content:"";position:absolute;inset:auto -90px -120px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(199,99,60,.13),transparent 68%);pointer-events:none}.faq-shell{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:22px;align-items:start}.faq-aside-card,.faq-main-card{position:relative;border:1px solid rgba(36,32,29,.08);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,248,241,.74));border-radius:34px;box-shadow:0 22px 60px rgba(55,38,23,.07),inset 0 1px 0 rgba(255,255,255,.64)}.faq-aside-card{padding:30px;overflow:hidden}.faq-aside-card::after{content:"؟";position:absolute;left:22px;top:10px;font-size:7rem;line-height:1;color:rgba(199,99,60,.07);font-weight:950;z-index:0}.faq-aside-card>*{position:relative;z-index:1}.faq-focus-list{display:grid;gap:10px;margin:22px 0}.faq-focus-list span{display:flex;align-items:center;gap:9px;border:1px solid rgba(199,99,60,.15);background:rgba(255,255,255,.58);border-radius:16px;padding:10px 12px;color:var(--ink);font-weight:850;font-size:.92rem}.faq-focus-list i{color:var(--terracotta)}.faq-mini-cta{margin-top:20px;border:1px dashed rgba(199,99,60,.26);background:linear-gradient(135deg,rgba(199,99,60,.09),rgba(255,255,255,.56));border-radius:24px;padding:18px}.faq-mini-cta strong{display:block;color:var(--ink);font-weight:950;margin-bottom:7px}.faq-mini-cta p{color:var(--muted);line-height:1.9;margin:0 0 14px;font-size:.94rem}.faq-mini-actions{display:flex;flex-wrap:wrap;gap:10px}.faq-mini-actions .btn{border-radius:14px;padding:9px 13px;font-weight:900}.faq-main-card{padding:14px}.relax-faq-accordion{display:grid;gap:12px}.relax-faq-accordion .accordion-item{border:1px solid rgba(36,32,29,.08)!important;background:rgba(255,255,255,.76)!important;border-radius:24px!important;box-shadow:0 12px 30px rgba(55,38,23,.045);overflow:hidden;margin:0!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.relax-faq-accordion .accordion-item:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(55,38,23,.075);border-color:rgba(199,99,60,.24)!important}.relax-faq-accordion .accordion-button{gap:12px;padding:18px 18px;background:transparent!important;font-size:1rem;line-height:1.85;text-align:right}.relax-faq-accordion .accordion-button::after{margin-right:auto;margin-left:0;filter:sepia(.1);opacity:.75}.relax-faq-accordion .accordion-button:not(.collapsed){background:linear-gradient(135deg,rgba(255,244,235,.88),rgba(255,255,255,.6))!important;color:var(--terracotta-2)!important}.relax-faq-accordion .faq-number{flex:0 0 auto;min-width:38px;height:38px;border-radius:14px;display:inline-grid;place-items:center;background:rgba(199,99,60,.1);color:var(--terracotta-2);font-weight:950;font-size:.83rem}.relax-faq-accordion .accordion-button:not(.collapsed) .faq-number{background:linear-gradient(135deg,var(--terracotta),var(--terracotta-2));color:#fff}.relax-faq-accordion .accordion-body{padding:0 68px 20px 18px;color:var(--muted);line-height:2;font-weight:760}.faq-section .section-title{max-width:680px}@media (max-width:991.98px){.faq-shell{grid-template-columns:1fr}.faq-aside-card{padding:24px}.relax-faq-accordion .accordion-body{padding:0 18px 18px}}@media (max-width:575.98px){.faq-section::before{display:none}.faq-aside-card,.faq-main-card{border-radius:26px}.faq-aside-card{padding:20px}.relax-faq-accordion .accordion-button{align-items:flex-start;padding:16px 14px}.relax-faq-accordion .faq-number{min-width:34px;height:34px;border-radius:12px}.faq-mini-actions .btn{width:100%;justify-content:center}}


/* Diverse FAQ sections - API / Use Cases / Contact / Signup */
.api-faq-lab{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffaf4 0%,#fff 100%)}.api-faq-lab::before{content:"";position:absolute;inset:42px auto auto -90px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(199,99,60,.14),transparent 68%)}.api-faq-head{max-width:760px;margin-bottom:26px}.api-faq-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:24px;align-items:start}.api-faq-console{position:sticky;top:94px;border-radius:30px;background:linear-gradient(145deg,#2a221e,#151312);color:#fff;box-shadow:0 26px 70px rgba(36,32,29,.16);overflow:hidden}.api-console-bar{height:52px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.api-console-bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.32)}.api-console-bar strong{margin-right:auto;font-size:.78rem;letter-spacing:.02em;color:rgba(255,255,255,.72)}.api-console-body{padding:26px}.api-console-body code{display:inline-flex;direction:ltr;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:9px 13px;color:#ffe1d4}.api-console-body p{margin:18px 0;color:rgba(255,255,255,.72);line-height:1.9}.api-console-body ul{display:grid;gap:12px;margin:0 0 22px;padding:0;list-style:none}.api-console-body li{display:flex;gap:10px;align-items:flex-start;color:rgba(255,255,255,.9);font-weight:850}.api-console-body li i{color:#ffd2bf;margin-top:3px}.api-console-actions{display:flex;gap:10px;flex-wrap:wrap}.api-faq-panel{border:1px solid rgba(36,32,29,.08);border-radius:32px;background:rgba(255,255,255,.7);padding:14px;box-shadow:0 18px 50px rgba(55,38,23,.06)}.api-faq-accordion{display:grid;gap:12px}.api-faq-item{border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 34px rgba(55,38,23,.055);overflow:hidden}.api-faq-item .accordion-button{gap:13px;padding:18px 18px;background:transparent!important;font-weight:950;line-height:1.8;text-align:right}.api-faq-item .accordion-button::after{margin-right:auto;margin-left:0}.api-faq-item .accordion-button>span:first-child{direction:ltr;min-width:42px;height:34px;border-radius:12px;display:inline-grid;place-items:center;background:#fff1e8;color:var(--terracotta-2);font-size:.82rem;font-weight:950}.api-faq-item .accordion-button:not(.collapsed){color:var(--terracotta-2)!important}.api-faq-item .accordion-button:not(.collapsed)>span:first-child{background:var(--terracotta);color:#fff}.api-faq-item .accordion-body{padding:0 72px 20px 22px;line-height:2;color:var(--muted);font-weight:760}
.usecase-faq-map{position:relative;overflow:hidden}.usecase-faq-title{max-width:820px;margin:0 auto 28px;text-align:center}.usecase-faq-grid{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:24px;align-items:start}.usecase-scenario-stack{display:grid;gap:14px}.usecase-scenario-stack a{display:grid;grid-template-columns:52px 1fr;gap:2px 14px;align-items:center;text-decoration:none;border:1px solid rgba(36,32,29,.08);background:#fff;border-radius:24px;padding:17px;box-shadow:0 14px 36px rgba(55,38,23,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.usecase-scenario-stack a:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(55,38,23,.085);border-color:rgba(199,99,60,.24)}.usecase-scenario-stack i{grid-row:1/3;width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#fff3ec,#fff);color:var(--terracotta);font-size:1.35rem}.usecase-scenario-stack strong{color:var(--ink);font-weight:950}.usecase-scenario-stack span{color:var(--muted);font-size:.9rem}.usecase-faq-board{border-radius:34px;padding:10px;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,244,235,.58));border:1px solid rgba(36,32,29,.08);box-shadow:0 18px 55px rgba(55,38,23,.06)}.usecase-faq-accordion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.usecase-faq-accordion .accordion-item{border:1px solid rgba(36,32,29,.08)!important;background:#fff!important;border-radius:24px!important;overflow:hidden;box-shadow:0 12px 30px rgba(55,38,23,.045);margin:0!important}.usecase-faq-accordion .accordion-button{gap:10px;align-items:flex-start;padding:17px;background:#fff!important;line-height:1.75;text-align:right;font-weight:950}.usecase-faq-accordion .accordion-button::after{margin-right:auto;margin-left:0}.usecase-faq-accordion .accordion-button i{flex:0 0 auto;width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:#fff1e8;color:var(--terracotta)}.usecase-faq-accordion .accordion-button:not(.collapsed){color:var(--terracotta-2)!important}.usecase-faq-accordion .accordion-body{padding:0 17px 18px;color:var(--muted);line-height:1.95;font-weight:760}
.contact-faq-desk{position:relative;background:linear-gradient(180deg,#fff 0%,#fffaf5 100%);overflow:hidden}.contact-faq-desk::after{content:"";position:absolute;inset:80px -120px auto auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(199,99,60,.11),transparent 70%)}.contact-faq-intro{position:relative;z-index:1;border:1px solid rgba(36,32,29,.08);background:rgba(255,255,255,.82);border-radius:34px;padding:30px;box-shadow:0 20px 58px rgba(55,38,23,.07)}.contact-faq-route{display:grid;gap:12px;margin:24px 0}.contact-faq-route div{display:grid;grid-template-columns:44px 1fr;gap:2px 12px;align-items:center;padding:13px;border-radius:20px;background:#fff7f1;border:1px solid rgba(199,99,60,.13)}.contact-faq-route span{grid-row:1/3;width:44px;height:44px;border-radius:16px;background:#fff;color:var(--terracotta-2);display:grid;place-items:center;font-weight:950;box-shadow:inset 0 0 0 1px rgba(199,99,60,.13)}.contact-faq-route strong{font-weight:950;color:var(--ink)}.contact-faq-route small{color:var(--muted);font-weight:760}.contact-faq-actions{display:flex;gap:10px;flex-wrap:wrap}.contact-ticket-accordion{position:relative;z-index:1;display:grid;gap:13px}.contact-ticket-accordion .accordion-item{border:0!important;background:#fff!important;border-radius:26px!important;overflow:hidden;box-shadow:0 14px 38px rgba(55,38,23,.07);margin:0!important}.contact-ticket-accordion .accordion-button{gap:14px;padding:18px 20px;text-align:right;background:#fff!important;line-height:1.75;font-weight:950}.contact-ticket-accordion .accordion-button::after{margin-right:auto;margin-left:0}.contact-ticket-accordion .accordion-button:not(.collapsed){background:linear-gradient(135deg,#fff5ee,#fff)!important;color:var(--terracotta-2)!important}.ticket-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#fff1e8;color:var(--terracotta);flex:0 0 auto}.contact-ticket-accordion .accordion-body{padding:0 78px 20px 22px;color:var(--muted);line-height:2;font-weight:760}
.signup-faq-journey{position:relative;overflow:hidden}.signup-faq-grid{display:grid;grid-template-columns:minmax(280px,.84fr) minmax(0,1.16fr);gap:24px;align-items:start}.signup-faq-intro{border-radius:34px;padding:30px;background:linear-gradient(145deg,#fff,#fff5ee);border:1px solid rgba(36,32,29,.08);box-shadow:0 18px 55px rgba(55,38,23,.06)}.signup-faq-steps{position:relative;display:grid;gap:12px;margin-top:24px}.signup-faq-steps::before{content:"";position:absolute;right:21px;top:44px;bottom:44px;width:2px;background:rgba(199,99,60,.18)}.signup-faq-steps div{position:relative;display:grid;grid-template-columns:44px 1fr;gap:2px 12px;align-items:center}.signup-faq-steps span{grid-row:1/3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--terracotta);color:#fff;font-weight:950;box-shadow:0 10px 24px rgba(199,99,60,.22)}.signup-faq-steps strong{font-weight:950;color:var(--ink)}.signup-faq-steps small{color:var(--muted);font-weight:760}.signup-faq-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.signup-faq-cards article{position:relative;min-height:185px;border-radius:28px;background:#fff;border:1px solid rgba(36,32,29,.08);padding:22px;box-shadow:0 14px 38px rgba(55,38,23,.055);overflow:hidden}.signup-faq-cards article::after{content:"";position:absolute;left:-35px;bottom:-35px;width:110px;height:110px;border-radius:50%;background:rgba(199,99,60,.07)}.signup-faq-cards span{display:inline-grid;place-items:center;min-width:42px;height:34px;border-radius:13px;background:#fff1e8;color:var(--terracotta-2);font-weight:950;margin-bottom:14px}.signup-faq-cards h3{font-size:1.02rem;line-height:1.8;font-weight:950;color:var(--ink);margin:0 0 8px}.signup-faq-cards p{margin:0;color:var(--muted);line-height:1.9;font-weight:760}
@media (max-width:991.98px){.api-faq-grid,.usecase-faq-grid,.signup-faq-grid{grid-template-columns:1fr}.api-faq-console{position:relative;top:auto}.usecase-faq-accordion,.signup-faq-cards{grid-template-columns:1fr}.contact-ticket-accordion .accordion-body,.api-faq-item .accordion-body{padding:0 20px 20px}.contact-faq-intro{padding:24px}}@media (max-width:575.98px){.api-faq-lab::before,.contact-faq-desk::after{display:none}.api-faq-console,.api-faq-panel,.usecase-faq-board,.contact-faq-intro,.signup-faq-intro{border-radius:26px}.api-console-body,.contact-faq-intro,.signup-faq-intro{padding:20px}.api-faq-item .accordion-button,.contact-ticket-accordion .accordion-button,.usecase-faq-accordion .accordion-button{align-items:flex-start}.contact-ticket-accordion .accordion-body{padding:0 18px 18px}.api-console-actions .btn,.contact-faq-actions .btn{width:100%;justify-content:center}.signup-faq-cards article{min-height:auto}}


/* UseCases FAQ redesign - */
.usecase-faq-studio{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 12%,rgba(255,231,218,.82),transparent 36%),linear-gradient(180deg,#fffaf6 0%,#fff 100%)}
.usecase-faq-studio:before{content:"";position:absolute;inset:42px auto auto 5%;width:220px;height:220px;border-radius:999px;background:rgba(199,99,60,.08);filter:blur(18px);pointer-events:none}.usecase-faq-studio .container-wide{position:relative;z-index:1}.usecase-faq-guide{position:sticky;top:96px;border:1px solid rgba(36,32,29,.08);background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-radius:34px;padding:30px;box-shadow:0 22px 60px rgba(55,38,23,.07)}.usecase-decision-steps{display:grid;gap:12px;margin-top:24px}.usecase-decision-steps div{display:grid;grid-template-columns:44px 1fr;gap:2px 13px;align-items:center;padding:15px;border-radius:22px;background:linear-gradient(135deg,#fff,#fff7f0);border:1px solid rgba(36,32,29,.06)}.usecase-decision-steps span{grid-row:1/3;width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:950;font-size:.82rem}.usecase-decision-steps strong{font-weight:950;color:var(--ink)}.usecase-decision-steps small{color:var(--muted);font-weight:760;line-height:1.8}.usecase-guide-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.usecase-faq-list-shell{border-radius:38px;padding:14px;background:linear-gradient(135deg,rgba(36,32,29,.06),rgba(199,99,60,.09));box-shadow:0 24px 70px rgba(55,38,23,.075)}.usecase-faq-list-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px 22px}.usecase-faq-list-head span{display:block;color:var(--terracotta);font-size:.88rem;font-weight:950}.usecase-faq-list-head strong{display:block;color:var(--ink);font-size:1.16rem;font-weight:950;margin-top:4px}.usecase-faq-list-head em{font-style:normal;border:1px solid rgba(36,32,29,.08);background:#fff;border-radius:999px;padding:8px 14px;color:var(--muted);font-weight:900;white-space:nowrap}.usecase-clean-accordion{display:grid;gap:12px}.usecase-clean-accordion .accordion-item{border:0!important;border-radius:26px!important;background:#fff!important;overflow:hidden;box-shadow:0 14px 34px rgba(55,38,23,.055);position:relative}.usecase-clean-accordion .accordion-item:before{content:"";position:absolute;top:16px;bottom:16px;right:0;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--terracotta),#f4b188);opacity:.45}.usecase-clean-accordion .accordion-button{padding:20px 24px 20px 20px;background:#fff!important;box-shadow:none!important;gap:15px;align-items:center;text-align:right}.usecase-clean-accordion .accordion-button::after{margin-right:auto;margin-left:0}.usecase-clean-accordion .accordion-button:not(.collapsed){color:var(--terracotta-2)!important}.usecase-clean-accordion .faq-number{flex:0 0 auto;width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#fff3ec;color:var(--terracotta);font-weight:950;border:1px solid rgba(199,99,60,.12)}.faq-question-wrap{display:grid;gap:5px;line-height:1.7}.faq-question-wrap strong{font-weight:950;color:inherit}.faq-question-wrap small{color:var(--muted);font-weight:760}.usecase-clean-accordion .accordion-body{padding:0 83px 22px 24px;color:var(--muted);line-height:2;font-weight:760}.usecase-clean-accordion .accordion-body p{margin-bottom:14px}.usecase-answer-tags{display:flex;flex-wrap:wrap;gap:8px}.usecase-answer-tags a{text-decoration:none;border-radius:999px;background:#fff7f0;border:1px solid rgba(199,99,60,.16);color:var(--terracotta-2);padding:7px 12px;font-size:.86rem;font-weight:900;transition:transform .2s ease,background .2s ease}.usecase-answer-tags a:hover{transform:translateY(-2px);background:#fff0e6}
@media (max-width:991.98px){.usecase-faq-guide{position:relative;top:auto}.usecase-faq-list-shell{border-radius:30px}.usecase-faq-list-head{padding:10px 12px 18px}}
@media (max-width:575.98px){.usecase-faq-guide{padding:22px;border-radius:28px}.usecase-faq-list-head{align-items:flex-start;flex-direction:column}.usecase-clean-accordion .accordion-button{padding:18px;align-items:flex-start}.usecase-clean-accordion .faq-number{width:38px;height:38px;border-radius:14px}.usecase-clean-accordion .accordion-body{padding:0 18px 18px}.usecase-guide-actions .btn{width:100%;justify-content:center}}


.mini-card{border:1px solid rgba(36,32,29,.08);background:linear-gradient(135deg,#fff,#fff8f2);border-radius:24px;padding:20px;box-shadow:0 12px 34px rgba(55,38,23,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mini-card:hover{transform:translateY(-4px);box-shadow:0 18px 46px rgba(55,38,23,.075);border-color:rgba(199,99,60,.22)}.mini-card i{width:46px;height:46px;border-radius:17px;background:#fff1e8;color:var(--terracotta);display:grid;place-items:center;font-size:1.25rem;margin-bottom:14px}.mini-card h3{font-size:1.04rem;font-weight:950;margin-bottom:10px}.mini-card p{color:var(--muted);line-height:1.9;font-weight:760;margin:0}
/* Bulk SMS landing page */
.bulk-sms-hero{background:radial-gradient(circle at 84% 18%,rgba(199,99,60,.16),transparent 34%),linear-gradient(180deg,#fffaf4 0%,#fff 100%)}
.bulk-hero-board{border:1px solid rgba(36,32,29,.08);border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,244,235,.7));box-shadow:0 28px 80px rgba(55,38,23,.11);padding:22px;overflow:hidden;position:relative}
.bulk-hero-board:before{content:"";position:absolute;inset:auto -80px -90px auto;width:230px;height:230px;border-radius:999px;background:rgba(199,99,60,.11);filter:blur(4px)}
.bulk-board-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.bulk-board-head span{display:inline-flex;align-items:center;gap:8px;color:var(--terracotta-2);font-weight:950}.bulk-board-head strong{direction:ltr;color:var(--muted);font-size:.88rem;letter-spacing:.08em}.bulk-board-message{position:relative;z-index:1;border:1px solid rgba(199,99,60,.14);border-radius:26px;background:#fff;padding:18px 20px;margin-bottom:16px}.bulk-board-message small{display:block;color:var(--muted);font-weight:900;margin-bottom:8px}.bulk-board-message p{margin:0;color:var(--ink);font-weight:850;line-height:2}.bulk-board-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bulk-board-grid div{border:1px solid rgba(36,32,29,.07);background:rgba(255,255,255,.74);border-radius:22px;padding:15px}.bulk-board-grid b{display:block;color:var(--ink);font-size:1.14rem;font-weight:950;margin-bottom:4px}.bulk-board-grid span{display:block;color:var(--muted);font-size:.88rem;font-weight:760}.bulk-board-progress{position:relative;z-index:1;margin-top:18px;height:10px;border-radius:999px;background:rgba(36,32,29,.08);overflow:hidden}.bulk-board-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--terracotta),#edb06f)}
.section-head-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:28px;align-items:end;margin-bottom:34px}.bulk-fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bulk-flow-list{display:grid;gap:12px}.bulk-flow-list div{display:grid;grid-template-columns:48px 1fr;gap:4px 14px;align-items:start;border:1px solid rgba(36,32,29,.08);background:#fff;border-radius:24px;padding:18px;box-shadow:0 14px 40px rgba(55,38,23,.055)}.bulk-flow-list span{grid-row:1/3;width:48px;height:48px;border-radius:17px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:950;direction:ltr}.bulk-flow-list strong{font-weight:950;color:var(--ink)}.bulk-flow-list p{grid-column:2;margin:0;color:var(--muted);line-height:1.9;font-weight:760}.bulk-compare-table{display:grid;gap:10px}.bulk-compare-row{display:grid;grid-template-columns:170px 1fr 120px;gap:14px;align-items:center;border:1px solid rgba(36,32,29,.08);background:#fff;border-radius:20px;padding:16px 18px;box-shadow:0 12px 34px rgba(55,38,23,.045)}.bulk-compare-row.head{background:var(--ink);color:#fff;font-weight:950;box-shadow:none}.bulk-compare-row strong{font-weight:950;color:var(--ink)}.bulk-compare-row span{color:var(--muted);line-height:1.85;font-weight:760}.bulk-compare-row a{color:var(--terracotta-2);font-weight:950;text-decoration:none}.bulk-compare-row.head span{color:#fff}.bulk-faq-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffaf4 0%,#fff 100%)}.bulk-faq-side{position:sticky;top:96px;border:1px solid rgba(36,32,29,.08);background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-radius:32px;padding:28px;box-shadow:0 20px 60px rgba(55,38,23,.07)}.bulk-faq-accordion{display:grid;gap:12px}.bulk-faq-accordion .accordion-item{border:0!important;border-radius:24px!important;background:#fff!important;box-shadow:0 14px 34px rgba(55,38,23,.055);overflow:hidden}.bulk-faq-accordion .accordion-button{background:#fff!important;box-shadow:none!important;text-align:right;line-height:1.8;font-weight:950;padding:18px 20px}.bulk-faq-accordion .accordion-button::after{margin-right:auto;margin-left:0}.bulk-faq-accordion .accordion-button:not(.collapsed){color:var(--terracotta-2)!important}.bulk-faq-accordion .accordion-body{padding:0 20px 20px;color:var(--muted);line-height:2;font-weight:760}
@media (max-width:991.98px){.section-head-row,.bulk-fit-grid{grid-template-columns:1fr}.bulk-faq-side{position:relative;top:auto}.bulk-compare-row{grid-template-columns:1fr}.bulk-compare-row.head{display:none}}
@media (max-width:575.98px){.bulk-hero-board,.bulk-faq-side{border-radius:26px}.bulk-board-grid{grid-template-columns:1fr}.bulk-flow-list div{grid-template-columns:42px 1fr;padding:16px}.bulk-flow-list span{width:42px;height:42px;border-radius:15px}.bulk-flow-list p{grid-column:1/3}.bulk-faq-side .btn{width:100%;justify-content:center}}


/* Bulk SMS SEO/CTA polish - */
.cta-band > *{position:relative;z-index:2}
.cta-band .section-title,.cta-band h2{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.22)}
.cta-band .eyebrow{color:#ffe1cf!important;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.cta-band .lead-soft,.cta-band p{color:rgba(255,255,255,.84)!important}
.cta-band .btn-outline-soft{color:#fff!important;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.26)}
.cta-band .btn-outline-soft:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.40)}
.bulk-final-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;background:radial-gradient(circle at 12% 12%,rgba(199,99,60,.42),transparent 34%),linear-gradient(145deg,#251f1b 0%,#493226 100%);isolation:isolate}
.bulk-final-cta:after{opacity:.75}.bulk-final-cta__copy{max-width:780px}.bulk-final-cta__actions{min-width:260px}.bulk-note-board{background:linear-gradient(145deg,#fff,#fff7f0)}
@media (max-width:991.98px){.bulk-final-cta{grid-template-columns:1fr}.bulk-final-cta__actions{min-width:0;justify-content:flex-start!important}}
@media (max-width:575.98px){.bulk-final-cta .btn{width:100%;justify-content:center}.bulk-final-cta{gap:20px}}


/* Bulk SMS operational copy + CTA readability - */
.bulk-final-cta .section-title,
.bulk-final-cta h2,
.bulk-final-cta .bulk-final-cta__copy .section-title{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.30)}
.bulk-final-cta .lead-soft,
.bulk-final-cta p,
.bulk-final-cta .bulk-final-cta__copy .lead-soft{color:rgba(255,255,255,.90)!important}
.bulk-final-cta .eyebrow{color:#ffe4d6!important;background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.18)!important}
.bulk-final-cta .btn-primary-soft{box-shadow:0 14px 34px rgba(199,99,60,.26)}

/* Sms guides and use-cases differentiation */
.guide-hub-hero,.usecase-solution-hero{position:relative;overflow:hidden}
.guide-hub-hero:before,.usecase-solution-hero:before{content:"";position:absolute;inset:auto 8% -120px auto;width:360px;height:360px;border-radius:999px;background:rgba(199,99,60,.09);filter:blur(18px);pointer-events:none}.guide-hub-hero .container-wide,.usecase-solution-hero .container-wide{position:relative;z-index:1}.guide-position-strip{background:linear-gradient(180deg,#fff 0%,#fff8f1 100%)}.guide-split-note{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:26px;align-items:center;border:1px solid rgba(36,32,29,.08);background:rgba(255,255,255,.82);box-shadow:0 22px 62px rgba(55,38,23,.065);border-radius:34px;padding:26px}.guide-split-note h2{font-size:clamp(1.55rem,2.6vw,2.35rem);line-height:1.55;font-weight:950;letter-spacing:-.035em;margin:12px 0 0}.guide-split-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-split-cards a{display:grid;grid-template-columns:50px 1fr;gap:4px 14px;align-items:center;text-decoration:none;border:1px solid rgba(36,32,29,.08);background:#fff;border-radius:24px;padding:18px;box-shadow:0 14px 36px rgba(55,38,23,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.guide-split-cards a:hover{transform:translateY(-3px);border-color:rgba(199,99,60,.25);box-shadow:0 20px 45px rgba(55,38,23,.075)}.guide-split-cards a.active{background:linear-gradient(135deg,#2b2824,#47372f);border-color:rgba(36,32,29,.1);color:#fff}.guide-split-cards i{grid-row:1/3;width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:#fff3ec;color:var(--terracotta);font-size:1.25rem}.guide-split-cards a.active i{background:rgba(255,255,255,.12);color:#ffe0c8}.guide-split-cards strong{font-weight:950;color:inherit}.guide-split-cards span{color:var(--muted);font-weight:760;line-height:1.85;font-size:.9rem}.guide-split-cards a.active span{color:rgba(255,255,255,.78)}.guide-mini-index{border:1px solid rgba(36,32,29,.08);border-radius:26px;background:linear-gradient(135deg,#fff,#fff5ee);padding:22px;box-shadow:0 16px 42px rgba(55,38,23,.045)}.guide-mini-index strong{display:block;color:var(--terracotta-2);font-weight:950;margin-bottom:8px}.guide-mini-index span{display:block;color:var(--muted);line-height:1.9;font-weight:760}.guide-hub-card{position:relative;overflow:hidden}.guide-hub-card:before,.solution-case-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--terracotta),#e9ad55);opacity:.78}.guide-hub-card .blog-body{padding:28px}.guide-hub-card h3,.solution-case-card h3{line-height:1.65}.guide-hub-card p,.solution-case-card p{line-height:2}.guide-check-table td:first-child,.usecase-map-table td:first-child{width:210px}.solution-case-card{position:relative}.solution-case-card .scenario-detail{display:flex;gap:9px;align-items:flex-start;margin-top:16px;border:1px solid rgba(199,99,60,.13);background:#fff7f0;border-radius:18px;padding:11px 12px;color:var(--muted);font-size:.9rem;font-weight:820;line-height:1.8}.solution-case-card .scenario-detail i{color:var(--terracotta);margin-top:5px}.usecase-solution-hero .hero-actions .btn-outline-soft{border-color:rgba(36,32,29,.14)}
@media (max-width:991.98px){.guide-split-note,.section-head-row{grid-template-columns:1fr}.guide-split-cards{grid-template-columns:1fr}.guide-check-table td:first-child,.usecase-map-table td:first-child{width:auto}}
@media (max-width:575.98px){.guide-split-note{padding:20px;border-radius:28px}.guide-split-cards a{grid-template-columns:44px 1fr;padding:16px}.guide-split-cards i{width:44px;height:44px;border-radius:16px}.guide-mini-index{border-radius:22px;padding:18px}.guide-hub-card .blog-body{padding:22px}.guide-check-table td,.usecase-map-table td{display:block;width:100%!important}.guide-check-table tr,.usecase-map-table tr{display:block;border-bottom:1px solid var(--line)}}

/* Distinct SEO/UX layouts for sms-guides and use-cases */
.guide-orientation-board{background:linear-gradient(180deg,#fff 0%,#fff7ef 100%)}
.guide-learning-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:stretch;border:1px solid rgba(36,32,29,.08);background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,247,238,.78));box-shadow:0 24px 70px rgba(55,38,23,.07);border-radius:36px;padding:28px;overflow:hidden;position:relative}
.guide-learning-panel:before{content:"";position:absolute;inset:-120px auto auto -80px;width:260px;height:260px;border-radius:50%;background:rgba(230,173,75,.18);filter:blur(16px);pointer-events:none}.guide-learning-copy{position:relative;z-index:1}.guide-learning-copy h2{font-size:clamp(1.6rem,2.9vw,2.55rem);line-height:1.55;font-weight:950;letter-spacing:-.04em;margin:12px 0}.guide-learning-copy p{color:var(--muted);font-weight:760;line-height:2;max-width:660px}.guide-learning-steps{display:grid;gap:12px;position:relative;z-index:1}.guide-learning-steps a{display:grid;grid-template-columns:54px 1fr;gap:2px 14px;align-items:center;text-decoration:none;color:var(--ink);border:1px solid rgba(36,32,29,.08);border-radius:24px;background:rgba(255,255,255,.76);padding:16px;box-shadow:0 14px 34px rgba(55,38,23,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.guide-learning-steps a:hover{transform:translateY(-3px);border-color:rgba(199,99,60,.28);box-shadow:0 22px 50px rgba(55,38,23,.08)}.guide-learning-steps span{grid-row:1/3;width:54px;height:54px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(135deg,var(--terracotta),var(--terracotta-2));color:#fff;font-weight:950;box-shadow:0 14px 28px rgba(199,99,60,.22)}.guide-learning-steps strong{font-weight:950}.guide-learning-steps small{color:var(--muted);font-weight:780;line-height:1.8}.guide-roadmap-section{background:#fff}.guide-roadmap-head{max-width:820px;margin-bottom:24px}.guide-topic-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.guide-roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative}.guide-roadmap-item{min-width:0}.guide-roadmap-card{height:100%;display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:start;border:1px solid rgba(36,32,29,.08);border-radius:28px;background:linear-gradient(135deg,#fff,#fffaf5);padding:22px;box-shadow:0 14px 38px rgba(55,38,23,.055);position:relative;overflow:hidden}.guide-roadmap-card:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,var(--terracotta),#e9ad55);opacity:.75}.roadmap-no{width:58px;height:58px;border-radius:22px;display:grid;place-items:center;background:#2b2824;color:#ffe4ce;font-weight:950;font-size:1.05rem}.guide-roadmap-card h3{font-size:1.2rem;font-weight:950;line-height:1.65;margin:12px 0 8px}.guide-roadmap-card p{color:var(--muted);font-weight:720;line-height:2;margin-bottom:14px}.guide-roadmap-card a{color:var(--terracotta-2);font-weight:950}.guide-check-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px;align-items:center}.guide-check-copy .btn{margin-top:10px}.guide-check-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-check-cards div{border:1px solid rgba(36,32,29,.08);background:rgba(255,255,255,.78);border-radius:26px;padding:20px;box-shadow:0 12px 32px rgba(55,38,23,.05)}.guide-check-cards i{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;background:#fff1e8;color:var(--terracotta);font-size:1.25rem;margin-bottom:14px}.guide-check-cards strong{display:block;font-weight:950;margin-bottom:8px}.guide-check-cards span{display:block;color:var(--muted);font-weight:750;line-height:1.9}.guide-faq-lab{background:linear-gradient(180deg,#fff 0%,#fff8f1 100%)}.guide-faq-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:28px;align-items:start}.guide-faq-side{position:sticky;top:110px;border:1px solid rgba(36,32,29,.08);border-radius:30px;background:#fff;box-shadow:0 16px 42px rgba(55,38,23,.055);padding:24px}.guide-faq-side h2{font-weight:950;line-height:1.55;margin:12px 0}.guide-faq-side p{color:var(--muted);font-weight:750;line-height:2}.guide-accordion .accordion-item{border:1px solid rgba(36,32,29,.08)!important;border-radius:24px!important;background:#fff;margin-bottom:12px;overflow:hidden;box-shadow:0 10px 28px rgba(55,38,23,.045)}.guide-accordion .accordion-button{box-shadow:none!important;font-weight:900;padding:18px 20px}.guide-accordion .accordion-body{padding:0 22px 20px;color:var(--muted);line-height:2;font-weight:720}
.usecase-fit-strip{background:linear-gradient(180deg,#fff 0%,#f9efe7 100%)}.usecase-fit-panel{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:28px;align-items:center;border-radius:38px;background:linear-gradient(135deg,#2b2824,#49342a);color:#fff;padding:30px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(55,38,23,.18);position:relative;overflow:hidden}.usecase-fit-panel:before{content:"";position:absolute;inset:-90px -40px auto auto;width:260px;height:260px;border-radius:50%;background:rgba(230,173,75,.18);filter:blur(8px);pointer-events:none}.usecase-fit-intro{position:relative;z-index:1}.usecase-fit-intro .eyebrow{background:rgba(255,255,255,.08);color:#ffe5d1;border-color:rgba(255,255,255,.16)}.usecase-fit-intro h2{font-size:clamp(1.6rem,3vw,2.55rem);line-height:1.55;font-weight:950;letter-spacing:-.04em;margin:12px 0}.usecase-fit-intro p{color:rgba(255,255,255,.78);font-weight:750;line-height:2}.usecase-fit-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;position:relative;z-index:1}.usecase-fit-metrics a{display:block;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.065);border-radius:26px;padding:20px;transition:transform .2s ease,background .2s ease,border-color .2s ease}.usecase-fit-metrics a:hover{transform:translateY(-3px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}.usecase-fit-metrics i{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#ffd9bc;font-size:1.25rem;margin-bottom:14px}.usecase-fit-metrics strong{display:block;font-weight:950;margin-bottom:7px}.usecase-fit-metrics span{display:block;color:rgba(255,255,255,.72);font-weight:760;line-height:1.8}.usecase-scenario-studio{background:#fff}.usecase-studio-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.usecase-studio-head>div{max-width:820px}.case-filter-rail{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:10px;border:1px solid rgba(36,32,29,.08);border-radius:999px;background:#fff8f1;width:max-content;max-width:100%}.industry-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.industry-scenario-item{min-width:0}.industry-scenario-card{height:100%;border:1px solid rgba(36,32,29,.08);border-radius:30px;background:#fff;box-shadow:0 15px 42px rgba(55,38,23,.055);padding:24px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.industry-scenario-card:after{content:"";position:absolute;inset:auto 24px 0 24px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--terracotta),#e9ad55);opacity:.72}.industry-scenario-card.highlight{background:linear-gradient(135deg,#fff,#fff5ed);border-color:rgba(199,99,60,.22)}.scenario-card-head{display:flex;gap:14px;align-items:center}.scenario-card-head strong{display:block;font-weight:950}.scenario-card-head small{display:block;color:var(--muted);font-weight:780;margin-top:2px}.industry-scenario-card h3{font-size:1.22rem;font-weight:950;line-height:1.65;margin:4px 0}.industry-scenario-card p{color:var(--muted);font-weight:720;line-height:2;margin:0}.industry-scenario-card dl{border:1px solid rgba(199,99,60,.13);background:#fff8f1;border-radius:20px;padding:12px;margin:auto 0 0}.industry-scenario-card dt{font-weight:950;color:var(--terracotta-2);font-size:.88rem;margin-bottom:4px}.industry-scenario-card dd{margin:0;color:var(--muted);font-weight:800;line-height:1.8}.industry-scenario-card>a{margin-top:auto;color:var(--terracotta-2);font-weight:950}
.usecase-flow-section{overflow:hidden}.usecase-flow-head{max-width:760px;margin-bottom:24px}.usecase-flow-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.usecase-flow-map div{border:1px solid rgba(36,32,29,.08);background:#fff;border-radius:28px;padding:22px;box-shadow:0 14px 34px rgba(55,38,23,.05)}.usecase-flow-map strong{display:block;font-weight:950;font-size:1.05rem;margin-bottom:8px}.usecase-flow-map span{display:block;color:var(--muted);font-weight:750;line-height:1.9;min-height:86px}.usecase-flow-map a,.usecase-flow-map em{display:inline-flex;margin-top:14px;color:var(--terracotta-2);font-weight:950;font-style:normal;border:1px solid rgba(199,99,60,.14);background:#fff7f0;border-radius:999px;padding:7px 12px}
@media (max-width:991.98px){.guide-learning-panel,.guide-check-layout,.guide-faq-layout,.usecase-fit-panel{grid-template-columns:1fr}.guide-faq-side{position:static}.guide-roadmap-grid,.industry-scenario-grid{grid-template-columns:1fr}.usecase-studio-head{display:block}.usecase-studio-head .btn{margin-top:14px}.usecase-flow-map{grid-template-columns:1fr 1fr}.case-filter-rail{border-radius:26px;width:100%}}
@media (max-width:575.98px){.guide-learning-panel,.usecase-fit-panel{padding:22px;border-radius:30px}.guide-learning-steps a,.guide-roadmap-card{grid-template-columns:1fr}.guide-learning-steps span,.roadmap-no{width:48px;height:48px;border-radius:17px}.guide-check-cards,.usecase-fit-metrics,.usecase-flow-map{grid-template-columns:1fr}.guide-faq-side,.industry-scenario-card{border-radius:24px}.case-filter-rail{padding:8px}}

/* Pricing page SEO/UX pricing architecture */
.pricing-page-enhanced .section-head{position:relative;z-index:1}
.pricing-page-enhanced .fw-black{font-weight:950}
.pricing-market-strip{padding-top:42px;padding-bottom:26px}
.pricing-proof-card{
  height:100%;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:3px 14px;
  align-items:center;
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(255,250,243,.92),rgba(255,255,255,.5));
  border-radius:26px;
  padding:20px;
  box-shadow:var(--shadow-sm);
}
.pricing-proof-card i{
  grid-row:1/3;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:var(--terracotta);
  background:rgba(199,99,60,.12);
  font-size:1.25rem;
}
.pricing-proof-card strong{font-weight:950;color:var(--ink)}
.pricing-proof-card span{color:var(--muted);font-weight:800;line-height:1.85;font-size:.9rem}
.pricing-note-box{
  display:flex;
  gap:12px;
  align-items:flex-start;
  border:1px solid rgba(199,99,60,.22);
  background:rgba(255,250,243,.78);
  border-radius:24px;
  padding:16px 18px;
  color:var(--muted);
  font-weight:850;
  line-height:1.9;
  box-shadow:var(--shadow-sm);
}
.pricing-note-box i{color:var(--terracotta);font-size:1.15rem;margin-top:4px}
.plan-card-modern{min-height:100%;display:flex;flex-direction:column;gap:0}
.plan-card-modern .price{font-size:2rem;line-height:1.15;margin-bottom:8px}
.monthly-equivalent{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  color:var(--muted);
  border:1px solid var(--line);
  background:rgba(255,255,255,.48);
  border-radius:999px;
  padding:6px 10px;
  font-size:.78rem;
  font-weight:850;
  margin-bottom:12px;
}
.unit-rate{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(66,122,85,.22);
  background:rgba(66,122,85,.08);
  border-radius:18px;
  padding:12px 13px;
  margin:12px 0 16px;
}
.unit-rate span{color:var(--muted);font-weight:850;font-size:.84rem}
.unit-rate strong{color:var(--success);font-size:1.08rem;font-weight:950;white-space:nowrap}
.hybrid-card{
  background:linear-gradient(180deg,rgba(255,250,243,.96),rgba(230,173,75,.16));
  border-color:rgba(230,173,75,.48)!important;
  box-shadow:0 24px 72px rgba(158,111,31,.12);
}
.enterprise-card{background:linear-gradient(180deg,rgba(255,250,243,.94),rgba(38,50,72,.055))}
.hybrid-badge{background:var(--mustard);color:#4b3219}
.calculator-rules{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.calculator-rules span{
  border:1px solid var(--line);
  background:rgba(255,255,255,.46);
  border-radius:999px;
  padding:8px 11px;
  color:var(--muted);
  font-size:.83rem;
  font-weight:850;
}
.calculator-rules i{color:var(--success)}
.calculator-box-modern{overflow:hidden;position:relative}
.calculator-box-modern::after{
  content:"";
  position:absolute;
  left:-80px;
  bottom:-90px;
  width:210px;
  height:210px;
  border-radius:999px;
  background:rgba(199,99,60,.06);
  pointer-events:none;
}
.pricing-results-modern{grid-template-columns:repeat(3,1fr);position:relative;z-index:1}
.pricing-results-modern div:nth-child(3),.pricing-results-modern div:nth-child(5){background:rgba(66,122,85,.075);border-color:rgba(66,122,85,.2)}
.pricing-rate-table strong{font-weight:950;color:var(--success)}
.pricing-footnote{
  display:flex;
  gap:10px;
  margin-top:14px;
  border:1px dashed rgba(199,99,60,.34);
  background:rgba(255,250,243,.64);
  border-radius:20px;
  padding:13px 15px;
  color:var(--muted);
  font-weight:850;
  line-height:1.9;
}
.pricing-footnote i{color:var(--terracotta);margin-top:4px}
.credit-policy-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  border:1px solid rgba(66,122,85,.24);
  background:linear-gradient(145deg,rgba(255,250,243,.92),rgba(66,122,85,.08));
  border-radius:32px;
  padding:28px;
  box-shadow:var(--shadow-sm);
}
.credit-policy-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:rgba(66,122,85,.12);
  color:var(--success);
  font-size:1.45rem;
}
.credit-policy-card h3{font-weight:950;margin-bottom:8px}
.credit-policy-card p{color:var(--muted);font-weight:800;line-height:1.95;margin-bottom:16px}
.policy-steps{display:flex;flex-wrap:wrap;gap:9px}
.policy-steps span{
  border:1px solid rgba(66,122,85,.2);
  background:rgba(255,255,255,.5);
  border-radius:999px;
  padding:8px 11px;
  color:var(--success);
  font-size:.82rem;
  font-weight:900;
}
.feature-compare-table td,.feature-compare-table th{white-space:normal}
.decision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.decision-card{
  min-height:170px;
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(255,250,243,.9),rgba(255,255,255,.44));
  border-radius:26px;
  padding:22px;
  box-shadow:var(--shadow-sm);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.decision-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);border-color:rgba(199,99,60,.32)}
.decision-card i{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(199,99,60,.11);
  color:var(--terracotta);
  font-size:1.25rem;
  margin-bottom:16px;
}
.decision-card strong{display:block;font-weight:950;margin-bottom:8px;color:var(--ink)}
.decision-card span{display:block;color:var(--muted);font-weight:800;line-height:1.9;font-size:.9rem}
.pricing-cta-band{background:linear-gradient(135deg,rgba(36,32,29,.94),rgba(67,52,39,.94));color:#fff}
.pricing-cta-band p{color:rgba(255,255,255,.75)}
.pricing-cta-band .btn-primary-soft{background:#fff;color:var(--terracotta);border-color:#fff}
@media (max-width:1199.98px){.plan-card-modern .price{font-size:1.74rem}.unit-rate{display:grid;justify-content:stretch}.unit-rate strong{white-space:normal}}
@media (max-width:991.98px){.pricing-results-modern{grid-template-columns:1fr 1fr}.credit-policy-card{grid-template-columns:1fr}.decision-grid{grid-template-columns:1fr}.pricing-page-enhanced .section-title{max-width:100%}}
@media (max-width:575.98px){.pricing-results-modern{grid-template-columns:1fr}.pricing-proof-card{grid-template-columns:1fr}.pricing-note-box,.pricing-footnote{display:grid}.credit-policy-card{padding:22px}.plan-card-modern .price{font-size:1.62rem}}

/* Pricing page production-ready public pricing page */
.pricing-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 18%,rgba(199,99,60,.16) 0%,rgba(199,99,60,0) 34%),
    radial-gradient(circle at 84% 18%,rgba(66,122,85,.14) 0%,rgba(66,122,85,0) 34%),
    linear-gradient(135deg,#fffaf3 0%,#f5eadf 52%,#fff7ee 100%);
}
.pricing-hero:after{
  content:"";
  position:absolute;
  inset:auto -90px -150px auto;
  width:420px;
  height:420px;
  border-radius:999px;
  background:rgba(230,173,75,.16);
  pointer-events:none;
}
.pricing-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(330px,.62fr);
  gap:34px;
  align-items:center;
  position:relative;
  z-index:1;
}
.pricing-hero-copy .lead-soft{max-width:760px}
.pricing-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.pricing-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.pricing-hero-points span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(80,52,34,.10);
  background:rgba(255,255,255,.56);
  border-radius:999px;
  padding:9px 12px;
  color:var(--muted,#74665f);
  font-weight:900;
  font-size:.88rem;
}
.pricing-hero-points i{color:var(--success,#427a55)}
.pricing-hero-panel{
  border:1px solid rgba(255,255,255,.78);
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,250,243,.72));
  border-radius:34px;
  padding:24px;
  box-shadow:0 28px 86px rgba(80,52,34,.13);
  backdrop-filter:blur(12px);
}
.hero-panel-top{
  display:grid;
  gap:6px;
  border-radius:28px;
  padding:22px;
  color:#fff;
  background:linear-gradient(135deg,var(--terracotta,#c7633c),#8b4d35);
  box-shadow:0 18px 48px rgba(199,99,60,.22);
}
.hero-panel-top span,.hero-panel-top small{color:rgba(255,255,255,.75);font-weight:900}
.hero-panel-top strong{font-size:2.25rem;font-weight:950;letter-spacing:-.04em}
.hero-panel-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.hero-panel-list div{
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid var(--line,#eadfd5);
  background:rgba(255,255,255,.62);
  border-radius:20px;
  padding:13px;
  color:var(--ink,#2d2925);
  font-weight:900;
}
.hero-panel-list i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:var(--terracotta,#c7633c);
  background:rgba(199,99,60,.10);
}
.hero-panel-note{
  display:flex;
  gap:10px;
  align-items:flex-start;
  border:1px dashed rgba(66,122,85,.34);
  border-radius:20px;
  padding:13px 14px;
  color:var(--muted,#74665f);
  background:rgba(66,122,85,.07);
  font-weight:850;
  line-height:1.9;
}
.hero-panel-note i{color:var(--success,#427a55);margin-top:4px}
.pricing-page .fw-black{font-weight:950}
.pricing-intro{padding-top:42px;padding-bottom:26px}
.pricing-benefit{
  height:100%;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:4px 14px;
  align-items:center;
  border:1px solid var(--line,#eadfd5);
  background:linear-gradient(145deg,rgba(255,250,243,.92),rgba(255,255,255,.55));
  border-radius:26px;
  padding:20px;
  box-shadow:var(--shadow-sm,0 12px 32px rgba(80,52,34,.08));
}
.pricing-benefit i{
  grid-row:1/3;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:var(--terracotta,#c7633c);
  background:rgba(199,99,60,.11);
  font-size:1.22rem;
}
.pricing-benefit strong{font-weight:950;color:var(--ink,#2d2925)}
.pricing-benefit span{color:var(--muted,#74665f);font-weight:800;line-height:1.9;font-size:.9rem}
.pricing-mini-note{
  display:flex;
  gap:12px;
  align-items:flex-start;
  border:1px solid rgba(199,99,60,.18);
  background:rgba(255,255,255,.58);
  border-radius:24px;
  padding:16px 18px;
  color:var(--muted,#74665f);
  font-weight:850;
  line-height:1.9;
  box-shadow:var(--shadow-sm,0 12px 32px rgba(80,52,34,.08));
}
.pricing-mini-note i{color:var(--terracotta,#c7633c);font-size:1.12rem;margin-top:4px}
.pricing-plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.pricing-card{
  position:relative;
  min-height:100%;
  display:flex;
  flex-direction:column;
  border:1px solid var(--line,#eadfd5);
  border-radius:30px;
  padding:22px;
  background:linear-gradient(180deg,rgba(255,250,243,.96),rgba(255,255,255,.68));
  box-shadow:0 18px 58px rgba(80,52,34,.08);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.pricing-card:hover{transform:translateY(-6px);box-shadow:0 24px 74px rgba(80,52,34,.13);border-color:rgba(199,99,60,.32)}
.pricing-card.popular{border-color:rgba(199,99,60,.42);box-shadow:0 24px 76px rgba(199,99,60,.13)}
.pricing-card.hybrid{background:linear-gradient(180deg,rgba(255,250,243,.98),rgba(230,173,75,.14));border-color:rgba(230,173,75,.5)}
.pricing-card.enterprise{background:linear-gradient(180deg,rgba(255,250,243,.96),rgba(38,50,72,.06))}
.popular-ribbon{
  position:absolute;
  top:-15px;
  right:22px;
  background:var(--terracotta,#c7633c);
  color:#fff;
  border-radius:999px;
  padding:8px 13px;
  font-size:.78rem;
  font-weight:950;
  box-shadow:0 12px 28px rgba(199,99,60,.22);
}
.pricing-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.pricing-card-head span{
  color:var(--terracotta,#c7633c);
  background:rgba(199,99,60,.10);
  border-radius:999px;
  padding:7px 11px;
  font-size:.8rem;
  font-weight:950;
}
.pricing-card-head i{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:var(--terracotta,#c7633c);
  background:rgba(255,255,255,.65);
  border:1px solid rgba(80,52,34,.08);
}
.pricing-card h3{font-size:1.26rem;font-weight:950;margin-bottom:8px;color:var(--ink,#2d2925)}
.pricing-card p{color:var(--muted,#74665f);font-weight:800;line-height:1.9;margin-bottom:16px;min-height:86px}
.pricing-amount{display:grid;gap:5px;margin:4px 0 13px}
.pricing-amount strong{font-size:1.85rem;font-weight:950;letter-spacing:-.04em;color:var(--ink,#2d2925)}
.pricing-amount span{color:var(--muted,#74665f);font-size:.85rem;font-weight:850}
.pricing-rate{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  border:1px solid rgba(66,122,85,.22);
  background:rgba(66,122,85,.075);
  border-radius:18px;
  padding:12px 13px;
  margin-bottom:16px;
}
.pricing-rate span{color:var(--muted,#74665f);font-size:.84rem;font-weight:900}
.pricing-rate strong{color:var(--success,#427a55);font-weight:950;white-space:nowrap}
.pricing-card ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px;flex:1}
.pricing-card li{display:flex;gap:8px;align-items:flex-start;color:var(--muted,#74665f);font-weight:850;line-height:1.75;font-size:.9rem}
.pricing-card li i{color:var(--success,#427a55);font-size:1rem;margin-top:4px}
.calculator-rules{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.calculator-rules span{
  border:1px solid var(--line,#eadfd5);
  background:rgba(255,255,255,.52);
  border-radius:999px;
  padding:8px 11px;
  color:var(--muted,#74665f);
  font-size:.83rem;
  font-weight:900;
}
.pricing-calculator{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line,#eadfd5);
  border-radius:34px;
  padding:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,250,243,.82));
  box-shadow:0 24px 78px rgba(80,52,34,.11);
}
.pricing-calculator:after{
  content:"";
  position:absolute;
  left:-90px;
  bottom:-110px;
  width:240px;
  height:240px;
  border-radius:999px;
  background:rgba(199,99,60,.065);
  pointer-events:none;
}
.calculator-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;position:relative;z-index:1;margin-bottom:14px}
.calculator-top p{margin:4px 0 0;color:var(--muted,#74665f);font-weight:800;line-height:1.8}
.calculator-top strong{
  display:inline-flex;
  white-space:nowrap;
  color:var(--terracotta,#c7633c);
  border:1px solid rgba(199,99,60,.16);
  background:rgba(199,99,60,.08);
  border-radius:999px;
  padding:9px 13px;
  font-weight:950;
}
.range-hints{display:flex;justify-content:space-between;color:var(--muted,#74665f);font-size:.78rem;font-weight:850;margin-top:-3px;margin-bottom:16px;position:relative;z-index:1}
.pricing-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:1}
.pricing-results div{
  border:1px solid var(--line,#eadfd5);
  background:rgba(255,255,255,.62);
  border-radius:20px;
  padding:14px;
}
.pricing-results div:nth-child(3),.pricing-results div:nth-child(6){border-color:rgba(66,122,85,.22);background:rgba(66,122,85,.075)}
.pricing-results span{display:block;color:var(--muted,#74665f);font-size:.8rem;font-weight:900;margin-bottom:7px}
.pricing-results strong{display:block;color:var(--ink,#2d2925);font-weight:950;font-size:.98rem;line-height:1.55}
.calculator-insight{
  position:relative;
  z-index:1;
  margin-top:14px;
  border:1px solid rgba(199,99,60,.18);
  background:rgba(199,99,60,.065);
  color:var(--muted,#74665f);
  border-radius:20px;
  padding:13px 15px;
  font-weight:900;
  line-height:1.9;
}
.calculator-formula{
  position:relative;
  z-index:1;
  display:flex;
  gap:9px;
  align-items:flex-start;
  margin-top:10px;
  color:var(--muted,#74665f);
  font-size:.84rem;
  font-weight:850;
  line-height:1.85;
}
.calculator-formula i{color:var(--terracotta,#c7633c);margin-top:3px}
.service-path-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.service-path-card{
  min-height:190px;
  border:1px solid var(--line,#eadfd5);
  background:linear-gradient(145deg,rgba(255,250,243,.92),rgba(255,255,255,.58));
  border-radius:28px;
  padding:22px;
  box-shadow:var(--shadow-sm,0 12px 32px rgba(80,52,34,.08));
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.service-path-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(80,52,34,.11);border-color:rgba(199,99,60,.28)}
.service-path-card i{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(199,99,60,.10);
  color:var(--terracotta,#c7633c);
  font-size:1.25rem;
  margin-bottom:16px;
}
.service-path-card strong{display:block;color:var(--ink,#2d2925);font-weight:950;margin-bottom:8px}
.service-path-card span{display:block;color:var(--muted,#74665f);font-weight:800;line-height:1.9;font-size:.9rem}
.pricing-compare td,.pricing-compare th{white-space:normal}
.pricing-compare tbody td:first-child{font-weight:950;color:var(--ink,#2d2925)}
.credit-policy-card{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.credit-step{
  border:1px solid rgba(66,122,85,.22);
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(66,122,85,.075));
  border-radius:26px;
  padding:20px;
  min-height:150px;
  box-shadow:var(--shadow-sm,0 12px 32px rgba(80,52,34,.08));
}
.credit-step span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:rgba(66,122,85,.12);
  color:var(--success,#427a55);
  font-weight:950;
  margin-bottom:14px;
}
.credit-step strong{display:block;font-weight:950;color:var(--ink,#2d2925);margin-bottom:8px}
.credit-step small{display:block;color:var(--muted,#74665f);font-weight:850;line-height:1.85}
.pricing-faq .accordion-item{border-radius:22px;overflow:hidden;margin-bottom:12px;border:1px solid var(--line,#eadfd5);background:rgba(255,255,255,.65)}
.pricing-faq .accordion-button{font-weight:950;color:var(--ink,#2d2925);box-shadow:none}
.pricing-faq .accordion-body{color:var(--muted,#74665f);font-weight:800;line-height:2}
.pricing-final-cta{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  border-radius:34px;
  padding:30px;
  color:#fff;
  background:
    radial-gradient(circle at 16% 15%,rgba(230,173,75,.22),rgba(230,173,75,0) 34%),
    linear-gradient(135deg,rgba(36,32,29,.96),rgba(67,52,39,.94));
  box-shadow:0 28px 80px rgba(36,32,29,.18);
}
.pricing-final-cta span{display:block;color:rgba(255,255,255,.68);font-weight:950;margin-bottom:10px}
.pricing-final-cta h2{font-size:1.55rem;font-weight:950;line-height:1.65;margin-bottom:8px}
.pricing-final-cta p{color:rgba(255,255,255,.74);font-weight:800;line-height:1.9;margin:0}
.pricing-final-cta .btn-primary-soft{background:#fff;color:var(--terracotta,#c7633c);border-color:#fff;white-space:nowrap}
@media (max-width:1199.98px){
  .pricing-plans-grid{grid-template-columns:repeat(2,1fr)}
  .pricing-hero-grid{grid-template-columns:1fr}
  .pricing-hero-panel{max-width:720px}
}
@media (max-width:991.98px){
  .pricing-results{grid-template-columns:1fr 1fr}
  .service-path-grid,.credit-policy-card{grid-template-columns:1fr}
  .pricing-final-cta{display:grid}
}
@media (max-width:767.98px){
  .pricing-plans-grid{grid-template-columns:1fr}
  .hero-panel-list,.pricing-results{grid-template-columns:1fr}
  .calculator-top{display:grid}
  .pricing-final-cta{padding:24px}
}
@media (max-width:575.98px){
  .pricing-hero-panel,.pricing-calculator{border-radius:28px;padding:20px}
  .pricing-card{border-radius:26px;padding:20px}
  .pricing-amount strong{font-size:1.55rem}
}

/* Pricing calculator refined monthly volume selector */
.calculator-rules-pro span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.calculator-rules-pro i{color:var(--success,#427a55)}
.pricing-calculator-pro{
  padding:28px;
  background:
    radial-gradient(circle at 12% 90%,rgba(199,99,60,.09),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,250,243,.86));
}
.calculator-top-pro{align-items:stretch;margin-bottom:18px}
.calculator-volume-card{
  min-width:190px;
  display:grid;
  align-content:center;
  gap:5px;
  border:1px solid rgba(199,99,60,.18);
  background:linear-gradient(145deg,rgba(199,99,60,.09),rgba(255,255,255,.58));
  border-radius:24px;
  padding:14px 16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62);
}
.calculator-volume-card span{
  color:var(--muted,#74665f);
  font-size:.8rem;
  font-weight:900;
}
.calculator-volume-card strong{
  border:0;
  background:transparent;
  padding:0;
  color:var(--terracotta,#c7633c);
  font-size:1.15rem;
}
.volume-selector{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
  margin:4px 0 18px;
}
.volume-chip{
  border:1px solid var(--line,#eadfd5);
  background:rgba(255,255,255,.62);
  color:var(--ink,#2d2925);
  border-radius:17px;
  padding:10px 8px;
  min-height:44px;
  font-size:.84rem;
  font-weight:950;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.volume-chip:hover{
  transform:translateY(-2px);
  border-color:rgba(199,99,60,.32);
  box-shadow:0 10px 26px rgba(80,52,34,.08);
}
.volume-chip.is-active{
  color:#fff;
  border-color:rgba(199,99,60,.72);
  background:linear-gradient(135deg,var(--terracotta,#c7633c),#e6ad4b);
  box-shadow:0 14px 34px rgba(199,99,60,.18);
}
.volume-chip-consult{
  grid-column:span 2;
  color:var(--success,#427a55);
  border-color:rgba(66,122,85,.24);
  background:rgba(66,122,85,.075);
}
.range-wrap{
  position:relative;
  z-index:1;
  padding-top:25px;
  margin-top:2px;
}
.range-wrap .form-range{position:relative;z-index:2}
.range-bubble{
  position:absolute;
  top:0;
  left:0;
  min-width:74px;
  text-align:center;
  border:1px solid rgba(199,99,60,.2);
  background:#fffaf3;
  color:var(--terracotta,#c7633c);
  border-radius:999px;
  padding:4px 10px;
  font-size:.78rem;
  font-weight:950;
  box-shadow:0 8px 22px rgba(80,52,34,.08);
  pointer-events:none;
}
.range-hints-pro{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:6px;
  text-align:center;
  margin-top:2px;
  margin-bottom:14px;
}
.range-hints-pro span:first-child{text-align:right}
.range-hints-pro span:last-child{text-align:left}
.volume-manual{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr minmax(190px,240px);
  gap:14px;
  align-items:center;
  border:1px dashed rgba(199,99,60,.24);
  background:rgba(255,255,255,.44);
  border-radius:22px;
  padding:14px;
  margin:12px 0 16px;
}
.volume-manual label{margin:0;color:var(--ink,#2d2925)}
.volume-manual span,
.manual-input-group small{
  display:block;
  margin-top:5px;
  color:var(--muted,#74665f);
  font-size:.8rem;
  font-weight:850;
  line-height:1.75;
}
.manual-input-group .form-control{
  direction:ltr;
  text-align:center;
  border-radius:16px;
  font-weight:950;
  height:48px;
}
.pricing-results-pro div:nth-child(7){grid-column:span 3}
.pricing-calculator-pro.is-consult-mode .pricing-results-pro div{
  border-color:rgba(66,122,85,.22);
  background:rgba(66,122,85,.07);
}
.pricing-calculator-pro.is-consult-mode .calculator-insight{
  border-color:rgba(66,122,85,.24);
  background:rgba(66,122,85,.08);
}
@media (max-width:991.98px){
  .calculator-top-pro{display:grid}
  .calculator-volume-card{min-width:0}
  .volume-selector{grid-template-columns:repeat(3,minmax(0,1fr))}
  .volume-chip-consult{grid-column:span 3}
  .volume-manual{grid-template-columns:1fr}
}
@media (max-width:575.98px){
  .pricing-calculator-pro{padding:20px;border-radius:26px}
  .volume-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .volume-chip-consult{grid-column:span 2}
  .range-hints-pro{font-size:.7rem;gap:3px}
  .pricing-results-pro{grid-template-columns:1fr}
  .pricing-results-pro div:nth-child(7){grid-column:auto}
}

/* Pricing final CTA contrast fix */
.pricing-final-cta .btn-primary-soft{
  background:linear-gradient(135deg,var(--terracotta,#c7633c),var(--terracotta-2,#a85132)) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:0 18px 42px rgba(199,99,60,.34), inset 0 1px 0 rgba(255,255,255,.24) !important;
  min-width:150px;
  text-align:center;
}
.pricing-final-cta .btn-primary-soft:hover,
.pricing-final-cta .btn-primary-soft:focus{
  background:linear-gradient(135deg,var(--terracotta-2,#a85132),#7b3724) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.34) !important;
  box-shadow:0 22px 50px rgba(199,99,60,.42), inset 0 1px 0 rgba(255,255,255,.26) !important;
}
.pricing-final-cta .btn-primary-soft::before{
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.22),transparent);
}
@media (max-width: 575.98px){
  .pricing-final-cta .btn-primary-soft{width:100%;min-width:0}
}

/* Pricing refined quick plan comparison */
.pricing-comparison{
  position:relative;
  overflow:hidden;
}
.pricing-comparison:before{
  content:"";
  position:absolute;
  inset:44px auto auto -120px;
  width:290px;
  height:290px;
  border-radius:999px;
  background:rgba(199,99,60,.055);
  pointer-events:none;
}
.compare-helper{
  display:grid;
  gap:10px;
  margin-top:22px;
}
.compare-helper div{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:2px 11px;
  align-items:center;
  border:1px solid rgba(80,52,34,.10);
  background:rgba(255,255,255,.54);
  border-radius:22px;
  padding:13px 14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
.compare-helper i{
  grid-row:1/3;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:var(--terracotta,#c7633c);
  background:rgba(199,99,60,.10);
}
.compare-helper span{
  color:var(--muted,#74665f);
  font-weight:850;
  font-size:.78rem;
}
.compare-helper strong{
  color:var(--ink,#2d2925);
  font-weight:950;
  font-size:.92rem;
}
.pricing-compare-panel{
  position:relative;
  z-index:1;
  border:1px solid rgba(80,52,34,.10);
  border-radius:34px;
  padding:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,250,243,.72));
  box-shadow:0 24px 76px rgba(80,52,34,.10),inset 0 1px 0 rgba(255,255,255,.66);
}
.compare-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-bottom:14px;
}
.compare-summary article{
  position:relative;
  min-height:118px;
  border:1px solid var(--line,#eadfd5);
  border-radius:24px;
  padding:15px;
  background:rgba(255,255,255,.62);
  overflow:hidden;
}
.compare-summary article:after{
  content:"";
  position:absolute;
  inset:auto -36px -42px auto;
  width:94px;
  height:94px;
  border-radius:999px;
  background:rgba(199,99,60,.055);
  pointer-events:none;
}
.compare-summary article.is-recommended{
  border-color:rgba(199,99,60,.34);
  background:linear-gradient(180deg,rgba(255,250,243,.96),rgba(199,99,60,.075));
  box-shadow:0 14px 38px rgba(199,99,60,.09);
}
.compare-summary em{
  position:absolute;
  top:10px;
  left:10px;
  font-style:normal;
  border-radius:999px;
  padding:4px 8px;
  background:var(--terracotta,#c7633c);
  color:#fff;
  font-size:.68rem;
  font-weight:950;
}
.compare-summary span{
  display:block;
  color:var(--terracotta,#c7633c);
  font-size:.8rem;
  font-weight:950;
  margin-bottom:8px;
}
.compare-summary strong{
  display:block;
  color:var(--ink,#2d2925);
  font-weight:950;
  line-height:1.6;
}
.compare-summary small{
  display:block;
  margin-top:6px;
  color:var(--muted,#74665f);
  font-weight:800;
  line-height:1.75;
  font-size:.78rem;
}
.pricing-compare{
  border-radius:26px;
  box-shadow:none;
  background:rgba(255,255,255,.56);
}
.pricing-compare table{min-width:720px}
.pricing-compare th{
  position:relative;
  background:linear-gradient(180deg,rgba(255,250,243,.94),rgba(255,255,255,.72));
  color:var(--ink,#2d2925);
  text-align:center;
  font-size:.88rem;
}
.pricing-compare th:first-child,
.pricing-compare td:first-child{
  text-align:right;
  width:28%;
}
.pricing-compare th:first-child{
  background:rgba(199,99,60,.08);
}
.pricing-compare td{
  text-align:center;
  color:var(--muted,#74665f);
  font-weight:850;
  font-size:.88rem;
  vertical-align:middle;
}
.pricing-compare tbody td:first-child{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--ink,#2d2925);
  font-size:.9rem;
}
.pricing-compare tbody td:first-child i{
  width:30px;
  height:30px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:12px;
  color:var(--terracotta,#c7633c);
  background:rgba(199,99,60,.09);
}
.pricing-compare tbody tr:nth-child(even){background:rgba(255,250,243,.38)}
.pricing-compare tbody tr:hover{background:rgba(199,99,60,.07)}
.recommended-col:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:7px;
  width:36px;
  height:3px;
  border-radius:999px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--terracotta,#c7633c),#e6ad4b);
}
.compare-value,
.compare-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  border:1px solid rgba(80,52,34,.10);
  background:rgba(255,255,255,.62);
  border-radius:999px;
  padding:6px 10px;
  font-weight:950;
  color:var(--ink,#2d2925);
  white-space:nowrap;
}
.compare-value.is-strong{
  color:var(--terracotta,#c7633c);
  border-color:rgba(199,99,60,.20);
  background:rgba(199,99,60,.08);
}
.compare-value.is-green,
.compare-badge.is-pro{
  color:var(--success,#427a55);
  border-color:rgba(66,122,85,.22);
  background:rgba(66,122,85,.075);
}
.compare-badge{
  color:var(--muted,#74665f);
  font-size:.8rem;
  font-weight:900;
}
.compare-badge.is-full{
  color:var(--terracotta,#c7633c);
  border-color:rgba(199,99,60,.18);
  background:rgba(199,99,60,.075);
}
.compare-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:14px;
  border:1px dashed rgba(199,99,60,.24);
  border-radius:22px;
  padding:13px 14px;
  background:rgba(255,250,243,.54);
}
.compare-footer div{
  display:flex;
  align-items:flex-start;
  gap:9px;
  color:var(--muted,#74665f);
  font-weight:850;
  line-height:1.9;
  font-size:.86rem;
}
.compare-footer i{color:var(--terracotta,#c7633c);margin-top:4px}
.compare-footer .btn{white-space:nowrap}
@media (max-width:1199.98px){
  .compare-summary{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:991.98px){
  .compare-helper{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:767.98px){
  .pricing-compare-panel{padding:14px;border-radius:28px}
  .compare-summary{grid-template-columns:1fr 1fr}
  .compare-footer{display:grid}
  .compare-footer .btn{width:100%}
  .compare-helper{grid-template-columns:1fr}
}
@media (max-width:575.98px){
  .compare-summary{grid-template-columns:1fr}
  .compare-summary article{min-height:auto}
  .pricing-compare table{min-width:680px}
  .pricing-compare td,.pricing-compare th{padding:13px 10px}
}

/* Pricing comparison section width and readability refinement */
.pricing-comparison .container-wide{
  position:relative;
  z-index:1;
}
.comparison-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
}
.comparison-title{
  flex:1 1 420px;
  max-width:620px;
}
.comparison-title .section-title{
  margin-bottom:10px;
}
.comparison-title .lead-soft{
  margin-bottom:0;
  max-width:560px;
}
.compare-helper{
  flex:0 0 min(650px,52vw);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.compare-helper-item{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:2px 10px;
  align-items:center;
  min-height:70px;
  padding:12px 13px;
  border-radius:22px;
  border:1px solid rgba(80,52,34,.10);
  background:rgba(255,255,255,.62);
  color:inherit;
  text-decoration:none;
  box-shadow:0 14px 34px rgba(80,52,34,.055), inset 0 1px 0 rgba(255,255,255,.62);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.compare-helper-item:hover{
  transform:translateY(-2px);
  border-color:rgba(199,99,60,.22);
  box-shadow:0 18px 42px rgba(80,52,34,.085), inset 0 1px 0 rgba(255,255,255,.68);
}
.compare-helper-item.is-recommended{
  background:linear-gradient(180deg,rgba(255,250,243,.96),rgba(199,99,60,.075));
  border-color:rgba(199,99,60,.26);
}
.compare-helper-item i{
  grid-row:1/3;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--terracotta,#c7633c);
  background:rgba(199,99,60,.10);
}
.compare-helper-item span{
  color:var(--muted,#74665f);
  font-weight:850;
  font-size:.75rem;
  white-space:nowrap;
}
.compare-helper-item strong{
  color:var(--ink,#2d2925);
  font-weight:950;
  font-size:.9rem;
  white-space:nowrap;
}
.pricing-compare-panel{
  padding:16px;
  border-radius:32px;
}
.compare-summary{
  gap:9px;
  margin-bottom:12px;
}
.compare-summary article{
  min-height:92px;
  padding:13px 14px;
  border-radius:22px;
}
.compare-summary span{margin-bottom:5px}
.compare-summary small{
  line-height:1.6;
  font-size:.76rem;
}
.pricing-compare{
  overflow-x:auto;
  border-radius:24px;
}
.pricing-compare table{
  min-width:920px !important;
  width:100%;
  table-layout:fixed;
  margin-bottom:0;
}
.pricing-compare th,
.pricing-compare td{
  padding:15px 16px;
  line-height:1.75;
}
.pricing-compare th:first-child,
.pricing-compare td:first-child{
  display:table-cell !important;
  width:24% !important;
  min-width:220px;
  text-align:right;
  white-space:nowrap;
}
.pricing-compare th:not(:first-child),
.pricing-compare td:not(:first-child){
  width:19%;
  text-align:center;
}
.pricing-compare tbody td:first-child{
  color:var(--ink,#2d2925);
  font-size:.91rem;
  font-weight:950;
}
.compare-feature-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}
.compare-feature-label i{
  width:31px;
  height:31px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:12px;
  color:var(--terracotta,#c7633c);
  background:rgba(199,99,60,.09);
}
.compare-feature-label span{
  white-space:nowrap;
}
.compare-footer{
  margin-top:12px;
}
@media (max-width:1199.98px){
  .comparison-head{
    align-items:stretch;
    gap:18px;
  }
  .compare-helper{
    flex-basis:min(560px,50vw);
  }
  .compare-helper-item{
    min-height:66px;
    padding:11px 12px;
  }
}
@media (max-width:991.98px){
  .comparison-head{
    display:grid;
    gap:16px;
  }
  .comparison-title{
    max-width:100%;
  }
  .comparison-title .lead-soft{
    max-width:100%;
  }
  .compare-helper{
    width:100%;
    flex-basis:auto;
  }
}
@media (max-width:767.98px){
  .compare-helper{
    grid-template-columns:1fr;
  }
  .compare-helper-item{
    min-height:62px;
  }
  .pricing-compare-panel{
    padding:13px;
    border-radius:26px;
  }
  .compare-summary{
    grid-template-columns:1fr 1fr;
  }
  .pricing-compare table{
    min-width:860px !important;
  }
  .pricing-compare th,
  .pricing-compare td{
    padding:13px 12px;
  }
}
@media (max-width:575.98px){
  .compare-summary{
    grid-template-columns:1fr;
  }
  .compare-summary article{
    min-height:auto;
  }
  .pricing-compare table{
    min-width:820px !important;
  }
}

/* Home compact plan teaser for homepage */
.home-plans-lite-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffaf4 0%,#fff 46%,#fff7ee 100%)}
.home-plans-lite-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(77,49,32,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(77,49,32,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 78%,transparent 100%);pointer-events:none}
.home-plans-lite-section:after{content:"";position:absolute;left:-160px;top:80px;width:340px;height:340px;border-radius:999px;background:radial-gradient(circle,rgba(199,99,60,.13),transparent 68%);filter:blur(4px);pointer-events:none}
.home-plans-lite-shell{position:relative;z-index:1;border:1px solid rgba(199,99,60,.14);border-radius:38px;background:rgba(255,255,255,.82);box-shadow:0 34px 100px rgba(73,49,34,.09);padding:34px;overflow:hidden}
.home-plans-lite-shell:before{content:"";position:absolute;inset:auto 28px 0 28px;height:1px;background:linear-gradient(90deg,transparent,rgba(199,99,60,.35),transparent)}
.home-plans-lite-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:22px;align-items:end;margin-bottom:24px}
.home-plans-lite-head .section-title{max-width:720px;margin-bottom:0}
.home-plans-lite-head .lead-soft{margin:0;line-height:2;max-width:600px}
.home-plans-lite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.home-plan-lite-card{position:relative;min-height:285px;border:1px solid rgba(89,65,46,.12);border-radius:30px;background:linear-gradient(180deg,#fff 0%,#fffaf4 100%);padding:24px;box-shadow:0 18px 55px rgba(53,37,25,.055);display:flex;flex-direction:column;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.home-plan-lite-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,rgba(199,99,60,.75),rgba(230,173,75,.72),transparent)}
.home-plan-lite-card:after{content:"";position:absolute;left:-62px;bottom:-70px;width:160px;height:160px;border-radius:999px;background:rgba(199,99,60,.06);transition:transform .22s ease}
.home-plan-lite-card:hover{transform:translateY(-6px);border-color:rgba(199,99,60,.28);box-shadow:0 28px 80px rgba(62,42,27,.115)}
.home-plan-lite-card:hover:after{transform:scale(1.16)}
.home-plan-lite-card.recommended{background:linear-gradient(180deg,#fff8ef 0%,#fff 58%,#fff8ef 100%);border-color:rgba(199,99,60,.26);box-shadow:0 28px 86px rgba(199,99,60,.12)}
.home-plan-lite-card.hybrid{background:linear-gradient(180deg,#fff 0%,#fff8f0 100%)}
.home-plan-lite-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;position:relative;z-index:1}
.home-plan-icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--terracotta),#e6ad4b);color:#fff;box-shadow:0 14px 32px rgba(199,99,60,.22);font-size:1.18rem;flex:0 0 auto}
.home-plan-lite-top small{font-weight:950;color:var(--terracotta-2);background:rgba(199,99,60,.08);border:1px solid rgba(199,99,60,.12);border-radius:999px;padding:7px 12px;white-space:nowrap}
.home-plan-lite-card h3{position:relative;z-index:1;font-size:1.28rem;font-weight:950;letter-spacing:-.045em;line-height:1.55;margin:0 0 10px;color:var(--ink)}
.home-plan-lite-card p{position:relative;z-index:1;color:var(--muted);font-weight:720;line-height:1.95;margin:0 0 22px}
.home-plan-lite-card strong{position:relative;z-index:1;margin-top:auto;font-weight:950;color:var(--ink);background:rgba(63,45,32,.045);border:1px solid rgba(63,45,32,.08);border-radius:18px;padding:11px 14px;display:block;text-align:center}
.home-plan-lite-card a{position:relative;z-index:1;margin-top:14px;color:var(--terracotta-2);font-weight:950;text-decoration:none;display:inline-flex;align-items:center;gap:8px;align-self:flex-start}
.home-plan-lite-card a:after{content:"\F284";font-family:"bootstrap-icons";font-size:.9rem;transform:scaleX(-1);transition:transform .18s ease}
.home-plan-lite-card a:hover:after{transform:scaleX(-1) translateX(-3px)}
.home-plan-lite-badge{position:absolute;top:16px;left:16px;z-index:2;border-radius:999px;background:linear-gradient(135deg,var(--terracotta),#e47c4d);color:#fff;font-size:.72rem;font-weight:950;padding:7px 12px;box-shadow:0 12px 26px rgba(199,99,60,.2);max-width:calc(100% - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-plan-lite-card.recommended .home-plan-lite-top{margin-top:28px}
.home-plans-lite-footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px dashed rgba(199,99,60,.22);background:rgba(255,250,244,.72);border-radius:24px;padding:14px 16px}
.home-plan-note{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:820;line-height:1.8}
.home-plan-note i{width:38px;height:38px;border-radius:14px;background:rgba(199,99,60,.1);color:var(--terracotta);display:grid;place-items:center;flex:0 0 auto}
.home-plan-actions{display:flex;gap:10px;align-items:center;flex:0 0 auto}
.home-plan-actions .btn{white-space:nowrap}
@media (max-width:1199.98px){.home-plans-lite-head{grid-template-columns:1fr}.home-plans-lite-grid{grid-template-columns:repeat(3,minmax(245px,1fr));overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.home-plan-lite-card{scroll-snap-align:start}.home-plans-lite-grid::-webkit-scrollbar{height:7px}.home-plans-lite-grid::-webkit-scrollbar-thumb{background:rgba(199,99,60,.22);border-radius:999px}}
@media (max-width:991.98px){.home-plans-lite-shell{padding:24px;border-radius:30px}.home-plans-lite-footer{align-items:stretch;flex-direction:column}.home-plan-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.home-plan-actions .btn{flex:1 1 180px}}
@media (max-width:767.98px){.home-plans-lite-grid{grid-template-columns:1fr;overflow:visible}.home-plan-lite-card{min-height:0;padding:22px;border-radius:26px}.home-plan-lite-top{align-items:flex-start;flex-direction:column}.home-plan-lite-top small{white-space:normal}.home-plan-lite-badge{position:relative;top:auto;left:auto;margin:-4px 0 12px;display:inline-flex}.home-plan-lite-card.recommended .home-plan-lite-top{margin-top:0}.home-plan-actions .btn{flex-basis:100%}}

/* Home slimmer homepage pricing teaser */
.home-plans-mini{padding:64px 0;background:linear-gradient(180deg,#fffaf5 0%,#fff 58%,#fff8ef 100%)}
.home-plans-mini:after{width:220px;height:220px;top:22px;left:-120px;opacity:.75}
.home-plans-mini .home-plans-lite-shell{max-width:1120px;margin-inline:auto;border-radius:28px;padding:22px 24px;background:rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(73,49,34,.075);border-color:rgba(199,99,60,.12)}
.home-plans-mini .home-plans-lite-shell:before{inset:auto 26px 0;height:1px;opacity:.65}
.home-plans-mini .home-plans-lite-head{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(360px,1fr);gap:24px;align-items:center;margin-bottom:18px}
.home-plans-mini .home-plans-lite-head .eyebrow{margin-bottom:0}
.home-plans-mini .home-plans-lite-head .section-title{font-size:clamp(1.55rem,2.25vw,2.35rem);line-height:1.55;letter-spacing:-.055em;margin-top:10px!important;max-width:540px}
.home-plans-mini .home-plans-lite-head .lead-soft{font-size:.96rem;line-height:2;margin:0;max-width:610px;background:rgba(255,250,244,.72);border:1px solid rgba(199,99,60,.12);border-radius:18px;padding:14px 18px}
.home-plans-mini .home-plans-lite-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-plans-mini .home-plan-lite-card{min-height:0;border-radius:22px;padding:16px 16px 14px;background:linear-gradient(180deg,#fff 0%,#fffbf7 100%);box-shadow:0 12px 34px rgba(53,37,25,.045);border-color:rgba(89,65,46,.11)}
.home-plans-mini .home-plan-lite-card:before{height:3px;opacity:.78}
.home-plans-mini .home-plan-lite-card:after{display:none}
.home-plans-mini .home-plan-lite-card:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(62,42,27,.09)}
.home-plans-mini .home-plan-lite-card.recommended{background:linear-gradient(180deg,#fff8f0 0%,#fff 100%);box-shadow:0 18px 50px rgba(199,99,60,.105)}
.home-plans-mini .home-plan-lite-main{display:flex;gap:12px;align-items:flex-start;position:relative;z-index:1}
.home-plans-mini .home-plan-icon{width:42px;height:42px;border-radius:15px;font-size:1.05rem;box-shadow:0 10px 24px rgba(199,99,60,.17)}
.home-plans-mini .home-plan-lite-card small{display:inline-flex;margin-bottom:6px;font-weight:950;color:var(--terracotta-2);background:rgba(199,99,60,.075);border:1px solid rgba(199,99,60,.11);border-radius:999px;padding:5px 10px;font-size:.74rem;line-height:1.5;white-space:nowrap}
.home-plans-mini .home-plan-lite-card h3{font-size:1.08rem;line-height:1.45;margin:0 0 5px;letter-spacing:-.035em}
.home-plans-mini .home-plan-lite-card p{font-size:.89rem;line-height:1.85;margin:0;color:rgba(63,45,32,.72);font-weight:710}
.home-plans-mini .home-plan-lite-bottom{position:relative;z-index:1;margin-top:14px;padding-top:12px;border-top:1px solid rgba(89,65,46,.08);display:flex;align-items:center;justify-content:space-between;gap:10px}
.home-plans-mini .home-plan-lite-card strong{margin:0;padding:7px 11px;border-radius:999px;font-size:.82rem;background:rgba(63,45,32,.045);border-color:rgba(63,45,32,.07);white-space:nowrap;text-align:center}
.home-plans-mini .home-plan-lite-card a{margin:0;align-self:center;font-size:.86rem;white-space:nowrap}
.home-plans-mini .home-plan-lite-badge{top:12px;left:12px;font-size:.68rem;padding:5px 9px;box-shadow:0 10px 20px rgba(199,99,60,.17)}
.home-plans-mini .home-plan-lite-card.recommended .home-plan-lite-main{padding-top:18px}
.home-plans-mini .home-plans-lite-footer{margin-top:12px;border-radius:20px;padding:11px 13px;background:rgba(255,250,244,.62);gap:12px}
.home-plans-mini .home-plan-note{font-size:.95rem;line-height:1.75;font-weight:800}
.home-plans-mini .home-plan-note i{width:32px;height:32px;border-radius:12px}
.home-plans-mini .home-plan-actions .btn{padding:10px 15px;font-size:.88rem}
@media (max-width:1199.98px){.home-plans-mini .home-plans-lite-head{grid-template-columns:1fr}.home-plans-mini .home-plans-lite-head .section-title{max-width:none}.home-plans-mini .home-plans-lite-head .lead-soft{max-width:none}.home-plans-mini .home-plans-lite-grid{grid-template-columns:repeat(3,minmax(285px,1fr));overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}}
@media (max-width:991.98px){.home-plans-mini{padding:52px 0}.home-plans-mini .home-plans-lite-shell{padding:18px;border-radius:24px}.home-plans-mini .home-plans-lite-footer{flex-direction:column;align-items:stretch}.home-plans-mini .home-plan-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.home-plans-mini .home-plan-actions .btn{flex:1 1 180px}}
@media (max-width:767.98px){.home-plans-mini .home-plans-lite-grid{grid-template-columns:1fr;overflow:visible}.home-plans-mini .home-plan-lite-card{padding:15px;border-radius:20px}.home-plans-mini .home-plan-lite-main{gap:10px}.home-plans-mini .home-plan-icon{width:38px;height:38px}.home-plans-mini .home-plan-lite-card small{white-space:normal}.home-plans-mini .home-plan-lite-badge{position:absolute;top:10px;left:10px;margin:0}.home-plans-mini .home-plan-lite-card.recommended .home-plan-lite-main{padding-top:18px}.home-plans-mini .home-plan-lite-bottom{align-items:stretch;flex-direction:column}.home-plans-mini .home-plan-lite-card strong,.home-plans-mini .home-plan-lite-card a{width:100%;justify-content:center}.home-plans-mini .home-plan-actions .btn{flex-basis:100%}}

/* Pricing teaser on home - compact decision strip */
.home-plan-snapshot-section{position:relative;overflow:hidden;padding:58px 0;background:linear-gradient(180deg,#fffaf4 0%,#fff 62%,#fff8ef 100%)}
.home-plan-snapshot-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(77,49,32,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(77,49,32,.028) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 80%,transparent 100%);pointer-events:none}
.home-plan-snapshot{position:relative;z-index:1;max-width:1180px;margin-inline:auto;border:1px solid rgba(199,99,60,.14);border-radius:30px;background:rgba(255,255,255,.88);box-shadow:0 22px 70px rgba(73,49,34,.075);padding:22px;display:grid;grid-template-columns:minmax(260px,.82fr) minmax(420px,1.28fr);gap:18px;align-items:stretch}
.home-plan-snapshot:after{content:"";position:absolute;inset:auto 36px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(199,99,60,.28),transparent)}
.home-plan-snapshot-head{position:relative;border-radius:24px;background:linear-gradient(135deg,rgba(255,250,244,.95),rgba(255,255,255,.72));border:1px solid rgba(199,99,60,.12);padding:22px 24px;display:flex;flex-direction:column;justify-content:center;min-height:210px;overflow:hidden}
.home-plan-snapshot-head:before{content:"";position:absolute;left:-58px;bottom:-74px;width:170px;height:170px;border-radius:999px;background:rgba(199,99,60,.065)}
.home-plan-snapshot-head .eyebrow{position:relative;z-index:1;margin-bottom:10px}
.home-plan-snapshot-head h2{position:relative;z-index:1;font-size:clamp(1.45rem,2.05vw,2.15rem);font-weight:950;line-height:1.55;letter-spacing:-.055em;color:var(--ink);margin:0 0 10px;max-width:520px}
.home-plan-snapshot-head p{position:relative;z-index:1;color:var(--muted);font-weight:760;line-height:1.95;margin:0;max-width:560px}
.home-plan-path{display:grid;grid-template-columns:1fr;gap:10px;align-content:center}
.home-plan-path-item{position:relative;min-height:64px;border:1px solid rgba(89,65,46,.11);border-radius:22px;background:linear-gradient(135deg,#fff 0%,#fffaf4 100%);padding:13px 15px;display:flex;align-items:center;gap:13px;text-decoration:none;box-shadow:0 12px 32px rgba(53,37,25,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;overflow:hidden}
.home-plan-path-item:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--terracotta),#e8a44d);opacity:.75}
.home-plan-path-item:hover{transform:translateY(-2px);border-color:rgba(199,99,60,.26);box-shadow:0 18px 45px rgba(62,42,27,.085)}
.home-plan-path-item.is-recommended{background:linear-gradient(135deg,#fff7ee 0%,#fff 74%);border-color:rgba(199,99,60,.28);box-shadow:0 16px 44px rgba(199,99,60,.105)}
.home-plan-step{width:42px;height:42px;border-radius:16px;background:rgba(199,99,60,.09);border:1px solid rgba(199,99,60,.14);color:var(--terracotta-2);font-weight:950;display:grid;place-items:center;flex:0 0 auto;letter-spacing:-.03em}
.home-plan-path-text{display:grid;gap:2px;min-width:0;flex:1}
.home-plan-path-text strong{font-size:1.02rem;font-weight:950;color:var(--ink);line-height:1.5;letter-spacing:-.025em}
.home-plan-path-text small{color:rgba(63,45,32,.72);font-size:.9rem;font-weight:760;line-height:1.65;white-space:normal}
.home-plan-path-item em{font-style:normal;border-radius:999px;background:linear-gradient(135deg,var(--terracotta),#e47c4d);color:#fff;font-size:.72rem;font-weight:950;padding:6px 10px;box-shadow:0 10px 22px rgba(199,99,60,.18);white-space:nowrap;align-self:center}
.home-plan-snapshot-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px dashed rgba(199,99,60,.22);border-radius:22px;background:rgba(255,250,244,.66);padding:12px 14px}
.home-plan-enterprise-note{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:820;line-height:1.8}
.home-plan-enterprise-note i{width:34px;height:34px;border-radius:13px;background:rgba(199,99,60,.1);color:var(--terracotta);display:grid;place-items:center;flex:0 0 auto}
.home-plan-snapshot-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.home-plan-snapshot-actions .btn{padding:10px 15px;font-size:.88rem}
@media (max-width:1199.98px){.home-plan-snapshot{grid-template-columns:1fr}.home-plan-snapshot-head{min-height:0}.home-plan-path{grid-template-columns:repeat(3,minmax(0,1fr))}.home-plan-path-item{align-items:flex-start;flex-direction:column}.home-plan-path-item em{position:absolute;top:12px;left:12px}}
@media (max-width:991.98px){.home-plan-snapshot-section{padding:46px 0}.home-plan-snapshot{padding:18px;border-radius:24px}.home-plan-path{grid-template-columns:1fr}.home-plan-path-item{flex-direction:row;align-items:center}.home-plan-path-item em{position:static}.home-plan-snapshot-footer{flex-direction:column;align-items:stretch}.home-plan-snapshot-actions{justify-content:flex-start}.home-plan-snapshot-actions .btn{flex:1 1 180px}}
@media (max-width:575.98px){.home-plan-snapshot{padding:14px;border-radius:22px}.home-plan-snapshot-head{padding:18px;border-radius:20px}.home-plan-path-item{border-radius:18px;padding:12px}.home-plan-step{width:38px;height:38px;border-radius:14px}.home-plan-path-text small{font-size:.84rem}.home-plan-path-item em{display:none}.home-plan-snapshot-actions .btn{flex-basis:100%}}

/* Home pricing preview - pricing cards adapted for homepage */
.home-pricing-preview{position:relative;overflow:hidden;padding:70px 0;background:linear-gradient(180deg,#fffaf4 0%,#fff 50%,#fff8ef 100%)}
.home-pricing-preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(77,49,32,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(77,49,32,.026) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 86%,transparent 100%);pointer-events:none}
.home-pricing-preview:after{content:"";position:absolute;right:-150px;top:30px;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(199,99,60,.13),transparent 68%);filter:blur(3px);pointer-events:none}
.home-pricing-preview-head{position:relative;z-index:1;max-width:860px;margin:0 auto 28px;text-align:center}
.home-pricing-preview-head .section-title{font-size:clamp(1.75rem,2.7vw,2.75rem);line-height:1.55;margin-bottom:12px}
.home-pricing-preview-head .lead-soft{max-width:760px;margin-inline:auto;line-height:2.05}
.home-price-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin-inline:auto;align-items:stretch}
.home-price-card{position:relative;border:1px solid rgba(89,65,46,.12);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,244,.9));box-shadow:0 18px 56px rgba(53,37,25,.06);padding:24px;overflow:hidden;display:flex;flex-direction:column;min-height:390px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;background-position:center}
.home-price-card:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,rgba(199,99,60,.82),rgba(230,173,75,.72),transparent 78%)}
.home-price-card:after{content:"";position:absolute;left:-80px;bottom:-92px;width:210px;height:210px;border-radius:999px;background:rgba(199,99,60,.06);transition:transform .22s ease,opacity .22s ease;pointer-events:none}
.home-price-card:hover{transform:translateY(-7px);border-color:rgba(199,99,60,.28);box-shadow:0 30px 86px rgba(62,42,27,.12)}
.home-price-card:hover:after{transform:scale(1.16);opacity:.9}
.home-price-card.featured{background:linear-gradient(180deg,#fff8ef 0%,#fff 45%,#fff7ed 100%);border-color:rgba(199,99,60,.32);box-shadow:0 28px 86px rgba(199,99,60,.14);transform:translateY(-8px)}
.home-price-card.featured:hover{transform:translateY(-13px)}
.home-price-card.hybrid{background:linear-gradient(180deg,#fff 0%,#fffaf5 100%)}
.home-price-card-orb{position:absolute;top:20px;left:22px;width:52px;height:52px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(135deg,var(--terracotta),#e6ad4b);color:#fff;font-size:1.2rem;box-shadow:0 16px 34px rgba(199,99,60,.23);z-index:2;transition:transform .22s ease}
.home-price-card:hover .home-price-card-orb{transform:rotate(-6deg) scale(1.04)}
.home-price-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;padding-left:70px;min-height:52px}
.home-price-card-top span{display:inline-flex;border-radius:999px;background:rgba(199,99,60,.08);border:1px solid rgba(199,99,60,.12);color:var(--terracotta-2);font-weight:950;font-size:.78rem;padding:7px 11px;line-height:1.5;white-space:nowrap}
.home-price-card-top strong{font-size:.88rem;color:rgba(63,45,32,.58);font-weight:950;letter-spacing:-.03em}
.home-price-card h3{position:relative;z-index:1;font-size:1.42rem;font-weight:950;color:var(--ink);line-height:1.5;letter-spacing:-.045em;margin:0 0 9px}
.home-price-card p{position:relative;z-index:1;color:var(--muted);font-weight:730;line-height:1.95;margin:0 0 18px;min-height:76px}
.home-price-value{position:relative;z-index:1;border:1px solid rgba(199,99,60,.12);background:rgba(255,255,255,.72);border-radius:22px;padding:14px 16px;margin-bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.home-price-value strong{color:var(--ink);font-size:1.42rem;font-weight:950;line-height:1.2;letter-spacing:-.045em;white-space:nowrap}
.home-price-value span{color:rgba(63,45,32,.7);font-size:.87rem;font-weight:850;line-height:1.6;text-align:left}
.home-price-card ul{position:relative;z-index:1;list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
.home-price-card li{display:flex;align-items:flex-start;gap:9px;color:rgba(63,45,32,.78);font-weight:770;line-height:1.75;font-size:.93rem}
.home-price-card li i{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:rgba(46,125,50,.08);color:#2e7d32;flex:0 0 auto;font-size:.95rem;margin-top:2px}
.home-price-link{position:relative;z-index:1;margin-top:auto;text-decoration:none;border:1px solid rgba(199,99,60,.18);background:rgba(255,255,255,.72);color:var(--terracotta-2);font-weight:950;border-radius:18px;padding:12px 15px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s ease,transform .2s ease,color .2s ease,border-color .2s ease;box-shadow:0 12px 28px rgba(53,37,25,.04)}
.home-price-link:after{content:"\F284";font-family:"bootstrap-icons";font-size:.88rem;transform:scaleX(-1);transition:transform .18s ease}
.home-price-link:hover{background:rgba(199,99,60,.08);border-color:rgba(199,99,60,.3);color:var(--terracotta-2);transform:translateY(-1px)}
.home-price-link:hover:after{transform:scaleX(-1) translateX(-3px)}
.home-price-link.primary{background:linear-gradient(135deg,var(--terracotta),#e47c4d);border-color:transparent;color:#fff;box-shadow:0 16px 32px rgba(199,99,60,.2)}
.home-price-link.primary:hover{color:#fff;background:linear-gradient(135deg,#b75635,#df7445)}
.home-price-ribbon{position:absolute;top:18px;right:18px;z-index:3;border-radius:999px;background:linear-gradient(135deg,var(--terracotta),#e47c4d);color:#fff;font-size:.72rem;font-weight:950;padding:7px 12px;box-shadow:0 12px 26px rgba(199,99,60,.22);max-width:calc(100% - 96px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-price-card.featured .home-price-card-top{margin-top:28px}
.home-pricing-preview-footer{position:relative;z-index:1;max-width:1180px;margin:18px auto 0;border:1px dashed rgba(199,99,60,.22);background:rgba(255,250,244,.72);border-radius:24px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.home-pricing-preview-footer span{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:820;line-height:1.8}
.home-pricing-preview-footer span i{width:36px;height:36px;border-radius:13px;background:rgba(199,99,60,.1);color:var(--terracotta);display:grid;place-items:center;flex:0 0 auto}
.home-pricing-preview-footer div{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:0 0 auto}
.home-pricing-preview-footer .btn{white-space:nowrap}
@media (max-width:1199.98px){.home-price-cards{grid-template-columns:repeat(3,minmax(290px,1fr));overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x proximity}.home-price-card{scroll-snap-align:start}.home-price-cards::-webkit-scrollbar{height:7px}.home-price-cards::-webkit-scrollbar-thumb{background:rgba(199,99,60,.22);border-radius:999px}}
@media (max-width:991.98px){.home-pricing-preview{padding:56px 0}.home-price-card.featured{transform:none}.home-price-card.featured:hover{transform:translateY(-7px)}.home-pricing-preview-footer{align-items:stretch;flex-direction:column}.home-pricing-preview-footer div{justify-content:flex-start}.home-pricing-preview-footer .btn{flex:1 1 180px}}
@media (max-width:767.98px){.home-price-cards{grid-template-columns:1fr;overflow:visible;padding-bottom:0}.home-price-card{min-height:0;border-radius:24px;padding:20px}.home-price-card-top{padding-left:62px}.home-price-card-orb{width:46px;height:46px;border-radius:17px}.home-price-card-top span{white-space:normal}.home-price-card p{min-height:0}.home-price-value{align-items:flex-start;flex-direction:column}.home-price-value span{text-align:right}.home-price-ribbon{position:relative;top:auto;right:auto;display:inline-flex;margin:0 0 12px;max-width:100%}.home-price-card.featured .home-price-card-top{margin-top:0}.home-pricing-preview-footer .btn{flex-basis:100%}}
@media (max-width:420px){.home-price-card-top{display:block;padding-left:58px}.home-price-card-top span{margin-bottom:8px}.home-price-card h3{font-size:1.28rem}.home-price-value strong{font-size:1.26rem}}

/* Home pricing cards - richer visual hierarchy, lighter decision flow */
.home-pricing-showcase{position:relative;overflow:hidden;padding:82px 0;background:linear-gradient(180deg,#fffaf3 0%,#fffdf9 48%,#fff7ef 100%)}
.home-pricing-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 18%,rgba(199,99,60,.12),transparent 28%),radial-gradient(circle at 82% 58%,rgba(230,173,75,.15),transparent 26%);pointer-events:none}
.home-pricing-showcase:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(111,78,55,.12),transparent);pointer-events:none}
.home-pricing-showcase .container-wide{position:relative;z-index:1}
.home-plans-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;max-width:1180px;margin:0 auto 32px}
.home-plans-intro>div:first-child{max-width:720px}
.home-plans-intro .section-title{max-width:680px;margin-bottom:12px;letter-spacing:-.055em}
.home-plans-intro .lead-soft{max-width:690px;margin-bottom:0;line-height:2.05}
.home-plan-aside{display:grid;gap:14px;justify-items:end;max-width:370px;flex:0 0 370px}
.home-plan-trust{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end;max-width:360px}
.home-plan-trust span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(199,99,60,.13);background:rgba(255,255,255,.72);color:rgba(63,45,32,.78);border-radius:999px;padding:9px 13px;font-size:.86rem;font-weight:900;box-shadow:0 10px 26px rgba(53,37,25,.045);white-space:nowrap}
.home-plan-trust i{color:var(--terracotta);font-size:1rem}
.home-plan-preview-figure{position:relative;margin:0;width:100%;padding:10px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,249,243,.96));border:1px solid rgba(199,99,60,.12);box-shadow:0 20px 48px rgba(62,42,27,.08)}
.home-plan-preview-figure img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 14px 34px rgba(62,42,27,.10)}
.home-plan-preview-figure figcaption{padding:10px 6px 2px;color:rgba(63,45,32,.68);font-size:.81rem;font-weight:760;line-height:1.85}
.home-plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1180px;margin:0 auto;align-items:stretch}
.home-plan-card{--card-accent:var(--terracotta);--card-accent-2:#e6ad4b;position:relative;isolation:isolate;min-height:410px;border:1px solid rgba(86,61,43,.12);border-radius:32px;padding:26px;background:linear-gradient(155deg,rgba(255,255,255,.96) 0%,rgba(255,252,247,.92) 58%,rgba(255,246,236,.96) 100%);box-shadow:0 24px 70px rgba(62,42,27,.075);overflow:hidden;display:flex;flex-direction:column;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;will-change:transform}
.home-plan-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(255,255,255,.65),transparent 26%),radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--card-accent) 14%,transparent),transparent 34%),radial-gradient(circle at 88% 0,color-mix(in srgb,var(--card-accent-2) 16%,transparent),transparent 30%);z-index:-2}
.home-plan-card:after{content:"";position:absolute;inset:auto 22px 0;height:5px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,transparent,var(--card-accent),var(--card-accent-2),transparent);opacity:.72;transition:opacity .22s ease,transform .22s ease}
.home-plan-card:hover{transform:translateY(-9px);border-color:color-mix(in srgb,var(--card-accent) 28%,transparent);box-shadow:0 34px 90px rgba(62,42,27,.12)}
.home-plan-card:hover:after{opacity:1;transform:scaleX(.92)}
.home-plan-card.plan-start{--card-accent:#d7774a;--card-accent-2:#f2bd70;margin-top:18px}
.home-plan-card.plan-business{--card-accent:#c7633c;--card-accent-2:#e6ad4b}
.home-plan-card.plan-hybrid{--card-accent:#6f4e37;--card-accent-2:#c78353;margin-top:18px}
.home-plan-card.is-featured{background:linear-gradient(160deg,#fff7ed 0%,#fff 44%,#fff4e8 100%);border-color:rgba(199,99,60,.3);box-shadow:0 34px 92px rgba(199,99,60,.16)}
.plan-index{position:absolute;top:20px;left:24px;color:rgba(63,45,32,.12);font-size:2.15rem;font-weight:950;line-height:1;letter-spacing:-.05em;pointer-events:none}
.plan-badge{position:absolute;top:22px;right:24px;z-index:3;display:inline-flex;align-items:center;border-radius:999px;background:linear-gradient(135deg,var(--card-accent),#e47c4d);color:#fff;font-size:.74rem;font-weight:950;padding:7px 12px;box-shadow:0 14px 30px rgba(199,99,60,.22);max-width:calc(100% - 110px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-plan-card.is-featured .plan-head{margin-top:34px}
.plan-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;position:relative;z-index:2}
.plan-icon{width:54px;height:54px;flex:0 0 auto;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--card-accent),var(--card-accent-2));font-size:1.24rem;box-shadow:0 18px 34px color-mix(in srgb,var(--card-accent) 24%,transparent);transition:transform .24s ease}
.home-plan-card:hover .plan-icon{transform:rotate(-7deg) scale(1.05)}
.plan-kicker{display:block;color:var(--terracotta-2);font-weight:950;font-size:.82rem;margin-bottom:5px}
.plan-head h3{margin:0;color:var(--ink);font-size:1.42rem;font-weight:950;line-height:1.45;letter-spacing:-.045em}
.home-plan-card p{color:rgba(63,45,32,.72);font-weight:760;line-height:1.92;margin:0 0 20px;min-height:86px;position:relative;z-index:2}
.plan-price{position:relative;z-index:2;margin-bottom:18px;border:1px solid rgba(199,99,60,.11);border-radius:24px;background:rgba(255,255,255,.72);padding:16px 17px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 12px 30px rgba(53,37,25,.045)}
.plan-price strong{color:var(--ink);font-size:1.48rem;line-height:1.1;font-weight:950;letter-spacing:-.05em;white-space:nowrap}
.plan-price span{color:rgba(63,45,32,.66);font-size:.88rem;font-weight:900;line-height:1.55;text-align:left}
.plan-tags{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.plan-tags span{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(88,62,43,.1);background:rgba(255,255,255,.68);color:rgba(63,45,32,.78);font-size:.82rem;font-weight:900;padding:7px 10px;line-height:1.45}
.plan-action{position:relative;z-index:2;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:20px;border:1px solid color-mix(in srgb,var(--card-accent) 22%,transparent);background:rgba(255,255,255,.78);color:var(--terracotta-2);text-decoration:none;font-size:.94rem;font-weight:950;padding:13px 16px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease;box-shadow:0 13px 30px rgba(53,37,25,.045)}
.plan-action:after{content:"\F284";font-family:"bootstrap-icons";font-size:.86rem;transform:scaleX(-1);transition:transform .18s ease}
.plan-action:hover{color:var(--terracotta-2);background:rgba(255,255,255,.95);border-color:color-mix(in srgb,var(--card-accent) 36%,transparent);transform:translateY(-2px);box-shadow:0 18px 38px rgba(53,37,25,.075)}
.plan-action:hover:after{transform:scaleX(-1) translateX(-4px)}
.plan-action.primary{background:linear-gradient(135deg,var(--terracotta),#e47c4d);border-color:transparent;color:#fff;box-shadow:0 20px 40px rgba(199,99,60,.22)}
.plan-action.primary:hover{color:#fff;background:linear-gradient(135deg,#b75635,#df7445)}
.home-plan-note{max-width:1180px;margin:20px auto 0;border:1px dashed rgba(199,99,60,.22);background:rgba(255,255,255,.62);border-radius:24px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 16px 46px rgba(53,37,25,.045)}
.home-plan-note span{display:flex;align-items:center;gap:9px;color:rgba(63,45,32,.74);font-weight:830;line-height:1.8}
.home-plan-note i{color:var(--terracotta)}
.home-plan-note a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;background:rgba(199,99,60,.08);border:1px solid rgba(199,99,60,.16);color:var(--terracotta-2);font-weight:950;text-decoration:none;padding:9px 13px;transition:background .2s ease,transform .2s ease}
.home-plan-note a:hover{background:rgba(199,99,60,.13);transform:translateY(-1px);color:var(--terracotta-2)}
@media (max-width:1199.98px){.home-plan-cards{grid-template-columns:repeat(3,minmax(300px,1fr));overflow-x:auto;padding:6px 2px 18px;scroll-snap-type:x proximity}.home-plan-card{scroll-snap-align:start}.home-plan-card.plan-start,.home-plan-card.plan-hybrid{margin-top:0}.home-plan-cards::-webkit-scrollbar{height:7px}.home-plan-cards::-webkit-scrollbar-thumb{background:rgba(199,99,60,.22);border-radius:999px}}
@media (max-width:991.98px){.home-pricing-showcase{padding:64px 0}.home-plans-intro{align-items:flex-start;flex-direction:column}.home-plan-aside{max-width:100%;width:100%;flex:1 1 auto;justify-items:stretch}.home-plan-trust{justify-content:flex-start;max-width:100%}.home-plan-note{align-items:flex-start;flex-direction:column}.home-plan-note a{width:100%}}
@media (max-width:767.98px){.home-pricing-showcase{padding:54px 0}.home-plan-cards{grid-template-columns:1fr;overflow:visible;padding-bottom:0}.home-plan-card{min-height:0;border-radius:26px;padding:22px}.home-plan-card.is-featured .plan-head{margin-top:28px}.plan-badge{right:22px;top:18px;max-width:calc(100% - 96px)}.plan-index{left:22px;top:18px}.home-plan-card p{min-height:0}.plan-price{align-items:flex-start;flex-direction:column}.plan-price span{text-align:right}.home-plan-note{border-radius:20px}.home-plan-preview-figure{padding:8px;border-radius:22px}.home-plan-preview-figure img{border-radius:16px}.home-plan-preview-figure figcaption{font-size:.76rem;padding:8px 4px 0}}
@media (max-width:420px){.home-plan-trust span{width:100%;justify-content:center}.plan-head{gap:11px}.plan-icon{width:48px;height:48px;border-radius:17px}.plan-head h3{font-size:1.26rem}.plan-price strong{font-size:1.28rem}.plan-badge{position:relative;top:auto;right:auto;max-width:100%;margin-bottom:14px}.home-plan-card.is-featured .plan-head{margin-top:0}}
.service-path-grid a.service-path-card{text-decoration:none;color:inherit;display:block}
.service-path-grid a.service-path-card:focus-visible{outline:3px solid rgba(199,99,60,.32);outline-offset:4px}

/*------------------------------------------------------------------ Home mobile responsive repair Fixes homepage grids on mobile without changing the desktop design.
------------------------------------------------------------------*/
.home-hero-copy,
.home-hero-visual,
.home-dashboard-card,
.dashboard-topbar > div,
.api-status,
.home-route-card,
.home-plan-card,
.feature-card,
.case-card,
.seo-card,
.cta-band{
  min-width:0;
}

@media (max-width:1199.98px){
  .home-hero-shell{
    grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);
    gap:34px;
  }
  .home-route-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:991.98px){
  .home-hero-modern{padding:72px 0 58px;}
  .home-hero-shell{
    grid-template-columns:1fr;
    gap:34px;
  }
  .home-hero-copy{
    text-align:center;
  }
  .home-hero-copy .display-title,
  .home-hero-copy .lead-soft{
    margin-right:auto;
    margin-left:auto;
  }
  .home-hero-actions,
  .home-trust-row,
  .home-intent-links{
    justify-content:center;
  }
  .home-hero-visual{
    width:100%;
    max-width:580px;
    min-height:0;
    margin:0 auto;
  }
  .home-dashboard-card{width:100%;}
  .hero-floating-card-1{top:22px;right:10px;}
  .hero-floating-card-2{left:10px;bottom:22px;}
  .home-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-route-card{
    min-height:0;
    padding-bottom:72px;
  }
  .home-split-showcase{
    grid-template-columns:1fr;
    gap:30px;
  }
  .home-usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:767.98px){
  .home-hero-modern{
    padding:54px 0 46px;
  }
  .home-hero-modern::after{
    width:360px;
    height:360px;
    right:-180px;
    bottom:-210px;
  }
  .home-hero-shell{gap:26px;}
  .home-hero-copy{
    text-align:right;
  }
  .home-eyebrow{
    width:100%;
    justify-content:flex-start;
    align-items:flex-start;
    border-radius:20px;
    line-height:1.75;
    white-space:normal;
  }
  .home-hero-copy .display-title{
    font-size:clamp(2.1rem,11vw,3rem);
    line-height:1.25;
    letter-spacing:-.055em;
  }
  .home-hero-copy .lead-soft{
    font-size:1rem;
    line-height:2;
  }
  .home-hero-actions,
  .home-hero-modern .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    gap:10px;
  }
  .home-hero-actions .btn,
  .home-hero-modern .hero-actions .btn,
  #use-cases-preview .hero-actions .btn,
  #api-otp-preview .hero-actions .btn{
    width:100%;
    min-width:0;
    justify-content:center;
  }
  .home-trust-row,
  .home-intent-links,
  .home-api-points{
    justify-content:flex-start;
  }
  .home-trust-row span,
  .home-intent-links a,
  .home-api-points span{
    width:100%;
    border-radius:16px;
    justify-content:flex-start;
  }
  .home-hero-visual{
    max-width:100%;
  }
  .home-dashboard-card{
    border-radius:28px;
    padding:16px;
  }
  .dashboard-topbar{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  .dashboard-metrics,
  .dashboard-main-row,
  .dashboard-bottom-row{
    grid-template-columns:1fr;
  }
  .dashboard-metrics{gap:10px;}
  .dashboard-metrics div,
  .otp-preview-card,
  .send-status-card,
  .api-status,
  .mini-chart{
    border-radius:20px;
  }
  .mini-chart{min-height:92px;}
  .api-status{grid-template-columns:42px minmax(0,1fr);}
  .hero-floating-card{display:none;}
  .home-section-head{
    text-align:right;
    margin-bottom:28px;
  }
  .home-section-head .lead-soft{
    margin-right:0;
    margin-left:0;
  }
  .home-route-grid,
  .home-feature-grid,
  .home-usecase-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .home-route-card{
    min-height:0;
    border-radius:24px;
    padding:22px 20px 66px;
  }
  .home-route-card strong{
    right:20px;
    left:20px;
    bottom:20px;
  }
  .route-icon{
    width:48px;
    height:48px;
    border-radius:17px;
    margin-bottom:14px;
  }
  .home-plan-cards{
    grid-template-columns:1fr!important;
    overflow:visible!important;
    padding:0!important;
  }
  .home-plan-card{
    width:100%;
    min-width:0;
  }
  .home-plan-note span{
    align-items:flex-start;
  }
  .home-plan-note a{
    width:100%;
  }
  #api-otp-preview .code-window,
  #api-otp-preview pre{
    max-width:100%;
  }
  #api-otp-preview pre{
    overflow-x:auto;
  }
  .seo-keyword-section .keyword-cloud{
    justify-content:flex-start;
  }
  #faq-home .accordion-button{
    align-items:flex-start;
    line-height:1.8;
  }
  .cta-band .btn{
    width:100%;
    justify-content:center;
  }
}

@media (max-width:420px){
  .container-wide{padding-inline:14px;}
  .home-hero-modern{padding-top:44px;}
  .home-hero-copy .display-title{font-size:2rem;}
  .home-dashboard-card{
    padding:14px;
    border-radius:24px;
  }
  .dashboard-metrics strong{font-size:1.12rem;}
  .otp-preview-card strong{font-size:1rem;}
  .home-route-card,
  .feature-card,
  .mini-case,
  .home-plan-card,
  .seo-card{
    border-radius:22px;
  }
  .home-route-card{padding:20px 18px 64px;}
  .home-plan-card{padding:20px 18px;}
  .plan-price{padding:14px;}
  .plan-tags span{font-size:.78rem;}
}


/*------------------------------------------------------------------ SEO-safe heading visual optimization هدف: کوچک‌تر و متعادل‌تر شدن نمایش تیترهای طولانی فارسی بدون تغییر H1/H2/H3، متاها، اسکیما یا ساختار HTML.
------------------------------------------------------------------*/
.display-title,
.page-hero .display-title,
.hero-variant .display-title,
.article-page .display-title{
  font-size:clamp(2.05rem,4.45vw,4.15rem);
  line-height:1.32;
  letter-spacing:-.035em;
  text-wrap:balance;
  overflow-wrap:break-word;
}
.page-hero .display-title,
.hero-variant .display-title{
  max-width:900px;
}
.home-hero-copy .display-title{
  max-width:780px;
  font-size:clamp(2.1rem,4.25vw,4.05rem);
  line-height:1.32;
  letter-spacing:-.035em;
}
.seo-hero .hero-copy-new h1,
.service-line-hero .service-hero-copy h1{
  max-width:860px;
  font-size:clamp(2.05rem,4.2vw,4rem);
  line-height:1.34;
  letter-spacing:-.035em;
  text-wrap:balance;
  overflow-wrap:break-word;
}
.section-title,
.home-section-head .section-title,
.faq-section .section-title,
.home-plans-lite-head .section-title,
.home-plans-mini .home-plans-lite-head .section-title,
.home-pricing-preview-head .section-title,
.home-plans-intro .section-title,
.weblog-action-copy .section-title,
.contact-next-cta .section-title,
.comparison-title .section-title{
  font-size:clamp(1.58rem,2.72vw,2.65rem);
  line-height:1.52;
  letter-spacing:-.025em;
  text-wrap:balance;
  overflow-wrap:break-word;
}
.cta-band h2,
.cta-band .section-title,
.cta-grid h2,
.bulk-final-cta .section-title,
.bulk-final-cta .bulk-final-cta__copy .section-title{
  font-size:clamp(1.55rem,2.65vw,2.55rem);
  line-height:1.55;
  letter-spacing:-.025em;
  text-wrap:balance;
  overflow-wrap:break-word;
}
h2.h3,
.h3.fw-black,
h2.h4,
.h4.fw-black,
h2.h5,
.h5.fw-black{
  line-height:1.58;
  letter-spacing:-.02em;
  text-wrap:balance;
}
h2.h3,
.h3.fw-black{font-size:clamp(1.28rem,1.9vw,1.72rem)}
h2.h4,
.h4.fw-black{font-size:clamp(1.16rem,1.55vw,1.46rem)}
h2.h5,
.h5.fw-black{font-size:clamp(1.05rem,1.3vw,1.22rem)}
.feature-card h3,
.case-card h3,
.doc-card h3,
.seo-card h3,
.price-card h3,
.contact-card h3,
.home-route-card h3,
.home-plan-card h3,
.home-price-card h3,
.home-plan-lite-card h3,
.industry-scenario-card h3,
.guide-roadmap-card h3,
.choice-card h3,
.workflow-card h3,
.scenario-item h3,
.feature-tile h3,
.line-insight-item h3,
.line-mini-note h3,
.faq-card h3,
.dash-widget h3,
.credit-policy-card h3,
.decision-card h3{
  font-size:clamp(1rem,1.18vw,1.18rem);
  line-height:1.72;
  letter-spacing:-.018em;
  text-wrap:balance;
  overflow-wrap:break-word;
}
.home-route-card h3,
.industry-scenario-card h3,
.guide-roadmap-card h3{
  font-size:clamp(1.04rem,1.35vw,1.28rem);
}
.weblog-featured-copy h2,
.weblog-page .weblog-featured-modern .weblog-featured-copy h2,
.guide-learning-copy h2,
.usecase-fit-intro h2,
.guide-faq-side h2{
  font-size:clamp(1.42rem,2.38vw,2.28rem);
  line-height:1.58;
  letter-spacing:-.025em;
  text-wrap:balance;
  overflow-wrap:break-word;
}
.weblog-page .weblog-feed-body h3{
  font-size:clamp(1.04rem,1.22vw,1.22rem);
  line-height:1.82;
  letter-spacing:-.015em;
  text-wrap:balance;
  overflow-wrap:break-word;
}
.weblog-page .col-12:first-child .weblog-feed-body h3,
.weblog-page .weblog-feed-grid>.col-12:first-child .weblog-feed-body h3{
  font-size:clamp(1.22rem,1.9vw,1.68rem);
  line-height:1.72;
}
.article-page .article-rich-body h2,
.article-content-card h2{
  font-size:clamp(1.25rem,1.92vw,1.72rem);
  line-height:1.66;
  letter-spacing:-.025em;
  text-wrap:balance;
  overflow-wrap:break-word;
}
.article-page .article-rich-body h3,
.article-page .article-cta h3,
.article-page .article-faq-item summary{
  font-size:clamp(1.04rem,1.35vw,1.26rem);
  line-height:1.75;
  letter-spacing:-.015em;
  overflow-wrap:break-word;
}
.article-comments-pro__title{
  font-size:clamp(1.22rem,1.9vw,1.72rem);
  line-height:1.62;
  letter-spacing:-.02em;
}
.accordion-header,
.accordion-button,
.relax-faq-accordion .accordion-button,
.guide-accordion .accordion-button{
  min-width:0;
}
.accordion-button,
.relax-faq-accordion .accordion-button,
.guide-accordion .accordion-button{
  font-size:.98rem;
  line-height:1.9;
  letter-spacing:-.01em;
  text-align:right;
  overflow-wrap:break-word;
  text-wrap:pretty;
}
.legal-section h2{
  font-size:clamp(1.08rem,1.5vw,1.34rem);
  line-height:1.65;
  letter-spacing:-.015em;
  text-wrap:balance;
}
.hero-copy,
.hero-copy-new,
.service-hero-copy,
.home-hero-copy,
.home-section-head,
.weblog-featured-copy,
.article-hero-card,
.guide-roadmap-card,
.industry-scenario-card,
.feature-card,
.case-card,
.doc-card,
.seo-card,
.price-card,
.contact-card{
  min-width:0;
}
@media (max-width:991.98px){
  .display-title,
  .page-hero .display-title,
  .hero-variant .display-title,
  .article-page .display-title,
  .home-hero-copy .display-title,
  .seo-hero .hero-copy-new h1,
  .service-line-hero .service-hero-copy h1{
    font-size:clamp(1.95rem,6.1vw,3.2rem);
    line-height:1.38;
    letter-spacing:-.03em;
  }
  .section-title,
  .home-section-head .section-title,
  .faq-section .section-title,
  .home-plans-lite-head .section-title,
  .home-plans-mini .home-plans-lite-head .section-title,
  .home-pricing-preview-head .section-title,
  .home-plans-intro .section-title,
  .weblog-action-copy .section-title,
  .contact-next-cta .section-title,
  .comparison-title .section-title{
    font-size:clamp(1.45rem,4.2vw,2.2rem);
    line-height:1.58;
  }
}
@media (max-width:767.98px){
  .display-title,
  .page-hero .display-title,
  .hero-variant .display-title,
  .article-page .display-title,
  .home-hero-copy .display-title,
  .seo-hero .hero-copy-new h1,
  .service-line-hero .service-hero-copy h1{
    font-size:clamp(1.88rem,7.6vw,2.55rem);
    line-height:1.43;
    letter-spacing:-.024em;
  }
  .section-title,
  .home-section-head .section-title,
  .faq-section .section-title,
  .home-plans-lite-head .section-title,
  .home-plans-mini .home-plans-lite-head .section-title,
  .home-pricing-preview-head .section-title,
  .home-plans-intro .section-title,
  .weblog-action-copy .section-title,
  .contact-next-cta .section-title,
  .comparison-title .section-title,
  .cta-band h2,
  .cta-band .section-title,
  .cta-grid h2{
    font-size:clamp(1.34rem,5.1vw,1.86rem);
    line-height:1.62;
    letter-spacing:-.018em;
  }
  .weblog-featured-copy h2,
  .weblog-page .weblog-featured-modern .weblog-featured-copy h2,
  .guide-learning-copy h2,
  .usecase-fit-intro h2,
  .guide-faq-side h2{
    font-size:clamp(1.28rem,4.7vw,1.76rem);
    line-height:1.66;
  }
}
@media (max-width:575.98px){
  .display-title,
  .page-hero .display-title,
  .hero-variant .display-title,
  .article-page .display-title,
  .home-hero-copy .display-title,
  .seo-hero .hero-copy-new h1,
  .service-line-hero .service-hero-copy h1{
    font-size:clamp(1.78rem,8.2vw,2.12rem);
    line-height:1.48;
    letter-spacing:-.018em;
  }
  .section-title,
  .home-section-head .section-title,
  .faq-section .section-title,
  .home-plans-lite-head .section-title,
  .home-plans-mini .home-plans-lite-head .section-title,
  .home-pricing-preview-head .section-title,
  .home-plans-intro .section-title,
  .weblog-action-copy .section-title,
  .contact-next-cta .section-title,
  .comparison-title .section-title,
  .cta-band h2,
  .cta-band .section-title,
  .cta-grid h2{
    font-size:clamp(1.22rem,5.6vw,1.62rem);
    line-height:1.68;
    letter-spacing:-.012em;
  }
  .feature-card h3,
  .case-card h3,
  .doc-card h3,
  .seo-card h3,
  .price-card h3,
  .contact-card h3,
  .home-route-card h3,
  .home-plan-card h3,
  .home-price-card h3,
  .home-plan-lite-card h3,
  .industry-scenario-card h3,
  .guide-roadmap-card h3,
  .choice-card h3,
  .workflow-card h3,
  .scenario-item h3,
  .feature-tile h3,
  .faq-card h3,
  .credit-policy-card h3,
  .decision-card h3{
    font-size:1rem;
    line-height:1.78;
  }
  .accordion-button,
  .relax-faq-accordion .accordion-button,
  .guide-accordion .accordion-button{
    font-size:.92rem;
    line-height:1.9;
    padding-block:15px;
  }
  h2.h3,
  .h3.fw-black{font-size:1.22rem}
  h2.h4,
  .h4.fw-black{font-size:1.12rem}
  h2.h5,
  .h5.fw-black{font-size:1.04rem}
}
@media (max-width:420px){
  .display-title,
  .page-hero .display-title,
  .hero-variant .display-title,
  .article-page .display-title,
  .home-hero-copy .display-title,
  .seo-hero .hero-copy-new h1,
  .service-line-hero .service-hero-copy h1{
    font-size:1.9rem;
    line-height:1.5;
  }
  .section-title,
  .home-section-head .section-title,
  .cta-band h2,
  .cta-band .section-title,
  .cta-grid h2{
    font-size:1.36rem;
    line-height:1.7;
  }
}

/* OTP page UI refinement varied section layouts without changing SEO semantics */
.otp-usecase-showcase{
  position:relative;
  overflow:hidden;
}
.otp-usecase-showcase::before{
  content:"";
  position:absolute;
  inset:48px auto auto -90px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(199,99,60,.12),transparent 68%);
  pointer-events:none;
}
.otp-usecase-head{
  max-width:890px;
  margin-inline:auto;
  text-align:center;
  margin-bottom:30px;
}
.otp-usecase-head .lead-soft{
  margin-inline:auto;
}
.otp-usecase-mosaic{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.08fr .92fr .92fr;
  grid-auto-rows:minmax(196px,auto);
  gap:18px;
  align-items:stretch;
}
.otp-usecase-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
  min-height:196px;
  padding:24px;
  border:1px solid var(--surface-line,var(--line));
  border-radius:30px;
  background:linear-gradient(145deg,rgba(255,250,243,.92),rgba(255,255,255,.48));
  box-shadow:0 20px 54px rgba(55,38,23,.07),inset 0 1px 0 rgba(255,255,255,.62);
  backdrop-filter:blur(16px);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.otp-usecase-card::before{
  content:"";
  position:absolute;
  inset:auto -54px -58px auto;
  width:140px;
  height:140px;
  border-radius:999px;
  background:rgba(199,99,60,.07);
}
.otp-usecase-card:hover{
  transform:translateY(-5px);
  border-color:rgba(199,99,60,.28);
  box-shadow:0 26px 68px rgba(55,38,23,.1),inset 0 1px 0 rgba(255,255,255,.66);
}
.otp-usecase-card--primary{
  grid-row:span 2;
  background:linear-gradient(145deg,rgba(255,244,235,.96),rgba(255,255,255,.54));
}
.otp-usecase-card--primary::after{
  content:"ورود";
  position:absolute;
  inset:auto 24px 18px auto;
  font-size:5.4rem;
  line-height:1;
  font-weight:950;
  color:rgba(199,99,60,.055);
  letter-spacing:-.08em;
  pointer-events:none;
}
.otp-usecase-card--tall{
  grid-row:span 2;
}
.otp-usecase-card--soft{
  background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(246,232,217,.68));
}
.otp-usecase-card__icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:17px;
  color:var(--terracotta);
  background:rgba(199,99,60,.11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62);
  font-size:1.24rem;
}
.otp-usecase-card h3{
  position:relative;
  z-index:1;
  margin-bottom:8px;
  line-height:1.65;
}
.otp-usecase-card p{
  position:relative;
  z-index:1;
  margin:0;
  color:var(--muted);
  line-height:2;
  font-weight:730;
}
.otp-usecase-kicker{
  display:inline-flex;
  align-items:center;
  margin-bottom:9px;
  color:var(--terracotta-2,var(--terracotta));
  font-weight:950;
  font-size:.82rem;
}
.otp-usecase-tags{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:auto;
}
.otp-usecase-tags span{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(199,99,60,.16);
  background:rgba(255,255,255,.58);
  color:var(--ink);
  border-radius:999px;
  padding:7px 11px;
  font-size:.82rem;
  font-weight:900;
}
.otp-mini-flow,
.otp-mini-stack,
.otp-mini-meter,
.otp-mini-proof{
  position:relative;
  z-index:1;
}
.otp-mini-flow{
  display:grid;
  gap:10px;
  margin-top:-4px;
}
.otp-mini-flow div,
.otp-mini-stack div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(199,99,60,.12);
  background:rgba(255,255,255,.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
  transition:transform .22s ease, border-color .22s ease, background .22s ease;
}
.otp-mini-flow small,
.mini-label{
  color:var(--muted);
  font-weight:800;
  font-size:.75rem;
}
.otp-mini-flow strong,
.otp-mini-stack strong{
  color:var(--ink);
  font-size:.92rem;
  font-weight:950;
}
.otp-mini-stack{
  display:grid;
  gap:10px;
  margin-top:4px;
}
.otp-mini-meter{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(199,99,60,.14);
  background:rgba(255,255,255,.64);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.66);
}
.otp-mini-meter>span{
  display:block;
  margin-bottom:8px;
  color:var(--ink);
  font-size:.86rem;
  font-weight:900;
}
.otp-mini-meter>div{
  position:relative;
  height:8px;
  border-radius:999px;
  background:rgba(55,38,23,.08);
  overflow:hidden;
  margin-bottom:8px;
}
.otp-mini-meter>div i{
  position:absolute;
  inset:0 auto 0 0;
  width:72%;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(199,99,60,.85),rgba(222,150,112,.95));
  box-shadow:0 6px 16px rgba(199,99,60,.18);
}
.otp-mini-meter small{
  display:block;
  color:var(--muted);
  font-weight:760;
  line-height:1.85;
}
.otp-mini-proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:6px;
}
.otp-mini-proof span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(199,99,60,.13);
  background:rgba(255,255,255,.6);
  color:var(--ink);
  font-weight:900;
  font-size:.84rem;
}
.otp-mini-proof i{
  color:var(--terracotta);
}
.otp-mini-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.otp-mini-benefits span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 11px;
  border-radius:14px;
  border:1px solid rgba(199,99,60,.13);
  background:rgba(255,255,255,.62);
  color:var(--ink);
  font-size:.8rem;
  font-weight:900;
}
.otp-mini-insight{
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(199,99,60,.14);
  background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(247,237,228,.82));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68);
}
.otp-mini-insight strong{
  display:block;
  color:var(--ink);
  font-size:.92rem;
  font-weight:950;
  margin-bottom:6px;
}
.otp-mini-insight p{
  margin:0 0 10px;
  font-size:.84rem;
  line-height:1.85;
}
.otp-mini-bars{
  display:grid;
  gap:7px;
}
.otp-mini-bars span{
  display:block;
  height:7px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(199,99,60,.78),rgba(230,175,143,.96));
  opacity:.92;
}
.otp-mini-bars span:nth-child(1){width:88%}
.otp-mini-bars span:nth-child(2){width:68%}
.otp-mini-bars span:nth-child(3){width:78%}
.otp-usecase-card:hover .otp-mini-flow div,
.otp-usecase-card:hover .otp-mini-stack div,
.otp-usecase-card:hover .otp-mini-proof span,
.otp-usecase-card:hover .otp-mini-meter,
.otp-usecase-card:hover .otp-mini-benefits span,
.otp-usecase-card:hover .otp-mini-insight{
  transform:translateY(-2px);
  border-color:rgba(199,99,60,.2);
  background:rgba(255,255,255,.72);
}
.otp-control-showcase{
  position:relative;
  overflow:hidden;
}
.otp-control-grid{
  display:grid;
  grid-template-columns:.76fr 1.24fr;
  gap:32px;
  align-items:center;
  direction:ltr;
}
.otp-control-grid>*{
  direction:rtl;
}
.otp-control-copy{
  padding:12px 18px 12px 0;
}
.otp-control-copy .section-title,
.otp-control-copy .lead-soft{
  max-width:560px;
}
.otp-control-summary{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.otp-control-summary span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(199,99,60,.16);
  background:rgba(255,255,255,.58);
  color:var(--ink);
  border-radius:16px;
  padding:10px 13px;
  font-weight:900;
  font-size:.9rem;
}
.otp-control-summary i{
  color:var(--success,#2f8f58);
}
.otp-control-visual{
  display:grid;
  grid-template-columns:minmax(220px,.42fr) minmax(0,.58fr);
  gap:18px;
  align-items:stretch;
}
.otp-control-phone,
.otp-control-rules article{
  position:relative;
  overflow:hidden;
  border:1px solid var(--surface-line,var(--line));
  background:linear-gradient(145deg,rgba(255,250,243,.92),rgba(255,255,255,.46));
  box-shadow:0 18px 48px rgba(55,38,23,.07),inset 0 1px 0 rgba(255,255,255,.62);
  backdrop-filter:blur(16px);
}
.otp-control-phone{
  min-height:360px;
  border-radius:34px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.otp-control-phone::before{
  content:"";
  position:absolute;
  inset:auto -50px -60px auto;
  width:170px;
  height:170px;
  border-radius:999px;
  background:rgba(199,99,60,.08);
}
.otp-control-code{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:22px 0;
}
.otp-control-code span{
  height:54px;
  display:grid;
  place-items:center;
  border:1px solid rgba(36,32,29,.08);
  border-radius:15px;
  background:rgba(255,255,255,.72);
  color:var(--ink);
  font-weight:950;
  font-size:1.25rem;
}
.otp-control-meter{
  position:relative;
  z-index:1;
  border-radius:24px;
  padding:18px;
  background:linear-gradient(135deg,rgba(199,99,60,.1),rgba(255,255,255,.58));
  border:1px dashed rgba(199,99,60,.22);
}
.otp-control-meter strong{
  display:block;
  color:var(--terracotta-2,var(--terracotta));
  font-size:1.45rem;
  font-weight:950;
  margin-bottom:4px;
}
.otp-control-meter span{
  color:var(--muted);
  font-weight:800;
}
.otp-control-rules{
  display:grid;
  gap:12px;
}
.otp-control-rules article{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:start;
  border-radius:24px;
  padding:18px;
}
.otp-control-rules article:nth-child(even){
  transform:translateX(-14px);
}
.otp-control-rules article:nth-child(odd){
  transform:translateX(8px);
}
.otp-control-rules i{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:var(--terracotta);
  background:rgba(199,99,60,.11);
}
.otp-control-rules h3{
  margin-bottom:3px;
  line-height:1.6;
}
.otp-control-rules p{
  margin:0;
  color:var(--muted);
  line-height:1.9;
  font-weight:720;
  font-size:.94rem;
}
.otp-route-panel{
  padding:22px;
}
.otp-route-header{
  position:relative;
  z-index:1;
  margin-bottom:18px;
  padding:14px 16px 16px;
  border-radius:22px;
  border:1px solid rgba(199,99,60,.1);
  background:rgba(255,255,255,.42);
}
.otp-route-topline{
  margin-bottom:10px;
}
.otp-route-note{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.9;
  font-weight:780;
}
.otp-route-grid .info-tile{
  border-radius:22px;
  padding:18px 16px;
  background:rgba(255,255,255,.52);
}
@media (max-width:1199.98px){
  .otp-usecase-mosaic{grid-template-columns:1fr 1fr}.otp-usecase-card--primary,.otp-usecase-card--tall{grid-row:auto}
  .otp-control-grid{grid-template-columns:1fr;direction:rtl}.otp-control-copy{padding:0;text-align:center}.otp-control-copy .section-title,.otp-control-copy .lead-soft{margin-inline:auto}.otp-control-summary{justify-content:center}
}
@media (max-width:767.98px){
  .otp-usecase-head{text-align:right;margin-bottom:22px}.otp-usecase-head .lead-soft{margin-inline:0}.otp-usecase-mosaic{grid-template-columns:1fr}.otp-usecase-card{border-radius:24px;padding:20px;min-height:0}.otp-usecase-card--primary::after{display:none}.otp-mini-flow div,.otp-mini-stack div{padding:11px 12px}.otp-mini-proof span,.otp-mini-benefits span{width:100%;justify-content:center}.otp-route-panel{padding:16px}.otp-route-header{padding:14px}
  .otp-control-visual{grid-template-columns:1fr}.otp-control-phone{min-height:280px;border-radius:26px}.otp-control-rules article,.otp-control-rules article:nth-child(even),.otp-control-rules article:nth-child(odd){transform:none}.otp-control-summary span{width:100%;justify-content:center}
}

/* API page meaningful capability panel instead of keyword cloud */
.api-connect-section{
  position:relative;
  overflow:hidden;
}
.api-connect-section::before{
  content:"";
  position:absolute;
  inset:50px auto auto -90px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(199,99,60,.12),transparent 68%);
  pointer-events:none;
}
.api-capability-panel{
  position:relative;
  z-index:1;
  padding:22px;
  border:1px solid var(--surface-line,var(--line));
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,250,243,.92),rgba(255,255,255,.5));
  box-shadow:0 20px 58px rgba(55,38,23,.075),inset 0 1px 0 rgba(255,255,255,.65);
  backdrop-filter:blur(16px);
}
.api-capability-panel::before{
  content:"";
  position:absolute;
  inset:auto -64px -72px auto;
  width:190px;
  height:190px;
  border-radius:999px;
  background:rgba(199,99,60,.075);
  pointer-events:none;
}
.api-capability-head{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
  padding:14px 16px;
  border:1px solid rgba(199,99,60,.12);
  border-radius:22px;
  background:rgba(255,255,255,.5);
}
.api-capability-head strong{
  color:var(--ink);
  font-weight:950;
}
.api-capability-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.api-capability-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:13px;
  align-items:start;
  min-height:148px;
  padding:18px;
  border:1px solid rgba(36,32,29,.085);
  border-radius:24px;
  background:rgba(255,255,255,.54);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.api-capability-card:hover{
  transform:translateY(-4px);
  border-color:rgba(199,99,60,.24);
  background:rgba(255,255,255,.72);
  box-shadow:0 18px 42px rgba(55,38,23,.06),inset 0 1px 0 rgba(255,255,255,.72);
}
.api-capability-card i{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:var(--terracotta);
  background:rgba(199,99,60,.11);
  font-size:1.15rem;
}
.api-capability-card h3{
  margin-bottom:6px;
  line-height:1.6;
}
.api-capability-card p{
  margin:0;
  color:var(--muted);
  line-height:1.9;
  font-weight:720;
  font-size:.94rem;
}
@media (max-width:767.98px){
  .api-capability-panel{padding:16px;border-radius:26px}
  .api-capability-head{align-items:flex-start;flex-direction:column}
  .api-capability-grid{grid-template-columns:1fr}
  .api-capability-card{min-height:0;border-radius:20px}
}

/* Bulk SMS focused route cards and SEO-safe comparison section */
.bulk-route-section{
  position:relative;
  overflow:hidden;
}
.bulk-route-section::before{
  content:"";
  position:absolute;
  inset:58px auto auto -90px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(199,99,60,.11),transparent 68%);
  pointer-events:none;
}
.bulk-route-cards{
  position:relative;
  z-index:1;
  display:grid;
  gap:14px;
}
.bulk-route-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  padding:18px;
  border:1px solid var(--surface-line,var(--line));
  border-radius:26px;
  background:linear-gradient(145deg,rgba(255,250,243,.92),rgba(255,255,255,.5));
  box-shadow:0 14px 38px rgba(55,38,23,.055),inset 0 1px 0 rgba(255,255,255,.66);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.bulk-route-card:hover{
  transform:translateY(-4px);
  border-color:rgba(199,99,60,.24);
  box-shadow:0 22px 54px rgba(55,38,23,.08),inset 0 1px 0 rgba(255,255,255,.7);
  background:rgba(255,255,255,.7);
}
.bulk-route-card.is-active{
  border-color:rgba(199,99,60,.24);
  background:linear-gradient(145deg,rgba(255,244,235,.95),rgba(255,255,255,.6));
}
.route-mini-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:17px;
  color:var(--terracotta);
  background:rgba(199,99,60,.11);
  font-size:1.25rem;
}
.bulk-route-card strong{
  display:block;
  color:var(--ink);
  font-weight:950;
  margin-bottom:4px;
}
.bulk-route-card p{
  margin:0;
  color:var(--muted);
  line-height:1.85;
  font-weight:720;
  font-size:.94rem;
}
.bulk-route-card a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(199,99,60,.2);
  color:var(--terracotta-2,var(--terracotta));
  background:rgba(255,255,255,.56);
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
.bulk-route-card a:hover{
  background:rgba(199,99,60,.09);
  color:var(--terracotta-2,var(--terracotta));
}
@media (max-width:767.98px){
  .bulk-route-card{
    grid-template-columns:1fr;
    align-items:start;
    border-radius:22px;
  }
  .bulk-route-card a{
    width:100%;
  }
}


/* SEO-safe visual card titles */
.card-title-text{
  display:block;
  font-weight:950;
  line-height:1.72;
  letter-spacing:-.018em;
  text-wrap:balance;
  overflow-wrap:break-word;
  color:inherit;
  margin:0 0 10px;
}
.feature-card .card-title-text,
.case-card .card-title-text,
.doc-card .card-title-text,
.seo-card .card-title-text,
.price-card .card-title-text,
.contact-card .card-title-text,
.home-route-card .card-title-text,
.home-plan-card .card-title-text,
.home-price-card .card-title-text,
.home-plan-lite-card .card-title-text,
.industry-scenario-card .card-title-text,
.guide-roadmap-card .card-title-text,
.choice-card .card-title-text,
.workflow-card .card-title-text,
.scenario-item .card-title-text,
.feature-tile .card-title-text,
.line-insight-item .card-title-text,
.line-mini-note .card-title-text,
.faq-card .card-title-text,
.dash-widget .card-title-text,
.credit-policy-card .card-title-text,
.decision-card .card-title-text,
.mini-card .card-title-text,
.info-tile .card-title-text,
.flow-item .card-title-text,
.api-capability-card .card-title-text,
.otp-usecase-card .card-title-text,
.otp-control-rules .card-title-text{
  font-size:clamp(1rem,1.18vw,1.18rem);
}
.home-route-card .card-title-text,
.industry-scenario-card .card-title-text,
.guide-roadmap-card .card-title-text{
  font-size:clamp(1.04rem,1.35vw,1.28rem);
}
@media (max-width:575.98px){
  .feature-card .card-title-text,
  .case-card .card-title-text,
  .doc-card .card-title-text,
  .seo-card .card-title-text,
  .price-card .card-title-text,
  .contact-card .card-title-text,
  .home-route-card .card-title-text,
  .home-plan-card .card-title-text,
  .home-price-card .card-title-text,
  .home-plan-lite-card .card-title-text,
  .industry-scenario-card .card-title-text,
  .guide-roadmap-card .card-title-text,
  .choice-card .card-title-text,
  .workflow-card .card-title-text,
  .scenario-item .card-title-text,
  .feature-tile .card-title-text,
  .faq-card .card-title-text,
  .credit-policy-card .card-title-text,
  .decision-card .card-title-text,
  .mini-card .card-title-text,
  .info-tile .card-title-text,
  .flow-item .card-title-text,
  .api-capability-card .card-title-text,
  .otp-usecase-card .card-title-text,
  .otp-control-rules .card-title-text{
    font-size:1rem;
    line-height:1.78;
  }
}


/* Home route cards layout */
.home-route-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-height:300px;
  overflow:hidden;
}
.home-route-card::after{z-index:0;pointer-events:none;}
.home-route-card > *{position:relative;z-index:1;}
.home-route-card .card-title-text{
  position:static;
  inset:auto;
  right:auto;
  left:auto;
  bottom:auto;
  display:block;
  color:var(--ink);
  margin:0 0 10px;
  line-height:1.72;
}
.home-route-card p{
  margin:0 0 18px;
  overflow-wrap:break-word;
}
.home-route-card > strong:not(.card-title-text),
.home-route-card .route-card-action{
  position:static;
  inset:auto;
  right:auto;
  left:auto;
  bottom:auto;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  margin-top:auto;
  color:var(--terracotta-2);
  font-weight:950;
  line-height:1.75;
  text-wrap:balance;
  overflow-wrap:break-word;
}
@media (max-width:991.98px){
  .home-route-card{min-height:0;padding-bottom:26px;}
}
@media (max-width:575.98px){
  .home-route-card{padding:22px 20px;}
}
@media (max-width:420px){
  .home-route-card{padding:20px 18px;}
}

/* SMS Guides SEO/UX Optimization */
.sms-guides-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 18%,rgba(199,99,60,.18),transparent 30%),radial-gradient(circle at 12% 78%,rgba(230,173,75,.16),transparent 34%),linear-gradient(135deg,#fffaf4 0%,#f3e6d8 100%);padding:86px 0 72px;border-bottom:1px solid rgba(223,208,190,.72)}
.sms-guides-hero:before{content:"";position:absolute;inset:46px auto auto 5%;width:340px;height:340px;border-radius:48% 52% 42% 58%;background:linear-gradient(135deg,rgba(199,99,60,.12),rgba(230,173,75,.14));filter:blur(.3px);pointer-events:none}
.sms-guides-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(330px,.96fr);gap:38px;align-items:center}
.sms-guides-hero-copy .display-title{font-size:clamp(2.2rem,4.8vw,4.9rem);line-height:1.22;letter-spacing:-.06em;font-weight:950;max-width:900px}
.sms-guides-hero-copy .lead-soft{max-width:780px;font-size:1.08rem;line-height:2}
.sms-guides-search{max-width:760px;margin:26px 0 0;background:rgba(255,255,255,.72);box-shadow:0 16px 42px rgba(55,38,23,.08)}
.sms-guides-chips{justify-content:flex-start;margin-top:18px}
.sms-guides-hero-panel{border:1px solid rgba(223,208,190,.85);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,250,243,.58));border-radius:38px;padding:24px;box-shadow:0 26px 74px rgba(55,38,23,.12);backdrop-filter:blur(14px);position:relative;overflow:hidden}
.sms-guides-hero-panel:before{content:"";position:absolute;inset:-80px -80px auto auto;width:240px;height:240px;border-radius:999px;background:rgba(199,99,60,.13)}
.guide-panel-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.guide-panel-top span{font-weight:950;color:var(--ink)}.guide-panel-top strong{direction:ltr;color:var(--muted);font-weight:950;letter-spacing:.08em;font-size:.86rem}
.guide-panel-map{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.guide-panel-map a{display:grid;gap:7px;text-decoration:none;color:var(--ink);border:1px solid rgba(36,32,29,.07);background:rgba(255,255,255,.62);border-radius:24px;padding:18px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.guide-panel-map a:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(55,38,23,.09);border-color:rgba(199,99,60,.24)}
.guide-panel-map i{width:44px;height:44px;border-radius:17px;display:grid;place-items:center;background:rgba(199,99,60,.10);color:var(--terracotta);font-size:1.18rem}
.guide-panel-map strong{font-weight:950}.guide-panel-map small{color:var(--muted);font-weight:760;line-height:1.75}
.sms-learning-panel{background:linear-gradient(135deg,#2b2824,#49342a);color:#fff;border-color:rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(55,38,23,.18)}
.sms-learning-panel .eyebrow{background:rgba(255,255,255,.08);color:#ffe6d5;border-color:rgba(255,255,255,.18)}
.sms-learning-panel h2{color:#fff}.sms-learning-panel p{color:rgba(255,255,255,.78)}
.sms-learning-panel .guide-learning-steps a{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.13);color:#fff}.sms-learning-panel .guide-learning-steps a strong{color:#fff}.sms-learning-panel .guide-learning-steps a small{color:rgba(255,255,255,.72)}.sms-learning-panel .guide-learning-steps span{background:rgba(255,255,255,.13);color:#ffd9bd}
.sms-guides-section-head{max-width:880px;margin-bottom:24px}.sms-guides-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.sms-guide-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.sms-guide-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:100%;border:1px solid rgba(36,32,29,.08);background:linear-gradient(180deg,#fff,rgba(255,250,243,.74));border-radius:30px;padding:22px;box-shadow:0 14px 38px rgba(55,38,23,.055);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.sms-guide-card:before{content:"";position:absolute;inset:auto 20px 0 20px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--terracotta),#e9ad55);opacity:.65}.sms-guide-card:after{content:"";position:absolute;inset:auto -55px -70px auto;width:150px;height:150px;border-radius:999px;background:rgba(199,99,60,.07)}
.sms-guide-card:hover{transform:translateY(-5px);box-shadow:0 22px 58px rgba(55,38,23,.09);border-color:rgba(199,99,60,.22)}
.sms-guide-card.is-featured{grid-column:span 2;background:linear-gradient(135deg,#fff,#fff4ec);border-color:rgba(199,99,60,.22)}
.guide-card-no{position:relative;z-index:1;display:inline-grid;place-items:center;width:46px;height:46px;border-radius:17px;background:var(--ink);color:#fff;font-weight:950;direction:ltr;margin-bottom:12px}
.sms-guide-card h3{position:relative;z-index:1;font-size:1.12rem;font-weight:950;line-height:1.7;margin:12px 0 8px}.sms-guide-card p{position:relative;z-index:1;color:var(--muted);font-weight:720;line-height:2;margin:0 0 12px}.sms-guide-card ul{position:relative;z-index:1;padding:0;margin:0 0 14px;list-style:none;display:grid;gap:6px}.sms-guide-card li{color:var(--muted);font-size:.86rem;font-weight:850;line-height:1.7;display:flex;gap:7px}.sms-guide-card li:before{content:"✓";color:var(--success);font-weight:950}.sms-guide-card a{position:relative;z-index:1;margin-top:auto;color:var(--terracotta-2);font-weight:950;text-decoration:none;display:inline-flex;gap:7px;align-items:center}.sms-guide-card a:hover{color:var(--terracotta)}
.sms-check-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px;align-items:center}.sms-check-copy{border:1px solid rgba(36,32,29,.08);background:rgba(255,255,255,.74);border-radius:32px;padding:28px;box-shadow:0 16px 42px rgba(55,38,23,.055)}.sms-check-copy .btn{margin-top:12px}.sms-check-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sms-check-matrix article{border:1px solid rgba(36,32,29,.08);background:#fff;border-radius:26px;padding:22px;box-shadow:0 14px 36px rgba(55,38,23,.05)}.sms-check-matrix i{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:rgba(199,99,60,.1);color:var(--terracotta);font-size:1.22rem;margin-bottom:14px}.sms-check-matrix h3{font-size:1.05rem;font-weight:950;margin-bottom:8px}.sms-check-matrix p{color:var(--muted);font-weight:720;line-height:1.95;margin:0}
.sms-guides-mistakes{background:#fff}.sms-guides-mistakes .sms-guides-section-head{text-align:center}.sms-mistake-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sms-mistake-grid article{position:relative;border:1px solid rgba(36,32,29,.08);background:linear-gradient(180deg,#fff,rgba(255,250,243,.72));border-radius:30px;padding:24px;box-shadow:0 15px 42px rgba(55,38,23,.05)}.sms-mistake-grid span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:16px;background:#fff0e6;color:var(--terracotta);font-weight:950;margin-bottom:12px}.sms-mistake-grid h3{font-size:1.08rem;font-weight:950;line-height:1.6;margin-bottom:8px}.sms-mistake-grid p{color:var(--muted);font-weight:720;line-height:1.95;margin:0}
.sms-faq-layout{align-items:start}.sms-faq-side{position:sticky;top:96px}.sms-guide-accordion .accordion-item{border-radius:26px!important;background:#fff!important}.sms-guide-accordion .accordion-button{gap:14px;align-items:center;text-align:right}.sms-guide-accordion .accordion-button::after{margin-right:auto;margin-left:0}.sms-guide-accordion .faq-number{flex:0 0 auto;width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#fff1e8;color:var(--terracotta);font-weight:950;border:1px solid rgba(199,99,60,.14)}
@media(max-width:1199.98px){.sms-guide-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.sms-guide-card.is-featured{grid-column:span 1}.sms-guides-hero-grid{grid-template-columns:1fr .88fr}}
@media(max-width:991.98px){.sms-guides-hero-grid,.sms-check-layout{grid-template-columns:1fr}.sms-guides-hero{padding:72px 0 58px}.sms-guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sms-faq-side{position:static}.guide-panel-map{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.sms-guides-hero{padding:58px 0 44px}.sms-guides-search{margin-top:20px}.sms-guides-chips{justify-content:center}.sms-guides-hero-panel,.sms-check-copy{border-radius:26px;padding:20px}.guide-panel-map,.sms-guide-cards,.sms-check-matrix,.sms-mistake-grid{grid-template-columns:1fr}.sms-guide-card{border-radius:24px;padding:20px}.sms-guide-card h3{font-size:1.04rem}.sms-check-matrix article,.sms-mistake-grid article{border-radius:24px;padding:20px}.sms-guide-accordion .accordion-button{align-items:flex-start}.sms-guide-accordion .accordion-body{padding:0 18px 18px}}

/* sms-guides layout: second row one card + wide image, final row four cards */
.sms-guides-visual-card{
  position:relative;
  grid-column:span 3;
  align-self:stretch;
  aspect-ratio:2.28 / 1;
  min-height:0;
  border-radius:32px;
  overflow:hidden;
  border:1px solid rgba(223,208,190,.82);
  background:linear-gradient(145deg,rgba(255,250,243,.96),rgba(255,255,255,.72));
  box-shadow:0 20px 58px rgba(55,38,23,.075);
  isolation:isolate;
}
.sms-guides-visual-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(36,32,29,.34) 0%,rgba(36,32,29,.10) 38%,rgba(36,32,29,0) 72%);
  z-index:1;
  pointer-events:none;
}
.sms-guides-visual-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.sms-guides-visual-caption{
  position:absolute;
  z-index:2;
  inset:auto 20px 18px 20px;
  max-width:390px;
  color:#fff;
  text-shadow:0 8px 22px rgba(0,0,0,.22);
}
.sms-guides-visual-caption span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
  border-radius:999px;
  padding:8px 12px;
  font-size:.82rem;
  font-weight:950;
  margin-bottom:8px;
}
.sms-guides-visual-caption strong{
  display:block;
  font-size:clamp(1rem,1.48vw,1.3rem);
  line-height:1.72;
  font-weight:950;
  letter-spacing:-.025em;
}
@media(max-width:1199.98px){
  .sms-guides-visual-card{grid-column:span 2;aspect-ratio:1.65 / 1;}
}
@media(max-width:991.98px){
  .sms-guides-visual-card{grid-column:1/-1;aspect-ratio:16 / 9;}
}
@media(max-width:575.98px){
  .sms-guides-visual-card{border-radius:24px;aspect-ratio:4 / 3;}
  .sms-guides-visual-card::before{background:linear-gradient(0deg,rgba(36,32,29,.55) 0%,rgba(36,32,29,.18) 46%,rgba(36,32,29,0) 100%);}
  .sms-guides-visual-card img{object-position:center top;}
  .sms-guides-visual-caption{inset:auto 18px 18px 18px;max-width:none;}
  .sms-guides-visual-caption strong{font-size:1.04rem;line-height:1.8;}
}


/* use-cases SEO/UX decision section */
.usecase-need-picker{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#fff8f1 100%);
}
.usecase-need-picker:before{
  content:"";
  position:absolute;
  inset:40px auto auto 7%;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(230,173,75,.12);
  filter:blur(4px);
  pointer-events:none;
}
.usecase-need-picker .container-wide{position:relative;z-index:1}
.usecase-need-head{max-width:860px;margin-bottom:24px}
.usecase-need-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.usecase-need-grid article{
  border:1px solid rgba(36,32,29,.08);
  background:linear-gradient(180deg,#fff,rgba(255,250,243,.82));
  border-radius:30px;
  padding:22px;
  box-shadow:0 14px 38px rgba(55,38,23,.055);
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.usecase-need-grid i{
  width:50px;
  height:50px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(199,99,60,.1);
  color:var(--terracotta);
  font-size:1.25rem;
}
.usecase-need-grid h3{font-size:1.06rem;font-weight:950;line-height:1.65;margin:0}
.usecase-need-grid p{color:var(--muted);font-weight:720;line-height:1.95;margin:0}
.usecase-need-grid div{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.usecase-need-grid a{
  text-decoration:none;
  color:var(--terracotta-2);
  background:#fff5ed;
  border:1px solid rgba(199,99,60,.13);
  border-radius:999px;
  padding:7px 10px;
  font-size:.82rem;
  font-weight:950;
}
.usecase-need-grid a:hover{color:var(--terracotta);border-color:rgba(199,99,60,.26)}
@media(max-width:1199.98px){.usecase-need-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.usecase-need-grid{grid-template-columns:1fr}.usecase-need-grid article{border-radius:24px;padding:20px}}


/* contact page SEO/UI redesign without email */
.contact-page .contact-page-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%,rgba(199,99,60,.12),transparent 28%),
    radial-gradient(circle at 88% 72%,rgba(230,173,75,.13),transparent 34%),
    linear-gradient(135deg,#fffaf4 0%,#f6eadc 100%);
}
.contact-page .contact-page-hero::before{
  content:"";
  position:absolute;
  inset:54px auto auto 5%;
  width:320px;
  height:320px;
  border-radius:48% 52% 44% 56%;
  background:linear-gradient(135deg,rgba(199,99,60,.09),rgba(230,173,75,.13));
  pointer-events:none;
}
.contact-page .contact-direct-card{grid-template-columns:1fr;max-width:520px}
.contact-page .contact-form-panel{
  position:relative;
  z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,250,243,.78));
  border:1px solid rgba(223,208,190,.86);
  box-shadow:0 30px 90px rgba(55,38,23,.13),inset 0 1px 0 rgba(255,255,255,.62);
}
.contact-page .contact-proof div{
  border-color:rgba(199,99,60,.13);
  background:rgba(255,255,255,.62);
}
.contact-info-grid .contact-info-tile{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.contact-info-grid .contact-info-tile:hover{
  transform:translateY(-5px);
  border-color:rgba(199,99,60,.25);
  box-shadow:0 20px 54px rgba(55,38,23,.09);
}
.contact-topic-section{background:linear-gradient(180deg,#fff,#fffaf5)}
.contact-topic-head{
  max-width:850px;
  margin-inline:auto;
  text-align:center;
}
.contact-topic-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.contact-topic-card{
  position:relative;
  min-width:0;
  height:100%;
  border:1px solid rgba(36,32,29,.08);
  border-radius:28px;
  padding:22px;
  background:linear-gradient(180deg,#fff,rgba(255,250,243,.74));
  box-shadow:0 16px 42px rgba(55,38,23,.055);
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.contact-topic-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--terracotta),#e9ad55,transparent);
  opacity:.72;
}
.contact-topic-card:hover{
  transform:translateY(-6px);
  border-color:rgba(199,99,60,.28);
  box-shadow:0 24px 66px rgba(55,38,23,.095);
}
.contact-topic-card i{
  width:48px;
  height:48px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:var(--terracotta);
  background:rgba(199,99,60,.11);
  border:1px solid rgba(199,99,60,.12);
  font-size:1.22rem;
  margin-bottom:14px;
}
.contact-topic-card span{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#fff1e8;
  color:var(--terracotta-2);
  padding:5px 10px;
  font-size:.78rem;
  font-weight:950;
  margin-bottom:12px;
}
.contact-topic-card h3{
  font-size:1.08rem;
  line-height:1.7;
  font-weight:950;
  margin-bottom:8px;
}
.contact-topic-card p{
  color:var(--muted);
  line-height:1.95;
  font-weight:740;
  margin-bottom:14px;
}
.contact-topic-card a{
  margin-top:auto;
  color:var(--terracotta-2);
  font-weight:950;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.contact-topic-card a::after{content:"\F12F";font-family:"bootstrap-icons";font-size:.95rem}
.contact-topic-card a:hover{color:var(--terracotta)}
.contact-page .contact-next-cta{
  background:
    radial-gradient(circle at 12% 12%,rgba(199,99,60,.13),transparent 32%),
    linear-gradient(135deg,rgba(255,250,243,.98),rgba(255,255,255,.88));
}
@media(max-width:1199.98px){
  .contact-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575.98px){
  .contact-topic-grid{grid-template-columns:1fr}
  .contact-topic-card{border-radius:24px;padding:20px}
  .contact-page .contact-direct-card{max-width:none}
}


/* Contact anchor offset and section layout */
.contact-page #contactFormPanel,
.contact-page #contact-faq{
  scroll-margin-top:128px;
}
.contact-page .contact-page-hero .contact-direct-card{
  margin-top:26px;
}
.contact-page .contact-info-section{
  padding-top:64px;
}
@media(max-width:991.98px){
  .contact-page #contactFormPanel,
  .contact-page #contact-faq{scroll-margin-top:104px;}
}
@media(max-width:575.98px){
  .contact-page #contactFormPanel,
  .contact-page #contact-faq{scroll-margin-top:92px;}
}


/* premium centered form notification */
.toast-soft{
  position:fixed!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  z-index:5000!important;
  width:min(92vw,540px)!important;
  max-width:540px!important;
  min-height:92px;
  display:none;
  align-items:center;
  gap:16px;
  padding:20px 22px 20px 56px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,250,243,.98),rgba(255,255,255,.94))!important;
  color:var(--ink)!important;
  box-shadow:0 34px 110px rgba(36,32,29,.24),0 8px 28px rgba(199,99,60,.10)!important;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  overflow:hidden;
  transform:translate(-50%,-48%) scale(.96)!important;
  opacity:0;
}
.toast-soft::before{
  content:"";
  position:absolute;
  inset:-90px auto auto -80px;
  width:210px;
  height:210px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(199,99,60,.20),transparent 62%);
  pointer-events:none;
}
.toast-soft::after{
  content:"";
  position:absolute;
  inset:auto -70px -95px auto;
  width:220px;
  height:220px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(230,173,75,.16),transparent 62%);
  pointer-events:none;
}
.toast-soft.show{
  display:flex!important;
  opacity:1;
  transform:translate(-50%,-50%) scale(1)!important;
  animation:relaxToastCenterIn .28s cubic-bezier(.2,.85,.2,1) both!important;
}
.toast-soft-icon{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  width:54px;
  height:54px;
  border-radius:20px;
  display:grid;
  place-items:center;
  font-size:1.55rem;
  color:#fff;
  background:linear-gradient(135deg,var(--terracotta),var(--terracotta-2));
  box-shadow:0 16px 36px rgba(199,99,60,.25);
}
.toast-soft.is-success .toast-soft-icon{background:linear-gradient(135deg,#2f8f58,#5aa974);box-shadow:0 16px 36px rgba(47,143,88,.24)}
.toast-soft.is-error .toast-soft-icon{background:linear-gradient(135deg,#b94c3f,#dc684f);box-shadow:0 16px 36px rgba(185,76,63,.24)}
.toast-soft.is-warning .toast-soft-icon{background:linear-gradient(135deg,#d68a2e,#e9ad55);box-shadow:0 16px 36px rgba(214,138,46,.24)}
.toast-soft-body{
  position:relative;
  z-index:1;
  display:grid;
  gap:4px;
  min-width:0;
  text-align:right;
}
.toast-soft-body strong{
  display:block;
  font-size:1.05rem;
  line-height:1.65;
  font-weight:950;
  color:var(--ink);
}
.toast-soft-body span{
  display:block;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.9;
  font-weight:800;
}
.toast-soft-close{
  position:absolute;
  z-index:3;
  top:14px;
  left:14px;
  width:32px;
  height:32px;
  border:1px solid rgba(36,32,29,.08);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  color:var(--muted);
  display:grid;
  place-items:center;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.toast-soft-close:hover{background:#fff;color:var(--terracotta);transform:translateY(-1px)}
.toast-soft-progress{
  position:absolute;
  z-index:2;
  inset:auto 0 0 auto;
  height:4px;
  width:100%;
  transform-origin:right center;
  background:linear-gradient(90deg,var(--terracotta),#e9ad55);
  animation:relaxToastProgress 5.2s linear forwards;
}
.toast-soft.is-success .toast-soft-progress{background:linear-gradient(90deg,#2f8f58,#7fbd8d)}
.toast-soft.is-error .toast-soft-progress{background:linear-gradient(90deg,#b94c3f,#dc684f);animation-duration:4.3s}
.toast-soft.is-warning .toast-soft-progress{background:linear-gradient(90deg,#d68a2e,#e9ad55);animation-duration:4.3s}
@keyframes relaxToastCenterIn{
  from{opacity:0;transform:translate(-50%,-46%) scale(.93)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@keyframes relaxToastProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:575.98px){
  .toast-soft{
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:calc(100vw - 30px)!important;
    max-width:none!important;
    border-radius:24px!important;
    padding:18px 18px 18px 50px!important;
    gap:13px;
  }
  .toast-soft-icon{width:48px;height:48px;border-radius:18px;font-size:1.35rem}
  .toast-soft-body strong{font-size:1rem}
  .toast-soft-body span{font-size:.88rem;line-height:1.85}
}


/* stricter contact form validation hints */
.contact-page .field-hint{
  display:block;
  margin-top:7px;
  color:var(--muted-2);
  font-size:.78rem;
  line-height:1.8;
  font-weight:800;
}
.contact-page .was-validated .form-control:invalid,
.contact-page .form-control.is-invalid{
  border-color:rgba(185,72,62,.76);
  box-shadow:0 0 0 .18rem rgba(185,72,62,.11);
}
.contact-page .was-validated .form-control:valid,
.contact-page .form-control.is-valid{
  border-color:rgba(66,122,85,.55);
}
.contact-page #contactMobile{
  text-align:left;
  direction:ltr;
  letter-spacing:.04em;
}

/* contact live validation stronger visual feedback */
.contact-page #contactForm .contact-live-field{
  position:relative;
}
.contact-page #contactForm .form-control.has-live-validation{
  padding-left:52px;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}
.contact-page #contactForm .form-control.has-live-validation.is-valid{
  border-color:rgba(47,143,88,.94)!important;
  border-width:2px!important;
  background:#fffaf3!important;
  box-shadow:0 0 0 .22rem rgba(47,143,88,.16),0 12px 26px rgba(47,143,88,.08)!important;
}
.contact-page #contactForm .form-control.has-live-validation.is-invalid{
  border-color:rgba(185,72,62,.86)!important;
  border-width:2px!important;
  box-shadow:0 0 0 .22rem rgba(185,72,62,.12)!important;
}
.contact-page #contactForm .contact-field-status{
  position:absolute;
  left:22px;
  top:43px;
  z-index:3;
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  opacity:0;
  visibility:hidden;
  transform:scale(.82);
  color:#fff;
  background:rgba(99,88,76,.38);
  box-shadow:0 10px 22px rgba(36,32,29,.08);
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease;
  pointer-events:none;
  font-size:1rem;
}
.contact-page #contactForm .contact-field-status.show{
  opacity:1;
  visibility:visible;
  transform:scale(1);
}
.contact-page #contactForm .contact-field-status.is-valid{
  background:linear-gradient(135deg,#2f8f58,#63ad78);
  box-shadow:0 12px 28px rgba(47,143,88,.24);
}
.contact-page #contactForm .contact-field-status.is-invalid{
  background:linear-gradient(135deg,#b94c3f,#dc684f);
  box-shadow:0 12px 28px rgba(185,72,62,.20);
}
.contact-page #contactForm .form-control.has-live-validation:focus{
  border-width:2px;
}
@media(max-width:575.98px){
  .contact-page #contactForm .contact-field-status{top:43px;left:20px;}
}

/* Signup SEO and live validation */
.signup-page #signupForm .signup-field.contact-live-field,
.signup-page #signupForm .input-status-wrap{
  position:relative;
}
.signup-page #signupForm .form-control.has-live-validation{
  padding-left:52px;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}
.signup-page #signupForm .form-control.has-live-validation.is-valid,
.signup-page #signupForm .signup-field.field-is-valid .form-control[data-full-name-input],
.signup-page #signupForm .signup-field.field-is-valid .form-control[data-iran-mobile-input]{
  border-color:rgba(47,143,88,.94)!important;
  border-width:2px!important;
  background:#fffaf3!important;
  box-shadow:0 0 0 .22rem rgba(47,143,88,.16),0 12px 26px rgba(47,143,88,.08)!important;
}
.signup-page #signupForm .form-control.has-live-validation.is-invalid,
.signup-page #signupForm .signup-field.field-is-invalid .form-control[data-full-name-input],
.signup-page #signupForm .signup-field.field-is-invalid .form-control[data-iran-mobile-input]{
  border-color:rgba(185,72,62,.88)!important;
  border-width:2px!important;
  box-shadow:0 0 0 .22rem rgba(185,72,62,.12)!important;
}
.signup-page #signupForm .contact-field-status{
  position:absolute;
  left:18px;
  top:50%;
  z-index:3;
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  opacity:0;
  visibility:hidden;
  transform:translateY(-50%) scale(.82);
  color:#fff;
  background:rgba(99,88,76,.38);
  box-shadow:0 10px 22px rgba(36,32,29,.08);
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease;
  pointer-events:none;
  font-size:1rem;
}
.signup-page #signupForm .contact-field-status.show{
  opacity:1;
  visibility:visible;
  transform:translateY(-50%) scale(1);
}
.signup-page #signupForm .contact-field-status.is-valid{
  background:linear-gradient(135deg,#2f8f58,#63ad78);
  box-shadow:0 12px 28px rgba(47,143,88,.24);
}
.signup-page #signupForm .contact-field-status.is-invalid{
  background:linear-gradient(135deg,#b94c3f,#dc684f);
  box-shadow:0 12px 28px rgba(185,72,62,.20);
}
.signup-page #signupForm .form-control.has-live-validation:focus{
  border-width:2px;
}

/* === Terms page long-form SMS service rules === */
.legal-layout-wide{grid-template-columns:300px minmax(0,1fr)}
.legal-definition-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 16px}
.legal-definition-box div{border:1px solid rgba(36,32,29,.09);border-radius:22px;background:rgba(255,255,255,.48);padding:17px;display:grid;gap:7px;min-height:138px}
.legal-definition-box strong{font-weight:950;color:var(--ink)}
.legal-definition-box span{color:var(--muted);font-weight:700;line-height:1.95;font-size:.93rem}
.legal-grid-tight div{min-height:136px}
.legal-columns-list{border:1px solid rgba(36,32,29,.09);border-radius:24px;background:rgba(255,255,255,.42);padding:18px 18px 10px;margin-top:18px}
.legal-columns-list ol{column-count:2;column-gap:28px;margin:0;padding:0 24px 0 0;list-style-position:outside}
.legal-columns-list li{break-inside:avoid;margin:0 0 12px;color:var(--muted);font-weight:700;line-height:2.05;padding-right:4px}
.legal-details{border:1px solid rgba(36,32,29,.09);border-radius:22px;background:rgba(255,255,255,.45);margin:12px 0;overflow:hidden}
.legal-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;font-weight:950;color:var(--ink);background:linear-gradient(135deg,rgba(199,99,60,.075),rgba(255,250,243,.35));user-select:none}
.legal-details summary::-webkit-details-marker{display:none}
.legal-details summary i{transition:transform .2s ease;color:var(--terracotta)}
.legal-details[open] summary i{transform:rotate(180deg)}
.legal-details .legal-list,.legal-details p{margin:0;padding:16px 18px 18px}
.legal-details .legal-list{padding-top:14px}
.legal-compact-list{gap:8px}
.legal-compact-list li{padding-top:11px;padding-bottom:11px;font-size:.94rem;line-height:1.95}
@media (max-width:1199.98px){.legal-layout-wide{grid-template-columns:272px minmax(0,1fr)}.legal-columns-list ol{column-count:1}}
@media (max-width:991.98px){.legal-layout-wide{grid-template-columns:1fr}.legal-definition-box{grid-template-columns:1fr}.legal-columns-list{padding:16px 14px 8px}.legal-columns-list ol{padding-right:20px}.legal-details summary{padding:14px 15px}}
@media (max-width:575.98px){.legal-definition-box div{min-height:auto}.legal-columns-list li{font-size:.92rem}.legal-details summary{font-size:.94rem;line-height:1.8}.legal-details .legal-list,.legal-details p{padding:13px 14px 15px}}


/*============================================================ Header and navigation ============================================================*/

/* Relax navigation polish - local assets only, SEO/UX friendly labels, desktop mega menu + mobile accordion feel. */
:root{
  --pn-paper:#f7f1e8;
  --pn-card:#fffaf3;
  --pn-card-2:#fff7ec;
  --pn-ink:#24201d;
  --pn-muted:#6f6258;
  --pn-line:rgba(36,32,29,.12);
  --pn-line-strong:rgba(36,32,29,.18);
  --pn-terracotta:#c7633c;
  --pn-terracotta-2:#a64f31;
  --pn-mustard:#e6ad4b;
  --pn-success:#427a55;
}
.nav-shell{
  position:sticky!important;
  top:0;
  z-index:1080!important;
  background:rgba(247,241,232,.91)!important;
  backdrop-filter:saturate(150%) blur(20px);
  border-bottom:1px solid rgba(223,208,190,.7)!important;
}
.nav-shell.is-scrolled{
  background:rgba(255,250,243,.96)!important;
  box-shadow:0 16px 42px rgba(55,38,23,.08);
}
.nav-shell .navbar{padding:12px 0!important;position:relative;z-index:2;}
.nav-shell .container-wide{position:relative;}
.nav-shell .navbar-brand{font-weight:950;color:var(--pn-ink)!important;letter-spacing:-.02em;}
.nav-shell .logo-mark{box-shadow:0 10px 26px rgba(199,99,60,.18);}
.main-nav-list{gap:4px;}
.nav-shell .nav-link{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  color:var(--pn-muted)!important;
  font-weight:920!important;
  border-radius:999px;
  padding:9px 13px!important;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.nav-shell .nav-link:hover,
.nav-shell .nav-link.show,
.nav-shell .nav-link.active,
.nav-shell .nav-link.group-active{
  color:var(--pn-ink)!important;
  background:rgba(199,99,60,.12)!important;
}
.nav-shell .nav-link.active,
.nav-shell .nav-link.group-active{box-shadow:inset 0 0 0 1px rgba(199,99,60,.10);}
.nav-shell .nav-link.show{transform:translateY(-1px);}
.nav-shell .dropdown-toggle::after{margin-right:7px;margin-left:0;vertical-align:.12em;border-top-color:currentColor;}
.nav-shell .btn{white-space:nowrap;}
.mobile-menu-head{display:none;}

.nav-shell .mega-menu{
  direction:rtl;
  text-align:right;
  list-style:none;
  border:1px solid rgba(36,32,29,.1)!important;
  background:linear-gradient(135deg,rgba(255,250,243,.99),rgba(248,240,229,.99))!important;
  color:var(--pn-ink);
  border-radius:28px!important;
  box-shadow:0 30px 90px rgba(55,38,23,.16),0 1px 0 rgba(255,255,255,.7) inset!important;
  padding:14px!important;
  margin:0!important;
  overflow:hidden;
}
.nav-shell .mega-menu::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 0,rgba(199,99,60,.14),transparent 34%),
    radial-gradient(circle at 94% 12%,rgba(230,173,75,.16),transparent 30%);
}
.nav-shell .mega-feature,
.nav-shell .mega-content,
.nav-shell .mega-eyebrow,
.nav-shell .mega-grid,
.nav-shell .mega-menu > .mega-link,
.nav-shell .mega-mini-cta{position:relative;z-index:1;}
.nav-shell .mega-feature{
  width:238px;
  min-height:100%;
  flex-direction:column;
  align-items:flex-start;
  border-radius:23px;
  padding:18px;
  background:linear-gradient(145deg,rgba(199,99,60,.13),rgba(230,173,75,.11));
  border:1px solid rgba(199,99,60,.16);
}
.nav-shell .mega-feature strong{display:block;margin-top:12px;font-weight:950;letter-spacing:-.02em;line-height:1.55;}
.nav-shell .mega-feature p{margin:7px 0 0;color:var(--pn-muted);font-size:.88rem;line-height:1.9;font-weight:760;}
.nav-shell .mega-feature-link{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,250,243,.72);
  border:1px solid rgba(199,99,60,.22);
  color:var(--pn-terracotta-2)!important;
  text-decoration:none;
  font-weight:950;
  font-size:.83rem;
}
.nav-shell .mega-feature-link:hover{background:var(--pn-terracotta);border-color:var(--pn-terracotta);color:#fffaf3!important;}
.nav-shell .mega-icon{
  width:46px;
  height:46px;
  border-radius:17px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,var(--pn-terracotta),var(--pn-terracotta-2));
  color:#fff;
  box-shadow:0 14px 28px rgba(199,99,60,.22);
}
.nav-shell .mega-content{min-width:0;flex:1;}
.nav-shell .mega-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 4px 10px;
  color:var(--pn-terracotta-2);
  font-size:.76rem;
  font-weight:950;
  letter-spacing:-.01em;
}
.nav-shell .mega-eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--pn-terracotta);
  box-shadow:0 0 0 5px rgba(199,99,60,.10);
}
.nav-shell .mega-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(230px,1fr));
  gap:9px;
  min-width:0;
}
.nav-shell .mega-link{
  display:grid!important;
  grid-template-columns:43px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-width:0;
  border:1px solid transparent;
  border-radius:20px;
  color:var(--pn-ink)!important;
  padding:13px!important;
  white-space:normal!important;
  text-decoration:none!important;
  line-height:1.6;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.nav-shell .mega-link i{
  width:43px;
  height:43px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:rgba(199,99,60,.11);
  color:var(--pn-terracotta);
  font-size:1.15rem;
}
.nav-shell .mega-link.is-primary{
  background:rgba(255,255,255,.36)!important;
  border-color:rgba(199,99,60,.14)!important;
}
.nav-shell .mega-link.is-primary i{background:linear-gradient(145deg,rgba(199,99,60,.18),rgba(230,173,75,.17));}
.nav-shell .mega-link strong{
  display:block;
  font-weight:950;
  line-height:1.35;
  letter-spacing:-.02em;
}
.nav-shell .mega-link small{
  display:block;
  margin-top:2px;
  color:var(--pn-muted);
  font-weight:760;
  line-height:1.75;
  font-size:.82rem;
}
.nav-shell .mega-link:hover,
.nav-shell .mega-link:focus,
.nav-shell .mega-link.active{
  background:rgba(199,99,60,.08)!important;
  border-color:rgba(199,99,60,.25)!important;
  box-shadow:0 12px 30px rgba(55,38,23,.06);
  transform:translateY(-1px);
}
.nav-shell .mega-mini-cta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:9px;
  border-radius:18px;
  padding:11px 12px;
  background:rgba(66,122,85,.08);
  border:1px solid rgba(66,122,85,.18);
  color:var(--pn-success)!important;
  text-decoration:none!important;
  font-weight:900;
  font-size:.88rem;
  line-height:1.8;
}
.nav-shell .mega-mini-cta i{font-size:1rem;}
.nav-shell .mega-mini-cta:hover{background:rgba(66,122,85,.13);}

@media (min-width:992px){
  .nav-shell .navbar-collapse{position:static!important;}
  .nav-shell .nav-mega-item{position:static!important;}
  .nav-shell .nav-mega-item > .dropdown-menu.mega-menu{
    display:flex!important;
    gap:12px;
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,8px)!important;
    width:min(860px,calc(100vw - 56px))!important;
    min-width:0!important;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }
  .nav-shell .nav-mega-item > .dropdown-menu.mega-menu.show{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%,0)!important;
  }
  .nav-shell .compact-mega > .dropdown-menu.mega-menu{
    display:grid!important;
    grid-template-columns:1fr;
    width:min(500px,calc(100vw - 56px))!important;
    padding:14px!important;
  }
  .nav-shell .compact-mega .mega-link{grid-template-columns:43px minmax(0,1fr);}
  .nav-shell .pricing-mega{left:46%!important;}
  .nav-shell .resources-mega{left:49%!important;}
  .nav-shell .nav-actions{flex:0 0 auto;}
}

@media (max-width:1199.98px) and (min-width:992px){
  .nav-shell .nav-link{padding-inline:10px!important;font-size:.9rem;}
  .nav-actions .btn{padding-inline:12px;font-size:.86rem;}
  .nav-shell .nav-mega-item > .dropdown-menu.mega-menu{width:min(810px,calc(100vw - 32px))!important;}
}

@media (max-width:991.98px){
  body.nav-is-open{overflow:hidden;}
  .nav-shell .container-wide{padding-inline:12px;}
  .nav-shell .navbar-toggler{
    width:46px;
    height:44px;
    display:grid;
    place-items:center;
    border:1px solid rgba(36,32,29,.14)!important;
    border-radius:16px!important;
    background:rgba(255,250,243,.76)!important;
  }
  .nav-shell .navbar-collapse{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:12px!important;
    left:12px!important;
    z-index:1090!important;
    max-height:calc(100dvh - 92px);
    overflow:auto;
    border:1px solid rgba(36,32,29,.1);
    border-radius:26px;
    padding:14px!important;
    background:rgba(255,250,243,.985)!important;
    box-shadow:0 28px 72px rgba(55,38,23,.18);
    backdrop-filter:blur(18px);
  }
  .nav-shell .navbar-collapse:not(.show){display:none!important;}
  .nav-shell .navbar-collapse.collapsing{display:block!important;}
  .mobile-menu-head{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:2px 2px 14px;
    margin-bottom:10px;
    border-bottom:1px solid rgba(36,32,29,.08);
  }
  .mobile-menu-head strong{display:block;font-weight:950;color:var(--pn-ink);}
  .mobile-menu-head small{display:block;color:var(--pn-muted);font-weight:760;font-size:.82rem;}
  .mini-signup-link{border:1px solid rgba(199,99,60,.26);background:rgba(199,99,60,.1);color:var(--pn-terracotta-2)!important;border-radius:999px;padding:8px 12px;font-weight:950;font-size:.82rem;white-space:nowrap;text-decoration:none;}
  .main-nav-list{align-items:stretch!important;gap:7px!important;}
  .nav-shell .nav-item{width:100%;}
  .nav-shell .nav-link{
    width:100%;
    justify-content:flex-start;
    padding:12px 13px!important;
    border-radius:17px!important;
  }
  .nav-shell .dropdown-toggle::after{margin-right:auto;}
  .nav-shell .nav-link.group-active::after{display:none!important;}
  .nav-shell .dropdown-menu.mega-menu{
    position:static!important;
    transform:none!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    display:none!important;
    margin:6px 0 0!important;
    padding:9px!important;
    border-radius:20px!important;
    box-shadow:none!important;
    background:rgba(255,255,255,.52)!important;
    backdrop-filter:none!important;
  }
  .nav-shell .dropdown-menu.mega-menu.show{display:block!important;}
  .nav-shell .mega-menu::before{display:none;}
  .nav-shell .mega-content{width:100%;}
  .nav-shell .mega-eyebrow{margin:2px 8px 8px;font-size:.74rem;}
  .nav-shell .mega-grid{grid-template-columns:1fr!important;gap:6px;}
  .nav-shell .mega-link{
    grid-template-columns:39px minmax(0,1fr);
    border-radius:16px!important;
    padding:11px!important;
    transform:none!important;
  }
  .nav-shell .mega-link i{width:39px;height:39px;border-radius:14px;}
  .nav-shell .mega-mini-cta{margin-top:7px;border-radius:16px;}
  .nav-actions{
    display:grid!important;
    grid-template-columns:1fr;
    gap:10px!important;
    padding-top:12px;
    margin-top:10px;
    border-top:1px solid rgba(36,32,29,.08);
  }
  .nav-actions .btn{width:100%;}
}

@media (max-width:575.98px){
  .nav-shell .navbar-brand span:last-child{font-size:.95rem;}
  .nav-shell .logo-mark{width:38px;height:38px;border-radius:13px;}
  .mobile-menu-head{align-items:flex-start;}
  .nav-shell .navbar-collapse{right:9px!important;left:9px!important;border-radius:22px;max-height:calc(100dvh - 84px);}
  .nav-shell .mega-link small{font-size:.78rem;line-height:1.65;}
  .nav-shell .mega-link strong{font-size:.92rem;}
}

/* Relax brand logo: header/footer logo comes from Web.config and stays safely resized. */
.brand-logo{display:inline-flex!important;align-items:center;gap:10px;min-width:0;max-width:100%;}
.brand-logo__media{height:42px;min-width:42px;max-width:148px;display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;overflow:hidden;border-radius:14px;line-height:0;}
.brand-logo__img{display:block;width:auto;height:100%;max-width:148px;max-height:42px;object-fit:contain;object-position:center;flex:0 0 auto;}
.brand-logo__text{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:950;line-height:1.2;}
.brand-logo--footer{gap:11px;}
.brand-logo__media--footer{height:38px;min-width:38px;max-width:132px;border-radius:13px;}
.brand-logo--footer .brand-logo__img{max-height:38px;max-width:132px;}
.footer-clean__logo.brand-logo{align-items:center;}
@media (max-width:575.98px){
  .brand-logo{gap:8px;}
  .brand-logo__media{height:38px;min-width:38px;max-width:120px;border-radius:13px;}
  .brand-logo__img{max-height:38px;max-width:120px;}
  .brand-logo__text{font-size:.95rem;}
}

/* Relax header dark mode + configurable logo sizes from Web.config. */
.nav-shell{
  background:
    radial-gradient(circle at 86% 0,rgba(199,99,60,.22),transparent 34%),
    linear-gradient(135deg,rgba(33,29,26,.985),rgba(47,37,30,.982) 55%,rgba(72,38,27,.972))!important;
  border-bottom:1px solid rgba(255,250,243,.13)!important;
  box-shadow:0 18px 48px rgba(24,19,15,.18);
}
.nav-shell.is-scrolled{
  background:
    radial-gradient(circle at 86% 0,rgba(199,99,60,.18),transparent 30%),
    linear-gradient(135deg,rgba(33,29,26,.99),rgba(42,33,27,.988) 58%,rgba(66,34,25,.982))!important;
  box-shadow:0 18px 52px rgba(24,19,15,.28);
}
.nav-shell .navbar{padding:9px 0!important;}
.nav-shell .navbar-brand,
.nav-shell .brand-logo__text{
  color:#fff7ed!important;
  text-shadow:0 1px 0 rgba(0,0,0,.12);
}
.nav-shell .brand-logo:hover .brand-logo__text{color:#ffffff!important;}
.nav-shell .nav-link{
  color:rgba(255,247,237,.78)!important;
}
.nav-shell .nav-link:hover,
.nav-shell .nav-link.show,
.nav-shell .nav-link.active,
.nav-shell .nav-link.group-active{
  color:#fffaf3!important;
  background:rgba(255,250,243,.105)!important;
  box-shadow:inset 0 0 0 1px rgba(255,250,243,.095);
}
.nav-shell .nav-link.active,
.nav-shell .nav-link.group-active{
  background:linear-gradient(135deg,rgba(199,99,60,.28),rgba(230,173,75,.14))!important;
}
.nav-shell .nav-link.group-active::after,
.nav-shell .nav-link.active::after{
  background:linear-gradient(90deg,#e6ad4b,#f4d59c)!important;
  opacity:.9;
}
.nav-shell .btn-ghost{
  color:rgba(255,247,237,.88)!important;
  background:rgba(255,250,243,.07)!important;
  border-color:rgba(255,250,243,.16)!important;
}
.nav-shell .btn-ghost:hover{
  color:#fffaf3!important;
  background:rgba(255,250,243,.12)!important;
  border-color:rgba(255,250,243,.26)!important;
}
.nav-shell .nav-menu-toggle,
.nav-shell .navbar-toggler{
  border-color:rgba(255,250,243,.18)!important;
  background:rgba(255,250,243,.08)!important;
  box-shadow:none!important;
}
.nav-shell .nav-menu-lines span{
  background:#fff7ed!important;
}
.brand-logo{
  --brand-logo-height:54px;
  --brand-logo-max-width:210px;
}
.brand-logo__media,
.brand-logo__media--footer{
  height:var(--brand-logo-height)!important;
  min-width:var(--brand-logo-height)!important;
  max-width:var(--brand-logo-max-width)!important;
  border-radius:14px;
  background:transparent!important;
}
.brand-logo__img,
.brand-logo--footer .brand-logo__img{
  height:100%!important;
  width:auto!important;
  max-height:var(--brand-logo-height)!important;
  max-width:var(--brand-logo-max-width)!important;
  object-fit:contain!important;
  object-position:center!important;
}
.brand-logo--footer{
  --brand-logo-height:44px;
  --brand-logo-max-width:180px;
}
@media (max-width:991.98px){
  .nav-shell .navbar-collapse{
    background:
      radial-gradient(circle at 10% 0,rgba(199,99,60,.18),transparent 34%),
      linear-gradient(145deg,rgba(33,29,26,.985),rgba(47,37,30,.975))!important;
    border:1px solid rgba(255,250,243,.12)!important;
    box-shadow:0 24px 70px rgba(24,19,15,.3)!important;
  }
  .nav-shell .mobile-menu-head strong{color:#fffaf3!important;}
  .nav-shell .mobile-menu-head small{color:rgba(255,247,237,.65)!important;}
  .nav-shell .nav-actions{border-top-color:rgba(255,250,243,.12)!important;}
  .nav-shell .dropdown-menu.mega-menu{
    background:linear-gradient(135deg,rgba(255,250,243,.98),rgba(248,240,229,.96))!important;
  }
}
@media (max-width:575.98px){
  .brand-logo{
    --brand-logo-height:46px;
    --brand-logo-max-width:170px;
  }
  .brand-logo--footer{
    --brand-logo-height:40px;
    --brand-logo-max-width:150px;
  }
}


/* Header signup CTA refinement: clearer icon spacing, richer motion, better mobile state. */
.nav-shell .nav-signup-cta{
  position:relative;
  isolation:isolate;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  min-height:48px!important;
  padding:7px 10px 7px 17px!important;
  border-radius:999px!important;
  border:1px solid rgba(244,213,156,.42)!important;
  color:#fffaf3!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.30),transparent 24%),
    linear-gradient(135deg,#df7a4b 0%,#c7633c 48%,#8f4028 100%)!important;
  box-shadow:
    0 16px 36px rgba(199,99,60,.34),
    0 0 0 1px rgba(255,250,243,.08) inset,
    inset 0 1px 0 rgba(255,255,255,.28)!important;
  text-decoration:none!important;
  transform:translateZ(0);
}
.nav-shell .nav-signup-cta::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:999px;
  background:linear-gradient(115deg,transparent 0 28%,rgba(255,250,243,.22) 42%,transparent 56% 100%);
  transform:translateX(120%);
  transition:transform .7s ease;
  pointer-events:none;
  z-index:0;
}
.nav-shell .nav-signup-cta:hover,
.nav-shell .nav-signup-cta:focus-visible{
  color:#fff!important;
  border-color:rgba(244,213,156,.64)!important;
  box-shadow:
    0 19px 44px rgba(199,99,60,.42),
    0 0 0 1px rgba(255,250,243,.12) inset,
    inset 0 1px 0 rgba(255,255,255,.34)!important;
  transform:translateY(-2px);
}
.nav-shell .nav-signup-cta:hover::after,
.nav-shell .nav-signup-cta:focus-visible::after{transform:translateX(-120%);}
.nav-shell .nav-signup-cta__icon,
.nav-shell .nav-signup-cta__copy,
.nav-shell .nav-signup-cta__dot{position:relative;z-index:1;}
.nav-shell .nav-signup-cta__icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,250,243,.18);
  border:1px solid rgba(255,250,243,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20);
  transition:transform .24s ease,background .24s ease,box-shadow .24s ease;
}
.nav-shell .nav-signup-cta__icon i{font-size:1.04rem;line-height:1;}
.nav-shell .nav-signup-cta:hover .nav-signup-cta__icon{
  background:rgba(255,250,243,.24);
  box-shadow:0 8px 18px rgba(80,36,20,.18),inset 0 1px 0 rgba(255,255,255,.22);
  transform:translateX(-2px) rotate(-6deg) scale(1.04);
}
.nav-shell .nav-signup-cta__copy{
  display:grid;
  align-items:center;
  gap:1px;
  text-align:right;
  line-height:1.25;
  white-space:nowrap;
}
.nav-shell .nav-signup-cta__label{font-weight:950;letter-spacing:-.025em;font-size:.92rem;}
.nav-shell .nav-signup-cta__copy small{
  display:block;
  color:rgba(255,250,243,.78);
  font-size:.68rem;
  font-weight:850;
  letter-spacing:-.015em;
}
.nav-shell .nav-signup-cta__dot{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:999px;
  background:#f4d59c;
  box-shadow:0 0 0 0 rgba(244,213,156,.58);
  animation:navSignupDotPulse 2.35s ease-out infinite;
}
.nav-shell .mini-signup-link{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
}
.nav-shell .mini-signup-link i{font-size:.92rem;line-height:1;}
@keyframes navSignupDotPulse{
  0%{box-shadow:0 0 0 0 rgba(244,213,156,.58);transform:scale(1);}
  62%{box-shadow:0 0 0 9px rgba(244,213,156,0);transform:scale(1.06);}
  100%{box-shadow:0 0 0 0 rgba(244,213,156,0);transform:scale(1);}
}
@media (max-width:1199.98px) and (min-width:992px){
  .nav-shell .nav-signup-cta{padding-inline:9px 13px!important;gap:9px!important;}
  .nav-shell .nav-signup-cta__icon{width:31px;height:31px;flex-basis:31px;}
  .nav-shell .nav-signup-cta__copy small{display:none;}
  .nav-shell .nav-signup-cta__dot{display:none;}
}
@media (max-width:991.98px){
  .nav-shell .nav-signup-cta{
    width:100%!important;
    justify-content:center!important;
    min-height:52px!important;
    padding:9px 13px!important;
  }
  .nav-shell .nav-signup-cta__copy{text-align:right;}
  .nav-shell .nav-signup-cta__copy small{font-size:.72rem;}
}
@media (max-width:575.98px){
  .nav-shell .nav-signup-cta__dot{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .nav-shell .nav-signup-cta,
  .nav-shell .nav-signup-cta::after,
  .nav-shell .nav-signup-cta__icon,
  .nav-shell .nav-signup-cta__dot{animation:none!important;transition:none!important;}
}


/*============================================================ Weblog and article pages Root scope: .css-scope-weblog ============================================================*/

/* Weblog comments and interaction fixes */
.css-scope-weblog .weblog-page-safe,.css-scope-weblog .weblog-page-safe *{box-sizing:border-box}.css-scope-weblog .weblog-card .blog-thumb{overflow:hidden;position:relative;min-height:150px;background:linear-gradient(135deg,rgba(199,99,60,.16),rgba(255,250,243,.85))}.css-scope-weblog .weblog-card .blog-thumb img{width:100%;height:100%;min-height:150px;object-fit:cover;display:block;position:relative;z-index:1;transition:transform .28s ease,filter .28s ease}.css-scope-weblog .weblog-card:hover .blog-thumb img{transform:scale(1.04);filter:saturate(1.05) contrast(1.02)}.css-scope-weblog .weblog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:34px}.css-scope-weblog .weblog-page-link{min-width:42px;height:42px;padding:0 14px;border:1px solid rgba(36,32,29,.12);border-radius:999px;background:rgba(255,250,243,.82);color:var(--ink,#24201d);display:inline-flex;align-items:center;justify-content:center;font-weight:900;text-decoration:none;box-shadow:0 12px 28px rgba(55,38,23,.06);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.css-scope-weblog .weblog-page-link:hover{transform:translateY(-2px);border-color:rgba(199,99,60,.34);background:rgba(199,99,60,.1);color:var(--terracotta-2,#a94f30)}.css-scope-weblog .weblog-page-link.active{background:var(--ink,#24201d);border-color:var(--ink,#24201d);color:#fff;pointer-events:none}.css-scope-weblog .weblog-page-link.disabled{opacity:.45;pointer-events:none;background:rgba(255,250,243,.5)}.css-scope-weblog .empty-state-card{max-width:620px;border:1px dashed rgba(199,99,60,.28);border-radius:28px;background:rgba(255,250,243,.8);padding:34px;box-shadow:0 20px 50px rgba(55,38,23,.06)}.css-scope-weblog .empty-state-card i{font-size:2rem;color:var(--terracotta,#c7633c)}.css-scope-weblog .article-cover-mini{margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(36,32,29,.08);box-shadow:0 16px 42px rgba(55,38,23,.1);background:rgba(255,255,255,.42)}.css-scope-weblog .article-cover-mini img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}/* Professional article comments area */
.css-scope-weblog .article-comments-pro{padding-top:0}.css-scope-weblog .article-comments-pro .container-wide{position:relative}.css-scope-weblog .article-comments-pro__wrap{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:24px;align-items:start;max-width:1180px;margin-inline:auto}.css-scope-weblog .article-comments-pro__list,.css-scope-weblog .article-comments-pro__form{position:relative;border:1px solid rgba(36,32,29,.10);border-radius:32px;background:linear-gradient(180deg,rgba(255,250,243,.92),rgba(255,255,255,.78));box-shadow:0 22px 65px rgba(55,38,23,.075),inset 0 1px 0 rgba(255,255,255,.72);padding:28px;overflow:hidden}.css-scope-weblog .article-comments-pro__list:before,.css-scope-weblog .article-comments-pro__form:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,rgba(199,99,60,.85),rgba(232,183,128,.72),rgba(199,99,60,.18));pointer-events:none}.css-scope-weblog .article-comments-pro__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.css-scope-weblog .article-comments-pro__header .eyebrow{margin-bottom:0}.css-scope-weblog .article-comments-pro__title{margin:10px 0 0;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:950;letter-spacing:-.03em;color:var(--ink,#24201d)}.css-scope-weblog .article-comments-pro__lead{margin:9px 0 0;color:var(--muted,#6b5d52);font-weight:760;line-height:1.9}.css-scope-weblog .article-comments-pro__counter{flex:0 0 auto;min-width:66px;height:66px;border-radius:22px;display:grid;place-items:center;text-align:center;background:rgba(199,99,60,.095);border:1px solid rgba(199,99,60,.18);color:var(--terracotta-2,#a94f30);font-weight:950;line-height:1.25}.css-scope-weblog .article-comments-pro__counter span{display:block;font-size:1.25rem}.css-scope-weblog .article-comments-pro__counter small{display:block;font-size:.72rem;color:var(--muted,#6b5d52);font-weight:850}.css-scope-weblog .comment-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px;border:1px solid rgba(36,32,29,.08);border-radius:24px;background:rgba(255,255,255,.62);margin-bottom:12px;box-shadow:0 10px 25px rgba(55,38,23,.035)}.css-scope-weblog .comment-avatar{width:44px;height:44px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(199,99,60,.14),rgba(199,99,60,.06));color:var(--terracotta,#c7633c);font-size:1.15rem;flex:0 0 auto}.css-scope-weblog .comment-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}.css-scope-weblog .comment-head strong{font-weight:950;color:var(--ink,#24201d)}.css-scope-weblog .comment-head span{color:var(--muted-2,#8a7a6b);font-size:.84rem;font-weight:800}.css-scope-weblog .comment-item p{margin:0;color:var(--muted,#6b5d52);font-weight:650;line-height:1.95}.css-scope-weblog .comment-empty{display:flex;gap:10px;align-items:center;border:1px dashed rgba(199,99,60,.28);background:rgba(199,99,60,.055);border-radius:22px;padding:15px 16px;color:var(--muted,#6b5d52);font-weight:850}.css-scope-weblog .comment-empty i{color:var(--terracotta,#c7633c)}.css-scope-weblog .article-comment-form{margin-top:16px}.css-scope-weblog .comment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.css-scope-weblog .comment-form-grid .full{grid-column:1/-1}.css-scope-weblog .comment-field{min-width:0}.css-scope-weblog .comment-field label{display:block;color:var(--ink,#24201d);font-size:.88rem;font-weight:950;margin:0 0 8px}.css-scope-weblog .comment-field .form-control,.css-scope-weblog .comment-field input,.css-scope-weblog .comment-field textarea{width:100%!important;min-height:50px;border:1px solid rgba(36,32,29,.12)!important;background:rgba(255,255,255,.76)!important;border-radius:18px!important;padding:13px 15px!important;color:var(--ink,#24201d)!important;font:inherit!important;font-weight:760!important;line-height:1.7!important;outline:none!important;box-shadow:none!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease!important}.css-scope-weblog .comment-field textarea{min-height:142px!important;resize:vertical!important}.css-scope-weblog .comment-field .form-control:focus,.css-scope-weblog .comment-field input:focus,.css-scope-weblog .comment-field textarea:focus{border-color:rgba(199,99,60,.55)!important;box-shadow:0 0 0 4px rgba(199,99,60,.10)!important;background:#fff!important;transform:translateY(-1px)}.css-scope-weblog .comment-field .form-control::placeholder,.css-scope-weblog .comment-field textarea::placeholder{color:rgba(99,88,76,.55)}.css-scope-weblog .comment-hp{position:absolute!important;right:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.css-scope-weblog .comment-message{border-radius:18px;padding:12px 14px;font-weight:850;margin:12px 0;line-height:1.9}.css-scope-weblog .comment-message.success{background:rgba(36,154,112,.1);border:1px solid rgba(36,154,112,.22);color:#18734f}.css-scope-weblog .comment-message.error{background:rgba(190,55,55,.09);border:1px solid rgba(190,55,55,.2);color:#9f2e2e}.css-scope-weblog .comment-note{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding:12px 14px;border:1px dashed rgba(36,32,29,.12);border-radius:18px;background:rgba(255,255,255,.52);color:var(--muted,#6b5d52);font-size:.86rem;font-weight:780;line-height:1.8}.css-scope-weblog .comment-note i{color:var(--terracotta,#c7633c);margin-top:4px}.css-scope-weblog .article-comment-submit{min-height:52px;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;border-radius:18px!important;font-weight:950!important}.css-scope-weblog .article-comment-submit i{font-size:1rem}.css-scope-weblog .comment-form-lock{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--muted-2,#8a7a6b);font-size:.82rem;font-weight:850}.css-scope-weblog .comment-form-lock i{color:var(--terracotta,#c7633c)}
@media (max-width:991.98px){.css-scope-weblog .article-comments-pro__wrap{grid-template-columns:1fr}.css-scope-weblog .article-comments-pro__form{order:-1}.css-scope-weblog .article-comments-pro__list,.css-scope-weblog .article-comments-pro__form{padding:24px;border-radius:28px}}
@media (max-width:575.98px){.css-scope-weblog .article-comments-pro__header{display:block}.css-scope-weblog .article-comments-pro__counter{margin-top:14px;width:62px;height:62px}.css-scope-weblog .comment-form-grid{grid-template-columns:1fr}.css-scope-weblog .comment-item{grid-template-columns:1fr}.css-scope-weblog .comment-avatar{width:40px;height:40px}.css-scope-weblog .article-comments-pro__list,.css-scope-weblog .article-comments-pro__form{padding:20px;border-radius:24px}}/* Weblog AI-generated image and content layout */
.css-scope-weblog .weblog-page-safe,.css-scope-weblog .weblog-page-safe *{box-sizing:border-box}.css-scope-weblog .weblog-hero-clean .weblog-hero-shell{max-width:1180px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center;text-align:right}.css-scope-weblog .weblog-hero-clean .weblog-hero-copy{min-width:0}.css-scope-weblog .weblog-hero-clean .weblog-hero-copy .lead-soft{max-width:780px}.css-scope-weblog .weblog-hero-clean .weblog-search{margin:24px 0 0;max-width:720px}.css-scope-weblog .weblog-hero-stats{display:grid;gap:12px}.css-scope-weblog .weblog-hero-stats>div{border:1px solid rgba(36,32,29,.09);background:linear-gradient(135deg,rgba(255,250,243,.9),rgba(255,255,255,.64));border-radius:24px;padding:18px 20px;box-shadow:0 18px 46px rgba(55,38,23,.065)}.css-scope-weblog .weblog-hero-stats strong{display:block;color:var(--terracotta-2,#a94f30);font-size:1.5rem;font-weight:950;line-height:1.2}.css-scope-weblog .weblog-hero-stats span{display:block;color:var(--muted,#6b5d52);font-weight:850;margin-top:6px}.css-scope-weblog .weblog-page .weblog-featured-clean{border-radius:34px;background:linear-gradient(135deg,rgba(255,250,243,.82),rgba(255,255,255,.66));border:1px solid rgba(36,32,29,.08);box-shadow:0 24px 70px rgba(55,38,23,.08)}.css-scope-weblog .weblog-page .weblog-archive-section{position:relative}.css-scope-weblog .weblog-page .weblog-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;flex-wrap:wrap;margin-bottom:26px}.css-scope-weblog .weblog-page .weblog-filterbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:720px}.css-scope-weblog .weblog-page .weblog-feed{align-items:stretch}.css-scope-weblog .weblog-page .weblog-feed-card{height:100%;display:grid;grid-template-columns:220px minmax(0,1fr);gap:0;overflow:hidden;border:1px solid rgba(36,32,29,.075);border-radius:30px;background:rgba(255,255,255,.62);box-shadow:0 18px 46px rgba(55,38,23,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.css-scope-weblog .weblog-page .col-12:first-child .weblog-feed-card{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);min-height:330px;background:linear-gradient(135deg,rgba(255,250,243,.92),rgba(255,255,255,.72))}.css-scope-weblog .weblog-page .weblog-feed-card:hover{transform:translateY(-3px);box-shadow:0 26px 65px rgba(55,38,23,.09);border-color:rgba(199,99,60,.2)}.css-scope-weblog .weblog-page .weblog-feed-media{display:grid;place-items:center;min-height:220px;background:linear-gradient(135deg,rgba(199,99,60,.14),rgba(230,173,75,.1));text-decoration:none;color:var(--terracotta,#c7633c);overflow:hidden}.css-scope-weblog .weblog-page .weblog-feed-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease,filter .28s ease}.css-scope-weblog .weblog-page .weblog-feed-card:hover .weblog-feed-media img{transform:scale(1.04);filter:saturate(1.05) contrast(1.02)}.css-scope-weblog .weblog-page .weblog-feed-media i{width:70px;height:70px;border-radius:26px;background:rgba(255,255,255,.7);display:grid;place-items:center;font-size:2rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.css-scope-weblog .weblog-page .weblog-feed-body{padding:24px;display:flex;flex-direction:column;min-width:0}.css-scope-weblog .weblog-page .weblog-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.css-scope-weblog .weblog-page .weblog-card-topline span{display:inline-flex;border:1px solid rgba(199,99,60,.16);background:rgba(199,99,60,.08);color:var(--terracotta-2,#a94f30);border-radius:999px;padding:6px 11px;font-size:.82rem;font-weight:950}.css-scope-weblog .weblog-page .weblog-card-topline em{font-style:normal;color:var(--muted-2,#8a7a6b);font-weight:820;font-size:.84rem}.css-scope-weblog .weblog-page .weblog-feed-body h3{font-size:1.18rem;line-height:1.75;font-weight:950;margin:0 0 10px;letter-spacing:-.02em}.css-scope-weblog .weblog-page .col-12:first-child .weblog-feed-body h3{font-size:clamp(1.4rem,2.4vw,2rem)}.css-scope-weblog .weblog-page .weblog-feed-body h3 a{color:var(--ink,#24201d);text-decoration:none}.css-scope-weblog .weblog-page .weblog-feed-body h3 a:hover{color:var(--terracotta-2,#a94f30)}.css-scope-weblog .weblog-page .weblog-feed-body p{color:var(--muted,#6b5d52);font-weight:700;line-height:2;margin:0 0 16px}.css-scope-weblog .weblog-page .weblog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;flex-wrap:wrap}.css-scope-weblog .weblog-page .weblog-card-footer span{color:var(--muted-2,#8a7a6b);font-weight:850}.css-scope-weblog .weblog-page .weblog-card-footer a{display:inline-flex;align-items:center;gap:7px;color:var(--terracotta-2,#a94f30);font-weight:950;text-decoration:none}.css-scope-weblog .weblog-page .filter-empty{display:none;width:100%;padding:22px;border:1px dashed rgba(199,99,60,.28);border-radius:24px;background:rgba(199,99,60,.055);color:var(--muted,#6b5d52);font-weight:900;text-align:center}.css-scope-weblog .weblog-page .filter-empty.show{display:block}.css-scope-weblog .article-page .article-hero-grid-clean{grid-template-columns:minmax(0,1fr) 380px}.css-scope-weblog .article-page .article-hero-card{background:linear-gradient(135deg,rgba(255,250,243,.9),rgba(255,255,255,.7));border-color:rgba(36,32,29,.08)}.css-scope-weblog .article-page .article-layout-clean{grid-template-columns:minmax(0,880px) minmax(280px,340px);justify-content:center;gap:34px;align-items:start}.css-scope-weblog .article-page .article-content-card.article-rich-body{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:8px 4px 24px!important;line-height:2.15;color:#342c26;font-size:1.03rem}.css-scope-weblog .article-page .article-rich-body>p,.css-scope-weblog .article-page .article-rich-body>ul,.css-scope-weblog .article-page .article-rich-body>ol{font-weight:700;color:var(--muted,#6b5d52);line-height:2.15}.css-scope-weblog .article-page .article-rich-body h2{position:relative;font-size:clamp(1.45rem,2.3vw,2rem);font-weight:950;line-height:1.55;margin:42px 0 16px;color:var(--ink,#24201d);letter-spacing:-.035em}.css-scope-weblog .article-page .article-rich-body h2:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--terracotta,#c7633c);margin-left:10px;box-shadow:0 0 0 7px rgba(199,99,60,.1)}.css-scope-weblog .article-page .article-rich-body h2:first-child{margin-top:0}.css-scope-weblog .article-page .article-rich-body h3{font-size:1.22rem;font-weight:950;margin:28px 0 10px;color:var(--ink,#24201d)}.css-scope-weblog .article-page .article-rich-body a{color:var(--terracotta-2,#a94f30);font-weight:950;text-decoration:none;border-bottom:1px dashed rgba(199,99,60,.35)}.css-scope-weblog .article-page .article-aside-clean{border:1px solid rgba(36,32,29,.08);border-radius:28px;background:rgba(255,250,243,.78);box-shadow:0 18px 45px rgba(55,38,23,.06);position:sticky;top:112px;padding:22px}.css-scope-weblog .article-page .article-toc-box h2{display:flex;align-items:center;gap:8px;margin-bottom:12px}.css-scope-weblog .article-page .article-toc{display:grid;gap:8px}.css-scope-weblog .article-page .article-toc a{display:block;border-radius:14px;padding:9px 11px;background:rgba(255,255,255,.5);color:var(--muted,#6b5d52);font-size:.88rem;font-weight:850;text-decoration:none;line-height:1.75}.css-scope-weblog .article-page .article-toc a:hover{background:rgba(199,99,60,.08);color:var(--terracotta-2,#a94f30)}.css-scope-weblog .article-page .article-toc p{margin:0;color:var(--muted,#6b5d52);font-weight:800}.css-scope-weblog .article-page .article-side-separator{height:1px;background:rgba(36,32,29,.08);margin:18px 0}.css-scope-weblog .article-page .article-callout,.css-scope-weblog .article-page .article-note{border:1px solid rgba(199,99,60,.16);background:linear-gradient(135deg,#fff7ef,#fff);border-radius:24px;padding:18px 20px;margin:26px 0;box-shadow:0 14px 34px rgba(55,38,23,.04);color:#5f4030;font-weight:850;line-height:2}.css-scope-weblog .article-page .article-callout{display:flex;align-items:flex-start;gap:12px}.css-scope-weblog .article-page .article-callout i{color:var(--terracotta,#c7633c);font-size:1.25rem;margin-top:5px}.css-scope-weblog .article-page .article-cta{border:1px solid rgba(199,99,60,.22);background:radial-gradient(circle at 10% 10%,rgba(199,99,60,.16),transparent 35%),linear-gradient(135deg,#fff4eb,#fff);border-radius:30px;padding:26px;margin:34px 0;box-shadow:0 22px 55px rgba(55,38,23,.07)}.css-scope-weblog .article-page .article-cta h3{margin-top:0}.css-scope-weblog .article-page .article-btn,.css-scope-weblog .article-page .article-cta a,.css-scope-weblog .article-page .article-cta .btn-admin{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:16px;padding:10px 16px;background:linear-gradient(135deg,var(--terracotta,#c7633c),var(--terracotta-2,#a94f30));color:#fff!important;border:0!important;text-decoration:none!important;font-weight:950;box-shadow:0 14px 28px rgba(199,99,60,.2)}.css-scope-weblog .article-page .article-checklist,.css-scope-weblog .article-page .article-steps,.css-scope-weblog .article-page .article-keypoints,.css-scope-weblog .article-page .article-faq-accordion,.css-scope-weblog .article-page .article-stat-grid,.css-scope-weblog .article-page .article-mini-card-grid,.css-scope-weblog .article-page .article-comparison,.css-scope-weblog .article-page .article-timeline{margin:30px 0}.css-scope-weblog .article-page .article-checklist{border:1px solid rgba(36,32,29,.08);background:linear-gradient(135deg,#fff,#fff8f2);border-radius:28px;padding:24px}.css-scope-weblog .article-page .article-checklist ul{margin:12px 0 0;padding-right:22px}.css-scope-weblog .article-page .article-checklist li{margin:8px 0}.css-scope-weblog .article-page .article-steps{display:grid;gap:12px;counter-reset:step}.css-scope-weblog .article-page .article-step{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;border:1px solid rgba(36,32,29,.08);background:#fff;border-radius:22px;padding:16px}.css-scope-weblog .article-page .article-step strong{width:36px;height:36px;border-radius:14px;background:rgba(199,99,60,.1);color:var(--terracotta-2,#a94f30);display:grid;place-items:center}.css-scope-weblog .article-page .article-keypoints,.css-scope-weblog .article-page .article-stat-grid,.css-scope-weblog .article-page .article-mini-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.css-scope-weblog .article-page .article-keypoints>div,.css-scope-weblog .article-page .article-stat-card,.css-scope-weblog .article-page .article-mini-card{border:1px solid rgba(36,32,29,.08);background:linear-gradient(135deg,#fff,#fff8f2);border-radius:24px;padding:18px;box-shadow:0 12px 28px rgba(55,38,23,.035)}.css-scope-weblog .article-page .article-keypoints strong,.css-scope-weblog .article-page .article-stat-card strong{display:block;color:var(--terracotta-2,#a94f30);font-weight:950;margin-bottom:6px}.css-scope-weblog .article-page .article-keypoints span,.css-scope-weblog .article-page .article-stat-card span,.css-scope-weblog .article-page .article-mini-card span{display:block;color:var(--muted,#6b5d52);font-weight:780;line-height:1.9}.css-scope-weblog .article-page .article-mini-card i{font-size:1.35rem;color:var(--terracotta,#c7633c);display:inline-flex;margin-bottom:8px}.css-scope-weblog .article-page .article-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.css-scope-weblog .article-page .article-comparison>div{border:1px solid rgba(36,32,29,.08);background:#fff;border-radius:26px;padding:20px}.css-scope-weblog .article-page .article-timeline{display:grid;gap:14px}.css-scope-weblog .article-page .article-timeline-item{border:1px solid rgba(36,32,29,.08);background:#fff;border-radius:22px;padding:16px 18px}.css-scope-weblog .article-page .article-timeline-item strong{display:block;color:var(--terracotta-2,#a94f30);font-weight:950;margin-bottom:5px}.css-scope-weblog .article-page .article-quote{border:1px solid rgba(199,99,60,.14);border-right:5px solid var(--terracotta,#c7633c);background:linear-gradient(135deg,#fff8f2,#fff);border-radius:24px;padding:20px 22px;margin:26px 0;color:#4c372b}.css-scope-weblog .article-page .article-quote p{font-size:1.08rem;font-weight:900;margin:0 0 8px}.css-scope-weblog .article-page .article-quote cite{font-style:normal;color:var(--muted,#6b5d52);font-weight:800}.css-scope-weblog .article-page .article-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid rgba(36,32,29,.09);border-radius:22px;margin:26px 0;background:#fff;box-shadow:0 12px 28px rgba(55,38,23,.035)}.css-scope-weblog .article-page .article-table th,.css-scope-weblog .article-page .article-table td{padding:13px 15px;border-bottom:1px solid rgba(36,32,29,.07);vertical-align:top}.css-scope-weblog .article-page .article-table th{background:#fff4eb;color:#5f4030;font-weight:950}.css-scope-weblog .article-page .article-faq-accordion{border:1px solid rgba(36,32,29,.08);background:linear-gradient(135deg,#fffdf9,#fff7ef);border-radius:30px;padding:22px}.css-scope-weblog .article-page .article-faq-accordion>h2{margin-top:0}.css-scope-weblog .article-page .article-faq-item{border:1px solid rgba(36,32,29,.09);border-radius:20px;background:#fff;margin:10px 0;padding:0;overflow:hidden}.css-scope-weblog .article-page .article-faq-item summary{list-style:none;cursor:pointer;font-weight:950;color:var(--ink,#24201d);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.css-scope-weblog .article-page .article-faq-item summary::-webkit-details-marker{display:none}.css-scope-weblog .article-page .article-faq-item summary:after{content:'+';width:30px;height:30px;border-radius:12px;background:#fff3ea;color:var(--terracotta-2,#a94f30);display:grid;place-items:center;font-weight:950;flex:0 0 auto}.css-scope-weblog .article-page .article-faq-item[open] summary:after{content:'−'}.css-scope-weblog .article-page .article-faq-answer{padding:0 18px 18px;color:#4e443d}.css-scope-weblog .article-page .article-faq-answer p{margin:0}.css-scope-weblog .article-page .article-layout-comparison h2:before{border-radius:4px}.css-scope-weblog .article-page .article-layout-case-study h2:before{background:#2f7d62}.css-scope-weblog .article-page .article-layout-narrative h2:before{background:#5a67d8}.css-scope-weblog .article-page .article-layout-stat h2:before{background:#c58a2b}
@media (max-width:1199.98px){.css-scope-weblog .weblog-hero-clean .weblog-hero-shell,.css-scope-weblog .article-page .article-hero-grid-clean,.css-scope-weblog .article-page .article-layout-clean{grid-template-columns:1fr}.css-scope-weblog .article-page .article-aside-clean{position:relative;top:auto;order:-1}.css-scope-weblog .weblog-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.css-scope-weblog .weblog-page .weblog-feed-card,.css-scope-weblog .weblog-page .col-12:first-child .weblog-feed-card{grid-template-columns:260px minmax(0,1fr);min-height:auto}}
@media (max-width:767.98px){.css-scope-weblog .weblog-hero-stats{grid-template-columns:1fr}.css-scope-weblog .weblog-page .weblog-section-head{align-items:flex-start}.css-scope-weblog .weblog-page .weblog-filterbar{justify-content:flex-start}.css-scope-weblog .weblog-page .weblog-feed-card,.css-scope-weblog .weblog-page .col-12:first-child .weblog-feed-card{grid-template-columns:1fr}.css-scope-weblog .weblog-page .weblog-feed-media{min-height:190px}.css-scope-weblog .article-page .article-keypoints,.css-scope-weblog .article-page .article-stat-grid,.css-scope-weblog .article-page .article-mini-card-grid,.css-scope-weblog .article-page .article-comparison{grid-template-columns:1fr}.css-scope-weblog .article-page .article-content-card.article-rich-body{font-size:.98rem}.css-scope-weblog .article-page .article-rich-body h2{margin-top:32px}.css-scope-weblog .article-page .article-table{display:block;overflow-x:auto}}.css-scope-weblog .article-page .article-faq{border:1px solid rgba(36,32,29,.08);background:linear-gradient(135deg,#fffdf9,#fff7ef);border-radius:30px;padding:22px;margin:30px 0}.css-scope-weblog .article-page .article-faq details{border:1px solid rgba(36,32,29,.09);border-radius:20px;background:#fff;margin:10px 0;padding:0;overflow:hidden}.css-scope-weblog .article-page .article-faq summary{list-style:none;cursor:pointer;font-weight:950;color:var(--ink,#24201d);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.css-scope-weblog .article-page .article-faq summary::-webkit-details-marker{display:none}.css-scope-weblog .article-page .article-faq summary:after{content:'+';width:30px;height:30px;border-radius:12px;background:#fff3ea;color:var(--terracotta-2,#a94f30);display:grid;place-items:center;font-weight:950;flex:0 0 auto}.css-scope-weblog .article-page .article-faq details[open] summary:after{content:'−'}/* AI generated blog images: keep full image visible, responsive and served from admin image path */
.css-scope-weblog .article-cover-mini{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff8f2,#fff);padding:10px}.css-scope-weblog .article-cover-mini img{width:100%;height:auto;max-height:360px;aspect-ratio:auto!important;object-fit:contain!important;background:#fff;border-radius:20px}.css-scope-weblog .weblog-page .weblog-feed-media{min-height:220px;background:linear-gradient(135deg,rgba(255,248,242,.95),rgba(255,255,255,.9));padding:10px}.css-scope-weblog .weblog-page .weblog-feed-media img{width:100%;height:100%;max-height:280px;object-fit:contain!important;background:#fff;border-radius:22px;box-shadow:0 14px 30px rgba(55,38,23,.05)}.css-scope-weblog .weblog-page .weblog-feed-card:hover .weblog-feed-media img{transform:none;filter:saturate(1.03) contrast(1.01)}.css-scope-weblog .article-page .article-rich-body img{display:block;max-width:100%;height:auto!important;object-fit:contain!important;border-radius:24px;background:#fff;box-shadow:0 18px 42px rgba(55,38,23,.07)}.css-scope-weblog .article-page .article-rich-body figure{max-width:760px;margin:32px auto;text-align:center}.css-scope-weblog .article-page .article-rich-body figure img{width:100%;max-height:520px;object-fit:contain!important}.css-scope-weblog .article-page .article-rich-body figcaption{margin-top:10px;color:var(--muted,#6b5d52);font-size:.9rem;font-weight:800;line-height:1.8}.css-scope-weblog .article-page .article-generated-image{border:1px solid rgba(36,32,29,.08);background:linear-gradient(135deg,#fffaf4,#fff);border-radius:28px;padding:12px;box-shadow:0 18px 42px rgba(55,38,23,.055)}
@media (max-width:767.98px){.css-scope-weblog .article-cover-mini img{max-height:280px}.css-scope-weblog .weblog-page .weblog-feed-media{min-height:190px}.css-scope-weblog .weblog-page .weblog-feed-media img{max-height:220px}.css-scope-weblog .article-page .article-rich-body figure{max-width:100%;margin:24px 0}.css-scope-weblog .article-page .article-rich-body figure img{max-height:360px;border-radius:18px}}.css-scope-weblog .weblog-page .weblog-feed-media img{height:auto!important}/* Final blog image rendering fixes - cover images fill their frame, inline images stay readable */
.css-scope-weblog .weblog-page .weblog-feed-media{position:relative;display:block;overflow:hidden;min-height:220px;border-radius:28px;background:linear-gradient(135deg,rgba(199,99,60,.14),rgba(255,250,243,.86))}.css-scope-weblog .weblog-page .weblog-feed-media img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover!important;object-position:center center;border-radius:inherit}.css-scope-weblog .weblog-page .col-12:first-child .weblog-feed-media{min-height:265px}.css-scope-weblog .weblog-page .col-12:first-child .weblog-feed-media img{min-height:265px}.css-scope-weblog .article-page .article-cover-mini{display:block;position:relative;overflow:hidden;padding:0!important;border-radius:28px;background:linear-gradient(135deg,#fff8f2,#fff);min-height:250px}.css-scope-weblog .article-page .article-cover-mini img{display:block;width:100%;height:100%!important;min-height:250px;max-height:none!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center center;border-radius:0!important;background:#fff}.css-scope-weblog .article-page .article-hero-card .article-cover-mini{min-height:300px}.css-scope-weblog .article-page .article-hero-card .article-cover-mini img{min-height:300px}.css-scope-weblog .article-page .article-rich-body figure.article-generated-image,.css-scope-weblog .article-page .article-rich-body figure{max-width:760px;margin:32px auto;text-align:center;overflow:hidden}.css-scope-weblog .article-page .article-rich-body figure.article-generated-image{border:1px solid rgba(36,32,29,.08);background:linear-gradient(135deg,#fffaf4,#fff);border-radius:28px;padding:12px;box-shadow:0 18px 42px rgba(55,38,23,.055)}.css-scope-weblog .article-page .article-rich-body figure.article-generated-image img,.css-scope-weblog .article-page .article-rich-body figure img,.css-scope-weblog .article-page .article-rich-body img{display:block;width:100%;max-width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:20px;background:#fff;box-shadow:0 18px 42px rgba(55,38,23,.07)}.css-scope-weblog .article-page .article-rich-body figure figcaption{margin-top:10px;color:var(--muted,#6b5d52);font-size:.9rem;font-weight:800;line-height:1.8}
@media (max-width:767.98px){.css-scope-weblog .weblog-page .weblog-feed-media,.css-scope-weblog .weblog-page .weblog-feed-media img{min-height:190px}.css-scope-weblog .weblog-page .col-12:first-child .weblog-feed-media,.css-scope-weblog .weblog-page .col-12:first-child .weblog-feed-media img{min-height:210px}.css-scope-weblog .article-page .article-cover-mini,.css-scope-weblog .article-page .article-cover-mini img{min-height:220px}.css-scope-weblog .article-page .article-hero-card .article-cover-mini,.css-scope-weblog .article-page .article-hero-card .article-cover-mini img{min-height:230px}.css-scope-weblog .article-page .article-rich-body figure.article-generated-image,.css-scope-weblog .article-page .article-rich-body figure{max-width:100%;margin:24px 0}.css-scope-weblog .article-page .article-rich-body figure.article-generated-image img,.css-scope-weblog .article-page .article-rich-body figure img{border-radius:18px}
}/* Local final override for Saeid admin image storage */
.css-scope-weblog .article-page .article-cover-mini{min-height:260px;max-height:420px}.css-scope-weblog .article-page .article-cover-mini img{height:100%!important;min-height:260px;max-height:420px!important;object-fit:cover!important}.css-scope-weblog .weblog-page .weblog-featured-panel{overflow:hidden}.css-scope-weblog .article-page .article-rich-body figure.article-generated-image img{min-height:0!important}.css-scope-weblog .article-page .article-rich-body figure.article-generated-image img[src*="BlogImage.ashx"]{background:#fff}/* Weblog archive layout */
.css-scope-weblog .weblog-page .weblog-featured-modern{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.85fr) 220px;
  gap:20px;
  align-items:stretch;
  padding:24px;
  overflow:hidden;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10px 6px;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy h2{
  font-size:clamp(1.55rem,2.4vw,2.35rem);
  line-height:1.65;
  font-weight:950;
  letter-spacing:-.035em;
  margin:10px 0 12px;
  color:var(--ink,#24201d);
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy p{
  color:var(--muted,#6b5d52);
  line-height:2;
  font-weight:760;
  margin:0 0 14px;
}.css-scope-weblog .weblog-page .weblog-featured-visual{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:260px;
  padding:14px;
  border:1px solid rgba(36,32,29,.08);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,248,242,.94),rgba(255,255,255,.86));
  text-decoration:none;
  color:var(--terracotta,#c7633c);
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 18px 44px rgba(55,38,23,.055);
}.css-scope-weblog .weblog-page .weblog-featured-visual img{
  display:block;
  width:100%;
  height:100%;
  min-height:230px;
  object-fit:contain!important;
  object-position:center center;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(55,38,23,.055);
}.css-scope-weblog .weblog-page .weblog-featured-visual i{
  width:82px;
  height:82px;
  border-radius:30px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.74);
  font-size:2.35rem;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-panel{
  display:grid;
  gap:12px;
  align-content:center;
}.css-scope-weblog .weblog-page .weblog-feed-grid{
  align-items:stretch;
}.css-scope-weblog .weblog-page .weblog-feed-grid>[data-weblog-card]{
  display:flex;
}.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-card,.css-scope-weblog .weblog-page .weblog-feed-grid>.col-12:first-child .weblog-feed-card{
  width:100%;
  height:100%;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:1fr!important;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,250,243,.62))!important;
  border:1px solid rgba(36,32,29,.085);
  box-shadow:0 18px 46px rgba(55,38,23,.055);
}.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-media,.css-scope-weblog .weblog-page .weblog-feed-grid>.col-12:first-child .weblog-feed-media{
  position:relative;
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:16/10;
  height:auto!important;
  min-height:0!important;
  padding:12px!important;
  border-radius:30px 30px 0 0!important;
  background:linear-gradient(135deg,rgba(255,248,242,.98),rgba(255,255,255,.88))!important;
  color:var(--terracotta,#c7633c);
  overflow:hidden;
}.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-media img,.css-scope-weblog .weblog-page .weblog-feed-grid>.col-12:first-child .weblog-feed-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:22px!important;
  background:#fff;
  box-shadow:0 14px 30px rgba(55,38,23,.045);
  transform:none!important;
}.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-card:hover .weblog-feed-media img{
  transform:none!important;
  filter:saturate(1.03) contrast(1.01);
}.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-media i{
  width:70px;
  height:70px;
  border-radius:26px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  font-size:2rem;
}.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-body{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  padding:22px;
}.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-card-topline{
  min-height:34px;
  margin-bottom:10px;
}.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-body h3,.css-scope-weblog .weblog-page .weblog-feed-grid>.col-12:first-child .weblog-feed-body h3{
  font-size:1.12rem!important;
  line-height:1.75;
  margin:0 0 10px;
}.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-body h3 a{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-body p{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:6em;
  margin-bottom:18px;
}.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-card-footer{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid rgba(36,32,29,.065);
}.css-scope-weblog .weblog-page .weblog-feed-grid .filter-empty{
  flex:0 0 100%;
}

@media (max-width:1199.98px){.css-scope-weblog .weblog-page .weblog-featured-modern{
    grid-template-columns:minmax(0,1fr) 320px;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-panel{
    grid-column:1/-1;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:767.98px){.css-scope-weblog .weblog-page .weblog-featured-modern{
    grid-template-columns:1fr;
    padding:18px;
    border-radius:28px;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-panel{
    grid-column:auto;
    grid-template-columns:1fr;
  }.css-scope-weblog .weblog-page .weblog-featured-visual{
    min-height:210px;
    order:-1;
  }.css-scope-weblog .weblog-page .weblog-featured-visual img{
    min-height:180px;
  }.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-body{
    padding:20px;
  }.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-media,.css-scope-weblog .weblog-page .weblog-feed-grid>.col-12:first-child .weblog-feed-media{
    aspect-ratio:4/3;
  }
}/* Weblog image cover */
.css-scope-weblog .weblog-page .weblog-featured-visual{
  display:block;
  padding:0!important;
  min-height:320px;
  aspect-ratio:4/3;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,248,242,.96),rgba(255,255,255,.88))!important;
  overflow:hidden;
}.css-scope-weblog .weblog-page .weblog-featured-visual img{
  display:block;
  width:100%!important;
  height:100%!important;
  min-height:320px!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-media,.css-scope-weblog .weblog-page .weblog-feed-grid>.col-12:first-child .weblog-feed-media{
  display:block!important;
  padding:0!important;
  aspect-ratio:4/3;
  border-radius:30px 30px 0 0!important;
  background:linear-gradient(135deg,rgba(255,248,242,.96),rgba(255,255,255,.88))!important;
  overflow:hidden;
}.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-media img,.css-scope-weblog .weblog-page .weblog-feed-grid>.col-12:first-child .weblog-feed-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-card:hover .weblog-feed-media img{
  transform:scale(1.02)!important;
  filter:saturate(1.04) contrast(1.02);
}
@media (max-width:1199.98px){.css-scope-weblog .weblog-page .weblog-featured-visual{
    min-height:280px;
    aspect-ratio:16/10;
  }.css-scope-weblog .weblog-page .weblog-featured-visual img{
    min-height:280px!important;
  }
}
@media (max-width:767.98px){.css-scope-weblog .weblog-page .weblog-featured-visual{
    min-height:220px;
    aspect-ratio:4/3;
  }.css-scope-weblog .weblog-page .weblog-featured-visual img{
    min-height:220px!important;
  }.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-media,.css-scope-weblog .weblog-page .weblog-feed-grid>.col-12:first-child .weblog-feed-media{
    aspect-ratio:16/10;
  }
}/* Weblog CTA */
.css-scope-weblog .weblog-cta-section .container-wide{position:relative}.css-scope-weblog .weblog-action-cta{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:24px;
  padding:28px;
  border-radius:34px;
  border:1px solid rgba(36,32,29,.08);
  background:
    radial-gradient(circle at top left, rgba(199,99,60,.14), transparent 28%),
    linear-gradient(135deg, rgba(255,250,243,.96), rgba(255,255,255,.90));
  box-shadow:0 28px 80px rgba(55,38,23,.08), inset 0 1px 0 rgba(255,255,255,.72);
  overflow:hidden;
}.css-scope-weblog .weblog-action-cta::before{
  content:"";
  position:absolute;
  inset:auto -80px -120px auto;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(199,99,60,.14), rgba(199,99,60,0));
  pointer-events:none;
}.css-scope-weblog .weblog-action-copy,.css-scope-weblog .weblog-action-steps{position:relative;z-index:1}.css-scope-weblog .weblog-action-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.css-scope-weblog .weblog-action-copy .section-title{font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.6}.css-scope-weblog .weblog-action-copy .lead-soft{max-width:760px;line-height:2;font-weight:760;color:var(--muted,#6b5d52)}.css-scope-weblog .weblog-cta-points{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin:22px 0 0;
}.css-scope-weblog .weblog-cta-point{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:13px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(36,32,29,.07);
  box-shadow:0 10px 24px rgba(55,38,23,.04);
  font-weight:820;
  color:var(--ink,#24201d);
  line-height:1.9;
}.css-scope-weblog .weblog-cta-point i{color:var(--terracotta,#c7633c);font-size:1.05rem;margin-top:4px;flex:0 0 auto}.css-scope-weblog .weblog-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}.css-scope-weblog .weblog-cta-actions .btn{min-width:170px;justify-content:center;display:inline-flex;align-items:center}.css-scope-weblog .weblog-action-steps{
  display:grid;
  gap:14px;
  align-content:center;
}.css-scope-weblog .weblog-step-card{
  display:grid;
  grid-template-columns:62px minmax(0,1fr);
  gap:14px;
  align-items:flex-start;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(36,32,29,.08);
  background:rgba(255,255,255,.72);
  box-shadow:0 14px 34px rgba(55,38,23,.045);
}.css-scope-weblog .weblog-step-card.active{
  background:linear-gradient(135deg, rgba(199,99,60,.12), rgba(255,255,255,.82));
  border-color:rgba(199,99,60,.18);
}.css-scope-weblog .weblog-step-number{
  width:62px;
  height:62px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--terracotta,#c7633c),var(--terracotta-2,#a94f30));
  color:#fff;
  font-size:1.3rem;
  font-weight:950;
  box-shadow:0 16px 34px rgba(199,99,60,.22);
}.css-scope-weblog .weblog-step-card strong{
  display:block;
  margin:3px 0 7px;
  font-size:1.03rem;
  font-weight:950;
  color:var(--ink,#24201d);
}.css-scope-weblog .weblog-step-card p{
  margin:0;
  color:var(--muted,#6b5d52);
  line-height:1.9;
  font-weight:760;
}
@media (max-width:991.98px){.css-scope-weblog .weblog-action-cta{grid-template-columns:1fr;padding:24px}.css-scope-weblog .weblog-action-copy .lead-soft{max-width:none}
}
@media (max-width:575.98px){.css-scope-weblog .weblog-action-cta{padding:20px;border-radius:26px;gap:18px}.css-scope-weblog .weblog-cta-actions{display:grid;grid-template-columns:1fr}.css-scope-weblog .weblog-cta-actions .btn{width:100%;min-width:0}.css-scope-weblog .weblog-step-card{grid-template-columns:54px minmax(0,1fr);padding:16px;border-radius:20px}.css-scope-weblog .weblog-step-number{width:54px;height:54px;border-radius:18px;font-size:1.1rem}.css-scope-weblog .weblog-action-copy .section-title{font-size:1.7rem}
}/* Featured article layout */
.css-scope-weblog .weblog-page .weblog-featured-section{
  padding-top:clamp(42px,5vw,76px);
  padding-bottom:clamp(42px,5vw,76px);
}.css-scope-weblog .weblog-page .weblog-featured-modern{
  max-width:1180px;
  margin-inline:auto;
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(440px,1.08fr) minmax(360px,.92fr)!important;
  grid-template-areas:
    "visual copy"
    "panel  copy";
  gap:18px 24px;
  align-items:stretch;
  direction:ltr;
  padding:clamp(20px,2.2vw,30px)!important;
  border-radius:36px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(199,99,60,.10),transparent 32%),
    radial-gradient(circle at 90% 100%,rgba(230,173,75,.13),transparent 34%),
    linear-gradient(135deg,rgba(255,250,243,.92),rgba(255,255,255,.78))!important;
  border:1px solid rgba(36,32,29,.08)!important;
  box-shadow:0 28px 82px rgba(55,38,23,.09), inset 0 1px 0 rgba(255,255,255,.78)!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(199,99,60,.11),rgba(199,99,60,0) 44%);
  pointer-events:none;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy{
  grid-area:copy;
  direction:rtl;
  position:relative;
  z-index:2;
  min-width:0;
  align-self:center;
  padding:clamp(8px,1.4vw,18px) clamp(4px,1vw,10px)!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy .tag{
  width:max-content;
  max-width:100%;
  border-color:rgba(199,99,60,.22);
  background:rgba(199,99,60,.075);
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy h2{
  font-size:clamp(1.7rem,2.9vw,2.85rem)!important;
  line-height:1.58!important;
  margin:12px 0 14px!important;
  max-width:580px;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy p{
  max-width:560px;
  line-height:2.05!important;
  margin-bottom:18px!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .article-detail{
  gap:8px;
  margin-top:6px;
}.css-scope-weblog .weblog-page .weblog-featured-modern .article-detail span{
  background:rgba(255,255,255,.72);
  border-color:rgba(36,32,29,.10);
  box-shadow:0 8px 18px rgba(55,38,23,.035);
}.css-scope-weblog .weblog-page .weblog-featured-modern .btn{
  min-height:50px;
  border-radius:18px;
  justify-content:center;
  width:min(100%,260px);
}.css-scope-weblog .weblog-page .weblog-featured-visual{
  grid-area:visual;
  direction:rtl;
  position:relative;
  z-index:2;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%;
  min-height:0!important;
  aspect-ratio:16/10!important;
  padding:12px!important;
  border-radius:30px!important;
  border:1px solid rgba(36,32,29,.08)!important;
  background:
    linear-gradient(135deg,rgba(255,248,242,.98),rgba(255,255,255,.90))!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 18px 42px rgba(55,38,23,.065)!important;
}.css-scope-weblog .weblog-page .weblog-featured-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:22px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}.css-scope-weblog .weblog-page .weblog-featured-visual:hover img{
  transform:scale(1.015)!important;
  filter:saturate(1.03) contrast(1.01);
}.css-scope-weblog .weblog-page .weblog-featured-visual i{
  direction:rtl;
  color:var(--terracotta,#c7633c);
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-panel{
  grid-area:panel;
  direction:rtl;
  position:relative;
  z-index:2;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px!important;
  align-content:start!important;
  overflow:visible!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .calendar-card-mini{
  min-width:0;
  padding:13px 14px;
  border-radius:20px;
  background:rgba(255,255,255,.72);
  border-color:rgba(36,32,29,.08);
  box-shadow:0 12px 26px rgba(55,38,23,.045);
  transform:none!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .calendar-card-mini strong,.css-scope-weblog .weblog-page .weblog-featured-modern .calendar-card-mini span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}.css-scope-weblog .weblog-page .weblog-featured-modern .calendar-card-mini.active{
  background:linear-gradient(135deg,rgba(199,99,60,.12),rgba(255,255,255,.76));
  border-color:rgba(199,99,60,.18);
}
@media (max-width:1199.98px){.css-scope-weblog .weblog-page .weblog-featured-modern{
    grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)!important;
    gap:18px;
  }
}
@media (max-width:991.98px){.css-scope-weblog .weblog-page .weblog-featured-modern{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "visual"
      "copy"
      "panel";
    max-width:760px;
    border-radius:32px!important;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy{
    padding:4px 2px!important;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy h2,.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy p{
    max-width:none;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-panel{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:575.98px){.css-scope-weblog .weblog-page .weblog-featured-section{
    padding-top:30px;
    padding-bottom:34px;
  }.css-scope-weblog .weblog-page .weblog-featured-modern{
    padding:16px!important;
    border-radius:26px!important;
  }.css-scope-weblog .weblog-page .weblog-featured-visual{
    aspect-ratio:4/3!important;
    padding:8px!important;
    border-radius:22px!important;
  }.css-scope-weblog .weblog-page .weblog-featured-visual img{
    border-radius:17px!important;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy h2{
    font-size:1.52rem!important;
    line-height:1.7!important;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .article-detail{
    display:flex;
    flex-wrap:wrap;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .btn{
    width:100%;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-panel{
    grid-template-columns:1fr!important;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .calendar-card-mini{
    display:flex!important;
  }
}/* Weblog featured and filters */
.css-scope-weblog .weblog-page .weblog-featured-modern{
  grid-template-columns:minmax(440px,1.02fr) minmax(360px,.98fr)!important;
  grid-template-areas:"visual copy"!important;
  align-items:center!important;
  gap:clamp(22px,2.6vw,34px)!important;
  max-width:1140px!important;
  padding:clamp(22px,2.3vw,32px)!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern::before{
  background:linear-gradient(90deg,rgba(199,99,60,.10),rgba(199,99,60,0) 42%)!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-panel{
  display:none!important;
}.css-scope-weblog .weblog-page .weblog-featured-visual{
  aspect-ratio:16/9!important;
  padding:10px!important;
  border-radius:30px!important;
}.css-scope-weblog .weblog-page .weblog-featured-visual img{
  object-fit:contain!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy{
  align-self:center!important;
  padding:clamp(8px,1.4vw,18px) 0!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy h2{
  max-width:590px!important;
  margin-top:14px!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy p{
  max-width:560px!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .article-detail{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:14px!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .article-detail span{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:.78rem!important;
  white-space:nowrap!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .btn{
  margin-top:18px!important;
}.css-scope-weblog .weblog-page .weblog-archive-section{
  padding-top:clamp(56px,6vw,92px)!important;
}.css-scope-weblog .weblog-page .weblog-section-head{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
  gap:0!important;
  max-width:1040px!important;
  margin:0 auto 34px!important;
}.css-scope-weblog .weblog-page .weblog-section-head>div:first-child{
  max-width:780px!important;
  min-width:0!important;
}.css-scope-weblog .weblog-page .weblog-section-head .section-title{
  text-align:center!important;
}.css-scope-weblog .weblog-page .weblog-section-head .lead-soft{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  line-height:2.05!important;
}.css-scope-weblog .weblog-page .weblog-filterbar{
  width:100%!important;
  max-width:980px!important;
  margin:24px auto 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  padding:12px!important;
  border:1px solid rgba(36,32,29,.08)!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,rgba(255,250,243,.74),rgba(255,255,255,.62))!important;
  box-shadow:0 18px 48px rgba(55,38,23,.055),inset 0 1px 0 rgba(255,255,255,.72)!important;
}.css-scope-weblog .weblog-page .weblog-filterbar .filter-btn{
  flex:0 0 auto!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:9px 16px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(36,32,29,.10)!important;
  color:var(--muted,#6b5d52)!important;
  box-shadow:0 8px 20px rgba(55,38,23,.035)!important;
  line-height:1.5!important;
}.css-scope-weblog .weblog-page .weblog-filterbar .filter-btn:hover,.css-scope-weblog .weblog-page .weblog-filterbar .filter-btn.active{
  background:var(--ink,#24201d)!important;
  border-color:var(--ink,#24201d)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 14px 28px rgba(36,32,29,.14)!important;
}
@media (max-width:1199.98px){.css-scope-weblog .weblog-page .weblog-featured-modern{
    grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)!important;
  }
}
@media (max-width:991.98px){.css-scope-weblog .weblog-page .weblog-featured-modern{
    grid-template-columns:1fr!important;
    grid-template-areas:"visual" "copy"!important;
    max-width:780px!important;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy{
    text-align:right!important;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy h2,.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy p{
    max-width:none!important;
  }
}
@media (max-width:767.98px){.css-scope-weblog .weblog-page .weblog-section-head{
    text-align:right!important;
    justify-items:stretch!important;
    margin-bottom:26px!important;
  }.css-scope-weblog .weblog-page .weblog-section-head .section-title,.css-scope-weblog .weblog-page .weblog-section-head .lead-soft{
    text-align:right!important;
  }.css-scope-weblog .weblog-page .weblog-filterbar{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-width:none!important;
    border-radius:22px!important;
    padding:10px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
  }.css-scope-weblog .weblog-page .weblog-filterbar .filter-btn{
    scroll-snap-align:start;
    min-height:40px!important;
    padding:8px 14px!important;
  }
}
@media (max-width:575.98px){.css-scope-weblog .weblog-page .weblog-featured-modern{
    padding:16px!important;
    gap:16px!important;
  }.css-scope-weblog .weblog-page .weblog-featured-visual{
    aspect-ratio:16/10!important;
    padding:8px!important;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .article-detail span{
    font-size:.74rem!important;
    padding:6px 10px!important;
  }
}/* Weblog search placement + editor pick cover redesign Search is now close to category chips and filtered results. Featured article uses full-image cover with readable overlay. */
.css-scope-weblog .weblog-hero-clean .weblog-hero-copy{
  text-align:center!important;
}.css-scope-weblog .weblog-hero-clean .weblog-hero-copy .eyebrow{
  margin-inline:auto!important;
}.css-scope-weblog .weblog-page .weblog-section-head{
  gap:0!important;
}.css-scope-weblog .weblog-page .weblog-search-inline{
  width:min(100%,880px)!important;
  max-width:880px!important;
  margin:16px auto 0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  padding:9px 14px 9px 12px!important;
  border:1px solid rgba(199,99,60,.18)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,250,243,.74))!important;
  box-shadow:0 18px 44px rgba(55,38,23,.06),inset 0 1px 0 rgba(255,255,255,.76)!important;
}.css-scope-weblog .weblog-page .weblog-search-inline i{
  width:40px!important;
  height:40px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(199,99,60,.11)!important;
  color:var(--terracotta,#c7633c)!important;
  font-size:1.05rem!important;
}.css-scope-weblog .weblog-page .weblog-search-inline input{
  width:100%!important;
  min-height:40px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--ink,#24201d)!important;
  font-weight:850!important;
}.css-scope-weblog .weblog-page .weblog-search-inline input::placeholder{
  color:rgba(99,88,76,.68)!important;
}.css-scope-weblog .weblog-page .weblog-search-inline .search-hint{
  border-color:rgba(199,99,60,.18)!important;
  background:rgba(199,99,60,.075)!important;
  color:var(--terracotta-2,#a64f31)!important;
}.css-scope-weblog .weblog-page .filter-empty{
  display:none;
  margin-top:8px;
}.css-scope-weblog .weblog-page .filter-empty.show{
  display:block!important;
  width:100%!important;
  padding:24px!important;
  border:1px dashed rgba(199,99,60,.30)!important;
  border-radius:26px!important;
  background:rgba(255,250,243,.82)!important;
  color:var(--muted,#6b5d52)!important;
  font-weight:900!important;
  text-align:center!important;
}.css-scope-weblog .weblog-page .weblog-featured-section{
  padding-top:clamp(38px,5vw,70px)!important;
  padding-bottom:clamp(24px,4vw,50px)!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern{
  display:block!important;
  position:relative!important;
  max-width:1160px!important;
  min-height:clamp(430px,42vw,560px)!important;
  padding:0!important;
  border-radius:38px!important;
  overflow:hidden!important;
  background:var(--ink,#24201d)!important;
  border:1px solid rgba(36,32,29,.10)!important;
  box-shadow:0 30px 90px rgba(55,38,23,.16),inset 0 1px 0 rgba(255,255,255,.10)!important;
  isolation:isolate!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(18,15,12,.90) 0%,rgba(18,15,12,.70) 40%,rgba(18,15,12,.24) 72%,rgba(18,15,12,.10) 100%),
    linear-gradient(0deg,rgba(18,15,12,.72) 0%,rgba(18,15,12,.10) 54%,rgba(18,15,12,.28) 100%)!important;
  pointer-events:none!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  height:42%!important;
  z-index:1!important;
  background:linear-gradient(0deg,rgba(0,0,0,.48),rgba(0,0,0,0))!important;
  pointer-events:none!important;
}.css-scope-weblog .weblog-page .weblog-featured-visual{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  aspect-ratio:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  background:var(--ink,#24201d)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}.css-scope-weblog .weblog-page .weblog-featured-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:saturate(1.05) contrast(1.04)!important;
  transition:transform .55s ease,filter .55s ease!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern:hover .weblog-featured-visual img{
  transform:scale(1.035)!important;
  filter:saturate(1.08) contrast(1.06)!important;
}.css-scope-weblog .weblog-page .weblog-featured-visual i{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:rgba(255,255,255,.72)!important;
  font-size:4rem!important;
  background:linear-gradient(135deg,rgba(199,99,60,.32),rgba(36,32,29,.75))!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy{
  position:relative!important;
  z-index:3!important;
  min-height:inherit!important;
  width:100%!important;
  max-width:760px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  text-align:right!important;
  padding:clamp(30px,5vw,58px)!important;
  color:#fff!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy .tag{
  color:#fff!important;
  border-color:rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.16)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy h2{
  max-width:720px!important;
  color:#fff!important;
  font-size:clamp(1.8rem,3.4vw,3.15rem)!important;
  line-height:1.45!important;
  text-shadow:0 4px 22px rgba(0,0,0,.34)!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy p{
  max-width:650px!important;
  color:rgba(255,255,255,.84)!important;
  font-weight:760!important;
  line-height:2.05!important;
  text-shadow:0 2px 14px rgba(0,0,0,.26)!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .article-detail span{
  color:rgba(255,255,255,.90)!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:none!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .btn{
  width:auto!important;
  min-width:190px!important;
  color:var(--ink,#24201d)!important;
  background:linear-gradient(135deg,#fff,#fff4e8)!important;
  border-color:rgba(255,255,255,.74)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .btn:hover{
  background:#fff!important;
  color:var(--terracotta-2,#a64f31)!important;
  transform:translateY(-2px)!important;
}.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-panel{
  display:none!important;
}
@media (max-width:991.98px){.css-scope-weblog .weblog-page .weblog-featured-modern{
    min-height:520px!important;
    max-width:780px!important;
    border-radius:32px!important;
  }.css-scope-weblog .weblog-page .weblog-featured-modern::before{
    background:
      linear-gradient(0deg,rgba(18,15,12,.90) 0%,rgba(18,15,12,.62) 55%,rgba(18,15,12,.20) 100%),
      linear-gradient(90deg,rgba(18,15,12,.42),rgba(18,15,12,.12))!important;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy{
    justify-content:flex-end!important;
    max-width:none!important;
    padding:28px!important;
  }
}
@media (max-width:767.98px){.css-scope-weblog .weblog-page .weblog-search-inline{
    grid-template-columns:auto minmax(0,1fr)!important;
    border-radius:24px!important;
    min-height:56px!important;
    padding:8px 10px!important;
  }.css-scope-weblog .weblog-page .weblog-search-inline .search-hint{
    display:none!important;
  }
}
@media (max-width:575.98px){.css-scope-weblog .weblog-page .weblog-featured-modern{
    min-height:500px!important;
    border-radius:28px!important;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy{
    padding:22px!important;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy h2{
    font-size:1.62rem!important;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .weblog-featured-copy p{
    font-size:.94rem!important;
  }.css-scope-weblog .weblog-page .weblog-featured-modern .btn{
    width:100%!important;
  }
}/* Weblog global search Search now submits to the server and scans all published weblog content, not only visible cards. */
.css-scope-weblog .weblog-page .weblog-search-server{
  grid-template-columns:auto minmax(0,1fr) auto auto auto!important;
}.css-scope-weblog .weblog-page .weblog-search-submit,.css-scope-weblog .weblog-page .weblog-search-reset{
  border:0!important;
  min-height:40px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 18px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease!important;
}.css-scope-weblog .weblog-page .weblog-search-submit{
  color:#fff!important;
  background:linear-gradient(135deg,var(--terracotta,#c7633c),var(--terracotta-2,#a64f31))!important;
  box-shadow:0 14px 28px rgba(199,99,60,.20)!important;
}.css-scope-weblog .weblog-page .weblog-search-reset{
  color:var(--terracotta-2,#a64f31)!important;
  background:rgba(199,99,60,.085)!important;
  border:1px solid rgba(199,99,60,.18)!important;
}.css-scope-weblog .weblog-page .weblog-search-submit:hover,.css-scope-weblog .weblog-page .weblog-search-reset:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 16px 32px rgba(55,38,23,.10)!important;
}
@media (max-width:767.98px){.css-scope-weblog .weblog-page .weblog-search-server{
    grid-template-columns:auto minmax(0,1fr)!important;
    border-radius:24px!important;
  }.css-scope-weblog .weblog-page .weblog-search-server .weblog-search-submit,.css-scope-weblog .weblog-page .weblog-search-server .weblog-search-reset{
    grid-column:1 / -1!important;
    width:100%!important;
  }
}/* Article generated step cards fix Scope: article body only. Prevent title <strong> elements inside step cards from inheriting the numeric badge style. */
.css-scope-weblog .article-page .article-rich-body .article-steps{
  display:grid;
  gap:14px;
  margin:30px 0;
}.css-scope-weblog .article-page .article-rich-body .article-step{
  position:relative;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:14px;
  align-items:start;
  border:1px solid rgba(36,32,29,.085);
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,250,243,.72));
  border-radius:26px;
  padding:18px 20px;
  box-shadow:0 16px 42px rgba(55,38,23,.045), inset 0 1px 0 rgba(255,255,255,.72);
  overflow:hidden;
}.css-scope-weblog .article-page .article-rich-body .article-step:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,rgba(199,99,60,.48),rgba(199,99,60,.08));
  border-radius:999px;
}.css-scope-weblog .article-page .article-rich-body .article-step > strong:first-child{
  width:44px;
  height:44px;
  min-width:44px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(199,99,60,.12),rgba(199,99,60,.055));
  color:var(--terracotta-2,#a94f30);
  display:grid;
  place-items:center;
  font-size:1rem;
  font-weight:950;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}.css-scope-weblog .article-page .article-rich-body .article-step > *:not(strong:first-child){
  min-width:0;
  grid-column:2;
}.css-scope-weblog .article-page .article-rich-body .article-step p{
  margin:0;
  color:#403730;
  font-weight:760;
  line-height:2.05;
}.css-scope-weblog .article-page .article-rich-body .article-step p + p{
  margin-top:8px;
}.css-scope-weblog .article-page .article-rich-body .article-step p strong,.css-scope-weblog .article-page .article-rich-body .article-step div strong,.css-scope-weblog .article-page .article-rich-body .article-step li strong,.css-scope-weblog .article-page .article-rich-body .article-step span strong{
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0 0 4px!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--terracotta-2,#a94f30)!important;
  font-size:1.03rem!important;
  font-weight:950!important;
  line-height:1.8!important;
  text-align:right!important;
}.css-scope-weblog .article-page .article-rich-body .article-step h3,.css-scope-weblog .article-page .article-rich-body .article-step h4{
  margin:0 0 6px!important;
  color:var(--terracotta-2,#a94f30);
  font-size:1.05rem;
  font-weight:950;
  line-height:1.7;
}.css-scope-weblog .article-page .article-rich-body .article-step ul,.css-scope-weblog .article-page .article-rich-body .article-step ol{
  margin:8px 0 0;
  padding-right:22px;
}.css-scope-weblog .article-page .article-rich-body .article-step li{
  margin:4px 0;
  color:#403730;
  font-weight:740;
  line-height:2;
}.css-scope-weblog .article-page .article-rich-body .article-timeline-item{
  position:relative;
  border:1px solid rgba(36,32,29,.085);
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,250,243,.72));
  border-radius:26px;
  padding:18px 20px;
  box-shadow:0 16px 42px rgba(55,38,23,.045), inset 0 1px 0 rgba(255,255,255,.72);
  overflow:hidden;
}.css-scope-weblog .article-page .article-rich-body .article-timeline-item strong{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0 0 6px!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--terracotta-2,#a94f30)!important;
  font-weight:950!important;
  line-height:1.75!important;
}.css-scope-weblog .article-page .article-rich-body .article-timeline-item p{
  margin:0;
  color:#403730;
  font-weight:760;
  line-height:2.05;
}
@media (max-width:767.98px){.css-scope-weblog .article-page .article-rich-body .article-step{
    grid-template-columns:44px minmax(0,1fr);
    gap:12px;
    padding:16px;
    border-radius:22px;
  }.css-scope-weblog .article-page .article-rich-body .article-step > strong:first-child{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:14px;
    font-size:.95rem;
  }.css-scope-weblog .article-page .article-rich-body .article-step p,.css-scope-weblog .article-page .article-rich-body .article-timeline-item p{
    line-height:2;
  }
}


/*============================================================ Line pricing page Root scope: .css-scope-line-pricing ============================================================*/

.css-scope-line-pricing{--violet:#4f46e5;--teal:#0f766e;--amber:#d97706;--rose:#be123c;--deep:#171312}.css-scope-line-pricing .seo-hero{position:relative;overflow:hidden;padding:86px 0 70px;background:
      radial-gradient(circle at 14% 8%,rgba(199,99,60,.23),transparent 27%),
      radial-gradient(circle at 84% 20%,rgba(38,50,72,.17),transparent 30%),
      linear-gradient(135deg,rgba(255,250,243,.9),rgba(239,227,211,.55));border-bottom:1px solid rgba(223,208,190,.7)}.css-scope-line-pricing .seo-hero::before{content:"";position:absolute;inset:34px 3% auto auto;width:420px;height:420px;border-radius:44% 56% 59% 41%;background:linear-gradient(145deg,rgba(199,99,60,.13),rgba(230,173,75,.14));filter:blur(.3px);animation:linePricingFloatBlob 11s ease-in-out infinite;z-index:0}.css-scope-line-pricing .seo-hero::after{content:"";position:absolute;inset:auto -90px -180px auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(115,122,93,.16),transparent 68%);z-index:0}
    @keyframes linePricingFloatBlob{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-18px,14px,0) rotate(7deg)}}.css-scope-line-pricing .hero-layout-new{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center}.css-scope-line-pricing .hero-copy-new{max-width:760px}.css-scope-line-pricing .hero-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(199,99,60,.22);background:rgba(255,250,243,.72);color:var(--terracotta-2);border-radius:999px;padding:8px 14px;font-weight:950;font-size:.9rem;box-shadow:0 14px 30px rgba(55,38,23,.06)}.css-scope-line-pricing .hero-copy-new h1{font-size:clamp(2.45rem,5.3vw,5.25rem);line-height:1.18;letter-spacing:-.065em;font-weight:950;margin:20px 0 18px}.css-scope-line-pricing .hero-copy-new h1 strong{color:var(--terracotta);font-weight:950}.css-scope-line-pricing .hero-copy-new .lead{font-size:1.12rem;color:var(--muted);line-height:2;max-width:780px}.css-scope-line-pricing .micro-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.css-scope-line-pricing .micro-proof span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,250,243,.68);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:.86rem;font-weight:900}.css-scope-line-pricing .micro-proof i{color:var(--terracotta)}.css-scope-line-pricing .hero-action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.css-scope-line-pricing .hero-side-card{position:relative;border:1px solid rgba(223,208,190,.92);background:linear-gradient(145deg,rgba(255,250,243,.88),rgba(255,255,255,.46));border-radius:38px;padding:24px;box-shadow:0 28px 72px rgba(55,38,23,.12);backdrop-filter:blur(16px);overflow:hidden}.css-scope-line-pricing .hero-side-card::before{content:"";position:absolute;inset:-90px -100px auto auto;width:260px;height:260px;border-radius:50%;background:rgba(199,99,60,.13)}.css-scope-line-pricing .visual-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;position:relative;z-index:1}.css-scope-line-pricing .visual-title{font-weight:950}.css-scope-line-pricing .visual-sub{display:block;color:var(--muted);font-size:.82rem;font-weight:800}.css-scope-line-pricing .status-dot{display:inline-flex;align-items:center;gap:7px;background:rgba(66,122,85,.11);color:var(--success);border:1px solid rgba(66,122,85,.22);border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:950}.css-scope-line-pricing .status-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(66,122,85,.1)}.css-scope-line-pricing .number-orbit{position:relative;margin:8px 0 18px;min-height:300px;display:grid;place-items:center}.css-scope-line-pricing .orbit-ring{position:absolute;border:1px dashed rgba(199,99,60,.26);border-radius:50%;inset:20px}.css-scope-line-pricing .orbit-ring.two{inset:58px;border-color:rgba(38,50,72,.18)}.css-scope-line-pricing .core-number{position:relative;z-index:2;width:190px;height:190px;border-radius:46px;background:linear-gradient(145deg,#fff9f0,#f2ddc8);display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 1px var(--line),0 22px 46px rgba(55,38,23,.11)}.css-scope-line-pricing .core-number strong{display:block;direction:ltr;font-size:2.5rem;letter-spacing:.08em;font-weight:950;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.css-scope-line-pricing .core-number span{color:var(--muted);font-size:.82rem;font-weight:900}.css-scope-line-pricing .orbit-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,250,243,.9);border-radius:18px;padding:10px 12px;box-shadow:0 14px 32px rgba(55,38,23,.08);font-weight:950}.css-scope-line-pricing .orbit-chip i{width:28px;height:28px;border-radius:11px;display:grid;place-items:center;background:rgba(199,99,60,.12);color:var(--terracotta)}.css-scope-line-pricing .orbit-chip small{display:block;color:var(--muted);font-weight:800}.css-scope-line-pricing .orbit-chip.a{top:10px;right:28px}.css-scope-line-pricing .orbit-chip.b{top:96px;left:0}.css-scope-line-pricing .orbit-chip.c{bottom:14px;right:14px}.css-scope-line-pricing .orbit-chip.d{bottom:58px;left:36px}.css-scope-line-pricing .hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}.css-scope-line-pricing .hero-metric{border:1px solid var(--line);background:rgba(255,255,255,.46);border-radius:20px;padding:13px;text-align:center}.css-scope-line-pricing .hero-metric b{display:block;font-size:1.12rem;font-weight:950}.css-scope-line-pricing .hero-metric span{color:var(--muted);font-size:.78rem;font-weight:850}.css-scope-line-pricing .section-header-wide{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:28px}.css-scope-line-pricing .section-header-wide p{max-width:760px}.css-scope-line-pricing .soft-panel{border:1px solid var(--line);background:rgba(255,250,243,.74);border-radius:32px;box-shadow:0 16px 42px rgba(55,38,23,.065)}.css-scope-line-pricing .accent-box{border:1px dashed rgba(199,99,60,.38);background:linear-gradient(135deg,rgba(199,99,60,.08),rgba(230,173,75,.07));border-radius:26px;padding:22px;color:var(--muted);font-weight:850;line-height:2}.css-scope-line-pricing .chipline{display:flex;gap:8px;flex-wrap:wrap}.css-scope-line-pricing .chipline span{border:1px solid var(--line);background:rgba(255,255,255,.5);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:.78rem;font-weight:900}.css-scope-line-pricing .mini-label{display:inline-flex;align-items:center;gap:8px;color:var(--terracotta-2);font-weight:950;margin-bottom:12px}.css-scope-line-pricing .pricing-ladder{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.css-scope-line-pricing .ladder-card{position:relative;min-height:245px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,250,243,.9),rgba(255,255,255,.44));border-radius:30px;padding:18px;overflow:hidden;box-shadow:0 16px 36px rgba(55,38,23,.055);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.css-scope-line-pricing .ladder-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-sm);border-color:rgba(199,99,60,.42)}.css-scope-line-pricing .ladder-card.featured{background:linear-gradient(180deg,rgba(199,99,60,.15),rgba(255,250,243,.8));border-color:rgba(199,99,60,.4)}.css-scope-line-pricing .ladder-card::before{content:"";position:absolute;inset:auto 16px 16px 16px;height:var(--bar);border-radius:18px;background:linear-gradient(180deg,rgba(199,99,60,.28),rgba(199,99,60,.08));z-index:0}.css-scope-line-pricing .ladder-card>*{position:relative;z-index:1}.css-scope-line-pricing .digits{font-size:2rem;font-weight:950;letter-spacing:-.05em}.css-scope-line-pricing .digits small{font-size:.88rem;color:var(--muted);font-weight:900}.css-scope-line-pricing .number-pattern{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:950;letter-spacing:.05em;margin:8px 0 12px;color:var(--ink)}.css-scope-line-pricing .ladder-card p{color:var(--muted);font-size:.87rem;line-height:1.85;margin-bottom:14px}.css-scope-line-pricing .price-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid rgba(66,122,85,.24);background:rgba(66,122,85,.09);color:var(--success);padding:7px 10px;font-size:.76rem;font-weight:950}.css-scope-line-pricing .rating-dots{display:flex;gap:4px;margin-top:14px}.css-scope-line-pricing .rating-dots i{width:8px;height:8px;border-radius:50%;background:rgba(199,99,60,.25)}.css-scope-line-pricing .rating-dots i.on{background:var(--terracotta)}.css-scope-line-pricing .modern-table{overflow:hidden}.css-scope-line-pricing .modern-table .table{margin:0;min-width:940px}.css-scope-line-pricing .modern-table th{background:linear-gradient(180deg,rgba(36,32,29,.06),rgba(199,99,60,.06));font-weight:950;color:var(--ink);padding:17px;border-color:var(--line)!important}.css-scope-line-pricing .modern-table td{padding:17px;border-color:var(--line)!important;vertical-align:middle}.css-scope-line-pricing .modern-table tbody tr:hover{background:rgba(199,99,60,.045)}.css-scope-line-pricing .modern-table code{direction:ltr;display:inline-flex;background:rgba(36,32,29,.06);border:1px solid var(--line);border-radius:10px;padding:4px 8px;color:var(--ink);font-weight:900}.css-scope-line-pricing .tier-tag{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 10px;font-weight:950;font-size:.78rem;border:1px solid var(--line);background:rgba(255,255,255,.5);white-space:nowrap}.css-scope-line-pricing .tier-tag.premium{color:var(--terracotta);background:rgba(199,99,60,.09);border-color:rgba(199,99,60,.2)}.css-scope-line-pricing .tier-tag.value{color:var(--teal);background:rgba(15,118,110,.08);border-color:rgba(15,118,110,.18)}.css-scope-line-pricing .tier-tag.start{color:var(--amber);background:rgba(217,119,6,.09);border-color:rgba(217,119,6,.18)}.css-scope-line-pricing .choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.css-scope-line-pricing .choice-card{position:relative;border:1px solid var(--line);background:rgba(255,250,243,.78);border-radius:30px;padding:26px;overflow:hidden;height:100%;box-shadow:0 13px 35px rgba(55,38,23,.055)}.css-scope-line-pricing .choice-card::after{content:"";position:absolute;inset:auto auto -58px -52px;width:150px;height:150px;border-radius:50%;background:rgba(199,99,60,.08)}.css-scope-line-pricing .choice-card .icon{width:54px;height:54px;border-radius:19px;background:rgba(199,99,60,.12);color:var(--terracotta);display:grid;place-items:center;font-size:1.4rem;margin-bottom:18px}.css-scope-line-pricing .choice-card h3{font-size:1.17rem;font-weight:950;margin-bottom:10px}.css-scope-line-pricing .choice-card p{color:var(--muted);line-height:1.95}.css-scope-line-pricing .choice-card ul{margin:16px 0 0;padding:0;list-style:none}.css-scope-line-pricing .choice-card li{display:flex;gap:8px;color:var(--muted);font-size:.9rem;margin-top:9px}.css-scope-line-pricing .choice-card li::before{content:"✓";color:var(--success);font-weight:950}.css-scope-line-pricing .factor-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.css-scope-line-pricing .factor-item{border:1px solid var(--line);background:rgba(255,250,243,.72);border-radius:24px;padding:18px}.css-scope-line-pricing .factor-item b{display:block;font-weight:950;margin-bottom:6px}.css-scope-line-pricing .factor-item span{display:block;color:var(--muted);font-size:.87rem;line-height:1.85}.css-scope-line-pricing .factor-item i{font-size:1.3rem;color:var(--terracotta);margin-bottom:10px;display:inline-block}.css-scope-line-pricing .faq-wrap{display:grid;gap:12px}.css-scope-line-pricing .faq-card{border:1px solid var(--line);background:rgba(255,250,243,.76);border-radius:24px;padding:20px}.css-scope-line-pricing .faq-card h3{font-size:1.02rem;font-weight:950;margin-bottom:8px}.css-scope-line-pricing .faq-card p{color:var(--muted);margin:0;line-height:1.9}.css-scope-line-pricing .cta-grid{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;border-radius:38px;padding:34px;background:linear-gradient(135deg,#30221d,#6f3725 48%,#c7633c);color:#fff;box-shadow:0 26px 70px rgba(199,99,60,.22);position:relative;overflow:hidden}.css-scope-line-pricing .cta-grid::before{content:"";position:absolute;inset:-80px auto auto -80px;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.12)}.css-scope-line-pricing .cta-grid h2{font-weight:950;margin:0 0 8px}.css-scope-line-pricing .cta-grid p{color:rgba(255,255,255,.78);margin:0}.css-scope-line-pricing .cta-grid .btn-outline-soft{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28);color:#fff!important}.css-scope-line-pricing .cta-grid>div{position:relative;z-index:1}.css-scope-line-pricing .dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.css-scope-line-pricing .dash-main,.css-scope-line-pricing .dash-side{display:grid;gap:14px}.css-scope-line-pricing .dash-widget{border:1px solid var(--line);background:rgba(255,255,255,.5);border-radius:24px;padding:16px;box-shadow:0 12px 26px rgba(55,38,23,.045)}.css-scope-line-pricing .dash-widget.dark{background:#211e1b;color:#fff;border-color:rgba(255,255,255,.08)}.css-scope-line-pricing .dash-widget h3{font-size:.96rem;font-weight:950;margin:0 0 12px}.css-scope-line-pricing .dash-bars{display:grid;gap:8px}.css-scope-line-pricing .dash-bar{height:10px;border-radius:999px;background:rgba(199,99,60,.13);overflow:hidden}.css-scope-line-pricing .dash-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--terracotta),var(--mustard));width:var(--w)}.css-scope-line-pricing .message-preview{display:grid;gap:9px}.css-scope-line-pricing .message-line{border:1px solid var(--line);background:rgba(255,250,243,.62);border-radius:16px;padding:10px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.css-scope-line-pricing .message-line i{width:34px;height:34px;border-radius:13px;background:rgba(199,99,60,.13);color:var(--terracotta);display:grid;place-items:center}.css-scope-line-pricing .message-line strong{font-size:.86rem}.css-scope-line-pricing .message-line small{color:var(--muted);font-weight:800}.css-scope-line-pricing .code-preview{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#f7efe4;font-size:.8rem;line-height:1.8;margin:0}.css-scope-line-pricing .dot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.css-scope-line-pricing .dot-grid span{aspect-ratio:1;border-radius:14px;background:rgba(199,99,60,.12);display:grid;place-items:center;font-weight:950;color:var(--terracotta)}.css-scope-line-pricing .dot-grid span:nth-child(2n){background:rgba(38,50,72,.1);color:var(--navy)}.css-scope-line-pricing .category-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.css-scope-line-pricing .category-pill-row span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,250,243,.72);border-radius:999px;padding:9px 13px;color:var(--muted);font-weight:950}.css-scope-line-pricing .category-pill-row span:first-child{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.css-scope-line-pricing .feature-cluster{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.css-scope-line-pricing .feature-tile{border:1px solid var(--line);background:rgba(255,250,243,.74);border-radius:28px;padding:23px;height:100%;box-shadow:0 14px 34px rgba(55,38,23,.052);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.css-scope-line-pricing .feature-tile:hover{transform:translateY(-6px);border-color:rgba(199,99,60,.42);box-shadow:var(--shadow-sm)}.css-scope-line-pricing .feature-tile i{width:48px;height:48px;border-radius:17px;background:rgba(199,99,60,.12);color:var(--terracotta);display:grid;place-items:center;font-size:1.22rem;margin-bottom:16px}.css-scope-line-pricing .feature-tile h3{font-size:1.04rem;font-weight:950;margin-bottom:9px}.css-scope-line-pricing .feature-tile p{color:var(--muted);font-size:.9rem;line-height:1.92;margin-bottom:14px}.css-scope-line-pricing .feature-tile .tag{display:inline-flex;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.5);padding:5px 9px;color:var(--muted);font-size:.75rem;font-weight:900}.css-scope-line-pricing .workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.css-scope-line-pricing .workflow-card{position:relative;border:1px solid var(--line);background:rgba(255,250,243,.78);border-radius:30px;padding:26px;height:100%;overflow:hidden}.css-scope-line-pricing .workflow-card::before{content:attr(data-step);position:absolute;top:-10px;left:18px;font-size:4.6rem;font-weight:950;line-height:1;color:rgba(199,99,60,.08)}.css-scope-line-pricing .workflow-card h3{font-weight:950;font-size:1.15rem}.css-scope-line-pricing .workflow-card p{color:var(--muted);line-height:1.95}.css-scope-line-pricing .flow-points{display:grid;gap:10px;margin-top:16px}.css-scope-line-pricing .flow-points span{display:flex;gap:8px;color:var(--muted);font-size:.9rem}.css-scope-line-pricing .flow-points span::before{content:"•";color:var(--terracotta);font-weight:950}.css-scope-line-pricing .compare-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}.css-scope-line-pricing .scenario-list{display:grid;gap:12px}.css-scope-line-pricing .scenario-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;border:1px solid var(--line);background:rgba(255,250,243,.72);border-radius:22px;padding:16px}.css-scope-line-pricing .scenario-item i{width:42px;height:42px;border-radius:15px;background:rgba(199,99,60,.12);color:var(--terracotta);display:grid;place-items:center}.css-scope-line-pricing .scenario-item h3{font-size:1rem;font-weight:950;margin-bottom:4px}.css-scope-line-pricing .scenario-item p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.8}.css-scope-line-pricing .stacked-card{border:1px solid var(--line);background:rgba(255,250,243,.76);border-radius:32px;padding:28px;box-shadow:0 16px 42px rgba(55,38,23,.065)}.css-scope-line-pricing .stacked-card .big-number{font-size:4.2rem;font-weight:950;letter-spacing:-.08em;color:var(--terracotta);line-height:1}.css-scope-line-pricing .stacked-card p{color:var(--muted);line-height:1.95}.css-scope-line-pricing .mini-check-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.css-scope-line-pricing .mini-check-list li{display:flex;gap:9px;color:var(--muted);font-weight:850}.css-scope-line-pricing .mini-check-list li::before{content:"✓";color:var(--success);font-weight:950}
    @media (max-width:1199.98px){.css-scope-line-pricing .pricing-ladder{grid-template-columns:repeat(4,1fr)}.css-scope-line-pricing .feature-cluster{grid-template-columns:repeat(3,1fr)}.css-scope-line-pricing .factor-strip{grid-template-columns:repeat(3,1fr)}}/* Hero layout stability fix: prevent blank space in desktop hero */
    .css-scope-line-pricing .hero-layout-new{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:28px;align-items:center}.css-scope-line-pricing .hero-layout-new > *{min-width:0}.css-scope-line-pricing .hero-copy-new{max-width:720px}.css-scope-line-pricing .hero-side-card{display:block;min-width:0;position:relative;z-index:2}.css-scope-line-pricing .seo-hero .hero-copy-new,.css-scope-line-pricing .seo-hero .hero-side-card{opacity:1!important;visibility:visible!important;transform:none!important}.css-scope-line-pricing .seo-hero .hero-side-card *{opacity:1!important;visibility:visible!important}
    @media (max-width:1199.98px){.css-scope-line-pricing .hero-layout-new{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}}/* Enhanced modern section polish */
    .css-scope-line-pricing .ladder-card,.css-scope-line-pricing .feature-tile,.css-scope-line-pricing .choice-card,.css-scope-line-pricing .workflow-card,.css-scope-line-pricing .faq-card,.css-scope-line-pricing .scenario-item,.css-scope-line-pricing .stacked-card,.css-scope-line-pricing .soft-panel{transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease}.css-scope-line-pricing .ladder-card:hover,.css-scope-line-pricing .feature-tile:hover,.css-scope-line-pricing .choice-card:hover,.css-scope-line-pricing .workflow-card:hover,.css-scope-line-pricing .faq-card:hover,.css-scope-line-pricing .scenario-item:hover,.css-scope-line-pricing .stacked-card:hover{transform:translateY(-6px);box-shadow:0 26px 54px rgba(55,38,23,.10);border-color:rgba(199,99,60,.28)}.css-scope-line-pricing .section-header-rich{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px;align-items:stretch;margin-bottom:28px}.css-scope-line-pricing .section-copy-card{position:relative;border:1px solid rgba(223,208,190,.88);background:linear-gradient(145deg,rgba(255,250,243,.86),rgba(255,255,255,.52));border-radius:30px;padding:26px 28px;box-shadow:0 18px 42px rgba(55,38,23,.055);overflow:hidden}.css-scope-line-pricing .section-copy-card::after{content:"";position:absolute;inset:auto -24px -34px auto;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle,rgba(199,99,60,.12),transparent 68%)}.css-scope-line-pricing .section-copy-card .lead-soft{margin-bottom:0}.css-scope-line-pricing .header-side-panel{position:relative;border:1px solid rgba(223,208,190,.95);background:linear-gradient(145deg,rgba(255,250,243,.98),rgba(245,236,225,.72));border-radius:30px;padding:22px;box-shadow:0 22px 56px rgba(55,38,23,.08);overflow:hidden;height:100%}.css-scope-line-pricing .header-side-panel::before{content:"";position:absolute;inset:-64px auto auto -52px;width:160px;height:160px;border-radius:50%;background:rgba(199,99,60,.08)}.css-scope-line-pricing .panel-eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 12px;background:rgba(199,99,60,.10);color:var(--terracotta-2);font-size:.78rem;font-weight:950}.css-scope-line-pricing .panel-heading{font-size:1.15rem;font-weight:950;margin:14px 0 8px}.css-scope-line-pricing .panel-text{color:var(--muted);font-size:.92rem;line-height:1.95;margin-bottom:16px}.css-scope-line-pricing .panel-stack{display:grid;gap:10px}.css-scope-line-pricing .panel-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 13px;border:1px solid var(--line);background:rgba(255,255,255,.58);border-radius:18px}.css-scope-line-pricing .panel-row i{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(199,99,60,.12);color:var(--terracotta);font-size:1rem}.css-scope-line-pricing .panel-row strong{display:block;font-size:.96rem;font-weight:950}.css-scope-line-pricing .panel-row small{display:block;color:var(--muted);font-weight:800;line-height:1.7}.css-scope-line-pricing .row-state{display:inline-flex;align-items:center;justify-content:center;min-width:60px;border-radius:999px;padding:6px 10px;background:rgba(115,122,93,.12);color:var(--olive);font-size:.74rem;font-weight:950}.css-scope-line-pricing .row-state.hot{background:rgba(199,99,60,.12);color:var(--terracotta-2)}.css-scope-line-pricing .panel-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.css-scope-line-pricing .panel-mini{border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:18px;padding:12px;text-align:center}.css-scope-line-pricing .panel-mini b{display:block;font-size:1.05rem;font-weight:950;line-height:1.2}.css-scope-line-pricing .panel-mini span{display:block;color:var(--muted);font-size:.76rem;font-weight:850;margin-top:4px}.css-scope-line-pricing .section-tipbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.css-scope-line-pricing .section-tipbar span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.52);border-radius:999px;padding:7px 11px;color:var(--muted);font-size:.78rem;font-weight:900}.css-scope-line-pricing .section-tipbar i{color:var(--terracotta)}.css-scope-line-pricing .soft-panel table thead th{background:rgba(199,99,60,.06);font-weight:950;white-space:nowrap}.css-scope-line-pricing .soft-panel table tbody tr:hover td{background:rgba(255,250,243,.62)}
    @media (max-width:991.98px){.css-scope-line-pricing .section-header-rich{grid-template-columns:1fr}.css-scope-line-pricing .panel-mini-grid{grid-template-columns:repeat(3,1fr)}}
    @media (max-width:575.98px){.css-scope-line-pricing .section-copy-card,.css-scope-line-pricing .header-side-panel{padding:20px}.css-scope-line-pricing .panel-row{grid-template-columns:auto 1fr}.css-scope-line-pricing .row-state{grid-column:2}.css-scope-line-pricing .panel-mini-grid{grid-template-columns:1fr}}
    @media (max-width:991.98px){.css-scope-line-pricing .hero-layout-new,.css-scope-line-pricing .section-header-wide,.css-scope-line-pricing .compare-grid,.css-scope-line-pricing .cta-grid{grid-template-columns:1fr}.css-scope-line-pricing .pricing-ladder{grid-template-columns:repeat(2,1fr)}.css-scope-line-pricing .feature-cluster{grid-template-columns:repeat(2,1fr)}.css-scope-line-pricing .choice-grid,.css-scope-line-pricing .workflow{grid-template-columns:1fr}.css-scope-line-pricing .number-orbit{min-height:280px}.css-scope-line-pricing .modern-table{overflow-x:auto}.css-scope-line-pricing .hero-metrics{grid-template-columns:1fr}.css-scope-line-pricing .dashboard-grid{grid-template-columns:1fr}.css-scope-line-pricing .factor-strip{grid-template-columns:repeat(2,1fr)}}
    @media (max-width:575.98px){.css-scope-line-pricing .seo-hero{padding:62px 0 48px}.css-scope-line-pricing .pricing-ladder,.css-scope-line-pricing .feature-cluster,.css-scope-line-pricing .factor-strip{grid-template-columns:1fr}.css-scope-line-pricing .hero-copy-new h1{font-size:2.35rem}.css-scope-line-pricing .orbit-chip{position:relative;inset:auto!important;margin:5px}.css-scope-line-pricing .number-orbit{display:flex;flex-wrap:wrap;min-height:auto;gap:8px;justify-content:center}.css-scope-line-pricing .orbit-ring{display:none}.css-scope-line-pricing .core-number{width:100%;height:auto;min-height:150px}.css-scope-line-pricing .footer-form{flex-direction:column}.css-scope-line-pricing .cta-grid{padding:26px}.css-scope-line-pricing .hero-side-card{padding:18px}}/* Creative distinct redesign: line-pricing as editorial pricing spectrum */
    .css-scope-line-pricing .line-spectrum-section{position:relative;overflow:hidden;background:
      radial-gradient(circle at 6% 18%,rgba(199,99,60,.10),transparent 28%),
      linear-gradient(180deg,#fffaf3 0%,#f4eadc 100%)}.css-scope-line-pricing .line-spectrum-section::before{content:"1000";position:absolute;left:4%;top:42px;direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(5rem,16vw,13rem);font-weight:950;letter-spacing:-.08em;color:rgba(199,99,60,.055);line-height:1;pointer-events:none}.css-scope-line-pricing .line-editorial-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:34px;align-items:end;margin-bottom:34px}.css-scope-line-pricing .line-editorial-copy{max-width:790px}.css-scope-line-pricing .line-editorial-copy .section-title{max-width:720px}.css-scope-line-pricing .line-editorial-copy .lead-soft{max-width:770px}.css-scope-line-pricing .line-stat-stack{border-inline-start:3px solid rgba(199,99,60,.36);padding-inline-start:18px;display:grid;gap:13px}.css-scope-line-pricing .line-stat-stack span{display:block;color:var(--muted);font-size:.9rem;font-weight:850;line-height:1.8}.css-scope-line-pricing .line-stat-stack b{display:block;color:var(--ink);font-size:1.45rem;font-weight:950;line-height:1.15}.css-scope-line-pricing .line-spectrum-board{position:relative;z-index:1;border-block:1px solid rgba(223,208,190,.9);padding:28px 0;background:linear-gradient(90deg,rgba(255,255,255,.36),rgba(255,250,243,.08),rgba(199,99,60,.035));backdrop-filter:blur(8px)}.css-scope-line-pricing .spectrum-axis{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.84rem;font-weight:950;margin-bottom:18px}.css-scope-line-pricing .spectrum-axis span{display:inline-flex;align-items:center;gap:7px}.css-scope-line-pricing .spectrum-axis i{color:var(--terracotta)}.css-scope-line-pricing .line-rail-list{display:grid;gap:0}.css-scope-line-pricing .line-rail-item{display:grid;grid-template-columns:110px minmax(160px,1fr) minmax(190px,270px) 132px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(223,208,190,.66);transition:transform .22s ease,border-color .22s ease}.css-scope-line-pricing .line-rail-item:hover{transform:translateX(-6px);border-color:rgba(199,99,60,.38)}.css-scope-line-pricing .line-rail-item:last-child{border-bottom:0}.css-scope-line-pricing .rail-digit{font-size:1.42rem;font-weight:950;color:var(--ink);white-space:nowrap}.css-scope-line-pricing .rail-digit small{font-size:.82rem;color:var(--muted);font-weight:850}.css-scope-line-pricing .rail-track{position:relative;height:14px;border-radius:999px;background:rgba(36,32,29,.08);overflow:hidden;box-shadow:inset 0 1px 2px rgba(36,32,29,.08)}.css-scope-line-pricing .rail-track span{display:block;width:var(--level);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--terracotta),var(--mustard));box-shadow:0 6px 18px rgba(199,99,60,.18)}.css-scope-line-pricing .line-rail-item.value .rail-track span{background:linear-gradient(90deg,#c7633c,#737a5d)}.css-scope-line-pricing .line-rail-item.start .rail-track span{background:linear-gradient(90deg,#737a5d,#b9a57e)}.css-scope-line-pricing .rail-meta strong{display:block;direction:ltr;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.06rem;font-weight:950;color:var(--ink)}.css-scope-line-pricing .rail-meta small{display:block;color:var(--muted);font-weight:820;line-height:1.75;margin-top:4px}.css-scope-line-pricing .line-rail-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(199,99,60,.25);background:rgba(255,255,255,.42);color:var(--terracotta-2);border-radius:999px;padding:9px 13px;text-decoration:none;font-weight:950;font-size:.82rem;white-space:nowrap}.css-scope-line-pricing .line-rail-action:hover{background:var(--terracotta);color:#fffaf3;border-color:var(--terracotta)}.css-scope-line-pricing .line-insight-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px}.css-scope-line-pricing .line-insight-item{padding-top:18px;border-top:2px solid rgba(199,99,60,.22)}.css-scope-line-pricing .line-insight-item i{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:999px;background:rgba(199,99,60,.10);color:var(--terracotta);margin-bottom:10px}.css-scope-line-pricing .line-insight-item h3{font-size:1.05rem;font-weight:950;margin-bottom:6px}.css-scope-line-pricing .line-insight-item p{color:var(--muted);line-height:1.9;margin:0;font-size:.91rem}.css-scope-line-pricing .line-table-titlebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:26px}.css-scope-line-pricing .line-table-titlebar .lead-soft{max-width:760px}.css-scope-line-pricing .table-token-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.css-scope-line-pricing .table-token-row span{display:inline-flex;align-items:center;gap:7px;border-bottom:2px solid rgba(199,99,60,.28);padding:8px 2px;color:var(--muted);font-size:.82rem;font-weight:900}.css-scope-line-pricing .table-token-row i{color:var(--terracotta)}
    @media (max-width:991.98px){.css-scope-line-pricing .line-editorial-head,.css-scope-line-pricing .line-table-titlebar{grid-template-columns:1fr}.css-scope-line-pricing .line-stat-stack{grid-template-columns:repeat(3,1fr);border-inline-start:0;border-top:3px solid rgba(199,99,60,.25);padding-inline-start:0;padding-top:14px}.css-scope-line-pricing .line-rail-item{grid-template-columns:90px minmax(120px,1fr) minmax(150px,220px)}.css-scope-line-pricing .line-rail-action{grid-column:1 / -1;justify-self:start}.css-scope-line-pricing .line-insight-row{grid-template-columns:1fr}.css-scope-line-pricing .table-token-row{justify-content:flex-start}
    }
    @media (max-width:575.98px){.css-scope-line-pricing .line-stat-stack{grid-template-columns:1fr}.css-scope-line-pricing .line-rail-item{grid-template-columns:1fr;gap:8px;padding:18px 0}.css-scope-line-pricing .rail-meta strong{text-align:right}.css-scope-line-pricing .spectrum-axis{display:grid}.css-scope-line-pricing .line-spectrum-section::before{top:88px;left:-12px}
    }/* Clean replacement: removed the pricing spectrum/form rail completely */
    .css-scope-line-pricing .line-clean-intro{position:relative;overflow:hidden;background:
      radial-gradient(circle at 10% 18%,rgba(199,99,60,.10),transparent 30%),
      linear-gradient(180deg,#fffaf3 0%,#f4eadc 100%);border-bottom:1px solid rgba(223,208,190,.78)}.css-scope-line-pricing .line-clean-intro::before{content:"1000";position:absolute;left:5%;top:34px;direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(5rem,15vw,12rem);font-weight:950;letter-spacing:-.08em;color:rgba(199,99,60,.055);line-height:1;pointer-events:none}.css-scope-line-pricing .line-clean-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);gap:44px;align-items:center}.css-scope-line-pricing .line-clean-copy .section-title{max-width:760px}.css-scope-line-pricing .line-clean-copy .lead-soft{max-width:790px}.css-scope-line-pricing .line-clean-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.css-scope-line-pricing .line-clean-visual{position:relative;min-height:310px;display:grid;place-items:center}.css-scope-line-pricing .line-clean-visual::before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:conic-gradient(from 210deg,rgba(199,99,60,.28),rgba(230,173,75,.24),rgba(115,122,93,.20),rgba(199,99,60,.28));filter:blur(.2px);opacity:.75}.css-scope-line-pricing .line-clean-card{position:relative;z-index:1;width:min(100%,380px);padding:30px;border-radius:34px;background:rgba(255,255,255,.58);border:1px solid rgba(223,208,190,.86);box-shadow:0 28px 80px rgba(91,62,39,.12);backdrop-filter:blur(12px)}.css-scope-line-pricing .line-clean-card .big-range{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(3.2rem,7vw,5.7rem);font-weight:950;letter-spacing:-.09em;line-height:.95;color:var(--ink)}.css-scope-line-pricing .line-clean-card .big-range small{font-size:.22em;letter-spacing:0;color:var(--muted);font-weight:850}.css-scope-line-pricing .line-clean-card p{color:var(--muted);line-height:1.9;margin:18px 0 0;font-weight:800}.css-scope-line-pricing .line-mini-notes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.css-scope-line-pricing .line-mini-note{border-top:2px solid rgba(199,99,60,.24);padding-top:16px}.css-scope-line-pricing .line-mini-note i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:rgba(199,99,60,.10);color:var(--terracotta);margin-bottom:10px}.css-scope-line-pricing .line-mini-note h3{font-size:1.02rem;font-weight:950;margin-bottom:6px}.css-scope-line-pricing .line-mini-note p{color:var(--muted);line-height:1.9;margin:0;font-size:.9rem}
    @media (max-width:991.98px){.css-scope-line-pricing .line-clean-shell{grid-template-columns:1fr}.css-scope-line-pricing .line-clean-visual{min-height:250px;place-items:start}.css-scope-line-pricing .line-mini-notes{grid-template-columns:1fr}
    }
    @media (max-width:575.98px){.css-scope-line-pricing .line-clean-actions{display:grid}.css-scope-line-pricing .line-clean-card{padding:24px;border-radius:28px}
    }.css-scope-line-pricing .line-service-bridge{padding-top:44px;padding-bottom:0;background:#fff}.css-scope-line-pricing .line-service-bridge__box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:26px 28px;border-radius:32px;background:linear-gradient(135deg,#fff9f4,#fff);border:1px solid rgba(199,99,60,.16);box-shadow:0 20px 55px rgba(22,31,44,.07)}.css-scope-line-pricing .line-service-bridge__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.css-scope-line-pricing .line-service-bridge__box .lead-soft{max-width:820px}.css-scope-line-pricing .line-service-bridge__box a:not(.btn){color:#c7633c;font-weight:900}@media(max-width:991.98px){.css-scope-line-pricing .line-service-bridge__box{grid-template-columns:1fr}.css-scope-line-pricing .line-service-bridge__actions{justify-content:flex-start}}@media(max-width:575.98px){.css-scope-line-pricing .line-service-bridge__box{padding:20px;border-radius:24px}.css-scope-line-pricing .line-service-bridge__actions .btn{width:100%;justify-content:center}}/* SEO content expansion for line-pricing */
.css-scope-line-pricing .modern-table .table{min-width:1180px}.css-scope-line-pricing .related-route-notes .line-mini-note{background:rgba(255,250,243,.42);border:1px solid rgba(223,208,190,.72);border-top:2px solid rgba(199,99,60,.24);border-radius:24px;padding:18px}.css-scope-line-pricing .related-route-notes .line-mini-note a,.css-scope-line-pricing .faq-card a,.css-scope-line-pricing .line-service-bridge__box .lead-soft a{color:var(--terracotta-2);font-weight:950;text-decoration:none;border-bottom:1px dashed rgba(199,99,60,.44)}.css-scope-line-pricing .related-route-notes .line-mini-note a:hover,.css-scope-line-pricing .faq-card a:hover,.css-scope-line-pricing .line-service-bridge__box .lead-soft a:hover{color:var(--terracotta);border-bottom-style:solid}.css-scope-line-pricing .choice-card ul,.css-scope-line-pricing .mini-check-list{padding-inline-start:0;list-style:none}.css-scope-line-pricing .choice-card li,.css-scope-line-pricing .mini-check-list li{position:relative;padding-inline-start:22px;margin-top:8px;color:var(--muted);font-weight:850;line-height:1.8}.css-scope-line-pricing .choice-card li::before,.css-scope-line-pricing .mini-check-list li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--success);font-weight:950}
@media(max-width:575.98px){.css-scope-line-pricing .related-route-notes .line-mini-note{padding:16px;border-radius:20px}}/* responsive SEO-safe pricing grid for line-pricing */
.css-scope-line-pricing .line-rate-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}.css-scope-line-pricing .line-rate-card{
  position:relative;
  grid-column:span 4;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(223,208,190,.82);
  background:
    radial-gradient(circle at 14% 16%,rgba(199,99,60,.10),transparent 34%),
    linear-gradient(180deg,rgba(255,250,243,.96),rgba(255,255,255,.72));
  box-shadow:0 18px 48px rgba(91,62,39,.075);
  overflow:hidden;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}.css-scope-line-pricing .line-rate-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,rgba(199,99,60,.82),rgba(230,173,75,.70));
  opacity:.85;
}.css-scope-line-pricing .line-rate-card::after{
  content:"1000";
  position:absolute;
  direction:ltr;
  left:18px;
  top:10px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:3.3rem;
  line-height:1;
  font-weight:950;
  letter-spacing:-.09em;
  color:rgba(36,32,29,.045);
  pointer-events:none;
}.css-scope-line-pricing .line-rate-card:hover{
  transform:translateY(-6px);
  border-color:rgba(199,99,60,.34);
  box-shadow:0 26px 70px rgba(91,62,39,.12);
}.css-scope-line-pricing .line-rate-card.is-featured{
  border-color:rgba(15,118,110,.24);
  background:
    radial-gradient(circle at 14% 16%,rgba(15,118,110,.10),transparent 34%),
    linear-gradient(180deg,rgba(246,253,251,.98),rgba(255,255,255,.76));
}.css-scope-line-pricing .line-rate-card.is-featured::before{background:linear-gradient(180deg,rgba(15,118,110,.78),rgba(199,99,60,.58))}.css-scope-line-pricing .line-rate-card.is-start::before{background:linear-gradient(180deg,rgba(217,119,6,.72),rgba(185,165,126,.72))}.css-scope-line-pricing .line-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.css-scope-line-pricing .line-card-badge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;border-radius:999px;background:rgba(36,32,29,.065);color:var(--ink);padding:7px 11px;font-weight:950;font-size:.84rem;white-space:nowrap}.css-scope-line-pricing .line-rate-card h3{position:relative;z-index:1;font-size:1.16rem;font-weight:950;line-height:1.55;margin:0 0 12px;color:var(--ink)}.css-scope-line-pricing .line-card-number{position:relative;z-index:1;display:grid;gap:7px;margin-bottom:15px;padding:14px;border-radius:20px;background:rgba(255,255,255,.64);border:1px solid rgba(223,208,190,.72)}.css-scope-line-pricing .line-card-number code{direction:ltr;text-align:left;display:block;width:max-content;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.02rem;font-weight:950;color:var(--ink);background:transparent;border:0;padding:0;letter-spacing:.02em}.css-scope-line-pricing .line-card-number small{color:var(--muted);font-weight:850;line-height:1.75}.css-scope-line-pricing .line-rate-card p{position:relative;z-index:1;color:var(--muted);font-size:.92rem;font-weight:780;line-height:1.95;margin:0 0 16px}.css-scope-line-pricing .line-rate-card dl{position:relative;z-index:1;display:grid;gap:10px;margin:0 0 18px}.css-scope-line-pricing .line-rate-card dl div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;border-top:1px dashed rgba(199,99,60,.18)}.css-scope-line-pricing .line-rate-card dt{color:var(--muted);font-size:.78rem;font-weight:950;white-space:nowrap}.css-scope-line-pricing .line-rate-card dd{margin:0;color:var(--ink);font-size:.86rem;font-weight:900;line-height:1.8}.css-scope-line-pricing .line-card-quote{position:relative;z-index:1;margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;border:1px solid rgba(66,122,85,.24);background:rgba(66,122,85,.09);color:var(--success);border-radius:999px;padding:10px 13px;text-decoration:none;font-weight:950;font-size:.84rem;transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease}.css-scope-line-pricing .line-card-quote:hover{background:var(--success);color:#fff;border-color:var(--success);transform:translateY(-2px)}
@media (min-width:1200px){.css-scope-line-pricing .line-rate-card:nth-child(1),.css-scope-line-pricing .line-rate-card:nth-child(2){grid-column:span 3}.css-scope-line-pricing .line-rate-card:nth-child(3),.css-scope-line-pricing .line-rate-card:nth-child(4),.css-scope-line-pricing .line-rate-card:nth-child(5){grid-column:span 2}.css-scope-line-pricing .line-rate-card:nth-child(6),.css-scope-line-pricing .line-rate-card:nth-child(7){grid-column:span 3}
}
@media (max-width:991.98px){.css-scope-line-pricing .line-rate-card{grid-column:span 6;padding:20px;border-radius:24px}.css-scope-line-pricing .line-rate-card dl div{grid-template-columns:86px minmax(0,1fr)}
}
@media (max-width:575.98px){.css-scope-line-pricing .line-rate-grid{grid-template-columns:1fr;gap:14px}.css-scope-line-pricing .line-rate-card{grid-column:1;padding:18px;border-radius:22px;box-shadow:0 14px 34px rgba(91,62,39,.08)}.css-scope-line-pricing .line-card-top{align-items:flex-start}.css-scope-line-pricing .line-rate-card h3{font-size:1.08rem;margin-bottom:10px}.css-scope-line-pricing .line-card-number{padding:12px;border-radius:18px}.css-scope-line-pricing .line-rate-card p{font-size:.88rem;line-height:1.9}.css-scope-line-pricing .line-rate-card dl div{grid-template-columns:1fr;gap:4px;padding:9px 0}.css-scope-line-pricing .line-rate-card dt{font-size:.76rem}.css-scope-line-pricing .line-rate-card dd{font-size:.84rem}.css-scope-line-pricing .line-card-quote{padding:11px 12px}
}/* special grouped desktop grid + mobile card layout for line-pricing */
.css-scope-line-pricing .line-table-titlebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;margin-bottom:26px}.css-scope-line-pricing .table-token-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.css-scope-line-pricing .table-token-row span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(223,208,190,.84);color:var(--muted);font-size:.84rem;font-weight:900}.css-scope-line-pricing .line-tier-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.css-scope-line-pricing .line-tier-column{display:flex;flex-direction:column;gap:16px;min-width:0;padding:18px;border-radius:32px;border:1px solid rgba(223,208,190,.86);box-shadow:0 18px 55px rgba(91,62,39,.06);background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,250,243,.76))}.css-scope-line-pricing .line-tier-column.premium{background:linear-gradient(180deg,rgba(255,248,242,.98),rgba(255,252,248,.88))}.css-scope-line-pricing .line-tier-column.value{background:linear-gradient(180deg,rgba(246,253,251,.98),rgba(255,255,255,.88))}.css-scope-line-pricing .line-tier-column.start{background:linear-gradient(180deg,rgba(255,251,244,.98),rgba(255,255,255,.88))}.css-scope-line-pricing .line-tier-header{padding:6px 4px 2px}.css-scope-line-pricing .line-tier-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;font-size:.84rem;font-weight:950;border:1px solid var(--line)}.css-scope-line-pricing .line-tier-chip.premium{background:rgba(199,99,60,.09);color:var(--terracotta-2);border-color:rgba(199,99,60,.22)}.css-scope-line-pricing .line-tier-chip.value{background:rgba(15,118,110,.08);color:var(--teal);border-color:rgba(15,118,110,.18)}.css-scope-line-pricing .line-tier-chip.start{background:rgba(217,119,6,.09);color:var(--amber);border-color:rgba(217,119,6,.18)}.css-scope-line-pricing .line-tier-title{font-size:1.18rem;font-weight:950;line-height:1.7;margin:14px 0 8px;color:var(--ink)}.css-scope-line-pricing .line-tier-header p{margin:0;color:var(--muted);line-height:1.95;font-size:.92rem;font-weight:820}.css-scope-line-pricing .line-tier-stack{display:grid;gap:16px}.css-scope-line-pricing .line-rate-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px;border-radius:28px;border:1px solid rgba(223,208,190,.84);background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,250,243,.8));box-shadow:0 14px 36px rgba(91,62,39,.06);overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.css-scope-line-pricing .line-rate-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,rgba(199,99,60,.85),rgba(230,173,75,.72))}.css-scope-line-pricing .line-rate-card::after{content:"1000";position:absolute;left:16px;top:12px;direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:3rem;line-height:1;font-weight:950;letter-spacing:-.08em;color:rgba(36,32,29,.04);pointer-events:none}.css-scope-line-pricing .line-rate-card:hover{transform:translateY(-5px);border-color:rgba(199,99,60,.34);box-shadow:0 24px 60px rgba(91,62,39,.12)}.css-scope-line-pricing .line-rate-card.is-featured{border-color:rgba(15,118,110,.22);background:linear-gradient(180deg,rgba(246,253,251,.98),rgba(255,255,255,.82))}.css-scope-line-pricing .line-rate-card.is-featured::before{background:linear-gradient(180deg,rgba(15,118,110,.82),rgba(31,160,126,.66))}.css-scope-line-pricing .line-rate-card.is-value::before{background:linear-gradient(180deg,rgba(15,118,110,.72),rgba(199,99,60,.54))}.css-scope-line-pricing .line-rate-card.is-start::before{background:linear-gradient(180deg,rgba(217,119,6,.76),rgba(185,165,126,.72))}.css-scope-line-pricing .line-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.css-scope-line-pricing .line-card-badge{display:inline-flex;align-items:center;justify-content:center;min-width:74px;border-radius:999px;background:rgba(36,32,29,.065);color:var(--ink);padding:7px 11px;font-weight:950;font-size:.83rem;white-space:nowrap}.css-scope-line-pricing .line-rate-card h4{position:relative;z-index:1;font-size:1.1rem;font-weight:950;line-height:1.7;margin:0 0 12px;color:var(--ink)}.css-scope-line-pricing .line-card-number{position:relative;z-index:1;display:grid;gap:7px;margin-bottom:14px;padding:14px;border-radius:18px;background:rgba(255,255,255,.74);border:1px solid rgba(223,208,190,.72)}.css-scope-line-pricing .line-card-number code{direction:ltr;text-align:left;display:block;width:max-content;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.02rem;font-weight:950;color:var(--ink);background:transparent;border:0;padding:0;letter-spacing:.02em}.css-scope-line-pricing .line-card-number small{color:var(--muted);font-weight:850;line-height:1.8}.css-scope-line-pricing .line-rate-card p{position:relative;z-index:1;color:var(--muted);font-size:.91rem;font-weight:800;line-height:1.95;margin:0 0 14px}.css-scope-line-pricing .line-rate-card dl{position:relative;z-index:1;display:grid;gap:8px;margin:0 0 18px}.css-scope-line-pricing .line-rate-card dl div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:start;padding:9px 0;border-top:1px dashed rgba(199,99,60,.18)}.css-scope-line-pricing .line-rate-card dt{color:var(--muted);font-size:.78rem;font-weight:950;white-space:nowrap}.css-scope-line-pricing .line-rate-card dd{margin:0;color:var(--ink);font-size:.86rem;font-weight:900;line-height:1.8}.css-scope-line-pricing .line-card-quote{position:relative;z-index:1;margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;border:1px solid rgba(66,122,85,.24);background:rgba(66,122,85,.09);color:var(--success);border-radius:999px;padding:10px 13px;text-decoration:none;font-weight:950;font-size:.84rem;transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease}.css-scope-line-pricing .line-card-quote:hover{background:var(--success);color:#fff;border-color:var(--success);transform:translateY(-2px)}

@media (max-width:1199.98px){.css-scope-line-pricing .line-tier-board{grid-template-columns:repeat(2,minmax(0,1fr))}.css-scope-line-pricing .line-tier-column.start{grid-column:1/-1}.css-scope-line-pricing .line-tier-column.start .line-tier-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
}
@media (max-width:991.98px){.css-scope-line-pricing .line-table-titlebar{grid-template-columns:1fr}.css-scope-line-pricing .table-token-row{justify-content:flex-start}.css-scope-line-pricing .line-tier-board{grid-template-columns:1fr}.css-scope-line-pricing .line-tier-column{padding:16px;border-radius:26px}.css-scope-line-pricing .line-tier-column.start .line-tier-stack{grid-template-columns:1fr}.css-scope-line-pricing .line-rate-card{padding:20px;border-radius:24px}
}
@media (max-width:575.98px){.css-scope-line-pricing .table-token-row span{font-size:.78rem;padding:8px 11px}.css-scope-line-pricing .line-tier-column{padding:14px;border-radius:22px;gap:14px}.css-scope-line-pricing .line-tier-title{font-size:1.05rem;line-height:1.8}.css-scope-line-pricing .line-tier-header p{font-size:.88rem;line-height:1.9}.css-scope-line-pricing .line-rate-card{padding:17px;border-radius:20px;box-shadow:0 12px 28px rgba(91,62,39,.08)}.css-scope-line-pricing .line-card-top{align-items:flex-start;flex-wrap:wrap}.css-scope-line-pricing .line-rate-card h4{font-size:1rem;margin-bottom:10px}.css-scope-line-pricing .line-card-number{padding:12px;border-radius:16px}.css-scope-line-pricing .line-rate-card p{font-size:.87rem;line-height:1.9}.css-scope-line-pricing .line-rate-card dl div{grid-template-columns:1fr;gap:4px;padding:8px 0}.css-scope-line-pricing .line-rate-card dt{font-size:.75rem}.css-scope-line-pricing .line-rate-card dd{font-size:.83rem}.css-scope-line-pricing .line-card-quote{padding:11px 12px}
}/* modern decision matrix for line-pricing */
.css-scope-line-pricing .line-matrix-section{position:relative;overflow:hidden}.css-scope-line-pricing .line-matrix-section::before{content:"";position:absolute;inset:90px auto auto -90px;width:260px;height:260px;border-radius:50%;background:rgba(199,99,60,.08);pointer-events:none}.css-scope-line-pricing .line-matrix-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:24px;align-items:end;margin-bottom:24px}.css-scope-line-pricing .line-matrix-summary{display:grid;gap:10px}.css-scope-line-pricing .line-matrix-summary span{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid rgba(223,208,190,.78);font-size:.88rem;font-weight:900;color:var(--muted)}.css-scope-line-pricing .line-matrix-summary i{color:var(--terracotta)}.css-scope-line-pricing .line-choice-tabs{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.css-scope-line-pricing .choice-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.62);font-weight:950;font-size:.88rem}.css-scope-line-pricing .choice-tab.premium{color:var(--terracotta-2);border-color:rgba(199,99,60,.22);background:rgba(199,99,60,.08)}.css-scope-line-pricing .choice-tab.value{color:var(--teal);border-color:rgba(15,118,110,.2);background:rgba(15,118,110,.08)}.css-scope-line-pricing .choice-tab.start{color:var(--amber);border-color:rgba(217,119,6,.2);background:rgba(217,119,6,.08)}.css-scope-line-pricing .line-comparison-matrix{position:relative;z-index:1;display:grid;gap:10px}.css-scope-line-pricing .matrix-header,.css-scope-line-pricing .matrix-row{display:grid;grid-template-columns:1.05fr .92fr 1.45fr 1.08fr .78fr .88fr;gap:12px;align-items:center}.css-scope-line-pricing .matrix-header{padding:0 18px;color:var(--muted);font-size:.78rem;font-weight:950}.css-scope-line-pricing .matrix-header span{padding:0 4px}.css-scope-line-pricing .matrix-row{position:relative;padding:14px 18px;border:1px solid rgba(223,208,190,.82);border-radius:24px;background:rgba(255,255,255,.68);box-shadow:0 12px 34px rgba(91,62,39,.05);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.css-scope-line-pricing .matrix-row::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:rgba(199,99,60,.68)}.css-scope-line-pricing .matrix-row:hover{transform:translateY(-3px);box-shadow:0 20px 54px rgba(91,62,39,.1);border-color:rgba(199,99,60,.28)}.css-scope-line-pricing .matrix-row.premium::before{background:linear-gradient(180deg,rgba(199,99,60,.86),rgba(230,173,75,.72))}.css-scope-line-pricing .matrix-row.value::before{background:linear-gradient(180deg,rgba(15,118,110,.8),rgba(77,166,137,.65))}.css-scope-line-pricing .matrix-row.start::before{background:linear-gradient(180deg,rgba(217,119,6,.78),rgba(185,165,126,.68))}.css-scope-line-pricing .matrix-row.is-recommended{border-color:rgba(15,118,110,.34);background:linear-gradient(90deg,rgba(15,118,110,.08),rgba(255,255,255,.72) 42%,rgba(255,255,255,.66))}.css-scope-line-pricing .matrix-row.is-recommended::after{content:"پیشنهاد ریلکس";position:absolute;inset:10px auto auto 16px;border-radius:999px;padding:5px 10px;background:rgba(15,118,110,.1);color:var(--teal);font-size:.72rem;font-weight:950;border:1px solid rgba(15,118,110,.2)}.css-scope-line-pricing .matrix-line,.css-scope-line-pricing .matrix-number,.css-scope-line-pricing .matrix-use,.css-scope-line-pricing .matrix-type,.css-scope-line-pricing .matrix-level,.css-scope-line-pricing .matrix-action{position:relative;z-index:1;min-width:0}.css-scope-line-pricing .matrix-line{display:grid;gap:4px}.css-scope-line-pricing .matrix-badge{width:max-content;display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:950;border:1px solid var(--line)}.css-scope-line-pricing .matrix-badge.premium{color:var(--terracotta-2);background:rgba(199,99,60,.08);border-color:rgba(199,99,60,.18)}.css-scope-line-pricing .matrix-badge.value{color:var(--teal);background:rgba(15,118,110,.08);border-color:rgba(15,118,110,.18)}.css-scope-line-pricing .matrix-badge.start{color:var(--amber);background:rgba(217,119,6,.08);border-color:rgba(217,119,6,.18)}.css-scope-line-pricing .matrix-line h3{margin:0;font-size:1.02rem;font-weight:950;line-height:1.55;color:var(--ink)}.css-scope-line-pricing .matrix-line small,.css-scope-line-pricing .matrix-number small,.css-scope-line-pricing .matrix-type small{display:block;color:var(--muted);font-size:.76rem;font-weight:850;line-height:1.7}.css-scope-line-pricing .matrix-number{padding:10px 12px;border-radius:16px;background:rgba(255,250,243,.72);border:1px solid rgba(223,208,190,.65)}.css-scope-line-pricing .matrix-number code{display:block;direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:950;color:var(--ink);letter-spacing:.03em;background:transparent;border:0;padding:0;font-size:.94rem}.css-scope-line-pricing .matrix-use strong{display:block;color:var(--ink);font-size:.9rem;font-weight:950;line-height:1.65;margin-bottom:3px}.css-scope-line-pricing .matrix-use span{display:block;color:var(--muted);font-size:.8rem;font-weight:820;line-height:1.85}.css-scope-line-pricing .matrix-type span{display:block;color:var(--ink);font-size:.86rem;font-weight:950;line-height:1.65}.css-scope-line-pricing .matrix-action a{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;border-radius:999px;text-decoration:none;background:rgba(66,122,85,.1);border:1px solid rgba(66,122,85,.24);color:var(--success);font-size:.82rem;font-weight:950;transition:background .2s ease,color .2s ease,transform .2s ease}.css-scope-line-pricing .matrix-action a:hover{background:var(--success);border-color:var(--success);color:#fff;transform:translateY(-2px)}.css-scope-line-pricing .line-matrix-note{position:relative;z-index:1;display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:16px 18px;border-radius:22px;background:rgba(255,250,243,.76);border:1px dashed rgba(199,99,60,.28)}.css-scope-line-pricing .line-matrix-note i{color:var(--terracotta);font-size:1.2rem;margin-top:4px}.css-scope-line-pricing .line-matrix-note p{margin:0;color:var(--muted);font-weight:850;line-height:1.95}

@media(max-width:1199.98px){.css-scope-line-pricing .matrix-header,.css-scope-line-pricing .matrix-row{grid-template-columns:1fr .9fr 1.35fr .95fr .75fr .85fr;gap:10px}.css-scope-line-pricing .matrix-row{padding:14px}
}
@media(max-width:991.98px){.css-scope-line-pricing .line-matrix-head{grid-template-columns:1fr}.css-scope-line-pricing .matrix-header{display:none}.css-scope-line-pricing .line-comparison-matrix{gap:14px}.css-scope-line-pricing .matrix-row{grid-template-columns:1fr 1fr;align-items:start;padding:18px;border-radius:22px}.css-scope-line-pricing .matrix-row.is-recommended::after{inset:12px auto auto 14px}.css-scope-line-pricing .matrix-line{grid-column:1/-1;padding-inline-end:92px}.css-scope-line-pricing .matrix-use{grid-column:1/-1}.css-scope-line-pricing .matrix-action{grid-column:1/-1}.css-scope-line-pricing .matrix-number,.css-scope-line-pricing .matrix-type,.css-scope-line-pricing .matrix-level{align-self:stretch}.css-scope-line-pricing .matrix-level{display:flex;align-items:center}
}
@media(max-width:575.98px){.css-scope-line-pricing .line-matrix-summary span{font-size:.82rem;padding:10px 12px}.css-scope-line-pricing .line-choice-tabs{display:grid;grid-template-columns:1fr;gap:8px}.css-scope-line-pricing .choice-tab{justify-content:center}.css-scope-line-pricing .matrix-row{grid-template-columns:1fr;padding:16px;border-radius:20px}.css-scope-line-pricing .matrix-line{padding-inline-end:0}.css-scope-line-pricing .matrix-row.is-recommended::after{position:static;display:inline-flex;width:max-content;margin:0 0 10px 0;order:-1}.css-scope-line-pricing .matrix-row.is-recommended .matrix-line{padding-inline-end:0}.css-scope-line-pricing .matrix-number,.css-scope-line-pricing .matrix-use,.css-scope-line-pricing .matrix-type,.css-scope-line-pricing .matrix-level,.css-scope-line-pricing .matrix-action{width:100%}.css-scope-line-pricing .matrix-number{padding:12px}.css-scope-line-pricing .matrix-action a{min-height:44px}.css-scope-line-pricing .line-matrix-note{padding:14px;border-radius:18px}
}


/*============================================================ Panel features page Root scope: .css-scope-panel-features ============================================================*/

.css-scope-panel-features{--violet:#4f46e5;--teal:#0f766e;--amber:#d97706;--rose:#be123c;--deep:#171312}.css-scope-panel-features .seo-hero{position:relative;overflow:hidden;padding:86px 0 70px;background:
      radial-gradient(circle at 14% 8%,rgba(199,99,60,.23),transparent 27%),
      radial-gradient(circle at 84% 20%,rgba(38,50,72,.17),transparent 30%),
      linear-gradient(135deg,rgba(255,250,243,.9),rgba(239,227,211,.55));border-bottom:1px solid rgba(223,208,190,.7)}.css-scope-panel-features .seo-hero::before{content:"";position:absolute;inset:34px 3% auto auto;width:420px;height:420px;border-radius:44% 56% 59% 41%;background:linear-gradient(145deg,rgba(199,99,60,.13),rgba(230,173,75,.14));filter:blur(.3px);animation:panelFeaturesFloatBlob 11s ease-in-out infinite;z-index:0}.css-scope-panel-features .seo-hero::after{content:"";position:absolute;inset:auto -90px -180px auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(115,122,93,.16),transparent 68%);z-index:0}
    @keyframes panelFeaturesFloatBlob{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-18px,14px,0) rotate(7deg)}}.css-scope-panel-features .hero-layout-new{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center}.css-scope-panel-features .hero-copy-new{max-width:760px}.css-scope-panel-features .hero-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(199,99,60,.22);background:rgba(255,250,243,.72);color:var(--terracotta-2);border-radius:999px;padding:8px 14px;font-weight:950;font-size:.9rem;box-shadow:0 14px 30px rgba(55,38,23,.06)}.css-scope-panel-features .hero-copy-new h1{font-size:clamp(2.45rem,5.3vw,5.25rem);line-height:1.18;letter-spacing:-.065em;font-weight:950;margin:20px 0 18px}.css-scope-panel-features .hero-copy-new h1 strong{color:var(--terracotta);font-weight:950}.css-scope-panel-features .hero-copy-new .lead{font-size:1.12rem;color:var(--muted);line-height:2;max-width:780px}.css-scope-panel-features .micro-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.css-scope-panel-features .micro-proof span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,250,243,.68);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:.86rem;font-weight:900}.css-scope-panel-features .micro-proof i{color:var(--terracotta)}.css-scope-panel-features .hero-action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.css-scope-panel-features .hero-side-card{position:relative;border:1px solid rgba(223,208,190,.92);background:linear-gradient(145deg,rgba(255,250,243,.88),rgba(255,255,255,.46));border-radius:38px;padding:24px;box-shadow:0 28px 72px rgba(55,38,23,.12);backdrop-filter:blur(16px);overflow:hidden}.css-scope-panel-features .hero-side-card::before{content:"";position:absolute;inset:-90px -100px auto auto;width:260px;height:260px;border-radius:50%;background:rgba(199,99,60,.13)}.css-scope-panel-features .visual-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;position:relative;z-index:1}.css-scope-panel-features .visual-title{font-weight:950}.css-scope-panel-features .visual-sub{display:block;color:var(--muted);font-size:.82rem;font-weight:800}.css-scope-panel-features .status-dot{display:inline-flex;align-items:center;gap:7px;background:rgba(66,122,85,.11);color:var(--success);border:1px solid rgba(66,122,85,.22);border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:950}.css-scope-panel-features .status-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(66,122,85,.1)}.css-scope-panel-features .number-orbit{position:relative;margin:8px 0 18px;min-height:300px;display:grid;place-items:center}.css-scope-panel-features .orbit-ring{position:absolute;border:1px dashed rgba(199,99,60,.26);border-radius:50%;inset:20px}.css-scope-panel-features .orbit-ring.two{inset:58px;border-color:rgba(38,50,72,.18)}.css-scope-panel-features .core-number{position:relative;z-index:2;width:190px;height:190px;border-radius:46px;background:linear-gradient(145deg,#fff9f0,#f2ddc8);display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 1px var(--line),0 22px 46px rgba(55,38,23,.11)}.css-scope-panel-features .core-number strong{display:block;direction:ltr;font-size:2.5rem;letter-spacing:.08em;font-weight:950;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.css-scope-panel-features .core-number span{color:var(--muted);font-size:.82rem;font-weight:900}.css-scope-panel-features .orbit-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,250,243,.9);border-radius:18px;padding:10px 12px;box-shadow:0 14px 32px rgba(55,38,23,.08);font-weight:950}.css-scope-panel-features .orbit-chip i{width:28px;height:28px;border-radius:11px;display:grid;place-items:center;background:rgba(199,99,60,.12);color:var(--terracotta)}.css-scope-panel-features .orbit-chip small{display:block;color:var(--muted);font-weight:800}.css-scope-panel-features .orbit-chip.a{top:10px;right:28px}.css-scope-panel-features .orbit-chip.b{top:96px;left:0}.css-scope-panel-features .orbit-chip.c{bottom:14px;right:14px}.css-scope-panel-features .orbit-chip.d{bottom:58px;left:36px}.css-scope-panel-features .hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}.css-scope-panel-features .hero-metric{border:1px solid var(--line);background:rgba(255,255,255,.46);border-radius:20px;padding:13px;text-align:center}.css-scope-panel-features .hero-metric b{display:block;font-size:1.12rem;font-weight:950}.css-scope-panel-features .hero-metric span{color:var(--muted);font-size:.78rem;font-weight:850}.css-scope-panel-features .section-header-wide{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:28px}.css-scope-panel-features .section-header-wide p{max-width:760px}.css-scope-panel-features .soft-panel{border:1px solid var(--line);background:rgba(255,250,243,.74);border-radius:32px;box-shadow:0 16px 42px rgba(55,38,23,.065)}.css-scope-panel-features .accent-box{border:1px dashed rgba(199,99,60,.38);background:linear-gradient(135deg,rgba(199,99,60,.08),rgba(230,173,75,.07));border-radius:26px;padding:22px;color:var(--muted);font-weight:850;line-height:2}.css-scope-panel-features .chipline{display:flex;gap:8px;flex-wrap:wrap}.css-scope-panel-features .chipline span{border:1px solid var(--line);background:rgba(255,255,255,.5);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:.78rem;font-weight:900}.css-scope-panel-features .mini-label{display:inline-flex;align-items:center;gap:8px;color:var(--terracotta-2);font-weight:950;margin-bottom:12px}.css-scope-panel-features .pricing-ladder{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.css-scope-panel-features .ladder-card{position:relative;min-height:245px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,250,243,.9),rgba(255,255,255,.44));border-radius:30px;padding:18px;overflow:hidden;box-shadow:0 16px 36px rgba(55,38,23,.055);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.css-scope-panel-features .ladder-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-sm);border-color:rgba(199,99,60,.42)}.css-scope-panel-features .ladder-card.featured{background:linear-gradient(180deg,rgba(199,99,60,.15),rgba(255,250,243,.8));border-color:rgba(199,99,60,.4)}.css-scope-panel-features .ladder-card::before{content:"";position:absolute;inset:auto 16px 16px 16px;height:var(--bar);border-radius:18px;background:linear-gradient(180deg,rgba(199,99,60,.28),rgba(199,99,60,.08));z-index:0}.css-scope-panel-features .ladder-card>*{position:relative;z-index:1}.css-scope-panel-features .digits{font-size:2rem;font-weight:950;letter-spacing:-.05em}.css-scope-panel-features .digits small{font-size:.88rem;color:var(--muted);font-weight:900}.css-scope-panel-features .number-pattern{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:950;letter-spacing:.05em;margin:8px 0 12px;color:var(--ink)}.css-scope-panel-features .ladder-card p{color:var(--muted);font-size:.87rem;line-height:1.85;margin-bottom:14px}.css-scope-panel-features .price-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid rgba(66,122,85,.24);background:rgba(66,122,85,.09);color:var(--success);padding:7px 10px;font-size:.76rem;font-weight:950}.css-scope-panel-features .rating-dots{display:flex;gap:4px;margin-top:14px}.css-scope-panel-features .rating-dots i{width:8px;height:8px;border-radius:50%;background:rgba(199,99,60,.25)}.css-scope-panel-features .rating-dots i.on{background:var(--terracotta)}.css-scope-panel-features .modern-table{overflow:hidden}.css-scope-panel-features .modern-table .table{margin:0;min-width:940px}.css-scope-panel-features .modern-table th{background:linear-gradient(180deg,rgba(36,32,29,.06),rgba(199,99,60,.06));font-weight:950;color:var(--ink);padding:17px;border-color:var(--line)!important}.css-scope-panel-features .modern-table td{padding:17px;border-color:var(--line)!important;vertical-align:middle}.css-scope-panel-features .modern-table tbody tr:hover{background:rgba(199,99,60,.045)}.css-scope-panel-features .modern-table code{direction:ltr;display:inline-flex;background:rgba(36,32,29,.06);border:1px solid var(--line);border-radius:10px;padding:4px 8px;color:var(--ink);font-weight:900}.css-scope-panel-features .tier-tag{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 10px;font-weight:950;font-size:.78rem;border:1px solid var(--line);background:rgba(255,255,255,.5);white-space:nowrap}.css-scope-panel-features .tier-tag.premium{color:var(--terracotta);background:rgba(199,99,60,.09);border-color:rgba(199,99,60,.2)}.css-scope-panel-features .tier-tag.value{color:var(--teal);background:rgba(15,118,110,.08);border-color:rgba(15,118,110,.18)}.css-scope-panel-features .tier-tag.start{color:var(--amber);background:rgba(217,119,6,.09);border-color:rgba(217,119,6,.18)}.css-scope-panel-features .choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.css-scope-panel-features .choice-card{position:relative;border:1px solid var(--line);background:rgba(255,250,243,.78);border-radius:30px;padding:26px;overflow:hidden;height:100%;box-shadow:0 13px 35px rgba(55,38,23,.055)}.css-scope-panel-features .choice-card::after{content:"";position:absolute;inset:auto auto -58px -52px;width:150px;height:150px;border-radius:50%;background:rgba(199,99,60,.08)}.css-scope-panel-features .choice-card .icon{width:54px;height:54px;border-radius:19px;background:rgba(199,99,60,.12);color:var(--terracotta);display:grid;place-items:center;font-size:1.4rem;margin-bottom:18px}.css-scope-panel-features .choice-card h3{font-size:1.17rem;font-weight:950;margin-bottom:10px}.css-scope-panel-features .choice-card p{color:var(--muted);line-height:1.95}.css-scope-panel-features .choice-card ul{margin:16px 0 0;padding:0;list-style:none}.css-scope-panel-features .choice-card li{display:flex;gap:8px;color:var(--muted);font-size:.9rem;margin-top:9px}.css-scope-panel-features .choice-card li::before{content:"✓";color:var(--success);font-weight:950}.css-scope-panel-features .factor-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.css-scope-panel-features .factor-item{border:1px solid var(--line);background:rgba(255,250,243,.72);border-radius:24px;padding:18px}.css-scope-panel-features .factor-item b{display:block;font-weight:950;margin-bottom:6px}.css-scope-panel-features .factor-item span{display:block;color:var(--muted);font-size:.87rem;line-height:1.85}.css-scope-panel-features .factor-item i{font-size:1.3rem;color:var(--terracotta);margin-bottom:10px;display:inline-block}.css-scope-panel-features .faq-wrap{display:grid;gap:12px}.css-scope-panel-features .faq-card{border:1px solid var(--line);background:rgba(255,250,243,.76);border-radius:24px;padding:20px}.css-scope-panel-features .faq-card h3{font-size:1.02rem;font-weight:950;margin-bottom:8px}.css-scope-panel-features .faq-card p{color:var(--muted);margin:0;line-height:1.9}.css-scope-panel-features .cta-grid{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;border-radius:38px;padding:34px;background:linear-gradient(135deg,#30221d,#6f3725 48%,#c7633c);color:#fff;box-shadow:0 26px 70px rgba(199,99,60,.22);position:relative;overflow:hidden}.css-scope-panel-features .cta-grid::before{content:"";position:absolute;inset:-80px auto auto -80px;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.12)}.css-scope-panel-features .cta-grid h2{font-weight:950;margin:0 0 8px}.css-scope-panel-features .cta-grid p{color:rgba(255,255,255,.78);margin:0}.css-scope-panel-features .cta-grid .btn-outline-soft{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28);color:#fff!important}.css-scope-panel-features .cta-grid>div{position:relative;z-index:1}.css-scope-panel-features .dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.css-scope-panel-features .dash-main,.css-scope-panel-features .dash-side{display:grid;gap:14px}.css-scope-panel-features .dash-widget{border:1px solid var(--line);background:rgba(255,255,255,.5);border-radius:24px;padding:16px;box-shadow:0 12px 26px rgba(55,38,23,.045)}.css-scope-panel-features .dash-widget.dark{background:#211e1b;color:#fff;border-color:rgba(255,255,255,.08)}.css-scope-panel-features .dash-widget h3{font-size:.96rem;font-weight:950;margin:0 0 12px}.css-scope-panel-features .dash-bars{display:grid;gap:8px}.css-scope-panel-features .dash-bar{height:10px;border-radius:999px;background:rgba(199,99,60,.13);overflow:hidden}.css-scope-panel-features .dash-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--terracotta),var(--mustard));width:var(--w)}.css-scope-panel-features .message-preview{display:grid;gap:9px}.css-scope-panel-features .message-line{border:1px solid var(--line);background:rgba(255,250,243,.62);border-radius:16px;padding:10px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.css-scope-panel-features .message-line i{width:34px;height:34px;border-radius:13px;background:rgba(199,99,60,.13);color:var(--terracotta);display:grid;place-items:center}.css-scope-panel-features .message-line strong{font-size:.86rem}.css-scope-panel-features .message-line small{color:var(--muted);font-weight:800}.css-scope-panel-features .code-preview{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#f7efe4;font-size:.8rem;line-height:1.8;margin:0}.css-scope-panel-features .dot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.css-scope-panel-features .dot-grid span{aspect-ratio:1;border-radius:14px;background:rgba(199,99,60,.12);display:grid;place-items:center;font-weight:950;color:var(--terracotta)}.css-scope-panel-features .dot-grid span:nth-child(2n){background:rgba(38,50,72,.1);color:var(--navy)}.css-scope-panel-features .category-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.css-scope-panel-features .category-pill-row span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,250,243,.72);border-radius:999px;padding:9px 13px;color:var(--muted);font-weight:950}.css-scope-panel-features .category-pill-row span:first-child{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.css-scope-panel-features .feature-cluster{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.css-scope-panel-features .feature-tile{border:1px solid var(--line);background:rgba(255,250,243,.74);border-radius:28px;padding:23px;height:100%;box-shadow:0 14px 34px rgba(55,38,23,.052);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.css-scope-panel-features .feature-tile:hover{transform:translateY(-6px);border-color:rgba(199,99,60,.42);box-shadow:var(--shadow-sm)}.css-scope-panel-features .feature-tile i{width:48px;height:48px;border-radius:17px;background:rgba(199,99,60,.12);color:var(--terracotta);display:grid;place-items:center;font-size:1.22rem;margin-bottom:16px}.css-scope-panel-features .feature-tile h3{font-size:1.04rem;font-weight:950;margin-bottom:9px}.css-scope-panel-features .feature-tile p{color:var(--muted);font-size:.9rem;line-height:1.92;margin-bottom:14px}.css-scope-panel-features .feature-tile .tag{display:inline-flex;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.5);padding:5px 9px;color:var(--muted);font-size:.75rem;font-weight:900}.css-scope-panel-features .workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.css-scope-panel-features .workflow-card{position:relative;border:1px solid var(--line);background:rgba(255,250,243,.78);border-radius:30px;padding:26px;height:100%;overflow:hidden}.css-scope-panel-features .workflow-card::before{content:attr(data-step);position:absolute;top:-10px;left:18px;font-size:4.6rem;font-weight:950;line-height:1;color:rgba(199,99,60,.08)}.css-scope-panel-features .workflow-card h3{font-weight:950;font-size:1.15rem}.css-scope-panel-features .workflow-card p{color:var(--muted);line-height:1.95}.css-scope-panel-features .flow-points{display:grid;gap:10px;margin-top:16px}.css-scope-panel-features .flow-points span{display:flex;gap:8px;color:var(--muted);font-size:.9rem}.css-scope-panel-features .flow-points span::before{content:"•";color:var(--terracotta);font-weight:950}.css-scope-panel-features .compare-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}.css-scope-panel-features .scenario-list{display:grid;gap:12px}.css-scope-panel-features .scenario-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;border:1px solid var(--line);background:rgba(255,250,243,.72);border-radius:22px;padding:16px}.css-scope-panel-features .scenario-item i{width:42px;height:42px;border-radius:15px;background:rgba(199,99,60,.12);color:var(--terracotta);display:grid;place-items:center}.css-scope-panel-features .scenario-item h3{font-size:1rem;font-weight:950;margin-bottom:4px}.css-scope-panel-features .scenario-item p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.8}.css-scope-panel-features .stacked-card{border:1px solid var(--line);background:rgba(255,250,243,.76);border-radius:32px;padding:28px;box-shadow:0 16px 42px rgba(55,38,23,.065)}.css-scope-panel-features .stacked-card .big-number{font-size:4.2rem;font-weight:950;letter-spacing:-.08em;color:var(--terracotta);line-height:1}.css-scope-panel-features .stacked-card p{color:var(--muted);line-height:1.95}.css-scope-panel-features .mini-check-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.css-scope-panel-features .mini-check-list li{display:flex;gap:9px;color:var(--muted);font-weight:850}.css-scope-panel-features .mini-check-list li::before{content:"✓";color:var(--success);font-weight:950}
    @media (max-width:1199.98px){.css-scope-panel-features .pricing-ladder{grid-template-columns:repeat(4,1fr)}.css-scope-panel-features .feature-cluster{grid-template-columns:repeat(3,1fr)}.css-scope-panel-features .factor-strip{grid-template-columns:repeat(3,1fr)}}/* Hero layout stability fix: prevent blank space in desktop hero */
    .css-scope-panel-features .hero-layout-new{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:28px;align-items:center}.css-scope-panel-features .hero-layout-new > *{min-width:0}.css-scope-panel-features .hero-copy-new{max-width:720px}.css-scope-panel-features .hero-side-card{display:block;min-width:0;position:relative;z-index:2}.css-scope-panel-features .seo-hero .hero-copy-new,.css-scope-panel-features .seo-hero .hero-side-card{opacity:1!important;visibility:visible!important;transform:none!important}.css-scope-panel-features .seo-hero .hero-side-card *{opacity:1!important;visibility:visible!important}
    @media (max-width:1199.98px){.css-scope-panel-features .hero-layout-new{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}}/* Enhanced modern section polish */
    .css-scope-panel-features .ladder-card,.css-scope-panel-features .feature-tile,.css-scope-panel-features .choice-card,.css-scope-panel-features .workflow-card,.css-scope-panel-features .faq-card,.css-scope-panel-features .scenario-item,.css-scope-panel-features .stacked-card,.css-scope-panel-features .soft-panel{transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease}.css-scope-panel-features .ladder-card:hover,.css-scope-panel-features .feature-tile:hover,.css-scope-panel-features .choice-card:hover,.css-scope-panel-features .workflow-card:hover,.css-scope-panel-features .faq-card:hover,.css-scope-panel-features .scenario-item:hover,.css-scope-panel-features .stacked-card:hover{transform:translateY(-6px);box-shadow:0 26px 54px rgba(55,38,23,.10);border-color:rgba(199,99,60,.28)}.css-scope-panel-features .section-header-rich{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px;align-items:stretch;margin-bottom:28px}.css-scope-panel-features .section-copy-card{position:relative;border:1px solid rgba(223,208,190,.88);background:linear-gradient(145deg,rgba(255,250,243,.86),rgba(255,255,255,.52));border-radius:30px;padding:26px 28px;box-shadow:0 18px 42px rgba(55,38,23,.055);overflow:hidden}.css-scope-panel-features .section-copy-card::after{content:"";position:absolute;inset:auto -24px -34px auto;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle,rgba(199,99,60,.12),transparent 68%)}.css-scope-panel-features .section-copy-card .lead-soft{margin-bottom:0}.css-scope-panel-features .header-side-panel{position:relative;border:1px solid rgba(223,208,190,.95);background:linear-gradient(145deg,rgba(255,250,243,.98),rgba(245,236,225,.72));border-radius:30px;padding:22px;box-shadow:0 22px 56px rgba(55,38,23,.08);overflow:hidden;height:100%}.css-scope-panel-features .header-side-panel::before{content:"";position:absolute;inset:-64px auto auto -52px;width:160px;height:160px;border-radius:50%;background:rgba(199,99,60,.08)}.css-scope-panel-features .panel-eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 12px;background:rgba(199,99,60,.10);color:var(--terracotta-2);font-size:.78rem;font-weight:950}.css-scope-panel-features .panel-heading{font-size:1.15rem;font-weight:950;margin:14px 0 8px}.css-scope-panel-features .panel-text{color:var(--muted);font-size:.92rem;line-height:1.95;margin-bottom:16px}.css-scope-panel-features .panel-stack{display:grid;gap:10px}.css-scope-panel-features .panel-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 13px;border:1px solid var(--line);background:rgba(255,255,255,.58);border-radius:18px}.css-scope-panel-features .panel-row i{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(199,99,60,.12);color:var(--terracotta);font-size:1rem}.css-scope-panel-features .panel-row strong{display:block;font-size:.96rem;font-weight:950}.css-scope-panel-features .panel-row small{display:block;color:var(--muted);font-weight:800;line-height:1.7}.css-scope-panel-features .row-state{display:inline-flex;align-items:center;justify-content:center;min-width:60px;border-radius:999px;padding:6px 10px;background:rgba(115,122,93,.12);color:var(--olive);font-size:.74rem;font-weight:950}.css-scope-panel-features .row-state.hot{background:rgba(199,99,60,.12);color:var(--terracotta-2)}.css-scope-panel-features .panel-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.css-scope-panel-features .panel-mini{border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:18px;padding:12px;text-align:center}.css-scope-panel-features .panel-mini b{display:block;font-size:1.05rem;font-weight:950;line-height:1.2}.css-scope-panel-features .panel-mini span{display:block;color:var(--muted);font-size:.76rem;font-weight:850;margin-top:4px}.css-scope-panel-features .section-tipbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.css-scope-panel-features .section-tipbar span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.52);border-radius:999px;padding:7px 11px;color:var(--muted);font-size:.78rem;font-weight:900}.css-scope-panel-features .section-tipbar i{color:var(--terracotta)}.css-scope-panel-features .soft-panel table thead th{background:rgba(199,99,60,.06);font-weight:950;white-space:nowrap}.css-scope-panel-features .soft-panel table tbody tr:hover td{background:rgba(255,250,243,.62)}
    @media (max-width:991.98px){.css-scope-panel-features .section-header-rich{grid-template-columns:1fr}.css-scope-panel-features .panel-mini-grid{grid-template-columns:repeat(3,1fr)}}
    @media (max-width:575.98px){.css-scope-panel-features .section-copy-card,.css-scope-panel-features .header-side-panel{padding:20px}.css-scope-panel-features .panel-row{grid-template-columns:auto 1fr}.css-scope-panel-features .row-state{grid-column:2}.css-scope-panel-features .panel-mini-grid{grid-template-columns:1fr}}
    @media (max-width:991.98px){.css-scope-panel-features .hero-layout-new,.css-scope-panel-features .section-header-wide,.css-scope-panel-features .compare-grid,.css-scope-panel-features .cta-grid{grid-template-columns:1fr}.css-scope-panel-features .pricing-ladder{grid-template-columns:repeat(2,1fr)}.css-scope-panel-features .feature-cluster{grid-template-columns:repeat(2,1fr)}.css-scope-panel-features .choice-grid,.css-scope-panel-features .workflow{grid-template-columns:1fr}.css-scope-panel-features .number-orbit{min-height:280px}.css-scope-panel-features .modern-table{overflow-x:auto}.css-scope-panel-features .hero-metrics{grid-template-columns:1fr}.css-scope-panel-features .dashboard-grid{grid-template-columns:1fr}.css-scope-panel-features .factor-strip{grid-template-columns:repeat(2,1fr)}}
    @media (max-width:575.98px){.css-scope-panel-features .seo-hero{padding:62px 0 48px}.css-scope-panel-features .pricing-ladder,.css-scope-panel-features .feature-cluster,.css-scope-panel-features .factor-strip{grid-template-columns:1fr}.css-scope-panel-features .hero-copy-new h1{font-size:2.35rem}.css-scope-panel-features .orbit-chip{position:relative;inset:auto!important;margin:5px}.css-scope-panel-features .number-orbit{display:flex;flex-wrap:wrap;min-height:auto;gap:8px;justify-content:center}.css-scope-panel-features .orbit-ring{display:none}.css-scope-panel-features .core-number{width:100%;height:auto;min-height:150px}.css-scope-panel-features .footer-form{flex-direction:column}.css-scope-panel-features .cta-grid{padding:26px}.css-scope-panel-features .hero-side-card{padding:18px}}/* Creative distinct redesign: panel-features as dark command center + asymmetrical bento */
    .css-scope-panel-features .feature-os-section{position:relative;overflow:hidden;background:
      radial-gradient(circle at 12% 10%,rgba(199,99,60,.26),transparent 30%),
      radial-gradient(circle at 92% 18%,rgba(230,173,75,.16),transparent 28%),
      linear-gradient(135deg,#201713 0%,#2b211d 50%,#15110f 100%);color:#fffaf3}.css-scope-panel-features .feature-os-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 92%);pointer-events:none}.css-scope-panel-features .feature-os-section .container-wide{position:relative;z-index:1}.css-scope-panel-features .feature-os-section .hero-kicker{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#f7d7c5;box-shadow:none}.css-scope-panel-features .feature-os-head{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;align-items:end;margin-bottom:30px}.css-scope-panel-features .feature-os-head h2{color:#fffaf3;font-size:clamp(2rem,4vw,4.3rem);line-height:1.22;letter-spacing:-.055em;font-weight:950;margin:18px 0 14px;max-width:760px}.css-scope-panel-features .feature-os-head p{color:rgba(255,250,243,.72);line-height:2;max-width:810px}.css-scope-panel-features .os-mini-stats{display:grid;gap:10px}.css-scope-panel-features .os-mini-stats span{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.12);padding:11px 0;color:rgba(255,250,243,.70);font-weight:850}.css-scope-panel-features .os-mini-stats b{color:#fffaf3;font-size:1.5rem;font-weight:950}.css-scope-panel-features .feature-os-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start}.css-scope-panel-features .feature-command-rail{position:sticky;top:98px;border-inline-start:4px solid rgba(199,99,60,.85);padding-inline-start:20px}.css-scope-panel-features .feature-command-rail h3{font-size:1.05rem;font-weight:950;margin-bottom:12px;color:#fffaf3}.css-scope-panel-features .command-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.10);color:rgba(255,250,243,.72)}.css-scope-panel-features .command-item i{color:#f0a37e;font-size:1.1rem}.css-scope-panel-features .command-item strong{display:block;color:#fffaf3;font-weight:950;font-size:.95rem}.css-scope-panel-features .command-item small{display:block;line-height:1.75;font-weight:760}.css-scope-panel-features .feature-bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(132px,auto);gap:14px}.css-scope-panel-features .feature-block{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.065);border-radius:28px;padding:22px;min-height:132px;box-shadow:0 24px 58px rgba(0,0,0,.18);transition:transform .24s ease,border-color .24s ease,background .24s ease}.css-scope-panel-features .feature-block:hover{transform:translateY(-7px);border-color:rgba(240,163,126,.35);background:rgba(255,255,255,.09)}.css-scope-panel-features .feature-block::after{content:"";position:absolute;inset:auto -34px -54px auto;width:130px;height:130px;border-radius:50%;background:rgba(240,163,126,.08)}.css-scope-panel-features .feature-block i{position:relative;z-index:1;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:16px;background:rgba(240,163,126,.14);color:#ffc4a8;font-size:1.15rem;margin-bottom:14px}.css-scope-panel-features .feature-block h3{position:relative;z-index:1;color:#fffaf3;font-size:1.08rem;font-weight:950;margin-bottom:9px}.css-scope-panel-features .feature-block p{position:relative;z-index:1;color:rgba(255,250,243,.70);line-height:1.85;margin:0;font-size:.91rem}.css-scope-panel-features .feature-block .tag{position:relative;z-index:1;display:inline-flex;margin-top:14px;color:#ffd6c5;background:rgba(240,163,126,.10);border:1px solid rgba(240,163,126,.18);border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:950}.css-scope-panel-features .feature-block.xl{grid-column:span 4;grid-row:span 2;background:linear-gradient(135deg,rgba(199,99,60,.36),rgba(255,255,255,.07))}.css-scope-panel-features .feature-block.tall{grid-column:span 2;grid-row:span 2}.css-scope-panel-features .feature-block.wide{grid-column:span 3}.css-scope-panel-features .feature-block.small{grid-column:span 2}.css-scope-panel-features .workflow-runway{position:relative;overflow:hidden;background:#fffaf3}.css-scope-panel-features .workflow-runway::before{content:"";position:absolute;right:0;left:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(199,99,60,.28),transparent)}.css-scope-panel-features .runway-head{position:relative;z-index:1;text-align:center;max-width:830px;margin:0 auto 38px}.css-scope-panel-features .runway-head .lead-soft{max-width:760px;margin-inline:auto}.css-scope-panel-features .runway-track{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-block:1px solid rgba(223,208,190,.85)}.css-scope-panel-features .runway-step{position:relative;padding:34px 28px;min-height:280px;border-inline-end:1px solid rgba(223,208,190,.85);background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,250,243,.10))}.css-scope-panel-features .runway-step:last-child{border-inline-end:0}.css-scope-panel-features .runway-step::before{content:attr(data-step);display:block;direction:ltr;font-size:4rem;line-height:1;font-weight:950;color:rgba(199,99,60,.12);margin-bottom:12px}.css-scope-panel-features .runway-step h3{font-size:1.18rem;font-weight:950;margin-bottom:10px}.css-scope-panel-features .runway-step p{color:var(--muted);line-height:1.95}.css-scope-panel-features .runway-step .flow-points{margin-top:18px}
    @media (max-width:991.98px){.css-scope-panel-features .feature-os-head,.css-scope-panel-features .feature-os-layout{grid-template-columns:1fr}.css-scope-panel-features .feature-command-rail{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:0}.css-scope-panel-features .feature-command-rail h3{grid-column:1/-1}.css-scope-panel-features .feature-bento{grid-template-columns:repeat(2,1fr)}.css-scope-panel-features .feature-block,.css-scope-panel-features .feature-block.xl,.css-scope-panel-features .feature-block.tall,.css-scope-panel-features .feature-block.wide,.css-scope-panel-features .feature-block.small{grid-column:auto;grid-row:auto}.css-scope-panel-features .runway-track{grid-template-columns:1fr}.css-scope-panel-features .runway-step{border-inline-end:0;border-bottom:1px solid rgba(223,208,190,.85)}.css-scope-panel-features .runway-step:last-child{border-bottom:0}
    }
    @media (max-width:575.98px){.css-scope-panel-features .feature-command-rail{grid-template-columns:1fr}.css-scope-panel-features .feature-bento{grid-template-columns:1fr}.css-scope-panel-features .feature-os-head h2{font-size:2.15rem}.css-scope-panel-features .runway-step{padding:26px 20px}
    }/* Panel feature card heading layout */
.css-scope-panel-features .dash-widget .card-title-text{font-size:.96rem;font-weight:950;margin:0 0 12px;color:inherit}.css-scope-panel-features .feature-command-rail .card-title-text{font-size:1.05rem;font-weight:950;margin-bottom:12px;color:#fffaf3}.css-scope-panel-features .feature-block .card-title-text{position:relative;z-index:1;color:#fffaf3;font-size:1.08rem;font-weight:950;margin-bottom:9px}.css-scope-panel-features .scenario-item .card-title-text{font-size:1rem;font-weight:950;margin-bottom:4px;color:var(--ink)}/* panel-features selection guide redesign - visual grid only, SEO text and links preserved */
.css-scope-panel-features .feature-selector-section{position:relative;overflow:hidden;background:
  radial-gradient(circle at 12% 18%,rgba(199,99,60,.12),transparent 26%),
  radial-gradient(circle at 86% 6%,rgba(230,173,75,.10),transparent 24%),
  linear-gradient(180deg,#fffaf3,#fbf1e4)}.css-scope-panel-features .feature-selector-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(199,99,60,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(199,99,60,.032) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;mask-image:linear-gradient(180deg,rgba(0,0,0,.50),transparent 86%)}.css-scope-panel-features .feature-selector-section .container-wide{position:relative;z-index:1}.css-scope-panel-features .feature-selector-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:34px;align-items:center}.css-scope-panel-features .feature-selector-copy{position:relative;padding:8px 0}.css-scope-panel-features .feature-selector-copy .section-title{max-width:560px;line-height:1.35}.css-scope-panel-features .feature-selector-copy .lead-soft{max-width:590px;line-height:2.05}.css-scope-panel-features .selector-note{display:flex;align-items:flex-start;gap:10px;margin-top:18px;max-width:560px;border:1px solid rgba(199,99,60,.16);background:rgba(255,255,255,.56);border-radius:22px;padding:14px 16px;color:var(--muted);line-height:1.9;font-weight:850;box-shadow:0 18px 46px rgba(55,38,23,.055)}.css-scope-panel-features .selector-note i{flex:0 0 auto;width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:rgba(199,99,60,.12);color:var(--terracotta)}.css-scope-panel-features .feature-selector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}.css-scope-panel-features .selector-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:206px;padding:22px;border:1px solid rgba(223,208,190,.92);border-radius:30px;background:rgba(255,255,255,.70);box-shadow:0 24px 58px rgba(55,38,23,.075);text-decoration:none;color:var(--ink);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.css-scope-panel-features .selector-card::before{content:"";position:absolute;inset:auto -42px -58px auto;width:132px;height:132px;border-radius:50%;background:rgba(199,99,60,.075);transition:transform .25s ease,opacity .25s ease}.css-scope-panel-features .selector-card:hover{transform:translateY(-5px);border-color:rgba(199,99,60,.34);box-shadow:0 30px 72px rgba(55,38,23,.12);background:#fffaf3;color:var(--ink)}.css-scope-panel-features .selector-card:hover::before{transform:scale(1.16);opacity:.95}.css-scope-panel-features .selector-icon{position:relative;z-index:1;width:46px;height:46px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(199,99,60,.14),rgba(230,173,75,.12));color:var(--terracotta);font-size:1.14rem;margin-bottom:14px}.css-scope-panel-features .selector-label{position:absolute;top:22px;left:22px;z-index:1;display:inline-flex;align-items:center;border:1px solid rgba(199,99,60,.13);background:rgba(255,250,243,.68);color:var(--muted);border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:950}.css-scope-panel-features .selector-card strong{position:relative;z-index:1;display:block;font-size:1.08rem;font-weight:950;line-height:1.65;margin:0 0 8px;color:var(--ink)}.css-scope-panel-features .selector-card p{position:relative;z-index:1;color:var(--muted);line-height:1.9;margin:0 0 18px;font-weight:780;font-size:.92rem}.css-scope-panel-features .selector-link{position:relative;z-index:1;margin-top:auto;display:inline-flex;align-items:center;gap:7px;color:var(--terracotta-2);font-weight:950;font-size:.84rem}.css-scope-panel-features .selector-link i{font-size:1rem;transition:transform .22s ease}.css-scope-panel-features .selector-card:hover .selector-link i{transform:translateX(-4px)}
@media (max-width:1199.98px){.css-scope-panel-features .feature-selector-layout{grid-template-columns:1fr;gap:24px}.css-scope-panel-features .feature-selector-copy{text-align:center}.css-scope-panel-features .feature-selector-copy .section-title,.css-scope-panel-features .feature-selector-copy .lead-soft,.css-scope-panel-features .selector-note{margin-inline:auto}.css-scope-panel-features .selector-note{text-align:start}.css-scope-panel-features .feature-selector-grid{max-width:900px;margin-inline:auto}}
@media (max-width:767.98px){.css-scope-panel-features .feature-selector-grid{grid-template-columns:1fr}.css-scope-panel-features .selector-card{min-height:auto}.css-scope-panel-features .feature-selector-section{padding-top:54px;padding-bottom:54px}}
@media (max-width:575.98px){.css-scope-panel-features .selector-card{border-radius:24px;padding:20px}.css-scope-panel-features .selector-label{position:relative;top:auto;left:auto;align-self:flex-start;margin:-2px 0 10px}.css-scope-panel-features .selector-icon{margin-bottom:10px}}


/*============================================================ Service line page Root scope: .css-scope-service-line ============================================================*/

/* Service line page - aligned with Relax warm theme */
.css-scope-service-line .service-line-hero{
  position:relative;
  padding:118px 0 84px;
  overflow:hidden;
  background:
    radial-gradient(circle at 9% 8%, rgba(199,99,60,.12), transparent 32%),
    radial-gradient(circle at 92% 0%, rgba(230,173,75,.12), transparent 30%),
    linear-gradient(180deg, rgba(255,250,243,.58), rgba(247,241,232,.96));
}.css-scope-service-line .service-line-hero:before{
  content:"";
  position:absolute;
  inset:auto -12% -150px auto;
  width:480px;
  height:480px;
  border-radius:50%;
  background:rgba(199,99,60,.10);
  filter:blur(6px);
  pointer-events:none;
}.css-scope-service-line .service-line-hero:after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.38;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(36,32,29,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(36,32,29,.035) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg, black, transparent 76%);
}.css-scope-service-line .service-line-hero .container-wide{position:relative;z-index:1}.css-scope-service-line .breadcrumb-soft{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--muted);
  font-weight:850;
  font-size:.92rem;
}.css-scope-service-line .breadcrumb-soft a{color:var(--terracotta-2)}.css-scope-service-line .breadcrumb-soft i{font-size:.74rem;color:var(--muted-2)}.css-scope-service-line .service-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
  gap:42px;
  align-items:center;
}.css-scope-service-line .service-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 13px;
  border:1px solid rgba(199,99,60,.22);
  background:rgba(255,250,243,.78);
  color:var(--terracotta-2);
  border-radius:999px;
  font-size:.88rem;
  font-weight:900;
  box-shadow:0 10px 24px rgba(55,38,23,.04);
}.css-scope-service-line .service-kicker i{color:var(--terracotta)}.css-scope-service-line .service-hero-copy h1{
  max-width:800px;
  margin:18px 0 18px;
  font-size:clamp(2.25rem,4.8vw,4.55rem);
  line-height:1.24;
  letter-spacing:-.055em;
  font-weight:950;
  color:var(--ink);
}.css-scope-service-line .service-hero-copy .lead-soft{max-width:680px}.css-scope-service-line .service-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}.css-scope-service-line .service-hero-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  max-width:720px;
  margin-top:18px;
  padding:13px 16px;
  border:1px solid rgba(199,99,60,.18);
  border-radius:22px;
  background:rgba(255,250,243,.58);
  color:var(--muted);
  line-height:1.8;
}.css-scope-service-line .service-hero-note i{color:var(--terracotta);margin-top:4px}.css-scope-service-line .service-hero-card{
  position:relative;
  padding:26px;
  border-radius:34px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,250,243,.88), rgba(255,255,255,.54));
  box-shadow:var(--shadow);
  overflow:hidden;
}.css-scope-service-line .service-hero-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg, var(--terracotta), rgba(230,173,75,.55), transparent);
}.css-scope-service-line .service-hero-card:after{
  content:"";
  position:absolute;
  left:-70px;
  bottom:-90px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:rgba(38,50,72,.055);
  pointer-events:none;
}.css-scope-service-line .service-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}.css-scope-service-line .service-card-head span{
  color:var(--muted);
  font-weight:900;
  font-size:.9rem;
}.css-scope-service-line .service-card-head strong{
  color:var(--ink);
  font-size:1.18rem;
  font-weight:950;
}.css-scope-service-line .service-use-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}.css-scope-service-line .service-use-list span{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:58px;
  padding:12px 13px;
  border-radius:20px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(36,32,29,.08);
  color:var(--ink);
  font-weight:900;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}.css-scope-service-line .service-use-list span:hover{
  transform:translateY(-3px);
  border-color:rgba(199,99,60,.26);
  background:rgba(255,250,243,.96);
  box-shadow:0 16px 34px rgba(55,38,23,.07);
}.css-scope-service-line .service-use-list i{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:14px;
  background:rgba(199,99,60,.11);
  color:var(--terracotta);
}.css-scope-service-line .service-hero-mini{
  position:relative;
  z-index:1;
  margin-top:18px;
  padding:17px 18px;
  border-radius:24px;
  background:linear-gradient(135deg,var(--navy),#20283a);
  color:#fff;
  box-shadow:0 20px 42px rgba(38,50,72,.15);
}.css-scope-service-line .service-hero-mini b{display:block;margin-bottom:5px;font-weight:950}.css-scope-service-line .service-hero-mini span{display:block;color:rgba(255,255,255,.80);line-height:1.85}.css-scope-service-line .service-line-quick-strip{position:relative;z-index:5;margin-top:-32px}.css-scope-service-line .service-line-quick-inner{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:10px;
  border:1px solid rgba(223,208,190,.88);
  border-radius:28px;
  background:rgba(255,250,243,.88);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow-sm);
}.css-scope-service-line .service-line-quick-inner a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:50px;
  padding:11px 13px;
  border-radius:20px;
  color:var(--muted);
  font-weight:900;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}.css-scope-service-line .service-line-quick-inner a:hover{
  background:rgba(199,99,60,.09);
  color:var(--ink);
  transform:translateY(-2px);
}.css-scope-service-line .service-line-quick-inner i{color:var(--terracotta);font-size:1.05rem}.css-scope-service-line .service-overview-shell,.css-scope-service-line .docs-layout,.css-scope-service-line .split-card-service{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:28px;
  align-items:center;
  padding:32px;
  border-radius:34px;
  background:linear-gradient(180deg, rgba(255,250,243,.82), rgba(255,255,255,.48));
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  position:relative;
  overflow:hidden;
}.css-scope-service-line .service-overview-shell:before,.css-scope-service-line .docs-layout:before,.css-scope-service-line .split-card-service:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--terracotta),rgba(230,173,75,.45),transparent 72%);
}.css-scope-service-line .overview-points{display:grid;gap:13px}.css-scope-service-line .overview-points article{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:4px 13px;
  align-items:start;
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(36,32,29,.08);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}.css-scope-service-line .overview-points article:hover{
  transform:translateY(-3px);
  border-color:rgba(199,99,60,.22);
  box-shadow:0 16px 34px rgba(55,38,23,.055);
}.css-scope-service-line .overview-points i{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:14px;
  background:rgba(199,99,60,.10);
  color:var(--terracotta);
  margin-top:3px;
}.css-scope-service-line .overview-points strong{display:block;color:var(--ink);font-weight:950}.css-scope-service-line .overview-points span{display:block;color:var(--muted);line-height:1.85}.css-scope-service-line .service-compare-table{
  overflow:auto;
  border-radius:30px;
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  background:rgba(255,250,243,.76);
}.css-scope-service-line .service-compare-table table{
  width:100%;
  min-width:860px;
  border-collapse:separate;
  border-spacing:0;
}.css-scope-service-line .service-compare-table th,.css-scope-service-line .service-compare-table td{
  padding:17px 18px;
  border-bottom:1px solid rgba(36,32,29,.085);
  border-left:1px solid rgba(36,32,29,.055);
  line-height:1.85;
  vertical-align:top;
}.css-scope-service-line .service-compare-table th:last-child,.css-scope-service-line .service-compare-table td:last-child{border-left:0}.css-scope-service-line .service-compare-table th{
  position:sticky;
  top:0;
  z-index:2;
  background:linear-gradient(180deg,#2b3447,var(--navy));
  color:#fff;
  font-weight:950;
  white-space:nowrap;
}.css-scope-service-line .service-compare-table th:first-child{border-top-right-radius:29px}.css-scope-service-line .service-compare-table th:last-child{border-top-left-radius:29px}.css-scope-service-line .service-compare-table td:first-child{
  position:sticky;
  right:0;
  z-index:1;
  min-width:150px;
  font-weight:950;
  color:var(--ink);
  background:linear-gradient(90deg, rgba(255,250,243,.98), rgba(255,250,243,.86));
}.css-scope-service-line .service-compare-table tbody tr{
  transition:background .18s ease;
}.css-scope-service-line .service-compare-table tbody tr:hover{
  background:rgba(199,99,60,.045);
}.css-scope-service-line .service-compare-table tr:last-child td{border-bottom:0}.css-scope-service-line .section-header-wide{
  max-width:890px;
  margin-bottom:28px;
}.css-scope-service-line .rules-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}.css-scope-service-line .rules-grid article{
  position:relative;
  min-height:218px;
  padding:23px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,250,243,.84),rgba(255,255,255,.48));
  border:1px solid var(--line);
  box-shadow:0 14px 36px rgba(55,38,23,.055);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
  overflow:hidden;
}.css-scope-service-line .rules-grid article:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--terracotta),rgba(230,173,75,.5),transparent 70%);
}.css-scope-service-line .rules-grid article:after{
  content:"";
  position:absolute;
  inset:auto auto -52px -52px;
  width:130px;
  height:130px;
  border-radius:50%;
  background:rgba(38,50,72,.045);
}.css-scope-service-line .rules-grid article:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-sm);
  border-color:rgba(199,99,60,.32);
}.css-scope-service-line .rules-grid article span{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:16px;
  background:rgba(199,99,60,.10);
  color:var(--terracotta-2);
  font-weight:950;
  margin-bottom:17px;
}.css-scope-service-line .rules-grid article h3{
  position:relative;
  z-index:1;
  font-size:1.04rem;
  font-weight:950;
  color:var(--ink);
  margin-bottom:10px;
}.css-scope-service-line .rules-grid article p{
  position:relative;
  z-index:1;
  margin:0;
  color:var(--muted);
  line-height:1.9;
}.css-scope-service-line .docs-copy .btn{margin-top:12px}.css-scope-service-line .docs-checklist{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}.css-scope-service-line .docs-checklist div{
  display:flex;
  gap:12px;
  align-items:center;
  min-height:76px;
  padding:15px;
  border-radius:22px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(36,32,29,.08);
  font-weight:900;
  color:var(--ink);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}.css-scope-service-line .docs-checklist div:hover{
  transform:translateY(-3px);
  border-color:rgba(199,99,60,.24);
  box-shadow:0 14px 30px rgba(55,38,23,.06);
}.css-scope-service-line .docs-checklist i{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:14px;
  background:rgba(199,99,60,.10);
  color:var(--terracotta);
}.css-scope-service-line .process-timeline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  counter-reset:step;
}.css-scope-service-line .process-timeline article{
  position:relative;
  min-height:230px;
  padding:24px;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(255,250,243,.84),rgba(255,255,255,.50));
  border:1px solid var(--line);
  box-shadow:0 14px 36px rgba(55,38,23,.055);
  overflow:hidden;
}.css-scope-service-line .process-timeline article:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,rgba(199,99,60,.72),rgba(230,173,75,.42),transparent 70%);
}.css-scope-service-line .process-timeline article span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:18px;
  background:var(--navy);
  color:#fff;
  font-weight:950;
  margin-bottom:16px;
  box-shadow:0 14px 30px rgba(38,50,72,.18);
}.css-scope-service-line .process-timeline article h3{
  font-size:1.1rem;
  font-weight:950;
  margin-bottom:10px;
  color:var(--ink);
}.css-scope-service-line .process-timeline article p{color:var(--muted);line-height:1.9;margin:0}.css-scope-service-line .content-examples-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}.css-scope-service-line .content-example-card{
  position:relative;
  padding:29px;
  border-radius:32px;
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  background:linear-gradient(180deg,rgba(255,250,243,.84),rgba(255,255,255,.48));
  overflow:hidden;
}.css-scope-service-line .content-example-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--sage),rgba(115,122,93,.35),transparent 70%);
}.css-scope-service-line .content-example-card.is-bad:before{
  background:linear-gradient(90deg,var(--terracotta),rgba(199,99,60,.35),transparent 70%);
}.css-scope-service-line .content-example-card h2{
  font-size:1.45rem;
  font-weight:950;
  margin:18px 0;
  color:var(--ink);
}.css-scope-service-line .content-example-card ul{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}.css-scope-service-line .content-example-card li{
  position:relative;
  padding-right:26px;
  color:var(--muted);
  line-height:1.9;
}.css-scope-service-line .content-example-card li:before{
  content:"";
  position:absolute;
  right:0;
  top:13px;
  width:9px;
  height:9px;
  border-radius:99px;
  background:var(--sage);
}.css-scope-service-line .content-example-card.is-bad li:before{background:var(--terracotta)}.css-scope-service-line .service-option-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}.css-scope-service-line .service-option-grid article{
  min-height:190px;
  padding:22px;
  border-radius:26px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(36,32,29,.08);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}.css-scope-service-line .service-option-grid article:hover{
  transform:translateY(-4px);
  border-color:rgba(199,99,60,.26);
  box-shadow:0 16px 34px rgba(55,38,23,.06);
}.css-scope-service-line .service-option-grid i{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:17px;
  background:rgba(199,99,60,.10);
  color:var(--terracotta);
  font-size:1.32rem;
  margin-bottom:14px;
}.css-scope-service-line .service-option-grid h3{font-size:1.1rem;font-weight:950;color:var(--ink)}.css-scope-service-line .service-option-grid p{color:var(--muted);line-height:1.85;margin:0}.css-scope-service-line .service-line-faq .accordion-item{
  border:1px solid var(--line);
  border-radius:22px!important;
  overflow:hidden;
  margin-bottom:12px;
  box-shadow:0 12px 34px rgba(55,38,23,.05);
  background:rgba(255,250,243,.76);
}.css-scope-service-line .service-line-faq .accordion-button{
  font-weight:950;
  background:rgba(255,250,243,.78);
  color:var(--ink);
  box-shadow:none;
}.css-scope-service-line .service-line-faq .accordion-button:not(.collapsed){
  background:linear-gradient(180deg,rgba(255,250,243,.96),rgba(242,216,201,.34));
  color:var(--terracotta-2);
}.css-scope-service-line .service-line-faq .accordion-body{
  color:var(--muted);
  line-height:1.95;
  background:rgba(255,255,255,.38);
}.css-scope-service-line .service-line-final-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding:32px;
  border-radius:34px;
  background:linear-gradient(135deg,#2b2824,#44362f);
  color:#fff;
  box-shadow:0 28px 90px rgba(36,32,29,.16);
  position:relative;
  overflow:hidden;
}.css-scope-service-line .service-line-final-cta:before{
  content:"";
  position:absolute;
  inset:-46% auto auto -13%;
  width:420px;
  height:420px;
  border-radius:50%;
  background:rgba(199,99,60,.30);
  filter:blur(14px);
}.css-scope-service-line .service-line-final-cta:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);
}.css-scope-service-line .service-line-final-cta>*{position:relative;z-index:1}.css-scope-service-line .service-line-final-cta span{display:inline-block;color:#ffd7c3;font-weight:950;margin-bottom:10px}.css-scope-service-line .service-line-final-cta h2{
  font-weight:950;
  font-size:clamp(1.4rem,2.4vw,2.15rem);
  line-height:1.65;
  margin-bottom:8px;
}.css-scope-service-line .service-line-final-cta p{margin:0;color:rgba(255,255,255,.78);line-height:1.9}.css-scope-service-line .service-line-final-cta .btn-outline-soft{border-color:rgba(255,255,255,.35);color:#fff!important;background:rgba(255,255,255,.08)}.css-scope-service-line .service-line-final-cta .btn-outline-soft:hover{background:#fff;color:var(--ink)!important}

@media (max-width:1199.98px){.css-scope-service-line .rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.css-scope-service-line .process-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.css-scope-service-line .service-hero-grid{grid-template-columns:1fr}.css-scope-service-line .service-hero-card{max-width:760px}.css-scope-service-line .service-line-quick-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991.98px){.css-scope-service-line .service-line-hero{padding:104px 0 58px}.css-scope-service-line .service-overview-shell,.css-scope-service-line .docs-layout,.css-scope-service-line .split-card-service,.css-scope-service-line .service-line-final-cta{grid-template-columns:1fr}.css-scope-service-line .service-line-final-cta .d-flex{justify-content:flex-start!important}.css-scope-service-line .docs-checklist{grid-template-columns:1fr}.css-scope-service-line .content-examples-grid{grid-template-columns:1fr}.css-scope-service-line .service-option-grid{grid-template-columns:1fr}.css-scope-service-line .service-line-quick-strip{margin-top:-22px}
}
@media (max-width:575.98px){.css-scope-service-line .service-line-hero{padding:92px 0 42px}.css-scope-service-line .service-hero-copy h1{font-size:2rem}.css-scope-service-line .service-hero-actions .btn,.css-scope-service-line .service-line-final-cta .btn{width:100%;justify-content:center}.css-scope-service-line .rules-grid,.css-scope-service-line .process-timeline,.css-scope-service-line .service-line-quick-inner{grid-template-columns:1fr}.css-scope-service-line .service-overview-shell,.css-scope-service-line .docs-layout,.css-scope-service-line .split-card-service,.css-scope-service-line .service-line-final-cta,.css-scope-service-line .service-hero-card{padding:20px;border-radius:26px}.css-scope-service-line .service-compare-table table{min-width:760px}.css-scope-service-line .service-use-list{grid-template-columns:1fr}.css-scope-service-line .service-use-list span{font-size:.92rem}.css-scope-service-line .service-line-quick-inner a{min-height:44px}
}/* Service line SEO expansion and internal link sections */
.css-scope-service-line .service-line-quick-inner{grid-template-columns:repeat(5,minmax(0,1fr))}.css-scope-service-line .service-blacklist-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);gap:28px;align-items:center;padding:32px;border-radius:34px;background:linear-gradient(180deg,rgba(255,250,243,.86),rgba(255,255,255,.52));border:1px solid var(--line);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.css-scope-service-line .service-blacklist-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--terracotta),rgba(230,173,75,.46),transparent 70%)}.css-scope-service-line .blacklist-points{display:grid;gap:14px}.css-scope-service-line .blacklist-points article{display:grid;grid-template-columns:auto 1fr;gap:5px 13px;align-items:start;padding:18px;border-radius:24px;background:rgba(255,255,255,.6);border:1px solid rgba(36,32,29,.08)}.css-scope-service-line .blacklist-points i{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:16px;background:rgba(199,99,60,.10);color:var(--terracotta)}.css-scope-service-line .blacklist-points article:first-child i{background:rgba(66,122,85,.10);color:var(--success)}.css-scope-service-line .blacklist-points strong{font-weight:950;color:var(--ink)}.css-scope-service-line .blacklist-points span{color:var(--muted);line-height:1.85}.css-scope-service-line .service-inline-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.css-scope-service-line .service-inline-links a{display:inline-flex;align-items:center;border:1px solid rgba(199,99,60,.22);background:rgba(255,250,243,.72);border-radius:999px;padding:8px 12px;color:var(--terracotta-2);font-weight:950;text-decoration:none}.css-scope-service-line .service-inline-links a:hover{background:rgba(199,99,60,.1);color:var(--terracotta)}.css-scope-service-line .service-compare-table a,.css-scope-service-line .split-card-service a,.css-scope-service-line .process-timeline a{color:var(--terracotta-2);font-weight:950;text-decoration:none;border-bottom:1px dashed rgba(199,99,60,.38)}.css-scope-service-line .service-compare-table a:hover,.css-scope-service-line .split-card-service a:hover,.css-scope-service-line .process-timeline a:hover{border-bottom-style:solid;color:var(--terracotta)}.css-scope-service-line .sample-message-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.css-scope-service-line .sample-message-grid article{position:relative;padding:22px;border-radius:28px;background:linear-gradient(180deg,rgba(255,250,243,.86),rgba(255,255,255,.56));border:1px solid var(--line);box-shadow:0 14px 36px rgba(55,38,23,.055);overflow:hidden}.css-scope-service-line .sample-message-grid article:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,rgba(66,122,85,.74),rgba(199,99,60,.38),transparent 70%)}.css-scope-service-line .sample-message-grid i{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:rgba(66,122,85,.1);color:var(--success);font-size:1.2rem;margin-bottom:13px}.css-scope-service-line .sample-message-grid h3{font-size:1.05rem;font-weight:950;color:var(--ink);margin-bottom:8px}.css-scope-service-line .sample-message-grid p{margin:0;color:var(--muted);line-height:1.9;font-weight:780}.css-scope-service-line .service-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.css-scope-service-line .service-related-grid a{display:grid;grid-template-columns:auto 1fr;gap:5px 13px;align-items:start;padding:20px;border-radius:26px;background:linear-gradient(180deg,rgba(255,250,243,.82),rgba(255,255,255,.56));border:1px solid var(--line);box-shadow:0 13px 34px rgba(55,38,23,.05);text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.css-scope-service-line .service-related-grid a:hover{transform:translateY(-4px);border-color:rgba(199,99,60,.28);box-shadow:var(--shadow-sm)}.css-scope-service-line .service-related-grid i{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:rgba(199,99,60,.10);color:var(--terracotta);font-size:1.15rem}.css-scope-service-line .service-related-grid strong{color:var(--ink);font-weight:950}.css-scope-service-line .service-related-grid span{color:var(--muted);line-height:1.8;font-weight:780}
@media (max-width:1199.98px){.css-scope-service-line .service-line-quick-inner{grid-template-columns:repeat(3,minmax(0,1fr))}.css-scope-service-line .sample-message-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.css-scope-service-line .service-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:991.98px){.css-scope-service-line .service-blacklist-card{grid-template-columns:1fr}.css-scope-service-line .service-line-quick-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575.98px){.css-scope-service-line .service-line-quick-inner,.css-scope-service-line .sample-message-grid,.css-scope-service-line .service-related-grid{grid-template-columns:1fr}.css-scope-service-line .service-blacklist-card{padding:20px;border-radius:26px}.css-scope-service-line .service-related-grid a,.css-scope-service-line .sample-message-grid article,.css-scope-service-line .blacklist-points article{border-radius:22px;padding:18px}}

/*------------------------------------------------------------------
  V146 - SEO-safe H1 size unification
  هدف: یکسان شدن اندازه ظاهری H1 همه صفحات با الگوی صفحه اصلی
  بدون تغییر در تگ H1، متن‌ها، متاها، اسکیما، روتینگ یا ساختار هدینگ‌ها.
------------------------------------------------------------------*/
:root{
  --relax-hero-h1-size:clamp(2.1rem,4.25vw,4.05rem);
  --relax-hero-h1-size-lg:clamp(1.95rem,6.1vw,3.2rem);
  --relax-hero-h1-size-md:clamp(1.88rem,7.6vw,2.55rem);
  --relax-hero-h1-size-sm:clamp(1.78rem,8.2vw,2.12rem);
  --relax-hero-h1-size-xs:1.9rem;
}
.home-hero-copy h1.display-title,
.page-hero h1.display-title,
.hero-variant h1.display-title,
.sms-guides-hero-copy h1.display-title,
.seo-hero .hero-copy-new h1,
.service-line-hero .service-hero-copy h1,
.css-scope-line-pricing .hero-copy-new h1,
.css-scope-panel-features .hero-copy-new h1,
.css-scope-service-line .service-hero-copy h1{
  max-width:860px;
  font-size:var(--relax-hero-h1-size);
  line-height:1.32;
  letter-spacing:-.035em;
  text-wrap:balance;
  overflow-wrap:break-word;
}
.home-hero-copy h1.display-title{
  max-width:780px;
}
@media (max-width:991.98px){
  .home-hero-copy h1.display-title,
  .page-hero h1.display-title,
  .hero-variant h1.display-title,
  .sms-guides-hero-copy h1.display-title,
  .seo-hero .hero-copy-new h1,
  .service-line-hero .service-hero-copy h1,
  .css-scope-line-pricing .hero-copy-new h1,
  .css-scope-panel-features .hero-copy-new h1,
  .css-scope-service-line .service-hero-copy h1{
    font-size:var(--relax-hero-h1-size-lg);
    line-height:1.38;
    letter-spacing:-.03em;
  }
}
@media (max-width:767.98px){
  .home-hero-copy h1.display-title,
  .page-hero h1.display-title,
  .hero-variant h1.display-title,
  .sms-guides-hero-copy h1.display-title,
  .seo-hero .hero-copy-new h1,
  .service-line-hero .service-hero-copy h1,
  .css-scope-line-pricing .hero-copy-new h1,
  .css-scope-panel-features .hero-copy-new h1,
  .css-scope-service-line .service-hero-copy h1{
    font-size:var(--relax-hero-h1-size-md);
    line-height:1.43;
    letter-spacing:-.024em;
  }
}
@media (max-width:575.98px){
  .home-hero-copy h1.display-title,
  .page-hero h1.display-title,
  .hero-variant h1.display-title,
  .sms-guides-hero-copy h1.display-title,
  .seo-hero .hero-copy-new h1,
  .service-line-hero .service-hero-copy h1,
  .css-scope-line-pricing .hero-copy-new h1,
  .css-scope-panel-features .hero-copy-new h1,
  .css-scope-service-line .service-hero-copy h1{
    font-size:var(--relax-hero-h1-size-sm);
    line-height:1.48;
    letter-spacing:-.018em;
  }
}
@media (max-width:420px){
  .home-hero-copy h1.display-title,
  .page-hero h1.display-title,
  .hero-variant h1.display-title,
  .sms-guides-hero-copy h1.display-title,
  .seo-hero .hero-copy-new h1,
  .service-line-hero .service-hero-copy h1,
  .css-scope-line-pricing .hero-copy-new h1,
  .css-scope-panel-features .hero-copy-new h1,
  .css-scope-service-line .service-hero-copy h1{
    font-size:var(--relax-hero-h1-size-xs);
    line-height:1.5;
  }
}


/*------------------------------------------------------------------
  LBA Stage 4 - dedicated location-based SMS page and panel teaser
  All page rules are scoped to avoid affecting current pages.
------------------------------------------------------------------*/
.css-scope-lba-sms{--lba-map:#efe5d7;--lba-map-line:rgba(115,122,93,.23);--lba-card:rgba(255,250,243,.82);position:relative;isolation:isolate}
.css-scope-lba-sms section[id]{scroll-margin-top:116px}
.css-scope-lba-sms .lba-hero{position:relative;padding:58px 0 72px;overflow:hidden}
.css-scope-lba-sms .lba-hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;left:-240px;top:-270px;background:radial-gradient(circle,rgba(199,99,60,.15),transparent 68%);pointer-events:none}
.css-scope-lba-sms .lba-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-270px;bottom:-330px;background:radial-gradient(circle,rgba(230,173,75,.18),transparent 70%);pointer-events:none}
.css-scope-lba-sms .lba-breadcrumb{margin-bottom:28px;position:relative;z-index:2}
.css-scope-lba-sms .lba-breadcrumb a,.css-scope-lba-sms .lba-breadcrumb span{font-weight:850}
.css-scope-lba-sms .lba-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:48px;align-items:center;position:relative;z-index:1}
.css-scope-lba-sms .lba-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(199,99,60,.22);background:rgba(255,250,243,.74);border-radius:999px;padding:8px 13px;color:var(--terracotta-2);font-size:.86rem;font-weight:950;box-shadow:0 8px 22px rgba(55,38,23,.04)}
.css-scope-lba-sms .lba-kicker i{font-size:1rem}
.css-scope-lba-sms .lba-hero-copy h1{font-size:var(--relax-hero-h1-size);line-height:1.32;letter-spacing:-.035em;font-weight:800;max-width:830px;margin:20px 0 18px;text-wrap:balance}
.css-scope-lba-sms .lba-hero-lead{font-size:1.08rem;color:var(--ink);font-weight:720;line-height:2.05;margin-bottom:10px;max-width:790px}
.css-scope-lba-sms .lba-hero-support{color:var(--muted);font-weight:720;line-height:1.95;max-width:760px}
.css-scope-lba-sms .lba-hero-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;max-width:690px}
.css-scope-lba-sms .lba-hero-points span{display:flex;align-items:center;gap:9px;border:1px solid rgba(36,32,29,.09);background:rgba(255,250,243,.64);border-radius:17px;padding:11px 13px;color:var(--muted);font-weight:850}
.css-scope-lba-sms .lba-hero-points i{color:var(--terracotta);font-size:1.08rem}
.css-scope-lba-sms .lba-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}
.css-scope-lba-sms .lba-action-note{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:.88rem;font-weight:720;margin:15px 4px 0}
.css-scope-lba-sms .lba-action-note i{color:var(--sage);margin-top:5px}
.css-scope-lba-sms .lba-map-console{position:relative;border:1px solid rgba(36,32,29,.12);background:linear-gradient(150deg,rgba(255,250,243,.94),rgba(247,241,232,.82));border-radius:34px;padding:20px;box-shadow:0 28px 80px rgba(55,38,23,.14);overflow:hidden}
.css-scope-lba-sms .lba-map-console:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.55),transparent 36%);pointer-events:none}
.css-scope-lba-sms .lba-console-head,.css-scope-lba-sms .lba-console-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}
.css-scope-lba-sms .lba-console-title{display:block;font-weight:950;color:var(--ink)}
.css-scope-lba-sms .lba-console-head small{display:block;color:var(--muted);font-weight:750;margin-top:2px}
.css-scope-lba-sms .lba-live-status{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(66,122,85,.23);background:rgba(66,122,85,.09);color:var(--success);border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900}
.css-scope-lba-sms .lba-live-status i,.css-scope-lba-sms .lba-dashboard-head>span i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(66,122,85,.12)}
.css-scope-lba-sms .lba-map-stage{height:350px;margin:18px 0 13px;border:1px solid rgba(36,32,29,.08);border-radius:26px;position:relative;overflow:hidden;background:linear-gradient(25deg,transparent 48%,rgba(115,122,93,.08) 49%,rgba(115,122,93,.08) 51%,transparent 52%),linear-gradient(115deg,transparent 46%,rgba(199,99,60,.07) 47%,rgba(199,99,60,.07) 49%,transparent 50%),var(--lba-map)}
.css-scope-lba-sms .lba-map-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.46) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.46) 1px,transparent 1px);background-size:38px 38px;opacity:.72}
.css-scope-lba-sms .lba-road{position:absolute;height:9px;border-radius:999px;background:rgba(255,255,255,.8);box-shadow:0 0 0 1px rgba(36,32,29,.04);transform-origin:center;z-index:1}
.css-scope-lba-sms .lba-road-a{width:420px;top:85px;right:-45px;transform:rotate(-12deg)}.css-scope-lba-sms .lba-road-b{width:360px;top:210px;left:-40px;transform:rotate(21deg)}.css-scope-lba-sms .lba-road-c{width:290px;top:155px;right:65px;transform:rotate(62deg)}.css-scope-lba-sms .lba-road-d{width:270px;bottom:42px;right:40px;transform:rotate(-4deg)}
.css-scope-lba-sms .lba-block{position:absolute;border-radius:11px;background:rgba(255,250,243,.62);border:1px solid rgba(36,32,29,.05);z-index:1}.css-scope-lba-sms .lba-block-a{width:72px;height:47px;right:55px;top:46px}.css-scope-lba-sms .lba-block-b{width:96px;height:58px;left:42px;top:42px}.css-scope-lba-sms .lba-block-c{width:65px;height:80px;left:72px;bottom:54px}.css-scope-lba-sms .lba-block-d{width:82px;height:45px;right:40px;bottom:55px}.css-scope-lba-sms .lba-block-e{width:54px;height:62px;right:145px;top:120px}
.css-scope-lba-sms .lba-zone{position:absolute;width:255px;height:205px;right:95px;top:78px;background:linear-gradient(145deg,rgba(199,99,60,.31),rgba(230,173,75,.22));border:2px solid rgba(199,99,60,.75);clip-path:polygon(15% 8%,86% 0,100% 58%,71% 100%,7% 78%,0 33%);z-index:2;filter:drop-shadow(0 13px 24px rgba(199,99,60,.18));animation:lbaZonePulse 4.6s ease-in-out infinite}
.css-scope-lba-sms .lba-pin{position:absolute;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);color:var(--terracotta);border:1px solid rgba(199,99,60,.26);box-shadow:0 10px 25px rgba(55,38,23,.16);z-index:4}.css-scope-lba-sms .lba-pin-one{right:210px;top:128px}.css-scope-lba-sms .lba-pin-two{right:118px;top:206px;color:var(--sage)}.css-scope-lba-sms .lba-pin-three{right:290px;top:230px;color:var(--mustard)}
.css-scope-lba-sms .lba-signal{position:absolute;border:1px solid rgba(199,99,60,.45);border-radius:50%;z-index:3;animation:lbaSignal 3.4s ease-out infinite}.css-scope-lba-sms .lba-signal-one{width:76px;height:76px;right:190px;top:108px}.css-scope-lba-sms .lba-signal-two{width:64px;height:64px;right:105px;top:193px;animation-delay:1.1s}
.css-scope-lba-sms .lba-map-label{position:absolute;right:25px;bottom:20px;z-index:5;border:1px solid rgba(36,32,29,.09);background:rgba(255,250,243,.9);border-radius:17px;padding:10px 13px;box-shadow:0 10px 24px rgba(55,38,23,.09)}.css-scope-lba-sms .lba-map-label strong,.css-scope-lba-sms .lba-map-label span{display:block}.css-scope-lba-sms .lba-map-label strong{font-size:.88rem;font-weight:950}.css-scope-lba-sms .lba-map-label span{font-size:.73rem;color:var(--muted);font-weight:750}
.css-scope-lba-sms .lba-filter-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;position:absolute;left:35px;top:82px;z-index:7;width:184px}.css-scope-lba-sms .lba-filter-mini span{display:flex;align-items:center;gap:6px;border:1px solid rgba(36,32,29,.09);background:rgba(255,250,243,.91);border-radius:13px;padding:8px;font-size:.72rem;font-weight:850;color:var(--muted);box-shadow:0 8px 18px rgba(55,38,23,.07)}.css-scope-lba-sms .lba-filter-mini i{color:var(--terracotta)}
.css-scope-lba-sms .lba-console-foot{padding:2px 2px 0}.css-scope-lba-sms .lba-console-foot span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.8rem;font-weight:850}.css-scope-lba-sms .lba-console-foot i{color:var(--sage)}
@keyframes lbaZonePulse{0%,100%{transform:scale(1);opacity:.94}50%{transform:scale(1.018);opacity:1}}
@keyframes lbaSignal{0%{transform:scale(.55);opacity:.8}90%,100%{transform:scale(1.35);opacity:0}}
.css-scope-lba-sms .lba-quick-section{padding:0 0 26px;position:relative;z-index:4}
.css-scope-lba-sms .lba-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:-24px}
.css-scope-lba-sms .lba-quick-grid article{display:flex;align-items:center;gap:12px;min-height:84px;border:1px solid var(--line);background:rgba(255,250,243,.93);border-radius:22px;padding:15px 16px;box-shadow:0 14px 34px rgba(55,38,23,.07)}
.css-scope-lba-sms .lba-quick-grid>article>i{width:43px;height:43px;display:grid;place-items:center;border-radius:16px;background:rgba(199,99,60,.11);color:var(--terracotta);font-size:1.15rem;flex:0 0 43px}.css-scope-lba-sms .lba-quick-grid strong,.css-scope-lba-sms .lba-quick-grid span{display:block}.css-scope-lba-sms .lba-quick-grid strong{font-weight:950}.css-scope-lba-sms .lba-quick-grid span{color:var(--muted);font-size:.81rem;font-weight:760;line-height:1.65}
.css-scope-lba-sms .lba-section-copy h2,.css-scope-lba-sms .lba-section-heading h2,.css-scope-lba-sms .lba-faq-aside h2{font-size:clamp(1.75rem,3.3vw,3rem);line-height:1.42;letter-spacing:-.035em;font-weight:800;margin:16px 0 14px;text-wrap:balance}
.css-scope-lba-sms .lba-section-copy>p,.css-scope-lba-sms .lba-section-heading>p,.css-scope-lba-sms .lba-faq-aside>p{color:var(--muted);font-weight:700;line-height:2;max-width:780px}
.css-scope-lba-sms .lba-section-heading{max-width:820px;margin:0 auto 38px;text-align:center}.css-scope-lba-sms .lba-section-heading .lba-kicker{margin-inline:auto}.css-scope-lba-sms .lba-section-heading-wide{max-width:900px}
.css-scope-lba-sms .lba-intro-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.css-scope-lba-sms .lba-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--terracotta-2);font-weight:950;border-bottom:1px dashed rgba(199,99,60,.38);margin-top:8px}.css-scope-lba-sms .lba-text-link:hover{border-bottom-style:solid}
.css-scope-lba-sms .lba-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.css-scope-lba-sms .lba-mode-card,.css-scope-lba-sms .lba-type-card,.css-scope-lba-sms .lba-control-card,.css-scope-lba-sms .lba-usecase-grid article,.css-scope-lba-sms .lba-why-grid article{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,250,243,.87),rgba(255,255,255,.54));border-radius:28px;box-shadow:0 13px 34px rgba(55,38,23,.055);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.css-scope-lba-sms .lba-mode-card:hover,.css-scope-lba-sms .lba-type-card:hover,.css-scope-lba-sms .lba-control-card:hover,.css-scope-lba-sms .lba-usecase-grid article:hover,.css-scope-lba-sms .lba-why-grid article:hover{transform:translateY(-5px);border-color:rgba(199,99,60,.32);box-shadow:var(--shadow-sm)}
.css-scope-lba-sms .lba-mode-card{padding:25px;position:relative;overflow:hidden}.css-scope-lba-sms .lba-mode-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--sage),rgba(115,122,93,.08))}.css-scope-lba-sms .lba-mode-card-live:before{background:linear-gradient(90deg,var(--terracotta),rgba(199,99,60,.08))}
.css-scope-lba-sms .lba-card-icon{width:48px;height:48px;border-radius:17px;background:rgba(199,99,60,.11);color:var(--terracotta);display:grid;place-items:center;font-size:1.25rem;margin-bottom:15px}.css-scope-lba-sms .lba-mode-card-history .lba-card-icon{background:rgba(115,122,93,.11);color:var(--sage)}
.css-scope-lba-sms .lba-mode-card small,.css-scope-lba-sms .lba-type-card small{display:inline-block;color:var(--terracotta-2);font-size:.76rem;font-weight:950;margin-bottom:6px}.css-scope-lba-sms .lba-mode-card h3,.css-scope-lba-sms .lba-type-card h3,.css-scope-lba-sms .lba-control-card h3,.css-scope-lba-sms .lba-usecase-grid h3,.css-scope-lba-sms .lba-why-grid h3{font-size:1.12rem;font-weight:950;line-height:1.65;margin-bottom:8px}.css-scope-lba-sms .lba-mode-card p,.css-scope-lba-sms .lba-type-card p,.css-scope-lba-sms .lba-control-card p,.css-scope-lba-sms .lba-usecase-grid p,.css-scope-lba-sms .lba-why-grid p{color:var(--muted);font-weight:700;line-height:1.9;margin-bottom:0}.css-scope-lba-sms .lba-mode-card ul,.css-scope-lba-sms .lba-control-card ul,.css-scope-lba-sms .lba-usecase-grid ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px}.css-scope-lba-sms .lba-mode-card li,.css-scope-lba-sms .lba-control-card li,.css-scope-lba-sms .lba-usecase-grid li{color:var(--muted);font-size:.86rem;font-weight:820}.css-scope-lba-sms .lba-mode-card li:before,.css-scope-lba-sms .lba-control-card li:before,.css-scope-lba-sms .lba-usecase-grid li:before{content:"✓";color:var(--success);font-weight:950;margin-left:7px}
.css-scope-lba-sms .lba-process-runway{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;position:relative}.css-scope-lba-sms .lba-process-runway:before{content:"";position:absolute;right:8%;left:8%;top:43px;height:2px;background:linear-gradient(90deg,rgba(199,99,60,.18),var(--terracotta),rgba(230,173,75,.55));z-index:0}
.css-scope-lba-sms .lba-process-step{position:relative;z-index:1;border:1px solid var(--line);background:rgba(255,250,243,.88);border-radius:27px;padding:23px;min-height:240px}.css-scope-lba-sms .lba-process-step>i{width:46px;height:46px;border-radius:17px;background:var(--paper-2);border:1px solid rgba(199,99,60,.23);color:var(--terracotta);display:grid;place-items:center;font-size:1.2rem;margin-bottom:21px;box-shadow:0 8px 18px rgba(55,38,23,.06)}.css-scope-lba-sms .lba-step-no{position:absolute;left:17px;top:15px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:950;font-size:.8rem}.css-scope-lba-sms .lba-process-step h3{font-size:1.04rem;font-weight:950;line-height:1.65}.css-scope-lba-sms .lba-process-step p{color:var(--muted);font-size:.91rem;font-weight:700;line-height:1.9;margin-bottom:0}
.css-scope-lba-sms .lba-types-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:15px}.css-scope-lba-sms .lba-type-card{padding:24px;min-height:245px;position:relative;overflow:hidden}.css-scope-lba-sms .lba-type-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;left:-48px;bottom:-55px;background:rgba(230,173,75,.11)}.css-scope-lba-sms .lba-type-card-wide{grid-column:span 2;display:grid;grid-template-columns:auto 1fr;gap:17px;align-content:start}.css-scope-lba-sms .lba-type-card-wide .lba-card-icon{grid-row:1/3}.css-scope-lba-sms .lba-type-card-tall{grid-row:span 2;min-height:505px;background:linear-gradient(155deg,rgba(115,122,93,.12),rgba(255,250,243,.92) 52%)}.css-scope-lba-sms .lba-inline-example{display:block;margin-top:18px;padding:13px;border-radius:17px;background:rgba(115,122,93,.09);color:var(--sage);font-size:.84rem;font-weight:850;line-height:1.8}
.css-scope-lba-sms .lba-mid-cta{margin-top:22px;border:1px solid rgba(199,99,60,.2);background:linear-gradient(110deg,rgba(199,99,60,.08),rgba(230,173,75,.08));border-radius:24px;padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:18px}.css-scope-lba-sms .lba-mid-cta strong,.css-scope-lba-sms .lba-mid-cta span{display:block}.css-scope-lba-sms .lba-mid-cta strong{font-weight:950}.css-scope-lba-sms .lba-mid-cta span{color:var(--muted);font-size:.9rem;font-weight:730;margin-top:2px}
.css-scope-lba-sms .lba-filter-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:42px;align-items:center}.css-scope-lba-sms .lba-filter-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}.css-scope-lba-sms .lba-filter-copy-grid article{display:grid;grid-template-columns:auto 1fr;gap:3px 11px;border:1px solid rgba(36,32,29,.08);background:rgba(255,255,255,.46);border-radius:20px;padding:15px}.css-scope-lba-sms .lba-filter-copy-grid i{grid-row:1/3;width:38px;height:38px;border-radius:14px;background:rgba(199,99,60,.1);color:var(--terracotta);display:grid;place-items:center}.css-scope-lba-sms .lba-filter-copy-grid h3{font-size:.94rem;font-weight:950;margin:0}.css-scope-lba-sms .lba-filter-copy-grid p{font-size:.8rem!important;line-height:1.7!important;margin:2px 0 0!important}.css-scope-lba-sms .lba-section-note{display:flex;gap:9px;align-items:flex-start;border:1px dashed rgba(199,99,60,.32);background:rgba(199,99,60,.055);border-radius:18px;padding:12px 14px;font-size:.85rem!important;margin-top:15px}.css-scope-lba-sms .lba-section-note i{color:var(--terracotta);margin-top:5px}
.css-scope-lba-sms .lba-filter-board{border:1px solid var(--line);border-radius:32px;padding:24px;background:rgba(255,250,243,.9);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.css-scope-lba-sms .lba-filter-board:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--terracotta),var(--mustard),var(--sage))}.css-scope-lba-sms .lba-filter-board-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:19px}.css-scope-lba-sms .lba-filter-board-head strong,.css-scope-lba-sms .lba-filter-board-head small{display:block}.css-scope-lba-sms .lba-filter-board-head strong{font-weight:950}.css-scope-lba-sms .lba-filter-board-head small{color:var(--muted);font-size:.8rem;font-weight:750}.css-scope-lba-sms .lba-filter-board-head>i{width:43px;height:43px;border-radius:16px;background:rgba(199,99,60,.1);color:var(--terracotta);display:grid;place-items:center;font-size:1.1rem}.css-scope-lba-sms .lba-filter-row{padding:14px 0;border-top:1px solid rgba(36,32,29,.07)}.css-scope-lba-sms .lba-filter-row>span{display:block;color:var(--muted);font-size:.78rem;font-weight:900;margin-bottom:8px}.css-scope-lba-sms .lba-filter-row>div{display:flex;flex-wrap:wrap;gap:7px}.css-scope-lba-sms .lba-filter-row b{border:1px solid var(--line);background:rgba(255,255,255,.46);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:.77rem;font-weight:850}.css-scope-lba-sms .lba-filter-row b.active{border-color:rgba(199,99,60,.32);background:rgba(199,99,60,.1);color:var(--terracotta-2)}.css-scope-lba-sms .lba-filter-summary{margin-top:10px;padding:14px;border-radius:18px;background:rgba(66,122,85,.08);border:1px solid rgba(66,122,85,.16)}.css-scope-lba-sms .lba-filter-summary span,.css-scope-lba-sms .lba-filter-summary small{display:block}.css-scope-lba-sms .lba-filter-summary span{color:var(--success);font-weight:950}.css-scope-lba-sms .lba-filter-summary small{color:var(--muted);font-weight:720;margin-top:4px}
.css-scope-lba-sms .lba-control-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.css-scope-lba-sms .lba-control-card{padding:30px;overflow:hidden;position:relative}.css-scope-lba-sms .lba-control-card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;left:-110px;bottom:-105px;background:rgba(199,99,60,.08)}.css-scope-lba-sms .lba-control-card-club:before{background:rgba(115,122,93,.1)}.css-scope-lba-sms .lba-control-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.css-scope-lba-sms .lba-state-badge{border:1px solid rgba(199,99,60,.2);background:rgba(199,99,60,.08);color:var(--terracotta-2);border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:950}.css-scope-lba-sms .lba-control-example{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:19px;background:rgba(230,173,75,.09);border:1px solid rgba(230,173,75,.2);color:var(--muted);font-size:.86rem;font-weight:720;line-height:1.8;margin-top:17px}.css-scope-lba-sms .lba-control-example i{color:var(--mustard);margin-top:5px}.css-scope-lba-sms .lba-club-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px;padding:7px;border-radius:18px;background:rgba(36,32,29,.04);border:1px solid rgba(36,32,29,.06)}.css-scope-lba-sms .lba-club-switch span{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-radius:13px;color:var(--muted);font-size:.82rem;font-weight:900}.css-scope-lba-sms .lba-club-switch span.active{background:var(--paper-2);color:var(--success);box-shadow:0 7px 16px rgba(55,38,23,.06)}
.css-scope-lba-sms .lba-campaign-layout{display:grid;grid-template-columns:minmax(440px,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}.css-scope-lba-sms .lba-campaign-dashboard{border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,250,243,.94),rgba(239,227,211,.65));border-radius:32px;padding:25px;box-shadow:var(--shadow-sm)}.css-scope-lba-sms .lba-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.css-scope-lba-sms .lba-dashboard-head strong,.css-scope-lba-sms .lba-dashboard-head small{display:block}.css-scope-lba-sms .lba-dashboard-head strong{font-weight:950}.css-scope-lba-sms .lba-dashboard-head small{color:var(--muted);font-weight:750}.css-scope-lba-sms .lba-dashboard-head>span{display:flex;align-items:center;gap:8px;border:1px solid rgba(66,122,85,.2);background:rgba(66,122,85,.08);color:var(--success);border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:900}.css-scope-lba-sms .lba-dashboard-timeline{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:8px;align-items:center;margin:24px 0 19px}.css-scope-lba-sms .lba-dashboard-timeline span{font-size:.73rem;font-weight:900;color:var(--muted)}.css-scope-lba-sms .lba-dashboard-timeline span.active{color:var(--terracotta)}.css-scope-lba-sms .lba-dashboard-timeline i{height:3px;border-radius:999px;background:linear-gradient(90deg,var(--terracotta),rgba(230,173,75,.45))}.css-scope-lba-sms .lba-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.css-scope-lba-sms .lba-dashboard-grid article{border:1px solid rgba(36,32,29,.08);background:rgba(255,255,255,.5);border-radius:19px;padding:14px}.css-scope-lba-sms .lba-dashboard-grid i{color:var(--terracotta);font-size:1.1rem}.css-scope-lba-sms .lba-dashboard-grid span,.css-scope-lba-sms .lba-dashboard-grid strong{display:block}.css-scope-lba-sms .lba-dashboard-grid span{color:var(--muted);font-size:.72rem;font-weight:850;margin-top:6px}.css-scope-lba-sms .lba-dashboard-grid strong{font-size:.87rem;font-weight:950}.css-scope-lba-sms .lba-capacity-bars{display:grid;gap:7px;margin:19px 0}.css-scope-lba-sms .lba-capacity-bars span{display:block;height:8px;border-radius:999px;background:rgba(36,32,29,.06);overflow:hidden}.css-scope-lba-sms .lba-capacity-bars b{display:block;width:var(--lba-w);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--terracotta),var(--mustard))}.css-scope-lba-sms .lba-dashboard-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(36,32,29,.08);padding-top:15px}.css-scope-lba-sms .lba-dashboard-foot span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.78rem;font-weight:850}.css-scope-lba-sms .lba-dashboard-foot i{color:var(--sage)}.css-scope-lba-sms .lba-campaign-list{display:grid;gap:10px;margin-top:20px}.css-scope-lba-sms .lba-campaign-list article{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start}.css-scope-lba-sms .lba-campaign-list article>span{grid-row:1/3;width:34px;height:34px;border-radius:13px;background:rgba(199,99,60,.1);color:var(--terracotta);display:grid;place-items:center;font-weight:950}.css-scope-lba-sms .lba-campaign-list h3{font-size:.96rem;font-weight:950;margin:0}.css-scope-lba-sms .lba-campaign-list p{color:var(--muted);font-size:.86rem;line-height:1.755;margin:2px 0 0;font-weight:720}
.css-scope-lba-sms .lba-usecase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.css-scope-lba-sms .lba-usecase-grid article{padding:24px}.css-scope-lba-sms .lba-usecase-mini-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.css-scope-lba-sms .lba-usecase-mini-row article{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;border:1px solid var(--line);background:rgba(255,250,243,.7);border-radius:23px;padding:17px}.css-scope-lba-sms .lba-usecase-mini-row i{grid-row:1/3;width:42px;height:42px;border-radius:15px;background:rgba(115,122,93,.1);color:var(--sage);display:grid;place-items:center}.css-scope-lba-sms .lba-usecase-mini-row strong,.css-scope-lba-sms .lba-usecase-mini-row span{display:block}.css-scope-lba-sms .lba-usecase-mini-row strong{font-weight:950}.css-scope-lba-sms .lba-usecase-mini-row span{color:var(--muted);font-size:.82rem;font-weight:720}.css-scope-lba-sms .lba-usecase-link{text-align:center;margin-top:24px}
.css-scope-lba-sms .lba-compare-table-wrap{border:1px solid var(--line);border-radius:30px;overflow:hidden;background:rgba(255,250,243,.88);box-shadow:var(--shadow-sm)}.css-scope-lba-sms .lba-compare-table{width:100%;border-collapse:collapse}.css-scope-lba-sms .lba-compare-table th,.css-scope-lba-sms .lba-compare-table td{padding:17px 19px;text-align:right;border-bottom:1px solid rgba(36,32,29,.07)}.css-scope-lba-sms .lba-compare-table thead th{background:rgba(199,99,60,.08);font-weight:950}.css-scope-lba-sms .lba-compare-table tbody th{font-weight:950;width:22%}.css-scope-lba-sms .lba-compare-table td{color:var(--muted);font-weight:720}.css-scope-lba-sms .lba-compare-table tr:last-child th,.css-scope-lba-sms .lba-compare-table tr:last-child td{border-bottom:0}.css-scope-lba-sms .lba-compare-mobile{display:none}.css-scope-lba-sms .lba-compare-note{display:flex;align-items:flex-start;gap:9px;margin-top:15px;color:var(--muted);font-weight:750}.css-scope-lba-sms .lba-compare-note i{color:var(--terracotta);margin-top:6px}.css-scope-lba-sms .lba-compare-note a{color:var(--terracotta-2);font-weight:950;border-bottom:1px dashed rgba(199,99,60,.36)}
.css-scope-lba-sms .lba-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.css-scope-lba-sms .lba-why-grid article{padding:22px}.css-scope-lba-sms .lba-why-grid article>i{width:43px;height:43px;border-radius:16px;background:rgba(199,99,60,.1);color:var(--terracotta);display:grid;place-items:center;font-size:1.15rem;margin-bottom:13px}
.css-scope-lba-sms .lba-faq-layout{display:grid;grid-template-columns:minmax(270px,.4fr) minmax(0,.6fr);gap:38px;align-items:start}.css-scope-lba-sms .lba-faq-aside{position:sticky;top:118px}.css-scope-lba-sms .lba-faq-aside .btn{margin-top:12px}.css-scope-lba-sms .lba-faq-accordion{display:grid;gap:10px}.css-scope-lba-sms .lba-faq-accordion .accordion-item{border:1px solid var(--line);border-radius:20px!important;overflow:hidden;background:rgba(255,250,243,.82);box-shadow:0 9px 22px rgba(55,38,23,.04)}.css-scope-lba-sms .lba-faq-accordion .accordion-button{background:transparent;color:var(--ink);font-weight:950;line-height:1.75;padding:17px 19px;box-shadow:none}.css-scope-lba-sms .lba-faq-accordion .accordion-button:not(.collapsed){background:rgba(199,99,60,.075);color:var(--terracotta-2)}.css-scope-lba-sms .lba-faq-accordion .accordion-button:focus{box-shadow:inset 0 0 0 3px rgba(199,99,60,.18)}.css-scope-lba-sms .lba-faq-accordion .accordion-body{color:var(--muted);font-weight:720;line-height:2;padding:4px 19px 19px}
.css-scope-lba-sms .lba-final-section{padding-top:70px}.css-scope-lba-sms .lba-final-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;border-radius:36px;padding:38px;background:linear-gradient(135deg,#2b2724,#42352e);color:#fff;box-shadow:0 28px 70px rgba(36,32,29,.22);position:relative;overflow:hidden}.css-scope-lba-sms .lba-final-cta:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;left:-110px;top:-220px;background:radial-gradient(circle,rgba(230,173,75,.35),transparent 67%)}.css-scope-lba-sms .lba-final-cta>div{position:relative;z-index:1}.css-scope-lba-sms .lba-kicker-light{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#f8d9ca}.css-scope-lba-sms .lba-final-cta h2{font-size:clamp(1.7rem,3vw,2.8rem);font-weight:800;line-height:1.45;margin:15px 0 8px}.css-scope-lba-sms .lba-final-cta p{color:rgba(255,255,255,.74);font-weight:700;margin:0}.css-scope-lba-sms .lba-final-cta small{display:flex;align-items:flex-start;gap:7px;color:rgba(255,255,255,.58);font-weight:720;margin-top:11px}.css-scope-lba-sms .lba-final-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.css-scope-lba-sms .lba-final-outline{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.07);color:#fff!important}.css-scope-lba-sms .lba-final-outline:hover{background:rgba(255,255,255,.14)}
.css-scope-lba-sms a:focus-visible,.css-scope-lba-sms button:focus-visible{outline:3px solid rgba(199,99,60,.45);outline-offset:3px}
.css-scope-panel-features .lba-feature-teaser-section{padding:34px 0 78px}.css-scope-panel-features .lba-feature-teaser{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);gap:28px;align-items:center;border:1px solid rgba(199,99,60,.2);background:linear-gradient(135deg,rgba(199,99,60,.08),rgba(255,250,243,.92) 46%,rgba(115,122,93,.08));border-radius:34px;padding:32px;box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.css-scope-panel-features .lba-feature-teaser:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--terracotta),var(--mustard),var(--sage))}.css-scope-panel-features .lba-feature-teaser-copy{position:relative;z-index:2}.css-scope-panel-features .lba-feature-teaser h2{font-size:clamp(1.6rem,3vw,2.65rem);font-weight:800;line-height:1.45;letter-spacing:-.035em;margin:14px 0 10px}.css-scope-panel-features .lba-feature-teaser p{color:var(--muted);font-weight:720;line-height:2;max-width:750px}.css-scope-panel-features .lba-feature-teaser-points{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 22px}.css-scope-panel-features .lba-feature-teaser-points span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(36,32,29,.09);background:rgba(255,250,243,.72);border-radius:999px;padding:7px 11px;color:var(--muted);font-size:.82rem;font-weight:850}.css-scope-panel-features .lba-feature-teaser-points i{color:var(--terracotta)}.css-scope-panel-features .lba-feature-teaser-visual{border:1px solid rgba(36,32,29,.09);background:rgba(255,250,243,.76);border-radius:28px;padding:17px;box-shadow:0 17px 42px rgba(55,38,23,.09)}.css-scope-panel-features .lba-feature-mini-map{height:230px;border-radius:22px;background:linear-gradient(30deg,transparent 48%,rgba(115,122,93,.12) 49%,rgba(115,122,93,.12) 51%,transparent 52%),linear-gradient(120deg,transparent 47%,rgba(199,99,60,.08) 48%,rgba(199,99,60,.08) 50%,transparent 51%),#efe5d7;position:relative;overflow:hidden}.css-scope-panel-features .lba-feature-mini-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:32px 32px}.css-scope-panel-features .lba-feature-zone{position:absolute;width:190px;height:145px;right:55px;top:35px;background:rgba(199,99,60,.25);border:2px solid rgba(199,99,60,.7);clip-path:polygon(18% 2%,90% 14%,100% 72%,62% 100%,5% 78%,0 29%);z-index:2}.css-scope-panel-features .lba-feature-mini-map>i{position:absolute;right:128px;top:87px;z-index:4;color:var(--terracotta);font-size:1.8rem}.css-scope-panel-features .lba-feature-mini-map b{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--sage);z-index:3;box-shadow:0 0 0 7px rgba(115,122,93,.12)}.css-scope-panel-features .lba-feature-mini-map b:nth-of-type(1){right:75px;top:62px}.css-scope-panel-features .lba-feature-mini-map b:nth-of-type(2){right:210px;top:125px}.css-scope-panel-features .lba-feature-mini-map b:nth-of-type(3){right:95px;top:165px}.css-scope-panel-features .lba-feature-mini-status{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.css-scope-panel-features .lba-feature-mini-status span{display:flex;align-items:center;gap:7px;border:1px solid rgba(36,32,29,.07);background:rgba(255,255,255,.5);border-radius:14px;padding:9px;color:var(--muted);font-size:.76rem;font-weight:850}.css-scope-panel-features .lba-feature-mini-status i{color:var(--success)}
@media (max-width:1199.98px){.css-scope-lba-sms .lba-hero-grid{grid-template-columns:minmax(0,1fr) minmax(350px,.88fr);gap:32px}.css-scope-lba-sms .lba-usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.css-scope-lba-sms .lba-types-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.css-scope-lba-sms .lba-type-card-wide{grid-column:span 1;display:block}.css-scope-lba-sms .lba-type-card-tall{grid-row:auto;min-height:245px}.css-scope-lba-sms .lba-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:991.98px){.css-scope-lba-sms .lba-hero{padding-top:44px}.css-scope-lba-sms .lba-hero-grid,.css-scope-lba-sms .lba-intro-layout,.css-scope-lba-sms .lba-filter-layout,.css-scope-lba-sms .lba-campaign-layout,.css-scope-lba-sms .lba-faq-layout{grid-template-columns:1fr}.css-scope-lba-sms .lba-hero-visual{max-width:680px;margin:5px auto 0;width:100%}.css-scope-lba-sms .lba-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.css-scope-lba-sms .lba-process-runway{grid-template-columns:repeat(2,minmax(0,1fr))}.css-scope-lba-sms .lba-process-runway:before{display:none}.css-scope-lba-sms .lba-control-pair{grid-template-columns:1fr}.css-scope-lba-sms .lba-filter-board{max-width:700px;width:100%;margin:auto}.css-scope-lba-sms .lba-campaign-dashboard{max-width:720px;width:100%;margin:auto}.css-scope-lba-sms .lba-faq-aside{position:static}.css-scope-panel-features .lba-feature-teaser{grid-template-columns:1fr}.css-scope-panel-features .lba-feature-teaser-visual{max-width:620px;width:100%;margin:auto}}
@media (max-width:767.98px){.css-scope-lba-sms .section{padding:72px 0}.css-scope-lba-sms .lba-hero-copy h1{font-size:var(--relax-hero-h1-size-md);line-height:1.43}.css-scope-lba-sms .lba-map-stage{height:310px}.css-scope-lba-sms .lba-filter-mini{position:relative;left:auto;top:auto;width:auto;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.css-scope-lba-sms .lba-map-console{padding:16px}.css-scope-lba-sms .lba-mode-grid,.css-scope-lba-sms .lba-types-grid,.css-scope-lba-sms .lba-process-runway,.css-scope-lba-sms .lba-usecase-grid,.css-scope-lba-sms .lba-usecase-mini-row,.css-scope-lba-sms .lba-why-grid{grid-template-columns:1fr}.css-scope-lba-sms .lba-type-card{min-height:0}.css-scope-lba-sms .lba-filter-copy-grid{grid-template-columns:1fr}.css-scope-lba-sms .lba-compare-table-wrap{display:none}.css-scope-lba-sms .lba-compare-mobile{display:grid;gap:10px}.css-scope-lba-sms .lba-compare-mobile article{border:1px solid var(--line);background:rgba(255,250,243,.86);border-radius:20px;padding:16px}.css-scope-lba-sms .lba-compare-mobile strong{font-weight:950}.css-scope-lba-sms .lba-compare-mobile p{margin:7px 0 0;color:var(--muted);font-weight:720}.css-scope-lba-sms .lba-compare-mobile b{color:var(--ink)}.css-scope-lba-sms .lba-final-cta{grid-template-columns:1fr;padding:30px}.css-scope-lba-sms .lba-final-actions{justify-content:flex-start}}
@media (max-width:575.98px){.css-scope-lba-sms .lba-hero{padding:36px 0 58px}.css-scope-lba-sms .lba-hero-copy h1{font-size:var(--relax-hero-h1-size-sm);line-height:1.48}.css-scope-lba-sms .lba-hero-lead{font-size:1rem}.css-scope-lba-sms .lba-hero-points{grid-template-columns:1fr}.css-scope-lba-sms .lba-hero-actions,.css-scope-lba-sms .lba-final-actions{display:grid;grid-template-columns:1fr}.css-scope-lba-sms .lba-hero-actions .btn,.css-scope-lba-sms .lba-final-actions .btn,.css-scope-lba-sms .lba-mid-cta .btn{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center}.css-scope-lba-sms .lba-console-head{align-items:flex-start}.css-scope-lba-sms .lba-live-status{font-size:.7rem}.css-scope-lba-sms .lba-map-stage{height:280px}.css-scope-lba-sms .lba-zone{width:205px;height:165px;right:42px;top:70px}.css-scope-lba-sms .lba-pin-one{right:130px;top:118px}.css-scope-lba-sms .lba-pin-two{right:70px;top:190px}.css-scope-lba-sms .lba-pin-three{right:210px;top:210px}.css-scope-lba-sms .lba-signal-one{right:110px;top:98px}.css-scope-lba-sms .lba-signal-two{right:57px;top:178px}.css-scope-lba-sms .lba-map-label{right:14px;bottom:13px}.css-scope-lba-sms .lba-quick-grid{grid-template-columns:1fr;margin-top:-15px}.css-scope-lba-sms .lba-quick-grid article{min-height:72px}.css-scope-lba-sms .lba-section-copy h2,.css-scope-lba-sms .lba-section-heading h2,.css-scope-lba-sms .lba-faq-aside h2{font-size:1.72rem;line-height:1.5}.css-scope-lba-sms .lba-mode-card,.css-scope-lba-sms .lba-type-card,.css-scope-lba-sms .lba-control-card,.css-scope-lba-sms .lba-usecase-grid article,.css-scope-lba-sms .lba-why-grid article,.css-scope-lba-sms .lba-filter-board,.css-scope-lba-sms .lba-campaign-dashboard{padding:20px;border-radius:24px}.css-scope-lba-sms .lba-mid-cta{display:grid;padding:17px}.css-scope-lba-sms .lba-dashboard-grid{grid-template-columns:1fr}.css-scope-lba-sms .lba-dashboard-foot{display:grid}.css-scope-lba-sms .lba-final-cta{padding:24px;border-radius:28px}.css-scope-lba-sms .lba-faq-accordion .accordion-button{min-height:48px;padding:15px}.css-scope-panel-features .lba-feature-teaser-section{padding:25px 0 62px}.css-scope-panel-features .lba-feature-teaser{padding:21px;border-radius:27px}.css-scope-panel-features .lba-feature-teaser h2{font-size:1.65rem}.css-scope-panel-features .lba-feature-mini-map{height:200px}.css-scope-panel-features .lba-feature-mini-status{grid-template-columns:1fr}}
@media (max-width:420px){.css-scope-lba-sms .lba-hero-copy h1{font-size:var(--relax-hero-h1-size-xs)}.css-scope-lba-sms .lba-map-stage{height:250px}.css-scope-lba-sms .lba-zone{width:175px;height:140px;right:35px}.css-scope-lba-sms .lba-pin-three,.css-scope-lba-sms .lba-signal-two{display:none}.css-scope-lba-sms .lba-map-label span{display:none}}
@media (prefers-reduced-motion:reduce){.css-scope-lba-sms *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.css-scope-lba-sms .lba-zone{animation:none}.css-scope-lba-sms .lba-signal{display:none}}

.css-scope-lba-sms .lba-related-link{margin:24px auto 0;max-width:850px;text-align:center;color:var(--muted);font-weight:750;line-height:2}
.css-scope-lba-sms .lba-related-link a{color:var(--terracotta);font-weight:900;text-decoration:none;border-bottom:1px solid rgba(199,99,60,.28)}
.css-scope-lba-sms .lba-related-link a:hover{color:var(--ink);border-bottom-color:currentColor}


/* LBA Stage 8 — dedicated conversion form */
.css-scope-lba-sms .lba-request-section{position:relative;overflow:hidden;background:linear-gradient(145deg,#312b27 0%,#24201d 58%,#3a3029 100%);color:#fff}
.css-scope-lba-sms .lba-request-section:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-210px;top:-220px;background:radial-gradient(circle,rgba(199,99,60,.34),rgba(199,99,60,0) 68%);pointer-events:none}
.css-scope-lba-sms .lba-request-section:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;left:-210px;bottom:-260px;background:radial-gradient(circle,rgba(115,122,93,.28),rgba(115,122,93,0) 68%);pointer-events:none}
.css-scope-lba-sms .lba-request-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.82fr) minmax(470px,1.18fr);gap:42px;align-items:start}
.css-scope-lba-sms .lba-request-copy{position:sticky;top:112px;padding:24px 4px}
.css-scope-lba-sms .lba-request-copy h2{font-size:clamp(1.85rem,3.3vw,3.15rem);line-height:1.5;font-weight:950;letter-spacing:-.04em;margin:18px 0 14px;color:#fff}
.css-scope-lba-sms .lba-request-copy>p{color:rgba(255,255,255,.74);font-size:1.02rem;font-weight:680;line-height:2.05;margin:0}
.css-scope-lba-sms .lba-request-benefits{display:grid;gap:10px;margin:24px 0}
.css-scope-lba-sms .lba-request-benefits span{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.86);font-weight:820}
.css-scope-lba-sms .lba-request-benefits i{color:#efbd72;font-size:1.05rem}
.css-scope-lba-sms .lba-request-summary{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.065);border-radius:24px;padding:18px;backdrop-filter:blur(12px)}
.css-scope-lba-sms .lba-request-summary-head{display:flex;align-items:center;gap:9px;margin-bottom:13px;color:#fff}.css-scope-lba-sms .lba-request-summary-head i{color:#efbd72}.css-scope-lba-sms .lba-request-summary-head strong{font-weight:950}
.css-scope-lba-sms .lba-request-summary dl{display:grid;gap:8px;margin:0}.css-scope-lba-sms .lba-request-summary dl>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.css-scope-lba-sms .lba-request-summary dl>div:first-child{border-top:0;padding-top:0}
.css-scope-lba-sms .lba-request-summary dt{color:rgba(255,255,255,.55);font-size:.8rem;font-weight:800}.css-scope-lba-sms .lba-request-summary dd{margin:0;color:rgba(255,255,255,.7);font-size:.84rem;font-weight:850;white-space:normal;overflow-wrap:anywhere}.css-scope-lba-sms .lba-request-summary dd.is-filled{color:#fff}
.css-scope-lba-sms .lba-request-contact{display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:#f4cc91;font-weight:850;text-decoration:none;line-height:1.8}.css-scope-lba-sms .lba-request-contact:hover{color:#fff}
.css-scope-lba-sms .lba-request-card{background:#fffaf3;color:var(--ink);border:1px solid rgba(255,255,255,.32);border-radius:32px;padding:28px;box-shadow:0 28px 70px rgba(0,0,0,.26)}
.css-scope-lba-sms .lba-request-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.css-scope-lba-sms .lba-request-card-head h3{width:100%;font-size:1.42rem;font-weight:950;margin:0}.css-scope-lba-sms .lba-request-card-head p{margin:0;color:var(--muted);font-size:.86rem;font-weight:700}.css-scope-lba-sms .lba-request-step{display:inline-flex;align-items:center;border-radius:999px;background:rgba(115,122,93,.12);color:var(--sage);padding:6px 10px;font-size:.72rem;font-weight:950}
.css-scope-lba-sms .lba-request-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px}.css-scope-lba-sms .lba-request-field{min-width:0}.css-scope-lba-sms .lba-request-field-wide{grid-column:1/-1}
.css-scope-lba-sms .lba-request-field>label,.css-scope-lba-sms .lba-request-captcha .form-label{display:block;font-size:.83rem;font-weight:900;margin-bottom:7px;color:var(--ink)}.css-scope-lba-sms .lba-request-field>label>span[aria-hidden]{color:var(--terracotta)}.css-scope-lba-sms .lba-optional{color:var(--muted)!important;font-size:.7rem;font-weight:750;margin-right:4px}
.css-scope-lba-sms .lba-request-form .form-control,.css-scope-lba-sms .lba-request-form .form-select{min-height:48px;border-radius:14px;border:1px solid rgba(36,32,29,.14);background:#fff;color:var(--ink);font-weight:720;box-shadow:none}.css-scope-lba-sms .lba-request-form textarea.form-control{min-height:108px;resize:vertical;line-height:1.9}.css-scope-lba-sms .lba-request-form .form-control:focus,.css-scope-lba-sms .lba-request-form .form-select:focus{border-color:rgba(199,99,60,.72);box-shadow:0 0 0 .22rem rgba(199,99,60,.11)}
.css-scope-lba-sms .lba-request-form .is-valid{border-color:rgba(45,135,85,.68)!important;box-shadow:0 0 0 .16rem rgba(45,135,85,.08)!important}.css-scope-lba-sms .lba-request-form .is-invalid,.css-scope-lba-sms .lba-request-form.was-validated :invalid{border-color:rgba(185,64,64,.64)}
.css-scope-lba-sms .lba-field-help{display:block;color:var(--muted);font-size:.72rem;font-weight:700;margin-top:6px;line-height:1.8}
.css-scope-lba-sms .lba-request-consent{display:flex!important;align-items:flex-start;gap:10px;border:1px solid rgba(36,32,29,.09);background:rgba(255,255,255,.56);border-radius:16px;padding:13px;margin:0!important;line-height:1.85}.css-scope-lba-sms .lba-request-consent input{margin-top:5px;accent-color:var(--terracotta);flex:0 0 auto}.css-scope-lba-sms .lba-request-consent span{color:var(--muted);font-size:.78rem;font-weight:720}.css-scope-lba-sms .lba-request-consent a{color:var(--terracotta);font-weight:900}
.css-scope-lba-sms .lba-request-captcha{margin:0;background:rgba(255,255,255,.46);border:1px solid rgba(36,32,29,.09);border-radius:18px;padding:14px}.css-scope-lba-sms .lba-request-captcha .captcha-row{display:grid;grid-template-columns:138px 42px minmax(120px,1fr);gap:8px;align-items:center}.css-scope-lba-sms .lba-request-captcha .captcha-img{width:138px;height:48px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.css-scope-lba-sms .lba-request-captcha .captcha-refresh{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--terracotta);display:grid;place-items:center}.css-scope-lba-sms .lba-request-captcha .captcha-input{min-width:0;text-align:center;direction:ltr}
.css-scope-lba-sms .lba-request-submit{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:950}.css-scope-lba-sms .lba-request-privacy{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:.72rem;font-weight:720;margin:9px 0 0}.css-scope-lba-sms .lba-request-privacy i{color:var(--success)}
@media (max-width:991.98px){.css-scope-lba-sms .lba-request-shell{grid-template-columns:1fr;gap:22px}.css-scope-lba-sms .lba-request-copy{position:static;padding:0}.css-scope-lba-sms .lba-request-summary{max-width:680px}}
@media (max-width:767.98px){.css-scope-lba-sms .lba-request-card{padding:22px;border-radius:26px}.css-scope-lba-sms .lba-request-fields{grid-template-columns:1fr}.css-scope-lba-sms .lba-request-field-wide{grid-column:auto}}
@media (max-width:575.98px){.css-scope-lba-sms .lba-request-copy h2{font-size:1.72rem}.css-scope-lba-sms .lba-request-card{padding:18px}.css-scope-lba-sms .lba-request-captcha .captcha-row{grid-template-columns:1fr 42px}.css-scope-lba-sms .lba-request-captcha .captcha-img{width:100%}.css-scope-lba-sms .lba-request-captcha .captcha-input{grid-column:1/-1}.css-scope-lba-sms .lba-request-summary dl>div{grid-template-columns:86px minmax(0,1fr)}}

/*------------------------------------------------------------------
  LBA Hero lightweight redesign (2026-07-05)
  Minimal map story, two compositor-friendly animations, no filters or parallax.
------------------------------------------------------------------*/
.css-scope-lba-sms .lba-hero-lite{
  --lba-lite-travel:clamp(145px,25vw,245px);
  position:relative;
  min-height:0;
  padding:26px 0 48px;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(145deg,#f8f2e9 0%,#eee4d7 58%,#f5ede2 100%);
}
.css-scope-lba-sms .lba-hero-lite:before{
  content:"";
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
  border-radius:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.32) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.32) 1px,transparent 1px);
  background-size:54px 54px;
  opacity:.42;
  pointer-events:none;
}
.css-scope-lba-sms .lba-hero-lite:after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-190px;
  bottom:-250px;
  border-radius:50%;
  background:rgba(199,99,60,.08);
  pointer-events:none;
}
.css-scope-lba-sms .lba-lite-shell{position:relative;z-index:1}
.css-scope-lba-sms .lba-lite-breadcrumb{margin-bottom:12px}
.css-scope-lba-sms .lba-lite-layout{
  display:grid;
  grid-template-columns:minmax(370px,.82fr) minmax(500px,1.18fr);
  gap:52px;
  align-items:center;
  min-height:500px;
}
.css-scope-lba-sms .lba-lite-copy{max-width:650px}
.css-scope-lba-sms .lba-lite-copy h1{
  max-width:650px;
  margin:18px 0 14px;
  color:var(--ink);
  font-size:clamp(2.18rem,3.55vw,3.9rem);
  line-height:1.34;
  letter-spacing:-.045em;
  font-weight:950;
  text-wrap:balance;
}
.css-scope-lba-sms .lba-lite-copy .lba-hero-lead{
  max-width:610px;
  margin:0;
  color:var(--muted);
  font-size:1.03rem;
  line-height:2;
  font-weight:760;
}
.css-scope-lba-sms .lba-lite-copy .lba-hero-actions{margin-top:24px}
.css-scope-lba-sms .lba-lite-note{
  display:flex;
  align-items:center;
  gap:8px;
  margin:15px 0 0;
  color:rgba(55,38,23,.68);
  font-size:.78rem;
  line-height:1.8;
  font-weight:780;
}
.css-scope-lba-sms .lba-lite-note i{color:var(--success);font-size:.98rem}
.css-scope-lba-sms .lba-lite-visual{
  position:relative;
  height:470px;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(55,38,23,.11);
  border-radius:34px;
  background:#e9dfd0;
  box-shadow:0 24px 58px rgba(55,38,23,.12);
  contain:layout paint style;
}
.css-scope-lba-sms .lba-lite-map{position:absolute;inset:0;width:100%;height:100%;display:block}
.css-scope-lba-sms .lba-lite-map-land{fill:#e9dfd0}
.css-scope-lba-sms .lba-lite-map-blocks path{fill:rgba(255,250,243,.46);stroke:rgba(55,38,23,.055);stroke-width:1}
.css-scope-lba-sms .lba-lite-map-roads-under path{fill:none;stroke:rgba(178,164,145,.5);stroke-width:20;stroke-linecap:round}
.css-scope-lba-sms .lba-lite-map-roads path{fill:none;stroke:rgba(255,253,249,.88);stroke-width:12;stroke-linecap:round}
.css-scope-lba-sms .lba-lite-zone-shape{fill:rgba(199,99,60,.15);stroke:rgba(199,99,60,.72);stroke-width:2.4;stroke-dasharray:8 7}
.css-scope-lba-sms .lba-lite-entry-route{fill:none;stroke:rgba(55,38,23,.28);stroke-width:2;stroke-dasharray:5 7;stroke-linecap:round}
.css-scope-lba-sms .lba-lite-map-point{fill:#fffaf3;stroke:rgba(115,122,93,.75);stroke-width:3}
.css-scope-lba-sms .lba-lite-map-head{
  position:absolute;
  z-index:5;
  top:16px;
  right:16px;
  left:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  pointer-events:none;
}
.css-scope-lba-sms .lba-lite-map-head>span,
.css-scope-lba-sms .lba-lite-map-head>b{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:6px 11px;
  border:1px solid rgba(55,38,23,.09);
  border-radius:999px;
  background:rgba(255,250,243,.91);
  color:var(--ink);
  font-size:.69rem;
  font-weight:900;
}
.css-scope-lba-sms .lba-lite-map-head>span i{color:var(--terracotta)}
.css-scope-lba-sms .lba-lite-map-head>b{color:var(--success);direction:ltr}
.css-scope-lba-sms .lba-lite-map-head>b i,
.css-scope-lba-sms .lba-lite-chip-live>i{width:7px;height:7px;border-radius:50%;background:currentColor;display:block}
.css-scope-lba-sms .lba-lite-zone-label,
.css-scope-lba-sms .lba-lite-route-start{
  position:absolute;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(55,38,23,.66);
  font-size:.66rem;
  font-weight:850;
}
.css-scope-lba-sms .lba-lite-zone-label{top:98px;right:20%}
.css-scope-lba-sms .lba-lite-zone-label i{color:var(--terracotta)}
.css-scope-lba-sms .lba-lite-route-start{left:8%;bottom:70px}
.css-scope-lba-sms .lba-lite-route-start i{color:var(--sage)}
.css-scope-lba-sms .lba-lite-person{
  position:absolute;
  z-index:6;
  left:10%;
  bottom:82px;
  width:44px;
  height:82px;
  transform-origin:50% 100%;
  will-change:auto;
  animation:lbaLitePersonJourney 9s cubic-bezier(.45,.05,.35,1) infinite paused;
}
.css-scope-lba-sms .lba-lite-person-figure{display:block;width:100%;height:100%;overflow:visible}
.css-scope-lba-sms .lba-lite-person-shadow{fill:rgba(55,38,23,.16)}
.css-scope-lba-sms .lba-lite-person-beacon{fill:rgba(199,99,60,.12)}
.css-scope-lba-sms .lba-lite-person-head,.css-scope-lba-sms .lba-lite-person-neck{fill:#f2c49c}
.css-scope-lba-sms .lba-lite-person-hair{fill:#3d3027}
.css-scope-lba-sms .lba-lite-person-torso{fill:var(--terracotta)}
.css-scope-lba-sms .lba-lite-person-collar{fill:#fff3e4}
.css-scope-lba-sms .lba-lite-person-hip,.css-scope-lba-sms .lba-lite-person-leg{fill:#5a4a42}
.css-scope-lba-sms .lba-lite-person-arm{fill:#6c5b52}
.css-scope-lba-sms .lba-lite-person-phone{fill:#fffaf3;stroke:#5a4a42;stroke-width:.9}
.css-scope-lba-sms .lba-lite-person-shoe{fill:#322824}
.css-scope-lba-sms .lba-lite-target-info{
  position:absolute;
  z-index:7;
  inset:0;
  opacity:0;
  transform:translateY(5px) scale(.985);
  pointer-events:none;
  will-change:auto;
  animation:lbaLiteTargetReveal 9s ease infinite paused;
}
.css-scope-lba-sms .lba-lite-chip{
  position:absolute;
  display:grid;
  grid-template-columns:27px auto;
  grid-template-rows:auto auto;
  column-gap:7px;
  align-items:center;
  min-width:112px;
  padding:8px 10px;
  border:1px solid rgba(55,38,23,.095);
  border-radius:15px;
  background:#fffaf3;
  box-shadow:0 10px 24px rgba(55,38,23,.09);
}
.css-scope-lba-sms .lba-lite-chip>i{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:10px;background:rgba(199,99,60,.1);color:var(--terracotta);font-size:.78rem}
.css-scope-lba-sms .lba-lite-chip>b{color:var(--ink);font-size:.67rem;font-weight:950;line-height:1.3}
.css-scope-lba-sms .lba-lite-chip>small{color:var(--muted);font-size:.59rem;font-weight:780;line-height:1.35}
.css-scope-lba-sms .lba-lite-chip-age{top:91px;left:26%}
.css-scope-lba-sms .lba-lite-chip-gender{top:143px;right:6%}
.css-scope-lba-sms .lba-lite-chip-time{bottom:70px;right:10%}
.css-scope-lba-sms .lba-lite-chip-live{bottom:60px;left:27%;grid-template-columns:12px auto;min-width:132px;color:var(--success)}
.css-scope-lba-sms .lba-lite-chip-live>i{grid-row:1/3;width:8px;height:8px;align-self:center}
.css-scope-lba-sms .lba-lite-chip-live>b{color:var(--success);direction:ltr;text-align:right}
.css-scope-lba-sms .lba-lite-entry-message{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-24%,-50%);
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  background:#302a26;
  color:#fff;
  box-shadow:0 10px 22px rgba(55,38,23,.16);
  font-size:.65rem;
  font-weight:900;
  white-space:nowrap;
}
.css-scope-lba-sms .lba-lite-entry-message i{color:#9bd2ad;font-size:.9rem}
.css-scope-lba-sms .lba-lite-message-sent{
  position:absolute;
  z-index:5;
  right:18px;
  bottom:17px;
  display:flex;
  align-items:center;
  gap:7px;
  color:rgba(55,38,23,.67);
  font-size:.66rem;
  font-weight:850;
}
.css-scope-lba-sms .lba-lite-message-sent i{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;background:rgba(115,122,93,.13);color:var(--sage)}
.css-scope-lba-sms .lba-hero-lite.is-visible .lba-lite-person{animation-play-state:running;will-change:transform}
.css-scope-lba-sms .lba-hero-lite.is-visible .lba-lite-target-info{animation-play-state:running;will-change:transform,opacity}
@keyframes lbaLitePersonJourney{
  0%,10%{transform:translate3d(0,0,0)}
  40%,74%{transform:translate3d(var(--lba-lite-travel),-55px,0)}
  100%{transform:translate3d(0,0,0)}
}
@keyframes lbaLiteTargetReveal{
  0%,30%,88%,100%{opacity:0;transform:translateY(5px) scale(.985)}
  43%,76%{opacity:1;transform:translateY(0) scale(1)}
}
@media (max-width:1199.98px){
  .css-scope-lba-sms .lba-lite-layout{grid-template-columns:minmax(340px,.82fr) minmax(440px,1.18fr);gap:32px}
  .css-scope-lba-sms .lba-lite-visual{height:440px}
  .css-scope-lba-sms .lba-lite-chip-age{left:20%}
}
@media (max-width:991.98px){
  .css-scope-lba-sms .lba-hero-lite{padding:24px 0 42px}
  .css-scope-lba-sms .lba-lite-layout{grid-template-columns:1fr;gap:28px;min-height:0}
  .css-scope-lba-sms .lba-lite-copy{max-width:760px}
  .css-scope-lba-sms .lba-lite-copy h1{max-width:760px}
  .css-scope-lba-sms .lba-lite-visual{width:100%;max-width:760px;height:430px;margin-inline:auto}
}
@media (max-width:767.98px){
  .css-scope-lba-sms .lba-lite-copy h1{font-size:var(--relax-hero-h1-size-md);line-height:1.44}
  .css-scope-lba-sms .lba-lite-visual{height:390px;border-radius:28px}
  .css-scope-lba-sms .lba-lite-chip{min-width:101px;padding:7px 8px}
  .css-scope-lba-sms .lba-lite-chip-age{top:78px;left:14%}
  .css-scope-lba-sms .lba-lite-chip-gender{top:132px;right:4%}
  .css-scope-lba-sms .lba-lite-chip-time{right:5%;bottom:62px}
  .css-scope-lba-sms .lba-lite-chip-live{left:15%;bottom:55px;min-width:122px}
}
@media (max-width:575.98px){
  .css-scope-lba-sms .lba-hero-lite{--lba-lite-travel:clamp(118px,38vw,170px);padding:18px 0 32px}
  .css-scope-lba-sms .lba-lite-breadcrumb{margin-bottom:8px;font-size:.72rem}
  .css-scope-lba-sms .lba-lite-layout{gap:22px}
  .css-scope-lba-sms .lba-lite-copy h1{margin-top:14px;font-size:var(--relax-hero-h1-size-sm);line-height:1.5}
  .css-scope-lba-sms .lba-lite-copy .lba-hero-lead{font-size:.94rem;line-height:1.95}
  .css-scope-lba-sms .lba-lite-copy .lba-hero-actions{display:grid;grid-template-columns:1fr;margin-top:19px}
  .css-scope-lba-sms .lba-lite-copy .lba-hero-actions .btn{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center}
  .css-scope-lba-sms .lba-lite-note{font-size:.71rem;margin-top:12px}
  .css-scope-lba-sms .lba-lite-visual{height:335px;border-radius:24px}
  .css-scope-lba-sms .lba-lite-map-head{top:11px;right:11px;left:11px}
  .css-scope-lba-sms .lba-lite-map-head>span,.css-scope-lba-sms .lba-lite-map-head>b{min-height:30px;padding:5px 9px;font-size:.61rem}
  .css-scope-lba-sms .lba-lite-zone-label{top:69px;right:13%;font-size:.58rem}
  .css-scope-lba-sms .lba-lite-route-start{left:5%;bottom:54px;font-size:.56rem}
  .css-scope-lba-sms .lba-lite-person{left:6%;bottom:56px;transform:scale(.8);transform-origin:50% 100%}
  .css-scope-lba-sms .lba-lite-chip{grid-template-columns:22px auto;min-width:89px;padding:6px 7px;border-radius:12px;column-gap:5px}
  .css-scope-lba-sms .lba-lite-chip>i{width:22px;height:22px;border-radius:8px;font-size:.66rem}
  .css-scope-lba-sms .lba-lite-chip>b{font-size:.58rem}.css-scope-lba-sms .lba-lite-chip>small{font-size:.52rem}
  .css-scope-lba-sms .lba-lite-chip-age{top:64px;left:5%}
  .css-scope-lba-sms .lba-lite-chip-gender{top:108px;right:2%}
  .css-scope-lba-sms .lba-lite-chip-time{right:2%;bottom:49px}
  .css-scope-lba-sms .lba-lite-chip-live{left:4%;bottom:43px;min-width:105px;grid-template-columns:10px auto}
  .css-scope-lba-sms .lba-lite-entry-message{top:50%;left:50%;transform:translate(-13%,-50%);padding:7px 9px;font-size:.55rem}
  .css-scope-lba-sms .lba-lite-message-sent{right:11px;bottom:10px;font-size:.57rem}
  .css-scope-lba-sms .lba-lite-message-sent i{width:25px;height:25px;border-radius:8px}
}
@media (max-width:390px){
  .css-scope-lba-sms .lba-lite-visual{height:315px}
  .css-scope-lba-sms .lba-lite-chip-gender{top:102px}
  .css-scope-lba-sms .lba-lite-entry-message{font-size:.51rem}
}
@media (prefers-reduced-motion:reduce){
  .css-scope-lba-sms .lba-lite-person,
  .css-scope-lba-sms .lba-lite-target-info{animation:none!important;will-change:auto}
  .css-scope-lba-sms .lba-lite-person{transform:translate3d(var(--lba-lite-travel),-55px,0)}
  .css-scope-lba-sms .lba-lite-target-info{opacity:1;transform:none}
}

/* =========================================================
   LBA V174 — full-page UX/UI refinement
   Static, lightweight patterns; no continuous visual effects.
   ========================================================= */
.css-scope-lba-sms .lba-v2-heading-row{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.68fr);
  gap:44px;
  align-items:end;
  margin-bottom:42px;
}
.css-scope-lba-sms .lba-v2-heading-row .lba-section-heading{margin:0;text-align:right;max-width:840px}
.css-scope-lba-sms .lba-v2-heading-row>p{margin:0;color:var(--muted);font-weight:720;line-height:1.95;max-width:520px}
.css-scope-lba-sms .lba-v2-heading-row-center{align-items:center}
.css-scope-lba-sms .lba-v2-heading-row-center .lba-section-heading{max-width:900px}
.css-scope-lba-sms .lba-v2-intro,
.css-scope-lba-sms .lba-v2-types,
.css-scope-lba-sms .lba-v2-audience,
.css-scope-lba-sms .lba-v2-usecases,
.css-scope-lba-sms .lba-v2-why{background:#fffdf9}

/* Intro: one clear definition + joined decision rail */
.css-scope-lba-sms .lba-v2-intro-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:58px;align-items:center}
.css-scope-lba-sms .lba-v2-intro .lba-section-copy{max-width:690px}
.css-scope-lba-sms .lba-v2-definition{
  display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:24px 0 20px;padding:14px 16px;
  border:1px solid rgba(55,38,23,.09);border-radius:18px;background:rgba(250,245,236,.64)
}
.css-scope-lba-sms .lba-v2-definition span,.css-scope-lba-sms .lba-v2-definition strong{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:900;color:var(--ink)}
.css-scope-lba-sms .lba-v2-definition span i{color:var(--terracotta)}
.css-scope-lba-sms .lba-v2-definition>i{color:rgba(55,38,23,.3);font-size:.72rem}
.css-scope-lba-sms .lba-v2-definition strong{padding:7px 10px;border-radius:11px;background:rgba(115,122,93,.12);color:#596047}
.css-scope-lba-sms .lba-v2-mode-rail{
  position:relative;display:grid;grid-template-columns:1fr 46px 1fr;align-items:stretch;
  border:1px solid rgba(55,38,23,.1);border-radius:30px;background:#fffaf3;box-shadow:0 20px 48px rgba(55,38,23,.07);overflow:hidden
}
.css-scope-lba-sms .lba-v2-mode{padding:30px 28px;min-width:0}
.css-scope-lba-sms .lba-v2-mode-live{background:linear-gradient(145deg,rgba(115,122,93,.08),rgba(255,250,243,.2))}
.css-scope-lba-sms .lba-v2-mode-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}
.css-scope-lba-sms .lba-v2-mode-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:rgba(199,99,60,.11);color:var(--terracotta);font-size:1.12rem}
.css-scope-lba-sms .lba-v2-mode-live .lba-v2-mode-icon{background:rgba(115,122,93,.13);color:var(--sage)}
.css-scope-lba-sms .lba-v2-mode-top small{padding:6px 10px;border-radius:999px;background:rgba(55,38,23,.055);color:var(--muted);font-size:.68rem;font-weight:900}
.css-scope-lba-sms .lba-v2-mode h3{font-size:1.05rem;line-height:1.7;margin:0 0 10px;font-weight:950;color:var(--ink)}
.css-scope-lba-sms .lba-v2-mode p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.95;font-weight:700}
.css-scope-lba-sms .lba-v2-mode-use{display:flex;align-items:center;gap:7px;margin-top:18px;color:var(--ink);font-size:.72rem;font-weight:900}
.css-scope-lba-sms .lba-v2-mode-use i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(115,122,93,.13);color:var(--sage)}
.css-scope-lba-sms .lba-v2-mode-divider{position:relative;display:grid;place-items:center}
.css-scope-lba-sms .lba-v2-mode-divider:before{content:"";position:absolute;top:22px;bottom:22px;width:1px;background:rgba(55,38,23,.1)}
.css-scope-lba-sms .lba-v2-mode-divider span{position:relative;z-index:1;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(55,38,23,.1);border-radius:50%;background:#fffaf3;color:var(--muted);font-size:.66rem;font-weight:950}

/* Process: visual rail rather than four isolated cards */
.css-scope-lba-sms .lba-v2-process-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}
.css-scope-lba-sms .lba-v2-process-track:before{content:"";position:absolute;top:30px;right:8%;left:8%;height:2px;background:linear-gradient(90deg,rgba(199,99,60,.22),rgba(115,122,93,.28));z-index:0}
.css-scope-lba-sms .lba-v2-process-track li{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;padding:0 20px;min-width:0}
.css-scope-lba-sms .lba-v2-step-no{position:absolute;top:-7px;right:calc(50% + 20px);z-index:2;color:rgba(55,38,23,.38);font-size:.66rem;font-weight:950}
.css-scope-lba-sms .lba-v2-step-icon{grid-row:1/3;width:60px;height:60px;display:grid;place-items:center;border:7px solid #f7f0e6;border-radius:21px;background:#fffaf3;color:var(--terracotta);box-shadow:0 10px 24px rgba(55,38,23,.07);font-size:1.1rem}
.css-scope-lba-sms .lba-v2-process-track li:nth-child(even) .lba-v2-step-icon{color:var(--sage)}
.css-scope-lba-sms .lba-v2-process-track h3{margin:4px 0 6px;font-size:.91rem;line-height:1.65;font-weight:950;color:var(--ink)}
.css-scope-lba-sms .lba-v2-process-track p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.9;font-weight:700}

/* Scenario groups */
.css-scope-lba-sms .lba-v2-scenario-board{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;align-items:stretch}
.css-scope-lba-sms .lba-v2-scenario-group{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid rgba(55,38,23,.09);border-radius:26px;background:#fffaf3}
.css-scope-lba-sms .lba-v2-scenario-primary{background:linear-gradient(145deg,rgba(199,99,60,.075),#fffaf3 48%);border-color:rgba(199,99,60,.17)}
.css-scope-lba-sms .lba-v2-scenario-group header{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid rgba(55,38,23,.075)}
.css-scope-lba-sms .lba-v2-scenario-icon{flex:0 0 auto;width:43px;height:43px;display:grid;place-items:center;border-radius:15px;background:rgba(199,99,60,.11);color:var(--terracotta)}
.css-scope-lba-sms .lba-v2-scenario-group:nth-child(2) .lba-v2-scenario-icon{background:rgba(230,173,75,.16);color:#a46e15}
.css-scope-lba-sms .lba-v2-scenario-group:nth-child(3) .lba-v2-scenario-icon{background:rgba(115,122,93,.13);color:var(--sage)}
.css-scope-lba-sms .lba-v2-scenario-group header small{display:block;margin-bottom:3px;color:var(--muted);font-size:.64rem;font-weight:900}
.css-scope-lba-sms .lba-v2-scenario-group header h3{margin:0;font-size:.92rem;line-height:1.65;font-weight:950;color:var(--ink)}
.css-scope-lba-sms .lba-v2-scenario-list{display:grid;gap:2px;padding-top:10px}
.css-scope-lba-sms .lba-v2-scenario-list>div{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 5px;border-bottom:1px dashed rgba(55,38,23,.085)}
.css-scope-lba-sms .lba-v2-scenario-list>div:last-child{border-bottom:0}
.css-scope-lba-sms .lba-v2-scenario-list>div>i{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(55,38,23,.055);color:var(--terracotta)}
.css-scope-lba-sms .lba-v2-scenario-list span{min-width:0}
.css-scope-lba-sms .lba-v2-scenario-list strong,.css-scope-lba-sms .lba-v2-scenario-list small{display:block}
.css-scope-lba-sms .lba-v2-scenario-list strong{font-size:.76rem;line-height:1.55;color:var(--ink);font-weight:950}
.css-scope-lba-sms .lba-v2-scenario-list small{margin-top:3px;color:var(--muted);font-size:.65rem;line-height:1.65;font-weight:700}
.css-scope-lba-sms .lba-v2-scenario-list b{align-self:start;padding:4px 7px;border-radius:8px;background:rgba(115,122,93,.1);color:var(--sage);font-size:.58rem;font-weight:950}
.css-scope-lba-sms .lba-v2-scenario-tip{display:flex;align-items:flex-start;gap:8px;margin-top:auto;padding:12px;border-radius:15px;background:rgba(115,122,93,.08);color:var(--muted);font-size:.64rem;line-height:1.75;font-weight:750}
.css-scope-lba-sms .lba-v2-scenario-tip i{color:var(--sage);margin-top:2px}
.css-scope-lba-sms .lba-v2-mid-cta{margin-top:22px;border-radius:20px;box-shadow:none;background:rgba(250,245,236,.72)}

/* Filter builder */
.css-scope-lba-sms .lba-v2-filter-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(520px,1.16fr);gap:58px;align-items:center}
.css-scope-lba-sms .lba-v2-filter-layers{display:grid;gap:4px;margin-top:23px}
.css-scope-lba-sms .lba-v2-filter-layers>div{display:grid;grid-template-columns:22px 38px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px dashed rgba(55,38,23,.09)}
.css-scope-lba-sms .lba-v2-filter-layers>div:last-child{border-bottom:0}
.css-scope-lba-sms .lba-v2-filter-layers>div>span{color:rgba(55,38,23,.35);font-size:.62rem;font-weight:950}
.css-scope-lba-sms .lba-v2-filter-layers>div>i{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#fffaf3;color:var(--terracotta);box-shadow:0 7px 18px rgba(55,38,23,.055)}
.css-scope-lba-sms .lba-v2-filter-layers p{margin:0}
.css-scope-lba-sms .lba-v2-filter-layers strong,.css-scope-lba-sms .lba-v2-filter-layers small{display:block}
.css-scope-lba-sms .lba-v2-filter-layers strong{color:var(--ink);font-size:.78rem;font-weight:950}
.css-scope-lba-sms .lba-v2-filter-layers small{margin-top:2px;color:var(--muted);font-size:.65rem;line-height:1.65;font-weight:700}
.css-scope-lba-sms .lba-v2-filter-builder{padding:22px;border:1px solid rgba(55,38,23,.1);border-radius:28px;background:#fffaf3;box-shadow:0 22px 50px rgba(55,38,23,.07)}
.css-scope-lba-sms .lba-v2-builder-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}
.css-scope-lba-sms .lba-v2-builder-head small,.css-scope-lba-sms .lba-v2-builder-head strong{display:block}
.css-scope-lba-sms .lba-v2-builder-head small{color:var(--muted);font-size:.64rem;font-weight:850}
.css-scope-lba-sms .lba-v2-builder-head strong{margin-top:3px;color:var(--ink);font-size:.92rem;font-weight:950}
.css-scope-lba-sms .lba-v2-builder-head>span{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(115,122,93,.11);color:var(--sage);font-size:.62rem;font-weight:950}
.css-scope-lba-sms .lba-v2-builder-head>span i{width:7px;height:7px;border-radius:50%;background:currentColor}
.css-scope-lba-sms .lba-v2-builder-map{position:relative;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:21px;background-color:#f0eadf;background-image:linear-gradient(rgba(255,255,255,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 1px);background-size:34px 34px}
.css-scope-lba-sms .lba-v2-builder-map:before{content:"";position:absolute;width:190px;height:100px;border:2px dashed rgba(199,99,60,.52);border-radius:50% 43% 49% 45%;background:rgba(199,99,60,.09);transform:rotate(-7deg)}
.css-scope-lba-sms .lba-v2-builder-zone{position:relative;z-index:1;width:45px;height:45px;display:grid;place-items:center;border-radius:16px;background:var(--terracotta);color:#fffaf3;box-shadow:0 10px 24px rgba(199,99,60,.22)}
.css-scope-lba-sms .lba-v2-builder-map>b,.css-scope-lba-sms .lba-v2-builder-map>small{position:relative;z-index:1;display:block}
.css-scope-lba-sms .lba-v2-builder-map>b{margin-top:8px;color:var(--ink);font-size:.74rem;font-weight:950}
.css-scope-lba-sms .lba-v2-builder-map>small{margin-top:3px;color:var(--muted);font-size:.58rem;font-weight:750}
.css-scope-lba-sms .lba-v2-builder-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.css-scope-lba-sms .lba-v2-builder-filters>div{padding:10px;border:1px solid rgba(55,38,23,.075);border-radius:14px;background:rgba(255,255,255,.5)}
.css-scope-lba-sms .lba-v2-builder-filters span,.css-scope-lba-sms .lba-v2-builder-filters b{display:block}
.css-scope-lba-sms .lba-v2-builder-filters span{color:var(--muted);font-size:.57rem;font-weight:800}
.css-scope-lba-sms .lba-v2-builder-filters b{margin-top:3px;color:var(--ink);font-size:.68rem;font-weight:950}
.css-scope-lba-sms .lba-v2-builder-result{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;margin-top:10px;padding:12px;border-radius:17px;background:#3f4435;color:#fffaf3}
.css-scope-lba-sms .lba-v2-result-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.1);font-size:1.02rem}
.css-scope-lba-sms .lba-v2-builder-result small,.css-scope-lba-sms .lba-v2-builder-result strong{display:block}
.css-scope-lba-sms .lba-v2-builder-result small{font-size:.58rem;color:rgba(255,250,243,.7);font-weight:800}
.css-scope-lba-sms .lba-v2-builder-result strong{margin-top:2px;font-size:.72rem;font-weight:950}
.css-scope-lba-sms .lba-v2-builder-result>i{color:#b9dfbd;font-size:1.15rem}

/* Audience control canvas */
.css-scope-lba-sms .lba-v2-audience-canvas{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.css-scope-lba-sms .lba-v2-audience-flow{padding:26px;border:1px solid rgba(55,38,23,.09);border-radius:27px;background:#fffaf3}
.css-scope-lba-sms .lba-v2-audience-flow header{display:flex;align-items:center;gap:13px}
.css-scope-lba-sms .lba-v2-audience-flow header>span{width:45px;height:45px;display:grid;place-items:center;border-radius:15px;background:rgba(199,99,60,.11);color:var(--terracotta)}
.css-scope-lba-sms .lba-v2-audience-club header>span{background:rgba(115,122,93,.13);color:var(--sage)}
.css-scope-lba-sms .lba-v2-audience-flow header small{display:block;color:var(--muted);font-size:.62rem;font-weight:900}
.css-scope-lba-sms .lba-v2-audience-flow header h3{margin:3px 0 0;font-size:.96rem;line-height:1.65;font-weight:950;color:var(--ink)}
.css-scope-lba-sms .lba-v2-flow-line{display:flex;align-items:center;justify-content:center;gap:9px;margin:27px 0;padding:18px 12px;border-radius:19px;background:rgba(250,245,236,.72)}
.css-scope-lba-sms .lba-v2-flow-line>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;min-width:88px}
.css-scope-lba-sms .lba-v2-flow-line>div i{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#fffaf3;color:var(--terracotta);box-shadow:0 7px 18px rgba(55,38,23,.06)}
.css-scope-lba-sms .lba-v2-flow-line>div.decision i{color:#a46e15;background:#fff4d8}
.css-scope-lba-sms .lba-v2-flow-line>div.success i{color:var(--sage);background:#edf1e7}
.css-scope-lba-sms .lba-v2-flow-line>div span{font-size:.62rem;font-weight:900;color:var(--ink)}
.css-scope-lba-sms .lba-v2-flow-line>i{color:rgba(55,38,23,.28)}
.css-scope-lba-sms .lba-v2-audience-flow>p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.8;font-weight:720}
.css-scope-lba-sms .lba-v2-audience-flow>p strong{color:var(--ink)}
.css-scope-lba-sms .lba-v2-club-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:27px 0}
.css-scope-lba-sms .lba-v2-club-choice span{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:15px;border:1px solid rgba(55,38,23,.08);border-radius:17px;background:rgba(250,245,236,.72)}
.css-scope-lba-sms .lba-v2-club-choice span.active{border-color:rgba(115,122,93,.2);background:rgba(115,122,93,.08)}
.css-scope-lba-sms .lba-v2-club-choice i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#fffaf3;color:var(--sage)}
.css-scope-lba-sms .lba-v2-club-choice b{font-size:.7rem;color:var(--ink);font-weight:950}
.css-scope-lba-sms .lba-v2-club-choice small{font-size:.59rem;color:var(--muted);font-weight:700}

/* Campaign console */
.css-scope-lba-sms .lba-v2-campaign-console{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);border:1px solid rgba(55,38,23,.1);border-radius:30px;background:#fffaf3;box-shadow:0 22px 50px rgba(55,38,23,.07);overflow:hidden}
.css-scope-lba-sms .lba-v2-console-main{padding:27px}
.css-scope-lba-sms .lba-v2-console-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.css-scope-lba-sms .lba-v2-console-head small,.css-scope-lba-sms .lba-v2-console-head strong{display:block}
.css-scope-lba-sms .lba-v2-console-head small{color:var(--muted);font-size:.62rem;font-weight:850}
.css-scope-lba-sms .lba-v2-console-head strong{margin-top:3px;color:var(--ink);font-size:.91rem;font-weight:950}
.css-scope-lba-sms .lba-v2-console-head>span{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(115,122,93,.11);color:var(--sage);font-size:.62rem;font-weight:950}
.css-scope-lba-sms .lba-v2-console-head>span i{width:7px;height:7px;border-radius:50%;background:currentColor}
.css-scope-lba-sms .lba-v2-console-timeline{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:12px;align-items:center;margin:28px 0 22px}
.css-scope-lba-sms .lba-v2-console-timeline>div{padding:10px 13px;border:1px solid rgba(55,38,23,.08);border-radius:15px;background:rgba(250,245,236,.65);text-align:center}
.css-scope-lba-sms .lba-v2-console-timeline>div.active{border-color:rgba(199,99,60,.2);background:rgba(199,99,60,.08)}
.css-scope-lba-sms .lba-v2-console-timeline span,.css-scope-lba-sms .lba-v2-console-timeline b{display:block}
.css-scope-lba-sms .lba-v2-console-timeline span{color:var(--muted);font-size:.55rem;font-weight:800}
.css-scope-lba-sms .lba-v2-console-timeline b{margin-top:3px;color:var(--ink);font-size:.66rem;font-weight:950;white-space:nowrap}
.css-scope-lba-sms .lba-v2-console-timeline>i{height:2px;background:rgba(55,38,23,.1)}
.css-scope-lba-sms .lba-v2-volume-chart{padding:17px;border-radius:20px;background:#f5eee3}
.css-scope-lba-sms .lba-v2-chart-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.62rem;font-weight:850}
.css-scope-lba-sms .lba-v2-chart-meta strong{color:var(--ink);font-weight:950}
.css-scope-lba-sms .lba-v2-chart-bars{height:100px;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:12px;margin-top:13px;border-bottom:1px solid rgba(55,38,23,.1)}
.css-scope-lba-sms .lba-v2-chart-bars span{height:var(--h);border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,var(--terracotta),#dd9a78)}
.css-scope-lba-sms .lba-v2-chart-bars span:nth-child(even){background:linear-gradient(180deg,var(--sage),#aab097)}
.css-scope-lba-sms .lba-v2-chart-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:7px;text-align:center;color:var(--muted);font-size:.55rem;font-weight:850}
.css-scope-lba-sms .lba-v2-console-controls{display:grid;margin:0;padding:20px;background:#403c36;color:#fffaf3}
.css-scope-lba-sms .lba-v2-console-controls>div{padding:15px 8px;border-bottom:1px solid rgba(255,250,243,.1)}
.css-scope-lba-sms .lba-v2-console-controls>div:last-child{border-bottom:0}
.css-scope-lba-sms .lba-v2-console-controls dt{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:950}
.css-scope-lba-sms .lba-v2-console-controls dt i{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;background:rgba(255,250,243,.09);color:#f2b58f}
.css-scope-lba-sms .lba-v2-console-controls dd{margin:5px 37px 0 0;color:rgba(255,250,243,.64);font-size:.6rem;font-weight:700}

/* Use-case explorer: click-only, no timers */
.css-scope-lba-sms .lba-v2-usecase-explorer{border:1px solid rgba(55,38,23,.1);border-radius:30px;background:#fffaf3;overflow:hidden;box-shadow:0 20px 48px rgba(55,38,23,.06)}
.css-scope-lba-sms .lba-v2-usecase-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px;border-bottom:1px solid rgba(55,38,23,.08);background:rgba(250,245,236,.72)}
.css-scope-lba-sms .lba-v2-usecase-tabs button{appearance:none;border:0;border-radius:15px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px;font-family:inherit;font-size:.68rem;font-weight:900;cursor:pointer;transition:background-color .18s ease,color .18s ease}
.css-scope-lba-sms .lba-v2-usecase-tabs button:hover{color:var(--ink)}
.css-scope-lba-sms .lba-v2-usecase-tabs button[aria-selected="true"]{background:#fffaf3;color:var(--terracotta);box-shadow:0 7px 18px rgba(55,38,23,.07)}
.css-scope-lba-sms .lba-v2-usecase-tabs button:focus-visible{outline:3px solid rgba(199,99,60,.22);outline-offset:2px}
.css-scope-lba-sms .lba-v2-usecase-panels article{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.74fr);gap:42px;align-items:center;padding:38px}
.css-scope-lba-sms .lba-v2-usecase-panels article[hidden]{display:none}
.css-scope-lba-sms .lba-v2-usecase-copy{position:relative;padding-right:64px}
.css-scope-lba-sms .lba-v2-usecase-number{position:absolute;right:0;top:0;color:rgba(199,99,60,.18);font-size:2.2rem;line-height:1;font-weight:950;direction:ltr}
.css-scope-lba-sms .lba-v2-usecase-copy>small{color:var(--terracotta);font-size:.66rem;font-weight:950}
.css-scope-lba-sms .lba-v2-usecase-copy h3{margin:7px 0 10px;color:var(--ink);font-size:1.24rem;line-height:1.6;font-weight:950}
.css-scope-lba-sms .lba-v2-usecase-copy p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.95;font-weight:700}
.css-scope-lba-sms .lba-v2-usecase-copy ul{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 0;padding:0;list-style:none}
.css-scope-lba-sms .lba-v2-usecase-copy li{padding:7px 10px;border-radius:999px;background:rgba(115,122,93,.09);color:#596047;font-size:.63rem;font-weight:900}
.css-scope-lba-sms .lba-v2-message-preview{position:relative;padding:24px;border-radius:24px;background:#403c36;color:#fffaf3;box-shadow:0 16px 34px rgba(55,38,23,.15)}
.css-scope-lba-sms .lba-v2-message-preview:after{content:"";position:absolute;left:34px;bottom:-11px;border:12px solid transparent;border-top-color:#403c36;border-bottom:0}
.css-scope-lba-sms .lba-v2-message-brand{display:flex;align-items:center;gap:8px;color:#f0b18d;font-size:.62rem;font-weight:950}
.css-scope-lba-sms .lba-v2-message-preview p{margin:15px 0 13px;color:#fffaf3;font-size:.84rem;line-height:1.95;font-weight:800}
.css-scope-lba-sms .lba-v2-message-preview small{display:block;padding-top:11px;border-top:1px solid rgba(255,250,243,.1);color:rgba(255,250,243,.62);font-size:.58rem;font-weight:700}
.css-scope-lba-sms .lba-v2-usecases .lba-related-link{text-align:center;margin:22px 0 0}

/* Decision comparison */
.css-scope-lba-sms .lba-v2-choice-grid{display:grid;grid-template-columns:1fr 54px 1fr;align-items:stretch;margin-bottom:15px}
.css-scope-lba-sms .lba-v2-choice{padding:25px;border:1px solid rgba(55,38,23,.09);border-radius:24px;background:#fffaf3}
.css-scope-lba-sms .lba-v2-choice-lba{border-color:rgba(199,99,60,.18);background:linear-gradient(145deg,rgba(199,99,60,.07),#fffaf3 55%)}
.css-scope-lba-sms .lba-v2-choice>span{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:rgba(55,38,23,.06);color:var(--sage);font-size:1.05rem}
.css-scope-lba-sms .lba-v2-choice-lba>span{background:rgba(199,99,60,.12);color:var(--terracotta)}
.css-scope-lba-sms .lba-v2-choice small{display:block;margin-top:16px;color:var(--muted);font-size:.64rem;font-weight:950}
.css-scope-lba-sms .lba-v2-choice h3{margin:5px 0 8px;color:var(--ink);font-size:1rem;line-height:1.65;font-weight:950}
.css-scope-lba-sms .lba-v2-choice p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.85;font-weight:700}
.css-scope-lba-sms .lba-v2-choice-or{display:grid;place-items:center;color:var(--muted);font-size:.64rem;font-weight:950}
.css-scope-lba-sms .lba-v2-choice-or:before{content:"";position:absolute}
.css-scope-lba-sms .lba-v2-compare-matrix{border:1px solid rgba(55,38,23,.09);border-radius:22px;background:#fffaf3;overflow:hidden}
.css-scope-lba-sms .lba-v2-compare-matrix>div{display:grid;grid-template-columns:.75fr 1.2fr 1.2fr;align-items:center;min-height:54px;border-bottom:1px solid rgba(55,38,23,.075)}
.css-scope-lba-sms .lba-v2-compare-matrix>div:last-child{border-bottom:0}
.css-scope-lba-sms .lba-v2-compare-matrix span,.css-scope-lba-sms .lba-v2-compare-matrix b,.css-scope-lba-sms .lba-v2-compare-matrix strong{padding:12px 17px}
.css-scope-lba-sms .lba-v2-compare-matrix span{color:var(--ink);font-size:.69rem;font-weight:950}
.css-scope-lba-sms .lba-v2-compare-matrix b{color:var(--muted);font-size:.66rem;font-weight:750;border-right:1px solid rgba(55,38,23,.075)}
.css-scope-lba-sms .lba-v2-compare-head{background:#403c36;color:#fffaf3}
.css-scope-lba-sms .lba-v2-compare-head span,.css-scope-lba-sms .lba-v2-compare-head strong{color:#fffaf3;font-size:.66rem;font-weight:950}
.css-scope-lba-sms .lba-v2-compare-head strong{border-right:1px solid rgba(255,250,243,.1)}
.css-scope-lba-sms .lba-v2-compare .lba-compare-note{margin-top:14px}

/* Three meaningful pillars instead of six filler cards */
.css-scope-lba-sms .lba-v2-pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.css-scope-lba-sms .lba-v2-pillar-grid article{position:relative;padding:28px;border:1px solid rgba(55,38,23,.09);border-radius:26px;background:#fffaf3;overflow:hidden}
.css-scope-lba-sms .lba-v2-pillar-grid article>i{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:rgba(199,99,60,.11);color:var(--terracotta);font-size:1.06rem}
.css-scope-lba-sms .lba-v2-pillar-grid article:nth-child(2)>i{background:rgba(230,173,75,.15);color:#9f6d19}
.css-scope-lba-sms .lba-v2-pillar-grid article:nth-child(3)>i{background:rgba(115,122,93,.13);color:var(--sage)}
.css-scope-lba-sms .lba-v2-pillar-no{position:absolute;left:22px;top:20px;color:rgba(55,38,23,.12);font-size:2rem;font-weight:950;direction:ltr}
.css-scope-lba-sms .lba-v2-pillar-grid h3{margin:20px 0 8px;color:var(--ink);font-size:1rem;font-weight:950}
.css-scope-lba-sms .lba-v2-pillar-grid p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.85;font-weight:700}
.css-scope-lba-sms .lba-v2-pillar-grid ul{display:grid;gap:8px;margin:19px 0 0;padding:17px 0 0;border-top:1px dashed rgba(55,38,23,.1);list-style:none}
.css-scope-lba-sms .lba-v2-pillar-grid li{position:relative;padding-right:18px;color:var(--ink);font-size:.66rem;font-weight:850}
.css-scope-lba-sms .lba-v2-pillar-grid li:before{content:"";position:absolute;right:0;top:.58em;width:7px;height:7px;border-radius:50%;background:var(--sage)}

/* FAQ split by intent */
.css-scope-lba-sms .lba-v2-faq-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.css-scope-lba-sms .lba-v2-faq-head .lba-section-heading{margin:0;text-align:right;max-width:760px}
.css-scope-lba-sms .lba-v2-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.css-scope-lba-sms .lba-v2-faq-group{padding:20px;border:1px solid rgba(55,38,23,.09);border-radius:25px;background:#fffaf3}
.css-scope-lba-sms .lba-v2-faq-group>h3{display:flex;align-items:center;gap:9px;margin:0 0 13px;padding:0 4px 13px;border-bottom:1px solid rgba(55,38,23,.08);color:var(--ink);font-size:.82rem;font-weight:950}
.css-scope-lba-sms .lba-v2-faq-group>h3 i{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(199,99,60,.1);color:var(--terracotta)}
.css-scope-lba-sms .lba-v2-faq-group:nth-child(2)>h3 i{background:rgba(115,122,93,.12);color:var(--sage)}
.css-scope-lba-sms .lba-v2-faq .lba-faq-accordion{display:grid;gap:7px}
.css-scope-lba-sms .lba-v2-faq .accordion-item{border:0!important;border-radius:14px!important;background:rgba(250,245,236,.62)!important;overflow:hidden}
.css-scope-lba-sms .lba-v2-faq .accordion-button{padding:13px 14px;background:transparent!important;box-shadow:none!important;color:var(--ink)!important;font-size:.71rem;font-weight:900;line-height:1.75}
.css-scope-lba-sms .lba-v2-faq .accordion-button:not(.collapsed){color:var(--terracotta)!important}
.css-scope-lba-sms .lba-v2-faq .accordion-body{padding:0 14px 14px;color:var(--muted);font-size:.68rem;line-height:1.9;font-weight:700}

/* Request: clear three-part form and calmer summary */
.css-scope-lba-sms .lba-request-section{background:#38352f}
.css-scope-lba-sms .lba-request-shell{align-items:start}
.css-scope-lba-sms .lba-request-copy{position:sticky;top:96px}
.css-scope-lba-sms .lba-request-benefits{grid-template-columns:1fr!important;gap:7px!important}
.css-scope-lba-sms .lba-request-summary{border-radius:22px!important;background:rgba(255,250,243,.07)!important;box-shadow:none!important}
.css-scope-lba-sms .lba-request-card{border-radius:28px!important;box-shadow:0 24px 60px rgba(0,0,0,.18)!important}
.css-scope-lba-sms .lba-v2-form-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;margin-top:18px;padding:10px 12px;border-radius:16px;background:rgba(250,245,236,.72)}
.css-scope-lba-sms .lba-v2-form-progress span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.58rem;font-weight:850;white-space:nowrap}
.css-scope-lba-sms .lba-v2-form-progress b{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:#fffaf3;color:var(--terracotta);font-size:.59rem;font-weight:950}
.css-scope-lba-sms .lba-v2-form-progress i{height:1px;background:rgba(55,38,23,.12)}
.css-scope-lba-sms .lba-request-fields{display:grid!important;grid-template-columns:1fr!important;gap:15px!important}
.css-scope-lba-sms .lba-v2-form-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:18px;border:1px solid rgba(55,38,23,.085);border-radius:21px;background:rgba(250,245,236,.42);min-width:0}
.css-scope-lba-sms .lba-v2-form-group legend{grid-column:1/-1;display:flex;align-items:center;gap:10px;width:auto;float:none;margin:0 0 2px;padding:0;color:var(--ink)}
.css-scope-lba-sms .lba-v2-form-group legend>span{width:30px;height:30px;display:grid;place-items:center;border-radius:11px;background:rgba(199,99,60,.11);color:var(--terracotta);font-size:.66rem;font-weight:950}
.css-scope-lba-sms .lba-v2-form-group legend strong,.css-scope-lba-sms .lba-v2-form-group legend small{display:block}
.css-scope-lba-sms .lba-v2-form-group legend strong{font-size:.75rem;font-weight:950}
.css-scope-lba-sms .lba-v2-form-group legend small{margin-top:1px;color:var(--muted);font-size:.57rem;font-weight:700}
.css-scope-lba-sms .lba-v2-form-group .lba-request-field-wide{grid-column:1/-1}
.css-scope-lba-sms .lba-v2-form-group-final{grid-template-columns:1fr}
.css-scope-lba-sms .lba-v2-form-group-final .lba-request-field{grid-column:1/-1}
.css-scope-lba-sms .lba-request-form .form-control,.css-scope-lba-sms .lba-request-form .form-select{min-height:48px;border-radius:14px!important;background:#fffdf9!important}
.css-scope-lba-sms .lba-request-form textarea.form-control{min-height:110px}
.css-scope-lba-sms .lba-request-submit{min-height:51px;border-radius:15px!important}

@media (max-width:1199.98px){
  .css-scope-lba-sms .lba-v2-intro-grid{grid-template-columns:minmax(0,.85fr) minmax(470px,1.15fr);gap:34px}
  .css-scope-lba-sms .lba-v2-scenario-board{grid-template-columns:1fr 1fr}
  .css-scope-lba-sms .lba-v2-scenario-primary{grid-column:1/-1}
  .css-scope-lba-sms .lba-v2-scenario-primary .lba-v2-scenario-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .css-scope-lba-sms .lba-v2-scenario-primary .lba-v2-scenario-list>div{border:1px solid rgba(55,38,23,.07);border-radius:15px;padding:12px}
  .css-scope-lba-sms .lba-v2-filter-layout{grid-template-columns:minmax(0,.8fr) minmax(470px,1.2fr);gap:34px}
}
@media (max-width:991.98px){
  .css-scope-lba-sms .lba-v2-heading-row{grid-template-columns:1fr;gap:12px;margin-bottom:30px}
  .css-scope-lba-sms .lba-v2-heading-row>p{max-width:760px}
  .css-scope-lba-sms .lba-v2-intro-grid,.css-scope-lba-sms .lba-v2-filter-layout{grid-template-columns:1fr;gap:34px}
  .css-scope-lba-sms .lba-v2-intro .lba-section-copy{max-width:760px}
  .css-scope-lba-sms .lba-v2-process-track{grid-template-columns:1fr 1fr;gap:24px 0}
  .css-scope-lba-sms .lba-v2-process-track:before{display:none}
  .css-scope-lba-sms .lba-v2-process-track li{padding:0 15px}
  .css-scope-lba-sms .lba-v2-audience-canvas{grid-template-columns:1fr}
  .css-scope-lba-sms .lba-v2-campaign-console{grid-template-columns:1fr}
  .css-scope-lba-sms .lba-v2-console-controls{grid-template-columns:1fr 1fr}
  .css-scope-lba-sms .lba-v2-console-controls>div:nth-last-child(2){border-bottom:0}
  .css-scope-lba-sms .lba-v2-console-controls>div:nth-child(odd){border-left:1px solid rgba(255,250,243,.1)}
  .css-scope-lba-sms .lba-v2-usecase-panels article{grid-template-columns:1fr;gap:28px;padding:30px}
  .css-scope-lba-sms .lba-v2-pillar-grid{grid-template-columns:1fr 1fr}
  .css-scope-lba-sms .lba-v2-pillar-grid article:last-child{grid-column:1/-1}
  .css-scope-lba-sms .lba-v2-faq-grid{grid-template-columns:1fr}
  .css-scope-lba-sms .lba-request-copy{position:static}
}
@media (max-width:767.98px){
  .css-scope-lba-sms .lba-v2-mode-rail{grid-template-columns:1fr;border-radius:24px}
  .css-scope-lba-sms .lba-v2-mode-divider{height:34px}
  .css-scope-lba-sms .lba-v2-mode-divider:before{top:50%;bottom:auto;right:24px;left:24px;width:auto;height:1px}
  .css-scope-lba-sms .lba-v2-mode{padding:23px 21px}
  .css-scope-lba-sms .lba-v2-process-track{grid-template-columns:1fr;gap:0}
  .css-scope-lba-sms .lba-v2-process-track li{padding:15px 0;border-bottom:1px dashed rgba(55,38,23,.09)}
  .css-scope-lba-sms .lba-v2-process-track li:last-child{border-bottom:0}
  .css-scope-lba-sms .lba-v2-step-no{right:auto;left:0;top:15px}
  .css-scope-lba-sms .lba-v2-scenario-board{grid-template-columns:1fr}
  .css-scope-lba-sms .lba-v2-scenario-primary{grid-column:auto}
  .css-scope-lba-sms .lba-v2-scenario-primary .lba-v2-scenario-list{grid-template-columns:1fr;gap:2px}
  .css-scope-lba-sms .lba-v2-scenario-primary .lba-v2-scenario-list>div{border:0;border-bottom:1px dashed rgba(55,38,23,.085);border-radius:0;padding:12px 5px}
  .css-scope-lba-sms .lba-v2-builder-filters{grid-template-columns:1fr 1fr}
  .css-scope-lba-sms .lba-v2-club-choice{grid-template-columns:1fr}
  .css-scope-lba-sms .lba-v2-console-timeline{grid-template-columns:1fr;gap:7px}
  .css-scope-lba-sms .lba-v2-console-timeline>i{width:2px;height:12px;justify-self:center}
  .css-scope-lba-sms .lba-v2-console-controls{grid-template-columns:1fr}
  .css-scope-lba-sms .lba-v2-console-controls>div,.css-scope-lba-sms .lba-v2-console-controls>div:nth-last-child(2){border-bottom:1px solid rgba(255,250,243,.1)}
  .css-scope-lba-sms .lba-v2-console-controls>div:last-child{border-bottom:0}
  .css-scope-lba-sms .lba-v2-console-controls>div:nth-child(odd){border-left:0}
  .css-scope-lba-sms .lba-v2-usecase-tabs{display:flex;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
  .css-scope-lba-sms .lba-v2-usecase-tabs::-webkit-scrollbar{display:none}
  .css-scope-lba-sms .lba-v2-usecase-tabs button{flex:0 0 auto;min-width:128px}
  .css-scope-lba-sms .lba-v2-usecase-panels article{padding:24px 20px}
  .css-scope-lba-sms .lba-v2-usecase-copy{padding-right:50px}
  .css-scope-lba-sms .lba-v2-choice-grid{grid-template-columns:1fr;gap:10px}
  .css-scope-lba-sms .lba-v2-choice-or{height:26px}
  .css-scope-lba-sms .lba-v2-compare-matrix>div{grid-template-columns:.68fr 1fr 1fr}
  .css-scope-lba-sms .lba-v2-compare-matrix span,.css-scope-lba-sms .lba-v2-compare-matrix b,.css-scope-lba-sms .lba-v2-compare-matrix strong{padding:10px 8px;font-size:.58rem}
  .css-scope-lba-sms .lba-v2-pillar-grid{grid-template-columns:1fr}
  .css-scope-lba-sms .lba-v2-pillar-grid article:last-child{grid-column:auto}
  .css-scope-lba-sms .lba-v2-faq-head{display:grid;align-items:start}
  .css-scope-lba-sms .lba-v2-faq-head .btn{justify-self:start}
  .css-scope-lba-sms .lba-v2-form-progress{grid-template-columns:1fr;gap:5px}
  .css-scope-lba-sms .lba-v2-form-progress i{display:none}
  .css-scope-lba-sms .lba-v2-form-group{grid-template-columns:1fr;padding:15px}
  .css-scope-lba-sms .lba-v2-form-group .lba-request-field{grid-column:1/-1}
}
@media (max-width:575.98px){
  .css-scope-lba-sms .lba-v2-definition{gap:7px;padding:12px}
  .css-scope-lba-sms .lba-v2-definition span,.css-scope-lba-sms .lba-v2-definition strong{font-size:.68rem}
  .css-scope-lba-sms .lba-v2-flow-line{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;padding:14px 8px}
  .css-scope-lba-sms .lba-v2-flow-line>div{min-width:0}
  .css-scope-lba-sms .lba-v2-flow-line>div span{font-size:.54rem}
  .css-scope-lba-sms .lba-v2-audience-flow{padding:20px}
  .css-scope-lba-sms .lba-v2-builder-map{min-height:135px}
  .css-scope-lba-sms .lba-v2-console-main{padding:20px}
  .css-scope-lba-sms .lba-v2-usecase-copy h3{font-size:1.05rem}
  .css-scope-lba-sms .lba-v2-message-preview{padding:20px}
  .css-scope-lba-sms .lba-v2-faq-group{padding:14px}
  .css-scope-lba-sms .lba-v2-choice{padding:20px}
}

/* =========================================================
   LBA V176 — typography system aligned with the rest of site
   Uses the same visual hierarchy as display-title, section-title,
   lead-soft, card-title-text, card copy, FAQ and form components.
   ========================================================= */
.css-scope-lba-sms{
  --lba-text-body:1rem;
  --lba-text-support:.94rem;
  --lba-text-label:.84rem;
  --lba-text-micro:.78rem;
  --lba-card-title:1.12rem;
}

/* Shared headings and section introductions */
.css-scope-lba-sms .lba-kicker{
  padding:7px 13px;
  font-size:.86rem;
  font-weight:800;
}
.css-scope-lba-sms .lba-section-copy h2,
.css-scope-lba-sms .lba-section-heading h2,
.css-scope-lba-sms .lba-faq-aside h2,
.css-scope-lba-sms .lba-request-copy h2{
  font-size:clamp(1.58rem,2.72vw,2.65rem);
  line-height:1.52;
  letter-spacing:-.025em;
  font-weight:800;
  margin:16px 0 14px;
  text-wrap:balance;
  overflow-wrap:break-word;
}
.css-scope-lba-sms .lba-v2-heading-row>p,
.css-scope-lba-sms .lba-section-copy>p,
.css-scope-lba-sms .lba-section-heading>p,
.css-scope-lba-sms .lba-faq-aside>p,
.css-scope-lba-sms .lba-request-copy>p{
  font-size:1.08rem;
  line-height:2;
  font-weight:450;
}
.css-scope-lba-sms .lba-v2-heading-row{
  gap:38px;
  margin-bottom:40px;
}

/* Hero typography follows the common hero rhythm */
.css-scope-lba-sms .lba-lite-copy h1{
  font-size:clamp(2.05rem,4.45vw,4.15rem);
  line-height:1.32;
  letter-spacing:-.035em;
}
.css-scope-lba-sms .lba-lite-copy .lba-hero-lead{
  font-size:1.08rem;
  line-height:2;
  font-weight:450;
}
.css-scope-lba-sms .lba-lite-note{font-size:.9rem;line-height:1.8}
.css-scope-lba-sms .lba-lite-map-head>span,
.css-scope-lba-sms .lba-lite-map-head>b,
.css-scope-lba-sms .lba-lite-zone-label,
.css-scope-lba-sms .lba-lite-route-start{font-size:.78rem}
.css-scope-lba-sms .lba-lite-chip>b{font-size:.84rem}
.css-scope-lba-sms .lba-lite-chip>small{font-size:.78rem}
.css-scope-lba-sms .lba-lite-entry-message,
.css-scope-lba-sms .lba-lite-message-sent{font-size:.8rem}

/* Definition and two-mode decision rail */
.css-scope-lba-sms .lba-v2-definition span,
.css-scope-lba-sms .lba-v2-definition strong{font-size:.88rem}
.css-scope-lba-sms .lba-v2-definition>i{font-size:.86rem}
.css-scope-lba-sms .lba-v2-mode{padding:32px 30px}
.css-scope-lba-sms .lba-v2-mode-top small{font-size:.82rem}
.css-scope-lba-sms .lba-v2-mode h3{
  font-size:1.15rem;
  line-height:1.62;
  letter-spacing:-.02em;
}
.css-scope-lba-sms .lba-v2-mode p{
  font-size:.98rem;
  line-height:1.95;
  font-weight:450;
}
.css-scope-lba-sms .lba-v2-mode-use{font-size:.86rem}
.css-scope-lba-sms .lba-v2-mode-divider span{font-size:.8rem}

/* Process rail */
.css-scope-lba-sms .lba-v2-step-no{font-size:.8rem}
.css-scope-lba-sms .lba-v2-process-track h3{
  font-size:1.08rem;
  line-height:1.62;
  letter-spacing:-.018em;
}
.css-scope-lba-sms .lba-v2-process-track p{
  font-size:1rem;
  line-height:1.95;
  font-weight:450;
}

/* Scenario cards use the same card scale as feature cards elsewhere */
.css-scope-lba-sms .lba-v2-scenario-group{padding:27px}
.css-scope-lba-sms .lba-v2-scenario-group header small{font-size:.82rem}
.css-scope-lba-sms .lba-v2-scenario-group header h3{
  font-size:1.12rem;
  line-height:1.6;
  letter-spacing:-.018em;
}
.css-scope-lba-sms .lba-v2-scenario-list>div{padding:14px 5px}
.css-scope-lba-sms .lba-v2-scenario-list strong{
  font-size:1rem;
  line-height:1.6;
}
.css-scope-lba-sms .lba-v2-scenario-list small{
  font-size:.92rem;
  line-height:1.85;
  font-weight:450;
}
.css-scope-lba-sms .lba-v2-scenario-list b{font-size:.82rem;padding:5px 9px}
.css-scope-lba-sms .lba-v2-scenario-tip{
  font-size:.92rem;
  line-height:1.9;
  font-weight:500;
  padding:14px;
}
.css-scope-lba-sms .lba-mid-cta strong{font-size:1.05rem}
.css-scope-lba-sms .lba-mid-cta span{font-size:.94rem;line-height:1.85}

/* Audience filter copy and visual builder */
.css-scope-lba-sms .lba-v2-filter-layers>div{padding:12px 0}
.css-scope-lba-sms .lba-v2-filter-layers>div>span{font-size:.84rem}
.css-scope-lba-sms .lba-v2-filter-layers strong{font-size:1rem}
.css-scope-lba-sms .lba-v2-filter-layers small{
  font-size:.92rem;
  line-height:1.85;
  font-weight:450;
}
.css-scope-lba-sms .lba-section-note{
  font-size:.92rem!important;
  line-height:1.9;
  padding:14px 16px;
}
.css-scope-lba-sms .lba-v2-filter-builder{padding:25px}
.css-scope-lba-sms .lba-v2-builder-head small{font-size:.86rem}
.css-scope-lba-sms .lba-v2-builder-head strong{font-size:1.08rem}
.css-scope-lba-sms .lba-v2-builder-head>span{font-size:.8rem}
.css-scope-lba-sms .lba-v2-builder-map>b{font-size:.94rem}
.css-scope-lba-sms .lba-v2-builder-map>small{font-size:.9rem;line-height:1.8}
.css-scope-lba-sms .lba-v2-builder-filters span{font-size:.84rem}
.css-scope-lba-sms .lba-v2-builder-filters b{font-size:.9rem}
.css-scope-lba-sms .lba-v2-builder-result small{font-size:.86rem}
.css-scope-lba-sms .lba-v2-builder-result strong{font-size:.92rem;line-height:1.65}

/* Repeat-control and customer-club flow */
.css-scope-lba-sms .lba-v2-audience-flow header small{font-size:.82rem}
.css-scope-lba-sms .lba-v2-audience-flow header h3{
  font-size:1.12rem;
  line-height:1.62;
}
.css-scope-lba-sms .lba-v2-flow-line>div span{font-size:.88rem;line-height:1.7}
.css-scope-lba-sms .lba-v2-audience-flow>p{
  font-size:.96rem;
  line-height:1.95;
  font-weight:450;
}
.css-scope-lba-sms .lba-v2-club-choice b{font-size:.9rem}
.css-scope-lba-sms .lba-v2-club-choice small{font-size:.9rem;line-height:1.8}

/* Campaign console */
.css-scope-lba-sms .lba-v2-console-head small{font-size:.82rem}
.css-scope-lba-sms .lba-v2-console-head strong{font-size:1.08rem}
.css-scope-lba-sms .lba-v2-console-head>span{font-size:.8rem}
.css-scope-lba-sms .lba-v2-console-timeline span{font-size:.84rem}
.css-scope-lba-sms .lba-v2-console-timeline b{font-size:.88rem}
.css-scope-lba-sms .lba-v2-chart-meta,
.css-scope-lba-sms .lba-v2-chart-labels{font-size:.84rem}
.css-scope-lba-sms .lba-v2-console-controls dt{font-size:.92rem}
.css-scope-lba-sms .lba-v2-console-controls dd{
  font-size:.88rem;
  line-height:1.8;
  font-weight:450;
}

/* Use-case selector and message preview */
.css-scope-lba-sms .lba-v2-usecase-tabs button{font-size:.88rem;min-height:52px}
.css-scope-lba-sms .lba-v2-usecase-copy>small,
.css-scope-lba-sms .lba-v2-message-brand{font-size:.86rem}
.css-scope-lba-sms .lba-v2-usecase-copy h3{
  font-size:1.38rem;
  line-height:1.58;
  letter-spacing:-.02em;
}
.css-scope-lba-sms .lba-v2-usecase-copy p{
  font-size:1rem;
  line-height:2;
  font-weight:450;
}
.css-scope-lba-sms .lba-v2-usecase-copy li{font-size:.88rem}
.css-scope-lba-sms .lba-v2-message-preview p{font-size:1rem;line-height:2}
.css-scope-lba-sms .lba-v2-message-preview small{font-size:.9rem;line-height:1.85}

/* Comparison and value pillars */
.css-scope-lba-sms .lba-v2-choice small,
.css-scope-lba-sms .lba-v2-choice-or{font-size:.86rem}
.css-scope-lba-sms .lba-v2-choice h3{
  font-size:1.15rem;
  line-height:1.62;
}
.css-scope-lba-sms .lba-v2-choice p{
  font-size:.95rem;
  line-height:1.95;
  font-weight:450;
}
.css-scope-lba-sms .lba-v2-compare-matrix span,
.css-scope-lba-sms .lba-v2-compare-matrix b,
.css-scope-lba-sms .lba-v2-compare-matrix strong,
.css-scope-lba-sms .lba-v2-compare-head span,
.css-scope-lba-sms .lba-v2-compare-head strong{
  font-size:.88rem;
  line-height:1.7;
}
.css-scope-lba-sms .lba-v2-pillar-grid h3{font-size:1.15rem;line-height:1.62}
.css-scope-lba-sms .lba-v2-pillar-grid p{
  font-size:.95rem;
  line-height:1.95;
  font-weight:450;
}
.css-scope-lba-sms .lba-v2-pillar-grid li{font-size:.9rem;line-height:1.8}

/* FAQ mirrors the global accordion scale */
.css-scope-lba-sms .lba-v2-faq-group{padding:22px}
.css-scope-lba-sms .lba-v2-faq-group>h3{font-size:1.02rem;line-height:1.65}
.css-scope-lba-sms .lba-v2-faq .accordion-button{
  min-height:56px;
  padding:16px 17px;
  font-size:1rem;
  line-height:1.8;
}
.css-scope-lba-sms .lba-v2-faq .accordion-body{
  padding:0 17px 17px;
  font-size:.95rem;
  line-height:2;
  font-weight:450;
}

/* Request form follows site-wide form and card typography */
.css-scope-lba-sms .lba-request-copy>p{color:rgba(255,255,255,.76)}
.css-scope-lba-sms .lba-request-benefits span{font-size:.96rem;line-height:1.75}
.css-scope-lba-sms .lba-request-summary-head strong{font-size:1rem}
.css-scope-lba-sms .lba-request-summary dt{font-size:.9rem}
.css-scope-lba-sms .lba-request-summary dd{font-size:.95rem;line-height:1.75}
.css-scope-lba-sms .lba-request-card-head h3{font-size:1.42rem;line-height:1.55}
.css-scope-lba-sms .lba-request-card-head p{font-size:.94rem;line-height:1.8}
.css-scope-lba-sms .lba-request-step{font-size:.86rem}
.css-scope-lba-sms .lba-v2-form-progress span{font-size:.86rem}
.css-scope-lba-sms .lba-v2-form-progress b{font-size:.82rem}
.css-scope-lba-sms .lba-v2-form-group{padding:21px;gap:16px}
.css-scope-lba-sms .lba-v2-form-group legend>span{font-size:.84rem}
.css-scope-lba-sms .lba-v2-form-group legend strong{font-size:1rem;line-height:1.6}
.css-scope-lba-sms .lba-v2-form-group legend small{font-size:.86rem;line-height:1.75}
.css-scope-lba-sms .lba-request-field>label,
.css-scope-lba-sms .lba-request-captcha .form-label{font-size:1rem}
.css-scope-lba-sms .lba-optional{font-size:.84rem}
.css-scope-lba-sms .lba-request-form .form-control,
.css-scope-lba-sms .lba-request-form .form-select{
  min-height:50px;
  font-size:1rem;
}

.css-scope-lba-sms .lba-field-help{font-size:.9rem;line-height:1.85}
.css-scope-lba-sms .lba-request-consent{font-size:.9rem;line-height:1.85}
.css-scope-lba-sms .lba-request-consent span{font-size:.9rem;line-height:1.85}
.css-scope-lba-sms .lba-request-consent a{font-size:inherit}
.css-scope-lba-sms .lba-request-privacy{font-size:.88rem;line-height:1.8}

@media (max-width:991.98px){
  .css-scope-lba-sms .lba-v2-heading-row{gap:14px;margin-bottom:34px}
  .css-scope-lba-sms .lba-v2-process-track h3{font-size:1.06rem}
  .css-scope-lba-sms .lba-v2-scenario-group{padding:24px}
}

@media (max-width:767.98px){
  .css-scope-lba-sms .lba-section-copy h2,
  .css-scope-lba-sms .lba-section-heading h2,
  .css-scope-lba-sms .lba-faq-aside h2,
  .css-scope-lba-sms .lba-request-copy h2{
    font-size:clamp(1.58rem,6.4vw,2.2rem);
    line-height:1.5;
  }
  .css-scope-lba-sms .lba-v2-heading-row>p,
  .css-scope-lba-sms .lba-section-copy>p,
  .css-scope-lba-sms .lba-section-heading>p,
  .css-scope-lba-sms .lba-request-copy>p{font-size:1rem}
  .css-scope-lba-sms .lba-v2-mode{padding:24px 22px}
  .css-scope-lba-sms .lba-v2-process-track li{padding:18px 0}
  .css-scope-lba-sms .lba-v2-process-track p{font-size:1rem}
  .css-scope-lba-sms .lba-v2-scenario-list strong{font-size:1rem}
  .css-scope-lba-sms .lba-v2-scenario-list small{font-size:.94rem}
  .css-scope-lba-sms .lba-v2-usecase-tabs button{font-size:.9rem;min-width:142px}
  .css-scope-lba-sms .lba-v2-compare-matrix span,
  .css-scope-lba-sms .lba-v2-compare-matrix b,
  .css-scope-lba-sms .lba-v2-compare-matrix strong,
  .css-scope-lba-sms .lba-v2-compare-head span,
  .css-scope-lba-sms .lba-v2-compare-head strong{
    padding:12px 8px;
    font-size:.82rem;
  }
  .css-scope-lba-sms .lba-v2-form-progress{gap:7px}
  .css-scope-lba-sms .lba-v2-form-progress span{font-size:.84rem}
  .css-scope-lba-sms .lba-v2-form-group{padding:18px}
}

@media (max-width:575.98px){
  .css-scope-lba-sms{--lba-text-body:1rem}
  .css-scope-lba-sms .lba-kicker{font-size:.82rem}
  .css-scope-lba-sms .lba-lite-copy h1{font-size:var(--relax-hero-h1-size-sm)}
  .css-scope-lba-sms .lba-lite-copy .lba-hero-lead{font-size:1rem}
  .css-scope-lba-sms .lba-v2-definition span,
  .css-scope-lba-sms .lba-v2-definition strong{font-size:.84rem}
  .css-scope-lba-sms .lba-v2-flow-line>div span{font-size:.88rem}
  .css-scope-lba-sms .lba-v2-usecase-copy h3{font-size:1.22rem}
  .css-scope-lba-sms .lba-v2-faq .accordion-button{font-size:1rem}
  .css-scope-lba-sms .lba-v2-faq .accordion-body{font-size:.95rem}
  .css-scope-lba-sms .lba-v2-form-group legend strong{font-size:.98rem}
}

/* =========================================================
   LBA V178 — readability and calm visual polish
   Keeps V177 content/SEO intact; improves spacing, hierarchy,
   contrast and section balance without adding heavy effects.
   ========================================================= */
.css-scope-lba-sms{
  --lba-copy:#62584f;
  --lba-border:rgba(55,38,23,.105);
  --lba-border-soft:rgba(55,38,23,.075);
  --lba-surface:#fffaf3;
  --lba-surface-raised:#fffdf9;
  --lba-shadow:0 18px 46px rgba(55,38,23,.065);
}
.css-scope-lba-sms main>.section{
  position:relative;
  padding-block:90px;
}
.css-scope-lba-sms main>.section+ .section{
  border-top:1px solid rgba(55,38,23,.045);
}
.css-scope-lba-sms main>.section.bg-paper{
  background:linear-gradient(180deg,#faf4eb 0%,#f8f0e5 100%);
}
.css-scope-lba-sms .lba-section-copy,
.css-scope-lba-sms .lba-section-heading{
  min-width:0;
}
.css-scope-lba-sms .lba-section-copy h2,
.css-scope-lba-sms .lba-section-heading h2,
.css-scope-lba-sms .lba-faq-aside h2,
.css-scope-lba-sms .lba-request-copy h2{
  max-width:820px;
  margin:15px 0 16px;
  font-size:clamp(2rem,3.05vw,2.9rem);
  line-height:1.43;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.css-scope-lba-sms .lba-v2-heading-row>p,
.css-scope-lba-sms .lba-section-copy>p,
.css-scope-lba-sms .lba-section-heading>p,
.css-scope-lba-sms .lba-faq-aside>p,
.css-scope-lba-sms .lba-request-copy>p{
  color:var(--lba-copy);
  font-size:1.075rem;
  line-height:2.05;
  text-wrap:pretty;
}
.css-scope-lba-sms .lba-section-copy>p{max-width:67ch}
.css-scope-lba-sms .lba-kicker{
  min-height:36px;
  padding:7px 13px;
  border-color:rgba(199,99,60,.18);
  background:rgba(255,250,243,.82);
  color:#a24f31;
  font-size:.88rem;
  box-shadow:0 8px 22px rgba(55,38,23,.035);
}
.css-scope-lba-sms .lba-v2-heading-row{
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.72fr);
  gap:54px;
  align-items:end;
  margin-bottom:44px;
}
.css-scope-lba-sms .lba-v2-heading-row>p{max-width:580px}

/* Intro — clearer definition and two calm choices */
.css-scope-lba-sms .lba-v2-intro-grid{
  grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);
  gap:48px;
}
.css-scope-lba-sms .lba-v2-intro .lba-section-copy{max-width:720px}
.css-scope-lba-sms .lba-v2-definition{
  gap:10px;
  margin:26px 0 21px;
  padding:15px 17px;
  border-color:var(--lba-border-soft);
  background:rgba(255,250,243,.82);
}
.css-scope-lba-sms .lba-v2-definition span,
.css-scope-lba-sms .lba-v2-definition strong{font-size:.92rem}
.css-scope-lba-sms .lba-v2-mode-rail{
  border-color:var(--lba-border);
  box-shadow:var(--lba-shadow);
}
.css-scope-lba-sms .lba-v2-mode{padding:32px 30px 30px}
.css-scope-lba-sms .lba-v2-mode h3{font-size:1.2rem;line-height:1.62}
.css-scope-lba-sms .lba-v2-mode p{color:var(--lba-copy);font-size:1rem;line-height:2}
.css-scope-lba-sms .lba-v2-mode-use{font-size:.9rem}

/* Four steps — readable compact cards rather than narrow rail copy */
.css-scope-lba-sms .lba-v2-process-track{
  gap:14px;
}
.css-scope-lba-sms .lba-v2-process-track:before{display:none}
.css-scope-lba-sms .lba-v2-process-track li{
  display:block;
  min-height:250px;
  padding:24px 22px 22px;
  border:1px solid var(--lba-border-soft);
  border-radius:24px;
  background:rgba(255,253,249,.82);
  box-shadow:0 12px 32px rgba(55,38,23,.045);
}
.css-scope-lba-sms .lba-v2-step-icon{
  width:54px;
  height:54px;
  margin-bottom:17px;
  border:0;
  border-radius:18px;
  background:rgba(199,99,60,.105);
  box-shadow:none;
  font-size:1.12rem;
}
.css-scope-lba-sms .lba-v2-process-track li:nth-child(even) .lba-v2-step-icon{background:rgba(115,122,93,.11)}
.css-scope-lba-sms .lba-v2-step-no{
  top:20px;
  right:auto;
  left:20px;
  font-size:.84rem;
}
.css-scope-lba-sms .lba-v2-process-track h3{margin:0 0 9px;font-size:1.1rem;line-height:1.65}
.css-scope-lba-sms .lba-v2-process-track p{color:var(--lba-copy);font-size:.98rem;line-height:2}

/* Scenarios — primary row gets full width so copy never becomes tiny */
.css-scope-lba-sms .lba-v2-scenario-board{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.css-scope-lba-sms .lba-v2-scenario-primary{grid-column:1/-1}
.css-scope-lba-sms .lba-v2-scenario-group{
  padding:29px;
  border-color:var(--lba-border);
  border-radius:28px;
  box-shadow:0 14px 38px rgba(55,38,23,.045);
}
.css-scope-lba-sms .lba-v2-scenario-primary .lba-v2-scenario-list{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding-top:16px;
}
.css-scope-lba-sms .lba-v2-scenario-primary .lba-v2-scenario-list>div{
  border:1px solid var(--lba-border-soft);
  border-radius:17px;
  padding:15px 13px;
  background:rgba(255,255,255,.42);
}
.css-scope-lba-sms .lba-v2-scenario-group header h3{font-size:1.17rem;line-height:1.62}
.css-scope-lba-sms .lba-v2-scenario-group header small{font-size:.86rem}
.css-scope-lba-sms .lba-v2-scenario-list>div{padding:15px 6px}
.css-scope-lba-sms .lba-v2-scenario-list>div>i{width:39px;height:39px;border-radius:13px;font-size:1rem}
.css-scope-lba-sms .lba-v2-scenario-list strong{font-size:1.02rem;line-height:1.62}
.css-scope-lba-sms .lba-v2-scenario-list small{color:var(--lba-copy);font-size:.94rem;line-height:1.9}
.css-scope-lba-sms .lba-v2-scenario-tip{font-size:.94rem;line-height:1.95}
.css-scope-lba-sms .lba-v2-mid-cta{
  margin-top:24px;
  padding:20px 22px;
  border:1px solid rgba(199,99,60,.14);
  background:rgba(255,250,243,.72);
}

/* Audience filters */
.css-scope-lba-sms .lba-v2-filter-layout{
  grid-template-columns:minmax(0,1fr) minmax(480px,1fr);
  gap:50px;
}
.css-scope-lba-sms .lba-v2-filter-layers{margin-top:26px;gap:2px}
.css-scope-lba-sms .lba-v2-filter-layers>div{padding:13px 0}
.css-scope-lba-sms .lba-v2-filter-layers>div>i{width:40px;height:40px;border-radius:14px}
.css-scope-lba-sms .lba-v2-filter-layers strong{font-size:1.02rem}
.css-scope-lba-sms .lba-v2-filter-layers small{color:var(--lba-copy);font-size:.94rem;line-height:1.9}
.css-scope-lba-sms .lba-v2-filter-builder{
  padding:26px;
  border-color:var(--lba-border);
  border-radius:30px;
  box-shadow:var(--lba-shadow);
}
.css-scope-lba-sms .lba-v2-builder-map{min-height:174px}
.css-scope-lba-sms .lba-v2-builder-map>b{font-size:1rem}
.css-scope-lba-sms .lba-v2-builder-map>small{font-size:.9rem;line-height:1.8;text-align:center;padding-inline:12px}
.css-scope-lba-sms .lba-v2-builder-filters{gap:10px;margin-top:12px}
.css-scope-lba-sms .lba-v2-builder-filters>div{padding:12px;border-radius:16px}
.css-scope-lba-sms .lba-v2-builder-filters span{font-size:.86rem}
.css-scope-lba-sms .lba-v2-builder-filters b{font-size:.94rem}
.css-scope-lba-sms .lba-v2-builder-result{margin-top:12px;padding:14px}
.css-scope-lba-sms .lba-v2-builder-result strong{font-size:.96rem}

/* Repeat control, campaign console and use cases */
.css-scope-lba-sms .lba-v2-audience-canvas{gap:20px}
.css-scope-lba-sms .lba-v2-audience-flow{
  padding:29px;
  border-color:var(--lba-border);
  border-radius:29px;
  box-shadow:0 14px 38px rgba(55,38,23,.045);
}
.css-scope-lba-sms .lba-v2-audience-flow header h3{font-size:1.18rem}
.css-scope-lba-sms .lba-v2-audience-flow>p{color:var(--lba-copy);font-size:.98rem;line-height:2}
.css-scope-lba-sms .lba-v2-flow-line{margin-block:22px;padding:17px 13px}
.css-scope-lba-sms .lba-v2-flow-line>div span{font-size:.92rem}
.css-scope-lba-sms .lba-v2-campaign-console{
  border-color:var(--lba-border);
  border-radius:30px;
  box-shadow:var(--lba-shadow);
}
.css-scope-lba-sms .lba-v2-console-main{padding:29px}
.css-scope-lba-sms .lba-v2-console-controls{padding:23px}
.css-scope-lba-sms .lba-v2-console-controls dt{font-size:.96rem}
.css-scope-lba-sms .lba-v2-console-controls dd{font-size:.9rem;line-height:1.85}
.css-scope-lba-sms .lba-v2-usecase-explorer{
  border-color:var(--lba-border);
  border-radius:30px;
  box-shadow:var(--lba-shadow);
}
.css-scope-lba-sms .lba-v2-usecase-tabs{padding:10px;gap:5px}
.css-scope-lba-sms .lba-v2-usecase-tabs button{min-height:54px;font-size:.92rem}
.css-scope-lba-sms .lba-v2-usecase-panels article{gap:48px;padding:43px}
.css-scope-lba-sms .lba-v2-usecase-copy h3{font-size:1.45rem;line-height:1.58}
.css-scope-lba-sms .lba-v2-usecase-copy p{color:var(--lba-copy);font-size:1.02rem;line-height:2}
.css-scope-lba-sms .lba-v2-usecase-copy li{font-size:.91rem;padding:8px 12px}
.css-scope-lba-sms .lba-v2-message-preview{padding:27px;border-radius:25px}
.css-scope-lba-sms .lba-v2-message-preview p{font-size:1.03rem;line-height:2}
.css-scope-lba-sms .lba-v2-message-preview small{font-size:.9rem;line-height:1.85}

/* Comparison and benefits */
.css-scope-lba-sms .lba-v2-choice-grid{gap:0;margin-bottom:18px}
.css-scope-lba-sms .lba-v2-choice{
  padding:28px;
  border-color:var(--lba-border);
  border-radius:26px;
  box-shadow:0 12px 32px rgba(55,38,23,.04);
}
.css-scope-lba-sms .lba-v2-choice h3{font-size:1.2rem;line-height:1.65}
.css-scope-lba-sms .lba-v2-choice p{color:var(--lba-copy);font-size:.98rem;line-height:1.95}
.css-scope-lba-sms .lba-v2-compare-matrix{border-color:var(--lba-border);border-radius:24px}
.css-scope-lba-sms .lba-v2-compare-matrix>div{min-height:62px}
.css-scope-lba-sms .lba-v2-compare-matrix span,
.css-scope-lba-sms .lba-v2-compare-matrix b,
.css-scope-lba-sms .lba-v2-compare-matrix strong,
.css-scope-lba-sms .lba-v2-compare-head span,
.css-scope-lba-sms .lba-v2-compare-head strong{font-size:.92rem;line-height:1.75}
.css-scope-lba-sms .lba-v2-pillar-grid{gap:20px}
.css-scope-lba-sms .lba-v2-pillar-grid article{
  padding:30px;
  border-color:var(--lba-border);
  border-radius:28px;
  box-shadow:0 14px 38px rgba(55,38,23,.045);
}
.css-scope-lba-sms .lba-v2-pillar-grid article:before{
  content:"";
  position:absolute;
  top:0;
  right:28px;
  left:28px;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,rgba(199,99,60,.72),rgba(230,173,75,.45));
}
.css-scope-lba-sms .lba-v2-pillar-grid article:nth-child(2):before{background:linear-gradient(90deg,rgba(230,173,75,.78),rgba(115,122,93,.35))}
.css-scope-lba-sms .lba-v2-pillar-grid article:nth-child(3):before{background:linear-gradient(90deg,rgba(115,122,93,.72),rgba(199,99,60,.3))}
.css-scope-lba-sms .lba-v2-pillar-grid h3{font-size:1.2rem}
.css-scope-lba-sms .lba-v2-pillar-grid p{color:var(--lba-copy);font-size:.98rem;line-height:2}
.css-scope-lba-sms .lba-v2-pillar-grid li{font-size:.94rem;line-height:1.85}

/* FAQ and form */
.css-scope-lba-sms .lba-v2-faq-head{margin-bottom:34px}
.css-scope-lba-sms .lba-v2-faq-grid{gap:20px}
.css-scope-lba-sms .lba-v2-faq-group{
  padding:24px;
  border-color:var(--lba-border);
  border-radius:28px;
  box-shadow:0 14px 38px rgba(55,38,23,.04);
}
.css-scope-lba-sms .lba-v2-faq-group>h3{font-size:1.08rem;padding-bottom:15px}
.css-scope-lba-sms .lba-v2-faq .lba-faq-accordion{gap:9px}
.css-scope-lba-sms .lba-v2-faq .accordion-item{border:1px solid rgba(55,38,23,.055)!important;border-radius:17px!important;background:rgba(250,245,236,.54)!important}
.css-scope-lba-sms .lba-v2-faq .accordion-button{min-height:60px;padding:17px 18px;font-size:1.02rem;line-height:1.85}
.css-scope-lba-sms .lba-v2-faq .accordion-body{padding:0 18px 18px;color:var(--lba-copy);font-size:.98rem;line-height:2.05}
.css-scope-lba-sms .lba-request-card{border-radius:30px!important}
.css-scope-lba-sms .lba-request-card-head{padding-bottom:22px}
.css-scope-lba-sms .lba-v2-form-group{padding:23px;gap:18px;border-radius:23px}
.css-scope-lba-sms .lba-v2-form-group legend strong{font-size:1.05rem}
.css-scope-lba-sms .lba-v2-form-group legend small{font-size:.9rem}
.css-scope-lba-sms .lba-request-form .form-control,
.css-scope-lba-sms .lba-request-form .form-select{min-height:52px;font-size:1rem}
.css-scope-lba-sms .lba-field-help,
.css-scope-lba-sms .lba-request-consent,
.css-scope-lba-sms .lba-request-consent span,
.css-scope-lba-sms .lba-request-privacy{font-size:.92rem}

@media (hover:hover) and (pointer:fine){
  .css-scope-lba-sms .lba-v2-scenario-group,
  .css-scope-lba-sms .lba-v2-audience-flow,
  .css-scope-lba-sms .lba-v2-pillar-grid article{
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
  }
  .css-scope-lba-sms .lba-v2-scenario-group:hover,
  .css-scope-lba-sms .lba-v2-audience-flow:hover,
  .css-scope-lba-sms .lba-v2-pillar-grid article:hover{
    transform:translateY(-3px);
    border-color:rgba(199,99,60,.22);
    box-shadow:0 20px 48px rgba(55,38,23,.075);
  }
}

@media (max-width:1199.98px){
  .css-scope-lba-sms .lba-v2-intro-grid,
  .css-scope-lba-sms .lba-v2-filter-layout{grid-template-columns:1fr 1fr;gap:38px}
  .css-scope-lba-sms .lba-v2-process-track li{min-height:270px;padding:22px 18px}
}
@media (max-width:991.98px){
  .css-scope-lba-sms main>.section{padding-block:76px}
  .css-scope-lba-sms .lba-v2-heading-row{grid-template-columns:1fr;gap:14px;margin-bottom:34px}
  .css-scope-lba-sms .lba-v2-heading-row>p{max-width:720px}
  .css-scope-lba-sms .lba-v2-intro-grid,
  .css-scope-lba-sms .lba-v2-filter-layout{grid-template-columns:1fr;gap:34px}
  .css-scope-lba-sms .lba-v2-process-track{grid-template-columns:1fr 1fr;gap:14px}
  .css-scope-lba-sms .lba-v2-process-track li{min-height:230px}
  .css-scope-lba-sms .lba-v2-scenario-primary .lba-v2-scenario-list{grid-template-columns:1fr}
  .css-scope-lba-sms .lba-v2-scenario-primary .lba-v2-scenario-list>div{border:0;border-bottom:1px dashed rgba(55,38,23,.085);border-radius:0;background:transparent;padding:15px 6px}
  .css-scope-lba-sms .lba-v2-scenario-primary .lba-v2-scenario-list>div:last-child{border-bottom:0}
  .css-scope-lba-sms .lba-v2-usecase-panels article{padding:34px}
}
@media (max-width:767.98px){
  .css-scope-lba-sms main>.section{padding-block:66px}
  .css-scope-lba-sms .lba-section-copy h2,
  .css-scope-lba-sms .lba-section-heading h2,
  .css-scope-lba-sms .lba-faq-aside h2,
  .css-scope-lba-sms .lba-request-copy h2{font-size:clamp(1.75rem,7vw,2.25rem);line-height:1.5;margin-top:13px}
  .css-scope-lba-sms .lba-v2-heading-row>p,
  .css-scope-lba-sms .lba-section-copy>p,
  .css-scope-lba-sms .lba-section-heading>p,
  .css-scope-lba-sms .lba-request-copy>p{font-size:1rem;line-height:2}
  .css-scope-lba-sms .lba-v2-process-track{grid-template-columns:1fr;gap:12px}
  .css-scope-lba-sms .lba-v2-process-track li{min-height:0;padding:21px 19px;border-bottom:1px solid var(--lba-border-soft)}
  .css-scope-lba-sms .lba-v2-step-no{top:20px;left:19px}
  .css-scope-lba-sms .lba-v2-scenario-board{grid-template-columns:1fr}
  .css-scope-lba-sms .lba-v2-scenario-primary{grid-column:auto}
  .css-scope-lba-sms .lba-v2-scenario-group{padding:23px}
  .css-scope-lba-sms .lba-v2-filter-builder{padding:20px}
  .css-scope-lba-sms .lba-v2-builder-filters{grid-template-columns:1fr 1fr}
  .css-scope-lba-sms .lba-v2-audience-flow{padding:23px}
  .css-scope-lba-sms .lba-v2-usecase-panels article{padding:27px 21px}
  .css-scope-lba-sms .lba-v2-usecase-copy{padding-right:48px}
  .css-scope-lba-sms .lba-v2-message-preview{padding:22px}
  .css-scope-lba-sms .lba-v2-compare-matrix{overflow-x:auto}
  .css-scope-lba-sms .lba-v2-compare-matrix>div{min-width:560px}
  .css-scope-lba-sms .lba-v2-compare-matrix span,
  .css-scope-lba-sms .lba-v2-compare-matrix b,
  .css-scope-lba-sms .lba-v2-compare-matrix strong,
  .css-scope-lba-sms .lba-v2-compare-head span,
  .css-scope-lba-sms .lba-v2-compare-head strong{font-size:.88rem;padding:12px 10px}
  .css-scope-lba-sms .lba-v2-faq-group{padding:18px}
  .css-scope-lba-sms .lba-v2-faq .accordion-button{font-size:1rem;padding:16px}
  .css-scope-lba-sms .lba-v2-form-group{padding:19px}
}
@media (max-width:575.98px){
  .css-scope-lba-sms main>.section{padding-block:58px}
  .css-scope-lba-sms .lba-kicker{font-size:.84rem}
  .css-scope-lba-sms .lba-v2-mode h3,
  .css-scope-lba-sms .lba-v2-scenario-group header h3,
  .css-scope-lba-sms .lba-v2-audience-flow header h3,
  .css-scope-lba-sms .lba-v2-choice h3,
  .css-scope-lba-sms .lba-v2-pillar-grid h3{font-size:1.1rem}
  .css-scope-lba-sms .lba-v2-scenario-list strong{font-size:1rem}
  .css-scope-lba-sms .lba-v2-scenario-list small,
  .css-scope-lba-sms .lba-v2-filter-layers small{font-size:.93rem}
  .css-scope-lba-sms .lba-v2-builder-head{align-items:flex-start}
  .css-scope-lba-sms .lba-v2-builder-head>span{font-size:.78rem;padding:6px 8px}
  .css-scope-lba-sms .lba-v2-usecase-copy h3{font-size:1.25rem}
  .css-scope-lba-sms .lba-v2-usecase-copy p{font-size:1rem}
  .css-scope-lba-sms .lba-v2-pillar-grid article{padding:25px}
  .css-scope-lba-sms .lba-v2-faq .accordion-body{font-size:.96rem}
}


/* Signup selected-plan context (V179) */
.signup-plan-context{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  align-items:start;
  margin:-4px 0 18px;
  padding:14px 15px;
  border:1px solid rgba(199,99,60,.2);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(199,99,60,.1),rgba(217,164,65,.08));
}
.signup-plan-context-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:rgba(199,99,60,.14);
  color:var(--terracotta);
  font-size:1.1rem;
}
.signup-plan-context small{
  display:block;
  margin-bottom:2px;
  color:var(--muted-2);
  font-size:.78rem;
  font-weight:850;
}
.signup-plan-context strong{
  display:block;
  color:var(--ink);
  font-size:1rem;
  font-weight:950;
}
.signup-plan-context p{
  margin-top:4px;
  color:var(--muted);
  font-size:.84rem;
  font-weight:750;
  line-height:1.75;
}
@media (max-width:575.98px){
  .signup-plan-context{
    grid-template-columns:38px minmax(0,1fr);
    margin-bottom:14px;
    padding:12px;
    border-radius:16px;
  }
  .signup-plan-context-icon{width:38px;height:38px;border-radius:13px}
  .signup-plan-context p{font-size:.79rem}
}

/* ============================================================
   Mobile header navigation UI refinement - V180
   A light, warm navigation sheet replaces the heavy grey blocks
   while preserving the dark desktop header and existing routing.
   ============================================================ */
.mobile-nav-backdrop{display:none;border:0;padding:0;margin:0}
@media (max-width:991.98px){
  body.nav-is-open .mobile-nav-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:1;
    width:100%;
    height:100%;
    background:rgba(27,22,18,.56);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    cursor:default;
  }
  .nav-shell .navbar{z-index:2}
  .nav-shell .navbar-collapse{
    scrollbar-width:thin;
    scrollbar-color:rgba(166,79,49,.34) transparent;
    padding:11px!important;
    border:1px solid rgba(126,88,61,.18)!important;
    background:
      radial-gradient(circle at 8% 0,rgba(199,99,60,.11),transparent 31%),
      linear-gradient(160deg,rgba(255,252,247,.995),rgba(248,240,230,.992))!important;
    box-shadow:0 28px 76px rgba(31,23,18,.28),inset 0 1px 0 rgba(255,255,255,.92)!important;
  }
  .nav-shell .navbar-collapse::-webkit-scrollbar{width:6px}
  .nav-shell .navbar-collapse::-webkit-scrollbar-thumb{background:rgba(166,79,49,.30);border-radius:999px}

  .nav-shell .mobile-menu-head{
    align-items:center!important;
    gap:10px;
    padding:11px!important;
    margin:0 0 9px!important;
    border:1px solid rgba(199,99,60,.15)!important;
    border-radius:19px;
    background:linear-gradient(135deg,rgba(255,244,233,.96),rgba(250,229,211,.86));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
  }
  .mobile-menu-head__identity{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
  }
  .mobile-menu-head__mark{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    border-radius:13px;
    color:#fffaf3;
    background:linear-gradient(145deg,#cf7048,#a64f31);
    box-shadow:0 9px 22px rgba(166,79,49,.23),inset 0 1px 0 rgba(255,255,255,.28);
  }
  .mobile-menu-head__mark i{font-size:1rem;line-height:1}
  .mobile-menu-head__copy{min-width:0}
  .nav-shell .mobile-menu-head strong{
    display:block;
    color:#312720!important;
    font-size:.94rem;
    font-weight:950;
    line-height:1.45;
  }
  .nav-shell .mobile-menu-head small{
    display:block;
    max-width:220px;
    margin-top:1px;
    overflow:hidden;
    color:#78675b!important;
    font-size:.73rem;
    font-weight:760;
    line-height:1.55;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .nav-shell .mini-signup-link{
    min-height:38px;
    padding:7px 11px!important;
    border:1px solid rgba(166,79,49,.22)!important;
    color:#9c482e!important;
    background:rgba(255,250,243,.82)!important;
    box-shadow:0 7px 18px rgba(73,46,30,.07);
  }
  .nav-shell .mini-signup-link:hover,
  .nav-shell .mini-signup-link:focus-visible{
    color:#fffaf3!important;
    background:#ad5132!important;
    border-color:#ad5132!important;
  }

  .nav-shell .main-nav-list{gap:6px!important;margin-bottom:0!important}
  .nav-shell .main-nav-list>.nav-item>.nav-link{
    min-height:51px;
    justify-content:flex-start;
    gap:0;
    padding:7px 10px!important;
    border:1px solid rgba(73,56,44,.10)!important;
    border-radius:16px!important;
    color:#41352d!important;
    background:rgba(255,255,255,.68)!important;
    box-shadow:0 5px 16px rgba(63,43,29,.035),inset 0 1px 0 rgba(255,255,255,.86)!important;
  }
  .nav-shell .main-nav-list>.nav-item>.nav-link>i{
    width:35px;
    height:35px;
    flex:0 0 35px;
    display:grid;
    place-items:center;
    margin:0 0 0 10px!important;
    border-radius:12px;
    color:#b45535!important;
    background:rgba(199,99,60,.10);
    font-size:.98rem;
  }
  .nav-shell .main-nav-list>.nav-item>.nav-link:hover,
  .nav-shell .main-nav-list>.nav-item>.nav-link:focus-visible{
    color:#2e241e!important;
    border-color:rgba(199,99,60,.22)!important;
    background:rgba(255,248,240,.96)!important;
    box-shadow:0 9px 24px rgba(89,52,31,.075),inset 0 1px 0 rgba(255,255,255,.9)!important;
  }
  .nav-shell .main-nav-list>.nav-item>.nav-link.active,
  .nav-shell .main-nav-list>.nav-item>.nav-link.group-active{
    color:#7f3927!important;
    border-color:rgba(199,99,60,.31)!important;
    background:linear-gradient(135deg,rgba(199,99,60,.15),rgba(230,173,75,.10))!important;
    box-shadow:0 8px 22px rgba(133,66,39,.08),inset 3px 0 0 rgba(199,99,60,.58)!important;
  }
  .nav-shell .main-nav-list>.nav-item>.nav-link.show{
    color:#743523!important;
    border-color:rgba(199,99,60,.28)!important;
    background:linear-gradient(135deg,rgba(199,99,60,.13),rgba(255,248,239,.96))!important;
    transform:none!important;
  }
  .nav-shell .main-nav-list>.nav-item>.nav-link.active>i,
  .nav-shell .main-nav-list>.nav-item>.nav-link.group-active>i,
  .nav-shell .main-nav-list>.nav-item>.nav-link.show>i{
    color:#fffaf3!important;
    background:linear-gradient(145deg,#cf7048,#a64f31);
    box-shadow:0 7px 16px rgba(166,79,49,.20);
  }
  .nav-shell .main-nav-list>.nav-item>.dropdown-toggle::after{
    margin-right:auto!important;
    color:#8d796b;
    transition:transform .18s ease;
  }
  .nav-shell .main-nav-list>.nav-item>.dropdown-toggle.show::after{transform:rotate(180deg)}

  .nav-shell .dropdown-menu.mega-menu{
    margin:5px 0 1px!important;
    padding:7px!important;
    border:1px solid rgba(112,80,57,.12)!important;
    border-radius:17px!important;
    background:rgba(244,235,224,.82)!important;
  }
  .nav-shell .mega-eyebrow{
    margin:3px 7px 7px!important;
    color:#8f4028!important;
  }
  .nav-shell .mega-link{
    min-height:56px;
    border-color:rgba(73,56,44,.08)!important;
    background:rgba(255,252,248,.88)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
  }
  .nav-shell .mega-link+.mega-link{margin-top:5px}
  .nav-shell .mega-link:hover,
  .nav-shell .mega-link:focus,
  .nav-shell .mega-link.active{
    border-color:rgba(199,99,60,.24)!important;
    background:#fff8f0!important;
    box-shadow:0 8px 20px rgba(72,43,26,.06)!important;
  }
  .nav-shell .mega-link i{background:rgba(199,99,60,.11)!important;color:#b45535!important}
  .nav-shell .mega-link strong{color:#392e27}
  .nav-shell .mega-link small{color:#78685d}
  .nav-shell .mega-mini-cta{
    border-color:rgba(66,122,85,.18)!important;
    background:rgba(236,246,239,.88)!important;
    color:#356747!important;
  }

  .nav-shell .nav-actions{
    gap:8px!important;
    padding-top:10px!important;
    margin-top:9px!important;
    border-top:1px solid rgba(73,56,44,.10)!important;
  }
  .nav-shell .nav-actions .btn-ghost{
    min-height:46px;
    color:#4a3a30!important;
    background:rgba(255,255,255,.72)!important;
    border-color:rgba(73,56,44,.14)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  }
  .nav-shell .nav-actions .btn-ghost:hover,
  .nav-shell .nav-actions .btn-ghost:focus-visible{
    color:#8f4028!important;
    background:#fff8f0!important;
    border-color:rgba(199,99,60,.28)!important;
  }
  .nav-shell .nav-signup-cta{
    min-height:50px!important;
    box-shadow:0 12px 28px rgba(166,79,49,.25),inset 0 1px 0 rgba(255,255,255,.28)!important;
  }
}
@media (max-width:575.98px){
  .nav-shell .navbar-collapse{
    right:8px!important;
    left:8px!important;
    padding:9px!important;
    border-radius:21px!important;
    max-height:calc(100dvh - 82px)!important;
  }
  .nav-shell .mobile-menu-head{padding:9px!important;border-radius:17px}
  .mobile-menu-head__mark{width:34px;height:34px;flex-basis:34px;border-radius:11px}
  .nav-shell .mobile-menu-head strong{font-size:.88rem}
  .nav-shell .mobile-menu-head small{max-width:170px;font-size:.68rem}
  .nav-shell .mini-signup-link{min-height:35px;padding:6px 9px!important;font-size:.76rem}
  .nav-shell .main-nav-list>.nav-item>.nav-link{min-height:48px;border-radius:15px!important}
  .nav-shell .main-nav-list>.nav-item>.nav-link>i{width:32px;height:32px;flex-basis:32px;border-radius:11px}
  .nav-shell .mega-link{min-height:53px;padding:9px!important}
  .nav-shell .nav-actions .btn-ghost{min-height:44px}
}
@media (prefers-reduced-motion:reduce){
  .mobile-nav-backdrop,
  .nav-shell .main-nav-list>.nav-item>.dropdown-toggle::after{transition:none!important}
}

/*------------------------------------------------------------------
  V181 - Home mobile hero visual refinement
  تغییر صرفاً نمایشی: متن H1، ساختار هدینگ، لینک‌ها و محتوای سئو حفظ شده‌اند.
------------------------------------------------------------------*/
.home-title-accent{
  position:relative;
  display:inline;
  color:inherit;
  z-index:0;
}
.home-title-accent::after{
  content:"";
  position:absolute;
  right:-.04em;
  left:-.04em;
  bottom:.08em;
  height:.22em;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(199,99,60,.28),rgba(230,173,75,.38));
  z-index:-1;
  transform:rotate(-1deg);
}
.home-mobile-control{display:none}

@media (max-width:767.98px){
  .home-hero-modern{
    padding:38px 0 34px;
    background:
      radial-gradient(circle at 8% 8%,rgba(199,99,60,.18),transparent 31%),
      radial-gradient(circle at 93% 32%,rgba(230,173,75,.17),transparent 30%),
      linear-gradient(180deg,#fffaf4 0%,#f8eee2 100%);
  }
  .home-hero-modern::before{
    background-size:30px 30px;
    opacity:.72;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.66),transparent 94%);
  }
  .home-hero-modern::after{
    width:330px;
    height:330px;
    right:-205px;
    bottom:-160px;
    background:radial-gradient(circle,rgba(199,99,60,.22),transparent 66%);
  }
  .home-hero-shell{gap:0}
  .home-hero-copy{text-align:center}
  .home-eyebrow{
    width:auto;
    max-width:100%;
    justify-content:center;
    align-items:center;
    padding:9px 13px;
    border-radius:18px;
    font-size:.84rem;
    line-height:1.7;
    text-align:center;
    background:rgba(255,255,255,.82);
    border-color:rgba(199,99,60,.18);
    box-shadow:0 14px 32px rgba(76,47,29,.075),inset 0 1px 0 rgba(255,255,255,.82);
  }
  .home-eyebrow i{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:grid;
    place-items:center;
    border-radius:11px;
    color:#fff;
    background:linear-gradient(145deg,var(--terracotta),#df7d4e);
    box-shadow:0 8px 18px rgba(199,99,60,.24);
  }
  .home-hero-copy .display-title{
    margin:25px auto 0!important;
    max-width:620px;
    text-align:center;
    line-height:1.48;
  }
  .home-title-accent{
    color:var(--terracotta-2);
    white-space:normal;
  }
  .home-title-accent::after{
    height:.28em;
    bottom:.04em;
    background:linear-gradient(90deg,rgba(199,99,60,.20),rgba(230,173,75,.40));
  }
  .home-hero-copy .lead-soft{
    margin:19px auto 0!important;
    max-width:610px;
    color:rgba(78,62,50,.78);
    font-size:.98rem;
    line-height:2.05;
    text-align:center;
  }
  .home-hero-actions,
  .home-hero-modern .hero-actions{
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
    gap:9px;
    margin-top:23px;
  }
  .home-hero-actions .btn,
  .home-hero-modern .hero-actions .btn{
    min-height:52px;
    border-radius:18px;
    font-size:.98rem;
    padding-inline:12px;
  }
  .home-hero-actions .btn-primary-soft{
    background:linear-gradient(135deg,#d36b42 0%,#b84f30 100%);
    border-color:transparent;
    box-shadow:0 16px 34px rgba(184,79,48,.24),inset 0 1px 0 rgba(255,255,255,.22);
  }
  .home-hero-actions .btn-outline-soft{
    background:rgba(255,255,255,.72);
    border-color:rgba(36,32,29,.12);
    box-shadow:0 12px 28px rgba(69,49,34,.07),inset 0 1px 0 rgba(255,255,255,.76);
  }
  .home-mobile-control{
    display:block;
    position:relative;
    overflow:hidden;
    margin:18px 0 17px;
    padding:17px;
    border-radius:27px;
    color:#fffaf4;
    text-align:right;
    background:
      radial-gradient(circle at 8% 12%,rgba(230,173,75,.20),transparent 28%),
      linear-gradient(145deg,#2a2420 0%,#382820 58%,#693823 100%);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 24px 52px rgba(56,36,24,.22),inset 0 1px 0 rgba(255,255,255,.10);
  }
  .home-mobile-control::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
    background-size:24px 24px;
    pointer-events:none;
  }
  .home-mobile-control::after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    left:-60px;
    bottom:-85px;
    border-radius:999px;
    background:radial-gradient(circle,rgba(230,173,75,.26),transparent 70%);
    pointer-events:none;
  }
  .home-mobile-control-head,
  .home-mobile-flow,
  .home-mobile-control-bottom{position:relative;z-index:1}
  .home-mobile-control-head{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
  }
  .home-mobile-live-dot{
    width:13px;
    height:13px;
    border-radius:50%;
    background:#75d39a;
    box-shadow:0 0 0 6px rgba(117,211,154,.12),0 0 20px rgba(117,211,154,.44);
    animation:homeHeroMobilePulse 2.4s ease-in-out infinite;
  }
  .home-mobile-control-head strong{display:block;font-size:1rem;font-weight:950;color:#fff}
  .home-mobile-control-head small{display:block;margin-top:2px;color:rgba(255,255,255,.62);font-size:.75rem;font-weight:760}
  .home-mobile-live-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:52px;
    padding:6px 9px;
    border-radius:999px;
    color:#9be4b7;
    background:rgba(117,211,154,.10);
    border:1px solid rgba(117,211,154,.20);
    font-size:.72rem;
    font-weight:950;
  }
  .home-mobile-flow{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    align-items:center;
    gap:7px;
    margin-top:16px;
  }
  .home-mobile-flow span{
    min-width:0;
    display:grid;
    place-items:center;
    gap:5px;
    min-height:70px;
    padding:9px 5px;
    border-radius:18px;
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.08);
  }
  .home-mobile-flow span:nth-of-type(2){background:rgba(117,211,154,.09);border-color:rgba(117,211,154,.14)}
  .home-mobile-flow i{font-size:1.15rem;color:#efaa75}
  .home-mobile-flow span:nth-of-type(2) i{color:#8ddcab}
  .home-mobile-flow b{font-size:.78rem;font-weight:900;color:rgba(255,255,255,.90)}
  .home-mobile-flow em{font-style:normal;color:rgba(255,255,255,.30);font-size:.72rem}
  .home-mobile-control-bottom{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:9px;
  }
  .home-mobile-mini-stat{
    padding:10px 11px;
    border-radius:16px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.07);
  }
  .home-mobile-mini-stat span{display:block;color:rgba(255,255,255,.52);font-size:.69rem;font-weight:760}
  .home-mobile-mini-stat strong{display:block;margin-top:3px;color:#fff;font-size:.78rem;font-weight:920}
  .home-mobile-bars{
    grid-column:1/-1;
    height:27px;
    display:flex;
    align-items:flex-end;
    gap:6px;
    padding:4px 2px 0;
    direction:ltr;
  }
  .home-mobile-bars i{
    flex:1;
    display:block;
    border-radius:6px 6px 3px 3px;
    background:linear-gradient(180deg,#efad77,rgba(199,99,60,.42));
    transform-origin:bottom;
    animation:homeHeroMobileBars 3.2s ease-in-out infinite alternate;
  }
  .home-mobile-bars i:nth-child(1){height:35%;animation-delay:-1.1s}
  .home-mobile-bars i:nth-child(2){height:62%;animation-delay:-2.1s}
  .home-mobile-bars i:nth-child(3){height:46%;animation-delay:-.6s}
  .home-mobile-bars i:nth-child(4){height:88%;animation-delay:-1.7s}
  .home-mobile-bars i:nth-child(5){height:70%;animation-delay:-2.6s}
  .home-trust-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:0;
  }
  .home-trust-row span{
    width:auto;
    min-width:0;
    min-height:82px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:7px;
    padding:10px 7px;
    border-radius:19px;
    text-align:center;
    font-size:.76rem;
    line-height:1.55;
    background:rgba(255,255,255,.66);
    border-color:rgba(36,32,29,.08);
    box-shadow:0 12px 26px rgba(67,47,32,.055),inset 0 1px 0 rgba(255,255,255,.8);
  }
  .home-trust-row i{
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    flex:0 0 29px;
    border-radius:11px;
    background:rgba(199,99,60,.10);
    color:var(--terracotta);
    font-size:.96rem;
  }
  .home-intent-links{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    gap:8px;
    width:calc(100% + 16px);
    margin:13px 0 0 -16px;
    padding:2px 0 7px 16px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .home-intent-links::-webkit-scrollbar{display:none}
  .home-intent-links a{
    width:auto;
    flex:0 0 auto;
    min-height:40px;
    justify-content:center;
    padding:9px 13px;
    border-radius:999px;
    white-space:nowrap;
    font-size:.78rem;
    scroll-snap-align:start;
    background:rgba(255,250,243,.82);
    border-color:rgba(199,99,60,.16);
    box-shadow:0 8px 18px rgba(75,51,34,.04);
  }
  .home-hero-visual{display:none}
}

@media (max-width:420px){
  .home-hero-modern{padding-top:30px}
  .home-eyebrow{font-size:.77rem;padding:8px 10px}
  .home-eyebrow i{width:27px;height:27px;flex-basis:27px;border-radius:10px}
  .home-hero-actions,
  .home-hero-modern .hero-actions{grid-template-columns:1fr}
  .home-mobile-control{padding:15px;border-radius:24px}
  .home-mobile-control-head small{font-size:.69rem}
  .home-mobile-flow{gap:5px}
  .home-mobile-flow span{min-height:65px;border-radius:16px}
  .home-trust-row{gap:6px}
  .home-trust-row span{min-height:78px;font-size:.71rem;padding:8px 5px;border-radius:17px}
}

@keyframes homeHeroMobilePulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.82);opacity:.72}
}
@keyframes homeHeroMobileBars{
  0%{transform:scaleY(.78);opacity:.72}
  100%{transform:scaleY(1);opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .home-mobile-live-dot,
  .home-mobile-bars i{animation:none!important}
}

/*------------------------------------------------------------------
  V186 - Home desktop hero redesign
  طراحی یکپارچه هیرو دسکتاپ با المان‌های سبک پیامکی؛ نمای موبایل V181 حفظ شده است.
------------------------------------------------------------------*/
.home-hero-ambient{display:none}
.dashboard-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}
.dashboard-title-wrap>div{min-width:0}
.dashboard-brand-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(145deg,var(--terracotta),#e98555);
  box-shadow:0 12px 28px rgba(199,99,60,.22),inset 0 1px 0 rgba(255,255,255,.28);
}
.dashboard-brand-icon i{font-size:1.18rem}
.dashboard-metrics small{display:block;margin-top:4px;color:rgba(91,75,63,.62);font-size:.7rem;font-weight:780;line-height:1.55}
.otp-card-head,.send-status-head,.status-legend{display:flex;align-items:center;justify-content:space-between;gap:10px}
.otp-card-head i{color:var(--success);font-size:1.24rem}
.otp-progress{height:6px;margin-top:14px;border-radius:999px;background:rgba(36,32,29,.07);overflow:hidden}
.otp-progress span{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--terracotta),var(--mustard))}
.send-status-head b{color:var(--ink);font-size:.78rem;font-weight:950;white-space:nowrap}
.send-status-card .status-line{height:9px;margin:15px 0 11px}
.send-status-card .status-line .status-success{width:92%;background:linear-gradient(90deg,#4f9c6b,#81c596)}
.status-legend{margin-top:8px;color:var(--muted);font-size:.72rem;font-weight:850}
.status-legend span{display:inline-flex;align-items:center;gap:6px}
.status-legend i{width:7px;height:7px;border-radius:50%;background:#58a974;box-shadow:0 0 0 4px rgba(88,169,116,.1)}
.status-legend strong{color:var(--ink);font-size:.76rem;font-weight:950}
.status-legend.is-muted i{background:var(--mustard);box-shadow:0 0 0 4px rgba(230,173,75,.12)}
.hero-floating-card span{display:grid;gap:1px}
.hero-floating-card small{color:var(--muted);font-size:.68rem;font-weight:820}

@media (min-width:992px){
  .home-hero-modern{
    min-height:720px;
    padding:108px 0 88px;
    border-bottom:1px solid rgba(93,66,47,.08);
    background:
      radial-gradient(circle at 8% 18%,rgba(199,99,60,.16),transparent 26%),
      radial-gradient(circle at 92% 8%,rgba(230,173,75,.18),transparent 29%),
      radial-gradient(circle at 58% 102%,rgba(199,99,60,.08),transparent 35%),
      linear-gradient(120deg,#fffdf9 0%,#fff8ef 44%,#f6ecdf 100%);
  }
  .home-hero-modern::before{
    z-index:0;
    opacity:.7;
    background-image:
      linear-gradient(rgba(83,61,45,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(83,61,45,.032) 1px,transparent 1px);
    background-size:46px 46px;
    mask-image:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.24) 52%,transparent 88%);
  }
  .home-hero-modern::after{
    z-index:0;
    width:760px;
    height:760px;
    right:-360px;
    bottom:-430px;
    background:radial-gradient(circle,rgba(199,99,60,.13),rgba(230,173,75,.035) 46%,transparent 69%);
  }
  .home-hero-modern>.container-wide{position:relative;z-index:2}
  .home-hero-ambient{display:block;position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
  .home-ambient-icon{
    position:absolute;
    display:grid;
    place-items:center;
    border:1px solid rgba(199,99,60,.13);
    background:rgba(255,255,255,.34);
    color:rgba(199,99,60,.28);
    box-shadow:0 18px 48px rgba(94,61,38,.035),inset 0 1px 0 rgba(255,255,255,.7);
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
  }
  .home-ambient-icon i{font-size:1.55rem}
  .home-ambient-send{width:76px;height:76px;border-radius:50%;left:27%;top:8%;transform:rotate(-8deg)}
  .home-ambient-message{width:65px;height:58px;border-radius:20px;left:6.5%;top:13%}
  .home-ambient-shield{width:64px;height:64px;border-radius:22px;right:2.8%;bottom:19%;color:rgba(178,115,38,.26)}
  .home-ambient-check{width:58px;height:58px;border-radius:50%;left:35%;bottom:8%;color:rgba(66,122,85,.24)}
  .home-ambient-bell{width:50px;height:50px;border-radius:17px;right:31%;top:9%;color:rgba(199,99,60,.22)}
  .home-ambient-phone{
    position:absolute;
    left:-24px;
    top:24%;
    width:112px;
    height:194px;
    display:grid;
    place-items:center;
    color:rgba(199,99,60,.18);
    transform:rotate(-8deg);
  }
  .home-ambient-phone>i{font-size:10rem;line-height:1}
  .home-ambient-phone b{
    position:absolute;
    top:69px;
    right:37px;
    width:42px;
    height:35px;
    display:grid;
    place-items:center;
    border-radius:11px;
    color:rgba(199,99,60,.24);
    background:rgba(255,255,255,.42);
    font-weight:400;
  }
  .home-ambient-phone b i{font-size:1.08rem}
  .home-ambient-route{position:absolute;border:1px dashed rgba(199,99,60,.18);border-left:0;border-bottom:0;border-radius:50% 50% 0 0}
  .home-ambient-route-a{width:430px;height:160px;left:13%;top:4%;transform:rotate(7deg)}
  .home-ambient-route-b{width:360px;height:140px;right:13%;bottom:-54px;transform:rotate(-8deg);border-color:rgba(230,173,75,.19)}
  .home-ambient-dots{position:absolute;width:96px;height:96px;opacity:.42;background-image:radial-gradient(circle,rgba(199,99,60,.32) 1.4px,transparent 1.7px);background-size:15px 15px}
  .home-ambient-dots-a{left:41%;top:9%}
  .home-ambient-dots-b{right:4%;top:24%;opacity:.31}

  .home-hero-shell{
    grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);
    gap:70px;
    align-items:center;
  }
  .home-hero-copy{padding-block:12px}
  .home-eyebrow{
    padding:10px 16px;
    background:rgba(255,253,249,.72);
    border-color:rgba(199,99,60,.17);
    box-shadow:0 16px 42px rgba(71,48,31,.065),inset 0 1px 0 rgba(255,255,255,.82);
  }
  .home-eyebrow i{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:11px;
    color:#fff;
    background:linear-gradient(145deg,var(--terracotta),#e47e4f);
    box-shadow:0 8px 19px rgba(199,99,60,.21);
  }
  .home-hero-copy .display-title{
    max-width:780px;
    margin-top:28px!important;
    font-size:clamp(3rem,4.65vw,4.65rem);
    line-height:1.27;
    letter-spacing:-.07em;
    text-wrap:balance;
  }
  .home-title-accent{color:var(--terracotta-2)}
  .home-title-accent::after{height:.18em;bottom:.06em;background:linear-gradient(90deg,rgba(199,99,60,.25),rgba(230,173,75,.45))}
  .home-hero-copy .lead-soft{
    max-width:700px;
    margin-top:22px!important;
    color:rgba(70,53,41,.76);
    font-size:1.08rem;
    line-height:2.05;
    font-weight:720;
  }
  .home-hero-actions{margin-top:30px;gap:11px}
  .home-hero-actions .btn{
    min-height:56px;
    padding-inline:22px;
    border-radius:18px;
    gap:9px;
    font-size:1rem;
    font-weight:950;
  }
  .home-hero-actions .btn-primary-soft{
    background:linear-gradient(135deg,#d66d43,#b84f30);
    border-color:transparent;
    box-shadow:0 18px 36px rgba(184,79,48,.22),inset 0 1px 0 rgba(255,255,255,.24);
  }
  .home-hero-actions .btn-primary-soft:hover{transform:translateY(-3px);box-shadow:0 23px 44px rgba(184,79,48,.28)}
  .home-hero-actions .btn-outline-soft{background:rgba(255,255,255,.64);border-color:rgba(74,54,40,.12);box-shadow:0 13px 30px rgba(68,47,32,.055),inset 0 1px 0 rgba(255,255,255,.82)}
  .home-trust-row{margin-top:24px;gap:9px}
  .home-trust-row span{padding:9px 13px;background:rgba(255,255,255,.48);border-color:rgba(74,54,40,.075);font-size:.84rem}
  .home-intent-links{margin-top:15px;gap:8px}
  .home-intent-links a{padding:8px 11px;font-size:.8rem;background:rgba(199,99,60,.055)}

  .home-hero-visual{min-height:555px;perspective:1400px}
  .home-dashboard-card{
    width:min(100%,570px);
    padding:24px;
    border-radius:38px;
    border-color:rgba(73,52,38,.095);
    background:
      linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,249,241,.71)),
      radial-gradient(circle at 12% 10%,rgba(230,173,75,.13),transparent 38%);
    box-shadow:0 42px 115px rgba(65,43,28,.17),0 12px 34px rgba(199,99,60,.07),inset 0 1px 0 rgba(255,255,255,.86);
    -webkit-backdrop-filter:blur(22px) saturate(145%);
    backdrop-filter:blur(22px) saturate(145%);
    transform:rotateY(-3.5deg) rotateX(1deg);
    transition:transform .45s ease,box-shadow .45s ease;
  }
  .home-dashboard-card:hover{transform:rotateY(-1deg) rotateX(0) translateY(-5px);box-shadow:0 48px 125px rgba(65,43,28,.20),0 16px 40px rgba(199,99,60,.08),inset 0 1px 0 rgba(255,255,255,.9)}
  .home-dashboard-card::before{height:4px;background:linear-gradient(90deg,transparent,var(--terracotta),var(--mustard),transparent)}
  .home-dashboard-card::after{left:-95px;bottom:-115px;width:255px;height:255px;background:radial-gradient(circle,rgba(199,99,60,.12),transparent 69%)}
  .dashboard-topbar{margin-bottom:19px}
  .dashboard-topbar strong{font-size:1.08rem}
  .dashboard-topbar span:not(.live-chip){font-size:.8rem}
  .live-chip{padding:8px 11px;font-size:.78rem;background:rgba(66,122,85,.085)}
  .dashboard-metrics{gap:10px;margin-bottom:12px}
  .dashboard-metrics div{padding:14px 12px;border-radius:21px;background:rgba(255,255,255,.61);box-shadow:0 10px 28px rgba(66,45,30,.035),inset 0 1px 0 rgba(255,255,255,.8)}
  .dashboard-metrics strong{font-size:1.18rem}
  .dashboard-main-row{grid-template-columns:1.03fr .97fr;gap:10px;margin-bottom:10px}
  .otp-preview-card,.send-status-card{padding:16px;border-radius:22px;background:rgba(255,255,255,.59)}
  .otp-preview-card strong{font-size:1.04rem;letter-spacing:.01em}
  .dashboard-bottom-row{grid-template-columns:.88fr 1.12fr;gap:10px}
  .mini-chart{min-height:104px;gap:7px;padding:14px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,247,238,.48))}
  .mini-chart span{background:linear-gradient(180deg,#dc764b,rgba(230,173,75,.72))}
  .mini-chart span:nth-child(6){height:88%}
  .api-status{border-radius:22px;background:rgba(255,255,255,.59)}
  .api-status i{background:linear-gradient(145deg,rgba(199,99,60,.13),rgba(230,173,75,.10))}
  .hero-floating-card{padding:12px 14px;border-radius:19px;background:rgba(255,255,255,.78);box-shadow:0 22px 54px rgba(55,38,23,.14),inset 0 1px 0 rgba(255,255,255,.84)}
  .hero-floating-card>i{width:37px;height:37px;display:grid;place-items:center;border-radius:13px;background:rgba(199,99,60,.09)}
  .hero-floating-card-1{top:54px;right:-16px}
  .hero-floating-card-2{left:-18px;bottom:62px}
}

@media (min-width:992px) and (max-width:1199.98px){
  .home-hero-modern{padding:88px 0 72px;min-height:0}
  .home-hero-shell{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:38px}
  .home-hero-copy .display-title{font-size:clamp(2.75rem,4.7vw,3.65rem)}
  .home-hero-copy .lead-soft{font-size:1rem}
  .home-dashboard-card{transform:none;padding:20px}
  .home-dashboard-card:hover{transform:translateY(-4px)}
  .hero-floating-card-1{right:-8px}
  .hero-floating-card-2{left:-8px}
  .home-ambient-phone{left:-44px;opacity:.76}
  .home-ambient-message{left:3.5%}
}

@media (max-width:991.98px){
  .home-hero-ambient{display:none!important}
  .home-dashboard-card{transform:none!important}
}

@media (prefers-reduced-motion:reduce){
  .home-dashboard-card{transition:none!important}
}

@media (max-width:767.98px){
  /* آیکن‌های CTA فقط برای ترکیب دسکتاپ افزوده شده‌اند؛ چیدمان ساده موبایل حفظ می‌شود. */
  .home-hero-actions .btn>i{display:none}
}

/*------------------------------------------------------------------
  Home hero unified communication scene — V188
  Replaces the desktop dashboard-card composition with one integrated
  SMS flow illustration. The dedicated mobile hero remains unchanged.
------------------------------------------------------------------*/
.home-hero-visual-unified{
  position:relative;
  min-width:0;
}
.home-message-scene{
  position:relative;
  width:min(100%,640px);
  aspect-ratio:640/580;
  margin-inline:auto;
  direction:rtl;
  isolation:isolate;
}
.home-message-scene::before{
  content:"";
  position:absolute;
  inset:6% 2% 4% 1%;
  z-index:-3;
  border-radius:48% 52% 44% 56% / 43% 45% 55% 57%;
  background:
    radial-gradient(circle at 68% 28%,rgba(255,255,255,.90),transparent 25%),
    radial-gradient(circle at 35% 70%,rgba(230,173,75,.17),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.64),rgba(246,224,201,.46));
  filter:drop-shadow(0 34px 66px rgba(96,61,36,.09));
  transform:rotate(-3deg);
}
.home-message-scene::after{
  content:"";
  position:absolute;
  width:25%;
  aspect-ratio:1;
  left:2%;
  top:31%;
  z-index:-2;
  opacity:.42;
  background-image:radial-gradient(circle,rgba(199,99,60,.32) 1.35px,transparent 1.7px);
  background-size:15px 15px;
  -webkit-mask-image:radial-gradient(circle,#000 28%,transparent 72%);
  mask-image:radial-gradient(circle,#000 28%,transparent 72%);
}
.scene-halo,
.scene-orbit,
.scene-pulse,
.scene-mini-message{position:absolute;display:block}
.scene-halo{z-index:-2;border-radius:50%;filter:blur(1px)}
.scene-halo-a{
  width:58%;
  aspect-ratio:1;
  right:9%;
  top:9%;
  background:radial-gradient(circle,rgba(199,99,60,.16),rgba(230,173,75,.05) 46%,transparent 70%);
}
.scene-halo-b{
  width:44%;
  aspect-ratio:1;
  left:11%;
  bottom:5%;
  background:radial-gradient(circle,rgba(66,122,85,.10),transparent 68%);
}
.scene-orbit{
  z-index:-1;
  border:1px solid rgba(199,99,60,.14);
  border-radius:50%;
}
.scene-orbit-one{
  width:86%;
  height:76%;
  right:7%;
  top:11%;
  transform:rotate(-8deg);
}
.scene-orbit-two{
  width:68%;
  height:91%;
  right:16%;
  top:4%;
  border-style:dashed;
  border-color:rgba(230,173,75,.18);
  transform:rotate(14deg);
}
.scene-connections{
  position:absolute;
  inset:0;
  z-index:-1;
  width:100%;
  height:100%;
  overflow:visible;
}
.scene-connection{fill:none;stroke-linecap:round}
.scene-connection-main{stroke:rgba(199,99,60,.20);stroke-width:1.25;stroke-dasharray:4 10}
.scene-connection-soft{stroke:rgba(113,86,65,.13);stroke-width:1.1;stroke-dasharray:2 9}
.scene-connection-accent{stroke:rgba(230,173,75,.26);stroke-width:1.3;stroke-dasharray:8 11}

.scene-phone{
  position:absolute;
  z-index:3;
  top:12%;
  right:28%;
  width:39%;
  height:72%;
  min-width:210px;
  overflow:hidden;
  border:1px solid rgba(74,52,37,.13);
  border-radius:42px;
  background:
    linear-gradient(160deg,rgba(255,255,255,.84),rgba(255,248,239,.60)),
    radial-gradient(circle at 50% 8%,rgba(230,173,75,.14),transparent 34%);
  box-shadow:
    0 38px 75px rgba(73,47,30,.16),
    0 12px 30px rgba(199,99,60,.07),
    inset 0 1px 0 rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
  backdrop-filter:blur(20px) saturate(135%);
  transform:rotate(4deg);
}
.scene-phone::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(255,255,255,.70);
  border-radius:33px;
  pointer-events:none;
}
.scene-phone::after{
  content:"";
  position:absolute;
  width:72%;
  aspect-ratio:1;
  left:-33%;
  bottom:-21%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(199,99,60,.13),transparent 70%);
}
.scene-phone-speaker{
  position:absolute;
  top:17px;
  left:50%;
  z-index:2;
  width:28%;
  height:5px;
  border-radius:999px;
  background:rgba(36,32,29,.14);
  transform:translateX(-50%);
}
.scene-phone-content{
  position:absolute;
  inset:12% 10% 9%;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  text-align:right;
}
.scene-phone-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--terracotta-2);
  font-size:.76rem;
  font-weight:950;
}
.scene-phone-kicker i{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#fff;
  background:linear-gradient(145deg,var(--terracotta),#e88455);
  box-shadow:0 10px 22px rgba(199,99,60,.19);
}
.scene-phone-content>strong{
  margin-top:26px;
  color:var(--ink);
  font-size:clamp(2rem,3vw,2.85rem);
  font-weight:1000;
  line-height:1;
  letter-spacing:-.05em;
}
.scene-phone-content>small{
  margin-top:8px;
  color:var(--muted);
  font-size:.78rem;
  font-weight:820;
}
.scene-delivery-track{
  width:100%;
  height:9px;
  margin-top:30px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(36,32,29,.07);
}
.scene-delivery-track span{
  display:block;
  width:88%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#58aa75,#8dcc9f);
  box-shadow:0 0 18px rgba(88,170,117,.25);
}
.scene-delivery-caption{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:11px;
  color:var(--muted);
  font-size:.74rem;
  font-weight:860;
}
.scene-delivery-caption b{color:var(--success);font-size:.9rem;font-weight:1000}
.scene-phone-check{
  position:absolute;
  left:9%;
  bottom:9%;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#559e70,#78bd8e);
  box-shadow:0 13px 28px rgba(66,122,85,.23),inset 0 1px 0 rgba(255,255,255,.30);
}
.scene-phone-check i{font-size:1.25rem}

.scene-message{
  position:absolute;
  z-index:5;
  display:flex;
  align-items:center;
  gap:11px;
  min-width:190px;
  padding:13px 16px;
  border:1px solid rgba(199,99,60,.11);
  border-radius:22px 22px 8px 22px;
  background:rgba(255,253,249,.82);
  box-shadow:0 24px 54px rgba(70,46,29,.12),inset 0 1px 0 rgba(255,255,255,.88);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.scene-message::after{
  content:"";
  position:absolute;
  right:24px;
  bottom:-9px;
  width:20px;
  height:20px;
  background:inherit;
  border-right:1px solid rgba(199,99,60,.10);
  border-bottom:1px solid rgba(199,99,60,.10);
  transform:rotate(45deg);
}
.scene-message-otp{right:0;top:12%}
.scene-message-icon,
.scene-point-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
}
.scene-message-icon{
  width:42px;
  height:42px;
  color:var(--success);
  background:rgba(66,122,85,.09);
  box-shadow:inset 0 0 0 1px rgba(66,122,85,.13);
}
.scene-message>span:last-child,
.scene-point>span:last-child{display:grid;gap:2px}
.scene-message small,
.scene-point small{
  color:var(--muted);
  font-size:.7rem;
  font-weight:830;
}
.scene-message strong{
  color:var(--ink);
  font-size:1.02rem;
  font-weight:1000;
  letter-spacing:.04em;
}

.scene-point{
  position:absolute;
  z-index:4;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ink);
  text-shadow:0 1px 0 rgba(255,255,255,.82);
}
.scene-point-icon{
  position:relative;
  width:43px;
  height:43px;
  color:var(--terracotta);
  background:rgba(255,250,244,.66);
  border:1px solid rgba(199,99,60,.13);
  box-shadow:0 13px 28px rgba(78,49,30,.075),inset 0 1px 0 rgba(255,255,255,.84);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.scene-point-icon::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--mustard);
  box-shadow:0 0 0 5px rgba(230,173,75,.12);
}
.scene-point strong{color:var(--ink);font-size:.78rem;font-weight:950;white-space:nowrap}
.scene-point-delivery{left:0;top:20%}
.scene-point-delivery .scene-point-icon{color:var(--success);border-color:rgba(66,122,85,.15)}
.scene-point-delivery .scene-point-icon::after{right:-4px;bottom:2px;background:#6fb389;box-shadow:0 0 0 5px rgba(66,122,85,.10)}
.scene-point-api{right:3%;bottom:18%}
.scene-point-api .scene-point-icon::after{left:-3px;top:3px}
.scene-point-service{left:8%;bottom:19%}
.scene-point-service .scene-point-icon::after{right:-2px;top:1px}

.scene-chart{
  position:absolute;
  z-index:2;
  left:19%;
  bottom:3%;
  width:31%;
  height:18%;
  opacity:.88;
}
.scene-chart-label{
  position:absolute;
  right:0;
  top:-2px;
  color:rgba(91,70,54,.72);
  font-size:.67rem;
  font-weight:900;
}
.scene-chart svg{position:absolute;inset:18px 0 0;width:100%;height:calc(100% - 18px);overflow:visible}
.scene-chart-area{fill:url(#homeHeroChartFill)}
.scene-chart-line{fill:none;stroke:var(--terracotta);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 5px 7px rgba(199,99,60,.20))}

.scene-pulse{
  z-index:1;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--terracotta);
  box-shadow:0 0 0 7px rgba(199,99,60,.10),0 0 24px rgba(199,99,60,.25);
}
.scene-pulse-a{right:15%;top:46%}
.scene-pulse-b{left:18%;top:49%;background:var(--mustard);box-shadow:0 0 0 7px rgba(230,173,75,.12),0 0 24px rgba(230,173,75,.26)}
.scene-mini-message{
  z-index:1;
  width:50px;
  height:50px;
  place-items:center;
  border-radius:18px;
  color:rgba(199,99,60,.48);
  border:1px solid rgba(199,99,60,.11);
  background:rgba(255,255,255,.37);
  box-shadow:0 14px 30px rgba(80,52,33,.045),inset 0 1px 0 rgba(255,255,255,.68);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.scene-mini-message-a{display:grid;left:11%;top:6%;transform:rotate(-8deg)}
.scene-mini-message-b{display:grid;right:10%;bottom:2%;border-radius:50%;color:rgba(178,115,38,.46);transform:rotate(9deg)}

@media (min-width:992px){
  .home-hero-visual-unified{
    min-height:590px;
    display:grid;
    place-items:center;
  }
  .home-hero-shell{
    grid-template-columns:minmax(0,.98fr) minmax(470px,1.02fr);
    gap:54px;
  }
  .home-hero-modern{
    min-height:740px;
  }
  .home-hero-modern .home-ambient-phone{opacity:.48}
  .home-hero-modern .home-ambient-message,
  .home-hero-modern .home-ambient-shield,
  .home-hero-modern .home-ambient-check{opacity:.52}
  .home-hero-modern .home-ambient-bell{display:none}
}

@media (min-width:992px) and (max-width:1199.98px){
  .home-hero-shell{
    grid-template-columns:minmax(0,1fr) minmax(410px,.92fr);
    gap:28px;
  }
  .home-message-scene{width:min(112%,590px);transform:scale(.92)}
  .scene-phone{min-width:190px}
  .scene-message{min-width:168px;padding:11px 13px}
  .scene-point strong{font-size:.72rem}
}

@media (min-width:768px) and (max-width:991.98px){
  .home-hero-visual-unified{
    width:min(100%,620px);
    min-height:530px;
    display:grid;
    place-items:center;
    margin:0 auto;
  }
  .home-message-scene{width:min(100%,570px)}
  .scene-phone{min-width:198px}
}

@media (max-width:767.98px){
  .home-hero-visual-unified{display:none!important}
}

@media (prefers-reduced-motion:no-preference) and (min-width:992px){
  .scene-mini-message-a{animation:homeSceneFloatA 6.5s ease-in-out infinite}
  .scene-mini-message-b{animation:homeSceneFloatB 7.2s ease-in-out infinite}
  .scene-message-otp{animation:homeSceneBubble 6s ease-in-out infinite}
  .scene-pulse{animation:homeScenePulse 2.8s ease-in-out infinite}
}
@keyframes homeSceneFloatA{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(-5deg)}}
@keyframes homeSceneFloatB{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(8px) rotate(5deg)}}
@keyframes homeSceneBubble{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes homeScenePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.82)}}

/*------------------------------------------------------------------
  Home hero refined phone scene — V190
  Refines the handset with a lighter site-aligned frame, uniform
  edge thickness and restrained depth without side hardware buttons.
------------------------------------------------------------------*/
.scene-phone-premium{
  top:8%;
  right:28%;
  width:42%;
  height:85%;
  min-width:232px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  --phone-perspective:1400px;
  --phone-rotate-y:-3.8deg;
  --phone-rotate-x:.45deg;
  --phone-rotate-z:1.15deg;
  transform-style:preserve-3d;
  transform:perspective(var(--phone-perspective)) rotateY(var(--phone-rotate-y)) rotateX(var(--phone-rotate-x)) rotateZ(var(--phone-rotate-z));
  filter:drop-shadow(0 26px 30px rgba(91,60,39,.10));
}
.scene-phone-premium::before{
  content:"";
  position:absolute;
  z-index:-4;
  left:12%;
  right:8%;
  bottom:-3.5%;
  height:8%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(108,72,48,.16),rgba(150,101,66,.05) 48%,transparent 74%);
  filter:blur(10px);
  transform:translateZ(-24px) rotate(-1deg);
  pointer-events:none;
}
.scene-phone-premium::after{
  content:"";
  position:absolute;
  z-index:-3;
  width:62%;
  aspect-ratio:1;
  left:-20%;
  bottom:-10%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(199,99,60,.10),transparent 69%);
  filter:blur(3px);
  pointer-events:none;
}
.scene-phone-depth{
  position:absolute;
  inset:2px -2px -2px 2px;
  z-index:-2;
  border:1px solid rgba(164,108,73,.10);
  border-radius:47px;
  background:linear-gradient(150deg,#ead9ca 0%,#ddc3b0 52%,#cda58a 100%);
  box-shadow:7px 12px 22px rgba(83,55,37,.075),inset -1px 0 0 rgba(255,255,255,.48);
  transform:translateZ(-5px);
}
.scene-phone-frame{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:47px;
  padding:4px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.76),transparent 20%),
    linear-gradient(155deg,#f2e6dc 0%,#dfc8b7 50%,#cfae95 100%);
  border:1px solid rgba(162,105,71,.22);
  box-shadow:
    0 23px 48px rgba(79,52,35,.12),
    0 7px 14px rgba(79,52,35,.055),
    inset 1px 1px 0 rgba(255,255,255,.72),
    inset -1px -1px 0 rgba(167,107,72,.12);
  transform:translateZ(8px);
}
.scene-phone-frame::before{
  content:"";
  position:absolute;
  inset:3px;
  z-index:4;
  border-radius:44px;
  border:1px solid rgba(255,255,255,.46);
  box-shadow:inset 0 0 0 1px rgba(164,108,73,.07);
  pointer-events:none;
}
.scene-phone-frame::after{
  content:"";
  position:absolute;
  z-index:5;
  top:10%;
  left:3px;
  width:1px;
  height:42%;
  border-radius:999px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.66),rgba(255,255,255,.10),transparent);
  pointer-events:none;
}

.scene-phone-screen{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:32px 13px 11px;
  border-radius:43px;
  color:var(--ink);
  background:
    radial-gradient(circle at 92% 1%,rgba(230,173,75,.13),transparent 24%),
    linear-gradient(180deg,#fffdf9 0%,#faf3eb 100%);
  box-shadow:inset 0 0 0 1px rgba(157,104,72,.09),inset 0 -15px 32px rgba(118,80,52,.025);
}
.scene-phone-island{
  position:absolute;
  z-index:7;
  top:12px;
  left:50%;
  width:28%;
  height:15px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-inline:6px;
  border-radius:999px;
  background:linear-gradient(180deg,#514840,#332f2b);
  box-shadow:0 2px 4px rgba(57,43,34,.18),inset 0 1px 0 rgba(255,255,255,.10);
  transform:translateX(-50%);
}
.scene-phone-island i{
  width:5px;
  height:5px;
  display:block;
  border-radius:50%;
  background:#293b43;
  box-shadow:0 0 0 1px rgba(93,131,145,.24),inset 0 0 2px rgba(138,199,220,.65);
}
.scene-app-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.scene-app-brand{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}
.scene-app-brand>i{
  flex:0 0 auto;
  width:33px;
  height:33px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#fff;
  font-size:.92rem;
  background:linear-gradient(145deg,#d7754d,#b95335);
  box-shadow:0 9px 17px rgba(184,79,48,.20),inset 0 1px 0 rgba(255,255,255,.25);
}
.scene-app-brand>span{display:grid;line-height:1.15}
.scene-app-brand strong{font-size:.82rem;font-weight:1000;color:var(--ink)}
.scene-app-brand small{margin-top:3px;font-size:.57rem;font-weight:800;color:rgba(91,70,54,.64)}
.scene-app-live{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 7px;
  border-radius:999px;
  color:#3d7753;
  background:rgba(83,159,111,.08);
  border:1px solid rgba(83,159,111,.13);
  font-size:.56rem;
  font-weight:950;
}
.scene-app-live i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#63b680;
  box-shadow:0 0 0 4px rgba(99,182,128,.10);
}
.scene-send-summary{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin-top:12px;
  padding:13px 12px;
  border-radius:21px;
  color:var(--ink);
  background:
    radial-gradient(circle at 5% 0%,rgba(230,173,75,.18),transparent 34%),
    linear-gradient(140deg,#fffaf5 0%,#f8e9df 58%,#efd2c0 100%);
  border:1px solid rgba(199,99,60,.13);
  box-shadow:0 13px 25px rgba(91,58,38,.075),inset 0 1px 0 rgba(255,255,255,.82);
}
.scene-send-summary::before{
  content:"";
  position:absolute;
  width:112px;
  height:112px;
  left:-48px;
  bottom:-70px;
  border-radius:50%;
  border:17px solid rgba(199,99,60,.045);
}
.scene-send-summary>div{position:relative;z-index:1;display:grid;justify-items:start}
.scene-send-summary>div>small{font-size:.59rem;font-weight:800;color:rgba(91,70,54,.62)}
.scene-send-summary>div>strong{margin-top:4px;font-size:1.47rem;line-height:1;font-weight:1000;letter-spacing:-.04em;color:var(--ink)}
.scene-send-summary>div>span{margin-top:7px;display:inline-flex;align-items:center;gap:4px;font-size:.55rem;font-weight:900;color:var(--terracotta-2)}
.scene-send-summary>div>span i{font-size:.6rem}
.scene-send-ring{
  position:relative;
  z-index:1;
  width:61px;
  height:61px;
  display:grid;
  place-items:center;
  align-content:center;
  border-radius:50%;
  background:radial-gradient(circle at center,#fff9f4 54%,transparent 55%),conic-gradient(#cb7250 0 98%,rgba(199,99,60,.12) 98% 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.82),0 8px 16px rgba(140,83,51,.09);
}
.scene-send-ring b{display:block;font-size:.82rem;line-height:1;font-weight:1000;color:var(--terracotta-2)}
.scene-send-ring small{display:block;margin-top:3px;font-size:.46rem;font-weight:850;color:rgba(91,70,54,.58)}
.scene-phone-feed{
  flex:1 1 auto;
  min-height:0;
  margin-top:10px;
  padding:10px;
  border-radius:20px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(81,57,42,.065);
  box-shadow:0 10px 24px rgba(75,51,34,.045),inset 0 1px 0 rgba(255,255,255,.88);
}
.scene-phone-feed-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}
.scene-phone-feed-head strong{font-size:.64rem;font-weight:950;color:var(--ink)}
.scene-phone-feed-head span{padding:3px 6px;border-radius:999px;color:var(--terracotta-2);background:rgba(199,99,60,.08);font-size:.49rem;font-weight:950}
.scene-sms-bubble{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  padding:8px;
  border-radius:15px 15px 6px 15px;
  background:#fff;
  border:1px solid rgba(78,56,42,.06);
  box-shadow:0 7px 16px rgba(71,49,34,.045);
}
.scene-sms-icon{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:var(--terracotta);
  background:rgba(199,99,60,.09);
  font-size:.75rem;
}
.scene-sms-bubble>div{min-width:0;display:grid}
.scene-sms-bubble small{font-size:.49rem;font-weight:900;color:rgba(91,70,54,.60)}
.scene-sms-bubble p{overflow:hidden;margin:2px 0 0;color:var(--ink);font-size:.56rem;font-weight:880;line-height:1.5;white-space:nowrap;text-overflow:ellipsis}
.scene-sms-bubble time{margin-top:2px;color:rgba(91,70,54,.48);font-size:.44rem;font-style:normal;font-weight:760}
.scene-sms-check{align-self:end;color:#62ad7d;font-size:.72rem}
.scene-otp-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:4px 8px;
  margin-top:7px;
  padding:8px 9px;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(199,99,60,.08),rgba(230,173,75,.11));
  border:1px solid rgba(199,99,60,.10);
}
.scene-otp-card>span{display:flex;align-items:center;gap:5px;color:var(--terracotta-2)}
.scene-otp-card>span i{font-size:.68rem}
.scene-otp-card>span b{font-size:.54rem;font-weight:950}
.scene-otp-card>strong{grid-row:1/3;grid-column:2;font-size:.84rem;font-weight:1000;letter-spacing:.06em;color:var(--ink)}
.scene-otp-card>em{font-size:.46rem;font-style:normal;font-weight:900;color:#4d8b64}
.scene-phone-delivery{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:8px;
  padding:7px 9px;
  border-radius:14px;
  background:rgba(255,255,255,.52);
  border:1px solid rgba(81,57,42,.06);
}
.scene-phone-delivery span{display:flex;align-items:center;gap:5px;color:#4b8c62}
.scene-phone-delivery span i{font-size:.63rem}
.scene-phone-delivery span b{font-size:.52rem;font-weight:950}
.scene-phone-delivery>strong{font-size:.66rem;font-weight:1000;color:var(--ink)}
.scene-phone-nav{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:4px;
  margin-top:8px;
  padding:4px;
  border-radius:15px;
  background:rgba(53,42,35,.045);
  border:1px solid rgba(53,42,35,.04);
}
.scene-phone-nav span{
  min-height:25px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:rgba(91,70,54,.46);
  font-size:.67rem;
}
.scene-phone-nav span.is-active{
  color:#fff;
  background:linear-gradient(145deg,#d16d45,#b95537);
  box-shadow:0 7px 13px rgba(184,79,48,.18),inset 0 1px 0 rgba(255,255,255,.20);
}
.scene-phone-glare{
  position:absolute;
  z-index:6;
  top:-24%;
  left:-35%;
  width:42%;
  height:155%;
  opacity:.12;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);
  transform:rotate(23deg);
  pointer-events:none;
}
.scene-message-otp{
  right:-1%;
  top:13%;
  min-width:177px;
  border-color:rgba(230,173,75,.18);
  background:rgba(255,253,249,.88);
}
.scene-message-otp .scene-message-icon{
  color:#b87826;
  background:rgba(230,173,75,.11);
  box-shadow:inset 0 0 0 1px rgba(230,173,75,.16);
}
.scene-message-otp strong{letter-spacing:0;color:var(--terracotta-2)}
.scene-point-api{right:1%;bottom:18%}
.scene-point-service{left:2%;bottom:20%}
.scene-chart{left:15%;bottom:3%;width:29%;opacity:.72}
.scene-mini-message-a{left:9%;top:9%;opacity:.76}
.scene-mini-message-b{right:9%;bottom:4%;opacity:.72}

@media (min-width:992px) and (max-width:1199.98px){
  .scene-phone-premium{right:28%;width:43%;height:85%;min-width:214px;--phone-perspective:1250px;--phone-rotate-y:-3.2deg;--phone-rotate-x:.35deg;--phone-rotate-z:.9deg}
  .scene-phone-screen{padding:32px 11px 10px}
  .scene-send-summary{padding:11px 10px}
  .scene-send-ring{width:54px;height:54px}
  .scene-phone-feed{padding:8px}
  .scene-message-otp{right:-2%;min-width:155px}
}
@media (min-width:768px) and (max-width:991.98px){
  .scene-phone-premium{right:29%;width:41%;height:85%;min-width:220px;--phone-perspective:1250px;--phone-rotate-y:-2.8deg;--phone-rotate-x:.3deg;--phone-rotate-z:.8deg}
  .scene-message-otp{right:1%;top:12%}
}
@media (prefers-reduced-motion:no-preference) and (min-width:992px){
  .scene-phone-premium{animation:homePremiumPhoneFloat 7.5s ease-in-out infinite}
  .scene-app-live i{animation:homePremiumLive 2.6s ease-in-out infinite}
  .scene-phone-glare{animation:homePremiumGlare 8s ease-in-out infinite}
}
@media (prefers-reduced-motion:reduce){
  .scene-phone-premium,.scene-app-live i,.scene-phone-glare{animation:none!important}
}
@keyframes homePremiumPhoneFloat{
  0%,100%{transform:perspective(var(--phone-perspective)) rotateY(var(--phone-rotate-y)) rotateX(var(--phone-rotate-x)) rotateZ(var(--phone-rotate-z)) translateY(0)}
  50%{transform:perspective(var(--phone-perspective)) rotateY(var(--phone-rotate-y)) rotateX(var(--phone-rotate-x)) rotateZ(var(--phone-rotate-z)) translateY(-7px)}
}
@keyframes homePremiumLive{
  0%,100%{box-shadow:0 0 0 4px rgba(99,182,128,.10)}
  50%{box-shadow:0 0 0 7px rgba(99,182,128,.045)}
}
@keyframes homePremiumGlare{
  0%,20%,100%{transform:translateX(-22px) rotate(23deg);opacity:.08}
  48%,58%{transform:translateX(128px) rotate(23deg);opacity:.21}
  78%{transform:translateX(190px) rotate(23deg);opacity:.04}
}

/* --------------------------------------------------------------------------
   Home use-cases visual studio — V191
   SEO-safe: all meaningful copy stays in HTML; the central scene is decorative.
   -------------------------------------------------------------------------- */
.home-usecase-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 54%,rgba(199,99,60,.085),transparent 27%),
    radial-gradient(circle at 8% 88%,rgba(230,173,75,.07),transparent 24%),
    linear-gradient(180deg,#fff 0%,#fffaf6 52%,#fff 100%);
}
.home-usecase-section::before,
.home-usecase-section::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.home-usecase-section::before{
  width:330px;
  height:330px;
  top:96px;
  right:-190px;
  border:1px solid rgba(199,99,60,.07);
  box-shadow:0 0 0 42px rgba(199,99,60,.018),0 0 0 84px rgba(199,99,60,.012);
}
.home-usecase-section::after{
  width:250px;
  height:250px;
  bottom:-155px;
  left:-95px;
  background:radial-gradient(circle,rgba(230,173,75,.085),transparent 68%);
}
.home-usecase-intro{
  position:relative;
  z-index:1;
  max-width:900px;
  margin:0 auto 42px;
  text-align:center;
}
.home-usecase-intro .lead-soft{
  max-width:790px;
  margin:14px auto 0;
}
.home-usecase-studio{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(250px,1fr) minmax(280px,350px) minmax(250px,1fr);
  grid-template-areas:"right visual left";
  gap:28px;
  align-items:center;
  max-width:1240px;
  margin:0 auto;
}
.home-usecase-side{
  display:grid;
  gap:18px;
}
.home-usecase-side-right{grid-area:right}
.home-usecase-side-left{grid-area:left}
.home-usecase-card{
  position:relative;
  min-height:184px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:15px;
  align-items:start;
  padding:23px;
  overflow:hidden;
  color:var(--ink);
  text-decoration:none;
  border:1px solid rgba(72,51,37,.085);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(255,248,242,.72));
  box-shadow:0 16px 44px rgba(66,43,27,.055),inset 0 1px 0 rgba(255,255,255,.82);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.home-usecase-card::before{
  content:"";
  position:absolute;
  top:50%;
  width:34px;
  height:1px;
  background:linear-gradient(90deg,rgba(199,99,60,.34),rgba(199,99,60,.04));
  pointer-events:none;
}
.home-usecase-side-right .home-usecase-card::before{left:-34px}
.home-usecase-side-left .home-usecase-card::before{right:-34px;transform:scaleX(-1)}
.home-usecase-card::after{
  content:"";
  position:absolute;
  left:-52px;
  bottom:-66px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(199,99,60,.045);
  transition:transform .28s ease;
}
.home-usecase-card:hover{
  color:var(--ink);
  transform:translateY(-5px);
  border-color:rgba(199,99,60,.23);
  box-shadow:0 24px 60px rgba(66,43,27,.085),inset 0 1px 0 rgba(255,255,255,.9);
}
.home-usecase-card:hover::after{transform:scale(1.18)}
.home-usecase-card-icon{
  position:relative;
  z-index:1;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  color:var(--terracotta-2);
  background:linear-gradient(145deg,rgba(199,99,60,.13),rgba(230,173,75,.095));
  border:1px solid rgba(199,99,60,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
  font-size:1.35rem;
}
.home-usecase-card-copy{
  position:relative;
  z-index:1;
  min-width:0;
  display:block;
}
.home-usecase-card .card-title-text{
  display:block;
  margin:2px 0 8px;
  font-size:1.04rem;
  line-height:1.65;
  font-weight:950;
}
.home-usecase-card p{
  min-height:58px;
  margin:0;
  color:var(--muted);
  font-size:.91rem;
  line-height:1.95;
  font-weight:680;
}
.home-usecase-detail{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-top:13px;
  color:var(--terracotta-2);
  font-size:.79rem;
  font-weight:900;
}
.home-usecase-detail i{font-size:1rem}
.home-usecase-visual{
  grid-area:visual;
  position:relative;
  min-height:440px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.home-usecase-visual::before,
.home-usecase-visual::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.home-usecase-visual::before{
  width:320px;
  height:320px;
  border:1px dashed rgba(199,99,60,.17);
  box-shadow:0 0 0 28px rgba(199,99,60,.022),0 0 0 58px rgba(230,173,75,.014);
}
.home-usecase-visual::after{
  z-index:-1;
  width:250px;
  height:250px;
  background:radial-gradient(circle,rgba(199,99,60,.14),rgba(230,173,75,.045) 52%,transparent 72%);
  filter:blur(2px);
}
.home-usecase-device{
  position:relative;
  z-index:2;
  width:min(286px,84%);
  min-height:386px;
  padding:18px;
  border:1px solid rgba(111,78,56,.12);
  border-radius:40px;
  background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(255,247,241,.88));
  box-shadow:0 30px 75px rgba(76,49,31,.12),inset 0 1px 0 rgba(255,255,255,.95);
  transform:rotate(-1.2deg);
}
.home-usecase-device::before{
  content:"";
  position:absolute;
  inset:7px;
  z-index:-1;
  border-radius:34px;
  border:1px solid rgba(199,99,60,.06);
}
.home-usecase-device-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:rgba(76,56,43,.58);
  font-size:.68rem;
  font-weight:900;
}
.home-usecase-device-top span{display:flex;align-items:center;gap:5px}
.home-usecase-device-top span i{color:#b97347}
.home-usecase-event{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin-top:15px;
  padding:11px;
  border:1px solid rgba(82,58,43,.065);
  border-radius:18px;
  background:rgba(255,255,255,.68);
  box-shadow:0 9px 22px rgba(63,42,28,.045);
}
.home-usecase-event-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--terracotta-2);
  background:rgba(199,99,60,.09);
}
.home-usecase-event>span:nth-child(2){min-width:0;display:grid}
.home-usecase-event small{color:var(--muted);font-size:.59rem;font-weight:790}
.home-usecase-event strong{margin-top:2px;font-size:.72rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-usecase-event>i{color:#61a878;font-size:.95rem}
.home-usecase-core{
  position:relative;
  min-height:154px;
  display:grid;
  place-items:center;
  align-content:center;
  margin:15px 0 12px;
  overflow:hidden;
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 44%,rgba(255,255,255,.86),transparent 26%),
    linear-gradient(145deg,rgba(199,99,60,.10),rgba(230,173,75,.075));
  border:1px solid rgba(199,99,60,.10);
}
.home-usecase-core::before,
.home-usecase-core::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(199,99,60,.10);
}
.home-usecase-core::before{width:126px;height:126px}
.home-usecase-core::after{width:96px;height:96px}
.home-usecase-core-ripple{
  position:absolute;
  width:66px;
  height:66px;
  border-radius:50%;
  background:rgba(199,99,60,.08);
  box-shadow:0 0 0 12px rgba(199,99,60,.035);
}
.home-usecase-core-icon{
  position:relative;
  z-index:1;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:19px;
  color:#fff;
  background:linear-gradient(145deg,#d57b56,#b9573b);
  box-shadow:0 14px 28px rgba(185,87,59,.20),inset 0 1px 0 rgba(255,255,255,.24);
  font-size:1.2rem;
  transform:rotate(2deg);
}
.home-usecase-core strong,
.home-usecase-core small{position:relative;z-index:1}
.home-usecase-core strong{margin-top:9px;font-size:.86rem;font-weight:1000}
.home-usecase-core small{margin-top:2px;color:var(--muted);font-size:.6rem;font-weight:790}
.home-usecase-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:5px;
  align-items:center;
  padding:9px;
  border-radius:17px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(82,58,43,.06);
}
.home-usecase-flow>span{display:grid;place-items:center;gap:2px;color:var(--terracotta-2)}
.home-usecase-flow>span i{font-size:.82rem}
.home-usecase-flow>span small{color:var(--muted);font-size:.5rem;font-weight:850}
.home-usecase-flow>i{color:rgba(199,99,60,.28);font-size:.65rem}
.home-usecase-report{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
  padding:10px 12px;
  border-radius:16px;
  color:#477b59;
  background:rgba(91,168,119,.075);
  border:1px solid rgba(91,168,119,.10);
}
.home-usecase-report span{display:flex;align-items:center;gap:5px;font-size:.62rem;font-weight:900}
.home-usecase-report strong{font-size:.8rem;font-weight:1000}
.home-usecase-orbit{
  position:absolute;
  z-index:3;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:17px;
  color:var(--terracotta-2);
  background:rgba(255,253,249,.92);
  border:1px solid rgba(199,99,60,.12);
  box-shadow:0 13px 28px rgba(67,43,27,.09),inset 0 1px 0 rgba(255,255,255,.9);
  font-size:1rem;
}
.home-usecase-orbit-one{top:52px;right:7px;transform:rotate(5deg)}
.home-usecase-orbit-two{top:100px;left:0;transform:rotate(-7deg)}
.home-usecase-orbit-three{bottom:76px;right:0;transform:rotate(-4deg)}
.home-usecase-orbit-four{bottom:42px;left:16px;transform:rotate(6deg)}
.home-usecase-actions{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:38px;
}
@media (max-width:1199.98px){
  .home-usecase-studio{grid-template-columns:minmax(220px,1fr) minmax(250px,310px) minmax(220px,1fr);gap:20px}
  .home-usecase-card{grid-template-columns:50px minmax(0,1fr);gap:12px;padding:19px;min-height:180px}
  .home-usecase-card-icon{width:50px;height:50px;border-radius:17px}
  .home-usecase-card p{font-size:.86rem}
  .home-usecase-visual{min-height:420px}
}
@media (max-width:991.98px){
  .home-usecase-intro{margin-bottom:30px}
  .home-usecase-studio{
    max-width:780px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"visual visual" "right left";
    gap:22px;
  }
  .home-usecase-visual{min-height:420px}
  .home-usecase-side{align-self:stretch}
  .home-usecase-card{min-height:174px}
  .home-usecase-card::before{display:none}
}
@media (max-width:767.98px){
  .home-usecase-section::before,.home-usecase-section::after{display:none}
  .home-usecase-intro{text-align:right;margin-bottom:24px}
  .home-usecase-intro .lead-soft{margin-right:0;margin-left:0}
  .home-usecase-studio{
    grid-template-columns:1fr;
    grid-template-areas:"visual" "right" "left";
    gap:16px;
  }
  .home-usecase-visual{min-height:392px;margin-bottom:2px}
  .home-usecase-visual::before{width:278px;height:278px}
  .home-usecase-device{width:min(276px,86%);min-height:374px}
  .home-usecase-side{gap:14px}
  .home-usecase-card{min-height:auto;padding:19px;border-radius:23px}
  .home-usecase-card p{min-height:0}
  .home-usecase-actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:26px}
  .home-usecase-actions .btn{width:100%;justify-content:center}
}
@media (max-width:420px){
  .home-usecase-visual{min-height:370px}
  .home-usecase-device{width:250px;min-height:350px;padding:15px;border-radius:34px}
  .home-usecase-event{grid-template-columns:36px minmax(0,1fr) auto;padding:9px}
  .home-usecase-event-icon{width:36px;height:36px}
  .home-usecase-core{min-height:138px;margin:12px 0 10px}
  .home-usecase-orbit{width:40px;height:40px;border-radius:14px;font-size:.9rem}
  .home-usecase-orbit-one{right:4px}
  .home-usecase-orbit-two{left:3px}
  .home-usecase-orbit-three{right:5px}
  .home-usecase-orbit-four{left:8px}
  .home-usecase-card{grid-template-columns:46px minmax(0,1fr);gap:11px;padding:17px}
  .home-usecase-card-icon{width:46px;height:46px;border-radius:16px;font-size:1.15rem}
}
@media (prefers-reduced-motion:no-preference){
  .home-usecase-core-ripple{animation:homeUsecasePulse 3.8s ease-in-out infinite}
  .home-usecase-orbit-one,.home-usecase-orbit-three{animation:homeUsecaseFloatA 5.5s ease-in-out infinite}
  .home-usecase-orbit-two,.home-usecase-orbit-four{animation:homeUsecaseFloatB 6.2s ease-in-out infinite}
}
@media (prefers-reduced-motion:reduce){
  .home-usecase-core-ripple,.home-usecase-orbit{animation:none!important}
}
@keyframes homeUsecasePulse{
  0%,100%{transform:scale(.96);opacity:.78}
  50%{transform:scale(1.08);opacity:1}
}
@keyframes homeUsecaseFloatA{
  0%,100%{translate:0 0}
  50%{translate:0 -6px}
}
@keyframes homeUsecaseFloatB{
  0%,100%{translate:0 0}
  50%{translate:0 5px}
}


/* --------------------------------------------------------------------------
   Home hero distinct phone experiences — V193
   Each rotation is a genuinely different product context instead of a
   repeated dashboard shell: order tracking, recipient OTP, campaign, API, LBA.
   -------------------------------------------------------------------------- */
.scene-phone-screen[data-home-phone-stage]{
  position:relative;
  padding:0;
  background:#fffaf5;
  isolation:isolate;
}
.scene-phone-mode-deck{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:inherit;
}
.scene-phone-mode{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  padding:35px 12px 28px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px) scale(.988);
  filter:blur(1.2px);
  transition:opacity .26s ease,transform .30s ease,filter .26s ease,visibility 0s linear .3s;
  pointer-events:none;
}
.scene-phone-mode.is-active{
  z-index:2;
  opacity:1;
  visibility:visible;
  transform:none;
  filter:none;
  transition-delay:0s;
}
.scene-phone-screen.is-switching .scene-phone-mode.is-active{
  opacity:0;
  transform:translateY(-5px) scale(.992);
  filter:blur(1.4px);
}
.scene-phone-mode-pager{
  position:absolute;
  z-index:10;
  right:50%;
  bottom:10px;
  display:flex;
  align-items:center;
  gap:4px;
  padding:5px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(74,52,39,.055);
  box-shadow:0 6px 15px rgba(65,44,31,.06),inset 0 1px 0 rgba(255,255,255,.8);
  transform:translateX(50%);
  backdrop-filter:blur(8px);
}
.scene-phone-mode-pager span{
  width:4px;
  height:4px;
  border-radius:999px;
  background:rgba(88,66,52,.22);
  transition:width .24s ease,background-color .24s ease;
}
.scene-phone-mode-pager span.is-active{width:14px;background:var(--terracotta)}
.scene-phone-screen[data-phone-mode="api"] .scene-phone-mode-pager{
  background:rgba(18,27,29,.72);
  border-color:rgba(255,255,255,.08);
}
.scene-phone-screen[data-phone-mode="api"] .scene-phone-mode-pager span{background:rgba(255,255,255,.24)}
.scene-phone-screen[data-phone-mode="api"] .scene-phone-mode-pager span.is-active{background:#79d8bc}

/* Service/order tracking — customer order status, not an admin dashboard */
.scene-phone-mode-service{
  background:
    radial-gradient(circle at 90% 3%,rgba(230,173,75,.13),transparent 27%),
    linear-gradient(180deg,#fffdf9 0%,#faf2e8 100%);
}
.scene-service-head{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
}
.scene-service-head>span{
  width:34px;height:34px;display:grid;place-items:center;border-radius:12px;
  color:#fff;background:linear-gradient(145deg,#d77c56,#b85537);
  box-shadow:0 8px 17px rgba(184,79,48,.18);
}
.scene-service-head>div{display:grid;min-width:0}
.scene-service-head small{font-size:.51rem;color:rgba(91,70,54,.58);font-weight:850}
.scene-service-head strong{font-size:.72rem;color:var(--ink);font-weight:1000;white-space:nowrap}
.scene-service-head>i{font-size:.85rem;color:rgba(91,70,54,.48)}
.scene-service-status{
  display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;
  margin-top:13px;padding:13px 11px;border-radius:21px;
  background:linear-gradient(140deg,#fff 0%,#f6e7da 100%);
  border:1px solid rgba(199,99,60,.12);
  box-shadow:0 12px 25px rgba(89,58,39,.07),inset 0 1px 0 rgba(255,255,255,.82);
}
.scene-service-package{
  width:50px;height:50px;display:grid;place-items:center;border-radius:18px;
  color:var(--terracotta-2);font-size:1.18rem;background:rgba(199,99,60,.10);
  box-shadow:inset 0 0 0 1px rgba(199,99,60,.08);
}
.scene-service-status>div{display:grid}
.scene-service-status small{font-size:.48rem;color:rgba(91,70,54,.58);font-weight:850}
.scene-service-status strong{margin-top:2px;font-size:.69rem;line-height:1.45;font-weight:1000;color:var(--ink)}
.scene-service-status em{margin-top:4px;font-size:.48rem;font-style:normal;font-weight:820;color:#4d8560}
.scene-service-timeline{
  position:relative;display:grid;gap:0;margin:12px 4px 0;padding:0 0 0 0;
}
.scene-service-timeline::before{
  content:"";position:absolute;right:13px;top:17px;bottom:17px;width:1px;
  background:linear-gradient(#65a97c 0 64%,rgba(91,70,54,.12) 64% 100%);
}
.scene-service-timeline span{
  position:relative;z-index:1;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;
  min-height:43px;color:rgba(91,70,54,.58);
}
.scene-service-timeline span>i{
  width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:.67rem;
  background:#fff;border:1px solid rgba(91,70,54,.10);
}
.scene-service-timeline span.is-done>i{color:#fff;background:#65a97c;border-color:#65a97c}
.scene-service-timeline span.is-current>i{color:var(--terracotta);background:#fff3eb;border-color:rgba(199,99,60,.16);box-shadow:0 0 0 5px rgba(199,99,60,.055)}
.scene-service-timeline b{font-size:.56rem;font-weight:930;color:var(--ink)}
.scene-service-timeline small{font-size:.45rem;font-weight:820;color:rgba(91,70,54,.48)}
.scene-service-notice{
  display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:7px;
  margin-top:8px;padding:9px;border-radius:16px;background:#fff;border:1px solid rgba(80,57,42,.065);
  box-shadow:0 8px 18px rgba(70,48,33,.045);
}
.scene-service-notice>i:first-child{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;color:var(--terracotta);background:rgba(199,99,60,.09)}
.scene-service-notice>span{display:grid;min-width:0}
.scene-service-notice small{font-size:.45rem;font-weight:900;color:rgba(91,70,54,.56)}
.scene-service-notice strong{margin-top:2px;font-size:.52rem;font-weight:930;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scene-service-notice>i:last-child{color:#61a978;font-size:.7rem}

/* OTP — the recipient's native message thread with one single SMS */
.scene-phone-mode-otp{
  display:flex;flex-direction:column;
  padding:31px 0 27px;
  color:#202326;
  background:
    linear-gradient(rgba(255,255,255,.68),rgba(255,255,255,.68)),
    radial-gradient(circle at 50% 15%,rgba(139,125,192,.16),transparent 31%),
    #f3f4f7;
}
.scene-recipient-status{
  flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 14px 7px;
  font-size:.49rem;font-weight:950;color:#202326;
}
.scene-recipient-status>span:last-child{display:flex;align-items:center;gap:4px;font-size:.52rem}
.scene-recipient-contact{
  flex:0 0 auto;display:grid;grid-template-columns:22px 34px minmax(0,1fr) 22px;align-items:center;gap:6px;
  padding:7px 10px 10px;border-bottom:1px solid rgba(30,35,40,.07);background:rgba(255,255,255,.46);
  backdrop-filter:blur(8px);
}
.scene-recipient-contact>i{font-size:.67rem;color:#6e63a2}
.scene-recipient-avatar{
  width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;
  background:linear-gradient(145deg,#9283c7,#665b9c);box-shadow:0 7px 15px rgba(102,91,156,.18);
}
.scene-recipient-contact>div{display:grid;text-align:center;justify-self:center}
.scene-recipient-contact strong{font-size:.65rem;font-weight:950}
.scene-recipient-contact small{font-size:.43rem;color:#777b80;font-weight:760}
.scene-recipient-thread{
  flex:1 1 auto;display:flex;flex-direction:column;align-items:center;padding:14px 12px 8px;
}
.scene-recipient-thread>time{font-size:.44rem;color:#8b8e92;font-weight:780}
.scene-recipient-message{
  align-self:flex-start;max-width:88%;margin-top:15px;padding:12px 13px 10px;
  border-radius:18px 18px 18px 5px;background:#e5e5ea;color:#1e2023;
  box-shadow:0 5px 12px rgba(38,41,46,.05);
}
.scene-recipient-message p{margin:0;font-size:.58rem;line-height:1.65;font-weight:780}
.scene-recipient-message strong{display:block;margin:7px 0 4px;direction:ltr;text-align:left;font-size:1.12rem;letter-spacing:.14em;font-weight:1000;color:#5f5595}
.scene-recipient-message small{display:block;font-size:.47rem;line-height:1.55;color:#62656a;font-weight:720}
.scene-recipient-delivered{align-self:flex-start;margin:4px 5px 0;font-size:.42rem;color:#85898d;font-weight:760}
.scene-recipient-delivered i{color:#6d62a2}
.scene-recipient-compose{
  flex:0 0 auto;display:grid;grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;gap:7px;
  margin:0 10px;padding:7px 8px;border-radius:999px;border:1px solid rgba(31,35,40,.12);background:rgba(255,255,255,.72);
  color:#7c8085;font-size:.6rem;
}
.scene-recipient-compose span{font-size:.48rem;font-weight:700}

/* Campaign — a campaign creative and execution summary */
.scene-phone-mode-campaign{
  background:
    radial-gradient(circle at 12% 3%,rgba(255,255,255,.65),transparent 25%),
    linear-gradient(160deg,#fff8e9 0%,#f8e8c6 58%,#f3d7ae 100%);
}
.scene-campaign-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px}
.scene-campaign-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#dda846,#b97a20);box-shadow:0 8px 17px rgba(176,119,31,.18)}
.scene-campaign-head>div{display:grid;min-width:0}
.scene-campaign-head small{font-size:.47rem;font-weight:850;color:#856930}
.scene-campaign-head strong{font-size:.65rem;font-weight:1000;color:#3f3325;white-space:nowrap}
.scene-campaign-head em{padding:4px 6px;border-radius:999px;font-size:.43rem;font-style:normal;font-weight:950;color:#846321;background:rgba(255,255,255,.58);border:1px solid rgba(174,121,31,.10)}
.scene-campaign-poster{
  position:relative;overflow:hidden;display:grid;margin-top:12px;padding:15px 13px 14px;min-height:112px;border-radius:22px;color:#fff;
  background:linear-gradient(145deg,#d69532,#b96c2b 58%,#9d5431);box-shadow:0 14px 27px rgba(125,77,30,.15);
}
.scene-campaign-poster::before{content:"";position:absolute;width:120px;height:120px;left:-39px;bottom:-59px;border-radius:50%;border:18px solid rgba(255,255,255,.08)}
.scene-campaign-poster span{position:relative;z-index:1;justify-self:start;padding:3px 7px;border-radius:999px;font-size:.44rem;font-weight:900;background:rgba(255,255,255,.15)}
.scene-campaign-poster strong{position:relative;z-index:1;margin-top:6px;font-size:1.35rem;line-height:1;font-weight:1000;letter-spacing:-.05em}
.scene-campaign-poster small{position:relative;z-index:1;margin-top:6px;max-width:78%;font-size:.48rem;line-height:1.6;font-weight:760;color:rgba(255,255,255,.84)}
.scene-campaign-poster>i{position:absolute;left:13px;top:14px;font-size:1.22rem;color:rgba(255,255,255,.55)}
.scene-campaign-audience{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.scene-campaign-audience div{display:grid;padding:8px;border-radius:14px;background:rgba(255,255,255,.58);border:1px solid rgba(138,91,29,.075)}
.scene-campaign-audience small{font-size:.43rem;color:#886b38;font-weight:800}
.scene-campaign-audience strong{margin-top:3px;font-size:.52rem;color:#4a3824;font-weight:950}
.scene-campaign-audience i{margin-left:3px;color:#b87a25}
.scene-campaign-progress{margin-top:9px;padding:9px;border-radius:15px;background:rgba(255,255,255,.62);border:1px solid rgba(138,91,29,.075)}
.scene-campaign-progress>span{display:flex;align-items:center;justify-content:space-between}
.scene-campaign-progress b{font-size:.49rem;font-weight:900;color:#4a3824}
.scene-campaign-progress strong{font-size:.6rem;font-weight:1000;color:#a96820}
.scene-campaign-progress>i{display:block;height:6px;margin-top:6px;border-radius:999px;background:rgba(174,118,31,.12);overflow:hidden}
.scene-campaign-progress>i b{display:block;width:76%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d69e3d,#b97221)}
.scene-campaign-progress>small{display:block;margin-top:5px;font-size:.42rem;color:#8a6d3a;font-weight:790}
.scene-campaign-result{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}
.scene-campaign-result span{display:grid;padding:8px;border-radius:13px;text-align:center;background:rgba(255,255,255,.5)}
.scene-campaign-result small{font-size:.42rem;color:#896d3b;font-weight:800}
.scene-campaign-result strong{margin-top:2px;font-size:.64rem;color:#493723;font-weight:1000}

/* API — developer console, deliberately dark and code-first */
.scene-phone-mode-api{
  direction:ltr;
  padding:36px 10px 28px;
  color:#d9e6e2;
  background:
    radial-gradient(circle at 85% 8%,rgba(76,181,151,.13),transparent 28%),
    linear-gradient(180deg,#182326 0%,#11191b 100%);
  font-family:Consolas,"Courier New",monospace;
}
.scene-api-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06)}
.scene-api-topbar>span{display:flex;gap:3px}
.scene-api-topbar>span i{width:5px;height:5px;border-radius:50%;background:#ef776b}.scene-api-topbar>span i:nth-child(2){background:#e6b34f}.scene-api-topbar>span i:nth-child(3){background:#70c68b}
.scene-api-topbar strong{font-size:.49rem;font-weight:750;color:#aabbb6;text-align:center}
.scene-api-topbar em{font-size:.39rem;font-style:normal;font-weight:900;color:#7bd8bd}
.scene-api-endpoint{display:flex;align-items:center;gap:7px;margin-top:10px;padding:8px;border-radius:12px;background:#0d1416;border:1px solid rgba(121,216,188,.09)}
.scene-api-endpoint span{padding:3px 5px;border-radius:6px;font-size:.42rem;font-weight:950;color:#10211c;background:#79d8bc}
.scene-api-endpoint code{font-size:.52rem;color:#d5e5e0;white-space:nowrap}
.scene-api-code{margin-top:9px;padding:10px 9px;border-radius:14px;background:#0b1113;border:1px solid rgba(255,255,255,.055);box-shadow:inset 0 1px 10px rgba(0,0,0,.15)}
.scene-api-code p{margin:0 0 4px;font-size:.47rem;line-height:1.55;white-space:nowrap;color:#b8c8c3}
.scene-api-code p:last-child{margin-bottom:0}
.scene-api-code span{color:#7ec9ff}.scene-api-code em{color:#eac980;font-style:normal}.scene-api-code b{color:#d2e0dc}
.scene-api-response{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:7px 8px;border-radius:11px;background:rgba(85,183,148,.08);border:1px solid rgba(85,183,148,.10)}
.scene-api-response span{font-size:.48rem;font-weight:900;color:#7bddba}.scene-api-response time{font-size:.42rem;color:#7f9690}
.scene-api-webhook{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:8px;padding:8px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}
.scene-api-webhook>i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#79d8bc;background:rgba(121,216,188,.08)}
.scene-api-webhook>div{display:grid}.scene-api-webhook small{font-size:.4rem;color:#78908a}.scene-api-webhook strong{font-size:.49rem;color:#d8e5e1}
.scene-api-webhook>span{font-size:.39rem;color:#718780}
.scene-api-footer{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding:7px 2px;font-family:inherit}
.scene-api-footer span{font-size:.42rem;color:#7bd8bd}.scene-api-footer span i{font-size:.32rem}.scene-api-footer strong{font-size:.43rem;color:#9eb1ab}

/* LBA — map-first view with a real visual zone and mobile bottom sheet */
.scene-phone-mode-lba{
  padding:31px 0 27px;
  background:#e8e2d8;
}
.scene-lba-head{
  position:absolute;z-index:5;top:31px;right:0;left:0;display:grid;grid-template-columns:29px minmax(0,1fr) 29px;align-items:center;gap:6px;
  padding:8px 10px;background:rgba(255,253,249,.83);border-bottom:1px solid rgba(77,67,58,.07);backdrop-filter:blur(9px);
}
.scene-lba-head>span,.scene-lba-head>i{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;color:#886448;background:rgba(255,255,255,.72);box-shadow:0 4px 10px rgba(65,49,37,.05)}
.scene-lba-head>div{display:grid;text-align:center}.scene-lba-head small{font-size:.42rem;color:#7d6e63;font-weight:790}.scene-lba-head strong{font-size:.58rem;color:#443a33;font-weight:1000}
.scene-lba-map{
  position:absolute;z-index:1;inset:31px 0 0;overflow:hidden;
  background:
    linear-gradient(35deg,transparent 47%,rgba(255,255,255,.78) 48% 53%,transparent 54%),
    linear-gradient(126deg,transparent 42%,rgba(255,255,255,.76) 43% 49%,transparent 50%),
    linear-gradient(8deg,transparent 63%,rgba(255,255,255,.74) 64% 70%,transparent 71%),
    #ded8cc;
}
.scene-lba-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(116,105,94,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(116,105,94,.055) 1px,transparent 1px);background-size:26px 26px}
.scene-lba-road{position:absolute;z-index:1;height:5px;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 0 0 1px rgba(136,124,112,.05)}
.scene-lba-road-a{width:120%;right:-12%;top:37%;transform:rotate(-24deg)}
.scene-lba-road-b{width:105%;left:-23%;top:52%;transform:rotate(32deg)}
.scene-lba-road-c{width:82%;right:-4%;top:21%;transform:rotate(7deg)}
.scene-lba-block{position:absolute;z-index:0;border-radius:8px;background:rgba(193,184,171,.66);border:1px solid rgba(139,126,111,.07)}
.scene-lba-block-a{width:62px;height:38px;right:17px;top:105px;transform:rotate(7deg)}
.scene-lba-block-b{width:76px;height:45px;left:15px;top:142px;transform:rotate(-5deg)}
.scene-lba-block-c{width:53px;height:62px;right:45px;top:205px;transform:rotate(11deg)}
.scene-lba-zone{position:absolute;z-index:2;width:148px;height:132px;right:50%;top:92px;border-radius:50%;background:radial-gradient(circle,rgba(199,99,60,.25),rgba(199,99,60,.12) 60%,rgba(199,99,60,.04) 61% 100%);border:1.5px solid rgba(199,99,60,.58);transform:translateX(50%);box-shadow:0 0 0 9px rgba(199,99,60,.045)}
.scene-lba-zone i{position:absolute;right:50%;top:50%;width:11px;height:11px;border-radius:50%;background:#c7633c;box-shadow:0 0 0 6px rgba(199,99,60,.16);transform:translate(50%,-50%)}
.scene-lba-pin{position:absolute;z-index:3;width:25px;height:25px;display:grid;place-items:center;border-radius:50% 50% 50% 6px;color:#fff;background:#66877c;box-shadow:0 6px 13px rgba(70,94,86,.18);transform:rotate(-45deg)}
.scene-lba-pin i{font-size:.57rem;transform:rotate(45deg)}
.scene-lba-pin-a{right:86px;top:120px;background:#c7633c}.scene-lba-pin-b{right:51px;top:177px}.scene-lba-pin-c{left:54px;top:139px}
.scene-lba-map-label{position:absolute;z-index:3;right:50%;top:231px;padding:4px 7px;border-radius:999px;color:#7c563f;background:rgba(255,253,249,.86);border:1px solid rgba(199,99,60,.12);font-size:.43rem;font-weight:900;transform:translateX(50%);box-shadow:0 5px 12px rgba(70,48,34,.06)}
.scene-lba-sheet{
  position:absolute;z-index:5;right:7px;left:7px;bottom:23px;padding:7px 10px 10px;border-radius:21px 21px 17px 17px;
  background:rgba(255,253,249,.95);border:1px solid rgba(89,67,52,.07);box-shadow:0 -12px 28px rgba(72,51,36,.10);backdrop-filter:blur(10px);
}
.scene-lba-handle{display:block;width:28px;height:3px;margin:0 auto 7px;border-radius:999px;background:rgba(80,61,48,.15)}
.scene-lba-sheet-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.scene-lba-sheet-title>span{display:grid}.scene-lba-sheet-title small{font-size:.43rem;color:#7b6b60;font-weight:800}.scene-lba-sheet-title strong{font-size:.74rem;color:#42362f;font-weight:1000}
.scene-lba-sheet-title>i{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;color:#c7633c;background:rgba(199,99,60,.09)}
.scene-lba-filters{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.scene-lba-filters span{padding:3px 5px;border-radius:999px;color:#74645a;background:#f1ece5;font-size:.38rem;font-weight:850}
.scene-lba-sheet button{width:100%;margin-top:7px;padding:7px;border:0;border-radius:11px;color:#fff;background:linear-gradient(145deg,#d47750,#b95537);font-size:.48rem;font-weight:950;pointer-events:none;box-shadow:0 7px 14px rgba(184,79,48,.16)}
.scene-lba-sheet button i{margin-left:4px}

@media (min-width:992px) and (max-width:1199.98px){
  .scene-phone-mode{padding-inline:10px}
  .scene-phone-mode-otp,.scene-phone-mode-lba{padding-inline:0}
  .scene-service-status{grid-template-columns:44px minmax(0,1fr);padding:10px}.scene-service-package{width:44px;height:44px}
  .scene-campaign-poster{min-height:102px;padding:12px}
  .scene-api-code{padding:8px 7px}.scene-api-code p{font-size:.43rem}
}
@media (prefers-reduced-motion:reduce){
  .scene-phone-mode,.scene-phone-mode-pager span{transition:none!important}
}
.scene-phone-premium[data-active-phone-mode="api"] .scene-phone-glare{opacity:.025!important}
.scene-message-otp [data-phone-floating-label],
.scene-message-otp [data-phone-floating-value]{transition:opacity .2s ease,transform .2s ease}


/* --------------------------------------------------------------------------
   Home hero phone readability refinement — V194
   Goal: improve text legibility inside the rotating phone without changing
   the overall visual concept. The phone is slightly larger, less skewed and
   all scenario UIs get clearer typography and stronger contrast.
   -------------------------------------------------------------------------- */
.scene-phone-premium{
  right:27%;
  width:44.5%;
  min-width:248px;
  --phone-rotate-y:-2.35deg;
  --phone-rotate-x:.18deg;
  --phone-rotate-z:.55deg;
  filter:drop-shadow(0 28px 34px rgba(91,60,39,.11));
}
.scene-phone-screen{
  padding:34px 14px 12px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  backface-visibility:hidden;
}
.scene-phone-mode{
  padding:36px 13px 29px;
}
.scene-phone-mode-otp,
.scene-phone-mode-lba{
  padding-top:32px;
  padding-bottom:28px;
}
.scene-phone-mode-pager{
  bottom:11px;
}

/* service */
.scene-service-head small{font-size:.55rem;color:rgba(91,70,54,.68)}
.scene-service-head strong{font-size:.78rem}
.scene-service-status small{font-size:.52rem;color:rgba(91,70,54,.67)}
.scene-service-status strong{font-size:.76rem;line-height:1.48}
.scene-service-status em{font-size:.51rem}
.scene-service-timeline b{font-size:.6rem}
.scene-service-timeline small{font-size:.48rem}
.scene-service-notice small{font-size:.48rem;color:rgba(91,70,54,.63)}
.scene-service-notice strong{font-size:.57rem}

/* otp */
.scene-recipient-status{font-size:.53rem}
.scene-recipient-status>span:last-child{font-size:.56rem}
.scene-recipient-contact strong{font-size:.7rem}
.scene-recipient-contact small{font-size:.47rem;color:#64696f}
.scene-recipient-thread>time{font-size:.47rem}
.scene-recipient-message p{font-size:.63rem;line-height:1.72}
.scene-recipient-message strong{font-size:1.22rem;letter-spacing:.13em}
.scene-recipient-message small{font-size:.5rem;line-height:1.62;color:#4f545a}
.scene-recipient-delivered{font-size:.45rem}
.scene-recipient-compose span{font-size:.52rem;font-weight:760}

/* campaign */
.scene-campaign-head small{font-size:.5rem;color:#775b26}
.scene-campaign-head strong{font-size:.7rem}
.scene-campaign-head em{font-size:.46rem}
.scene-campaign-poster span{font-size:.47rem}
.scene-campaign-poster strong{font-size:1.46rem}
.scene-campaign-poster small{font-size:.52rem;line-height:1.62;color:rgba(255,255,255,.9)}
.scene-campaign-audience small{font-size:.46rem;color:#775c2c}
.scene-campaign-audience strong{font-size:.56rem}
.scene-campaign-progress b{font-size:.52rem}
.scene-campaign-progress strong{font-size:.64rem}
.scene-campaign-progress>small{font-size:.45rem}
.scene-campaign-result small{font-size:.45rem}
.scene-campaign-result strong{font-size:.68rem}

/* api */
.scene-api-topbar strong{font-size:.53rem;color:#c1cfcb}
.scene-api-topbar em{font-size:.42rem}
.scene-api-endpoint span{font-size:.45rem}
.scene-api-endpoint code{font-size:.56rem}
.scene-api-code p{font-size:.51rem;line-height:1.6;color:#ccdad6}
.scene-api-response span{font-size:.51rem}
.scene-api-response time{font-size:.45rem}
.scene-api-webhook small{font-size:.43rem;color:#91a6a0}
.scene-api-webhook strong{font-size:.53rem}
.scene-api-webhook>span{font-size:.42rem}
.scene-api-footer span{font-size:.45rem}
.scene-api-footer strong{font-size:.46rem;color:#b1c1bc}

/* lba */
.scene-lba-head small{font-size:.46rem;color:#6d6056}
.scene-lba-head strong{font-size:.63rem}
.scene-lba-map-label{font-size:.46rem}
.scene-lba-sheet-title small{font-size:.46rem;color:#6d6056}
.scene-lba-sheet-title strong{font-size:.8rem}
.scene-lba-filters span{font-size:.41rem;color:#65584f}
.scene-lba-sheet button{font-size:.52rem}

@media (min-width:992px) and (max-width:1199.98px){
  .scene-phone-premium{right:27%;width:45%;min-width:228px;--phone-rotate-y:-2.1deg;--phone-rotate-x:.12deg;--phone-rotate-z:.45deg}
  .scene-phone-screen{padding:34px 12px 11px}
  .scene-phone-mode{padding:35px 11px 28px}
  .scene-phone-mode-otp,.scene-phone-mode-lba{padding-inline:0}
  .scene-api-code p{font-size:.47rem}
}
@media (min-width:768px) and (max-width:991.98px){
  .scene-phone-premium{right:28%;width:43%;min-width:228px;--phone-rotate-y:-1.95deg;--phone-rotate-x:.10deg;--phone-rotate-z:.35deg}
  .scene-phone-screen{padding:33px 12px 11px}
  .scene-phone-mode{padding:34px 11px 28px}
}

/* --------------------------------------------------------------------------
   Home LBA / LBS preview section — V195
   A lightweight map-led introduction based on the dedicated lba-sms page.
   All meaningful copy remains real HTML for accessibility and internal SEO.
   -------------------------------------------------------------------------- */
.home-lba-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(199,99,60,.105),transparent 29%),
    radial-gradient(circle at 5% 88%,rgba(230,173,75,.08),transparent 26%),
    linear-gradient(180deg,#fff 0%,#fff9f4 52%,#fff 100%);
}
.home-lba-section::before,
.home-lba-section::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.home-lba-section::before{
  width:390px;
  height:390px;
  right:-245px;
  top:32px;
  border:1px solid rgba(199,99,60,.075);
  box-shadow:0 0 0 54px rgba(199,99,60,.018),0 0 0 108px rgba(199,99,60,.01);
}
.home-lba-section::after{
  width:260px;
  height:260px;
  left:-150px;
  bottom:-145px;
  background:radial-gradient(circle,rgba(230,173,75,.11),transparent 68%);
}
.home-lba-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);
  gap:52px;
  align-items:center;
}
.home-lba-copy{position:relative;z-index:2}
.home-lba-copy .section-title{max-width:680px;line-height:1.65}
.home-lba-copy .lead-soft{max-width:720px;line-height:2.05}
.home-lba-mode-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}
.home-lba-mode-list>div{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:11px;
  align-items:center;
  min-height:112px;
  padding:15px;
  border:1px solid rgba(65,47,35,.075);
  border-radius:22px;
  background:rgba(255,255,255,.68);
  box-shadow:0 12px 30px rgba(71,49,34,.045),inset 0 1px 0 rgba(255,255,255,.88);
}
.home-lba-mode-list>div>span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:var(--terracotta-2);
  background:linear-gradient(145deg,rgba(199,99,60,.13),rgba(230,173,75,.11));
  border:1px solid rgba(199,99,60,.13);
  font-size:1.08rem;
}
.home-lba-mode-list p{display:grid;margin:0;min-width:0}
.home-lba-mode-list strong{font-size:.94rem;line-height:1.7;font-weight:950;color:var(--ink)}
.home-lba-mode-list small{margin-top:3px;color:var(--muted);font-size:.79rem;line-height:1.85;font-weight:720}
.home-lba-feature-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:17px;
}
.home-lba-feature-row span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  border-radius:999px;
  color:#655044;
  background:rgba(255,250,245,.78);
  border:1px solid rgba(199,99,60,.13);
  font-size:.8rem;
  font-weight:880;
}
.home-lba-feature-row i{color:var(--terracotta)}
.home-lba-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.home-lba-alias-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:15px 0 0;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.9;
  font-weight:710;
}
.home-lba-alias-note i{margin-top:5px;color:var(--terracotta)}

.home-lba-visual{
  position:relative;
  min-height:548px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.home-lba-visual::before{
  content:"";
  position:absolute;
  z-index:-2;
  width:88%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(199,99,60,.13),rgba(230,173,75,.045) 44%,transparent 70%);
  filter:blur(2px);
}
.home-lba-map-card{
  position:relative;
  width:min(100%,560px);
  overflow:hidden;
  border-radius:36px;
  border:1px solid rgba(70,50,37,.085);
  background:rgba(255,253,249,.9);
  box-shadow:0 30px 82px rgba(76,51,34,.12),inset 0 1px 0 rgba(255,255,255,.9);
  transform:rotate(-1.1deg);
}
.home-lba-map-topbar{
  height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 21px;
  border-bottom:1px solid rgba(68,50,38,.065);
  background:rgba(255,253,250,.92);
}
.home-lba-map-topbar>span{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:950;font-size:.9rem}
.home-lba-map-topbar>span i{color:var(--terracotta)}
.home-lba-map-topbar>strong{display:flex;align-items:center;gap:7px;color:#4c8060;font-size:.74rem;font-weight:900}
.home-lba-map-topbar>strong i{width:7px;height:7px;border-radius:50%;background:#65ab7c;box-shadow:0 0 0 5px rgba(101,171,124,.1)}
.home-lba-map-canvas{
  position:relative;
  height:334px;
  overflow:hidden;
  background:
    linear-gradient(25deg,transparent 45%,rgba(255,255,255,.88) 46% 51%,transparent 52%),
    linear-gradient(117deg,transparent 37%,rgba(255,255,255,.84) 38% 44%,transparent 45%),
    linear-gradient(-9deg,transparent 61%,rgba(255,255,255,.82) 62% 67%,transparent 68%),
    #e3ded4;
}
.home-lba-grid{
  position:absolute;
  inset:0;
  opacity:.58;
  background-image:linear-gradient(rgba(112,101,90,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(112,101,90,.055) 1px,transparent 1px);
  background-size:30px 30px;
}
.home-lba-road{position:absolute;z-index:1;height:7px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 0 0 1px rgba(135,122,107,.055)}
.home-lba-road-a{width:122%;right:-11%;top:36%;transform:rotate(-23deg)}
.home-lba-road-b{width:108%;left:-20%;top:56%;transform:rotate(29deg)}
.home-lba-road-c{width:83%;right:0;top:19%;transform:rotate(6deg)}
.home-lba-block{position:absolute;z-index:0;border-radius:11px;background:rgba(194,185,173,.72);border:1px solid rgba(128,116,103,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.home-lba-block-a{width:92px;height:52px;right:34px;top:89px;transform:rotate(7deg)}
.home-lba-block-b{width:110px;height:65px;left:22px;top:154px;transform:rotate(-6deg)}
.home-lba-block-c{width:72px;height:88px;right:90px;bottom:19px;transform:rotate(10deg)}
.home-lba-zone{
  position:absolute;
  z-index:2;
  right:50%;
  top:68px;
  width:220px;
  height:196px;
  display:grid;
  place-items:center;
  border-radius:48% 52% 46% 54% / 55% 44% 56% 45%;
  color:#fff;
  background:radial-gradient(circle,rgba(199,99,60,.28),rgba(199,99,60,.14) 59%,rgba(199,99,60,.045) 60% 100%);
  border:2px solid rgba(199,99,60,.64);
  box-shadow:0 0 0 12px rgba(199,99,60,.045),0 15px 30px rgba(123,72,46,.08);
  transform:translateX(50%) rotate(4deg);
}
.home-lba-zone::before{
  content:"";
  width:18px;
  height:18px;
  border-radius:50%;
  background:#c7633c;
  box-shadow:0 0 0 8px rgba(199,99,60,.16),0 7px 18px rgba(117,68,43,.15);
}
.home-lba-zone>i{
  position:absolute;
  right:50%;
  top:50%;
  margin:18px -10px 0 0;
  color:#a64f32;
  font-size:1.2rem;
  transform:rotate(-4deg);
}
.home-lba-pin{
  position:absolute;
  z-index:4;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50% 50% 50% 7px;
  color:#fff;
  background:#688b7f;
  box-shadow:0 8px 16px rgba(70,94,86,.2);
  transform:rotate(-45deg);
}
.home-lba-pin i{font-size:.7rem;transform:rotate(45deg)}
.home-lba-pin-a{right:165px;top:103px;background:#c7633c}
.home-lba-pin-b{right:106px;top:201px}
.home-lba-pin-c{left:110px;top:156px}
.home-lba-map-caption{
  position:absolute;
  z-index:5;
  right:50%;
  top:274px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border-radius:999px;
  color:#77513b;
  background:rgba(255,253,249,.91);
  border:1px solid rgba(199,99,60,.15);
  box-shadow:0 8px 20px rgba(70,48,34,.08);
  font-size:.73rem;
  font-weight:920;
  transform:translateX(50%);
}
.home-lba-map-caption i{color:var(--terracotta)}
.home-lba-live-card{
  position:absolute;
  z-index:6;
  left:16px;
  top:19px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-width:214px;
  padding:10px;
  border-radius:18px;
  color:var(--ink);
  background:rgba(255,253,250,.9);
  border:1px solid rgba(72,52,39,.075);
  box-shadow:0 14px 31px rgba(63,44,31,.1),inset 0 1px 0 rgba(255,255,255,.86);
  backdrop-filter:blur(10px);
}
.home-lba-live-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#d47650,#b95437);box-shadow:0 8px 16px rgba(184,79,48,.18)}
.home-lba-live-card>div{display:grid}
.home-lba-live-card small{color:var(--muted);font-size:.65rem;font-weight:820}
.home-lba-live-card strong{font-size:.77rem;font-weight:950;white-space:nowrap}
.home-lba-live-card em{padding:4px 7px;border-radius:999px;color:#4b835e;background:rgba(91,165,115,.1);font-size:.62rem;font-style:normal;font-weight:930}
.home-lba-map-summary{padding:18px 20px 20px;background:linear-gradient(180deg,#fffdf9,#fff8f2)}
.home-lba-audience-count{display:flex;align-items:center;gap:11px}
.home-lba-audience-count>span{width:45px;height:45px;display:grid;place-items:center;border-radius:16px;color:var(--terracotta);background:rgba(199,99,60,.1);border:1px solid rgba(199,99,60,.11);font-size:1.05rem}
.home-lba-audience-count p{display:grid;margin:0}
.home-lba-audience-count small{color:var(--muted);font-size:.72rem;font-weight:780}
.home-lba-audience-count strong{margin-top:2px;color:var(--ink);font-size:1.12rem;font-weight:1000}
.home-lba-filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.home-lba-filter-chips span{padding:6px 9px;border-radius:999px;color:#65574e;background:#f2ece5;font-size:.68rem;font-weight:850}
.home-lba-send-state{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:11px 12px;border-radius:15px;background:rgba(199,99,60,.07);border:1px solid rgba(199,99,60,.1)}
.home-lba-send-state span{display:flex;align-items:center;gap:7px;color:var(--terracotta-2);font-size:.76rem;font-weight:900}
.home-lba-send-state strong{color:var(--ink);font-size:.78rem;font-weight:950}
.home-lba-float{
  position:absolute;
  z-index:8;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 13px;
  border-radius:17px;
  color:#604a3e;
  background:rgba(255,253,249,.89);
  border:1px solid rgba(199,99,60,.12);
  box-shadow:0 15px 35px rgba(76,51,34,.09),inset 0 1px 0 rgba(255,255,255,.85);
  backdrop-filter:blur(10px);
  font-size:.74rem;
}
.home-lba-float i{width:30px;height:30px;display:grid;place-items:center;border-radius:11px;color:var(--terracotta);background:rgba(199,99,60,.1)}
.home-lba-float b{font-weight:930}
.home-lba-float-city{right:-8px;top:90px;transform:rotate(3deg)}
.home-lba-float-airport{left:-5px;bottom:85px;transform:rotate(-3deg)}

@media (prefers-reduced-motion:no-preference){
  .home-lba-pin-a{animation:homeLbaPin 3.8s ease-in-out infinite}
  .home-lba-pin-b{animation:homeLbaPin 3.8s .8s ease-in-out infinite}
  .home-lba-pin-c{animation:homeLbaPin 3.8s 1.5s ease-in-out infinite}
  .home-lba-live-card{animation:homeLbaLive 5s ease-in-out infinite}
}
@keyframes homeLbaPin{0%,100%{margin-top:0}50%{margin-top:-6px}}
@keyframes homeLbaLive{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

@media (max-width:1199.98px){
  .home-lba-shell{grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:34px}
  .home-lba-visual{min-height:520px}
  .home-lba-map-card{width:min(100%,510px)}
  .home-lba-float-city{right:-2px}
  .home-lba-float-airport{left:0}
}
@media (max-width:991.98px){
  .home-lba-shell{grid-template-columns:1fr;gap:32px}
  .home-lba-copy{text-align:right}
  .home-lba-copy .section-title,.home-lba-copy .lead-soft{max-width:none}
  .home-lba-visual{min-height:535px;max-width:680px;width:100%;margin:0 auto}
  .home-lba-map-card{width:min(91%,560px)}
  .home-lba-float-city{right:1%;top:76px}
  .home-lba-float-airport{left:1%;bottom:72px}
}
@media (max-width:767.98px){
  .home-lba-section::before,.home-lba-section::after{display:none}
  .home-lba-mode-list{grid-template-columns:1fr}
  .home-lba-mode-list>div{min-height:0}
  .home-lba-feature-row span{width:100%;justify-content:flex-start;border-radius:15px}
  .home-lba-actions{display:grid;grid-template-columns:1fr}
  .home-lba-actions .btn{width:100%;justify-content:center}
  .home-lba-alias-note{font-size:.78rem}
  .home-lba-visual{min-height:490px}
  .home-lba-map-card{width:100%;border-radius:28px;transform:none}
  .home-lba-map-topbar{height:57px;padding:0 15px}
  .home-lba-map-topbar>strong{font-size:.68rem}
  .home-lba-map-canvas{height:287px}
  .home-lba-zone{width:182px;height:162px;top:62px}
  .home-lba-pin-a{right:44%;top:95px}
  .home-lba-pin-b{right:20%;top:173px}
  .home-lba-pin-c{left:18%;top:143px}
  .home-lba-map-caption{top:236px;font-size:.67rem}
  .home-lba-live-card{left:10px;top:13px;min-width:196px;grid-template-columns:34px minmax(0,1fr) auto;padding:8px}
  .home-lba-live-icon{width:34px;height:34px}
  .home-lba-live-card small{font-size:.59rem}
  .home-lba-live-card strong{font-size:.7rem}
  .home-lba-map-summary{padding:15px}
  .home-lba-float{display:none}
}
@media (max-width:420px){
  .home-lba-visual{min-height:455px}
  .home-lba-map-topbar>strong{display:none}
  .home-lba-map-canvas{height:265px}
  .home-lba-zone{width:158px;height:142px;top:60px}
  .home-lba-map-caption{top:217px;max-width:90%;white-space:nowrap}
  .home-lba-live-card{min-width:184px}
  .home-lba-filter-chips span{font-size:.63rem}
}


/* --------------------------------------------------------------------------
   Home LBA layout refinement — V196
   Restores the previous five-card quick-route layout and gives the LBA
   section a different visual rhythm: compact copy on the left, map on right.
   -------------------------------------------------------------------------- */
.home-lba-shell{
  direction:ltr;
  grid-template-columns:minmax(390px,.82fr) minmax(560px,1.18fr);
  gap:36px;
  align-items:center;
}
.home-lba-copy,
.home-lba-visual{
  direction:rtl;
}
.home-lba-copy{
  width:100%;
  max-width:520px;
  justify-self:end;
}
.home-lba-copy .section-title{
  max-width:510px;
  font-size:clamp(1.82rem,2.25vw,2.55rem);
  line-height:1.58;
  text-wrap:balance;
}
.home-lba-copy .lead-soft{
  max-width:500px;
  font-size:1rem;
  line-height:1.98;
}
.home-lba-mode-list{
  grid-template-columns:1fr;
  gap:10px;
  margin-top:21px;
}
.home-lba-mode-list>div{
  min-height:0;
  padding:13px 14px;
  border-radius:19px;
}
.home-lba-mode-list small{
  font-size:.77rem;
  line-height:1.72;
}
.home-lba-feature-row{
  gap:7px;
  margin-top:14px;
}
.home-lba-feature-row span{
  padding:7px 9px;
  font-size:.76rem;
}
.home-lba-actions{
  margin-top:20px;
}
.home-lba-alias-note{
  max-width:500px;
  margin-top:13px;
  font-size:.78rem;
  line-height:1.78;
}
.home-lba-visual{
  min-height:560px;
  justify-items:center;
}
.home-lba-visual::before{
  width:94%;
  max-width:610px;
}
.home-lba-map-card{
  width:min(100%,610px);
  border-radius:34px;
  transform:rotate(.35deg);
  box-shadow:0 30px 78px rgba(76,51,34,.115),inset 0 1px 0 rgba(255,255,255,.92);
}
.home-lba-map-canvas{
  height:352px;
}
.home-lba-zone{
  top:73px;
  width:236px;
  height:205px;
}
.home-lba-pin-a{right:31%;top:105px}
.home-lba-pin-b{right:18%;top:215px}
.home-lba-pin-c{left:18%;top:166px}
.home-lba-map-caption{
  top:291px;
}
.home-lba-map-summary{
  display:grid;
  grid-template-columns:minmax(170px,.85fr) minmax(0,1.15fr);
  column-gap:16px;
  row-gap:10px;
  align-items:center;
  padding:17px 19px 19px;
}
.home-lba-audience-count{
  grid-row:1/3;
}
.home-lba-filter-chips{
  margin-top:0;
  align-self:end;
}
.home-lba-send-state{
  margin-top:0;
  align-self:start;
}
.home-lba-float-city{
  right:1%;
  top:78px;
}
.home-lba-float-airport{
  left:1%;
  bottom:72px;
}

@media (max-width:1199.98px){
  .home-lba-shell{
    grid-template-columns:minmax(350px,.86fr) minmax(500px,1.14fr);
    gap:28px;
  }
  .home-lba-copy{max-width:480px}
  .home-lba-copy .section-title{font-size:clamp(1.7rem,2.3vw,2.2rem)}
  .home-lba-map-card{width:min(100%,540px)}
  .home-lba-map-canvas{height:326px}
  .home-lba-zone{width:210px;height:186px;top:68px}
  .home-lba-map-caption{top:267px}
}
@media (max-width:991.98px){
  .home-lba-shell{
    direction:rtl;
    grid-template-columns:1fr;
    gap:30px;
  }
  .home-lba-copy{
    max-width:680px;
    justify-self:center;
  }
  .home-lba-copy .section-title,
  .home-lba-copy .lead-soft{
    max-width:620px;
  }
  .home-lba-mode-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .home-lba-visual{
    min-height:535px;
  }
  .home-lba-map-card{
    width:min(94%,590px);
  }
}
@media (max-width:767.98px){
  .home-lba-copy .section-title{
    font-size:clamp(1.58rem,7.5vw,2rem);
    line-height:1.62;
  }
  .home-lba-copy .lead-soft{
    font-size:.96rem;
    line-height:1.95;
  }
  .home-lba-mode-list{
    grid-template-columns:1fr;
  }
  .home-lba-map-summary{
    display:block;
    padding:15px;
  }
  .home-lba-filter-chips{margin-top:12px}
  .home-lba-send-state{margin-top:12px}
  .home-lba-map-card{width:100%}
}

/* --------------------------------------------------------------------------
   Home LBA section completion — V197
   Moves the service heading above the full composition, keeps it RTL, and
   harmonizes the left-side content typography with the other Home sections.
   -------------------------------------------------------------------------- */
.home-lba-heading{
  position:relative;
  z-index:2;
  direction:rtl;
  text-align:right;
  margin:0 0 34px;
  padding-bottom:18px;
}
.home-lba-heading::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:118px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(230,173,75,.22),var(--terracotta));
  box-shadow:0 6px 18px rgba(199,99,60,.14);
}
.home-lba-heading .section-title{
  max-width:900px;
  margin-bottom:0;
  color:var(--ink);
}
.home-lba-shell{
  grid-template-columns:minmax(390px,.84fr) minmax(560px,1.16fr);
  gap:42px;
  align-items:center;
}
.home-lba-copy{
  max-width:510px;
  align-self:center;
  padding:4px 0 4px 8px;
  text-align:right;
}
.home-lba-copy .section-title{
  max-width:none;
  font-size:inherit;
  line-height:inherit;
}
.home-lba-copy .lead-soft,
.home-lba-intro{
  max-width:500px;
  margin:0;
  padding:10px 16px 10px 0;
  border-right:3px solid rgba(199,99,60,.58);
  border-radius:0 16px 16px 0;
  background:linear-gradient(90deg,transparent,rgba(199,99,60,.055));
  font-size:1.08rem;
  line-height:2.05;
  color:var(--muted);
}
.home-lba-mode-list{
  margin-top:22px;
  gap:11px;
}
.home-lba-mode-list>div{
  grid-template-columns:48px minmax(0,1fr);
  gap:12px;
  padding:15px 16px;
  border-radius:21px;
}
.home-lba-mode-list>div>span{
  width:48px;
  height:48px;
  border-radius:17px;
  font-size:1.12rem;
}
.home-lba-mode-list strong{
  font-size:1rem;
  line-height:1.7;
}
.home-lba-mode-list small{
  margin-top:4px;
  font-size:.86rem;
  line-height:1.82;
}
.home-lba-feature-row{
  margin-top:16px;
  gap:8px;
}
.home-lba-feature-row span{
  padding:8px 10px;
  font-size:.82rem;
}
.home-lba-actions{
  margin-top:22px;
}
.home-lba-alias-note{
  max-width:500px;
  margin-top:15px;
  font-size:.82rem;
  line-height:1.9;
}
.home-lba-visual{
  min-height:545px;
  align-self:center;
}
.home-lba-map-card{
  width:min(100%,620px);
  transform:rotate(.2deg);
}
.home-lba-map-canvas{
  height:354px;
}
.home-lba-map-summary{
  padding:18px 20px 20px;
}
.home-lba-float-city{
  right:0;
  top:82px;
}
.home-lba-float-airport{
  left:0;
  bottom:78px;
}

@media (max-width:1199.98px){
  .home-lba-heading{margin-bottom:30px}
  .home-lba-heading .section-title{max-width:820px}
  .home-lba-shell{
    grid-template-columns:minmax(350px,.88fr) minmax(500px,1.12fr);
    gap:30px;
  }
  .home-lba-copy{max-width:470px}
  .home-lba-copy .lead-soft,.home-lba-intro{font-size:1.02rem}
  .home-lba-map-card{width:min(100%,555px)}
}
@media (max-width:991.98px){
  .home-lba-heading{
    margin-bottom:28px;
    padding-bottom:16px;
  }
  .home-lba-heading .section-title{max-width:760px}
  .home-lba-shell{
    direction:rtl;
    grid-template-columns:1fr;
    gap:30px;
  }
  .home-lba-copy{
    max-width:680px;
    width:100%;
    justify-self:center;
    padding-left:0;
  }
  .home-lba-copy .lead-soft,.home-lba-intro{max-width:620px}
  .home-lba-mode-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-lba-visual{min-height:530px}
  .home-lba-map-card{width:min(94%,590px)}
}
@media (max-width:767.98px){
  .home-lba-heading{
    margin-bottom:24px;
    padding-bottom:14px;
  }
  .home-lba-heading::after{width:88px;height:2px}
  .home-lba-copy .lead-soft,.home-lba-intro{
    max-width:none;
    padding:8px 13px 8px 0;
    font-size:.98rem;
    line-height:2;
  }
  .home-lba-mode-list{grid-template-columns:1fr}
  .home-lba-mode-list>div{
    grid-template-columns:45px minmax(0,1fr);
    padding:14px;
  }
  .home-lba-mode-list>div>span{width:45px;height:45px}
  .home-lba-mode-list strong{font-size:.96rem}
  .home-lba-mode-list small{font-size:.82rem}
  .home-lba-feature-row span{font-size:.8rem}
  .home-lba-alias-note{font-size:.79rem}
  .home-lba-visual{min-height:485px}
  .home-lba-map-card{width:100%}
}

/* --------------------------------------------------------------------------
   Home software integration studio — V198
   A visual event -> API -> delivery flow, distinct from the LBA map and card grids.
   -------------------------------------------------------------------------- */
.home-api-connect-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 9% 22%,rgba(105,143,132,.095),transparent 27%),
    radial-gradient(circle at 92% 82%,rgba(199,99,60,.08),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fbfaf7 52%,#fff 100%);
}
.home-api-connect-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background-image:
    linear-gradient(rgba(65,55,48,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(65,55,48,.025) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
}
.home-api-connect-section .container-wide{position:relative;z-index:1}
.home-api-connect-head{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:38px;
  align-items:end;
  margin-bottom:30px;
}
.home-api-connect-copy{max-width:790px}
.home-api-connect-copy .section-title{max-width:760px;margin-bottom:14px}
.home-api-connect-copy .lead-soft{max-width:760px;margin-bottom:0}
.home-api-connect-meta{
  display:grid;
  gap:9px;
  justify-self:stretch;
  padding:18px;
  border:1px solid rgba(67,57,49,.075);
  border-radius:26px;
  background:rgba(255,255,255,.64);
  box-shadow:0 16px 42px rgba(61,48,38,.05),inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(12px);
}
.home-api-connect-meta span{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:8px 10px;
  border-radius:15px;
  color:var(--ink);
  font-size:.91rem;
  font-weight:880;
  background:rgba(248,244,239,.62);
}
.home-api-connect-meta i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 28px;
  border-radius:10px;
  color:#557d72;
  background:rgba(91,135,123,.10);
}
.home-api-connect-studio{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(250px,.88fr) minmax(230px,.68fr) minmax(285px,1fr);
  grid-template-areas:"result bridge event";
  direction:ltr;
  align-items:stretch;
  min-height:470px;
  overflow:hidden;
  border:1px solid rgba(67,57,49,.085);
  border-radius:40px;
  background:
    radial-gradient(circle at 50% 48%,rgba(88,128,117,.10),transparent 25%),
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(247,241,234,.78));
  box-shadow:0 28px 80px rgba(65,48,35,.08),inset 0 1px 0 rgba(255,255,255,.88);
}
.home-api-connect-studio::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(rgba(72,62,54,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(72,62,54,.032) 1px,transparent 1px);
  background-size:32px 32px;
}
.home-api-connect-studio::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:360px;
  height:360px;
  right:50%;
  top:50%;
  border-radius:50%;
  border:1px solid rgba(89,132,120,.10);
  box-shadow:0 0 0 40px rgba(89,132,120,.025),0 0 0 80px rgba(89,132,120,.015);
  transform:translate(50%,-50%);
}
.home-api-result-side,
.home-api-event-side{
  position:relative;
  z-index:2;
  direction:rtl;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px 30px;
}
.home-api-result-side{grid-area:result;background:linear-gradient(90deg,rgba(255,255,255,.40),transparent)}
.home-api-event-side{grid-area:event;background:linear-gradient(270deg,rgba(255,255,255,.42),transparent)}
.home-api-side-title{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:18px;
}
.home-api-side-title>i{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  border-radius:15px;
  color:var(--terracotta);
  font-size:1.06rem;
  background:rgba(199,99,60,.10);
  box-shadow:inset 0 0 0 1px rgba(199,99,60,.11);
}
.home-api-result-side .home-api-side-title>i{
  color:#4f806f;
  background:rgba(79,128,111,.10);
  box-shadow:inset 0 0 0 1px rgba(79,128,111,.11);
}
.home-api-side-title>span{display:grid;min-width:0}
.home-api-side-title small{color:var(--muted);font-size:.78rem;font-weight:800}
.home-api-side-title strong{margin-top:2px;color:var(--ink);font-size:.98rem;line-height:1.65;font-weight:950}
.home-api-event-list{position:relative;display:grid;gap:11px}
.home-api-event-list::before{
  content:"";
  position:absolute;
  right:21px;
  top:25px;
  bottom:25px;
  width:1px;
  border-right:1px dashed rgba(199,99,60,.22);
}
.home-api-event-list article{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:72px;
  padding:12px;
  border:1px solid rgba(65,53,44,.07);
  border-radius:21px;
  background:rgba(255,255,255,.76);
  box-shadow:0 10px 25px rgba(65,48,35,.045),inset 0 1px 0 rgba(255,255,255,.78);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.home-api-event-list article.is-active{
  border-color:rgba(199,99,60,.23);
  box-shadow:0 14px 34px rgba(119,72,44,.075),inset 0 1px 0 rgba(255,255,255,.86);
  transform:translateX(-5px);
}
.home-api-event-list article>span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:var(--terracotta);
  background:#fff2e9;
  box-shadow:inset 0 0 0 1px rgba(199,99,60,.10);
}
.home-api-event-list article>div{display:grid;min-width:0}
.home-api-event-list article strong{font-size:.9rem;font-weight:950;color:var(--ink)}
.home-api-event-list article small{margin-top:3px;color:var(--muted);font-size:.76rem;line-height:1.55;font-weight:750}
.home-api-event-list article em{
  direction:ltr;
  padding:4px 7px;
  border-radius:999px;
  color:rgba(91,70,54,.62);
  background:rgba(91,70,54,.055);
  font-size:.66rem;
  font-style:normal;
  font-weight:900;
}
.home-api-bridge{
  grid-area:bridge;
  position:relative;
  z-index:3;
  direction:rtl;
  display:grid;
  place-items:center;
  align-content:center;
  min-width:0;
  padding:34px 16px;
}
.home-api-bridge-line{
  position:absolute;
  top:50%;
  width:50%;
  height:1px;
  border-top:1px dashed rgba(83,127,115,.32);
}
.home-api-bridge-line::after{
  content:"";
  position:absolute;
  top:-4px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#5b8a7c;
  box-shadow:0 0 0 5px rgba(91,138,124,.10);
}
.home-api-bridge-line-in{right:-1%}
.home-api-bridge-line-in::after{left:8%}
.home-api-bridge-line-out{left:-1%}
.home-api-bridge-line-out::after{right:8%}
.home-api-gateway{
  position:relative;
  z-index:2;
  width:176px;
  height:176px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  border-radius:50%;
  color:#fff;
  background:
    radial-gradient(circle at 35% 20%,rgba(255,255,255,.11),transparent 25%),
    linear-gradient(145deg,#30433f,#1f2e2b 62%,#17211f);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 50px rgba(31,46,43,.22),inset 0 1px 0 rgba(255,255,255,.12);
}
.home-api-gateway>i{font-size:1.65rem;color:#c8e4db}
.home-api-gateway>strong{margin-top:8px;font-size:1.06rem;font-weight:1000;letter-spacing:-.02em}
.home-api-gateway>small{margin-top:3px;color:rgba(255,255,255,.60);font-size:.72rem;font-weight:750}
.home-api-gateway>em{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:12px;
  padding:6px 9px;
  border-radius:999px;
  color:#aee0cf;
  background:rgba(108,200,169,.08);
  border:1px solid rgba(108,200,169,.11);
  font-size:.67rem;
  font-style:normal;
  font-weight:900;
}
.home-api-gateway>em i{width:6px;height:6px;border-radius:50%;background:#72d0b0;box-shadow:0 0 0 5px rgba(114,208,176,.10)}
.home-api-gateway-orbit{
  position:absolute;
  inset:-18px;
  border-radius:50%;
  border:1px dashed rgba(91,138,124,.28);
}
.home-api-gateway-orbit::before,
.home-api-gateway-orbit::after{
  content:"";
  position:absolute;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#d27a55;
  box-shadow:0 0 0 5px rgba(199,99,60,.09);
}
.home-api-gateway-orbit::before{top:17px;right:24px}
.home-api-gateway-orbit::after{bottom:20px;left:20px;background:#6fac99;box-shadow:0 0 0 5px rgba(111,172,153,.09)}
.home-api-request-strip{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  width:min(250px,115%);
  margin-top:30px;
  direction:ltr;
  padding:9px 10px;
  border-radius:14px;
  color:#d8e6e1;
  background:#111a1c;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 12px 26px rgba(25,37,39,.15);
}
.home-api-request-strip span{padding:4px 6px;border-radius:7px;color:#10201c;background:#72d0b0;font-size:.65rem;font-weight:1000}
.home-api-request-strip code{overflow:hidden;color:#d7e5e0;font-size:.69rem;white-space:nowrap;text-overflow:ellipsis}
.home-api-request-strip b{color:#7bd8bd;font-size:.63rem;font-weight:950;white-space:nowrap}
.home-api-recipient-phone{
  width:min(225px,84%);
  margin:2px auto 0;
  padding:12px 12px 16px;
  border:4px solid #dfc8b7;
  border-radius:31px;
  color:#292d30;
  background:linear-gradient(180deg,#f9fafb,#edf0f3);
  box-shadow:0 20px 38px rgba(67,48,35,.13),inset 0 0 0 1px rgba(255,255,255,.8);
  transform:rotate(-2deg);
}
.home-api-phone-bar{display:flex;align-items:center;justify-content:space-between;padding:0 3px 8px;font-size:.63rem;font-weight:950}
.home-api-phone-contact{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(36,42,46,.07)}
.home-api-phone-contact>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#7b9c91,#4d7468)}
.home-api-phone-contact>div{display:grid;text-align:right}
.home-api-phone-contact strong{font-size:.76rem;font-weight:950}
.home-api-phone-contact small{color:#737a7e;font-size:.6rem;font-weight:750}
.home-api-phone-message{
  margin-top:18px;
  padding:12px;
  border-radius:17px 17px 17px 5px;
  background:#dfe3e7;
  box-shadow:0 5px 12px rgba(42,47,51,.05);
}
.home-api-phone-message p{margin:0;font-size:.73rem;line-height:1.75;font-weight:780}
.home-api-phone-message time{display:block;margin-top:7px;color:#747b80;font-size:.56rem;font-weight:740}
.home-api-phone-delivered{display:block;margin:5px 4px 0;color:#657078;font-size:.55rem;font-weight:760}
.home-api-phone-delivered i{color:#568777}
.home-api-webhook-card{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  width:min(255px,94%);
  margin:14px auto 0;
  padding:10px 11px;
  border:1px solid rgba(79,128,111,.13);
  border-radius:17px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 24px rgba(59,48,39,.055);
}
.home-api-webhook-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;color:#4f806f;background:rgba(79,128,111,.10)}
.home-api-webhook-card>div{display:grid}
.home-api-webhook-card small{color:var(--muted);font-size:.66rem;font-weight:780}
.home-api-webhook-card strong{margin-top:2px;color:#3f715f;font-size:.78rem;font-weight:1000;direction:ltr;text-align:right}
.home-api-webhook-card em{direction:ltr;color:var(--muted);font-size:.63rem;font-style:normal;font-weight:850}
.home-api-connect-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:24px;
}
.home-api-capabilities{display:flex;flex-wrap:wrap;gap:9px}
.home-api-capabilities span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 12px;
  border-radius:999px;
  color:var(--ink);
  background:#fff;
  border:1px solid rgba(67,57,49,.075);
  font-size:.84rem;
  font-weight:850;
  box-shadow:0 7px 18px rgba(61,48,38,.035);
}
.home-api-capabilities i{color:#4f806f}
.home-api-actions{display:flex;flex:0 0 auto;gap:10px;flex-wrap:wrap}

@media (prefers-reduced-motion:no-preference){
  .home-api-gateway-orbit{animation:homeApiOrbit 18s linear infinite}
  .home-api-bridge-line::after{animation:homeApiSignal 2.7s ease-in-out infinite}
  .home-api-bridge-line-out::after{animation-delay:1.1s}
}
@keyframes homeApiOrbit{to{transform:rotate(360deg)}}
@keyframes homeApiSignal{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.08)}}

@media (max-width:1199.98px){
  .home-api-connect-studio{grid-template-columns:minmax(225px,.86fr) minmax(205px,.62fr) minmax(250px,1fr)}
  .home-api-result-side,.home-api-event-side{padding:28px 22px}
  .home-api-gateway{width:156px;height:156px}
  .home-api-request-strip{width:min(220px,118%)}
  .home-api-event-list article{grid-template-columns:40px minmax(0,1fr);padding:11px}
  .home-api-event-list article>span{width:40px;height:40px}
  .home-api-event-list article em{display:none}
}
@media (max-width:991.98px){
  .home-api-connect-head{grid-template-columns:1fr;gap:20px;align-items:start}
  .home-api-connect-copy{max-width:760px}
  .home-api-connect-meta{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}
  .home-api-connect-meta span{justify-content:center;text-align:center;min-height:58px;padding:8px}
  .home-api-connect-studio{
    grid-template-columns:1fr;
    grid-template-areas:"event" "bridge" "result";
    min-height:0;
  }
  .home-api-event-side,.home-api-result-side{padding:28px}
  .home-api-event-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .home-api-event-list::before{display:none}
  .home-api-event-list article,.home-api-event-list article.is-active{display:flex;flex-direction:column;align-items:flex-start;min-height:150px;transform:none}
  .home-api-event-list article em{display:inline-flex;margin-top:auto}
  .home-api-bridge{min-height:260px;padding:34px 20px}
  .home-api-bridge-line{top:50%;width:38%}
  .home-api-request-strip{width:min(260px,82%);margin-top:28px}
  .home-api-result-side{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(220px,1fr);grid-template-areas:"title title" "phone webhook";align-items:center;gap:0 22px}
  .home-api-result-side .home-api-side-title{grid-area:title}
  .home-api-recipient-phone{grid-area:phone;width:min(225px,100%)}
  .home-api-webhook-card{grid-area:webhook;width:100%;margin:0}
  .home-api-connect-footer{align-items:flex-start;flex-direction:column}
}
@media (max-width:767.98px){
  .home-api-connect-section::before{display:none}
  .home-api-connect-head{margin-bottom:22px}
  .home-api-connect-meta{grid-template-columns:1fr;gap:7px;border-radius:22px}
  .home-api-connect-meta span{justify-content:flex-start;min-height:42px;text-align:right}
  .home-api-connect-studio{border-radius:28px}
  .home-api-event-side,.home-api-result-side{padding:23px 18px}
  .home-api-side-title{align-items:flex-start}
  .home-api-side-title strong{font-size:.92rem}
  .home-api-event-list{grid-template-columns:1fr}
  .home-api-event-list article,.home-api-event-list article.is-active{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;min-height:72px;transform:none}
  .home-api-event-list article em{display:inline-flex;margin-top:0}
  .home-api-bridge{min-height:300px;padding:36px 16px}
  .home-api-bridge-line{top:auto;right:50%;left:auto;width:1px;height:32%;border-top:0;border-right:1px dashed rgba(83,127,115,.32);transform:translateX(50%)}
  .home-api-bridge-line-in{top:0}
  .home-api-bridge-line-out{bottom:0}
  .home-api-bridge-line::after{right:-4px;left:auto;top:auto}
  .home-api-bridge-line-in::after{bottom:12%}
  .home-api-bridge-line-out::after{top:12%}
  .home-api-gateway{width:154px;height:154px}
  .home-api-request-strip{width:min(250px,92%)}
  .home-api-result-side{display:flex;align-items:stretch;gap:0}
  .home-api-recipient-phone{width:min(230px,92%)}
  .home-api-webhook-card{width:min(300px,100%);margin:14px auto 0}
  .home-api-connect-footer{margin-top:20px}
  .home-api-capabilities{display:grid;width:100%;grid-template-columns:1fr}
  .home-api-capabilities span{border-radius:16px;justify-content:flex-start}
  .home-api-actions{display:grid;width:100%;grid-template-columns:1fr}
  .home-api-actions .btn{width:100%;justify-content:center}
}
@media (max-width:479.98px){
  .home-api-event-list article,.home-api-event-list article.is-active{grid-template-columns:40px minmax(0,1fr)}
  .home-api-event-list article em{display:none}
  .home-api-event-list article small{font-size:.72rem}
}


/* --------------------------------------------------------------------------
   Home API connect studio refinement — V199
   Goal: warmer site-aligned palette and more obvious 3-step understanding.
   -------------------------------------------------------------------------- */
.home-api-connect-section{
  background:
    radial-gradient(circle at 10% 22%,rgba(230,173,75,.10),transparent 28%),
    radial-gradient(circle at 92% 82%,rgba(199,99,60,.09),transparent 30%),
    linear-gradient(180deg,#fff 0%,#fffaf6 52%,#fff 100%);
}
.home-api-connect-section::before{
  opacity:.26;
  background-image:
    linear-gradient(rgba(92,73,59,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(92,73,59,.022) 1px,transparent 1px);
}
.home-api-connect-head{margin-bottom:22px}
.home-api-connect-copy .section-title{max-width:720px}
.home-api-connect-copy .lead-soft{max-width:760px}
.home-api-connect-meta{
  border-color:rgba(199,99,60,.12);
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,246,239,.74));
  box-shadow:0 16px 42px rgba(61,48,38,.045),inset 0 1px 0 rgba(255,255,255,.85);
}
.home-api-connect-meta span{
  background:rgba(255,250,245,.88);
  color:var(--ink);
}
.home-api-connect-meta i{
  color:var(--terracotta);
  background:rgba(199,99,60,.10);
}
.home-api-explain-strip{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:16px;
}
.home-api-explain-strip span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(199,99,60,.12);
  background:rgba(255,250,244,.86);
  color:var(--ink);
  font-size:.86rem;
  font-weight:880;
  box-shadow:0 8px 22px rgba(61,48,38,.035);
}
.home-api-explain-strip b{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  flex:0 0 24px;
  border-radius:50%;
  color:#fff;
  font-size:.78rem;
  font-weight:950;
  background:linear-gradient(145deg,#d67a54,#b95537);
}
.home-api-connect-studio{
  border-color:rgba(199,99,60,.12);
  background:
    radial-gradient(circle at 50% 48%,rgba(230,173,75,.08),transparent 24%),
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,247,240,.84));
  box-shadow:0 26px 70px rgba(65,48,35,.07),inset 0 1px 0 rgba(255,255,255,.9);
}
.home-api-connect-studio::before{
  background-image:
    linear-gradient(rgba(92,73,59,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(92,73,59,.028) 1px,transparent 1px);
}
.home-api-connect-studio::after{
  border-color:rgba(199,99,60,.11);
  box-shadow:0 0 0 40px rgba(199,99,60,.026),0 0 0 80px rgba(230,173,75,.016);
}
.home-api-result-side{background:linear-gradient(90deg,rgba(255,247,240,.62),transparent)}
.home-api-event-side{background:linear-gradient(270deg,rgba(255,248,243,.62),transparent)}
.home-api-side-title{margin-bottom:16px}
.home-api-side-title>i{
  color:var(--terracotta);
  background:rgba(199,99,60,.10);
  box-shadow:inset 0 0 0 1px rgba(199,99,60,.11);
}
.home-api-result-side .home-api-side-title>i{
  color:#5c8c7a;
  background:rgba(92,140,122,.10);
  box-shadow:inset 0 0 0 1px rgba(92,140,122,.11);
}
.home-api-side-title small{font-size:.8rem;color:var(--terracotta-2);font-weight:900}
.home-api-side-title strong{font-size:1rem;line-height:1.75}
.home-api-event-list::before{border-right-color:rgba(199,99,60,.18)}
.home-api-event-list article{
  border-color:rgba(199,99,60,.09);
  background:rgba(255,255,255,.86);
}
.home-api-event-list article.is-active{
  border-color:rgba(199,99,60,.24);
  box-shadow:0 14px 34px rgba(119,72,44,.07),inset 0 1px 0 rgba(255,255,255,.88);
}
.home-api-event-list article>span{
  color:var(--terracotta);
  background:#fff3eb;
}
.home-api-event-list article strong{font-size:.92rem}
.home-api-event-list article small{font-size:.78rem;line-height:1.6}
.home-api-bridge{padding-top:28px}
.home-api-bridge-copy{
  max-width:240px;
  margin:0 auto 16px;
  display:grid;
  gap:5px;
  text-align:center;
}
.home-api-bridge-copy span{
  justify-self:center;
  padding:5px 10px;
  border-radius:999px;
  color:var(--terracotta-2);
  background:rgba(199,99,60,.08);
  font-size:.72rem;
  font-weight:950;
}
.home-api-bridge-copy strong{
  color:var(--ink);
  font-size:.96rem;
  line-height:1.65;
  font-weight:950;
}
.home-api-bridge-copy small{
  color:var(--muted);
  font-size:.75rem;
  line-height:1.8;
  font-weight:760;
}
.home-api-bridge-line{border-top-color:rgba(199,99,60,.26)}
.home-api-bridge-line::after{
  background:#cf7a56;
  box-shadow:0 0 0 5px rgba(199,99,60,.09);
}
.home-api-gateway{
  background:
    radial-gradient(circle at 35% 18%,rgba(255,255,255,.14),transparent 27%),
    linear-gradient(145deg,#7b4d38,#5f3b2d 62%,#472c23);
  box-shadow:0 24px 50px rgba(88,56,43,.22),inset 0 1px 0 rgba(255,255,255,.12);
}
.home-api-gateway>i{color:#ffe0d2}
.home-api-gateway>small{color:rgba(255,244,237,.72)}
.home-api-gateway>em{
  color:#ffe2d5;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.10);
}
.home-api-gateway>em i{background:#f0bc7b;box-shadow:0 0 0 5px rgba(240,188,123,.10)}
.home-api-gateway-orbit{border-color:rgba(199,99,60,.23)}
.home-api-gateway-orbit::before{background:#e4af5c;box-shadow:0 0 0 5px rgba(228,175,92,.10)}
.home-api-gateway-orbit::after{background:#cf7a56;box-shadow:0 0 0 5px rgba(207,122,86,.09)}
.home-api-request-strip{
  background:#3d2b23;
  border-color:rgba(255,255,255,.06);
  color:#f5e8df;
}
.home-api-request-strip span{background:#f0bb78;color:#4a2f24}
.home-api-request-strip code{color:#fff4ed}
.home-api-request-strip b{color:#8fe0bf}
.home-api-recipient-phone{
  border-color:#dfc7b3;
  background:linear-gradient(180deg,#f9fafb,#f1f3f5);
  transform:rotate(-1.25deg);
}
.home-api-phone-contact>span{background:linear-gradient(145deg,#d67a54,#b95537)}
.home-api-phone-message{background:#e7ebef}
.home-api-webhook-card{
  border-color:rgba(199,99,60,.10);
  background:rgba(255,255,255,.84);
}
.home-api-webhook-icon{color:#4f806f;background:rgba(79,128,111,.10)}
.home-api-webhook-card small{font-size:.68rem}
.home-api-webhook-card strong{font-size:.8rem}
.home-api-capabilities span{
  background:#fffaf5;
  border-color:rgba(199,99,60,.10);
}
.home-api-capabilities i{color:var(--terracotta)}

@media (max-width:991.98px){
  .home-api-explain-strip span{font-size:.82rem}
  .home-api-bridge-copy{max-width:360px}
}
@media (max-width:767.98px){
  .home-api-explain-strip{display:grid;grid-template-columns:1fr;gap:8px}
  .home-api-explain-strip span{justify-content:flex-start;border-radius:16px}
  .home-api-bridge-copy{margin:0 auto 14px}
  .home-api-bridge-copy strong{font-size:.92rem}
  .home-api-bridge-copy small{font-size:.73rem}
}


/* --------------------------------------------------------------------------
   Home section icon patterns — V200
   Goal: give each major home section a subtle hero-like patterned background
   using icons relevant to that section, without adding visual clutter.
   -------------------------------------------------------------------------- */
.home-route-section,
#features,
.home-pricing-showcase,
.home-usecase-section,
.home-lba-section,
.home-api-connect-section,
.seo-keyword-section,
#faq-home{
  position:relative;
  overflow:hidden;
}
.home-route-section .container-wide,
#features .container-wide,
.home-pricing-showcase .container-wide,
.home-usecase-section .container-wide,
.home-lba-section .container-wide,
.home-api-connect-section .container-wide,
.seo-keyword-section .container-wide,
#faq-home .container-wide{
  position:relative;
  z-index:1;
}
.section-pattern{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}
.section-pattern::before,
.section-pattern::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(8px);
}
.pattern-node{
  position:absolute;
  display:grid;
  place-items:center;
  border-radius:22px;
  border:1px solid rgba(199,99,60,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,250,245,.18));
  box-shadow:0 10px 24px rgba(61,48,38,.035), inset 0 1px 0 rgba(255,255,255,.55);
  color:rgba(178,109,81,.28);
  opacity:.95;
  backdrop-filter:blur(6px);
}
.pattern-node i{line-height:1}
.pattern-node.node-a{width:78px;height:78px;font-size:1.8rem}
.pattern-node.node-b{width:62px;height:62px;font-size:1.45rem}
.pattern-node.node-c{width:52px;height:52px;font-size:1.18rem}
.pattern-node.node-d{width:58px;height:58px;font-size:1.34rem}
.pattern-node.node-e{width:46px;height:46px;font-size:1.02rem}
.pattern-node.node-f{width:68px;height:68px;font-size:1.58rem}

/* Route section */
.section-pattern-routes{background:linear-gradient(180deg,rgba(255,252,248,.70),rgba(255,255,255,0))}
.section-pattern-routes::before{width:260px;height:260px;right:-70px;top:28px;background:radial-gradient(circle,rgba(230,173,75,.12),transparent 68%)}
.section-pattern-routes::after{width:220px;height:220px;left:-60px;bottom:18px;background:radial-gradient(circle,rgba(199,99,60,.10),transparent 68%)}
.section-pattern-routes .node-a{top:46px;right:6%}
.section-pattern-routes .node-b{top:146px;right:18%}
.section-pattern-routes .node-c{top:68px;left:11%}
.section-pattern-routes .node-d{bottom:62px;right:10%}
.section-pattern-routes .node-e{bottom:38px;left:17%}
.section-pattern-routes .node-f{top:180px;left:5%}

/* Features */
.section-pattern-features{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,250,244,.72) 24%,rgba(255,255,255,0))}
.section-pattern-features::before{width:240px;height:240px;right:-30px;top:30px;background:radial-gradient(circle,rgba(199,99,60,.09),transparent 70%)}
.section-pattern-features::after{width:240px;height:240px;left:-40px;bottom:10px;background:radial-gradient(circle,rgba(91,138,124,.08),transparent 68%)}
.section-pattern-features .node-a{top:48px;right:7%}
.section-pattern-features .node-b{top:120px;left:8%}
.section-pattern-features .node-c{top:220px;right:15%}
.section-pattern-features .node-d{bottom:58px;left:6%}
.section-pattern-features .node-e{bottom:42px;right:9%}
.section-pattern-features .node-f{top:68px;left:24%}

/* Pricing */
.section-pattern-pricing{background:linear-gradient(180deg,rgba(255,251,247,.68),rgba(255,255,255,0) 32%)}
.section-pattern-pricing::before{width:280px;height:280px;left:-65px;top:42px;background:radial-gradient(circle,rgba(230,173,75,.12),transparent 70%)}
.section-pattern-pricing::after{width:240px;height:240px;right:-45px;bottom:20px;background:radial-gradient(circle,rgba(199,99,60,.08),transparent 70%)}
.section-pattern-pricing .node-a{top:46px;left:5%}
.section-pattern-pricing .node-b{top:132px;right:8%}
.section-pattern-pricing .node-c{top:220px;left:18%}
.section-pattern-pricing .node-d{bottom:68px;right:16%}
.section-pattern-pricing .node-e{bottom:48px;left:8%}
.section-pattern-pricing .node-f{top:64px;right:21%}

/* Use cases */
.section-pattern-usecases{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,248,242,.74) 20%,rgba(255,255,255,0))}
.section-pattern-usecases::before{width:280px;height:280px;right:-55px;top:10px;background:radial-gradient(circle,rgba(199,99,60,.09),transparent 72%)}
.section-pattern-usecases::after{width:260px;height:260px;left:-55px;bottom:18px;background:radial-gradient(circle,rgba(230,173,75,.09),transparent 70%)}
.section-pattern-usecases .node-a{top:36px;right:5%}
.section-pattern-usecases .node-b{top:110px;left:7%}
.section-pattern-usecases .node-c{bottom:108px;right:10%}
.section-pattern-usecases .node-d{bottom:52px;left:7%}
.section-pattern-usecases .node-e{top:220px;left:20%}
.section-pattern-usecases .node-f{top:186px;right:17%}

/* LBA */
.section-pattern-lba{background:linear-gradient(180deg,rgba(255,250,245,.68),rgba(255,255,255,0) 34%)}
.section-pattern-lba::before{width:300px;height:300px;right:-70px;top:20px;background:radial-gradient(circle,rgba(199,99,60,.10),transparent 72%)}
.section-pattern-lba::after{width:260px;height:260px;left:-40px;bottom:20px;background:radial-gradient(circle,rgba(91,138,124,.08),transparent 70%)}
.section-pattern-lba .node-a{top:44px;right:7%}
.section-pattern-lba .node-b{top:116px;right:19%}
.section-pattern-lba .node-c{top:78px;left:10%}
.section-pattern-lba .node-d{bottom:74px;left:8%}
.section-pattern-lba .node-e{bottom:38px;right:8%}
.section-pattern-lba .node-f{top:210px;left:18%}
.section-pattern-lba .pattern-node{color:rgba(96,127,113,.28)}
.section-pattern-lba .node-a,.section-pattern-lba .node-b,.section-pattern-lba .node-c{color:rgba(199,99,60,.28)}

/* API */
.section-pattern-api{background:linear-gradient(180deg,rgba(255,250,245,.70),rgba(255,255,255,0) 34%)}
.section-pattern-api::before{width:300px;height:300px;right:-70px;top:30px;background:radial-gradient(circle,rgba(199,99,60,.10),transparent 72%)}
.section-pattern-api::after{width:240px;height:240px;left:-55px;bottom:24px;background:radial-gradient(circle,rgba(230,173,75,.10),transparent 70%)}
.section-pattern-api .node-a{top:42px;right:7%}
.section-pattern-api .node-b{top:146px;right:19%}
.section-pattern-api .node-c{top:84px;left:10%}
.section-pattern-api .node-d{bottom:98px;right:9%}
.section-pattern-api .node-e{bottom:42px;left:9%}
.section-pattern-api .node-f{top:194px;left:18%}
.section-pattern-api .pattern-node{color:rgba(133,84,62,.28)}

/* Platform/SEO */
.section-pattern-platform{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,250,244,.66) 20%,rgba(255,255,255,0))}
.section-pattern-platform::before{width:240px;height:240px;right:-45px;top:24px;background:radial-gradient(circle,rgba(230,173,75,.10),transparent 72%)}
.section-pattern-platform::after{width:260px;height:260px;left:-60px;bottom:0;background:radial-gradient(circle,rgba(199,99,60,.08),transparent 72%)}
.section-pattern-platform .node-a{top:44px;right:8%}
.section-pattern-platform .node-b{top:136px;left:10%}
.section-pattern-platform .node-c{top:228px;right:18%}
.section-pattern-platform .node-d{bottom:50px;left:8%}
.section-pattern-platform .node-e{bottom:54px;right:10%}
.section-pattern-platform .node-f{top:78px;left:26%}

/* FAQ */
.section-pattern-faq{background:linear-gradient(180deg,rgba(255,250,245,.72),rgba(255,255,255,0) 30%)}
.section-pattern-faq::before{width:250px;height:250px;right:-40px;top:18px;background:radial-gradient(circle,rgba(199,99,60,.10),transparent 70%)}
.section-pattern-faq::after{width:220px;height:220px;left:-40px;bottom:14px;background:radial-gradient(circle,rgba(230,173,75,.10),transparent 68%)}
.section-pattern-faq .node-a{top:38px;right:8%}
.section-pattern-faq .node-b{top:132px;left:9%}
.section-pattern-faq .node-c{top:214px;right:17%}
.section-pattern-faq .node-d{bottom:62px;left:8%}
.section-pattern-faq .node-e{bottom:34px;right:10%}
.section-pattern-faq .node-f{top:70px;left:24%}

@media (max-width:1199.98px){
  .pattern-node.node-a{width:68px;height:68px;font-size:1.6rem}
  .pattern-node.node-b{width:56px;height:56px;font-size:1.3rem}
  .pattern-node.node-c{width:48px;height:48px;font-size:1.08rem}
  .pattern-node.node-d{width:52px;height:52px;font-size:1.18rem}
  .pattern-node.node-e{width:42px;height:42px;font-size:.96rem}
  .pattern-node.node-f{width:60px;height:60px;font-size:1.4rem}
}
@media (max-width:991.98px){
  .section-pattern{opacity:.88}
  .pattern-node{opacity:.9}
  .section-pattern .node-b,
  .section-pattern .node-e{display:none}
}
@media (max-width:767.98px){
  .section-pattern::before,
  .section-pattern::after{filter:blur(16px)}
  .pattern-node{border-radius:18px;box-shadow:0 8px 18px rgba(61,48,38,.03)}
  .pattern-node.node-a{width:54px;height:54px;font-size:1.24rem}
  .pattern-node.node-c{width:40px;height:40px;font-size:.92rem}
  .pattern-node.node-d{width:44px;height:44px;font-size:1rem}
  .pattern-node.node-f{width:50px;height:50px;font-size:1.1rem}
  .section-pattern .node-c,
  .section-pattern .node-d{display:none}
  .section-pattern .node-a{top:24px!important;right:18px!important;left:auto!important;bottom:auto!important}
  .section-pattern .node-f{bottom:18px!important;left:18px!important;right:auto!important;top:auto!important}
}
@media (prefers-reduced-motion:no-preference){
  .section-pattern .node-a{animation:sectionPatternFloatA 12s ease-in-out infinite}
  .section-pattern .node-d{animation:sectionPatternFloatB 14s ease-in-out infinite}
  .section-pattern .node-f{animation:sectionPatternFloatC 16s ease-in-out infinite}
}
@keyframes sectionPatternFloatA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes sectionPatternFloatB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(6px,-6px,0)}}
@keyframes sectionPatternFloatC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-6px,6px,0)}}
@media (prefers-reduced-motion:reduce){
  .section-pattern .node-a,
  .section-pattern .node-d,
  .section-pattern .node-f{animation:none!important}
}


/* --------------------------------------------------------------------------
   Home section patterns simplification — V201
   Goal: reduce visual clutter. Each section keeps one large matte icon in a
   calm position, instead of multiple floating icon cards.
   -------------------------------------------------------------------------- */
.section-pattern{
  opacity:1;
}
.section-pattern::before,
.section-pattern::after{
  filter:blur(18px);
}
.section-pattern .pattern-node{
  display:none;
  border:0;
  box-shadow:none;
  background:transparent;
  backdrop-filter:none;
  border-radius:0;
  opacity:1;
}
.section-pattern .pattern-node.node-a{
  display:grid;
  width:168px;
  height:168px;
  color:rgba(176,111,82,.10);
  right:5.5%;
  top:34px;
  left:auto;
  bottom:auto;
}
.section-pattern .pattern-node.node-a::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.48),rgba(255,255,255,0) 72%);
  filter:blur(8px);
}
.section-pattern .pattern-node.node-a i{
  position:relative;
  z-index:1;
  font-size:5.2rem;
  line-height:1;
}

.home-route-section .section-pattern .pattern-node.node-a{color:rgba(184,113,82,.10);right:6%;top:40px}
#features .section-pattern .pattern-node.node-a{color:rgba(125,106,92,.10);left:5%;right:auto;top:38px}
.home-pricing-showcase .section-pattern .pattern-node.node-a{color:rgba(214,146,53,.11);right:6%;top:32px}
.home-usecase-section .section-pattern .pattern-node.node-a{color:rgba(199,99,60,.10);left:5%;right:auto;top:40px}
.home-lba-section .section-pattern .pattern-node.node-a{color:rgba(199,99,60,.11);right:5%;top:26px}
.home-api-connect-section .section-pattern .pattern-node.node-a{color:rgba(133,84,62,.11);left:4.5%;right:auto;top:34px}
.seo-keyword-section .section-pattern .pattern-node.node-a{color:rgba(153,116,88,.10);right:5%;top:34px}
#faq-home .section-pattern .pattern-node.node-a{color:rgba(175,118,88,.10);left:5%;right:auto;top:26px}

.section-pattern-routes::before,
.section-pattern-features::before,
.section-pattern-pricing::before,
.section-pattern-usecases::before,
.section-pattern-lba::before,
.section-pattern-api::before,
.section-pattern-platform::before,
.section-pattern-faq::before{
  width:260px;
  height:260px;
}
.section-pattern-routes::after,
.section-pattern-features::after,
.section-pattern-pricing::after,
.section-pattern-usecases::after,
.section-pattern-lba::after,
.section-pattern-api::after,
.section-pattern-platform::after,
.section-pattern-faq::after{
  display:none;
}
.section-pattern-routes::before{right:-60px;top:-20px;background:radial-gradient(circle,rgba(230,173,75,.12),transparent 68%)}
.section-pattern-features::before{left:-70px;top:-16px;background:radial-gradient(circle,rgba(91,138,124,.10),transparent 68%)}
.section-pattern-pricing::before{right:-60px;top:-18px;background:radial-gradient(circle,rgba(230,173,75,.13),transparent 68%)}
.section-pattern-usecases::before{left:-65px;top:-16px;background:radial-gradient(circle,rgba(199,99,60,.10),transparent 70%)}
.section-pattern-lba::before{right:-65px;top:-24px;background:radial-gradient(circle,rgba(199,99,60,.11),transparent 70%)}
.section-pattern-api::before{left:-65px;top:-18px;background:radial-gradient(circle,rgba(199,99,60,.10),transparent 70%)}
.section-pattern-platform::before{right:-62px;top:-18px;background:radial-gradient(circle,rgba(230,173,75,.11),transparent 68%)}
.section-pattern-faq::before{left:-62px;top:-22px;background:radial-gradient(circle,rgba(199,99,60,.10),transparent 68%)}

@media (max-width:1199.98px){
  .section-pattern .pattern-node.node-a{
    width:148px;
    height:148px;
  }
  .section-pattern .pattern-node.node-a i{font-size:4.6rem}
}
@media (max-width:767.98px){
  .section-pattern::before{width:180px!important;height:180px!important;filter:blur(16px)}
  .section-pattern .pattern-node.node-a{
    width:104px;
    height:104px;
    top:20px!important;
    right:14px!important;
    left:auto!important;
  }
  .home-api-connect-section .section-pattern .pattern-node.node-a,
  #features .section-pattern .pattern-node.node-a,
  .home-usecase-section .section-pattern .pattern-node.node-a,
  #faq-home .section-pattern .pattern-node.node-a{
    left:14px!important;
    right:auto!important;
  }
  .section-pattern .pattern-node.node-a i{font-size:3.35rem}
}
@media (prefers-reduced-motion:no-preference){
  .section-pattern .pattern-node.node-a{animation:sectionPatternSoftFloat 18s ease-in-out infinite}
}
@keyframes sectionPatternSoftFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}
@media (prefers-reduced-motion:reduce){
  .section-pattern .pattern-node.node-a{animation:none!important}
}


/* --------------------------------------------------------------------------
   Hero phone OTP theme refinement + faster rotation — V202
   Goal: make the OTP scene warmer and more aligned with the site palette.
   -------------------------------------------------------------------------- */
.scene-phone-mode-otp{
  color:#2a2522;
  background:
    linear-gradient(rgba(255,251,247,.88),rgba(255,250,246,.88)),
    radial-gradient(circle at 50% 14%,rgba(230,173,75,.17),transparent 30%),
    radial-gradient(circle at 18% 82%,rgba(199,99,60,.08),transparent 26%),
    #f6f1eb;
}
.scene-recipient-status{color:#2d2825}
.scene-recipient-contact{
  border-bottom:1px solid rgba(85,63,48,.07);
  background:rgba(255,255,255,.58);
}
.scene-recipient-contact>i{color:#b86442}
.scene-recipient-avatar{
  background:linear-gradient(145deg,#d98058,#b85d3e);
  box-shadow:0 7px 15px rgba(184,93,62,.18);
}
.scene-recipient-contact small{color:#89776b}
.scene-recipient-thread>time{color:#9a877a}
.scene-recipient-message{
  background:linear-gradient(180deg,#efe4da,#e7d9cd);
  color:#2b2521;
  box-shadow:0 6px 14px rgba(81,58,42,.06);
}
.scene-recipient-message strong{color:#b25937}
.scene-recipient-message small{color:#6f6259}
.scene-recipient-delivered{color:#8c7d72}
.scene-recipient-delivered i{color:#b86a48}
.scene-recipient-compose{
  border-color:rgba(89,64,47,.10);
  background:rgba(255,255,255,.78);
  color:#8b7b70;
}
.scene-recipient-compose span{color:#8b7b70}

/* Slightly soften the OTP floating stat when active */
.scene-phone-premium[data-active-phone-mode="otp"] .scene-phone-floating{
  background:rgba(255,250,246,.9);
  border-color:rgba(199,99,60,.14);
  box-shadow:0 12px 28px rgba(92,63,46,.08);
}
.scene-phone-premium[data-active-phone-mode="otp"] .scene-phone-floating .scene-floating-icon{
  color:#b85d3e;
  background:rgba(199,99,60,.09);
}
.scene-phone-premium[data-active-phone-mode="otp"] .scene-phone-floating strong{
  color:#4b3d35;
}
.scene-phone-premium[data-active-phone-mode="otp"] .scene-phone-floating small{
  color:#8a796c;
}


/* Home SEO and performance refinements - V203 */
.home-visual-demo-note{
  position:absolute;
  z-index:8;
  right:18px;
  bottom:16px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border:1px solid rgba(92,58,42,.12);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:rgba(63,45,32,.68);
  box-shadow:0 10px 28px rgba(55,38,23,.07);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:.76rem;
  font-weight:850;
  line-height:1.5;
  pointer-events:none;
}
.home-visual-demo-note i{color:var(--terracotta);font-size:.88rem}
.feature-inline-link{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  margin:14px 0 16px;
  color:var(--terracotta-2);
  font-size:.9rem;
  font-weight:950;
  text-decoration:none;
}
.feature-inline-link:after{content:"\F284";font-family:"bootstrap-icons";font-size:.78rem;transform:scaleX(-1)}
.feature-inline-link:hover{color:var(--terracotta);text-decoration:underline;text-underline-offset:4px}
@media (max-width:575.98px){
  .home-visual-demo-note{right:10px;bottom:10px;font-size:.7rem;padding:6px 9px}
}

/* --------------------------------------------------------------------------
   Home use-case photo integration — V205
   Keeps the SEO image inside an existing visual slot without adding page height.
   -------------------------------------------------------------------------- */
@media (min-width:992px){
  .home-usecase-studio{
    grid-template-columns:minmax(250px,1fr) minmax(380px,470px) minmax(250px,1fr);
  }
}
.home-usecase-visual-photo{
  min-height:440px;
}
.home-usecase-visual-photo::before{
  width:360px;
  height:360px;
  border-style:solid;
  border-color:rgba(199,99,60,.09);
  box-shadow:0 0 0 28px rgba(199,99,60,.018),0 0 0 58px rgba(230,173,75,.012);
}
.home-usecase-photo{
  position:relative;
  z-index:2;
  width:min(100%,470px);
  margin:0;
  padding:10px;
  border-radius:30px;
  background:rgba(255,253,250,.90);
  border:1px solid rgba(111,78,56,.10);
  box-shadow:0 26px 66px rgba(76,49,31,.12),inset 0 1px 0 rgba(255,255,255,.95);
  transform:rotate(-.5deg);
}
.home-usecase-photo img{
  display:block;
  width:100%;
  height:auto;
  border-radius:22px;
  object-fit:cover;
  box-shadow:0 15px 36px rgba(61,42,29,.09);
}
.home-usecase-photo figcaption{
  padding:11px 8px 3px;
  color:rgba(76,57,44,.72);
  font-size:.78rem;
  font-weight:780;
  line-height:1.75;
  text-align:center;
}
.home-usecase-photo-note{
  position:absolute;
  top:20px;
  right:20px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border:1px solid rgba(92,58,42,.10);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:rgba(63,45,32,.68);
  box-shadow:0 8px 20px rgba(55,38,23,.07);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-size:.68rem;
  font-weight:850;
  line-height:1.4;
}
.home-usecase-photo-note i{color:var(--terracotta)}
@media (max-width:991.98px){
  .home-usecase-visual-photo{
    min-height:0;
    padding:0 6px 4px;
  }
  .home-usecase-visual-photo::before,
  .home-usecase-visual-photo::after{display:none}
  .home-usecase-photo{
    width:min(100%,700px);
    transform:none;
  }
}
@media (max-width:575.98px){
  .home-usecase-photo{
    padding:7px;
    border-radius:22px;
  }
  .home-usecase-photo img{border-radius:16px}
  .home-usecase-photo figcaption{
    padding:9px 4px 2px;
    font-size:.72rem;
  }
  .home-usecase-photo-note{
    top:14px;
    right:14px;
    padding:5px 8px;
    font-size:.63rem;
  }
}

/* --------------------------------------------------------------------------
   Home LBA/LBS + API complete redesign — V209
   Minimal, unified visual surfaces with explanatory content and fewer boxes.
   -------------------------------------------------------------------------- */
.home-lba-rebuild,
.home-api-rebuild{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.home-lba-rebuild{
  background:
    radial-gradient(circle at 10% 20%,rgba(230,173,75,.10),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fffaf6 52%,#fff 100%);
}
.home-api-rebuild{
  background:
    radial-gradient(circle at 91% 18%,rgba(92,140,122,.09),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fafbf9 52%,#fff 100%);
}
.home-lba-rebuild-glow,
.home-api-rebuild-glow{
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  pointer-events:none;
  filter:blur(1px);
  opacity:.48;
  z-index:-1;
}
.home-lba-rebuild-glow{
  left:-250px;
  bottom:-260px;
  background:radial-gradient(circle,rgba(199,99,60,.09),transparent 68%);
}
.home-api-rebuild-glow{
  right:-250px;
  top:-250px;
  background:radial-gradient(circle,rgba(92,140,122,.10),transparent 68%);
}
.home-lba-rebuild-frame,
.home-api-rebuild-frame{
  display:grid;
  grid-template-columns:minmax(420px,.92fr) minmax(560px,1.08fr);
  gap:64px;
  align-items:center;
}
.home-lba-rebuild-content,
.home-api-rebuild-content{
  min-width:0;
}
.home-lba-rebuild-content .section-title,
.home-api-rebuild-content .section-title{
  max-width:720px;
  margin-bottom:18px;
}
.home-lba-rebuild-content>.lead-soft,
.home-api-rebuild-content>.lead-soft{
  max-width:700px;
  margin:0;
  font-size:1.02rem;
  line-height:2.05;
}
.home-lba-rebuild-steps,
.home-api-rebuild-steps{
  list-style:none;
  padding:0;
  margin:28px 0 0;
}
.home-lba-rebuild-steps li,
.home-api-rebuild-steps li{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:16px;
  align-items:flex-start;
  padding:18px 0;
  border-bottom:1px solid rgba(67,57,49,.09);
}
.home-lba-rebuild-steps li:first-child,
.home-api-rebuild-steps li:first-child{
  padding-top:0;
}
.home-lba-rebuild-steps li:last-child,
.home-api-rebuild-steps li:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.home-lba-rebuild-step-icon,
.home-api-rebuild-steps>li>span{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  flex:0 0 52px;
  border-radius:18px;
  color:var(--terracotta);
  font-size:1.1rem;
  background:rgba(199,99,60,.09);
  box-shadow:inset 0 0 0 1px rgba(199,99,60,.10);
}
.home-api-rebuild-steps>li>span{
  color:#507c6d;
  font-size:.92rem;
  font-weight:950;
  background:rgba(92,140,122,.10);
  box-shadow:inset 0 0 0 1px rgba(92,140,122,.11);
}
.home-lba-rebuild-steps h3,
.home-api-rebuild-steps h3{
  margin:0;
  color:var(--ink);
  font-size:1rem;
  line-height:1.7;
  font-weight:950;
}
.home-lba-rebuild-steps p,
.home-api-rebuild-steps p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.9;
}
.home-lba-rebuild-actions,
.home-api-rebuild-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.home-lba-rebuild-alias{
  display:flex;
  align-items:flex-start;
  gap:8px;
  max-width:660px;
  margin:16px 0 0;
  color:var(--muted);
  font-size:.8rem;
  line-height:1.9;
}
.home-lba-rebuild-alias i{
  color:var(--terracotta);
  margin-top:4px;
}

/* LBA unified map surface */
.home-lba-rebuild-visual{
  min-width:0;
}
.home-lba-rebuild-map{
  position:relative;
  overflow:hidden;
  min-height:570px;
  border:1px solid rgba(199,99,60,.12);
  border-radius:38px;
  background:#f7f2ec;
  box-shadow:0 30px 80px rgba(65,48,35,.10),inset 0 1px 0 rgba(255,255,255,.92);
}
.home-lba-rebuild-map-head{
  height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 24px;
  border-bottom:1px solid rgba(67,57,49,.08);
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(10px);
}
.home-lba-rebuild-map-head>span{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ink);
  font-size:.92rem;
  font-weight:950;
}
.home-lba-rebuild-map-head>span i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:var(--terracotta);
  background:rgba(199,99,60,.09);
}
.home-lba-rebuild-map-head>strong{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border-radius:999px;
  color:#4d7769;
  background:rgba(92,140,122,.10);
  font-size:.75rem;
  font-weight:900;
}
.home-lba-rebuild-map-head>strong i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#63a58e;
  box-shadow:0 0 0 5px rgba(99,165,142,.10);
}
.home-lba-rebuild-map-body{
  position:relative;
  height:420px;
  overflow:hidden;
}
.home-lba-rebuild-map-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.home-lba-rebuild-zone{
  position:absolute;
  left:50%;
  top:49%;
  width:220px;
  height:220px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  border:2px solid rgba(199,99,60,.48);
  background:radial-gradient(circle,rgba(199,99,60,.18) 0%,rgba(199,99,60,.09) 48%,rgba(199,99,60,.02) 70%,transparent 72%);
  box-shadow:0 0 0 24px rgba(199,99,60,.035),0 0 0 48px rgba(199,99,60,.018);
}
.home-lba-rebuild-center{
  position:absolute;
  left:50%;
  top:49%;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  border:5px solid rgba(255,255,255,.86);
  border-radius:20px;
  color:#fff;
  font-size:1.25rem;
  background:linear-gradient(145deg,#d87c55,#b9573a);
  box-shadow:0 16px 32px rgba(141,75,48,.24);
}
.home-lba-rebuild-pin{
  position:absolute;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:4px solid rgba(255,255,255,.88);
  border-radius:50% 50% 50% 10px;
  color:#fff;
  background:#5d8c7b;
  box-shadow:0 10px 22px rgba(73,112,98,.22);
}
.home-lba-rebuild-pin i{
  transform:rotate(45deg);
  font-size:.78rem;
}
.home-lba-rebuild-pin-a{left:29%;top:31%;transform:rotate(-45deg)}
.home-lba-rebuild-pin-b{left:66%;top:35%;transform:rotate(-45deg)}
.home-lba-rebuild-pin-c{left:63%;top:70%;transform:rotate(-45deg)}
.home-lba-rebuild-radius{
  position:absolute;
  left:50%;
  top:15%;
  display:inline-flex;
  align-items:center;
  gap:7px;
  transform:translateX(-50%);
  padding:8px 12px;
  border:1px solid rgba(199,99,60,.13);
  border-radius:999px;
  color:var(--ink);
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 24px rgba(65,48,35,.06);
  font-size:.77rem;
  font-weight:900;
}
.home-lba-rebuild-radius i{color:var(--terracotta)}
.home-lba-rebuild-live{
  position:absolute;
  right:24px;
  bottom:22px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  width:min(330px,calc(100% - 48px));
  padding:12px 14px;
  border:1px solid rgba(92,140,122,.15);
  border-radius:20px;
  background:rgba(255,255,255,.90);
  box-shadow:0 16px 34px rgba(65,48,35,.09);
  backdrop-filter:blur(10px);
}
.home-lba-rebuild-live>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#507c6d;
  background:rgba(92,140,122,.11);
}
.home-lba-rebuild-live>div{display:grid;min-width:0}
.home-lba-rebuild-live small{color:var(--muted);font-size:.7rem;font-weight:800}
.home-lba-rebuild-live strong{color:var(--ink);font-size:.84rem;line-height:1.6;font-weight:950}
.home-lba-rebuild-live em{
  padding:5px 8px;
  border-radius:999px;
  color:#4d7769;
  background:rgba(92,140,122,.10);
  font-size:.67rem;
  font-style:normal;
  font-weight:900;
}
.home-lba-rebuild-map-foot{
  min-height:78px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:14px 22px;
  border-top:1px solid rgba(67,57,49,.08);
  background:rgba(255,255,255,.88);
}
.home-lba-rebuild-map-foot>div{display:grid;gap:2px;min-width:0}
.home-lba-rebuild-map-foot small{color:var(--muted);font-size:.7rem;font-weight:800}
.home-lba-rebuild-map-foot strong{color:var(--ink);font-size:.87rem;line-height:1.5;font-weight:950;white-space:nowrap}
.home-lba-rebuild-map-rule{width:1px;height:34px;background:rgba(67,57,49,.10)}
.home-lba-rebuild-map-foot button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 15px;
  border:0;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(145deg,#d87c55,#b9573a);
  font:inherit;
  font-size:.78rem;
  font-weight:900;
  pointer-events:none;
}

/* API explanatory flow and unified canvas */
.home-api-rebuild-note{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:flex-start;
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid rgba(67,57,49,.09);
}
.home-api-rebuild-note>i{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#507c6d;
  background:rgba(92,140,122,.10);
}
.home-api-rebuild-note p{display:grid;gap:3px;margin:0}
.home-api-rebuild-note strong{color:var(--ink);font-size:.9rem;line-height:1.7;font-weight:950}
.home-api-rebuild-note span{color:var(--muted);font-size:.82rem;line-height:1.85}
.home-api-rebuild-visual{min-width:0}
.home-api-rebuild-canvas{
  position:relative;
  overflow:hidden;
  min-height:570px;
  border:1px solid rgba(92,140,122,.14);
  border-radius:38px;
  background:
    radial-gradient(circle at 50% 48%,rgba(92,140,122,.08),transparent 31%),
    linear-gradient(145deg,#fbfcfb,#f4f7f5);
  box-shadow:0 30px 80px rgba(49,70,61,.09),inset 0 1px 0 rgba(255,255,255,.94);
}
.home-api-rebuild-canvas::before{
  content:"";
  position:absolute;
  inset:72px 0 0;
  opacity:.32;
  background-image:
    linear-gradient(rgba(71,95,85,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(71,95,85,.04) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.home-api-rebuild-canvas-head{
  position:relative;
  z-index:2;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 24px;
  border-bottom:1px solid rgba(67,57,49,.08);
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(10px);
}
.home-api-rebuild-canvas-head>span{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ink);
  font-size:.92rem;
  font-weight:950;
}
.home-api-rebuild-canvas-head>span i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#507c6d;
  background:rgba(92,140,122,.10);
}
.home-api-rebuild-canvas-head>strong{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border-radius:999px;
  color:#4d7769;
  background:rgba(92,140,122,.10);
  font-size:.75rem;
  font-weight:900;
}
.home-api-rebuild-canvas-head>strong i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#63a58e;
  box-shadow:0 0 0 5px rgba(99,165,142,.10);
}
.home-api-rebuild-flow{
  position:relative;
  z-index:1;
  direction:rtl;
  min-height:410px;
  display:grid;
  grid-template-columns:minmax(150px,1fr) 62px 170px 62px minmax(170px,1fr);
  align-items:center;
  gap:8px;
  padding:38px 28px 26px;
}
.home-api-rebuild-node{
  direction:rtl;
  display:grid;
  justify-items:center;
  text-align:center;
  padding:26px 18px;
  border:1px solid rgba(67,57,49,.08);
  border-radius:28px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 42px rgba(49,70,61,.07),inset 0 1px 0 rgba(255,255,255,.90);
}
.home-api-rebuild-node-icon{
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border-radius:20px;
  color:var(--terracotta);
  font-size:1.3rem;
  background:rgba(199,99,60,.10);
}
.home-api-rebuild-node small{color:var(--muted);font-size:.72rem;font-weight:800}
.home-api-rebuild-node strong{margin-top:5px;color:var(--ink);font-size:1rem;font-weight:950}
.home-api-rebuild-node p{margin:8px 0 0;color:var(--muted);font-size:.79rem;line-height:1.8}
.home-api-rebuild-link{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#6f9a8b;
}
.home-api-rebuild-link span{
  position:absolute;
  right:0;
  left:0;
  height:1px;
  border-top:1px dashed rgba(92,140,122,.42);
}
.home-api-rebuild-link i{
  position:relative;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f4f8f6;
  box-shadow:0 0 0 7px rgba(244,248,246,.86);
}
.home-api-rebuild-gateway{
  position:relative;
  width:170px;
  height:170px;
  display:grid;
  place-items:center;
  align-content:center;
  justify-self:center;
  border-radius:50%;
  color:#fff;
  text-align:center;
  background:
    radial-gradient(circle at 34% 20%,rgba(255,255,255,.16),transparent 27%),
    linear-gradient(145deg,#6d9386,#456b5d 68%,#355347);
  box-shadow:0 24px 54px rgba(55,91,77,.23),inset 0 1px 0 rgba(255,255,255,.18);
}
.home-api-rebuild-gateway-ring{
  position:absolute;
  inset:-15px;
  border:1px solid rgba(92,140,122,.22);
  border-radius:50%;
  box-shadow:0 0 0 14px rgba(92,140,122,.035);
}
.home-api-rebuild-gateway>i{font-size:1.45rem;margin-bottom:8px;color:#e4f1ec}
.home-api-rebuild-gateway>strong{font-size:1.08rem;font-weight:950}
.home-api-rebuild-gateway>small{margin-top:4px;color:rgba(240,248,245,.76);font-size:.7rem;font-weight:750}
.home-api-rebuild-gateway>em{
  margin-top:12px;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  color:#d9f3e8;
  background:rgba(255,255,255,.08);
  font-size:.66rem;
  font-style:normal;
  font-weight:900;
}
.home-api-rebuild-phone{
  direction:rtl;
  width:min(205px,100%);
  min-height:310px;
  justify-self:center;
  padding:14px;
  border:8px solid #303536;
  border-radius:32px;
  background:#f5f7f8;
  box-shadow:0 22px 48px rgba(48,55,55,.18);
}
.home-api-rebuild-phone-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#485052;
  font-size:.65rem;
  font-weight:900;
}
.home-api-rebuild-phone-contact{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:16px;
  padding-bottom:12px;
  border-bottom:1px solid #e2e6e7;
}
.home-api-rebuild-phone-contact>span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#d87c55,#b9573a);
}
.home-api-rebuild-phone-contact>div{display:grid}
.home-api-rebuild-phone-contact strong{font-size:.78rem;color:#333a3c;font-weight:950}
.home-api-rebuild-phone-contact small{font-size:.59rem;color:#838c8f}
.home-api-rebuild-phone-message{
  margin-top:26px;
  padding:13px;
  border-radius:16px 16px 5px 16px;
  color:#394043;
  background:#e8ecee;
  font-size:.72rem;
  line-height:1.85;
}
.home-api-rebuild-phone-state{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:4px;
  margin-top:8px;
  color:#6a777a;
  font-size:.58rem;
  font-weight:800;
}
.home-api-rebuild-phone-state i{color:#5f927f}
.home-api-rebuild-codebar{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:78px;
  padding:14px 22px;
  border-top:1px solid rgba(67,57,49,.08);
  background:rgba(255,255,255,.88);
  direction:ltr;
}
.home-api-rebuild-codebar>span{
  padding:7px 10px;
  border-radius:10px;
  color:#fff;
  background:var(--terracotta);
  font-size:.7rem;
  font-weight:950;
}
.home-api-rebuild-codebar code{
  color:#3f4b47;
  font-family:Consolas,Monaco,monospace;
  font-size:.8rem;
  font-weight:800;
}
.home-api-rebuild-codebar b{
  direction:rtl;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.6;
  font-weight:850;
}
.home-api-rebuild-codebar b i{color:#507c6d}

@media (max-width:1199.98px){
  .home-lba-rebuild-frame,
  .home-api-rebuild-frame{
    grid-template-columns:1fr;
    gap:38px;
  }
  .home-lba-rebuild-content,
  .home-api-rebuild-content{
    width:min(100%,760px);
    justify-self:center;
  }
  .home-lba-rebuild-visual,
  .home-api-rebuild-visual{
    width:min(100%,840px);
    justify-self:center;
  }
  .home-api-rebuild-content{order:-1}
}
@media (max-width:767.98px){
  .home-lba-rebuild-frame,
  .home-api-rebuild-frame{gap:30px}
  .home-lba-rebuild-content>.lead-soft,
  .home-api-rebuild-content>.lead-soft{font-size:.96rem;line-height:2}
  .home-lba-rebuild-steps li,
  .home-api-rebuild-steps li{
    grid-template-columns:46px minmax(0,1fr);
    gap:13px;
    padding:15px 0;
  }
  .home-lba-rebuild-step-icon,
  .home-api-rebuild-steps>li>span{
    width:46px;
    height:46px;
    border-radius:15px;
  }
  .home-lba-rebuild-steps h3,
  .home-api-rebuild-steps h3{font-size:.94rem}
  .home-lba-rebuild-steps p,
  .home-api-rebuild-steps p{font-size:.84rem}
  .home-lba-rebuild-actions,
  .home-api-rebuild-actions{display:grid;grid-template-columns:1fr}
  .home-lba-rebuild-actions .btn,
  .home-api-rebuild-actions .btn{width:100%;justify-content:center}
  .home-lba-rebuild-map,
  .home-api-rebuild-canvas{min-height:0;border-radius:28px}
  .home-lba-rebuild-map-head,
  .home-api-rebuild-canvas-head{height:62px;padding:0 16px}
  .home-lba-rebuild-map-head>span,
  .home-api-rebuild-canvas-head>span{font-size:.82rem}
  .home-lba-rebuild-map-head>strong,
  .home-api-rebuild-canvas-head>strong{font-size:.67rem}
  .home-lba-rebuild-map-body{height:360px}
  .home-lba-rebuild-zone{width:170px;height:170px}
  .home-lba-rebuild-live{right:14px;bottom:14px;width:calc(100% - 28px)}
  .home-lba-rebuild-map-foot{
    grid-template-columns:1fr 1fr;
    gap:12px;
    padding:14px 16px;
  }
  .home-lba-rebuild-map-rule{display:none}
  .home-lba-rebuild-map-foot button{grid-column:1/-1;width:100%}
  .home-api-rebuild-flow{
    min-height:0;
    grid-template-columns:1fr;
    gap:16px;
    padding:24px 18px;
  }
  .home-api-rebuild-node{width:min(100%,340px);justify-self:center}
  .home-api-rebuild-link{width:1px;height:34px;justify-self:center}
  .home-api-rebuild-link span{
    top:0;
    bottom:0;
    right:auto;
    left:50%;
    width:1px;
    height:auto;
    border-top:0;
    border-right:1px dashed rgba(92,140,122,.42);
  }
  .home-api-rebuild-link i{transform:rotate(90deg)}
  .home-api-rebuild-gateway{width:150px;height:150px}
  .home-api-rebuild-phone{width:205px}
  .home-api-rebuild-codebar{
    grid-template-columns:auto 1fr;
    gap:10px;
    padding:14px 16px;
  }
  .home-api-rebuild-codebar b{grid-column:1/-1;justify-content:flex-start;text-align:right}
}
@media (max-width:479.98px){
  .home-lba-rebuild-steps li,
  .home-api-rebuild-steps li{grid-template-columns:1fr}
  .home-lba-rebuild-map-head>strong,
  .home-api-rebuild-canvas-head>strong{display:none}
  .home-lba-rebuild-map-body{height:330px}
  .home-lba-rebuild-radius{top:12%;font-size:.69rem}
  .home-lba-rebuild-live{grid-template-columns:38px minmax(0,1fr)}
  .home-lba-rebuild-live>span{width:38px;height:38px}
  .home-lba-rebuild-live em{display:none}
  .home-lba-rebuild-map-foot{grid-template-columns:1fr}
  .home-lba-rebuild-map-foot button{grid-column:auto}
  .home-api-rebuild-codebar{grid-template-columns:auto minmax(0,1fr)}
  .home-api-rebuild-codebar code{font-size:.7rem}
}

@media (prefers-reduced-motion:reduce){
  .home-lba-rebuild *,
  .home-api-rebuild *{
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }
}

/* V209 desktop fit refinement: keep the complete API story visible inside the unified canvas. */
@media (min-width:768px){
  .home-api-rebuild-flow{
    grid-template-columns:minmax(110px,.78fr) 28px 142px 28px minmax(145px,.95fr);
    gap:4px;
    padding:38px 14px 26px;
  }
  .home-api-rebuild-node{padding:22px 12px;border-radius:24px}
  .home-api-rebuild-node-icon{width:52px;height:52px;border-radius:17px;font-size:1.12rem}
  .home-api-rebuild-node strong{font-size:.9rem}
  .home-api-rebuild-node p{font-size:.72rem;line-height:1.7}
  .home-api-rebuild-gateway{width:142px;height:142px}
  .home-api-rebuild-gateway>strong{font-size:.96rem}
  .home-api-rebuild-gateway>small{font-size:.64rem}
  .home-api-rebuild-phone{
    width:min(155px,100%);
    min-height:276px;
    padding:11px;
    border-width:7px;
    border-radius:27px;
  }
  .home-api-rebuild-phone-message{margin-top:20px;padding:10px;font-size:.66rem}
}

/* --------------------------------------------------------------------------
   V211 — restored section patterns + clear editorial API section
   LBA keeps its map-led design. API uses a readable text + single demo layout.
   -------------------------------------------------------------------------- */
.home-lba-rebuild .container-wide,
.home-api-v211 .container-wide{
  position:relative;
  z-index:1;
}
.home-lba-rebuild .section-pattern .pattern-node.node-a{
  display:grid;
  width:168px;
  height:168px;
  right:5%;
  left:auto;
  top:30px;
  color:rgba(199,99,60,.105);
}
.home-api-v211 .section-pattern .pattern-node.node-a{
  display:grid;
  width:168px;
  height:168px;
  left:4.5%;
  right:auto;
  top:34px;
  color:rgba(199,99,60,.095);
}
.home-lba-rebuild .section-pattern .pattern-node.node-a i,
.home-api-v211 .section-pattern .pattern-node.node-a i{
  font-size:5.2rem;
}
.home-lba-rebuild .section-pattern::before{
  right:-65px;
  left:auto;
  top:-24px;
  width:260px;
  height:260px;
  background:radial-gradient(circle,rgba(199,99,60,.11),transparent 70%);
}
.home-api-v211 .section-pattern::before{
  left:-65px;
  right:auto;
  top:-18px;
  width:260px;
  height:260px;
  background:radial-gradient(circle,rgba(199,99,60,.10),transparent 70%);
}
.home-lba-rebuild .section-pattern::after,
.home-api-v211 .section-pattern::after{display:none}

.home-api-v211{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 18%,rgba(230,173,75,.09),transparent 30%),
    radial-gradient(circle at 7% 86%,rgba(199,99,60,.065),transparent 29%),
    linear-gradient(180deg,#fff 0%,#fffaf6 50%,#fff 100%);
}
.home-api-v211-layout{
  display:grid;
  grid-template-columns:minmax(390px,.92fr) minmax(560px,1.08fr);
  gap:54px;
  align-items:center;
}
.home-api-v211-copy{
  max-width:560px;
}
.home-api-v211-copy .section-title{
  max-width:560px;
  margin-bottom:18px;
}
.home-api-v211-copy>.lead-soft{
  max-width:540px;
  margin:0;
  font-size:1.08rem;
  line-height:2.05;
}
.home-api-v211-steps{
  position:relative;
  display:grid;
  gap:0;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}
.home-api-v211-steps::before{
  content:"";
  position:absolute;
  top:30px;
  bottom:30px;
  right:25px;
  width:1px;
  background:linear-gradient(180deg,rgba(199,99,60,.35),rgba(199,99,60,.09));
}
.home-api-v211-steps li{
  position:relative;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:16px;
  align-items:start;
  padding:0 0 22px;
}
.home-api-v211-steps li:last-child{padding-bottom:0}
.home-api-v211-steps li>span{
  position:relative;
  z-index:1;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(199,99,60,.16);
  border-radius:17px;
  color:var(--terracotta);
  background:#fff8f2;
  font-size:1rem;
  font-weight:950;
  box-shadow:0 8px 24px rgba(86,57,40,.055);
}
.home-api-v211-steps h3{
  margin:1px 0 5px;
  color:var(--ink);
  font-size:1.05rem;
  line-height:1.75;
  font-weight:950;
}
.home-api-v211-steps p{
  margin:0;
  color:var(--muted);
  font-size:.96rem;
  line-height:1.95;
}
.home-api-v211-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}

.home-api-v211-demo{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(199,99,60,.13);
  border-radius:34px;
  background:rgba(255,255,255,.90);
  box-shadow:0 26px 72px rgba(73,49,35,.075),inset 0 1px 0 rgba(255,255,255,.94);
}
.home-api-v211-demo-head{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 24px;
  border-bottom:1px solid rgba(199,99,60,.10);
  background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,248,242,.90));
}
.home-api-v211-demo-head>div{
  display:flex;
  align-items:center;
  gap:13px;
}
.home-api-v211-demo-head>div>span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  flex:0 0 44px;
  border-radius:15px;
  color:var(--terracotta);
  background:rgba(199,99,60,.09);
}
.home-api-v211-demo-head p{
  display:grid;
  gap:2px;
  margin:0;
}
.home-api-v211-demo-head small{
  color:var(--terracotta-2);
  font-size:.88rem;
  line-height:1.6;
  font-weight:900;
}
.home-api-v211-demo-head strong{
  color:var(--ink);
  font-size:1.02rem;
  line-height:1.7;
  font-weight:950;
}
.home-api-v211-demo-head>em{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  color:#81503a;
  background:rgba(199,99,60,.075);
  font-size:.86rem;
  font-style:normal;
  font-weight:900;
}
.home-api-v211-demo-head>em i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#d77b55;
  box-shadow:0 0 0 5px rgba(215,123,85,.10);
}
.home-api-v211-story{
  display:grid;
  grid-template-columns:minmax(190px,1fr) 54px minmax(210px,1.08fr) 54px minmax(190px,1fr);
  align-items:center;
  gap:8px;
  min-height:390px;
  padding:36px 24px 30px;
  background:
    linear-gradient(rgba(199,99,60,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(199,99,60,.025) 1px,transparent 1px);
  background-size:38px 38px;
}
.home-api-v211-event,
.home-api-v211-result{
  min-width:0;
}
.home-api-v211-event{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.home-api-v211-story-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:19px;
  color:var(--terracotta);
  font-size:1.25rem;
  background:#fff3ea;
  box-shadow:inset 0 0 0 1px rgba(199,99,60,.10);
}
.home-api-v211-event small,
.home-api-v211-service small{
  display:block;
  color:var(--terracotta-2);
  font-size:.9rem;
  line-height:1.6;
  font-weight:900;
}
.home-api-v211-event strong,
.home-api-v211-service strong{
  display:block;
  margin-top:4px;
  color:var(--ink);
  font-size:1.05rem;
  line-height:1.75;
  font-weight:950;
}
.home-api-v211-event p{
  margin:7px 0 0;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.9;
}
.home-api-v211-line{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:1px;
  color:var(--terracotta);
}
.home-api-v211-line>span{
  position:absolute;
  right:0;
  left:0;
  border-top:1px dashed rgba(199,99,60,.36);
}
.home-api-v211-line>i{
  position:relative;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff8f2;
  box-shadow:0 0 0 7px rgba(255,248,242,.88);
}
.home-api-v211-service{
  min-height:240px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:26px 22px;
  border:1px solid rgba(199,99,60,.15);
  border-radius:28px;
  text-align:center;
  background:linear-gradient(145deg,#fff9f4,#fff4eb);
  box-shadow:0 18px 44px rgba(90,57,40,.075),inset 0 1px 0 #fff;
}
.home-api-v211-service-logo{
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  margin-bottom:15px;
  border-radius:21px;
  color:#fff;
  font-size:1.45rem;
  background:linear-gradient(145deg,#d87b54,#b9583a);
  box-shadow:0 14px 30px rgba(185,88,58,.20);
}
.home-api-v211-service code{
  direction:ltr;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  margin-top:20px;
  padding:11px 12px;
  border:1px solid rgba(199,99,60,.12);
  border-radius:14px;
  color:#6f4534;
  background:rgba(255,255,255,.78);
  font-family:Consolas,Monaco,monospace;
  font-size:.86rem;
  white-space:nowrap;
}
.home-api-v211-service code b{
  padding:4px 7px;
  border-radius:7px;
  color:#fff;
  background:var(--terracotta);
  font-size:.75rem;
}
.home-api-v211-result{
  display:grid;
  gap:14px;
}
.home-api-v211-message{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:11px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(199,99,60,.10);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(73,49,35,.055);
}
.home-api-v211-message>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(145deg,#d87c55,#b9573a);
}
.home-api-v211-message p{
  margin:0;
  color:var(--ink);
  font-size:.96rem;
  line-height:1.85;
  font-weight:850;
}
.home-api-v211-message time{
  grid-column:2;
  color:var(--muted);
  font-size:.85rem;
}
.home-api-v211-status{
  display:grid;
  gap:5px;
  padding-right:4px;
}
.home-api-v211-status span{
  display:flex;
  align-items:center;
  gap:8px;
  color:#7c4c37;
  font-size:.92rem;
  font-weight:900;
}
.home-api-v211-status span i{color:var(--terracotta)}
.home-api-v211-status strong{
  color:var(--ink);
  font-size:.96rem;
  line-height:1.75;
  font-weight:950;
}
.home-api-v211-demo-foot{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid rgba(199,99,60,.10);
  background:rgba(255,250,246,.72);
}
.home-api-v211-demo-foot span{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:12px 16px;
  border-left:1px solid rgba(199,99,60,.09);
  color:var(--ink);
  font-size:.92rem;
}
.home-api-v211-demo-foot span:last-child{border-left:0}
.home-api-v211-demo-foot i{color:var(--terracotta)}
.home-api-v211-demo-foot b{font-weight:900}

@media (max-width:1199.98px){
  .home-api-v211-layout{
    grid-template-columns:minmax(350px,.88fr) minmax(500px,1.12fr);
    gap:34px;
  }
  .home-api-v211-story{
    grid-template-columns:minmax(170px,1fr) 42px minmax(200px,1.04fr) 42px minmax(170px,1fr);
    padding-right:18px;
    padding-left:18px;
  }
}
@media (max-width:991.98px){
  .home-api-v211-layout{
    grid-template-columns:1fr;
    gap:34px;
  }
  .home-api-v211-copy{
    max-width:760px;
  }
  .home-api-v211-copy .section-title,
  .home-api-v211-copy>.lead-soft{
    max-width:720px;
  }
  .home-api-v211-story{
    grid-template-columns:1fr;
    gap:16px;
    min-height:0;
    padding:26px 22px;
  }
  .home-api-v211-event,
  .home-api-v211-service,
  .home-api-v211-result{
    width:min(100%,620px);
    justify-self:center;
  }
  .home-api-v211-line{
    width:1px;
    height:34px;
    justify-self:center;
  }
  .home-api-v211-line>span{
    top:0;
    bottom:0;
    right:auto;
    left:50%;
    width:1px;
    border-top:0;
    border-right:1px dashed rgba(199,99,60,.36);
  }
  .home-api-v211-line>i{transform:rotate(90deg)}
  .home-api-v211-service{min-height:0}
}
@media (max-width:767.98px){
  .home-lba-rebuild .section-pattern .pattern-node.node-a,
  .home-api-v211 .section-pattern .pattern-node.node-a{
    width:104px;
    height:104px;
    top:20px;
  }
  .home-lba-rebuild .section-pattern .pattern-node.node-a{right:14px;left:auto}
  .home-api-v211 .section-pattern .pattern-node.node-a{left:14px;right:auto}
  .home-lba-rebuild .section-pattern .pattern-node.node-a i,
  .home-api-v211 .section-pattern .pattern-node.node-a i{font-size:3.35rem}
  .home-api-v211-copy>.lead-soft{
    font-size:1rem;
    line-height:2;
  }
  .home-api-v211-steps{margin-top:24px}
  .home-api-v211-steps li{
    grid-template-columns:48px minmax(0,1fr);
    gap:13px;
    padding-bottom:20px;
  }
  .home-api-v211-steps::before{right:23px}
  .home-api-v211-steps li>span{width:48px;height:48px;border-radius:15px}
  .home-api-v211-steps h3{font-size:1rem}
  .home-api-v211-steps p{font-size:.92rem}
  .home-api-v211-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .home-api-v211-actions .btn{width:100%;justify-content:center}
  .home-api-v211-demo{border-radius:27px}
  .home-api-v211-demo-head{
    min-height:0;
    padding:16px;
  }
  .home-api-v211-demo-head>em{display:none}
  .home-api-v211-demo-head small{font-size:.84rem}
  .home-api-v211-demo-head strong{font-size:.96rem}
  .home-api-v211-story{padding:22px 16px}
  .home-api-v211-event{
    grid-template-columns:52px minmax(0,1fr);
    gap:12px;
  }
  .home-api-v211-story-icon{width:52px;height:52px;border-radius:17px}
  .home-api-v211-event strong,
  .home-api-v211-service strong{font-size:1rem}
  .home-api-v211-event p,
  .home-api-v211-message p{font-size:.92rem}
  .home-api-v211-service{padding:22px 16px;border-radius:24px}
  .home-api-v211-service code{font-size:.78rem}
  .home-api-v211-demo-foot{grid-template-columns:1fr}
  .home-api-v211-demo-foot span{
    min-height:58px;
    justify-content:flex-start;
    border-left:0;
    border-bottom:1px solid rgba(199,99,60,.09);
  }
  .home-api-v211-demo-foot span:last-child{border-bottom:0}
}
@media (max-width:479.98px){
  .home-api-v211-demo-head>div>span{width:40px;height:40px;flex-basis:40px}
  .home-api-v211-message{grid-template-columns:40px minmax(0,1fr);padding:14px}
  .home-api-v211-message>span{width:40px;height:40px}
  .home-api-v211-service code{white-space:normal;word-break:break-word}
}

/* --------------------------------------------------------------------------
   Home API minimal editorial flow — V213
   Distinct from the LBA map section: no dashboard board, no nested cards.
   -------------------------------------------------------------------------- */
.home-api-v213{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 14%,rgba(230,173,75,.08),transparent 24%),
    radial-gradient(circle at 92% 84%,rgba(199,99,60,.07),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fffaf6 56%,#fff 100%);
}
.home-api-v213 .container-wide{position:relative;z-index:2}
.home-api-v213 .section-pattern .pattern-node.node-a{
  width:150px;
  height:150px;
  left:4.5%;
  right:auto;
  top:24px;
  display:grid;
  place-items:center;
  border-radius:44px;
  color:rgba(199,99,60,.10);
  background:rgba(255,255,255,.28);
  transform:rotate(-7deg);
}
.home-api-v213 .section-pattern .pattern-node.node-a i{font-size:5.1rem}
.home-api-v213 .section-pattern::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.20;
  background-image:
    linear-gradient(rgba(199,99,60,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(199,99,60,.028) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
}
.home-api-v213-heading{
  max-width:900px;
  margin:0 auto 46px;
  text-align:center;
}
.home-api-v213-heading .section-title{
  max-width:860px;
  margin-right:auto;
  margin-left:auto;
}
.home-api-v213-heading .lead-soft{
  max-width:820px;
  margin:18px auto 0;
  font-size:1.08rem;
  line-height:2.05;
}
.home-api-v213-steps{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px;
  max-width:1120px;
  margin:0 auto;
  padding:18px 0 6px;
}
.home-api-v213-line{
  position:absolute;
  top:46px;
  right:10%;
  left:10%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(199,99,60,.26) 14%,rgba(199,99,60,.26) 86%,transparent);
}
.home-api-v213-step{
  position:relative;
  z-index:1;
  display:grid;
  justify-items:center;
  text-align:center;
  min-width:0;
}
.home-api-v213-number{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  border:1px solid rgba(199,99,60,.18);
  border-radius:19px;
  color:var(--terracotta);
  background:#fffaf6;
  box-shadow:0 12px 28px rgba(83,57,42,.07),inset 0 1px 0 rgba(255,255,255,.92);
  font-size:1.02rem;
  font-weight:950;
}
.home-api-v213-step h3{
  margin:0;
  color:var(--ink);
  font-size:1.08rem;
  line-height:1.8;
  font-weight:950;
}
.home-api-v213-step p{
  max-width:310px;
  margin:9px auto 0;
  color:var(--muted);
  font-size:.96rem;
  line-height:1.95;
}
.home-api-v213-example{
  max-width:1180px;
  margin:42px auto 0;
  border:1px solid rgba(199,99,60,.12);
  border-radius:32px;
  background:rgba(255,255,255,.82);
  box-shadow:0 24px 64px rgba(65,48,35,.065),inset 0 1px 0 rgba(255,255,255,.9);
  overflow:hidden;
}
.home-api-v213-example-title{
  display:flex;
  align-items:center;
  gap:13px;
  padding:18px 24px;
  border-bottom:1px solid rgba(199,99,60,.10);
  background:linear-gradient(90deg,rgba(255,248,242,.94),rgba(255,255,255,.92));
}
.home-api-v213-example-title>span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  flex:0 0 46px;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(145deg,#d87c55,#b9573a);
  box-shadow:0 10px 24px rgba(185,87,58,.17);
}
.home-api-v213-example-title>div{display:grid;gap:2px}
.home-api-v213-example-title small{
  color:var(--terracotta-2);
  font-size:.84rem;
  font-weight:900;
}
.home-api-v213-example-title strong{
  color:var(--ink);
  font-size:1rem;
  line-height:1.75;
  font-weight:950;
}
.home-api-v213-example-flow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:30px 28px 32px;
}
.home-api-v213-example-part{
  min-width:0;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:14px;
  align-items:flex-start;
}
.home-api-v213-example-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:17px;
  color:var(--terracotta);
  font-size:1.08rem;
  background:rgba(199,99,60,.09);
  box-shadow:inset 0 0 0 1px rgba(199,99,60,.10);
}
.home-api-v213-api-part .home-api-v213-example-icon{
  color:#fff;
  background:linear-gradient(145deg,#d87c55,#b9573a);
  box-shadow:0 10px 24px rgba(185,87,58,.16);
}
.home-api-v213-example-part>div{display:grid;gap:5px;min-width:0}
.home-api-v213-example-part small{
  color:var(--terracotta-2);
  font-size:.82rem;
  font-weight:900;
}
.home-api-v213-example-part strong{
  color:var(--ink);
  font-size:1rem;
  line-height:1.75;
  font-weight:950;
}
.home-api-v213-example-part p{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.85;
}
.home-api-v213-example-part code{
  direction:ltr;
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  margin-top:6px;
  padding:10px 12px;
  border-radius:14px;
  background:#493126;
  color:#fff5ee;
  font-family:Consolas,Monaco,monospace;
  font-size:.76rem;
  overflow:hidden;
}
.home-api-v213-example-part code b{
  padding:3px 6px;
  border-radius:7px;
  background:#e1a15e;
  color:#422b21;
  font-size:.66rem;
}
.home-api-v213-example-part code span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-api-v213-example-part code em{
  margin-left:auto;
  color:#95e0c0;
  font-style:normal;
  font-size:.68rem;
  font-weight:900;
  white-space:nowrap;
}
.home-api-v213-arrow{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  justify-self:center;
  border-radius:50%;
  color:var(--terracotta);
  background:#fff8f2;
  box-shadow:0 0 0 7px rgba(255,248,242,.68);
}
.home-api-v213-delivered{
  display:inline-flex;
  align-items:center;
  gap:6px;
  justify-self:start;
  margin-top:4px;
  padding:6px 10px;
  border-radius:999px;
  color:#7b4a35;
  background:rgba(199,99,60,.08);
  font-size:.78rem;
  font-weight:900;
}
.home-api-v213-footer{
  max-width:1180px;
  margin:22px auto 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.home-api-v213-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
}
.home-api-v213-benefits span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--ink);
  font-size:.9rem;
  line-height:1.7;
}
.home-api-v213-benefits i{color:var(--terracotta)}
.home-api-v213-benefits b{font-weight:900}
.home-api-v213-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  flex:0 0 auto;
}

@media (max-width:991.98px){
  .home-api-v213-heading{margin-bottom:34px}
  .home-api-v213-steps{
    grid-template-columns:1fr;
    gap:0;
    max-width:760px;
    padding:0;
  }
  .home-api-v213-line{
    top:29px;
    bottom:29px;
    right:28px;
    left:auto;
    width:1px;
    height:auto;
    background:linear-gradient(180deg,transparent,rgba(199,99,60,.26) 12%,rgba(199,99,60,.26) 88%,transparent);
  }
  .home-api-v213-step{
    grid-template-columns:58px minmax(0,1fr);
    justify-items:stretch;
    align-items:flex-start;
    gap:18px;
    text-align:right;
    padding:0 0 26px;
  }
  .home-api-v213-step:last-child{padding-bottom:0}
  .home-api-v213-number{margin:0}
  .home-api-v213-step p{max-width:none;margin-right:0;margin-left:0}
  .home-api-v213-example-flow{
    grid-template-columns:1fr;
    gap:16px;
  }
  .home-api-v213-arrow{transform:rotate(90deg)}
  .home-api-v213-footer{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media (max-width:767.98px){
  .home-api-v213 .section-pattern .pattern-node.node-a{
    width:106px;
    height:106px;
    left:14px;
    top:18px;
    border-radius:32px;
  }
  .home-api-v213 .section-pattern .pattern-node.node-a i{font-size:3.5rem}
  .home-api-v213-heading{
    margin-bottom:30px;
    text-align:right;
  }
  .home-api-v213-heading .lead-soft{
    font-size:1rem;
    line-height:2;
  }
  .home-api-v213-step{
    grid-template-columns:52px minmax(0,1fr);
    gap:14px;
  }
  .home-api-v213-line{right:25px}
  .home-api-v213-number{
    width:52px;
    height:52px;
    border-radius:17px;
  }
  .home-api-v213-step h3{font-size:1rem}
  .home-api-v213-step p{font-size:.91rem}
  .home-api-v213-example{border-radius:26px}
  .home-api-v213-example-title{padding:16px 18px}
  .home-api-v213-example-title strong{font-size:.95rem}
  .home-api-v213-example-flow{padding:22px 18px 24px}
  .home-api-v213-example-part{
    grid-template-columns:46px minmax(0,1fr);
    gap:12px;
  }
  .home-api-v213-example-icon{
    width:46px;
    height:46px;
    border-radius:15px;
  }
  .home-api-v213-example-part strong{font-size:.94rem}
  .home-api-v213-example-part p{font-size:.86rem}
  .home-api-v213-benefits{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .home-api-v213-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .home-api-v213-actions .btn{width:100%;justify-content:center}
}
@media (max-width:479.98px){
  .home-api-v213-example-title>span{width:42px;height:42px;flex-basis:42px}
  .home-api-v213-example-part{grid-template-columns:1fr}
  .home-api-v213-example-icon{margin-bottom:2px}
  .home-api-v213-example-part code{font-size:.7rem}
  .home-api-v213-benefits{grid-template-columns:1fr}
}



/* --------------------------------------------------------------------------
   Home API processor integrated into step 2 — V215
   The previous full-width gateway graphic was removed. The active processing
   cue now lives inside the second step number to keep the section compact.
   -------------------------------------------------------------------------- */
.home-api-v213-step.is-processor-step .home-api-v213-number{
  width:62px;
  height:62px;
  margin-top:-2px;
  margin-bottom:16px;
}
.home-api-v214-processor{
  position:relative;
  isolation:isolate;
  overflow:visible;
  border-color:rgba(126,73,50,.38);
  color:#fff3eb;
  background:
    radial-gradient(circle at 35% 26%,rgba(255,255,255,.14),transparent 32%),
    linear-gradient(145deg,#724532,#4b2e24 68%,#3e251d);
  box-shadow:
    0 14px 30px rgba(83,49,35,.18),
    0 0 0 6px rgba(199,99,60,.055),
    inset 0 1px 0 rgba(255,255,255,.13);
}
.home-api-v214-processor::before{
  content:"";
  position:absolute;
  inset:8px;
  z-index:-1;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  background:
    linear-gradient(90deg,transparent 47%,rgba(239,192,126,.13) 48%,rgba(239,192,126,.13) 52%,transparent 53%),
    linear-gradient(transparent 47%,rgba(174,240,207,.09) 48%,rgba(174,240,207,.09) 52%,transparent 53%);
}
.home-api-v214-processor::after{
  content:"";
  position:absolute;
  inset:-4px;
  z-index:-2;
  border-radius:22px;
  border:1px solid rgba(199,99,60,.16);
}
.home-api-v214-processor>i{
  position:relative;
  z-index:2;
  font-size:1.3rem;
  filter:drop-shadow(0 0 10px rgba(255,218,193,.2));
}
.home-api-v214-processor-index{
  position:absolute;
  top:-7px;
  right:-7px;
  z-index:3;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border:2px solid #fffaf6;
  border-radius:9px;
  color:var(--terracotta);
  background:#fffaf6;
  box-shadow:0 7px 15px rgba(69,43,31,.13);
  font-size:.72rem;
  font-weight:950;
  line-height:1;
}
.home-api-v214-processor-signal{
  position:absolute;
  left:10px;
  bottom:10px;
  z-index:3;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#aef0cf;
  box-shadow:0 0 0 4px rgba(174,240,207,.10),0 0 10px rgba(174,240,207,.46);
  animation:homeApiProcessorPulse 2.4s ease-in-out infinite;
}
@keyframes homeApiProcessorPulse{
  0%,100%{opacity:.64;transform:scale(.88)}
  50%{opacity:1;transform:scale(1.08)}
}
@media (max-width:991.98px){
  .home-api-v213-step.is-processor-step .home-api-v213-number{
    width:58px;
    height:58px;
    margin:0;
  }
}
@media (max-width:767.98px){
  .home-api-v213-step.is-processor-step .home-api-v213-number{
    width:54px;
    height:54px;
    border-radius:18px;
  }
  .home-api-v214-processor::before{inset:7px;border-radius:12px}
  .home-api-v214-processor::after{border-radius:20px}
  .home-api-v214-processor>i{font-size:1.15rem}
  .home-api-v214-processor-index{top:-6px;right:-6px;width:22px;height:22px;border-radius:8px;font-size:.68rem}
  .home-api-v214-processor-signal{left:9px;bottom:9px;width:5px;height:5px}
}
@media (prefers-reduced-motion:reduce){
  .home-api-v214-processor-signal{animation:none}
}

/* --------------------------------------------------------------------------
   Home content architecture refinement — V214
   Keeps the feature section focused on real in-panel capabilities and gives
   the full feature catalogue one clear, low-noise continuation point.
   -------------------------------------------------------------------------- */
.home-features-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-top:24px;
  padding:18px 20px;
  border:1px solid rgba(199,99,60,.12);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,247,240,.76));
  box-shadow:0 14px 38px rgba(55,38,23,.045),inset 0 1px 0 rgba(255,255,255,.78);
}
.home-features-footer p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.95;
  font-weight:760;
}
.home-features-footer .btn{
  flex:0 0 auto;
}
@media (max-width:767.98px){
  .home-features-footer{
    align-items:stretch;
    flex-direction:column;
    padding:17px;
    border-radius:21px;
  }
  .home-features-footer .btn{
    width:100%;
    justify-content:center;
  }
}


/* --------------------------------------------------------------------------
   Home API visual refinement — V216
   A roomier unified process frame with a more expressive processor in step 2.
   -------------------------------------------------------------------------- */
.home-api-v213{
  background:
    radial-gradient(circle at 12% 13%,rgba(230,173,75,.105),transparent 27%),
    radial-gradient(circle at 88% 78%,rgba(199,99,60,.09),transparent 30%),
    linear-gradient(180deg,#fff 0%,#fff9f4 52%,#fff 100%);
}
.home-api-v213-heading{margin-bottom:42px}
.home-api-v213-steps{
  max-width:1180px;
  gap:24px;
  padding:34px 30px 30px;
  border:1px solid rgba(199,99,60,.13);
  border-radius:36px;
  background:
    radial-gradient(circle at 50% 0,rgba(230,173,75,.11),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,249,244,.86));
  box-shadow:
    0 26px 70px rgba(73,49,37,.075),
    inset 0 1px 0 rgba(255,255,255,.96);
  overflow:hidden;
}
.home-api-v213-steps::before,
.home-api-v213-steps::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  pointer-events:none;
  filter:blur(1px);
}
.home-api-v213-steps::before{
  top:-120px;
  right:-70px;
  background:radial-gradient(circle,rgba(199,99,60,.10),transparent 68%);
}
.home-api-v213-steps::after{
  bottom:-130px;
  left:-58px;
  background:radial-gradient(circle,rgba(230,173,75,.11),transparent 68%);
}
.home-api-v213-line{
  top:76px;
  right:9%;
  left:9%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(199,99,60,.18) 12%,rgba(199,99,60,.34) 50%,rgba(199,99,60,.18) 88%,transparent);
}
.home-api-v213-step{
  padding:10px 16px 12px;
}
.home-api-v213-number{
  width:64px;
  height:64px;
  margin-bottom:20px;
  border-radius:21px;
  background:linear-gradient(145deg,#fff,#fff8f2);
  box-shadow:
    0 14px 32px rgba(83,57,42,.08),
    inset 0 1px 0 rgba(255,255,255,.96);
}
.home-api-v213-step h3{font-size:1.11rem}
.home-api-v213-step p{max-width:325px}
.home-api-v213-step.is-processor-step{
  margin:-10px 0 -2px;
  padding:18px 20px 20px;
  border:1px solid rgba(199,99,60,.13);
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 0,rgba(230,173,75,.13),transparent 45%),
    rgba(255,252,249,.76);
  box-shadow:
    0 18px 42px rgba(93,59,41,.07),
    inset 0 1px 0 rgba(255,255,255,.92);
}
.home-api-v213-step.is-processor-step .home-api-v213-number{
  width:84px;
  height:84px;
  margin-top:-2px;
  margin-bottom:18px;
  border-radius:27px;
}
.home-api-v214-processor{
  border-color:rgba(126,73,50,.44);
  background:
    radial-gradient(circle at 32% 24%,rgba(255,255,255,.18),transparent 30%),
    linear-gradient(145deg,#80503b,#543126 66%,#3d241c);
  box-shadow:
    0 20px 42px rgba(74,43,30,.24),
    0 0 0 7px rgba(199,99,60,.06),
    0 0 0 13px rgba(230,173,75,.025),
    inset 0 1px 0 rgba(255,255,255,.16);
}
.home-api-v214-processor::before{
  inset:11px;
  border-radius:18px;
  border-color:rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 50% 50%,rgba(255,225,195,.08),transparent 52%),
    linear-gradient(90deg,transparent 47%,rgba(239,192,126,.16) 48%,rgba(239,192,126,.16) 52%,transparent 53%),
    linear-gradient(transparent 47%,rgba(174,240,207,.11) 48%,rgba(174,240,207,.11) 52%,transparent 53%);
}
.home-api-v214-processor::after{
  inset:-5px;
  border-radius:31px;
  border-color:rgba(199,99,60,.20);
  box-shadow:
    0 -10px 0 -9px rgba(199,99,60,.34),
    0 10px 0 -9px rgba(199,99,60,.34),
    10px 0 0 -9px rgba(199,99,60,.34),
    -10px 0 0 -9px rgba(199,99,60,.34);
}
.home-api-v214-processor>i{
  font-size:1.72rem;
  filter:drop-shadow(0 0 13px rgba(255,218,193,.28));
}
.home-api-v214-processor-index{
  top:-8px;
  right:-8px;
  width:29px;
  height:29px;
  border-radius:10px;
  font-size:.78rem;
  box-shadow:0 9px 18px rgba(69,43,31,.16);
}
.home-api-v214-processor-signal{
  left:13px;
  bottom:13px;
  width:7px;
  height:7px;
  box-shadow:0 0 0 5px rgba(174,240,207,.11),0 0 13px rgba(174,240,207,.58);
}
.home-api-v213-footer{
  max-width:1180px;
  margin-top:26px;
  padding:12px 14px;
  border:1px solid rgba(199,99,60,.10);
  border-radius:24px;
  background:rgba(255,255,255,.68);
  box-shadow:0 14px 38px rgba(73,49,37,.045),inset 0 1px 0 rgba(255,255,255,.9);
}
.home-api-v213-benefits{gap:9px}
.home-api-v213-benefits span{
  min-height:38px;
  padding:7px 11px;
  border:1px solid rgba(199,99,60,.10);
  border-radius:13px;
  background:rgba(255,249,244,.80);
  font-size:.86rem;
}

@media (max-width:991.98px){
  .home-api-v213-steps{
    gap:0;
    padding:28px 24px;
    border-radius:31px;
  }
  .home-api-v213-line{
    top:38px;
    bottom:38px;
    right:55px;
    left:auto;
    width:2px;
    height:auto;
    background:linear-gradient(180deg,transparent,rgba(199,99,60,.20) 10%,rgba(199,99,60,.34) 50%,rgba(199,99,60,.20) 90%,transparent);
  }
  .home-api-v213-step{
    grid-template-columns:64px minmax(0,1fr);
    gap:20px;
    padding:10px 0 28px;
  }
  .home-api-v213-step.is-processor-step{
    margin:0 0 18px;
    padding:17px 16px 19px;
  }
  .home-api-v213-step.is-processor-step .home-api-v213-number{
    width:72px;
    height:72px;
    margin:0 -4px 0 0;
    border-radius:24px;
  }
  .home-api-v214-processor::before{inset:9px;border-radius:16px}
  .home-api-v214-processor::after{border-radius:28px}
  .home-api-v214-processor>i{font-size:1.45rem}
  .home-api-v213-footer{padding:14px;align-items:stretch}
}

@media (max-width:767.98px){
  .home-api-v213-heading{margin-bottom:28px}
  .home-api-v213-steps{
    padding:23px 17px;
    border-radius:27px;
  }
  .home-api-v213-line{right:43px;top:32px;bottom:32px}
  .home-api-v213-step{
    grid-template-columns:54px minmax(0,1fr);
    gap:15px;
    padding:8px 0 24px;
  }
  .home-api-v213-number{
    width:54px;
    height:54px;
    margin:0;
    border-radius:18px;
  }
  .home-api-v213-step.is-processor-step{
    margin:1px -3px 17px;
    padding:14px 12px 16px;
    border-radius:23px;
  }
  .home-api-v213-step.is-processor-step .home-api-v213-number{
    width:62px;
    height:62px;
    margin-right:-4px;
    border-radius:21px;
  }
  .home-api-v214-processor::before{inset:8px;border-radius:14px}
  .home-api-v214-processor::after{inset:-4px;border-radius:24px}
  .home-api-v214-processor>i{font-size:1.27rem}
  .home-api-v214-processor-index{top:-7px;right:-7px;width:24px;height:24px;border-radius:9px;font-size:.7rem}
  .home-api-v214-processor-signal{left:10px;bottom:10px;width:6px;height:6px}
  .home-api-v213-step h3{font-size:1.01rem}
  .home-api-v213-footer{border-radius:21px}
  .home-api-v213-benefits{gap:7px}
  .home-api-v213-benefits span{min-height:36px;padding:7px 10px;font-size:.84rem}
}

@media (max-width:479.98px){
  .home-api-v213-steps{padding:21px 14px}
  .home-api-v213-line{right:40px}
  .home-api-v213-step{grid-template-columns:52px minmax(0,1fr);gap:13px}
  .home-api-v213-step.is-processor-step{padding-right:10px;padding-left:10px}
}

/* --------------------------------------------------------------------------
   V224 - all public pages mobile QA hardening
   Layout-only safeguards: SEO copy, headings, canonical URLs and schema stay
   unchanged. These final rules normalize narrow viewports and inline logo
   settings across 320px-430px devices.
   -------------------------------------------------------------------------- */
html,
body{
  max-width:100%;
}

iframe,
video,
canvas,
svg{
  max-width:100%;
}

main,
header,
section,
.container-wide,
.container-wide>*{
  min-width:0;
}

.display-title,
.section-title,
.lead-soft,
h1,
h2,
h3,
h4,
.footer-elegant__group a,
.footer-elegant__contact a{
  overflow-wrap:anywhere;
}

.code-window,
.developer-console,
.console-window,
.compare-table,
.modern-table,
.css-scope-service-line .service-compare-table,
.css-scope-lba-sms .lba-v2-compare-matrix,
.css-scope-weblog .article-page .article-table{
  max-width:100%;
}

.code-window pre,
.css-scope-weblog .article-page .article-rich-body pre,
.compare-table,
.modern-table,
.css-scope-service-line .service-compare-table,
.css-scope-lba-sms .lba-v2-compare-matrix,
.css-scope-weblog .article-page .article-table{
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}

@media (max-width:991.98px){
  /* Config values are emitted inline; !important is required so the mobile
     logo dimensions can override those desktop-oriented custom properties. */
  .nav-shell .brand-logo{
    --brand-logo-height:52px!important;
    --brand-logo-max-width:112px!important;
  }
  .footer .brand-logo--footer{
    --brand-logo-height:56px!important;
    --brand-logo-max-width:92px!important;
  }

  .row>[class*="col-"],
  [class*="-grid"]>*,
  [class*="-layout"]>*,
  [class*="-shell"]>*{
    min-width:0;
  }
}

@media (max-width:575.98px){
  .nav-shell .brand-logo{
    --brand-logo-height:46px!important;
    --brand-logo-max-width:96px!important;
  }
  .footer .brand-logo--footer{
    --brand-logo-height:50px!important;
    --brand-logo-max-width:82px!important;
  }

  /* Prevent iOS Safari from zooming the page when a form field receives focus. */
  input.form-control,
  textarea.form-control,
  select.form-select,
  .css-scope-lba-sms .lba-request-form .form-control,
  .css-scope-lba-sms .lba-request-form .form-select,
  .css-scope-weblog .article-comment-form input,
  .css-scope-weblog .article-comment-form textarea{
    font-size:16px!important;
  }

  .btn{
    max-width:100%;
    white-space:normal;
    line-height:1.65;
    text-align:center;
  }
  .copy-btn,
  .filter-btn,
  .nav-pills .nav-link{
    min-height:44px;
  }

  .guide-topic-toolbar,
  .case-filter-rail,
  .nav.nav-pills{
    width:100%;
    max-width:100%;
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:8px;
    scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }
  .guide-topic-toolbar .filter-btn,
  .case-filter-rail .filter-btn,
  .nav.nav-pills .nav-item{
    flex:0 0 auto;
    scroll-snap-align:start;
  }
  .guide-topic-toolbar .filter-btn,
  .case-filter-rail .filter-btn,
  .nav.nav-pills .nav-link{
    white-space:nowrap;
  }

  .cta-grid>.d-flex,
  .cta-content.d-flex{
    display:grid!important;
    grid-template-columns:minmax(0,1fr);
    width:100%;
  }
  .cta-band .btn,
  .cta-grid .btn,
  .cta-content.d-flex .btn{
    width:100%;
    justify-content:center;
  }

  .footer-elegant__group a{
    width:100%;
    min-height:36px;
  }
  .footer-elegant__contact a{
    min-height:40px;
  }
}

@media (max-width:359.98px){
  .container-wide{padding-inline:14px}
  .nav-shell .container-wide{padding-inline:9px}
  .nav-shell .brand-logo{
    --brand-logo-height:42px!important;
    --brand-logo-max-width:88px!important;
  }
  .nav-shell .mobile-menu-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
  }
  .nav-shell .mobile-menu-head small{display:none}
  .nav-shell .mini-signup-link{padding-inline:8px!important}
  .css-scope-lba-sms .lba-lite-chip-gender{display:none}
}

/*------------------------------------------------------------------
  V225 + V227 - Final public H1 size unification
  V227 removes the old main-only scope. Several public hero H1 elements live
  before <main>, so the final rule must target the single page H1 everywhere.
  Markup, content and SEO hierarchy remain unchanged.
------------------------------------------------------------------*/
:root{
  --relax-page-h1-size:clamp(1.75rem,calc(1.15rem + 2.3vw),3.25rem);
}

body h1{
  font-size:var(--relax-page-h1-size)!important;
  line-height:1.42;
  text-wrap:balance;
  overflow-wrap:break-word;
}

/*------------------------------------------------------------------
  V226 - Final public H2/H3 hierarchy aligned with V225 H1
  Keep section and subsection headings visually subordinate to the
  compact public H1 at every viewport, without changing HTML/SEO semantics.
------------------------------------------------------------------*/
:root{
  --relax-page-h2-size:clamp(1.4rem,calc(1.12rem + 1.1vw),2.15rem);
  --relax-page-h3-size:clamp(1.05rem,calc(.98rem + .35vw),1.3rem);
  --relax-page-h2-compact-size:clamp(1.16rem,calc(1.02rem + .55vw),1.55rem);
  --relax-page-h3-compact-size:clamp(1rem,calc(.95rem + .22vw),1.18rem);
}

/* Primary H2 section headings: always below the V225 H1 scale. */
body main h2:not(.h3):not(.h4):not(.h5):not(.h6):not(.visually-hidden){
  font-size:var(--relax-page-h2-size)!important;
  line-height:1.58;
  letter-spacing:-.024em;
  text-wrap:balance;
  overflow-wrap:break-word;
}

/* H3 is intentionally compact because it is used heavily in cards/steps. */
body main h3:not(.h5):not(.h6):not(.visually-hidden){
  font-size:var(--relax-page-h3-size)!important;
  line-height:1.7;
  letter-spacing:-.016em;
  text-wrap:balance;
  overflow-wrap:break-word;
}

/* Preserve intentionally smaller Bootstrap-style visual heading levels. */
body main h2.h3{
  font-size:clamp(1.2rem,calc(1.08rem + .48vw),1.55rem)!important;
  line-height:1.62;
}
body main h2.h4{
  font-size:clamp(1.1rem,calc(1.02rem + .32vw),1.34rem)!important;
  line-height:1.66;
}
body main h2.h5,
body main h2.h6{
  font-size:clamp(1rem,calc(.96rem + .2vw),1.18rem)!important;
  line-height:1.72;
}
body main h3.h5,
body main h3.h6{
  font-size:var(--relax-page-h3-compact-size)!important;
  line-height:1.74;
}

/* Reading-heavy content keeps a tighter editorial scale. */
body main .article-page .article-rich-body h2,
body main .article-content-card h2{
  font-size:clamp(1.25rem,calc(1.12rem + .5vw),1.68rem)!important;
  line-height:1.66;
}
body main .article-page .article-rich-body h3,
body main .article-page .article-cta h3{
  font-size:clamp(1.03rem,calc(.98rem + .22vw),1.2rem)!important;
  line-height:1.75;
}
body main .legal-section h2{
  font-size:clamp(1.08rem,calc(1rem + .34vw),1.34rem)!important;
  line-height:1.68;
}

@media (max-width:575.98px){
  body main h2:not(.h3):not(.h4):not(.h5):not(.h6):not(.visually-hidden){
    line-height:1.66;
    letter-spacing:-.014em;
  }
  body main h3:not(.h5):not(.h6):not(.visually-hidden){
    line-height:1.76;
    letter-spacing:-.01em;
  }
}

/*------------------------------------------------------------------
  V228 - Weblog archive-first redesign
  - Keeps one visible SEO H1 but turns the weblog hero into a compact intro.
  - Removes the standalone featured hero from the visual flow.
  - Featured status is rendered on the matching article inside the 6-card grid.
  - Pagination/data semantics stay server-side and unchanged apart from 6/6 sizing.
------------------------------------------------------------------*/
.css-scope-weblog .weblog-page .weblog-hero-compact{
  position:relative;
  padding:clamp(28px,3.5vw,46px) 0 clamp(24px,3vw,38px)!important;
  background:
    radial-gradient(circle at 14% 16%,rgba(199,99,60,.10),transparent 28%),
    radial-gradient(circle at 86% 4%,rgba(230,173,75,.12),transparent 24%),
    linear-gradient(180deg,#fffaf3 0%,#fffdf9 100%);
  border-bottom:1px solid rgba(36,32,29,.055);
  overflow:hidden;
}
.css-scope-weblog .weblog-page .weblog-hero-compact::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  left:-90px;
  top:-120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(199,99,60,.10),rgba(199,99,60,0) 70%);
  pointer-events:none;
}
.css-scope-weblog .weblog-page .weblog-hero-compact__inner{
  position:relative;
  z-index:1;
  width:min(100%,920px);
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.css-scope-weblog .weblog-page .weblog-hero-breadcrumb{
  margin:0 0 12px!important;
  justify-content:center!important;
  font-size:.82rem;
}
.css-scope-weblog .weblog-page .weblog-hero-compact .eyebrow{
  margin:0 auto!important;
}
.css-scope-weblog .weblog-page .weblog-hero-title{
  max-width:900px;
  margin:12px auto 0!important;
  text-align:center;
  line-height:1.48!important;
}
.css-scope-weblog .weblog-page .weblog-hero-intro{
  max-width:780px;
  margin:10px auto 0;
  color:var(--muted,#6b5d52);
  font-size:clamp(.9rem,.84rem + .18vw,1rem);
  font-weight:720;
  line-height:1.95;
  text-align:center;
  text-wrap:balance;
}

/* Archive becomes the primary content immediately after the compact intro. */
.css-scope-weblog .weblog-page .weblog-archive-section{
  padding-top:clamp(34px,4vw,56px)!important;
  padding-bottom:clamp(54px,6vw,86px)!important;
}
.css-scope-weblog .weblog-page .weblog-section-head{
  margin-bottom:24px!important;
}
.css-scope-weblog .weblog-page .weblog-section-head .lead-soft{
  line-height:1.9!important;
  max-width:820px!important;
}
.css-scope-weblog .weblog-page .weblog-filterbar{
  margin-top:18px!important;
}
.css-scope-weblog .weblog-page .weblog-search-inline{
  margin-top:12px!important;
}

/* Featured article now lives inside the normal six-card archive grid. */
.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-card.is-featured{
  border-color:rgba(199,99,60,.34)!important;
  box-shadow:0 20px 52px rgba(199,99,60,.095),0 8px 28px rgba(55,38,23,.05)!important;
}
.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-card.is-featured:hover{
  border-color:rgba(199,99,60,.48)!important;
  box-shadow:0 26px 62px rgba(199,99,60,.13),0 10px 30px rgba(55,38,23,.06)!important;
}
.css-scope-weblog .weblog-page .weblog-feed-grid .weblog-feed-card.is-featured .weblog-feed-media{
  position:relative!important;
}
.css-scope-weblog .weblog-page .weblog-card-featured-badge{
  position:absolute;
  top:12px;
  right:12px;
  z-index:4;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:6px 11px;
  border:1px solid rgba(255,255,255,.76);
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,rgba(199,99,60,.96),rgba(166,79,49,.96));
  box-shadow:0 10px 24px rgba(65,32,21,.20),inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(8px);
  font-size:.76rem;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
  pointer-events:none;
}
.css-scope-weblog .weblog-page .weblog-card-featured-badge i{
  font-size:.72rem;
  color:#fff6dd;
}

@media (max-width:767.98px){
  .css-scope-weblog .weblog-page .weblog-hero-compact{
    padding:24px 0 26px!important;
  }
  .css-scope-weblog .weblog-page .weblog-hero-compact__inner{
    align-items:flex-start;
    text-align:right;
  }
  .css-scope-weblog .weblog-page .weblog-hero-breadcrumb{
    justify-content:flex-start!important;
    margin-bottom:10px!important;
  }
  .css-scope-weblog .weblog-page .weblog-hero-compact .eyebrow{
    margin-inline:0!important;
  }
  .css-scope-weblog .weblog-page .weblog-hero-title,
  .css-scope-weblog .weblog-page .weblog-hero-intro{
    margin-inline:0!important;
    text-align:right!important;
  }
  .css-scope-weblog .weblog-page .weblog-hero-title{
    margin-top:10px!important;
  }
  .css-scope-weblog .weblog-page .weblog-hero-intro{
    margin-top:8px!important;
    line-height:1.85;
  }
  .css-scope-weblog .weblog-page .weblog-archive-section{
    padding-top:30px!important;
  }
  .css-scope-weblog .weblog-page .weblog-section-head{
    margin-bottom:20px!important;
  }
  .css-scope-weblog .weblog-page .weblog-card-featured-badge{
    top:10px;
    right:10px;
    min-height:30px;
    padding:6px 10px;
    font-size:.73rem;
  }
}

@media (max-width:575.98px){
  .css-scope-weblog .weblog-page .weblog-hero-intro{
    max-width:34rem;
    font-size:.89rem;
  }
  .css-scope-weblog .weblog-page .weblog-filterbar{
    margin-top:14px!important;
  }
  .css-scope-weblog .weblog-page .weblog-search-inline{
    margin-top:10px!important;
  }
}