:root{
  --primary:#0F6F68;
  --primary-2:#13877E;
  --primary-hover:#0B5D56;
  --primary-soft:#E9F6F4;
  --primary-softer:#F3FAF9;
  --ink:#0F172A;
  --text:#172033;
  --muted:#64748B;
  --muted-2:#94A3B8;
  --bg:#F6F9F8;
  --surface:#FFFFFF;
  --border:#DDE9E7;
  --border-soft:#EAF1F0;
  --dark:#0B1720;
  --dark-2:#10242D;
  --success:#14866D;
  --warning:#C67A12;
  --radius-sm:14px;
  --radius:20px;
  --radius-lg:30px;
  --shadow-sm:0 10px 30px rgba(15,23,42,.06);
  --shadow:0 24px 70px rgba(15,51,48,.10);
  --shadow-strong:0 35px 100px rgba(8,47,44,.17);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Vazirmatn",Tahoma,Arial,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::selection{background:rgba(15,111,104,.18)}
a{color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
svg{display:block}
.site-shell{overflow:hidden}
.container{width:min(1220px,calc(100% - 44px));margin-inline:auto}

.site-header{position:fixed;top:0;right:0;left:0;z-index:50;border-bottom:1px solid transparent;transition:.25s ease}
.site-header.scrolled{background:rgba(247,250,249,.88);border-color:rgba(211,226,223,.82);backdrop-filter:blur(20px);box-shadow:0 10px 35px rgba(15,23,42,.04)}
.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}
.brand-mark{width:47px;height:47px;display:grid;place-items:center;border:1px solid rgba(15,111,104,.13);border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(15,111,104,.08);overflow:hidden}
.brand-mark img{width:32px;height:42px;object-fit:cover;object-position:center}
.brand-copy{display:flex;flex-direction:column;line-height:1.45}
.brand-copy strong{font-size:18px;font-weight:900;letter-spacing:-.25px}
.brand-copy small{font-size:10px;color:var(--muted);font-weight:600}
.main-nav{display:flex;align-items:center;gap:28px}
.main-nav>a{text-decoration:none;font-size:13.5px;font-weight:700;transition:.18s ease}
.main-nav>a:not(.button):hover{color:var(--primary)}
.main-nav .login-link{margin-right:10px;color:var(--primary)}
.menu-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:13px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.menu-toggle span{width:20px;height:2px;background:var(--ink);border-radius:4px;transition:.2s ease}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 23px;border:1px solid var(--primary);border-radius:14px;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;text-decoration:none;font-weight:800;font-size:14px;box-shadow:0 12px 28px rgba(15,111,104,.17);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(15,111,104,.23);background:linear-gradient(135deg,var(--primary),var(--primary-hover))}
.button.small{min-height:42px;padding:0 17px;border-radius:12px;font-size:13px}
.button.secondary{background:rgba(255,255,255,.75);color:var(--ink);border-color:var(--border);box-shadow:none;backdrop-filter:blur(10px)}
.button.secondary:hover{color:var(--primary);border-color:rgba(15,111,104,.28);background:#fff;box-shadow:var(--shadow-sm)}
.button.light{background:#fff;color:var(--primary);border-color:#fff;box-shadow:0 16px 35px rgba(0,0,0,.15)}
.button.light:hover{background:#F8FFFE;color:var(--primary-hover)}
.button-arrow span{font-size:20px;line-height:1;transition:transform .2s ease}
.button-arrow:hover span{transform:translateX(-4px)}
.play-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:8px;padding-right:1px}

.hero{position:relative;min-height:790px;padding:142px 0 88px;background:radial-gradient(circle at 76% 23%,rgba(15,111,104,.10),transparent 31%),radial-gradient(circle at 12% 40%,rgba(57,189,175,.07),transparent 30%),linear-gradient(180deg,#FBFEFD 0%,#F5F9F8 100%)}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,111,104,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(15,111,104,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 88%);pointer-events:none}
.hero-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.hero-glow-one{width:380px;height:380px;left:-190px;top:180px;background:radial-gradient(circle,rgba(31,164,151,.13),transparent 68%)}
.hero-glow-two{width:430px;height:430px;right:-190px;bottom:-120px;background:radial-gradient(circle,rgba(15,111,104,.09),transparent 70%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.86fr 1.14fr;gap:64px;align-items:center}
.hero-copy{padding-top:6px}
.announcement{display:inline-flex;align-items:center;gap:9px;padding:7px 12px 7px 15px;border:1px solid rgba(15,111,104,.14);border-radius:999px;background:rgba(255,255,255,.76);box-shadow:0 9px 25px rgba(15,111,104,.06);color:#315D59;font-size:12px;font-weight:800;backdrop-filter:blur(12px)}
.announcement-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#21A293;box-shadow:0 0 0 5px rgba(33,162,147,.11)}
.announcement-dot::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(33,162,147,.25);border-radius:50%;animation:pulse 2s infinite}
.hero h1{max-width:620px;margin:22px 0 18px;color:var(--ink);font-size:clamp(42px,5.1vw,68px);font-weight:900;line-height:1.28;letter-spacing:-2.1px}
.hero-copy>p{max-width:610px;margin:0;color:#59677A;font-size:17px;line-height:2}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:31px}
.trust-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:25px;color:#526174;font-size:12.5px;font-weight:650}
.trust-row span{display:flex;align-items:center;gap:6px}
.trust-row i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#E7F6F2;color:var(--success);font-style:normal;font-size:11px;font-weight:900}

.hero-visual{position:relative;min-width:0;padding:30px 6px 35px}
.visual-orbit{position:absolute;border:1px solid rgba(15,111,104,.11);border-radius:50%;pointer-events:none}
.orbit-one{width:550px;height:550px;right:20px;top:-28px}
.orbit-two{width:425px;height:425px;right:82px;top:35px;border-style:dashed;animation:spin 40s linear infinite}
.product-window{position:relative;z-index:3;border:1px solid rgba(205,223,220,.95);border-radius:25px;background:#fff;overflow:hidden;box-shadow:0 42px 100px rgba(19,70,65,.17),0 5px 14px rgba(15,23,42,.04);transform:perspective(1300px) rotateY(2deg) rotateX(.6deg);transition:transform .4s ease}
.hero-visual:hover .product-window{transform:perspective(1300px) rotateY(0) rotateX(0) translateY(-4px)}
.window-top{height:52px;padding:0 15px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #E9F0EF;background:#FBFCFC}
.window-dots{direction:ltr;display:flex;gap:6px}
.window-dots span{width:8px;height:8px;border-radius:50%;background:#D4DFDD}
.window-dots span:nth-child(1){background:#EE8F89}.window-dots span:nth-child(2){background:#EAC46B}.window-dots span:nth-child(3){background:#71BEA8}
.window-search{height:29px;min-width:180px;margin-inline:auto;padding:3px 13px;border:1px solid #E5ECEB;border-radius:9px;background:#fff;color:#A1AEAC;font-size:9px;text-align:right}
.window-avatar{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#DDF0ED;color:var(--primary);font-size:9px;font-weight:900}
.app-preview{height:448px;display:grid;grid-template-columns:57px 1fr;background:#F8FAFA}
.preview-sidebar{padding:13px 0;display:flex;align-items:center;flex-direction:column;gap:16px;border-left:1px solid #E7EFED;background:#10242D}
.sidebar-logo{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff;color:var(--primary);font-size:13px;font-weight:900;margin-bottom:5px}
.preview-sidebar i{position:relative;width:29px;height:29px;border-radius:9px}
.preview-sidebar i::before,.preview-sidebar i::after{content:"";position:absolute;background:#8BA2A5;border-radius:3px;opacity:.68}
.preview-sidebar i::before{width:11px;height:11px;right:9px;top:7px}
.preview-sidebar i::after{width:11px;height:3px;right:9px;bottom:6px}
.preview-sidebar i.active{background:rgba(61,190,174,.16)}
.preview-sidebar i.active::before,.preview-sidebar i.active::after{background:#63D0C1;opacity:1}
.preview-content{min-width:0;padding:18px 18px 16px}
.preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.preview-heading div{display:flex;flex-direction:column}
.preview-heading small{font-size:9px;color:var(--muted-2)}
.preview-heading strong{color:#17242D;font-size:12px;font-weight:900}
.preview-heading button{height:26px;padding:0 10px;border:1px solid #DFE9E7;border-radius:8px;background:#fff;color:#647A78;font-size:8px}
.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.metric-card{position:relative;min-width:0;padding:11px 12px;border:1px solid #E4ECEA;border-radius:12px;background:#fff;box-shadow:0 7px 18px rgba(23,58,55,.025)}
.metric-card>small{display:block;color:#80918F;font-size:7.5px}
.metric-card>strong{display:block;margin:3px 0 1px;color:#18312F;font-size:12px;white-space:nowrap}
.metric-card>em{color:#3B8E84;font-style:normal;font-size:7px}
.metric-icon{position:absolute;top:10px;left:10px;width:20px;height:20px;border-radius:7px;display:grid;place-items:center;font-size:9px;font-weight:900}
.metric-icon.trend{background:#E2F5EF;color:#16826C}.metric-icon.deal{background:#EDF0FA;color:#6073AF}.metric-icon.task{background:#FFF1DF;color:#C17B24}
.preview-panels{display:grid;grid-template-columns:1.45fr .75fr;gap:9px;margin-top:9px}
.sales-chart,.pipeline-panel{min-width:0;height:266px;padding:13px;border:1px solid #E4ECEA;border-radius:13px;background:#fff}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.panel-heading>div{display:flex;flex-direction:column}
.panel-heading strong{color:#243331;font-size:9.5px}.panel-heading small{color:#94A3A0;font-size:7px}
.panel-heading>span{padding:2px 6px;border-radius:999px;background:#E6F5F0;color:#16826C;font-size:7px;font-weight:900}
.sales-chart svg{width:100%;height:164px;margin-top:10px;overflow:visible}
.sales-chart .grid-line{fill:none;stroke:#EDF2F1;stroke-width:1;stroke-dasharray:3 4}
.sales-chart .area{fill:url(#salesArea)}
.sales-chart .line{fill:none;stroke:#13877E;stroke-width:3;stroke-linecap:round}
.sales-chart circle{fill:#fff;stroke:#13877E;stroke-width:3}
.chart-labels{display:flex;justify-content:space-between;gap:6px;color:#9AA8A6;font-size:6.2px}
.pipeline-panel .panel-heading b{padding:2px 7px;border-radius:999px;background:#E5F5EB;color:#31805B;font-size:7px}
.pipeline-score{display:flex;align-items:end;gap:4px;margin:19px 0 12px}
.pipeline-score strong{font-size:29px;line-height:1;color:#172F2C}.pipeline-score span{color:#9AA8A6;font-size:7px}
.pipeline-bars{height:86px;display:flex;align-items:end;gap:7px}
.pipeline-bars span{position:relative;flex:1;height:var(--value);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#2AA294,#D5EEE9)}
.pipeline-bars span:nth-child(2){opacity:.86}.pipeline-bars span:nth-child(3){opacity:.72}.pipeline-bars span:nth-child(4){opacity:.55}
.pipeline-note{display:flex;align-items:center;gap:5px;margin-top:13px;color:#6E807E;font-size:6.8px}
.pipeline-note i{width:6px;height:6px;border-radius:50%;background:#E0A33C;box-shadow:0 0 0 3px #FFF2D9}
.floating-card{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;min-width:152px;padding:10px 12px;border:1px solid rgba(218,231,229,.88);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(19,65,60,.14);backdrop-filter:blur(16px);animation:float 5.4s ease-in-out infinite}
.floating-card>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:900}
.floating-card>div{display:flex;flex-direction:column;line-height:1.55}
.floating-card strong{font-size:9px}.floating-card small{font-size:7px;color:var(--muted)}
.floating-card-one{right:-19px;bottom:4px}.floating-card-two{left:-24px;top:74px;animation-delay:-2.2s}
.floating-check{background:#E0F5EE;color:#128069}.floating-user{background:#EEF0FA;color:#6274AE}

.signal-strip{position:relative;z-index:4;margin-top:-1px;background:#fff;border-block:1px solid var(--border-soft)}
.signal-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.signal-grid>div{position:relative;padding:24px 28px;display:flex;align-items:center;gap:13px}
.signal-grid>div:not(:last-child)::after{content:"";position:absolute;left:0;top:23%;bottom:23%;width:1px;background:var(--border-soft)}
.signal-grid strong{color:var(--primary);font-size:21px;font-weight:900;white-space:nowrap}
.signal-grid span{color:#667487;font-size:11.5px;line-height:1.65}

.section{position:relative;padding:108px 0}
.section-heading{max-width:760px;margin:0 auto 48px;text-align:center}
.section-heading>span,.section-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid rgba(15,111,104,.12);border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:900}
.section-heading h2,.workflow-copy h2,.showcase-copy h2,.faq-intro h2{margin:16px 0 10px;color:var(--ink);font-size:clamp(30px,4vw,46px);font-weight:900;line-height:1.4;letter-spacing:-1px}
.section-heading p,.workflow-copy>p,.faq-intro>p{margin:0;color:var(--muted);font-size:15px;line-height:2}
.features-section{background:#fff}
.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.feature-card{position:relative;min-height:238px;padding:22px 20px 19px;border:1px solid var(--border-soft);border-radius:20px;background:linear-gradient(180deg,#fff,#FCFEFD);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.feature-card::before{content:"";position:absolute;width:115px;height:115px;left:-55px;top:-55px;border-radius:50%;background:radial-gradient(circle,rgba(15,111,104,.08),transparent 70%);opacity:0;transition:.25s ease}
.feature-card:hover{transform:translateY(-6px);border-color:rgba(15,111,104,.22);box-shadow:0 22px 55px rgba(20,72,67,.09)}
.feature-card:hover::before{opacity:1}
.feature-card-highlight{background:linear-gradient(150deg,#F3FBF9,#fff)}
.feature-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--primary-soft);color:var(--primary);transition:.25s ease}
.feature-icon svg{width:23px;height:23px}
.feature-card:hover .feature-icon{background:var(--primary);color:#fff;transform:rotate(-4deg) scale(1.04)}
.feature-badge{padding:4px 7px;border-radius:999px;background:#FFF1DB;color:#A96B14;font-size:8px;font-weight:900}
.feature-card h3{margin:18px 0 7px;color:#192828;font-size:15px;font-weight:900}
.feature-card p{margin:0;color:#6F7D8E;font-size:11.5px;line-height:1.9}
.feature-link{position:absolute;right:20px;bottom:16px;display:flex;align-items:center;gap:5px;color:#96A3A1;font-size:9px;font-weight:800;opacity:0;transform:translateY(5px);transition:.22s ease}
.feature-link b{font-size:14px}.feature-card:hover .feature-link{opacity:1;transform:none;color:var(--primary)}

.dark-showcase{padding:112px 0;background:linear-gradient(145deg,#09171F,#10262E 62%,#0A1C22);color:#fff;overflow:hidden}
.dark-showcase::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(109,218,204,.12) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,black 35%,black 75%,transparent)}
.showcase-glow{position:absolute;width:560px;height:560px;left:-150px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(41,177,162,.17),transparent 69%)}
.showcase-grid{position:relative;z-index:2;display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}
.light-kicker{background:rgba(92,210,196,.10);border-color:rgba(92,210,196,.22);color:#78DED1}
.showcase-copy h2{color:#fff;font-size:clamp(32px,4.2vw,50px)}
.showcase-copy>p{margin:0;color:#AEBFC3;font-size:15px;line-height:2.1}
.showcase-list{list-style:none;display:grid;gap:13px;margin:28px 0 0;padding:0}
.showcase-list li{display:flex;align-items:center;gap:11px;color:#D7E3E4;font-size:13px;font-weight:700}
.showcase-list span{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:rgba(80,200,185,.12);color:#69D5C7;font-weight:900}
.showcase-dashboard{padding:17px;border:1px solid rgba(144,207,199,.15);border-radius:24px;background:rgba(255,255,255,.055);box-shadow:0 35px 100px rgba(0,0,0,.25);backdrop-filter:blur(18px);transform:rotate(-1deg)}
.showcase-header{height:46px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}
.showcase-header span{font-size:12px;font-weight:900}.showcase-header small{display:flex;align-items:center;gap:6px;color:#7CDACC;font-size:8px}.showcase-header small::before{content:"";width:6px;height:6px;border-radius:50%;background:#55D2C0;box-shadow:0 0 0 4px rgba(85,210,192,.10)}
.showcase-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px;padding-top:14px}
.donut-wrap,.team-performance{min-height:254px;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(0,0,0,.11)}
.donut{width:148px;height:148px;margin:4px auto 15px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#4FD1C1 0 61%,#4A7B7A 61% 76%,rgba(255,255,255,.08) 76%);position:relative}
.donut::after{content:"";position:absolute;width:104px;height:104px;border-radius:50%;background:#10242A}
.donut>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;line-height:1.5}.donut strong{font-size:25px}.donut span{color:#93AEAF;font-size:8px}
.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;color:#91A8AA;font-size:7px}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:6px;height:6px;border-radius:2px}.legend-a{background:#4FD1C1}.legend-b{background:#4A7B7A}.legend-c{background:rgba(255,255,255,.13)}
.team-performance{display:grid;align-content:center;gap:21px}
.team-performance>div{display:grid;grid-template-columns:105px 1fr 34px;align-items:center;gap:10px}
.team-performance span{color:#C4D3D4;font-size:8px}.team-performance b{height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.team-performance i{display:block;width:var(--p);height:100%;border-radius:inherit;background:linear-gradient(90deg,#276E68,#63D6C7)}.team-performance strong{font-size:8px;color:#75DACC;text-align:left}

.workflow-section{background:#F7FAF9}
.workflow-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:start}
.workflow-copy{position:sticky;top:135px}
.workflow-copy h2{font-size:clamp(32px,4.1vw,48px)}
.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:25px;color:var(--primary);text-decoration:none;font-size:13px;font-weight:900}.text-link span{font-size:18px;transition:.2s}.text-link:hover span{transform:translateX(-4px)}
.workflow-list{list-style:none;margin:0;padding:0;display:grid}
.workflow-list li{position:relative;display:grid;grid-template-columns:52px 1fr;gap:17px;min-height:117px;padding:5px 0 29px}
.workflow-list li>i{position:absolute;right:25px;top:58px;bottom:0;width:1px;background:linear-gradient(var(--primary),rgba(15,111,104,.08))}
.workflow-list li:last-child>i{display:none}
.workflow-list li>b{position:relative;z-index:2;width:52px;height:52px;border:1px solid rgba(15,111,104,.15);border-radius:17px;display:grid;place-items:center;background:#fff;color:var(--primary);box-shadow:0 10px 25px rgba(15,111,104,.07);font-size:12px;font-weight:900}
.workflow-list li>div{padding:3px 21px 18px 0;border-bottom:1px solid var(--border-soft)}
.workflow-list strong{display:block;color:#172724;font-size:16px;font-weight:900}.workflow-list span{display:block;margin-top:5px;color:#718092;font-size:12px;line-height:1.9}

.pricing-section{background:#fff;overflow:hidden}
.pricing-glow{position:absolute;width:700px;height:700px;right:50%;transform:translateX(50%);top:-460px;border-radius:50%;background:radial-gradient(circle,rgba(15,111,104,.08),transparent 70%)}
.plan-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;align-items:stretch}
.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:640px;padding:25px 22px 21px;border:1px solid var(--border);border-radius:22px;background:#fff;transition:.25s ease}
.plan-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(15,111,104,.24)}
.plan-card.featured{border:1.5px solid var(--primary);background:linear-gradient(180deg,#F5FCFA,#fff 27%);box-shadow:0 28px 70px rgba(15,111,104,.13)}
.plan-card.featured::before{content:"";position:absolute;top:-1px;right:25px;left:25px;height:3px;border-radius:0 0 10px 10px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}
.plan-badge{position:absolute;top:18px;left:18px;max-width:150px;padding:4px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:8px;font-weight:900}
.plan-head h3{margin:2px 0 6px;color:#172724;font-size:21px;font-weight:900}.plan-head p{min-height:55px;margin:0;color:#748293;font-size:11px;line-height:1.85}
.price-placeholder{margin-top:21px;padding:14px 15px;border:1px solid #E7EFED;border-radius:14px;background:#F8FBFA;display:flex;flex-direction:column}
.price-placeholder strong{color:var(--primary);font-size:20px;font-weight:900}.price-placeholder span{color:#8A9898;font-size:8px}
.plan-divider{height:1px;margin:20px 0;background:var(--border-soft)}
.plan-features-title{color:#33413F;font-size:11px;font-weight:900}
.plan-features{list-style:none;margin:13px 0 22px;padding:0;display:grid;gap:10px}
.plan-features li{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:7px;color:#52615F;font-size:10.5px;line-height:1.75}
.plan-features li>span{width:19px;height:19px;border-radius:7px;display:grid;place-items:center;margin-top:1px;background:#E7F5F0;color:#148069;font-size:9px;font-weight:900}
.plan-features li.coming-soon{color:#7A858A}.plan-features li.coming-soon>span{background:#FFF2DE;color:#B87924}
.plan-features small{display:block;color:#A17A43;font-size:7.5px}
.plan-button{width:100%;margin-top:auto;box-shadow:none;min-height:46px;font-size:12px}
.trial-note{display:block;margin-top:10px;text-align:center;color:#94A09F;font-size:8px}

.faq-section{background:#F7FAF9;border-top:1px solid var(--border-soft)}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:85px;align-items:start}
.faq-intro{position:sticky;top:130px}
.faq-contact{display:flex;align-items:center;gap:11px;margin-top:27px;padding:14px;border:1px solid var(--border);border-radius:16px;background:#fff}
.faq-contact>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900}.faq-contact>div{display:flex;flex-direction:column}.faq-contact strong{font-size:11px}.faq-contact small{color:var(--muted);font-size:9px}
.faq-list{display:grid;gap:10px}
.faq-list details{border:1px solid var(--border);border-radius:17px;background:#fff;overflow:hidden;transition:.2s ease}
.faq-list details[open]{border-color:rgba(15,111,104,.22);box-shadow:0 12px 32px rgba(15,70,64,.05)}
.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 20px;cursor:pointer;color:#263633;font-size:13px;font-weight:850}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#F1F6F5;color:var(--primary);font-size:18px;font-weight:400;transition:.2s ease}
.faq-list details[open] summary span{transform:rotate(45deg);background:var(--primary);color:#fff}
.faq-list p{margin:0;padding:0 20px 19px;color:#718091;font-size:11.5px;line-height:2}

.cta-section{padding:92px 0;background:#fff}
.cta-card{position:relative;min-height:240px;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:30px;background:linear-gradient(125deg,#0B5D56,#0F766E 60%,#11877D);color:#fff;overflow:hidden;box-shadow:0 30px 80px rgba(10,89,82,.25)}
.cta-card::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:33px 33px;mask-image:linear-gradient(90deg,black,transparent)}
.cta-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.11)}
.cta-orb-one{width:360px;height:360px;left:-80px;top:-160px}.cta-orb-two{width:220px;height:220px;left:30px;top:-70px}
.cta-copy,.cta-card>.button{position:relative;z-index:2}
.cta-copy>span{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.11);font-size:10px;font-weight:800}
.cta-copy h2{margin:11px 0 3px;font-size:clamp(29px,4vw,42px);font-weight:900;line-height:1.45}.cta-copy p{margin:0;color:rgba(255,255,255,.73);font-size:12.5px}

.site-footer{background:#0B171E;color:#B2C0C2}
.footer-main{display:grid;grid-template-columns:1.7fr .7fr .7fr 1.05fr;gap:55px;padding:62px 0 43px}
.footer-brand .brand-mark{background:#fff;border-color:rgba(255,255,255,.1)}
.footer-brand .brand-copy strong{color:#fff}.footer-brand .brand-copy small{color:#84999B}
.footer-about p{max-width:290px;margin:18px 0 0;color:#809497;font-size:11px;line-height:2}
.footer-links,.footer-company{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.footer-links strong,.footer-company strong{margin-bottom:5px;color:#EAF1F2;font-size:12px}.footer-links a{color:#899C9E;text-decoration:none;font-size:10.5px;transition:.18s}.footer-links a:hover{color:#6AD1C3}.footer-company span{color:#809497;font-size:10px;line-height:1.9}
.footer-bottom{padding:18px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.07);color:#617678;font-size:9px}

.simple-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 10%,rgba(15,111,104,.11),transparent 38%),var(--bg)}
.simple-card{width:min(620px,100%);padding:42px;border:1px solid var(--border);border-radius:24px;background:#fff;text-align:center;box-shadow:var(--shadow)}
.simple-card.wide{width:min(760px,100%)}.simple-card h1{margin:12px 0;font-size:32px}.simple-card p{color:var(--muted)}.status-code{color:var(--primary);font-size:64px;font-weight:900}.simple-card code{direction:ltr;display:inline-block}.phase-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0}.phase-list span{padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:12px}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.revealed{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}

@keyframes pulse{0%,100%{transform:scale(.75);opacity:0}50%{transform:scale(1.2);opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

@media(max-width:1120px){
  .hero-grid{grid-template-columns:.9fr 1.1fr;gap:35px}.hero h1{font-size:50px}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature-card:nth-child(9),.feature-card:nth-child(10){grid-column:span 2}.plan-card{padding-inline:18px}.plan-grid{gap:10px}.showcase-grid{gap:45px}.footer-main{gap:35px}
}

@media(max-width:960px){
  .site-header{background:rgba(247,250,249,.9);backdrop-filter:blur(18px)}.main-nav{gap:15px}.main-nav>a:not(.button){display:none}.main-nav .login-link{display:block!important}.hero{min-height:auto;padding-top:125px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy{text-align:center}.announcement{margin-inline:auto}.hero h1,.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{width:min(760px,100%);margin-inline:auto}.product-window{transform:none}.orbit-one,.orbit-two{right:50%;transform:translateX(50%)}.signal-grid{grid-template-columns:repeat(2,1fr)}.signal-grid>div:nth-child(2)::after{display:none}.signal-grid>div:nth-child(-n+2){border-bottom:1px solid var(--border-soft)}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card:nth-child(9),.feature-card:nth-child(10){grid-column:auto}.showcase-grid,.workflow-grid,.faq-layout{grid-template-columns:1fr;gap:45px}.workflow-copy,.faq-intro{position:static}.showcase-copy{text-align:center}.showcase-list{justify-content:center}.showcase-list li{justify-content:center}.showcase-dashboard{max-width:760px;margin-inline:auto}.plan-grid{grid-template-columns:repeat(2,1fr);gap:16px}.plan-card{min-height:600px}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-company{grid-column:1/-1;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
}

@media(max-width:680px){
  .container{width:min(100% - 28px,1220px)}html{scroll-padding-top:72px}.header-inner{height:72px}.brand-mark{width:42px;height:42px;border-radius:13px}.brand-mark img{width:29px;height:38px}.brand-copy strong{font-size:16px}.brand-copy small{font-size:9px}.menu-toggle{display:flex}.main-nav{display:none;position:absolute;top:72px;right:14px;left:14px;padding:12px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.97);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:3px}.main-nav.open{display:flex}.main-nav>a:not(.button){display:block;padding:10px 12px}.main-nav .login-link{margin-right:0}.main-nav .button{width:100%;margin-top:4px}.hero{padding:105px 0 58px}.hero h1{margin-top:18px;font-size:37px;line-height:1.36;letter-spacing:-1px}.hero-copy>p{font-size:14px;line-height:2}.announcement{font-size:10px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.trust-row{display:grid;gap:8px;text-align:right}.hero-visual{padding:14px 0 40px}.visual-orbit{display:none}.product-window{border-radius:18px}.window-top{height:43px}.window-search{min-width:110px}.app-preview{height:430px;grid-template-columns:42px 1fr}.preview-sidebar{gap:13px}.sidebar-logo{width:25px;height:25px}.preview-sidebar i{width:24px;height:24px}.preview-sidebar i::before{right:7px}.preview-sidebar i::after{right:7px}.preview-content{padding:12px 9px}.metrics-row{grid-template-columns:1fr 1fr}.metric-card:nth-child(3){display:none}.preview-panels{grid-template-columns:1fr}.pipeline-panel{display:none}.sales-chart{height:265px}.floating-card{transform:scale(.85);animation:none}.floating-card-one{right:-12px;bottom:-7px}.floating-card-two{left:-12px;top:45px}.signal-grid{grid-template-columns:1fr 1fr}.signal-grid>div{padding:18px 12px;flex-direction:column;text-align:center;gap:3px}.signal-grid>div:not(:last-child)::after{display:none}.signal-grid>div:nth-child(odd){border-left:1px solid var(--border-soft)}.signal-grid strong{font-size:18px}.signal-grid span{font-size:9px}.section{padding:76px 0}.section-heading{margin-bottom:34px}.section-heading h2,.workflow-copy h2,.showcase-copy h2,.faq-intro h2{font-size:31px}.section-heading p,.workflow-copy>p,.faq-intro>p{font-size:13px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:218px}.dark-showcase{padding:79px 0}.showcase-copy{text-align:right}.showcase-list li{justify-content:flex-start}.showcase-body{grid-template-columns:1fr}.donut-wrap{min-height:auto}.team-performance{min-height:240px}.showcase-dashboard{padding:10px}.team-performance>div{grid-template-columns:85px 1fr 28px}.workflow-grid{gap:35px}.workflow-list li{grid-template-columns:45px 1fr;gap:11px;min-height:108px}.workflow-list li>b{width:45px;height:45px;border-radius:14px}.workflow-list li>i{right:22px;top:51px}.workflow-list li>div{padding-right:10px}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:auto}.faq-layout{gap:32px}.faq-list summary{padding:17px 15px;font-size:12px}.faq-list p{padding-inline:15px}.cta-section{padding:64px 0}.cta-card{min-height:auto;padding:35px 25px;align-items:stretch;flex-direction:column;text-align:center}.cta-copy h2{font-size:30px}.cta-card>.button{width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:30px;padding:45px 0 32px}.footer-about{grid-column:1/-1}.footer-company{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.simple-card{padding:28px 20px}.simple-card h1{font-size:26px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.announcement-dot::after,.orbit-two,.floating-card{animation:none}.reveal{opacity:1;transform:none;transition:none}.button,.feature-card,.product-window{transition:none}
}

/* Signup experience refresh — v1.18 */
.signup-page{background:
  radial-gradient(circle at 88% 9%,rgba(30,178,159,.13),transparent 26%),
  radial-gradient(circle at 8% 48%,rgba(15,111,104,.07),transparent 31%),
  linear-gradient(155deg,#f8fcfb 0%,#edf7f5 48%,#f9fbfb 100%)}
.signup-hero{padding:118px 0 82px;overflow:visible}
.signup-hero::before{opacity:.58;background-size:48px 48px}
.signup-layout{grid-template-columns:minmax(310px,.72fr) minmax(620px,1.28fr);gap:52px;max-width:1280px}
.signup-copy{top:108px;padding:34px 31px;border:1px solid rgba(255,255,255,.72);border-radius:30px;background:
  linear-gradient(145deg,rgba(9,89,82,.97),rgba(11,115,104,.94));
  box-shadow:0 30px 90px rgba(9,75,69,.2);overflow:hidden;color:#fff}
.signup-copy::before{content:"";position:absolute;width:330px;height:330px;left:-160px;top:-180px;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 58px rgba(255,255,255,.035),0 0 0 116px rgba(255,255,255,.02)}
.signup-copy>*{position:relative;z-index:1}
.signup-copy .section-kicker{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.1);color:#9df0e4;box-shadow:none}
.signup-copy h1{margin:20px 0 17px;color:#fff;font-size:clamp(33px,3.5vw,48px);line-height:1.48;letter-spacing:-1.2px}
.signup-copy>p{color:rgba(238,255,252,.76);font-size:13px;line-height:2.15}
.signup-benefits{grid-template-columns:1fr;gap:8px;margin-top:26px}
.signup-benefits span{position:relative;padding:11px 40px 11px 13px;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.075);color:#eafffb;font-size:11px}
.signup-benefits span::before{content:"✓";position:absolute;right:12px;top:50%;width:19px;height:19px;display:grid;place-items:center;transform:translateY(-50%);border-radius:7px;background:#6de0d0;color:#07544d;font-weight:950}
.signup-security-note{margin-top:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-right:3px solid #70e3d3;background:rgba(3,53,50,.24)}
.signup-security-note b{color:#fff}.signup-security-note small{color:rgba(232,255,251,.68)}
.signup-form{padding:38px;border-color:rgba(184,215,209,.72);border-radius:32px;background:rgba(255,255,255,.97);box-shadow:0 38px 110px rgba(20,73,67,.14)}
.signup-form-head{position:relative;margin:-8px -8px 25px;padding:9px 10px 24px;border-bottom:1px solid #e8f0ee}
.signup-form-head::after{content:"ثبت اطلاعات  ←  تأیید موبایل  ←  ساخت فضای کاری";display:block;margin-top:15px;padding:9px 12px;border-radius:11px;background:#eff8f6;color:#3b6c66;font-size:10px;font-weight:800}
.signup-form-head>span{display:inline-flex;padding:5px 10px;border-radius:999px;background:#e5f7f3}
.signup-form-head h2{margin-top:10px;font-size:28px}.signup-form-head p{margin-bottom:0;line-height:1.9}
.account-mode-picker{gap:10px;margin-bottom:24px}
.account-mode-card{min-height:104px;padding:17px;border-radius:18px;background:#f8fbfa}
.account-mode-card b{font-size:13px}.account-mode-card small{font-size:10px}
.account-mode-card.is-active{border-color:#159487;background:linear-gradient(145deg,#e9f9f5,#fafffe);box-shadow:0 8px 24px rgba(15,111,104,.09),inset 0 0 0 1px rgba(15,111,104,.08)}
.signup-grid{gap:18px 15px}
.signup-grid>label{position:relative;gap:8px}
.signup-grid label>span{padding-right:2px;color:#294945;font-size:11px}
.signup-grid input,.signup-grid select{height:53px;padding:0 15px;border-color:#d7e5e2;border-radius:14px;background:#f9fcfb;font-size:12px}
.signup-grid input:hover,.signup-grid select:hover{border-color:#bdd5d0;background:#fff}
.signup-grid input:focus,.signup-grid select:focus{transform:translateY(-1px);border-color:#168f84;box-shadow:0 0 0 4px rgba(15,111,104,.09)}
.signup-grid em{padding-right:2px;line-height:1.7}
.workspace-field{margin:3px 0;padding:17px;border:1px solid #deebe8;border-radius:18px;background:#f7fbfa}
.workspace-domain-suffix{min-width:205px;border-color:#b9d6d0;background:#e7f5f2;font-size:15px}
.workspace-address-preview{background:#fff}
.signup-otp-box{grid-column:1/-1;position:relative;grid-template-columns:minmax(165px,.55fr) minmax(290px,1.45fr);align-items:center;gap:10px 18px;padding:18px 20px;border:1px solid #bcded7;border-radius:19px;background:linear-gradient(135deg,#ebfaf6,#fafffe);box-shadow:inset 4px 0 0 #1ba394}
.signup-otp-title{font-size:13px}.signup-otp-title::before{content:"۰۲";display:inline-grid;place-items:center;width:29px;height:29px;margin-left:8px;border-radius:10px;background:#127d73;color:#fff;font-size:10px}
.signup-otp-request,.signup-otp-verify{justify-content:flex-end}
.signup-otp-request .button,.signup-otp-verify .button{min-height:44px;border-radius:12px}
.signup-otp-verify input{height:46px;border-color:#bdd9d4;border-radius:12px;background:#fff}
.signup-otp-message{grid-column:1/-1;margin:0;padding-top:2px;text-align:left}
.demo-request-box{margin-top:24px;padding:20px;border-color:#d5e7e3;border-radius:20px;background:#fafdfc}
.demo-request-toggle b{font-size:13px}.demo-request-toggle small{font-size:10px}
.signup-terms{margin:22px 2px 15px;padding:14px;border:1px solid #e2ebe9;border-radius:14px;background:#fbfdfc}
.signup-submit{min-height:55px;border-radius:15px;background:linear-gradient(100deg,#0d736a,#15988b);box-shadow:0 15px 34px rgba(15,111,104,.23);font-size:13px;font-weight:900}
.signup-submit:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(15,111,104,.28)}
.signup-submit-note{margin-top:12px;font-size:9px;line-height:1.8}
.signup-form .form-alert{border-radius:16px}
@media(max-width:1100px){
  .signup-layout{grid-template-columns:1fr;max-width:850px}
  .signup-copy{position:relative;top:auto}
  .signup-benefits{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .signup-hero{padding:92px 0 55px}
  .signup-layout{gap:18px}
  .signup-copy{padding:25px 20px;border-radius:24px}
  .signup-copy h1{font-size:30px}
  .signup-copy>p{font-size:12px}
  .signup-benefits{grid-template-columns:1fr}
  .signup-form{padding:24px 16px;border-radius:24px}
  .signup-form-head h2{font-size:24px}
  .signup-form-head::after{font-size:9px;line-height:1.8}
  .account-mode-picker{grid-template-columns:1fr}
  .account-mode-card{min-height:auto}
  .signup-grid{gap:16px}
  .signup-otp-box{grid-template-columns:1fr;padding:16px}
  .signup-otp-request,.signup-otp-verify{justify-content:flex-start}
  .signup-otp-message{text-align:right}
  .workspace-field{padding:13px}
  .workspace-address-builder{display:grid;grid-template-columns:1fr}
  .workspace-domain-suffix{min-width:0;width:100%;height:44px}
}

/* ===== Phase 1.2 modern interaction layer ===== */
body.feature-dialog-open{overflow:hidden}
.hero{background:
  radial-gradient(circle at 76% 20%,rgba(20,142,130,.15),transparent 31%),
  radial-gradient(circle at 10% 40%,rgba(66,206,191,.09),transparent 29%),
  linear-gradient(180deg,#FCFFFE 0%,#F1F8F6 100%)}
.hero::after{content:"";position:absolute;width:620px;height:620px;right:48%;top:-360px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(255,255,255,0));pointer-events:none}
.announcement{padding:9px 14px 9px 17px;font-size:12.5px;border-color:rgba(15,111,104,.18);box-shadow:0 13px 35px rgba(15,111,104,.09)}
.product-window{border-color:rgba(162,204,198,.52);box-shadow:0 46px 120px rgba(19,70,65,.20),0 5px 16px rgba(15,23,42,.05)}
.section-heading{max-width:820px}
.section-heading>span,.section-kicker{box-shadow:inset 0 0 0 1px rgba(255,255,255,.62)}

.features-section{background:
  radial-gradient(circle at 8% 12%,rgba(15,111,104,.07),transparent 24%),
  linear-gradient(180deg,#FFFFFF 0%,#FAFCFC 100%)}
.feature-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:17px}
.feature-card{grid-column:span 3;min-height:270px;padding:25px 23px 22px;border-radius:24px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);isolation:isolate;box-shadow:0 12px 35px rgba(15,57,53,.035)}
.feature-card:nth-child(1),.feature-card:nth-child(2){grid-column:span 6;min-height:290px;padding:29px 29px 25px;background:linear-gradient(145deg,rgba(237,250,247,.96),rgba(255,255,255,.94) 72%)}
.feature-card::before{z-index:-2;width:210px;height:210px;left:-85px;top:-95px;background:radial-gradient(circle,rgba(15,111,104,.13),transparent 67%);opacity:.52}
.feature-card::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(280px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(55,192,177,.13),transparent 63%);opacity:0;transition:opacity .25s ease;pointer-events:none}
.feature-card:hover::after{opacity:1}
.feature-card:hover{transform:translateY(-7px);border-color:rgba(15,111,104,.27);box-shadow:0 30px 75px rgba(13,75,69,.12)}
.feature-index{position:absolute;left:20px;top:16px;color:rgba(15,111,104,.11);font-size:38px;font-weight:900;line-height:1;letter-spacing:-2px}
.feature-card:nth-child(1) .feature-index,.feature-card:nth-child(2) .feature-index{font-size:52px;left:25px;top:20px}
.feature-icon{width:54px;height:54px;border-radius:17px;box-shadow:inset 0 0 0 1px rgba(15,111,104,.05)}
.feature-card:nth-child(1) .feature-icon,.feature-card:nth-child(2) .feature-icon{width:62px;height:62px;border-radius:19px}
.feature-card:nth-child(1) .feature-icon svg,.feature-card:nth-child(2) .feature-icon svg{width:28px;height:28px}
.feature-card h3{margin-top:21px;font-size:17px}
.feature-card:nth-child(1) h3,.feature-card:nth-child(2) h3{font-size:22px}
.feature-card p{max-width:520px;font-size:12.5px;line-height:2}
.feature-card:nth-child(1) p,.feature-card:nth-child(2) p{font-size:13.5px}
.feature-link{right:22px;bottom:18px;padding:0;border:0;background:transparent;cursor:pointer;opacity:1;transform:none;color:var(--primary);font-size:10.5px;font-weight:900}
.feature-link::before{content:"";position:absolute;right:0;left:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}
.feature-link:hover::before,.feature-link:focus-visible::before{transform:scaleX(1)}
.feature-link:focus-visible{outline:2px solid rgba(15,111,104,.28);outline-offset:5px;border-radius:4px}

.comparison-section{overflow:hidden;background:
  radial-gradient(circle at 12% 15%,rgba(76,218,201,.11),transparent 24%),
  radial-gradient(circle at 88% 76%,rgba(15,111,104,.08),transparent 27%),
  linear-gradient(145deg,#09181F,#10272D 68%,#0A1E24);color:#fff}
.comparison-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(111,224,210,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(111,224,210,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 95%)}
.comparison-glow{position:absolute;border-radius:50%;filter:blur(4px)}
.comparison-glow-one{width:430px;height:430px;right:-170px;top:-170px;background:radial-gradient(circle,rgba(62,208,190,.16),transparent 68%)}
.comparison-glow-two{width:520px;height:520px;left:-230px;bottom:-260px;background:radial-gradient(circle,rgba(38,139,129,.16),transparent 70%)}
.comparison-heading{position:relative;z-index:2}
.comparison-heading>span{border-color:rgba(109,226,211,.2);background:rgba(74,193,179,.10);color:#72DCCE}
.comparison-heading h2{color:#fff}
.comparison-heading p{color:#A8BABD}
.comparison-stage{position:relative;z-index:2;padding:12px;border:1px solid rgba(147,215,207,.15);border-radius:28px;background:rgba(255,255,255,.055);box-shadow:0 35px 90px rgba(0,0,0,.25);backdrop-filter:blur(18px);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(100,217,203,.4) transparent}
.comparison-table{min-width:920px;display:grid;grid-template-columns:180px repeat(3,minmax(220px,1fr));border:1px solid rgba(255,255,255,.07);border-radius:20px;overflow:hidden;background:rgba(2,12,17,.22)}
.comparison-cell{min-height:78px;padding:17px 18px;display:flex;align-items:center;gap:10px;border-left:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);color:#B7C7C9;font-size:11.5px;line-height:1.8}
.comparison-cell:nth-last-child(-n+4){border-bottom:0}
.comparison-cell:nth-child(4n){border-left:0}
.comparison-label{background:rgba(255,255,255,.035);color:#E7F0F1}
.comparison-label strong{font-size:12px}
.comparison-head-cell{min-height:130px;align-items:flex-start;justify-content:center;flex-direction:column}
.comparison-head-cell strong{color:#F2F8F8;font-size:17px;font-weight:900}
.comparison-head-cell small{color:#849A9D;font-size:9.5px;line-height:1.8}
.comparison-head-cell.comparison-label{justify-content:center;color:#799092;font-weight:800}
.comparison-hadaf{position:relative;background:linear-gradient(145deg,rgba(31,157,144,.22),rgba(16,103,96,.12));color:#E5FAF6}
.comparison-hadaf::after{content:"";position:absolute;inset:0;border-inline:1px solid rgba(102,224,209,.17);pointer-events:none}
.comparison-head-cell.comparison-hadaf strong{color:#72E0D1;font-size:21px}
.comparison-head-cell.comparison-hadaf small{color:#B9D9D5}
.comparison-crown{display:inline-flex;padding:4px 8px;border-radius:999px;background:#62D7C7;color:#072C29;font-size:8px;font-weight:900}
.compare-check,.compare-dot,.compare-minus{flex:0 0 auto;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:900}
.compare-check{background:rgba(84,218,201,.14);color:#6CE0D0}
.compare-soon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:rgba(245,181,72,.13);color:#F5C66F;font-size:13px;font-style:normal;font-weight:900}
.compare-dot{background:rgba(229,181,80,.10);color:#D4B16D}
.compare-minus{background:rgba(255,255,255,.055);color:#7C9295}
.comparison-note{position:relative;z-index:2;margin:17px 0 0;text-align:center;color:#748C8F;font-size:9.5px}

.plan-card{border-radius:25px;background:linear-gradient(180deg,#fff,#FCFEFD);box-shadow:0 12px 36px rgba(15,57,53,.035)}
.plan-card:hover{transform:translateY(-8px);box-shadow:0 32px 80px rgba(12,76,69,.13)}
.plan-card.featured{background:linear-gradient(180deg,#EAF8F5 0%,#fff 30%)}
.price-placeholder{background:linear-gradient(135deg,#F5FAF9,#FCFEFE)}

.feature-dialog{width:min(940px,calc(100% - 34px));max-width:none;padding:0;border:0;border-radius:30px;background:transparent;color:var(--text);overflow:visible}
.feature-dialog::backdrop{background:rgba(5,18,23,.72);backdrop-filter:blur(8px)}
.feature-dialog[open]{animation:dialog-in .28s cubic-bezier(.2,.75,.25,1)}
.feature-dialog-panel{position:relative;min-height:510px;display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid rgba(193,219,215,.75);border-radius:30px;background:#fff;overflow:hidden;box-shadow:0 42px 130px rgba(0,0,0,.32)}
.feature-dialog-close{position:absolute;z-index:5;top:17px;left:17px;width:40px;height:40px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(10,31,35,.22);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:25px;line-height:1;backdrop-filter:blur(10px);transition:.2s}
.feature-dialog-close:hover{transform:rotate(7deg);background:rgba(10,31,35,.4)}
.feature-dialog-visual{position:relative;display:grid;place-items:center;background:
  radial-gradient(circle at 28% 20%,rgba(98,222,207,.25),transparent 30%),
  linear-gradient(145deg,#0B5D56,#0E8075);overflow:hidden}
.feature-dialog-visual::before,.feature-dialog-visual::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.feature-dialog-visual::before{width:360px;height:360px;right:-125px;bottom:-120px}
.feature-dialog-visual::after{width:250px;height:250px;right:-70px;bottom:-65px}
.feature-dialog-icon{position:relative;z-index:2;width:118px;height:118px;border:1px solid rgba(255,255,255,.24);border-radius:34px;display:grid;place-items:center;background:rgba(255,255,255,.13);color:#fff;box-shadow:0 30px 70px rgba(0,0,0,.22);backdrop-filter:blur(12px);transform:rotate(-4deg)}
.feature-dialog-icon svg{width:54px;height:54px}
.feature-dialog-visual>span{position:absolute;z-index:3;right:24px;bottom:24px;padding:6px 10px;border-radius:999px;background:#FFF0D9;color:#9F6718;font-size:9px;font-weight:900}
.feature-dialog-copy{padding:66px 58px 52px;display:flex;flex-direction:column;align-items:flex-start}
.feature-dialog-kicker{display:inline-flex;padding:6px 11px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:10px;font-weight:900}
.feature-dialog-copy h2{margin:17px 0 10px;color:var(--ink);font-size:34px;font-weight:900;line-height:1.45}
.feature-dialog-copy>p{margin:0;color:#607083;font-size:14px;line-height:2.05}
.feature-dialog-copy ul{width:100%;list-style:none;margin:25px 0 29px;padding:0;display:grid;gap:11px}
.feature-dialog-copy li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:13px;background:#FAFCFC;color:#42524F;font-size:12px;font-weight:700}
.feature-dialog-copy li::before{content:"✓";width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:#E2F4EF;color:var(--success);font-size:10px;font-weight:900}
.feature-dialog-copy .button{margin-top:auto}

@keyframes dialog-in{from{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:none}}

@media(max-width:1120px){
  .feature-card{grid-column:span 4}.feature-card:nth-child(1),.feature-card:nth-child(2){grid-column:span 6}
}
@media(max-width:960px){
  .feature-card,.feature-card:nth-child(1),.feature-card:nth-child(2){grid-column:span 6;min-height:260px}
  .feature-card:nth-child(1) h3,.feature-card:nth-child(2) h3{font-size:19px}
  .feature-dialog-panel{grid-template-columns:.7fr 1.3fr}.feature-dialog-copy{padding:58px 38px 42px}
}
@media(max-width:680px){
  .announcement{font-size:10.5px;padding:8px 12px}
  .feature-card,.feature-card:nth-child(1),.feature-card:nth-child(2){grid-column:span 12;min-height:235px;padding:23px 21px}
  .feature-card:nth-child(1) .feature-index,.feature-card:nth-child(2) .feature-index,.feature-index{font-size:38px;left:18px;top:16px}
  .feature-card:nth-child(1) .feature-icon,.feature-card:nth-child(2) .feature-icon,.feature-icon{width:52px;height:52px;border-radius:16px}
  .feature-card:nth-child(1) h3,.feature-card:nth-child(2) h3,.feature-card h3{font-size:18px}
  .feature-card:nth-child(1) p,.feature-card:nth-child(2) p,.feature-card p{font-size:12.5px}
  .comparison-stage{margin-inline:-2px;padding:8px;border-radius:20px}
  .comparison-table{min-width:830px;grid-template-columns:150px repeat(3,minmax(210px,1fr))}
  .comparison-cell{padding:14px 13px;font-size:10.5px}.comparison-head-cell{min-height:120px}.comparison-note{text-align:right;line-height:1.9}
  .feature-dialog{width:calc(100% - 24px)}
  .feature-dialog-panel{max-height:calc(100vh - 28px);min-height:0;grid-template-columns:1fr;overflow:auto;border-radius:24px}
  .feature-dialog-visual{min-height:190px}.feature-dialog-icon{width:86px;height:86px;border-radius:26px}.feature-dialog-icon svg{width:39px;height:39px}
  .feature-dialog-close{top:12px;left:12px;background:rgba(7,31,34,.32)}
  .feature-dialog-copy{padding:29px 23px 28px}.feature-dialog-copy h2{font-size:25px}.feature-dialog-copy>p{font-size:12.5px}.feature-dialog-copy li{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .feature-dialog[open]{animation:none}.feature-card::after{display:none}
}


/* v1.3 comparison: benefit-led, modern and product-first */
.comparison-advantages{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:0 0 18px}
.comparison-advantages article{position:relative;min-height:154px;padding:22px 20px 18px;border:1px solid rgba(126,224,211,.14);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.06);overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.comparison-advantages article::after{content:"";position:absolute;width:110px;height:110px;left:-42px;bottom:-55px;border-radius:50%;background:radial-gradient(circle,rgba(76,218,201,.12),transparent 68%)}
.comparison-advantages article:hover{transform:translateY(-5px);border-color:rgba(104,224,208,.3);background:linear-gradient(150deg,rgba(64,196,180,.13),rgba(255,255,255,.035))}
.comparison-advantages i{display:block;margin-bottom:18px;color:#65DACA;font-size:10px;font-style:normal;font-weight:900;letter-spacing:1px}
.comparison-advantages strong{display:block;margin-bottom:8px;color:#F5FBFA;font-size:14px;font-weight:900}
.comparison-advantages span{display:block;color:#94A9AC;font-size:10.5px;line-height:1.95}
.comparison-cell.comparison-hadaf span b{display:inline;color:#77E0D2;font-weight:900}
.comparison-head-cell.comparison-hadaf{box-shadow:inset 0 0 0 1px rgba(102,224,209,.14),0 0 42px rgba(31,157,144,.08)}
.comparison-summary{position:relative;z-index:2;margin-top:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid rgba(113,226,212,.16);border-radius:22px;background:linear-gradient(135deg,rgba(55,190,175,.13),rgba(255,255,255,.04));box-shadow:0 22px 60px rgba(0,0,0,.14)}
.comparison-summary>div{max-width:790px}.comparison-summary>div span{display:block;margin-bottom:7px;color:#67DCCB;font-size:9px;font-weight:900}.comparison-summary>div strong{display:block;color:#EAF6F5;font-size:13px;line-height:2;font-weight:800}
.comparison-summary .button{flex:0 0 auto;box-shadow:0 12px 34px rgba(7,75,69,.28)}
@media(max-width:960px){.comparison-advantages{grid-template-columns:repeat(2,1fr)}.comparison-summary{align-items:stretch;flex-direction:column}.comparison-summary .button{width:100%}}
@media(max-width:680px){.comparison-advantages{grid-template-columns:1fr}.comparison-advantages article{min-height:auto}.comparison-summary{padding:17px 15px}.comparison-summary>div strong{font-size:11.5px}}

/* v1.4 company, Saniyar ecosystem and blog */
.main-nav>a.active{color:var(--primary);position:relative}.main-nav>a.active::after{content:"";position:absolute;right:10%;left:10%;bottom:-12px;height:2px;border-radius:5px;background:var(--primary)}
.inner-page-shell{background:#F7FAF9}.inner-page-shell .site-header:not(.scrolled){background:rgba(250,253,252,.72);border-bottom-color:rgba(213,229,226,.55);backdrop-filter:blur(14px)}
.inner-hero{position:relative;min-height:650px;padding:180px 0 110px;display:flex;align-items:center;background:linear-gradient(160deg,#F8FCFB 0%,#EFF8F6 58%,#F8FBFA 100%);overflow:hidden}
.inner-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,111,104,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(15,111,104,.032) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 96%)}
.inner-hero-grid-pattern{position:absolute;width:520px;height:520px;left:-70px;bottom:-160px;border:1px solid rgba(15,111,104,.1);border-radius:50%}.inner-hero-grid-pattern::before,.inner-hero-grid-pattern::after{content:"";position:absolute;inset:58px;border:1px solid rgba(15,111,104,.08);border-radius:50%}.inner-hero-grid-pattern::after{inset:125px}
.inner-hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.inner-hero-orb-one{width:400px;height:400px;right:-170px;top:80px;background:radial-gradient(circle,rgba(27,173,157,.15),transparent 70%)}.inner-hero-orb-two{width:230px;height:230px;left:12%;top:30px;background:radial-gradient(circle,rgba(15,111,104,.07),transparent 70%)}
.inner-hero-content{position:relative;z-index:2;text-align:center}.breadcrumbs{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:24px;color:#82918F;font-size:11px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs strong{color:#536A67}.inner-kicker{display:inline-flex;padding:7px 13px;border:1px solid rgba(15,111,104,.14);border-radius:999px;background:rgba(255,255,255,.75);color:var(--primary);font-size:11px;font-weight:900;box-shadow:0 8px 25px rgba(15,111,104,.05)}
.inner-hero h1{max-width:900px;margin:20px auto 20px;color:var(--ink);font-size:clamp(40px,6vw,68px);line-height:1.35;letter-spacing:-2px;font-weight:900}.inner-hero h1 em{font-style:normal;color:var(--primary)}.inner-hero-content>p{max-width:820px;margin:0 auto;color:#5F7180;font-size:16px;line-height:2.1}.inner-hero-actions{display:flex;justify-content:center;gap:12px;margin-top:31px}
.about-story{background:#fff}.about-story-grid{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.about-story-copy h2{margin:17px 0 15px;color:var(--ink);font-size:clamp(32px,4vw,48px);line-height:1.45;font-weight:900}.about-story-copy>p{margin:0 0 14px;color:#637283;font-size:14px;line-height:2.15}.company-signature{margin-top:28px;padding:17px 19px;border-right:4px solid var(--primary);border-radius:14px;background:#F3F9F7;display:flex;flex-direction:column}.company-signature span{color:#7A8B89;font-size:10px}.company-signature strong{color:#173733;font-size:15px}
.timeline-panel{position:relative;padding:28px 30px;border:1px solid #DDEBE8;border-radius:30px;background:linear-gradient(160deg,#F3FAF8,#fff);box-shadow:0 28px 80px rgba(17,75,68,.09)}.timeline-line{position:absolute;right:57px;top:62px;bottom:62px;width:1px;background:linear-gradient(var(--primary),rgba(15,111,104,.08))}.timeline-panel article{position:relative;z-index:2;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;padding:18px 0}.timeline-panel article+article{border-top:1px dashed #DCE8E6}.timeline-panel b{width:56px;height:56px;border:6px solid #F4FAF8;border-radius:18px;display:grid;place-items:center;background:#DDF1ED;color:var(--primary);font-size:11px;box-shadow:0 0 0 1px rgba(15,111,104,.1)}.timeline-panel article.current b{background:var(--primary);color:#fff}.timeline-panel article div{padding-top:4px}.timeline-panel strong{display:block;color:#183532;font-size:14px}.timeline-panel span{display:block;margin-top:4px;color:#71817F;font-size:11px;line-height:1.8}
.company-values-section{background:#F4F8F7}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.value-card{position:relative;min-height:245px;padding:25px 22px;border:1px solid #E0EBE9;border-radius:23px;background:#fff;overflow:hidden;transition:.25s}.value-card::after{content:"";position:absolute;width:150px;height:150px;left:-75px;bottom:-80px;border-radius:50%;background:radial-gradient(circle,rgba(15,111,104,.11),transparent 70%)}.value-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(18,67,62,.09)}.value-card i{display:block;margin-bottom:35px;color:#8DC6BF;font-size:10px;font-style:normal;font-weight:900;letter-spacing:1px}.value-card strong{display:block;color:#173330;font-size:16px}.value-card p{margin:9px 0 0;color:#6D7B8A;font-size:12px;line-height:2}
.about-ecosystem{background:linear-gradient(145deg,#081A20,#102930);color:#fff;overflow:hidden}.about-ecosystem::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(97,211,197,.1) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at center,black,transparent 75%)}.about-ecosystem .container{position:relative;z-index:2}.about-ecosystem .section-heading h2{color:#fff}.about-ecosystem .section-heading p{color:#9BAEB1}.about-ecosystem .section-heading>span{color:#74D9CC;background:rgba(80,201,187,.1);border-color:rgba(80,201,187,.2)}
.about-products{display:grid;grid-template-columns:1fr 160px 1fr;gap:22px;align-items:center}.about-product-card{min-height:440px;padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.06),0 30px 70px rgba(0,0,0,.18)}.hadaf-card{border-color:rgba(72,210,193,.22)}.saniyar-card{border-color:rgba(233,183,91,.22)}.about-product-head{display:flex;align-items:center;gap:15px;margin-bottom:24px}.about-product-head img{width:54px;height:66px;object-fit:cover;border-radius:15px;background:#fff;padding:6px}.about-product-head>div{display:flex;flex-direction:column}.about-product-head small{color:#8BA5A7;font-size:10px}.about-product-head strong{color:#fff;font-size:24px}.saniyar-brand-head .saniyar-brand-mark{width:66px;height:66px;object-fit:contain;border-radius:19px;background:#fff;padding:2px;box-shadow:0 13px 32px rgba(22,49,121,.25)}.about-product-card>p{min-height:86px;margin:0;color:#A9B9BB;font-size:13px;line-height:2}.about-product-card ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}.about-product-card li{display:flex;align-items:center;gap:9px;color:#DCE7E7;font-size:11.5px}.about-product-card li::before{content:"✓";width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:rgba(84,219,201,.12);color:#69D8C9;font-size:9px}.saniyar-card li::before{background:rgba(229,181,80,.12);color:#E6BE70}.about-product-link{text-align:center;color:#9DB0B2}.about-product-link>span{display:inline-flex;padding:6px 10px;border:1px solid rgba(99,219,204,.18);border-radius:999px;background:rgba(77,203,188,.08);color:#6DD9CB;font-size:9px;font-weight:900}.link-pulse{position:relative;width:92px;height:92px;margin:17px auto;display:grid;place-items:center;border:1px solid rgba(89,215,200,.24);border-radius:50%}.link-pulse::before,.link-pulse::after{content:"";position:absolute;inset:10px;border:1px dashed rgba(89,215,200,.25);border-radius:50%;animation:spin 20s linear infinite}.link-pulse::after{inset:-10px;border-style:solid;opacity:.35;animation:pulse 2.4s infinite}.link-pulse b{position:relative;z-index:2;color:#74DED1;font-size:25px}.about-product-link small{display:block;color:#748B8E;font-size:9px}
.integration-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:25px}.integration-steps article{display:flex;gap:13px;padding:19px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035)}.integration-steps b{flex:0 0 34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(81,206,191,.12);color:#67D7C8;font-size:11px}.integration-steps strong{display:block;color:#EAF2F2;font-size:12px}.integration-steps span{display:block;margin-top:4px;color:#899FA1;font-size:9.5px;line-height:1.9}.integration-note{margin-top:18px;padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(135deg,rgba(89,211,196,.12),rgba(255,255,255,.035))}.integration-note>div span{display:block;color:#6ED9CB;font-size:9px;font-weight:900}.integration-note>div strong{display:block;margin-top:6px;color:#E9F2F2;font-size:12px;line-height:1.9}.integration-note .button.secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13);color:#fff}.about-cta{background:#fff}
.ecosystem-section{background:#F6FAF9;overflow:hidden}.ecosystem-glow{position:absolute;width:520px;height:520px;right:-260px;top:50px;border-radius:50%;background:radial-gradient(circle,rgba(19,135,126,.11),transparent 70%)}.ecosystem-flow{position:relative;display:grid;grid-template-columns:1fr 170px 1fr;gap:18px;align-items:center}.ecosystem-product{min-height:365px;padding:27px;border:1px solid #DCEAE7;border-radius:27px;background:#fff;box-shadow:0 24px 70px rgba(17,73,67,.07)}.ecosystem-hadaf{background:linear-gradient(155deg,#EDFAF7,#fff 55%)}.ecosystem-saniyar{background:linear-gradient(155deg,#FFF7E8,#fff 55%)}.ecosystem-label{display:inline-flex;padding:5px 9px;border-radius:999px;background:#E2F4F0;color:var(--primary);font-size:9px;font-weight:900}.ecosystem-saniyar .ecosystem-label{background:#FFF0D3;color:#9C6B1D}.ecosystem-logo{display:flex;align-items:center;gap:13px;margin:23px 0}.ecosystem-logo img{width:45px;height:56px;object-fit:cover}.ecosystem-logo strong{color:#173430;font-size:22px}.ecosystem-wordmark{align-items:center;gap:13px}.ecosystem-wordmark>div{display:flex;align-items:flex-start;flex-direction:column}.ecosystem-wordmark img{width:62px;height:62px;object-fit:contain;border-radius:18px;background:#fff;padding:2px;filter:drop-shadow(0 10px 20px rgba(22,49,121,.2))}.ecosystem-wordmark strong{color:#1D3F9F;font-size:27px}.ecosystem-wordmark small{color:#756F69;font-size:9px}.ecosystem-product>p{min-height:75px;color:#637580;font-size:12px;line-height:2}.ecosystem-product ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px}.ecosystem-product li{display:flex;align-items:center;gap:8px;color:#445B58;font-size:10.5px}.ecosystem-product li::before{content:"✓";width:20px;height:20px;border-radius:7px;display:grid;place-items:center;background:#E1F3EF;color:var(--primary);font-size:8px}.ecosystem-saniyar li::before{background:#FFF1D7;color:#A77320}.ecosystem-connector{text-align:center}.ecosystem-connector>span{display:inline-flex;padding:5px 9px;border-radius:999px;background:#E8F6F3;color:var(--primary);font-size:9px;font-weight:900}.ecosystem-connector>div{display:flex;align-items:center;margin:16px 0}.ecosystem-connector i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--primary))}.ecosystem-connector i:last-child{background:linear-gradient(90deg,var(--primary),transparent)}.ecosystem-connector b{width:52px;height:52px;border:1px solid rgba(15,111,104,.18);border-radius:18px;display:grid;place-items:center;background:#fff;color:var(--primary);font-size:20px;box-shadow:0 14px 35px rgba(15,111,104,.12)}.ecosystem-connector small{color:#849491;font-size:8px}.ecosystem-action{margin-top:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #DCE9E7;border-radius:20px;background:#fff}.ecosystem-action>div strong{display:block;color:#183631;font-size:13px}.ecosystem-action>div span{display:block;margin-top:3px;color:#71827F;font-size:10.5px}
.blog-hero{min-height:610px}.featured-post-section{padding-top:80px;background:#fff}.featured-post{display:grid;grid-template-columns:.9fr 1.1fr;min-height:430px;border:1px solid #DFEBE9;border-radius:30px;background:#fff;overflow:hidden;box-shadow:0 30px 85px rgba(18,72,67,.09)}.featured-post-art{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 20% 20%,rgba(84,218,201,.22),transparent 25%),linear-gradient(145deg,#0B282D,#0E625D);overflow:hidden}.featured-post-art>span{position:absolute;right:24px;top:24px;padding:6px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.08);color:#BEEDE6;font-size:9px;font-weight:900}.featured-post-art>strong{position:relative;z-index:2;color:#fff;font-size:84px;font-weight:900;letter-spacing:-8px}.article-visual-lines{position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.article-visual-lines::before,.article-visual-lines::after{content:"";position:absolute;inset:55px;border:1px dashed rgba(255,255,255,.13);border-radius:50%}.article-visual-lines::after{inset:115px;border-style:solid}.featured-post-copy{padding:54px 55px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.post-eyebrow{padding:5px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:9px;font-weight:900}.featured-post-copy h2{margin:17px 0 12px;color:var(--ink);font-size:32px;line-height:1.55;font-weight:900}.featured-post-copy>p{margin:0;color:#697889;font-size:13px;line-height:2}.post-meta{display:flex;align-items:center;gap:8px;margin:17px 0;color:#8A9997;font-size:9px}.post-meta i{width:4px;height:4px;border-radius:50%;background:#B5C1BF}.featured-post-copy .button{margin-top:5px}.blog-list-section{background:#F4F8F7}.blog-list-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.blog-list-head h2{margin:13px 0 0;color:var(--ink);font-size:36px}.blog-filter{display:flex;gap:6px;padding:5px;border:1px solid #E1EBE9;border-radius:14px;background:#fff}.blog-filter button{height:34px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:#73817F;font-size:10px;cursor:pointer}.blog-filter button.active{background:var(--primary);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{border:1px solid #E0EAE8;border-radius:24px;background:#fff;overflow:hidden;transition:.25s}.blog-card:hover{transform:translateY(-7px);box-shadow:0 25px 70px rgba(17,70,65,.1)}.blog-card-art{position:relative;height:210px;display:block;overflow:hidden;text-decoration:none}.blog-card-art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:28px 28px}.blog-card-art.art-1{background:linear-gradient(145deg,#0C5E58,#12343A)}.blog-card-art.art-2{background:linear-gradient(145deg,#23314C,#465A7D)}.blog-card-art.art-3{background:linear-gradient(145deg,#9D7029,#E2B85F)}.blog-card-art>span{position:absolute;z-index:2;right:18px;top:17px;padding:5px 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:8px;font-weight:900}.blog-card-art>div{position:absolute;width:140px;height:140px;left:35px;bottom:-45px;border:1px solid rgba(255,255,255,.16);border-radius:50%}.blog-card-art>div::before{content:"";position:absolute;inset:28px;border:1px dashed rgba(255,255,255,.18);border-radius:50%}.blog-card-art>b{position:absolute;right:20px;bottom:6px;color:rgba(255,255,255,.18);font-size:70px}.blog-card-copy{padding:21px 20px 23px}.blog-card-copy .post-meta{margin:0 0 10px}.blog-card h3{margin:0}.blog-card h3 a{color:#19322F;text-decoration:none;font-size:16px;line-height:1.75}.blog-card h3 a:hover{color:var(--primary)}.blog-card p{min-height:70px;margin:8px 0 12px;color:#6E7D8D;font-size:11px;line-height:2}.blog-card .text-link{position:static}.newsletter-section{padding-top:50px;background:#fff}.newsletter-card{padding:40px 45px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:28px;background:linear-gradient(135deg,#0D6C65,#0D8C80);color:#fff;box-shadow:0 28px 75px rgba(15,111,104,.2)}.newsletter-card span{color:#A9E5DD;font-size:9px;font-weight:900}.newsletter-card h2{margin:5px 0;color:#fff;font-size:28px}.newsletter-card p{margin:0;color:#D1ECE9;font-size:11px}.newsletter-form{min-width:390px;padding:5px;display:flex;gap:7px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.12)}.newsletter-form input{flex:1;min-width:0;padding:0 13px;border:0;outline:0;background:transparent;color:#fff;font-size:11px}.newsletter-form input::placeholder{color:rgba(255,255,255,.65)}.newsletter-form .button{min-height:42px;border-color:#fff;background:#fff;color:var(--primary);box-shadow:none;font-size:11px}
.article-hero{position:relative;padding:175px 0 90px;background:linear-gradient(160deg,#F4FAF8,#fff);border-bottom:1px solid #E2ECEA}.article-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(15,111,104,.055) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,black,transparent)}.article-hero-inner{position:relative;z-index:2;text-align:center}.article-hero h1{max-width:890px;margin:18px auto 15px;color:var(--ink);font-size:clamp(37px,5vw,58px);line-height:1.5;font-weight:900}.article-hero-inner>p{max-width:760px;margin:0 auto;color:#667787;font-size:14px;line-height:2}.article-author{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px}.author-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:900}.article-author>div:last-child{display:flex;align-items:flex-start;flex-direction:column}.article-author strong{font-size:11px}.article-author span{color:#8B9997;font-size:9px}.article-section{padding-top:75px;background:#fff}.article-layout{display:grid;grid-template-columns:90px minmax(0,760px) 190px;gap:45px;justify-content:center;align-items:start}.article-share{position:sticky;top:120px;display:flex;align-items:center;flex-direction:column;gap:8px}.article-share>span{margin-bottom:5px;color:#8B9997;font-size:8px;writing-mode:vertical-rl}.article-share a{width:38px;height:38px;border:1px solid #E1EBE9;border-radius:12px;display:grid;place-items:center;background:#fff;color:#5D706D;text-decoration:none;font-size:11px;font-weight:900}.article-share a:hover{border-color:var(--primary);color:var(--primary)}.article-content{color:#3F4F5D;font-size:15px;line-height:2.25}.article-content>p:first-child{font-size:17px;color:#314550}.article-content h2{margin:42px 0 12px;color:#142C29;font-size:27px;font-weight:900}.article-content p{margin:0 0 19px}.article-content a{color:var(--primary)}.article-toc{position:sticky;top:120px;padding:18px;border:1px solid #E2ECEA;border-radius:17px;background:#F8FBFA}.article-toc strong{display:block;margin-bottom:12px;color:#1D3834;font-size:11px}.article-toc a{display:block;padding:7px 0;border-bottom:1px solid #E6EFED;color:#73827F;text-decoration:none;font-size:9.5px}.article-toc a:last-child{border:0}.related-posts-section{background:#F4F8F7}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related-card{padding:23px;border:1px solid #E0EAE8;border-radius:21px;background:#fff}.related-card>span{color:var(--primary);font-size:8px;font-weight:900}.related-card h3{margin:10px 0}.related-card h3 a{color:#1A3531;text-decoration:none;font-size:14px;line-height:1.8}.related-card p{min-height:62px;margin:0 0 13px;color:#74818F;font-size:10px;line-height:1.9}.related-card .text-link{position:static}
.footer-company a{margin-top:7px;color:var(--primary);font-size:10px;text-decoration:none;font-weight:800}.about-ecosystem+.about-cta{padding-top:95px}
@media(max-width:1050px){.about-story-grid{gap:45px}.values-grid{grid-template-columns:repeat(2,1fr)}.about-products,.ecosystem-flow{grid-template-columns:1fr 125px 1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:65px minmax(0,680px)}.article-toc{display:none}}
@media(max-width:820px){.inner-hero{min-height:580px;padding-top:150px}.about-story-grid{grid-template-columns:1fr}.about-products,.ecosystem-flow{grid-template-columns:1fr}.about-product-link,.ecosystem-connector{padding:10px 0}.about-product-link .link-pulse{margin:10px auto}.about-product-card{min-height:auto}.integration-steps{grid-template-columns:1fr}.integration-note,.ecosystem-action{align-items:stretch;flex-direction:column}.featured-post{grid-template-columns:1fr}.featured-post-art{min-height:280px}.newsletter-card{align-items:stretch;flex-direction:column}.newsletter-form{min-width:0;width:100%}.article-layout{grid-template-columns:minmax(0,720px)}.article-share{position:static;flex-direction:row;margin-bottom:-20px}.article-share>span{writing-mode:horizontal-tb}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.main-nav>a.active::after{display:none}.inner-hero{min-height:540px;padding:135px 0 80px}.inner-hero h1{font-size:36px;letter-spacing:-1px}.inner-hero-content>p{font-size:13px}.inner-hero-actions{align-items:stretch;flex-direction:column}.inner-hero-actions .button{width:100%}.about-story{padding-top:80px}.timeline-panel{padding:20px 18px}.timeline-line{right:45px}.timeline-panel article{grid-template-columns:52px 1fr}.timeline-panel b{width:50px;height:50px}.values-grid{grid-template-columns:1fr}.value-card{min-height:auto}.about-product-card{padding:23px}.integration-note .button,.ecosystem-action .button{width:100%}.ecosystem-product{min-height:auto}.blog-list-head{align-items:flex-start;flex-direction:column}.blog-filter{width:100%;overflow-x:auto}.blog-grid{grid-template-columns:1fr}.featured-post-copy{padding:31px 23px}.featured-post-copy h2{font-size:24px}.featured-post-art>strong{font-size:62px}.newsletter-card{padding:30px 22px}.newsletter-form{align-items:stretch;flex-direction:column;background:transparent;border:0;padding:0}.newsletter-form input{height:48px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(255,255,255,.1)}.article-hero{padding:145px 0 70px}.article-hero h1{font-size:34px}.article-section{padding-top:55px}.article-content{font-size:13.5px}.article-content h2{font-size:23px}.related-grid{grid-template-columns:1fr}.breadcrumbs{flex-wrap:wrap}.footer-company a{display:inline-flex}}

/* v1.6 contact center + Hadaf mobile application */
.main-nav{gap:22px}
.faq-contact{text-decoration:none;justify-content:flex-start;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.faq-contact>b{margin-right:auto;color:var(--primary);font-size:18px}.faq-contact:hover{transform:translateY(-2px);border-color:rgba(15,111,104,.25);box-shadow:var(--shadow-sm)}
.footer-company a{direction:ltr}

.mobile-app-section{position:relative;padding:115px 0;background:linear-gradient(145deg,#F4FBF9 0%,#FFFFFF 53%,#EEF8F6 100%);overflow:hidden}
.mobile-app-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,111,104,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(15,111,104,.028) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,black 25%,black 75%,transparent)}
.mobile-app-glow{position:absolute;width:580px;height:580px;left:-220px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(25,164,150,.15),transparent 68%)}
.mobile-app-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.mobile-app-copy h2{max-width:620px;margin:15px 0 18px;color:var(--ink);font-size:45px;line-height:1.42;letter-spacing:-1.2px;font-weight:900}.mobile-app-copy>p{max-width:650px;margin:0;color:#5D6F7C;font-size:15px;line-height:2.15}
.mobile-app-benefits{display:grid;gap:14px;margin:29px 0 25px;padding:0;list-style:none}.mobile-app-benefits li{display:flex;align-items:flex-start;gap:13px;padding:14px 15px;border:1px solid rgba(15,111,104,.1);border-radius:17px;background:rgba(255,255,255,.7);backdrop-filter:blur(10px)}.mobile-app-benefits li>span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:900}.mobile-app-benefits li>div{display:flex;flex-direction:column;gap:3px}.mobile-app-benefits strong{color:#1B302F;font-size:13px}.mobile-app-benefits small{color:#738383;font-size:10.5px;line-height:1.8}
.mobile-app-actions{display:flex;align-items:center;gap:14px;margin:2px 0 18px}.mobile-download-button{min-height:62px;padding:8px 17px 8px 20px;border-radius:18px;box-shadow:0 18px 40px rgba(15,111,104,.22)}.mobile-download-button>.download-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.13);font-size:22px;font-weight:900}.mobile-download-button>span:last-child{display:flex;align-items:flex-start;flex-direction:column;line-height:1.5}.mobile-download-button strong{color:#fff;font-size:13px}.mobile-download-button small{color:rgba(255,255,255,.72);font-size:8.5px;font-weight:500}.mobile-download-note{max-width:190px;color:#81918F;font-size:8.5px;line-height:1.8}.mobile-app-badges{display:flex;flex-wrap:wrap;gap:8px}.mobile-app-badges span{padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:#fff;color:#476764;font-size:10px;font-weight:800}
.mobile-app-visual{position:relative;min-height:585px;display:grid;place-items:center;direction:ltr}.mobile-app-visual::before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(15,111,104,.12);border-radius:50%}.mobile-app-visual::after{content:"";position:absolute;width:330px;height:330px;border:1px dashed rgba(15,111,104,.14);border-radius:50%;animation:spin 42s linear infinite}
.mobile-phone{position:absolute;width:270px;height:548px;border:9px solid #10272A;border-radius:43px;background:#F7FAF9;box-shadow:0 45px 90px rgba(11,65,60,.2),inset 0 0 0 1px rgba(255,255,255,.2);overflow:hidden}.mobile-phone::before{content:"";position:absolute;z-index:5;top:8px;left:50%;width:83px;height:23px;transform:translateX(-50%);border-radius:20px;background:#10272A}.mobile-phone-back{transform:translate(-78px,25px) rotate(-9deg);opacity:.32;background:linear-gradient(160deg,#0F6F68,#183438)}.mobile-phone-back div{position:absolute;inset:55px 20px;border-radius:25px;background:rgba(255,255,255,.12)}.mobile-phone-front{z-index:3;transform:translate(48px,-8px) rotate(4deg);background:#F8FBFA}
.mobile-phone-top{height:58px;padding:28px 18px 0;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #E5EEEC;color:#18312F}.mobile-phone-top i{width:24px;height:24px;border-radius:8px;background:var(--primary)}.mobile-phone-top b{font-size:13px}.mobile-phone-top span{font-size:10px;letter-spacing:1px}.mobile-phone-content{padding:19px 15px}.mobile-welcome{display:flex;flex-direction:column;margin-bottom:15px}.mobile-welcome small{color:#8A9998;font-size:8px}.mobile-welcome strong{color:#1B302F;font-size:16px}.mobile-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.mobile-stats article{padding:12px;border:1px solid #E2ECEA;border-radius:15px;background:#fff}.mobile-stats span{display:block;color:#849492;font-size:8px}.mobile-stats strong{display:block;margin-top:2px;color:var(--primary);font-size:19px}.mobile-task{display:grid;grid-template-columns:35px 1fr 13px;gap:9px;align-items:center;margin-bottom:9px;padding:10px;border:1px solid #E4ECEB;border-radius:14px;background:#fff}.mobile-task>i{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#E7F5F2;color:var(--primary);font-style:normal;font-size:10px;font-weight:900}.mobile-task>div{display:flex;min-width:0;flex-direction:column}.mobile-task strong{overflow:hidden;color:#263C3A;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.mobile-task span{color:#94A3A1;font-size:7.5px}.mobile-task>b{color:#91A19F;font-size:16px}.mobile-nav{position:absolute;right:0;bottom:0;left:0;height:58px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #E5EDEB;background:#fff;color:#9AABA9}.mobile-nav span{font-size:15px}.mobile-nav span.active{width:39px;height:39px;display:grid;place-items:center;margin-top:-24px;border:4px solid #F8FBFA;border-radius:50%;background:var(--primary);color:#fff;font-size:20px;box-shadow:0 8px 20px rgba(15,111,104,.22)}
.mobile-floating{position:absolute;z-index:5;padding:10px 13px;display:flex;align-items:center;gap:8px;border:1px solid rgba(15,111,104,.13);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(12,68,63,.13);backdrop-filter:blur(15px);direction:rtl}.mobile-floating-one{right:3%;top:19%}.mobile-floating-one b{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#E4F6F1;color:var(--success);font-size:11px}.mobile-floating-one span{color:#385A56;font-size:9.5px;font-weight:800}.mobile-floating-two{left:0;bottom:17%;flex-direction:column;align-items:flex-start;gap:0}.mobile-floating-two strong{color:var(--primary);font-size:18px}.mobile-floating-two span{color:#758885;font-size:8px}

.contact-hero{min-height:620px}.contact-hero-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:28px}.contact-hero-chips span{padding:8px 13px;border:1px solid rgba(15,111,104,.13);border-radius:999px;background:rgba(255,255,255,.72);color:#416D68;font-size:10.5px;font-weight:800;box-shadow:0 8px 25px rgba(15,111,104,.04)}
.contact-main-section{padding-top:105px}.contact-main-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:55px;align-items:start}.contact-details{position:sticky;top:115px}.contact-details h2{margin:13px 0 14px;color:var(--ink);font-size:35px;line-height:1.5;letter-spacing:-.8px}.contact-details>p{margin:0 0 25px;color:#6B7D89;font-size:13px;line-height:2}
.contact-info-stack{display:grid;gap:11px}.contact-info-card{display:grid;grid-template-columns:48px 1fr 20px;gap:13px;align-items:center;padding:15px 16px;border:1px solid var(--border);border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 10px 30px rgba(15,59,55,.035);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.contact-info-card:hover{transform:translateY(-3px);border-color:rgba(15,111,104,.25);box-shadow:0 18px 45px rgba(15,59,55,.08)}.contact-info-card>i{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--primary-soft);color:var(--primary);font-style:normal;font-size:19px}.contact-info-card>div{display:flex;min-width:0;flex-direction:column}.contact-info-card small{color:#8A9A99;font-size:9px}.contact-info-card strong{color:#263B39;font-size:12px;line-height:1.9}.contact-info-card span{color:#98A6A5;font-size:8.5px}.contact-info-card>b{color:var(--primary);font-size:18px}.address-card{grid-template-columns:48px 1fr}.address-card strong{font-size:10.5px}
.contact-products-card{margin-top:17px;padding:17px;border:1px solid rgba(15,111,104,.12);border-radius:21px;background:linear-gradient(145deg,#F0FAF8,#fff);box-shadow:0 16px 40px rgba(15,64,60,.055)}.contact-product-brand{display:flex;align-items:center;gap:11px}.contact-product-brand img{width:45px;height:52px;object-fit:contain}.contact-product-brand>div{display:flex;flex-direction:column}.contact-product-brand strong{color:#193634;font-size:13px}.contact-product-brand span{color:#738784;font-size:9px}.contact-products-divider{height:1px;margin:14px 0;background:linear-gradient(90deg,transparent,var(--border),transparent);position:relative}.contact-products-divider span{position:absolute;left:50%;top:50%;width:24px;height:24px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--primary);font-size:11px}.contact-product-brand.saniyar-mini img{width:48px;height:48px}.contact-products-card>a{display:inline-flex;margin-top:14px;color:var(--primary);font-size:9.5px;font-weight:900;text-decoration:none}
.contact-form-card{padding:33px;border:1px solid var(--border);border-radius:28px;background:rgba(255,255,255,.93);box-shadow:0 35px 90px rgba(16,67,62,.1);backdrop-filter:blur(14px)}.contact-form-head>span{color:var(--primary);font-size:10px;font-weight:900}.contact-form-head h2{margin:8px 0 8px;color:var(--ink);font-size:29px;line-height:1.55}.contact-form-head p{margin:0 0 24px;color:#788986;font-size:11px}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:7px}.contact-form label>span{color:#3D5552;font-size:10px;font-weight:800}.form-row.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #DCE8E6;border-radius:14px;background:#FBFDFC;color:#1F3331;outline:0;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.contact-form input,.contact-form select{height:49px;padding:0 14px}.contact-form textarea{min-height:160px;padding:13px 14px;resize:vertical;line-height:1.9}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(15,111,104,.55);background:#fff;box-shadow:0 0 0 4px rgba(15,111,104,.08)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#A5B2B0}.contact-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:3px}.contact-form-footer small{max-width:360px;color:#8C9B99;font-size:8.5px;line-height:1.8}.contact-form-footer .button{border:0;cursor:pointer}.form-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important}.form-alert{display:flex;gap:11px;margin:0 0 20px;padding:13px 14px;border-radius:14px;font-size:10px;line-height:1.8}.form-alert>b{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:9px}.form-alert.success{border:1px solid rgba(20,134,109,.2);background:#ECF9F5;color:#226B5C}.form-alert.success>b{background:#D8F2E9;color:#14866D}.form-alert.error{border:1px solid rgba(190,73,73,.17);background:#FFF4F3;color:#8D4545}.form-alert.error>b{background:#FFE2DF;color:#B74A43}.form-alert.error strong{display:block}.form-alert.error ul{margin:4px 0 0;padding-right:16px}
.contact-mobile-strip{padding-top:15px}.contact-mobile-card{min-height:310px;padding:42px 65px;display:grid;grid-template-columns:260px 1fr;gap:55px;align-items:center;border-radius:32px;background:linear-gradient(135deg,#0B625C,#148C82);color:#fff;overflow:hidden;box-shadow:0 30px 80px rgba(11,86,80,.22)}.contact-mobile-card h2{margin:10px 0 9px;font-size:32px}.contact-mobile-card p{margin:0;color:rgba(255,255,255,.75);font-size:12px;line-height:2}.contact-mobile-card .section-kicker{color:#9DE7DD}.contact-mobile-visual{position:relative;height:220px;display:grid;place-items:center}.mini-phone{position:relative;width:125px;height:225px;padding:42px 14px 18px;display:flex;align-items:center;flex-direction:column;border:6px solid #092F32;border-radius:28px;background:#F6FAF9;color:#183C39;box-shadow:0 25px 50px rgba(0,0,0,.25);transform:rotate(-6deg)}.mini-phone::before{content:"";position:absolute;top:8px;width:43px;height:11px;border-radius:20px;background:#092F32}.mini-phone i{width:34px;height:34px;margin-bottom:13px;border-radius:11px;background:var(--primary)}.mini-phone b{font-size:14px}.mini-phone small{margin-top:16px;color:#7A8B89;font-size:8px}.mini-phone em{margin-top:5px;color:var(--primary);font-size:26px;font-style:normal;font-weight:900}

@media(max-width:1080px){.main-nav{gap:15px}.main-nav>a{font-size:12px}.mobile-app-grid{gap:40px}.contact-main-grid{gap:35px}}
@media(max-width:900px){.mobile-app-grid,.contact-main-grid{grid-template-columns:1fr}.mobile-app-copy{text-align:center}.mobile-app-copy h2,.mobile-app-copy>p{margin-inline:auto}.mobile-app-benefits{text-align:right}.mobile-app-actions,.mobile-app-badges{justify-content:center}.mobile-app-visual{min-height:570px}.contact-details{position:static}.contact-mobile-card{grid-template-columns:190px 1fr;padding-inline:38px}}
@media(max-width:680px){.mobile-app-section{padding:78px 0}.mobile-app-copy h2{font-size:32px}.mobile-app-copy>p{font-size:12.5px}.mobile-app-actions{align-items:stretch;flex-direction:column}.mobile-download-button{width:100%}.mobile-download-note{max-width:none;text-align:center}.mobile-app-visual{min-height:490px;transform:scale(.86);margin:-30px -25px}.mobile-floating-one{right:-5%}.mobile-floating-two{left:-5%}.contact-hero-chips{display:grid}.contact-hero-chips span{text-align:center}.contact-main-section{padding-top:75px}.contact-details h2{font-size:29px}.contact-form-card{padding:23px 18px;border-radius:22px}.contact-form-head h2{font-size:24px}.form-row.two-columns{grid-template-columns:1fr}.contact-form-footer{align-items:stretch;flex-direction:column}.contact-form-footer .button{width:100%}.contact-info-card{grid-template-columns:42px 1fr 15px;padding:13px}.contact-info-card>i{width:42px;height:42px}.address-card{grid-template-columns:42px 1fr}.contact-mobile-card{padding:30px 23px;grid-template-columns:1fr;text-align:center}.contact-mobile-visual{height:190px}.mini-phone{transform:rotate(-4deg) scale(.82)}.contact-mobile-card h2{font-size:27px}.contact-mobile-card p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mobile-app-visual::after{animation:none}}
@media(min-width:961px){.feature-card:nth-child(11),.feature-card:nth-child(12),.feature-card:nth-child(13){grid-column:span 4}}
@media(min-width:961px){.comparison-advantages{grid-template-columns:repeat(5,1fr)}.comparison-advantages article{padding-inline:17px}}
.mobile-app-photo{min-height:540px}.mobile-app-photo::before{width:500px;height:500px;border:0;background:radial-gradient(circle,rgba(15,111,104,.17),rgba(15,111,104,.04) 48%,transparent 72%)}.mobile-app-photo::after{width:455px;height:455px}.mobile-photo-frame{position:relative;z-index:2;width:min(100%,650px);padding:16px;border:1px solid rgba(15,111,104,.12);border-radius:36px;background:rgba(255,255,255,.78);box-shadow:0 40px 100px rgba(12,70,65,.16);backdrop-filter:blur(18px);transform:rotate(-1.5deg)}.mobile-photo-frame::before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.7);border-radius:27px;pointer-events:none}.mobile-photo-frame img{display:block;width:100%;height:auto;border-radius:25px;object-fit:cover}.mobile-photo-chip{position:absolute;z-index:5;right:5%;bottom:8%;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid rgba(15,111,104,.15);border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 20px 55px rgba(12,68,63,.14);backdrop-filter:blur(16px);direction:rtl}.mobile-photo-chip>i{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#25a99d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.mobile-photo-chip>div{display:flex;flex-direction:column;gap:2px}.mobile-photo-chip strong{color:#173735;font-size:10px}.mobile-photo-chip span{color:#7b8f8c;font-size:8px}@media(max-width:680px){.mobile-app-photo{min-height:390px;transform:none;margin:0}.mobile-photo-frame{padding:10px;border-radius:25px}.mobile-photo-frame img{border-radius:18px}.mobile-photo-chip{right:4%;bottom:2%;transform:scale(.88)}}
.article-featured-image{margin-top:-70px;position:relative;z-index:3}.article-featured-image img{display:block;width:100%;max-height:620px;object-fit:cover;border:1px solid var(--border);border-radius:30px;background:#f3f8f7;box-shadow:0 30px 80px rgba(14,68,63,.13)}.article-content img{display:block;max-width:100%;height:auto;margin:28px auto;border-radius:18px}.article-content a{color:var(--primary);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.featured-post-art.has-post-image,.blog-card-art.has-post-image{padding:0;overflow:hidden}.featured-post-art.has-post-image img,.blog-card-art.has-post-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.featured-post:hover .featured-post-art.has-post-image img,.blog-card:hover .blog-card-art.has-post-image img{transform:scale(1.035)}

/* v1.11 public signup and workspace provisioning */
.signup-page{min-height:100vh;background:linear-gradient(160deg,#f7fbfa 0%,#eef8f6 54%,#f9fbfb 100%)}
.signup-hero{position:relative;padding:145px 0 90px;overflow:hidden}.signup-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,111,104,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,111,104,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent)}.signup-hero:after{content:"";position:absolute;width:530px;height:530px;border:1px solid rgba(15,111,104,.1);border-radius:50%;left:-260px;top:70px;box-shadow:0 0 0 75px rgba(15,111,104,.025),0 0 0 150px rgba(15,111,104,.018)}
.signup-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.78fr) minmax(620px,1.22fr);gap:70px;align-items:start}.signup-copy{position:sticky;top:130px;padding-top:35px}.signup-copy h1{margin:18px 0 16px;color:var(--ink);font-size:clamp(38px,5vw,62px);line-height:1.42;letter-spacing:-1.7px;font-weight:950}.signup-copy>p{margin:0;color:#5e7370;font-size:14px;line-height:2.2}.signup-benefits{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:28px}.signup-benefits span{padding:12px 14px;border:1px solid rgba(15,111,104,.12);border-radius:14px;background:rgba(255,255,255,.7);color:#365b56;font-size:10px;font-weight:800}.signup-benefits span::first-letter{color:var(--primary)}.signup-security-note{display:grid;gap:4px;margin-top:22px;padding:16px 18px;border-right:3px solid var(--primary);border-radius:15px;background:#eaf6f3}.signup-security-note b{color:#144d47;font-size:11px}.signup-security-note small{color:#66827e;font-size:9px;line-height:1.9}
.signup-form{padding:34px;border:1px solid #dbe9e6;border-radius:30px;background:rgba(255,255,255,.94);box-shadow:0 35px 100px rgba(18,72,65,.12);backdrop-filter:blur(18px)}.signup-form-head>span{color:var(--primary);font-size:10px;font-weight:900}.signup-form-head h2{margin:7px 0 5px;color:var(--ink);font-size:30px}.signup-form-head p{margin:0 0 24px;color:#80908d;font-size:10px}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.signup-grid>label{display:grid;gap:7px}.signup-grid>label.full{grid-column:1/-1}.signup-grid label>span{color:#36514e;font-size:10px;font-weight:850}.signup-grid input,.signup-grid select{width:100%;height:50px;padding:0 14px;border:1px solid #d9e7e4;border-radius:13px;background:#fbfdfc;color:#1b3431;font:inherit;font-size:11px;outline:0;transition:.2s}.signup-grid input:focus,.signup-grid select:focus{border-color:rgba(15,111,104,.62);background:#fff;box-shadow:0 0 0 4px rgba(15,111,104,.08)}.signup-grid em{color:#8a9997;font-size:8px;font-style:normal}.workspace-input{position:relative}.workspace-input input{padding-left:178px}.workspace-input small{position:absolute;left:14px;top:50%;transform:translateY(-50%);direction:ltr;color:#84938f;font-size:9px}.signup-plan-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.signup-plan-options>label{cursor:pointer}.signup-plan-options input{position:absolute;opacity:0;pointer-events:none}.signup-plan-options>label>span{position:relative;min-height:112px;padding:14px;border:1px solid #dce8e6;border-radius:15px;background:#fff;display:flex;flex-direction:column;gap:5px;transition:.2s}.signup-plan-options b{color:#233d3a;font-size:12px}.signup-plan-options small{color:#788987;font-size:8px;line-height:1.7}.signup-plan-options i{position:absolute;left:9px;top:9px;padding:3px 6px;border-radius:999px;background:#e9f7f4;color:var(--primary);font-size:7px;font-style:normal}.signup-plan-options input:checked+span{border-color:var(--primary);background:#f0faf8;box-shadow:0 0 0 3px rgba(15,111,104,.08)}.signup-plan-options input:checked+span:after{content:"✓";position:absolute;left:11px;bottom:10px;width:21px;height:21px;border-radius:7px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:10px}.signup-terms{display:flex;align-items:flex-start;gap:9px;margin:18px 0 13px;color:#526866;font-size:9px;line-height:1.8}.signup-terms input{width:17px;height:17px;margin-top:1px;accent-color:var(--primary)}.signup-submit{width:100%;border:0;cursor:pointer;justify-content:center;font:inherit}.signup-submit-note{display:block;margin-top:9px;text-align:center;color:#93a19f;font-size:8px}.hp-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important}.signup-form .form-alert{display:block}.signup-form .form-alert ul{margin:7px 0 0;padding-right:18px}
.signup-success-page{min-height:100vh;padding:155px 20px 90px;background:linear-gradient(155deg,#f5fbf9,#edf7f5)}.signup-success-wrap{display:grid;place-items:center}.signup-success-card{width:min(820px,100%);padding:48px;border:1px solid #dbe9e6;border-radius:32px;background:#fff;text-align:center;box-shadow:0 35px 100px rgba(20,78,70,.12)}.signup-success-icon{width:76px;height:76px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;background:#ddf4ee;color:var(--primary);font-size:34px;font-weight:900}.signup-success-card.pending .signup-success-icon{background:#fff4d8;color:#b7791f}.signup-success-card>span{color:var(--primary);font-size:10px;font-weight:900}.signup-success-card h1{margin:8px 0 10px;color:var(--ink);font-size:36px}.signup-success-card>p{max-width:620px;margin:0 auto;color:#6b7d7a;font-size:12px;line-height:2}.signup-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0}.signup-result-grid>div{padding:15px 12px;border:1px solid #e1ebe9;border-radius:15px;background:#f9fcfb;display:grid;gap:5px}.signup-result-grid small{color:#84938f;font-size:8px}.signup-result-grid strong{color:#294642;font-size:11px;word-break:break-word}.signup-success-actions{display:flex;justify-content:center;gap:10px}.signup-success-actions .button.secondary{background:#fff;color:var(--primary);border:1px solid #b9d8d3}
@media(max-width:1100px){.signup-layout{grid-template-columns:1fr;gap:35px}.signup-copy{position:relative;top:auto;padding-top:0}.signup-copy h1{max-width:760px}.signup-copy>p{max-width:760px}}
@media(max-width:760px){.signup-hero{padding-top:110px}.signup-form{padding:22px 16px;border-radius:23px}.signup-grid{grid-template-columns:1fr}.signup-grid>label.full{grid-column:auto}.signup-plan-options{grid-template-columns:1fr}.workspace-input input{padding-left:130px}.workspace-input small{font-size:7px}.signup-benefits{grid-template-columns:1fr}.signup-result-grid{grid-template-columns:1fr 1fr}.signup-success-card{padding:32px 17px}.signup-success-card h1{font-size:28px}.signup-success-actions{flex-direction:column}.signup-success-actions .button{width:100%;justify-content:center}}
.signup-terms a{color:var(--primary);font-weight:850;text-decoration:none}.signup-terms a:hover{text-decoration:underline}.legal-hero{min-height:520px}.legal-content{max-width:900px;padding:45px 55px;border:1px solid #dfeae8;border-radius:28px;background:#fff;box-shadow:0 25px 80px rgba(18,65,59,.07)}.legal-content h2{margin:30px 0 8px;color:#193c38;font-size:22px}.legal-content h2:first-child{margin-top:0}.legal-content p{margin:0;color:#647673;font-size:13px;line-height:2.2}.footer-bottom a{color:inherit;text-decoration:none}.footer-bottom a:hover{color:var(--primary)}@media(max-width:680px){.legal-content{padding:27px 19px}.legal-content h2{font-size:18px}}

/* ===== v1.12 unified onboarding + central support ===== */
.demo-request-box{margin-top:20px;padding:18px;border:1px solid rgba(15,111,104,.16);border-radius:18px;background:linear-gradient(145deg,#f3fbf9,#fff)}
.demo-request-toggle{display:flex;align-items:flex-start;gap:11px;cursor:pointer}.demo-request-toggle input{width:19px;height:19px;margin-top:2px;accent-color:var(--primary)}.demo-request-toggle>span{display:grid;gap:4px}.demo-request-toggle b{color:#244a45;font-size:11px}.demo-request-toggle small{color:#718783;font-size:9px;line-height:1.8}.demo-request-fields{display:none;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;padding-top:16px;border-top:1px dashed #cee1dd}.demo-request-fields.is-open{display:grid}.demo-request-fields label{display:grid;gap:7px}.demo-request-fields label.full{grid-column:1/-1}.demo-request-fields label>span{color:#36514e;font-size:10px;font-weight:850}.demo-request-fields select,.demo-request-fields textarea{width:100%;padding:12px 14px;border:1px solid #d9e7e4;border-radius:13px;background:#fbfdfc;color:#1b3431;font:inherit;font-size:11px;outline:0}.demo-request-fields select{height:50px;padding-block:0}.demo-request-fields textarea{resize:vertical;line-height:1.9}.demo-request-fields select:focus,.demo-request-fields textarea:focus{border-color:rgba(15,111,104,.62);background:#fff;box-shadow:0 0 0 4px rgba(15,111,104,.08)}
.support-page{min-height:100vh;background:#f8fbfa}.support-hero{position:relative;padding:150px 0 90px;overflow:hidden;background:radial-gradient(circle at 75% 10%,rgba(15,111,104,.14),transparent 31%),linear-gradient(180deg,#fbfffe,#eff8f6)}.support-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,111,104,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,111,104,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent)}.support-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.support-hero h1{margin:17px 0 14px;max-width:720px;color:var(--ink);font-size:clamp(38px,5vw,61px);line-height:1.45}.support-hero p{max-width:730px;margin:0;color:#5f7471;font-size:14px;line-height:2.2}.support-flow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.support-flow>div{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(15,111,104,.12);border-radius:14px;background:rgba(255,255,255,.76)}.support-flow b{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:10px;background:var(--primary);color:#fff;font-size:10px}.support-flow span{color:#355b56;font-size:10px;font-weight:800}.support-guide-card{padding:27px;border:1px solid rgba(15,111,104,.16);border-radius:25px;background:rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(18,72,65,.12);backdrop-filter:blur(18px)}.support-guide-card>strong{color:#173d38;font-size:16px}.support-guide-card ul{display:grid;gap:12px;margin:18px 0 20px;padding:0;list-style:none}.support-guide-card li{position:relative;padding-right:21px;color:#607571;font-size:10px;line-height:1.9}.support-guide-card li:before{content:"✓";position:absolute;right:0;color:var(--primary);font-weight:900}.support-guide-card small{display:block;padding-top:14px;border-top:1px solid #e2ecea;color:#7a8d89;font-size:9px}.support-guide-card a{color:var(--primary);text-decoration:none}.support-form-section{background:#fff}.support-form-wrap{max-width:980px}.support-ticket-form{padding:31px;border:1px solid #dbe9e6;border-radius:28px;background:#fff;box-shadow:0 25px 80px rgba(18,72,65,.08)}.support-ticket-form textarea{width:100%;padding:13px 14px;border:1px solid #d9e7e4;border-radius:13px;background:#fbfdfc;color:#1b3431;font:inherit;font-size:11px;line-height:1.9;resize:vertical;outline:0}.support-ticket-form textarea:focus{border-color:rgba(15,111,104,.62);background:#fff;box-shadow:0 0 0 4px rgba(15,111,104,.08)}
@media(max-width:900px){.support-hero-grid{grid-template-columns:1fr}.support-guide-card{max-width:680px}.support-flow{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.demo-request-fields{grid-template-columns:1fr}.demo-request-fields label.full{grid-column:auto}.support-hero{padding-top:110px}.support-hero h1{font-size:34px}.support-flow{grid-template-columns:1fr}.support-ticket-form{padding:21px 16px;border-radius:22px}}

/* v1.12 public ticket tracking */
.support-track-hero{padding-bottom:70px}.support-guide-card p{font-size:10px;line-height:2}.support-guide-card .button{margin-top:16px;width:100%;justify-content:center}
.support-lookup-form{display:grid;grid-template-columns:1fr 1fr auto;gap:13px;align-items:end;padding:22px;border:1px solid #dbe9e6;border-radius:22px;background:#fff;box-shadow:0 20px 60px rgba(18,72,65,.07)}
.support-lookup-form label,.support-reply-form label{display:grid;gap:7px}.support-lookup-form span,.support-reply-form span{color:#36514e;font-size:10px;font-weight:850}.support-lookup-form input,.support-reply-form textarea{width:100%;padding:0 14px;border:1px solid #d9e7e4;border-radius:13px;background:#fbfdfc;color:#1b3431;font:inherit;font-size:11px;outline:0}.support-lookup-form input{height:50px}.support-reply-form textarea{padding-block:13px;resize:vertical;line-height:1.9}.support-lookup-form input:focus,.support-reply-form textarea:focus{border-color:rgba(15,111,104,.62);background:#fff;box-shadow:0 0 0 4px rgba(15,111,104,.08)}
.tracked-ticket{margin-top:22px;border:1px solid #dbe9e6;border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 25px 80px rgba(18,72,65,.08)}.tracked-ticket>header{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e3eeec}.tracked-ticket>header>div{padding:17px;background:#f8fbfa;display:grid;gap:6px}.tracked-ticket>header span{color:#7c908c;font-size:8px}.tracked-ticket>header strong{color:#244843;font-size:11px;word-break:break-word}
.tracked-conversation{display:grid;gap:13px;padding:26px;background:#f7faf9}.tracked-message{max-width:78%;padding:15px 17px;border-radius:17px;background:#fff;border:1px solid #dfeae8;box-shadow:0 8px 26px rgba(20,70,64,.05)}.tracked-message.is-customer{justify-self:start;border-bottom-right-radius:5px}.tracked-message.is-support{justify-self:end;border-color:#c8e4df;background:#ecf8f5;border-bottom-left-radius:5px}.tracked-message>div{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:8px}.tracked-message strong{color:#254a45;font-size:10px}.tracked-message time{direction:ltr;color:#91a09d;font-size:8px}.tracked-message p{margin:0;color:#5b716d;font-size:10px;line-height:2;white-space:normal}
.support-reply-form{display:grid;grid-template-columns:1fr auto;gap:13px;align-items:end;padding:22px;border-top:1px solid #e3ecea}.support-reply-form label{grid-column:1}.support-reply-form button{grid-column:2}.support-form-wrap>.form-alert{margin-bottom:15px}
@media(max-width:760px){.support-lookup-form{grid-template-columns:1fr}.support-lookup-form .button{width:100%;justify-content:center}.tracked-ticket>header{grid-template-columns:1fr 1fr}.tracked-message{max-width:95%}.support-reply-form{grid-template-columns:1fr}.support-reply-form label,.support-reply-form button{grid-column:1}.support-reply-form button{width:100%;justify-content:center}}

/* ========================================================================
   v1.13 — Public readability and authenticated customer support portal
   ======================================================================== */
body{font-size:16px}
.main-nav>a{font-size:14px}
.announcement{font-size:12px}
.hero-copy>p,.section-heading>p,.inner-hero-content>p,.about-story-copy>p,.mobile-copy>p,.contact-intro p,.blog-hero p,.blog-post-lead{font-size:15.5px;line-height:2.05}
.feature-card p,.workflow-card p,.value-card p,.plan-card li,.faq-list p,.blog-card p,.contact-card p,.comparison-note{font-size:14px;line-height:2}
.feature-link,.breadcrumbs,.inner-kicker,.section-kicker{font-size:12px}
.faq-list summary,.form-grid label>span,.contact-form label>span,.support-portal label>span{font-size:14px}
input,select,textarea,button{font-size:15px}
.site-footer,.site-footer p,.site-footer a{font-size:13px}
.comparison-cell{font-size:12.5px;line-height:1.9}
.comparison-advantages span{font-size:12.5px}
.comparison-advantages strong{font-size:15px}
.comparison-summary>div span{font-size:11px}
.comparison-summary>div strong{font-size:14px}
.timeline-panel span{font-size:12.5px}.timeline-panel strong{font-size:15px}
.company-signature span{font-size:12px}

/* Support portal */
.support-portal{min-height:70vh;background:#f5f9f8}
.support-login-page{padding:150px 0 90px;background:
  radial-gradient(circle at 82% 12%,rgba(20,151,139,.13),transparent 32%),
  radial-gradient(circle at 12% 86%,rgba(245,158,11,.08),transparent 27%),
  linear-gradient(145deg,#f8fcfb,#eef7f5)}
.support-login-shell{position:relative}
.support-login-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);gap:44px;align-items:center}
.support-login-copy{padding:22px 0}
.support-login-copy h1{max-width:760px;margin:20px 0 18px;color:var(--ink);font-size:clamp(38px,5vw,62px);line-height:1.38;font-weight:950;letter-spacing:-1.5px}
.support-login-copy>p{max-width:690px;margin:0;color:#526b68;font-size:17px;line-height:2.1}
.support-login-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
.support-login-benefits article{min-height:135px;padding:20px 18px;border:1px solid rgba(15,111,104,.12);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 18px 55px rgba(25,78,71,.06);backdrop-filter:blur(10px)}
.support-login-benefits i{width:37px;height:37px;margin-bottom:17px;border-radius:13px;display:grid;place-items:center;background:#dff2ee;color:var(--primary);font-style:normal;font-size:18px;font-weight:900}
.support-login-benefits strong{display:block;color:#173733;font-size:15px}
.support-login-benefits span{display:block;margin-top:7px;color:#647774;font-size:13px;line-height:1.9}
.support-login-card{padding:34px;border:1px solid rgba(15,111,104,.13);border-radius:30px;background:rgba(255,255,255,.94);box-shadow:0 35px 90px rgba(20,73,67,.15)}
.support-login-card__heading span,.support-card-heading>span{display:inline-flex;color:var(--primary);font-size:12px;font-weight:900}
.support-login-card__heading h2,.support-card-heading h2{margin:8px 0 8px;color:#143430;font-size:27px;line-height:1.5}
.support-login-card__heading p,.support-card-heading p{margin:0;color:#687b78;font-size:14px;line-height:1.95}
.support-login-form,.support-portal-ticket-form,.support-detail-reply{display:grid;gap:17px;margin-top:25px}
.support-login-form label,.support-portal-ticket-form label,.support-detail-reply label{display:grid;gap:8px}
.support-login-form input,.support-portal-ticket-form input,.support-portal-ticket-form select,.support-portal-ticket-form textarea,.support-detail-reply textarea{width:100%;min-height:52px;padding:12px 15px;border:1px solid #d9e6e3;border-radius:15px;background:#fbfdfc;color:#17312e;outline:none;font-family:inherit;transition:.2s}
.support-portal-ticket-form textarea,.support-detail-reply textarea{min-height:140px;resize:vertical;line-height:1.95}
.support-login-form input:focus,.support-portal-ticket-form input:focus,.support-portal-ticket-form select:focus,.support-portal-ticket-form textarea:focus,.support-detail-reply textarea:focus{border-color:rgba(15,111,104,.65);box-shadow:0 0 0 4px rgba(15,111,104,.09);background:#fff}
.support-login-form .button,.support-portal-ticket-form .button{width:100%;justify-content:center;min-height:53px}
.support-login-hint{margin-top:18px;padding:13px 15px;border-radius:15px;background:#f1f7f5;color:#5e716e;font-size:13px;line-height:1.9}

.support-portal-hero{padding:145px 0 52px;background:
  radial-gradient(circle at 90% 0,rgba(46,184,168,.17),transparent 31%),
  linear-gradient(145deg,#0b2529,#103b3a);color:#fff}
.support-portal-hero__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.support-portal-hero h1{margin:12px 0 8px;color:#fff;font-size:clamp(31px,4.2vw,49px);line-height:1.5}
.support-portal-hero p{margin:0;color:#b9cecb;font-size:15.5px;line-height:2}
.support-user-card{min-width:285px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.07);display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;backdrop-filter:blur(12px)}
.support-user-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#62d3c4;color:#0b3935;font-size:20px;font-weight:950}
.support-user-card strong,.support-user-card small{display:block}.support-user-card strong{font-size:14px}.support-user-card small{margin-top:3px;color:#b7cecb;font-size:12px}
.support-user-card button{border:0;background:transparent;color:#d4e7e4;font-family:inherit;cursor:pointer;font-size:13px;font-weight:800}
.support-user-card button:hover{color:#fff}
.support-portal-content{padding-top:42px}
.support-portal-layout{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:24px;align-items:start}
.support-new-ticket-card,.support-ticket-list-card,.support-conversation-card,.support-detail-side{border:1px solid #dfeae8;border-radius:26px;background:#fff;box-shadow:0 20px 60px rgba(23,72,66,.07)}
.support-new-ticket-card,.support-ticket-list-card{padding:27px}
.support-card-heading--row{display:flex;align-items:center;justify-content:space-between;gap:15px}
.support-card-heading--row b{padding:7px 11px;border-radius:999px;background:#e6f4f1;color:var(--primary);font-size:12px}
.support-ticket-list{display:grid;gap:10px;margin-top:22px}
.support-ticket-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto 20px;gap:13px;align-items:center;padding:15px;border:1px solid #e3ecea;border-radius:17px;background:#fbfdfc;text-decoration:none;transition:.22s}
.support-ticket-row:hover{transform:translateY(-2px);border-color:rgba(15,111,104,.34);box-shadow:0 13px 35px rgba(21,77,70,.08);background:#fff}
.support-ticket-row__main{min-width:0}.support-ticket-row__main strong{display:block;color:#193a36;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-ticket-row__main small{display:block;margin-top:5px;color:#70827f;font-size:12px}.support-ticket-row time{color:#81918e;font-size:11px;white-space:nowrap}.support-ticket-row i{color:var(--primary);font-style:normal;font-size:17px}
.support-ticket-status{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 10px;border-radius:999px;font-size:11.5px;font-weight:900;background:#edf3f2;color:#5f7370}
.support-ticket-status.status-new{background:#fff1d6;color:#9a5b00}.support-ticket-status.status-open{background:#dff2ee;color:#0f6f68}.support-ticket-status.status-waiting_customer{background:#e9e6ff;color:#5b45a3}.support-ticket-status.status-resolved{background:#dff5e8;color:#247448}.support-ticket-status.status-closed{background:#edf0f2;color:#64717a}
.support-empty-state{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#71827f}
.support-empty-state>span{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#e4f3ef;color:var(--primary);font-size:23px;font-weight:900}.support-empty-state strong{margin-top:15px;color:#294743;font-size:16px}.support-empty-state p{font-size:13.5px}

.support-detail-hero{padding:140px 0 45px;background:linear-gradient(150deg,#f2faf8,#e9f4f1)}
.support-back-link{display:inline-flex;margin-bottom:20px;color:var(--primary);font-size:13px;font-weight:850;text-decoration:none}
.support-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}
.support-detail-heading h1{margin:13px 0 8px;color:#173733;font-size:clamp(29px,4vw,45px);line-height:1.5}.support-detail-heading p{margin:0;color:#647875;font-size:14px}
.support-detail-meta{display:flex;gap:10px}.support-detail-meta>span{min-width:130px;padding:12px 14px;border:1px solid #d8e8e4;border-radius:15px;background:rgba(255,255,255,.72);color:#71817e;font-size:11px}.support-detail-meta strong{display:block;margin-top:5px;color:#244540;font-size:12.5px}
.support-detail-content{padding-top:38px}.support-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}
.support-conversation-card{padding:25px}.support-conversation{display:grid;gap:16px}
.support-message{max-width:82%;padding:16px 17px;border:1px solid #e1ebe9;border-radius:19px 19px 6px 19px;background:#f7faf9}
.support-message.is-customer{margin-right:auto;border-radius:19px 19px 19px 6px;background:#e7f5f2;border-color:#d1ebe5}
.support-message header{display:flex;justify-content:space-between;gap:15px;margin-bottom:9px}.support-message header strong{color:#1f4540;font-size:13px}.support-message header time{color:#83928f;font-size:10.5px}.support-message p{margin:0;color:#405a56;font-size:14px;line-height:2;overflow-wrap:anywhere}
.support-detail-reply{margin-top:26px;padding-top:22px;border-top:1px solid #e5ecea}.support-detail-reply .button{justify-self:start}
.support-detail-side{padding:20px;display:grid;gap:0}.support-detail-side>div{padding:13px 0;border-bottom:1px solid #e7eeec}.support-detail-side>div:first-child{padding-top:0}.support-detail-side span,.support-detail-side strong{display:block}.support-detail-side span{color:#7a8986;font-size:11.5px}.support-detail-side strong{margin-top:5px;color:#264944;font-size:13.5px}.support-detail-side p{margin:16px 0 0;color:#71817e;font-size:12.5px;line-height:1.9}

@media(max-width:980px){
  .support-login-grid,.support-portal-layout,.support-detail-grid{grid-template-columns:1fr}
  .support-login-grid{gap:25px}.support-login-copy{text-align:center}.support-login-copy>p{margin-inline:auto}.support-login-benefits{max-width:720px;margin-inline:auto}
  .support-portal-hero__inner,.support-detail-heading{align-items:stretch;flex-direction:column}.support-user-card{width:100%;min-width:0}
  .support-detail-side{grid-template-columns:repeat(3,1fr);gap:10px}.support-detail-side>div{padding:10px;border:1px solid #e7eeec;border-radius:13px}.support-detail-side p{grid-column:1/-1}
}
@media(max-width:680px){
  body{font-size:15.5px}.main-nav>a{font-size:13px}
  .hero-copy>p,.section-heading>p,.inner-hero-content>p,.about-story-copy>p,.mobile-copy>p{font-size:14.5px}
  .feature-card p,.workflow-card p,.value-card p,.plan-card li,.faq-list p{font-size:13.5px}
  .support-login-page{padding:118px 0 58px}.support-login-card{padding:24px 19px;border-radius:24px}.support-login-copy h1{font-size:36px}.support-login-copy>p{font-size:15px}.support-login-benefits{grid-template-columns:1fr}.support-login-benefits article{min-height:0}
  .support-portal-hero{padding:120px 0 36px}.support-portal-hero h1{font-size:31px}.support-user-card{grid-template-columns:44px 1fr auto}.support-user-avatar{width:44px;height:44px}
  .support-new-ticket-card,.support-ticket-list-card,.support-conversation-card{padding:20px 16px;border-radius:22px}.support-ticket-row{grid-template-columns:auto minmax(0,1fr) 16px}.support-ticket-row time{display:none}.support-ticket-status{min-width:60px;padding-inline:8px}
  .support-detail-hero{padding:118px 0 32px}.support-detail-meta{display:grid;grid-template-columns:1fr 1fr}.support-detail-meta>span{min-width:0}.support-detail-side{grid-template-columns:1fr}.support-detail-side p{grid-column:auto}.support-message{max-width:94%}
}
/* v1.13 support login component alignment */
.support-login-benefits>div{min-height:135px;padding:20px 18px;border:1px solid rgba(15,111,104,.12);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 18px 55px rgba(25,78,71,.06);backdrop-filter:blur(10px)}
.support-login-benefits b{width:37px;height:37px;margin-bottom:17px;border-radius:13px;display:grid;place-items:center;background:#dff2ee;color:var(--primary);font-size:15px;font-weight:900}
.support-login-benefits>div>span{display:block}.support-login-benefits strong{display:block;color:#173733;font-size:15px}.support-login-benefits small{display:block;margin-top:7px;color:#647774;font-size:13px;line-height:1.9}
.support-login-card__icon{width:56px;height:56px;margin-bottom:20px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#d9f2ed,#edf8f6);color:var(--primary);box-shadow:inset 0 0 0 1px rgba(15,111,104,.1)}
.support-login-card>h2{margin:0;color:#143430;font-size:28px;line-height:1.5}.support-login-card>p{margin:7px 0 0;color:#687b78;font-size:14px;line-height:1.95}
.support-login-help{display:block;margin-top:17px;color:#748581;font-size:12.5px;line-height:1.9}
@media(max-width:680px){.support-login-benefits>div{min-height:0}.support-login-card>h2{font-size:25px}}

/* v1.16 — customer support workspace */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.support-dashboard-authenticated .site-header:not(.scrolled){background:rgba(6,35,38,.88);border-bottom-color:rgba(255,255,255,.09);backdrop-filter:blur(18px)}
body.support-dashboard-authenticated .site-header:not(.scrolled) .brand-copy strong,
body.support-dashboard-authenticated .site-header:not(.scrolled) .main-nav>a:not(.button){color:#f4fbfa}
body.support-dashboard-authenticated .site-header:not(.scrolled) .brand-copy small{color:#a9c5c1}
body.support-dashboard-authenticated .site-header:not(.scrolled) .main-nav>a:not(.button):hover,
body.support-dashboard-authenticated .site-header:not(.scrolled) .main-nav>a.active{color:#76ddd0}
body.support-dashboard-authenticated .site-header:not(.scrolled) .main-nav>a.active::after{background:#76ddd0}
body.support-dashboard-authenticated .site-header:not(.scrolled) .main-nav .login-link{color:#76ddd0}
body.support-dashboard-authenticated .site-header:not(.scrolled) .menu-toggle span{background:#fff}
body.support-dashboard-authenticated{background:#f3f7f6}

.support-workspace-hero{padding:138px 0 62px;position:relative;overflow:hidden;background:
 radial-gradient(circle at 82% 12%,rgba(74,214,198,.2),transparent 28%),
 radial-gradient(circle at 6% 82%,rgba(17,119,111,.23),transparent 30%),
 linear-gradient(135deg,#071f23 0%,#0b3435 52%,#0e4541 100%);color:#fff}
.support-workspace-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 95%)}
.support-workspace-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:48px;align-items:center}
.section-kicker--light{color:#7ee0d4;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.support-workspace-copy h1{max-width:900px;margin:16px 0 9px;color:#fff;font-size:clamp(34px,4.3vw,55px);line-height:1.48;letter-spacing:-1.2px}
.support-workspace-copy>p{max-width:760px;margin:0;color:#bdd3d0;font-size:16px;line-height:2}
.support-workspace-actions{display:flex;align-items:center;gap:13px;margin-top:26px}
.support-primary-action{min-height:50px;gap:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 38px rgba(0,0,0,.18)}
.support-primary-action>span{font-size:20px;line-height:1}
.support-secondary-action{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#d8e9e7;text-decoration:none;font-size:13px;font-weight:800;transition:.2s}
.support-secondary-action:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff}
.support-user-card--dashboard{min-width:0;padding:18px;background:rgba(255,255,255,.08);box-shadow:0 25px 65px rgba(0,0,0,.15)}
.support-user-card--dashboard em{display:block;margin-top:4px;color:#76d7cb;font-size:10.5px;font-style:normal;font-weight:800}

.support-dashboard-content{padding:34px 0 82px;background:linear-gradient(180deg,#eef6f4 0,#f7faf9 240px,#f7faf9 100%)}
.support-dashboard-shell{width:min(100% - 48px,1400px)}
.support-dashboard-alert{margin-bottom:18px}
.support-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-66px;position:relative;z-index:3}
.support-overview-grid article{min-height:126px;padding:21px 22px;border:1px solid rgba(15,111,104,.1);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 22px 65px rgba(21,72,66,.1);backdrop-filter:blur(14px)}
.support-overview-grid span,.support-overview-grid small{display:block}.support-overview-grid span{color:#6c807d;font-size:12.5px;font-weight:800}.support-overview-grid strong{display:block;margin:8px 0 4px;color:#113b36;font-size:31px;line-height:1}.support-overview-grid small{color:#93a19f;font-size:11.5px}
.support-overview-grid article:nth-child(2) strong{color:#0f766e}.support-overview-grid article:nth-child(3) strong{color:#6d4bc5}.support-overview-grid article:nth-child(4) strong{color:#278557}

.support-history-panel{margin-top:22px;padding:28px;border:1px solid #dce8e5;border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(21,72,66,.07)}
.support-history-header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.support-history-header>div>span{color:var(--primary);font-size:12px;font-weight:900}.support-history-header h2{margin:5px 0 4px;color:#153a35;font-size:27px}.support-history-header p{margin:0;color:#6a7d79;font-size:13px;line-height:1.9}
.support-history-header .button{gap:7px;white-space:nowrap}
.support-history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:25px 0 16px;padding:12px;border:1px solid #e1ebe9;border-radius:18px;background:#f8fbfa}
.support-ticket-search{flex:1;position:relative}.support-ticket-search:before{content:"⌕";position:absolute;right:15px;top:50%;transform:translateY(-51%);color:#78908b;font-size:21px;line-height:1}.support-ticket-search input{width:100%;height:44px;padding:0 44px 0 14px;border:1px solid #dce8e5;border-radius:13px;background:#fff;color:#1d3935;font-family:inherit;font-size:13px;outline:0}.support-ticket-search input:focus{border-color:rgba(15,111,104,.5);box-shadow:0 0 0 4px rgba(15,111,104,.08)}
.support-ticket-filters{display:flex;gap:6px;flex-wrap:wrap}.support-ticket-filters button{min-height:40px;padding:0 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#687c78;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:.18s}.support-ticket-filters button:hover{background:#edf5f3;color:#24544d}.support-ticket-filters button.active{background:#dff2ee;color:#0f6f68;border-color:#c9e7e1}
.support-history-table-wrap{overflow-x:auto;border:1px solid #e3ecea;border-radius:18px}
.support-history-table{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0;background:#fff}
.support-history-table th{padding:13px 14px;border-bottom:1px solid #e1eae8;background:#f7faf9;color:#758783;font-size:11.5px;font-weight:850;text-align:right;white-space:nowrap}
.support-history-table td{padding:15px 14px;border-bottom:1px solid #e8efed;color:#415b57;font-size:12.5px;vertical-align:middle}
.support-history-table tbody tr{transition:.18s}.support-history-table tbody tr:last-child td{border-bottom:0}.support-history-table tbody tr:hover{background:#fbfdfc}.support-history-table tbody tr[hidden]{display:none}
.support-ticket-title{display:block;min-width:255px;color:inherit;text-decoration:none}.support-ticket-title strong{display:block;max-width:330px;color:#183f39;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-ticket-title small{display:block;margin-top:5px;color:#7b8d89;font-size:11px}.support-ticket-title em{display:inline-flex;margin-top:7px;padding:3px 7px;border-radius:999px;background:#eef5f3;color:#58716c;font-size:9.5px;font-style:normal;font-weight:800}
.support-history-table time{white-space:nowrap;color:#657975}.support-age{display:inline-flex;white-space:nowrap;font-size:11.5px;font-weight:850}.support-age.is-active{color:#9a5b00}.support-age.is-finished{color:#2a7b50}
.support-priority{display:inline-flex;min-width:48px;justify-content:center;padding:5px 8px;border-radius:999px;background:#eef2f1;color:#60736f;font-size:10.5px;font-weight:900}.support-priority.priority-high{background:#fff0df;color:#a45b0b}.support-priority.priority-urgent{background:#ffe3e3;color:#b62929}.support-priority.priority-low{background:#edf3f7;color:#537083}
.support-assignee{display:inline-flex;max-width:150px;color:#284c46;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-row-action{text-align:left}.support-row-action a{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#edf6f4;color:var(--primary);font-size:17px;font-weight:900;text-decoration:none;transition:.18s}.support-row-action a:hover{background:var(--primary);color:#fff}
.support-filter-empty{padding:30px;text-align:center;color:#71837f;font-size:13px}
.support-empty-state--wide{min-height:340px;border:1px dashed #d4e5e1;border-radius:22px;background:#fbfdfc}.support-empty-state--wide .button{margin-top:13px}

.support-ticket-dialog{width:min(94vw,650px);max-height:92vh;padding:0;border:0;border-radius:28px;background:transparent;box-shadow:none;overflow:visible}.support-ticket-dialog::backdrop{background:rgba(5,23,26,.72);backdrop-filter:blur(7px)}.support-ticket-dialog__panel{position:relative;max-height:92vh;overflow-y:auto;padding:31px;border:1px solid rgba(255,255,255,.7);border-radius:28px;background:#fff;box-shadow:0 35px 110px rgba(0,0,0,.26)}.support-dialog-close{position:absolute;top:18px;left:18px;width:38px;height:38px;border:1px solid #dce8e5;border-radius:12px;background:#f6faf9;color:#41605b;font-family:inherit;font-size:24px;line-height:1;cursor:pointer}.support-dialog-close:hover{background:#edf6f4;color:var(--primary)}.support-ticket-dialog .support-card-heading{padding-left:45px}.support-ticket-dialog .form-alert{margin-top:18px}.support-dialog-actions{display:flex;gap:10px;margin-top:4px}.support-dialog-actions .button{width:auto;min-width:145px}.button.ghost{border:1px solid #d6e5e2;background:#fff;color:#46635e;box-shadow:none}.button.ghost:hover{background:#f2f8f6;color:var(--primary)}
body.support-ticket-dialog-open{overflow:hidden}

.support-ticket-detail-page .support-detail-meta{flex-wrap:wrap}.support-ticket-detail-page .support-detail-side .support-age{margin-top:5px}

@media(max-width:1100px){
  .support-workspace-hero__inner{grid-template-columns:1fr}.support-user-card--dashboard{max-width:520px}.support-overview-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  body.support-dashboard-authenticated .site-header:not(.scrolled) .main-nav{background:rgba(255,255,255,.98)}
  body.support-dashboard-authenticated .site-header:not(.scrolled) .main-nav>a:not(.button){color:#173733}
  body.support-dashboard-authenticated .site-header:not(.scrolled) .main-nav .login-link{color:var(--primary)}
  .support-workspace-hero{padding:112px 0 76px}.support-workspace-copy h1{font-size:33px}.support-workspace-copy>p{font-size:14px}.support-workspace-actions{align-items:stretch;flex-direction:column}.support-workspace-actions>*{width:100%;justify-content:center}.support-user-card--dashboard{grid-template-columns:46px 1fr auto}.support-dashboard-shell{width:min(100% - 24px,1400px)}.support-overview-grid{grid-template-columns:1fr 1fr;margin-top:-54px;gap:9px}.support-overview-grid article{min-height:108px;padding:16px;border-radius:17px}.support-overview-grid strong{font-size:25px}.support-overview-grid small{font-size:10px}.support-history-panel{padding:18px 13px;border-radius:22px}.support-history-header{align-items:flex-start;flex-direction:column}.support-history-header .button{width:100%;justify-content:center}.support-history-toolbar{align-items:stretch;flex-direction:column}.support-ticket-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.support-ticket-filters button{white-space:nowrap}.support-history-table-wrap{overflow:visible;border:0}.support-history-table{min-width:0;display:block;background:transparent}.support-history-table thead{display:none}.support-history-table tbody{display:grid;gap:12px}.support-history-table tr{display:grid;padding:16px;border:1px solid #e0ebe8;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(24,72,66,.05)}.support-history-table td{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;padding:8px 0;border:0;font-size:12px}.support-history-table td:before{content:attr(data-label);color:#869590;font-size:10.5px;font-weight:800}.support-history-table td:first-child{display:block;padding:0 0 12px;border-bottom:1px solid #e7efed}.support-history-table td:first-child:before,.support-row-action:before{display:none}.support-ticket-title{min-width:0}.support-ticket-title strong{max-width:none;white-space:normal}.support-row-action{display:block!important;padding-top:10px!important}.support-row-action a{width:100%;height:40px}.support-ticket-dialog__panel{padding:26px 18px}.support-dialog-actions{flex-direction:column}.support-dialog-actions .button{width:100%}
}
@media(max-width:460px){.support-overview-grid{grid-template-columns:1fr}.support-overview-grid article{min-height:92px}.support-user-card--dashboard{grid-template-columns:44px 1fr}.support-user-card--dashboard form{grid-column:1/-1}.support-user-card--dashboard form button{width:100%;padding:9px;border-radius:10px;background:rgba(255,255,255,.08)}}

/* v1.17 — global personal account and multi-workspace signup */
.signup-otp-box{display:grid;gap:9px;padding:14px;border:1px solid #d8e8e5;border-radius:15px;background:#f8fcfb}.signup-otp-title{color:#36514e;font-size:12px;font-weight:850}.signup-otp-request,.signup-otp-verify{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.signup-otp-request .button,.signup-otp-verify .button{min-height:42px;padding:0 14px}.signup-otp-request small{color:#71827f;font-size:10px}.signup-otp-verify input{width:145px;height:44px;padding:0 12px;border:1px solid #cfe2de;border-radius:11px;background:#fff;text-align:center;letter-spacing:5px;font-size:16px;font-weight:700;outline:0}.signup-otp-message{min-height:18px;font-size:10px;line-height:1.8}.signup-otp-message.is-success{color:#08765f}.signup-otp-message.is-error{color:#b42318}
.account-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}.account-mode-card{position:relative;display:flex;align-items:flex-start;gap:11px;padding:16px;border:1px solid #dbe8e5;border-radius:17px;background:#fbfdfc;cursor:pointer;transition:.2s}.account-mode-card:hover{transform:translateY(-1px);border-color:rgba(15,111,104,.38)}.account-mode-card.is-active{border-color:var(--primary);background:linear-gradient(145deg,#f1fbf9,#fff);box-shadow:0 0 0 3px rgba(15,111,104,.08)}.account-mode-card input{width:18px;height:18px;margin-top:2px;accent-color:var(--primary)}.account-mode-card span{display:grid;gap:5px}.account-mode-card b{color:#173b37;font-size:14px}.account-mode-card small{color:#6d817e;font-size:11px;line-height:1.8}.existing-account-panel{display:none;grid-template-columns:minmax(0,.85fr) minmax(260px,1.15fr);align-items:end;gap:16px;margin:0 0 18px;padding:16px;border:1px solid rgba(15,111,104,.18);border-radius:18px;background:rgba(232,248,245,.58)}.existing-account-panel.is-open{display:grid}.existing-account-panel>div{display:grid;gap:5px}.existing-account-panel b{color:#164e49;font-size:14px}.existing-account-panel small{color:#607c78;font-size:11px;line-height:1.9}.existing-account-panel label{display:grid;gap:7px}.existing-account-panel label span{color:#36514e;font-size:12px;font-weight:850}.existing-account-panel input{height:50px;padding:0 14px;border:1px solid #cfe2de;border-radius:13px;background:#fff;color:#1b3431;font:inherit;font-size:13px;outline:0}.existing-account-panel input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(15,111,104,.08)}.is-account-hidden{display:none!important}.signup-grid label>span{font-size:12px}.signup-grid input,.signup-grid select{font-size:13px}.signup-grid em{font-size:10px}.signup-form-head>span{font-size:12px}.signup-form-head p{font-size:12px}.signup-terms{font-size:11px}.signup-submit-note{font-size:10px}
@media(max-width:760px){.account-mode-picker{grid-template-columns:1fr}.existing-account-panel{grid-template-columns:1fr}}

/* v1.17 — customer account login and secure CRM handoff */
.crm-account-login-page{min-height:78vh;padding:145px 0 85px;background:radial-gradient(circle at 82% 12%,rgba(45,212,191,.16),transparent 34%),linear-gradient(145deg,#f7fbfa,#fffdf9)}.crm-account-login-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:60px;align-items:center}.crm-account-login-copy h1{max-width:720px;margin:12px 0 18px;color:var(--ink);font-size:clamp(38px,5vw,70px);line-height:1.25}.crm-account-login-copy>p{max-width:670px;color:#5e7471;font-size:16px;line-height:2}.crm-login-points{display:grid;gap:10px;margin-top:24px}.crm-login-points span{color:#315c57;font-size:14px;font-weight:700}.crm-account-login-card{padding:30px;border:1px solid #d8e7e4;border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 30px 90px rgba(17,70,64,.13);display:grid;gap:16px}.crm-account-login-card>label{display:grid;gap:8px}.crm-account-login-card label span{color:#294b47;font-size:13px;font-weight:800}.crm-account-login-card input{height:52px;padding:0 15px;border:1px solid #d7e5e2;border-radius:14px;background:#fbfdfc;font:inherit;font-size:14px;outline:0}.crm-account-login-card input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(15,111,104,.08)}.workspace-choice-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px;border-radius:16px;background:#f3faf8}.workspace-choice-list>strong{grid-column:1/-1;color:#24544f;font-size:13px}.workspace-choice-list button{display:grid;gap:4px;padding:12px;border:1px solid #d6e7e3;border-radius:12px;background:#fff;text-align:right;cursor:pointer;font:inherit}.workspace-choice-list button.is-active{border-color:var(--primary);background:#eaf8f5}.workspace-choice-list b{font-size:13px;color:#23423f}.workspace-choice-list small{font-size:10px;color:#7b8d8a}.crm-login-help{display:flex;justify-content:space-between;gap:12px;font-size:11px}.crm-login-help a{color:var(--primary);font-weight:700}.crm-handoff-page{min-height:72vh;display:grid;place-items:center;padding:140px 18px 70px;background:#f6faf9}.crm-handoff-card{max-width:620px;padding:50px;text-align:center;border:1px solid #dce9e6;border-radius:30px;background:#fff;box-shadow:0 30px 80px rgba(15,83,76,.12)}.crm-handoff-card h1{font-size:30px;color:var(--ink)}.crm-handoff-card p{color:#667d79}.crm-handoff-spinner{width:54px;height:54px;margin:0 auto 20px;border:5px solid #dff1ed;border-top-color:var(--primary);border-radius:50%;animation:crmSpin .8s linear infinite}@keyframes crmSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.crm-account-login-layout{grid-template-columns:1fr;gap:30px}.crm-account-login-page{padding-top:115px}.crm-account-login-copy h1{font-size:38px}.workspace-choice-list{grid-template-columns:1fr}}
.support-workspace-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px;border-radius:14px;background:#f1f8f7}.support-workspace-choices>strong{grid-column:1/-1;color:#24544f;font-size:12px}.support-workspace-choices button{display:grid;gap:3px;padding:10px;border:1px solid #d5e6e2;border-radius:11px;background:#fff;text-align:right;font:inherit;cursor:pointer}.support-workspace-choices button.is-active{border-color:var(--primary);background:#eaf8f5}.support-workspace-choices b{font-size:12px}.support-workspace-choices small{font-size:9px;color:#78908c}

/* v1.18 — subscription expiry countdown and manual renewal portal */
.subscription-login-page{min-height:82vh;background:radial-gradient(circle at 82% 12%,rgba(45,212,191,.2),transparent 34%),linear-gradient(150deg,#083f3b 0,#0a5c55 46%,#f5fbf9 46%)}
.subscription-login-hero{padding:145px 0 95px}.subscription-login-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:70px;align-items:center}.subscription-login-copy{color:#fff}.subscription-login-copy h1{max-width:760px;margin:14px 0 18px;font-size:clamp(38px,5vw,68px);line-height:1.24}.subscription-login-copy>p{max-width:690px;color:rgba(255,255,255,.78);font-size:16px;line-height:2}.subscription-login-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.subscription-login-benefits article{padding:17px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.subscription-login-benefits strong{display:block;font-size:13px}.subscription-login-benefits span{display:block;margin-top:7px;color:rgba(255,255,255,.7);font-size:11px;line-height:1.85}.subscription-login-card{padding:32px;border:1px solid rgba(15,111,104,.14);border-radius:30px;background:rgba(255,255,255,.96);box-shadow:0 35px 100px rgba(4,42,39,.25)}.subscription-login-card__head{display:flex;align-items:center;gap:13px;margin-bottom:22px}.subscription-login-card__head>span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#e6f7f3;font-size:23px}.subscription-login-card__head strong{display:block;color:#173b37;font-size:17px}.subscription-login-card__head small{color:#748784;font-size:11px}.subscription-login-form{display:grid;gap:14px}.subscription-login-form label{display:grid;gap:8px}.subscription-login-form label>span{color:#2d4b47;font-size:12px;font-weight:850}.subscription-login-form label small{font-weight:500;color:#899895}.subscription-login-form input,.subscription-login-form select{height:52px;padding:0 14px;border:1px solid #d7e5e2;border-radius:14px;background:#fbfdfc;color:#183632;font:inherit;font-size:13px;outline:0}.subscription-login-form input:focus,.subscription-login-form select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(15,111,104,.08)}.subscription-login-submit{width:100%;margin-top:3px;justify-content:center}.subscription-login-help{margin-top:15px;text-align:center}.subscription-login-help a{color:var(--primary);font-size:11px;font-weight:800}
.subscription-status-hero{padding:135px 0 68px;color:#fff;background:linear-gradient(130deg,#0b5d56,#0d756b)}.subscription-status-hero--warning{background:linear-gradient(130deg,#7c4a03,#b7791f)}.subscription-status-hero--urgent,.subscription-status-hero--critical{background:linear-gradient(130deg,#7f1d1d,#c2410c)}.subscription-status-hero--blocked{background:linear-gradient(130deg,#2f3540,#5b2333)}.subscription-status-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:35px;align-items:center}.subscription-status-copy h1{margin:10px 0 8px;font-size:clamp(34px,4vw,56px)}.subscription-status-copy>p{margin:0;color:rgba(255,255,255,.85);font-size:18px}.subscription-status-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.subscription-status-meta span{padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08);font-size:11px}.subscription-countdown-card{min-height:190px;padding:24px;display:grid;place-items:center;align-content:center;border:1px solid rgba(255,255,255,.22);border-radius:28px;background:rgba(255,255,255,.12);text-align:center;backdrop-filter:blur(14px)}.subscription-countdown-card strong{font-size:72px;line-height:1}.subscription-countdown-card span{font-size:14px;font-weight:900}.subscription-countdown-card small{margin-top:8px;color:rgba(255,255,255,.72);font-size:11px}.subscription-portal-content{padding:34px 0 85px;background:#f5faf8}.subscription-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.subscription-overview-grid article{padding:19px;border:1px solid #dbe9e6;border-radius:19px;background:#fff;box-shadow:0 12px 34px rgba(31,78,72,.05)}.subscription-overview-grid span{display:block;color:#7c8e8a;font-size:11px}.subscription-overview-grid strong{display:block;margin-top:7px;color:#193f3a;font-size:17px}.subscription-expired-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:20px;border:1px solid #f1c7c7;border-radius:20px;background:#fff5f5}.subscription-expired-notice>div{display:flex;align-items:center;gap:13px}.subscription-expired-notice>div>span{font-size:29px}.subscription-expired-notice strong{display:block;color:#7f1d1d}.subscription-expired-notice p{margin:5px 0 0;color:#805b5b;font-size:12px}.subscription-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:20px}.subscription-panel,.subscription-side-panel section,.subscription-history-panel{border:1px solid #dbe9e6;border-radius:24px;background:#fff;box-shadow:0 16px 45px rgba(29,78,72,.06)}.subscription-panel{padding:26px}.subscription-panel>header span,.subscription-history-panel header span,.subscription-side-panel section>span{color:var(--primary);font-size:11px;font-weight:900}.subscription-panel>header h2,.subscription-history-panel h2{margin:5px 0 6px;color:#173b37;font-size:24px}.subscription-panel>header p{margin:0;color:#738580;font-size:12px;line-height:1.9}.subscription-side-panel{display:grid;align-content:start;gap:14px}.subscription-side-panel section{padding:20px}.subscription-side-panel ol{display:grid;gap:15px;margin:16px 0 0;padding:0;list-style:none;counter-reset:renewal}.subscription-side-panel li{position:relative;padding-right:34px;counter-increment:renewal}.subscription-side-panel li:before{content:counter(renewal);position:absolute;right:0;top:0;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#e7f7f3;color:var(--primary);font-size:11px;font-weight:900}.subscription-side-panel b{display:block;color:#264d48;font-size:12px}.subscription-side-panel small{display:block;margin-top:3px;color:#7a8f8b;font-size:10px;line-height:1.7}.subscription-side-panel a{display:block;margin-top:11px;color:#23665f;font-size:12px;font-weight:800}.renewal-plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.renewal-plan-option{position:relative}.renewal-plan-option input{position:absolute;opacity:0;pointer-events:none}.renewal-plan-option>span{min-height:130px;padding:17px;display:grid;align-content:start;border:1px solid #dae8e5;border-radius:17px;background:#fbfdfc;cursor:pointer;transition:.2s}.renewal-plan-option input:checked+span{border-color:var(--primary);background:#effaf7;box-shadow:0 0 0 3px rgba(15,111,104,.08)}.renewal-plan-option b{color:#1d4742;font-size:14px}.renewal-plan-option small{margin-top:6px;color:#718581;font-size:10px;line-height:1.8}.renewal-plan-option em{margin-top:auto;padding-top:12px;color:var(--primary);font-size:11px;font-style:normal;font-weight:900}.renewal-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.renewal-form-grid label,.renewal-receipt-form label{display:grid;gap:7px}.renewal-form-grid label.full{grid-column:1/-1}.renewal-form-grid span,.renewal-receipt-form span{color:#36534f;font-size:11px;font-weight:850}.renewal-form-grid input,.renewal-form-grid textarea,.renewal-receipt-form input{width:100%;padding:0 13px;border:1px solid #d8e6e3;border-radius:13px;background:#fbfdfc;font:inherit;font-size:12px;outline:0}.renewal-form-grid input,.renewal-receipt-form input{height:48px}.renewal-form-grid textarea{padding-top:12px;resize:vertical}.renewal-form-grid input:focus,.renewal-form-grid textarea:focus,.renewal-receipt-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(15,111,104,.07)}.renewal-submit{margin-top:16px}.renewal-active-card{margin-top:18px;padding:20px;border:1px solid #d9e8e5;border-radius:20px;background:#fbfdfc}.renewal-active-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.renewal-active-card__top span{display:block;color:#7a8d89;font-size:10px}.renewal-active-card__top strong{display:block;margin-top:4px;color:#234b46;font-size:15px}.renewal-status{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;background:#e9f5f2;color:#235e57;font-size:10px;font-weight:900}.renewal-status.status-awaiting_payment{background:#fff3d6;color:#8a5b00}.renewal-status.status-payment_submitted{background:#e8efff;color:#244f9b}.renewal-status.status-approved{background:#e7f7ec;color:#166534}.renewal-status.status-rejected,.renewal-status.status-cancelled{background:#fdeaea;color:#991b1b}.renewal-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.renewal-detail-grid>div{padding:12px;border-radius:13px;background:#fff}.renewal-detail-grid span{display:block;color:#83938f;font-size:9px}.renewal-detail-grid strong{display:block;margin-top:5px;color:#284a46;font-size:12px}.renewal-payment-instructions{margin-top:14px;padding:15px;border:1px dashed #dfc37c;border-radius:14px;background:#fffaf0}.renewal-payment-instructions strong{color:#73520c;font-size:11px}.renewal-payment-instructions p{margin:7px 0 0;color:#755f2d;font-size:12px;line-height:2}.renewal-receipt-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:11px;margin-top:15px}.renewal-cancel-form{margin-top:12px}.renewal-cancel-form button,.subscription-logout-form button{border:0;background:transparent;color:#a13a3a;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.subscription-history-panel{margin-top:18px;padding:24px}.subscription-history-panel header{margin-bottom:14px}.subscription-history-table-wrap{overflow:auto;border:1px solid #e0ebe8;border-radius:16px}.subscription-history-table{width:100%;min-width:850px;border-collapse:collapse}.subscription-history-table th,.subscription-history-table td{padding:13px;border-bottom:1px solid #e7efed;text-align:right;font-size:11px}.subscription-history-table th{background:#f4faf8;color:#5d7470;font-size:10px}.subscription-empty{padding:25px;border:1px dashed #d7e7e3;border-radius:16px;color:#748681;text-align:center;font-size:12px}.subscription-logout-form{margin-top:18px;text-align:center}
@media(max-width:980px){.subscription-login-grid,.subscription-main-grid{grid-template-columns:1fr}.subscription-login-page{background:linear-gradient(165deg,#084f49 0,#0a6c62 42%,#f5fbf9 42%)}.subscription-login-benefits{grid-template-columns:1fr}.subscription-status-hero__inner{grid-template-columns:1fr}.subscription-countdown-card{max-width:260px}.subscription-overview-grid{grid-template-columns:repeat(2,1fr)}.renewal-receipt-form{grid-template-columns:1fr}.subscription-side-panel{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.subscription-login-hero{padding:112px 0 70px}.subscription-login-grid{gap:30px}.subscription-login-copy h1{font-size:36px}.subscription-login-card{padding:24px 18px}.subscription-status-hero{padding:112px 0 45px}.subscription-status-copy h1{font-size:34px}.subscription-overview-grid,.renewal-plan-grid,.renewal-form-grid,.renewal-detail-grid,.subscription-side-panel{grid-template-columns:1fr}.subscription-panel,.subscription-history-panel{padding:18px}.subscription-expired-notice{align-items:flex-start;flex-direction:column}.subscription-countdown-card{min-height:150px}.subscription-countdown-card strong{font-size:58px}}

/* Subscription portal redesign v1.20 */
body.subscription-portal-authenticated{background:#f3f8f7}
body.subscription-portal-authenticated .site-header:not(.scrolled){background:rgba(255,255,255,.94);border-bottom-color:rgba(205,222,219,.8);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(15,55,51,.05)}
body.subscription-portal-authenticated .site-header:not(.scrolled) .brand-copy strong,
body.subscription-portal-authenticated .site-header:not(.scrolled) .main-nav>a:not(.button){color:#16312e}
body.subscription-portal-authenticated .site-header:not(.scrolled) .brand-copy small{color:#73827f}
body.subscription-portal-authenticated .site-header:not(.scrolled) .main-nav>a:not(.button):hover,
body.subscription-portal-authenticated .site-header:not(.scrolled) .main-nav>a.active{color:var(--primary)}
body.subscription-portal-authenticated .site-header:not(.scrolled) .main-nav>a.active::after{background:var(--primary)}
body.subscription-portal-authenticated .site-header:not(.scrolled) .menu-toggle span{background:#183b37}
body.subscription-portal-authenticated .site-footer{background:#0a1d23}
body.subscription-portal-authenticated .site-footer .footer-main{display:none}
body.subscription-portal-authenticated .site-footer .footer-bottom{min-height:76px;padding-block:18px}

.subscription-portal-page{min-height:100vh;background:#f3f8f7}
.subscription-command{position:relative;padding:116px 0 34px;overflow:hidden;background:linear-gradient(135deg,#063f3b 0%,#0b665e 54%,#11877b 100%);color:#fff}
.subscription-command::before{content:"";position:absolute;width:620px;height:620px;right:-180px;top:-330px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 84px rgba(255,255,255,.025),0 0 0 168px rgba(255,255,255,.018)}
.subscription-command::after{content:"";position:absolute;width:460px;height:460px;left:-180px;bottom:-320px;border-radius:50%;background:radial-gradient(circle,rgba(118,221,208,.24),transparent 70%)}
.subscription-command--warning{background:linear-gradient(135deg,#5f4108 0%,#986411 48%,#bd7e1c 100%)}
.subscription-command--urgent,.subscription-command--critical{background:linear-gradient(135deg,#681d1d 0%,#a73820 54%,#d45c22 100%)}
.subscription-command--blocked{background:linear-gradient(135deg,#242c34 0%,#4b2d37 55%,#7d3543 100%)}
.subscription-command>.container{position:relative;z-index:2}
.subscription-command__utility{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.subscription-account-chip{display:flex;align-items:center;gap:11px;min-width:0}
.subscription-account-avatar{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.13);font-size:17px;font-weight:900;backdrop-filter:blur(10px)}
.subscription-account-chip>span:last-child{display:grid;min-width:0}
.subscription-account-chip strong{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subscription-account-chip small{font-size:10px;color:rgba(255,255,255,.68);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subscription-command__links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.subscription-command__links a,.subscription-command__links button{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.88);font:inherit;font-size:10.5px;font-weight:800;text-decoration:none;cursor:pointer;transition:.2s ease}
.subscription-command__links a:hover,.subscription-command__links button:hover{background:rgba(255,255,255,.15);color:#fff}
.subscription-command__links form{margin:0}
.subscription-command__grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:44px;align-items:stretch}
.subscription-command__copy{padding:24px 0 18px;align-self:center}
.subscription-command__badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.subscription-status-pill,.subscription-tenant-pill{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.88);font-size:10px;font-weight:850;backdrop-filter:blur(10px)}
.subscription-status-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#7ce4d4;box-shadow:0 0 0 4px rgba(124,228,212,.12)}
.subscription-status-pill--warning::before{background:#ffd174}.subscription-status-pill--urgent::before,.subscription-status-pill--critical::before,.subscription-status-pill--blocked::before{background:#ff9d86}
.subscription-tenant-pill b{font-size:10px;color:#fff}
.subscription-command__copy h1{margin:19px 0 10px;color:#fff;font-size:clamp(34px,4.6vw,58px);line-height:1.28;letter-spacing:-1.6px}
.subscription-command__copy h1 em{display:block;color:#7be1d2;font-style:normal}
.subscription-command--warning .subscription-command__copy h1 em{color:#ffe2a2}
.subscription-command--urgent .subscription-command__copy h1 em,.subscription-command--critical .subscription-command__copy h1 em,.subscription-command--blocked .subscription-command__copy h1 em{color:#ffc0ae}
.subscription-command__copy>p{max-width:690px;margin:0;color:rgba(255,255,255,.76);font-size:15px;line-height:2}
.subscription-command__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:23px}
.subscription-command__actions .button{min-height:46px;padding:0 18px;border-color:#fff;background:#fff;color:#0c625b;box-shadow:0 14px 34px rgba(0,0,0,.15)}
.subscription-command__actions .button:hover{background:#f4fffd;color:#084f49}
.subscription-command__actions .button.secondary{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;box-shadow:none}
.subscription-command__actions .button.secondary:hover{background:rgba(255,255,255,.16)}
.subscription-command__trust{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:20px;color:rgba(255,255,255,.66);font-size:10.5px}
.subscription-command__trust span{display:flex;align-items:center;gap:6px}
.subscription-command__trust span::before{content:"✓";width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);color:#9af0e4;font-size:10px;font-weight:900}
.subscription-command-card{position:relative;min-height:330px;padding:24px;border:1px solid rgba(255,255,255,.23);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.08));box-shadow:0 28px 70px rgba(0,0,0,.15);backdrop-filter:blur(18px)}
.subscription-command-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:rgba(255,255,255,.7);font-size:10px}
.subscription-command-card__top b{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:10px}
.subscription-countdown-modern{display:flex;align-items:flex-end;justify-content:center;gap:7px;margin:28px 0 2px}
.subscription-countdown-modern strong{font-size:82px;line-height:.86;color:#fff;letter-spacing:-4px}
.subscription-countdown-modern span{padding-bottom:8px;color:rgba(255,255,255,.78);font-size:13px;font-weight:800}
.subscription-command-card>p{margin:13px 0 17px;color:rgba(255,255,255,.76);font-size:11px;text-align:center}
.subscription-progress{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.16)}
.subscription-progress span{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#8cf0e1,#fff);transition:width .4s ease}
.subscription-command-card__dates{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.subscription-command-card__dates>div{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.07)}
.subscription-command-card__dates span{display:block;color:rgba(255,255,255,.58);font-size:9px}
.subscription-command-card__dates strong{display:block;margin-top:4px;color:#fff;font-size:12px}

.subscription-portal-content{padding:28px 0 78px;background:linear-gradient(180deg,#f3f8f7 0%,#f8fbfa 100%)}
.subscription-overview-grid--modern{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-2px}
.subscription-overview-grid--modern article{min-height:104px;padding:16px;display:flex;align-items:flex-start;gap:12px;border:1px solid #dce9e6;border-radius:19px;background:#fff;box-shadow:0 14px 38px rgba(18,69,64,.055)}
.subscription-overview-icon{width:34px;height:34px;flex:0 0 auto;display:grid!important;place-items:center;border-radius:11px;background:#e9f7f4!important;color:var(--primary)!important;font-size:11px!important;font-weight:900}
.subscription-overview-grid--modern article>div{min-width:0}
.subscription-overview-grid--modern article>div>span{display:block;color:#81918e;font-size:9.5px}
.subscription-overview-grid--modern article strong{margin-top:3px;color:#183e39;font-size:15px}
.subscription-overview-grid--modern article small{display:block;margin-top:3px;color:#7e8e8b;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subscription-expired-notice{margin-top:16px;padding:17px 18px;border-color:#efc1c1;border-radius:18px;background:linear-gradient(135deg,#fff7f7,#fff)}
.subscription-expired-notice>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fde5e5;color:#a12626;font-size:16px;font-weight:900}
.subscription-expired-notice p{font-size:11px}
.subscription-main-grid--modern{grid-template-columns:minmax(0,1fr) 305px;gap:16px;margin-top:18px}
.subscription-renewal-panel{padding:25px}
.subscription-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #e7efed}
.subscription-panel-heading>div>span{color:var(--primary);font-size:10px;font-weight:900}
.subscription-panel-heading h2{margin:5px 0 6px;color:#153934;font-size:23px}
.subscription-panel-heading p{max-width:720px;margin:0;color:#748581;font-size:11.5px;line-height:1.9}
.subscription-panel-heading__step{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#eef8f6;color:#24665f;font-size:9.5px!important;font-weight:900}
.renewal-plan-grid--modern{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.renewal-plan-grid--modern .renewal-plan-option>span{position:relative;min-height:142px;padding:18px;border-radius:18px;background:#fbfdfc}
.renewal-plan-check{position:absolute;top:14px;left:14px;width:23px;height:23px;display:grid;place-items:center;border:1px solid #d4e7e3;border-radius:8px;background:#fff;color:transparent;font-size:11px;font-weight:900}
.renewal-plan-option input:checked+span .renewal-plan-check{border-color:var(--primary);background:var(--primary);color:#fff}
.renewal-plan-grid--modern .renewal-plan-option b{padding-left:31px;font-size:14px}
.renewal-form-grid{margin-top:15px}
.renewal-submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;padding-top:16px;border-top:1px solid #e7efed}
.renewal-submit-row>div{display:grid}
.renewal-submit-row strong{color:#2d514c;font-size:11px}
.renewal-submit-row span{color:#84938f;font-size:9.5px}
.renewal-submit-row .renewal-submit{margin:0;flex:0 0 auto}
.renewal-progress-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}
.renewal-progress-steps span{position:relative;display:grid;justify-items:center;gap:7px;color:#899794;font-size:9px;text-align:center}
.renewal-progress-steps span::after{content:"";position:absolute;top:14px;right:calc(50% + 16px);width:calc(100% - 24px);height:2px;background:#e0eae8}
.renewal-progress-steps span:first-child::after{display:none}
.renewal-progress-steps i{position:relative;z-index:2;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#eef3f2;color:#788884;font-style:normal;font-size:10px;font-weight:900}
.renewal-progress-steps b{font-size:9px}
.renewal-progress-steps span.is-done i{background:var(--primary);color:#fff;box-shadow:0 0 0 4px #e5f5f1}
.renewal-progress-steps span.is-done::after{background:#63bfb4}
.subscription-side-panel--modern{gap:12px}
.subscription-side-panel--modern section{padding:19px;border-radius:20px}
.subscription-current-plan-card{background:linear-gradient(145deg,#0c615a,#0f7a70)!important;color:#fff}
.subscription-current-plan-card>span{color:#9be8dd!important}
.subscription-current-plan-card h3{margin:5px 0 15px;color:#fff;font-size:22px}
.subscription-current-plan-card>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid rgba(255,255,255,.1)}
.subscription-current-plan-card>div span{color:rgba(255,255,255,.62);font-size:9.5px}
.subscription-current-plan-card>div strong{color:#fff;font-size:11px}
.subscription-process-card ol{margin-top:14px}
.subscription-contact-card p{margin:8px 0 12px;color:#72837f;font-size:10.5px;line-height:1.85}
.subscription-contact-card a{margin-top:8px}
.subscription-support-link{min-height:38px;padding:0 12px;display:flex!important;align-items:center;justify-content:center;border:1px solid #cce3df;border-radius:11px;background:#eef9f6;color:var(--primary)!important}
.subscription-history-panel--modern{margin-top:17px;padding:22px}
.subscription-history-panel--modern>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.subscription-history-panel--modern header p{margin:4px 0 0;color:#7f908c;font-size:10.5px}
.subscription-history-count{padding:6px 9px;border-radius:999px;background:#edf7f5;color:#28675f;font-size:9.5px;font-weight:900}
.subscription-empty{display:grid;justify-items:center;gap:5px;padding:34px}
.subscription-empty strong{color:#2b4c47;font-size:13px}
.subscription-empty span{color:#80908c;font-size:10px}
.subscription-history-table th,.subscription-history-table td{padding:14px 13px}

@media(max-width:1100px){
  .subscription-command__grid{grid-template-columns:minmax(0,1fr) 330px;gap:24px}
  .subscription-main-grid--modern{grid-template-columns:1fr}
  .subscription-side-panel--modern{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:920px){
  body.subscription-portal-authenticated .site-header:not(.scrolled) .main-nav{background:rgba(255,255,255,.99)}
  .subscription-command__utility{align-items:flex-start}
  .subscription-command__links{justify-content:flex-end}
  .subscription-command__grid{grid-template-columns:1fr}
  .subscription-command-card{min-height:auto}
  .subscription-overview-grid--modern{grid-template-columns:repeat(2,1fr)}
  .subscription-side-panel--modern{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .subscription-command{padding:105px 0 26px}
  .subscription-command__utility{display:none}
  .subscription-command__copy{padding-top:6px}
  .subscription-command__copy h1{font-size:34px;letter-spacing:-1px}
  .subscription-command__copy>p{font-size:13px}
  .subscription-command__actions{display:grid;grid-template-columns:1fr}
  .subscription-command__actions .button{width:100%}
  .subscription-command__trust{display:grid;gap:8px}
  .subscription-command-card{padding:19px;border-radius:22px}
  .subscription-countdown-modern strong{font-size:66px}
  .subscription-overview-grid--modern,.renewal-plan-grid--modern,.subscription-side-panel--modern{grid-template-columns:1fr}
  .subscription-overview-grid--modern article{min-height:94px}
  .subscription-renewal-panel,.subscription-history-panel--modern{padding:17px}
  .subscription-panel-heading,.renewal-submit-row,.subscription-history-panel--modern>header{align-items:flex-start;flex-direction:column}
  .subscription-panel-heading h2{font-size:20px}
  .renewal-submit-row .renewal-submit{width:100%}
  .renewal-progress-steps b{font-size:8px}
  .subscription-history-count{align-self:flex-start}
  body.subscription-portal-authenticated .site-footer .footer-bottom{align-items:flex-start;flex-direction:column}
}

/* Workspace URL builder */
.workspace-address-builder{display:flex;align-items:stretch;gap:10px;direction:ltr}
.workspace-address-builder input{flex:1;min-width:0;text-align:left;font-size:14px;font-weight:800;letter-spacing:.2px}
.workspace-domain-suffix{min-width:230px;height:50px;padding:0 18px;border:1px solid #c8ddd9;border-radius:13px;background:#eef8f6;color:#0f6f68;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:950;white-space:nowrap}
.workspace-address-preview{margin-top:2px;padding:11px 14px;border:1px dashed #b9d8d3;border-radius:12px;background:#f7fcfb;color:#5f7470;font-size:10px;text-align:left}
.workspace-address-preview b{color:#173d38;font-size:12px;word-break:break-all}
.workspace-login-result{margin:0 0 22px;padding:18px;border:1px solid #b9d8d3;border-radius:18px;background:#f1faf8;display:grid;gap:7px;text-align:center}
.workspace-login-result small{color:#5f7470;font-size:9px}
.workspace-login-result a{color:#0f6f68;font-size:16px;font-weight:950;word-break:break-all;text-decoration:none}
.workspace-login-result span{color:#7a8d89;font-size:9px}
@media(max-width:760px){.workspace-address-builder{gap:7px}.workspace-domain-suffix{min-width:145px;padding:0 10px;font-size:12px}.workspace-address-builder input{font-size:12px}.workspace-login-result a{font-size:13px}}

/* v1.17 mobile feature cards — force a stable single-column layout */
@media (max-width:760px) {
  .features-section .feature-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 14px !important;
    overflow: visible !important;
  }

  .features-section .feature-card,
  .features-section .feature-card:nth-child(1),
  .features-section .feature-card:nth-child(2),
  .features-section .feature-card:nth-child(n) {
    flex: 0 0 auto !important;
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 220px !important;
    padding: 22px 20px 60px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transform: none !important;
  }

  .features-section .feature-card .feature-top {
    width: 100% !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  .features-section .feature-card .feature-index,
  .features-section .feature-card:nth-child(1) .feature-index,
  .features-section .feature-card:nth-child(2) .feature-index {
    left: 18px !important;
    top: 16px !important;
    font-size: 36px !important;
    line-height: 1 !important;
  }

  .features-section .feature-card .feature-icon,
  .features-section .feature-card:nth-child(1) .feature-icon,
  .features-section .feature-card:nth-child(2) .feature-icon {
    width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px !important;
    border-radius: 15px !important;
  }

  .features-section .feature-card h3,
  .features-section .feature-card:nth-child(1) h3,
  .features-section .feature-card:nth-child(2) h3 {
    width: 100% !important;
    margin: 18px 0 8px !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .features-section .feature-card p,
  .features-section .feature-card:nth-child(1) p,
  .features-section .feature-card:nth-child(2) p {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: 13.5px !important;
    line-height: 2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .features-section .feature-card .feature-link {
    right: 20px !important;
    bottom: 18px !important;
    left: auto !important;
    font-size: 11.5px !important;
  }
}
/* Signup wizard */
.signup-page--wizard [hidden] {
    display: none !important;
}

.signup-layout--wizard {
    display: grid;
    grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
    gap: 26px;
    align-items: start;
}

.signup-copy--wizard {
    position: sticky;
    top: 108px;
    overflow: hidden;
    padding: 28px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 30px;
    background:
        radial-gradient(circle at 10% 8%, rgba(62, 198, 185, .2), transparent 30%),
        linear-gradient(145deg, #073f3c, #0c726b);
    box-shadow: 0 24px 60px rgba(7, 63, 60, .18);
}

.signup-copy--wizard h1,
.signup-copy--wizard h2,
.signup-copy--wizard p {
    color: inherit;
}

.signup-copy--wizard h1 {
    margin: 16px 0 12px;
    font-size: clamp(28px, 3vw, 43px);
    line-height: 1.55;
}

.signup-copy--wizard > p {
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 14px;
    line-height: 2;
}

.signup-progress {
    display: grid;
    gap: 12px;
    margin-top: 32px;
}

.signup-progress > li {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    color: rgba(255, 255, 255, .62);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 16px;
    transition: .2s ease;
}

.signup-progress > li.is-active,
.signup-progress > li.is-done {
    color: #fff;
    border-color: rgba(148, 235, 225, .42);
    background: rgba(255, 255, 255, .09);
}

.signup-progress > li > b {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, .1);
    font-weight: 900;
}

.signup-progress > li.is-active > b,
.signup-progress > li.is-done > b {
    color: #07534e;
    background: #c9f5ee;
}

.signup-progress > li strong,
.signup-progress > li small {
    display: block;
}

.signup-progress > li small {
    margin-top: 3px;
    color: inherit;
    opacity: .72;
}

.signup-trust-card {
    margin-top: 24px;
    padding: 16px 18px;
    color: #0c4d49;
    border-radius: 18px;
    background: #e4f7f4;
    font-size: 13px;
    line-height: 1.9;
}

.signup-trust-card strong,
.signup-trust-card span {
    display: block;
}

.signup-form--wizard {
    overflow: hidden;
    padding: 24px;
    border: 1px solid #dbe9e7;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(16, 63, 59, .1);
}

.signup-form--wizard .signup-form-head {
    margin-bottom: 20px;
}

.signup-form--wizard .signup-form-head h2 {
    margin: 8px 0;
    color: #10233d;
    font-size: clamp(25px, 3vw, 34px);
}

.signup-form--wizard .signup-form-head p {
    color: #65768d;
    line-height: 1.9;
}

.signup-section-title {
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 22px 0 13px;
    padding-bottom: 9px;
    border-bottom: 1px solid #e7efef;
}

.signup-section-title:first-child {
    margin-top: 0;
}

.signup-section-title > b {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    color: #fff;
    border-radius: 11px;
    background: #0d837b;
    font-weight: 900;
}

.signup-section-title strong,
.signup-section-title small {
    display: block;
    margin: 0;
}

.signup-section-title strong {
    color: #13243d;
    font-size: 17px;
}

.signup-section-title small {
    margin-top: 3px;
    color: #7b899b;
    font-size: 12px;
}

.signup-grid--ordered {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
}

.signup-form--wizard label {
    display: grid;
    gap: 8px;
    color: #263951;
    font-size: 13px;
    font-weight: 800;
}

.signup-form--wizard input:not([type="checkbox"]):not([type="radio"]),
.signup-form--wizard select,
.signup-form--wizard textarea {
    width: 100%;
    min-height: 46px;
    padding: 0 13px;
    color: #13243d;
    border: 1px solid #cfdddf;
    border-radius: 14px;
    outline: 0;
    background: #fbfdfd;
    font: inherit;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.signup-form--wizard textarea {
    min-height: 110px;
    padding-top: 13px;
    resize: vertical;
}

.signup-form--wizard input:not([type="checkbox"]):not([type="radio"]):focus,
.signup-form--wizard select:focus,
.signup-form--wizard textarea:focus {
    border-color: #16978d;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(22, 151, 141, .1);
}

.signup-form--wizard .field--full {
    grid-column: 1 / -1;
}

.signup-form--wizard .full {
    grid-column: 1 / -1;
}

.signup-mobile-final {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid #a9ddd7;
    border-radius: 20px;
    background: linear-gradient(135deg, #f0fbf9, #fff);
}

.signup-mobile-final__heading {
    margin-bottom: 14px;
    color: #0a625c;
    font-size: 14px;
    font-weight: 900;
}

.signup-form--wizard .signup-submit {
    width: 100%;
    min-height: 48px;
    margin-top: 14px;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 900;
}

.signup-otp-stage {
    display: grid;
    min-height: 560px;
    align-content: center;
    justify-items: center;
    text-align: center;
}

.signup-otp-icon {
    display: grid;
    width: 74px;
    height: 74px;
    margin-bottom: 18px;
    place-items: center;
    color: #08736c;
    border-radius: 24px;
    background: #ddf5f1;
    font-size: 28px;
    font-weight: 900;
}

.signup-otp-stage h2 {
    margin: 0 0 10px;
    color: #10233d;
}

.signup-otp-stage > p {
    max-width: 480px;
    margin: 0;
    color: #687a90;
    line-height: 2;
}

.signup-code-field {
    width: min(100%, 390px);
    margin-top: 26px;
}

.signup-code-field input {
    height: 64px;
    text-align: center;
    direction: ltr;
    letter-spacing: 10px;
    font-size: 24px;
    font-weight: 900;
}

.signup-form--wizard input[type="checkbox"],
.signup-form--wizard input[type="radio"] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    min-height: 0;
    margin: 0;
    padding: 0;
    accent-color: #0d837b;
}

.signup-form--wizard .demo-request-box {
    margin-top: 16px;
    padding: 14px 16px;
}

.signup-form--wizard .demo-request-toggle,
.signup-form--wizard .signup-terms {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.signup-form--wizard .demo-request-toggle span,
.signup-form--wizard .demo-request-toggle b,
.signup-form--wizard .demo-request-toggle small {
    display: block;
}

.signup-otp-timer {
    width: min(100%, 390px);
    margin-top: 12px;
    padding: 10px 14px;
    color: #42615e;
    border-radius: 12px;
    background: #edf8f6;
    font-size: 12px;
}

.signup-otp-timer b {
    color: #08736c;
    font-size: 14px;
}

.signup-otp-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
    width: min(100%, 390px);
    margin-top: 18px;
}

.signup-otp-actions .button {
    min-height: 50px;
}

.signup-otp-actions > :first-child {
    grid-column: 1 / -1;
}

.signup-text-button {
    color: #0b756e;
    border: 1px solid #c7dcda;
    background: #fff;
}

.signup-building-overlay {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: grid;
    padding: 24px;
    place-items: center;
    background: rgba(5, 38, 36, .88);
    backdrop-filter: blur(10px);
}

.signup-building-card {
    width: min(100%, 520px);
    padding: 44px 34px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 28px;
    background: linear-gradient(145deg, #073f3c, #0c776f);
    box-shadow: 0 30px 90px rgba(0, 0, 0, .35);
    text-align: center;
}

.signup-building-card h2,
.signup-building-card p {
    color: inherit;
}

.signup-building-card p {
    color: rgba(255, 255, 255, .72);
    line-height: 2;
}

.signup-building-spinner {
    width: 66px;
    height: 66px;
    margin: 0 auto 24px;
    border: 6px solid rgba(255, 255, 255, .18);
    border-top-color: #a7f3e8;
    border-radius: 50%;
    animation: signup-spin .8s linear infinite;
}

.signup-building-progress {
    overflow: hidden;
    height: 8px;
    margin-top: 24px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .13);
}

.signup-building-progress::after {
    display: block;
    width: 34%;
    height: 100%;
    border-radius: inherit;
    background: #a7f3e8;
    content: "";
    animation: signup-progress 2.2s ease-in-out infinite;
}

.signup-is-building {
    overflow: hidden;
}

@keyframes signup-spin {
    to { transform: rotate(360deg); }
}

@keyframes signup-progress {
    0% { transform: translateX(210%); }
    50% { transform: translateX(-190%); }
    100% { transform: translateX(210%); }
}

@media (max-width: 960px) {
    .signup-layout--wizard {
        grid-template-columns: 1fr;
    }

    .signup-copy--wizard {
        position: static;
    }

    .signup-progress {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .signup-progress > li {
        grid-template-columns: 34px minmax(0, 1fr);
        padding: 10px;
    }

    .signup-progress > li small {
        display: none;
    }
}

@media (max-width: 680px) {
    .signup-copy--wizard,
    .signup-form--wizard {
        padding: 22px 18px;
        border-radius: 22px;
    }

    .signup-grid--ordered,
    .signup-otp-actions {
        grid-template-columns: 1fr;
    }

    .signup-form--wizard .field--full,
    .signup-form--wizard .full,
    .signup-otp-actions > :first-child {
        grid-column: auto;
    }

    .signup-progress > li {
        display: block;
        text-align: center;
    }

    .signup-progress > li > b {
        margin: 0 auto 6px;
    }

    .signup-progress > li strong {
        font-size: 11px;
    }

    .signup-mobile-final {
        padding: 17px;
    }
}

/* Final signup visual polish */
.signup-page--wizard .signup-hero {
    padding: 105px 0 58px;
}

.signup-page--wizard .signup-layout--wizard {
    width: min(1180px, calc(100% - 32px));
    grid-template-columns: 350px minmax(0, 760px);
    justify-content: center;
    gap: 24px;
}

.signup-page--wizard .signup-copy--wizard {
    top: 96px;
    padding: 25px;
    border-radius: 24px;
}

.signup-page--wizard .signup-copy--wizard h1 {
    margin: 13px 0 8px;
    font-size: 29px;
    line-height: 1.55;
    letter-spacing: -.4px;
}

.signup-page--wizard .signup-copy--wizard > p {
    font-size: 12px;
    line-height: 1.9;
}

.signup-page--wizard .signup-progress {
    gap: 8px;
    margin-top: 20px;
}

.signup-page--wizard .signup-progress > li {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px;
    padding: 9px 11px;
    border-radius: 13px;
}

.signup-page--wizard .signup-progress > li > b {
    width: 34px;
    height: 34px;
    border-radius: 10px;
}

.signup-page--wizard .signup-progress > li strong {
    font-size: 12px;
}

.signup-page--wizard .signup-progress > li small {
    font-size: 9px;
}

.signup-page--wizard .signup-trust-card {
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 14px;
    font-size: 10px;
}

.signup-page--wizard .signup-copy--wizard .signup-trust-card,
.signup-page--wizard .signup-copy--wizard .signup-trust-card strong,
.signup-page--wizard .signup-copy--wizard .signup-trust-card span {
    color: #0b4f4a;
}

.signup-page--wizard .signup-copy--wizard .signup-trust-card span {
    opacity: .82;
}

.signup-page--wizard .signup-form--wizard {
    padding: 24px 26px;
    border-radius: 24px;
}

.signup-page--wizard .signup-form-head {
    margin: 0 0 14px;
    padding: 0 0 15px;
}

.signup-page--wizard .signup-form-head::after {
    display: none;
}

.signup-page--wizard .signup-form-head h2 {
    margin: 5px 0 3px;
    font-size: 25px;
}

.signup-page--wizard .signup-form-head p {
    margin: 0;
    font-size: 10px;
}

.signup-page--wizard .signup-section-title {
    margin: 0 0 14px;
    padding: 0 0 11px;
}

.signup-page--wizard .signup-section-title > b {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border-radius: 9px;
    font-size: 11px;
}

.signup-page--wizard .signup-section-title strong {
    font-size: 14px;
}

.signup-page--wizard .signup-section-title small {
    font-size: 9px;
}

.signup-page--wizard .signup-grid--ordered {
    gap: 10px 12px;
}

.signup-page--wizard .signup-section-card {
    margin-top: 14px;
    padding: 17px;
    border: 1px solid #dce9e7;
    border-radius: 17px;
    background: #fbfdfd;
}

.signup-page--wizard .signup-section-card + .signup-section-card {
    margin-top: 12px;
}

.signup-page--wizard .signup-section-card .signup-section-title {
    border-bottom-color: #dce9e7;
}

.signup-page--wizard .signup-form--wizard label {
    gap: 5px;
    font-size: 11px;
}

.signup-page--wizard .signup-grid label > span {
    font-size: 11px;
}

.signup-page--wizard .signup-form--wizard input:not([type="checkbox"]):not([type="radio"]),
.signup-page--wizard .signup-form--wizard select {
    height: 44px;
    min-height: 44px;
    border-radius: 11px;
    font-size: 12px;
}

.signup-page--wizard .signup-form--wizard textarea {
    min-height: 88px;
    border-radius: 11px;
}

.signup-page--wizard .workspace-field {
    padding: 13px;
    border: 1px solid #deebe9;
    border-radius: 15px;
    background: #fff;
}

.signup-page--wizard .workspace-address-preview {
    padding: 8px 11px;
    border-radius: 9px;
    font-size: 9px;
}

.signup-page--wizard .workspace-address-preview b {
    font-size: 10px;
}

.signup-page--wizard .workspace-domain-suffix {
    min-width: 170px;
    border-radius: 11px;
    font-size: 12px;
}

.signup-page--wizard .demo-request-box {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 14px;
}

.signup-page--wizard .demo-request-toggle b {
    font-size: 11px;
}

.signup-page--wizard .demo-request-toggle small {
    font-size: 8px;
}

.signup-page--wizard .signup-mobile-final {
    margin-top: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.signup-page--wizard .signup-section-card--mobile {
    border-color: #cfe3e0;
    background: #f7fbfa;
}

.signup-page--wizard .signup-terms {
    margin: 13px 0 9px;
    padding: 10px 11px;
    border-radius: 11px;
    font-size: 9px;
}

.signup-page--wizard .signup-submit {
    min-height: 46px;
}

.signup-page--wizard .signup-copy--wizard,
.signup-page--wizard .signup-copy--wizard h1,
.signup-page--wizard .signup-copy--wizard h2,
.signup-page--wizard .signup-copy--wizard strong {
    color: #fff;
}

.signup-page--wizard .signup-copy--wizard > p,
.signup-page--wizard .signup-copy--wizard small,
.signup-page--wizard .signup-copy--wizard .signup-progress > li {
    color: rgba(255, 255, 255, .82);
}

.signup-page--wizard .signup-copy--wizard .signup-progress > li.is-active,
.signup-page--wizard .signup-copy--wizard .signup-progress > li.is-done {
    color: #fff;
}

.signup-page--wizard .signup-otp-stage {
    min-height: 440px;
    padding: 30px 12px;
}

.signup-page--wizard .signup-otp-stage .section-kicker {
    margin-bottom: 8px;
}

.signup-page--wizard .signup-code-field {
    width: min(100%, 350px);
    margin-top: 20px;
}

.signup-page--wizard .signup-code-field input {
    height: 54px;
    min-height: 54px;
    border: 1px solid #bcd8d4;
    border-radius: 13px;
    background: #fff;
    letter-spacing: 8px;
    font-size: 21px;
}

.signup-page--wizard .signup-otp-actions {
    width: min(100%, 350px);
    gap: 9px;
}

.signup-page--wizard .signup-otp-actions > button {
    min-height: 44px;
    padding: 0 13px;
    border-radius: 11px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
}

.signup-page--wizard .signup-otp-actions > :first-child {
    color: #fff;
    border: 0;
    background: linear-gradient(100deg, #0d736a, #15988b);
}

.signup-page--wizard .signup-otp-actions .secondary,
.signup-page--wizard .signup-text-button {
    color: #17655f;
    border: 1px solid #c7dcda;
    background: #fff;
    box-shadow: none;
}

.signup-page--wizard .signup-otp-actions button:disabled {
    color: #879894;
    border-color: #e0e8e7;
    background: #f1f4f4;
    cursor: not-allowed;
    opacity: 1;
}

.signup-page--wizard .signup-otp-timer {
    width: min(100%, 350px);
}

@media (max-width: 960px) {
    .signup-page--wizard .signup-layout--wizard {
        width: min(760px, calc(100% - 28px));
        grid-template-columns: 1fr;
    }

    .signup-page--wizard .signup-copy--wizard {
        display: none;
    }
}

@media (max-width: 680px) {
    .signup-page--wizard .signup-hero {
        padding: 88px 0 32px;
    }

    .signup-page--wizard .signup-layout--wizard {
        width: min(100% - 18px, 560px);
    }

    .signup-page--wizard .signup-form--wizard {
        padding: 18px 14px;
        border-radius: 18px;
    }

    .signup-page--wizard .signup-grid--ordered {
        gap: 10px;
    }

    .signup-page--wizard .signup-section-card {
        padding: 14px 12px;
        border-radius: 14px;
    }

    .signup-page--wizard .workspace-domain-suffix {
        min-width: 124px;
        font-size: 10px;
    }
}