/* Sity.li 6.1 — visual refinement layer */
:root{--sity-violet:#6255e7;--sity-violet-2:#8578ff;--sity-mint:#28c8a1;--sity-ink:#171724;--sity-muted:#6f7180;--sity-surface:#fff;--sity-soft:#f6f6fa;--sity-line:rgba(28,27,45,.10);--sity-shadow:0 22px 65px rgba(31,27,74,.12);--sity-shadow-sm:0 10px 30px rgba(31,27,74,.08)}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-feature-settings:"kern" 1,"liga" 1}::selection{background:rgba(98,85,231,.18)}a,button,input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,transform .18s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(98,85,231,.2);outline-offset:2px}

/* Landing */
.sity-landing-page{background:linear-gradient(180deg,#fbfaff 0,#fff 35%,#fafafd 100%)}
.sity-landing-page .sl-nav{height:72px;margin:12px clamp(12px,3vw,42px) 0;border:1px solid rgba(255,255,255,.8);border-radius:18px;left:0;right:0;top:0;background:rgba(255,255,255,.82);box-shadow:0 10px 35px rgba(38,32,83,.06);padding:0 clamp(16px,2.4vw,30px)}
.sity-landing-page .sl-nav.scrolled{background:rgba(255,255,255,.94);border-color:rgba(37,34,69,.08);box-shadow:0 15px 45px rgba(38,32,83,.11)}
.sity-landing-page .sl-logo>span{border-radius:12px;background:linear-gradient(145deg,var(--sity-violet),var(--sity-violet-2));box-shadow:0 9px 24px rgba(98,85,231,.28)}
.sity-landing-page .sl-nav nav a{position:relative}.sity-landing-page .sl-nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;border-radius:2px;background:var(--sity-violet);transition:.2s}.sity-landing-page .sl-nav nav a:hover:after{right:0}
.sity-landing-page .sl-button{border-radius:14px;background:linear-gradient(135deg,var(--sity-violet),#7667f3);box-shadow:0 13px 32px rgba(98,85,231,.24)}
.sity-landing-page .sl-hero{padding-top:150px;background:radial-gradient(circle at 8% 20%,rgba(117,102,245,.14),transparent 30%),radial-gradient(circle at 90% 75%,rgba(40,200,161,.10),transparent 28%),linear-gradient(180deg,#fbfaff 0,#fff 82%)}
.sity-landing-page .sl-hero h1{max-width:760px;text-wrap:balance}.sity-landing-page .sl-hero-copy>p{max-width:630px}
.sity-landing-page .sl-pill{border-color:rgba(98,85,231,.18);background:rgba(255,255,255,.88);backdrop-filter:blur(12px)}
.sity-landing-page .sl-builder-showcase{border-radius:24px;border-color:rgba(35,32,66,.12);box-shadow:0 45px 120px rgba(39,33,83,.18),0 2px 0 #fff inset;transform:perspective(1300px) rotateY(-1.2deg) rotateX(.6deg)}
.sity-landing-page .sl-logo-strip{background:rgba(250,250,253,.72);backdrop-filter:blur(10px)}
.sity-landing-page .sl-feature-grid article{border-color:rgba(31,29,53,.09);box-shadow:0 1px 0 rgba(255,255,255,.9) inset;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.sity-landing-page .sl-feature-grid article:hover{transform:translateY(-5px);border-color:rgba(98,85,231,.2);box-shadow:0 24px 55px rgba(42,37,89,.10)}
.sity-landing-page .feature-icon{background:linear-gradient(145deg,#f0edff,#e6e0ff);box-shadow:0 8px 20px rgba(98,85,231,.12)}
.sity-landing-page .sl-steps article,.sity-landing-page .template-card,.sity-landing-page .pricing-grid article{border-color:rgba(31,29,53,.09);box-shadow:var(--sity-shadow-sm)}
.sity-landing-page .template-card{transition:.25s}.sity-landing-page .template-card:hover{transform:translateY(-7px) scale(1.01);box-shadow:var(--sity-shadow)}
.sity-landing-page .sl-card-section{border-radius:34px;margin:32px clamp(18px,5vw,70px);overflow:hidden;background:radial-gradient(circle at 82% 15%,rgba(132,116,255,.28),transparent 30%),linear-gradient(135deg,#171722,#23213a)}
.sity-landing-page .phone-card{box-shadow:0 35px 90px rgba(0,0,0,.26)}
.sity-landing-page .pricing-grid article.featured{transform:translateY(-10px);border-color:rgba(98,85,231,.35);box-shadow:0 30px 80px rgba(98,85,231,.17)}
.sity-landing-page .sl-final{margin:30px clamp(18px,5vw,70px) 0;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 20% 0,rgba(132,116,255,.48),transparent 38%),radial-gradient(circle at 80% 90%,rgba(40,200,161,.22),transparent 36%),#171722}
.sity-landing-page .sl-footer{padding-top:70px}

/* Dashboard and account */
.sity-dashboard-page{background:radial-gradient(circle at 12% 0,rgba(98,85,231,.08),transparent 24%),#f6f6fa}
.sity-dashboard-page .sd-top{margin:14px clamp(12px,3vw,40px) 0;border:1px solid rgba(31,29,53,.08);border-radius:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 12px 38px rgba(35,31,72,.08)}
.sity-dashboard-page .sd-main,.sity-account-page .sa-main{max-width:1380px;margin-inline:auto}
.sity-dashboard-page .sd-head{padding-top:52px}.sity-dashboard-page .sd-head h1,.sity-account-page .sa-head h1{letter-spacing:-.045em;text-wrap:balance}
.sity-dashboard-page .sd-summary article,.sity-dashboard-page .sd-project,.sity-account-page .sa-card{border:1px solid rgba(31,29,53,.08);box-shadow:0 12px 38px rgba(35,31,72,.06);background:rgba(255,255,255,.92)}
.sity-dashboard-page .sd-summary article{position:relative;overflow:hidden}.sity-dashboard-page .sd-summary article:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;top:-35px;background:linear-gradient(145deg,rgba(98,85,231,.12),rgba(40,200,161,.05))}
.sity-dashboard-page .sd-project{transition:.22s}.sity-dashboard-page .sd-project:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(35,31,72,.11)}
.sity-dashboard-page .sd-toolbar{border:1px solid rgba(31,29,53,.08);background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border-radius:16px;padding:8px}
.sity-account-page .sa-grid{gap:18px}.sity-account-page .sa-card{border-radius:22px}.sity-account-page .sa-card.danger{border-color:rgba(209,61,76,.22);background:linear-gradient(145deg,#fff,#fff8f8)}

/* Builder */
.sity-builder-page{background:#f3f3f8;color:var(--sity-ink)}
.sity-builder-page .sb-topbar{margin:10px 12px 0;border:1px solid rgba(31,29,53,.09);border-radius:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(35,31,72,.08)}
.sity-builder-page .sb-shell{gap:10px;padding:10px 12px 12px}
.sity-builder-page .sb-sidebar,.sity-builder-page .sb-editor,.sity-builder-page .sb-preview-shell{border:1px solid rgba(31,29,53,.08);border-radius:18px;box-shadow:0 12px 35px rgba(35,31,72,.06);overflow:hidden}
.sity-builder-page .sb-sidebar{background:linear-gradient(180deg,#1a1926,#222033)}
.sity-builder-page .sb-editor{background:#fff}.sity-builder-page .sb-preview-shell{background:#e9e9ef}
.sity-builder-page .editor-group{border-radius:17px;border-color:rgba(31,29,53,.09);box-shadow:0 5px 18px rgba(35,31,72,.035)}
.sity-builder-page input,.sity-builder-page select,.sity-builder-page textarea{border-color:rgba(31,29,53,.13);background:#fcfcfe}.sity-builder-page input:focus,.sity-builder-page select:focus,.sity-builder-page textarea:focus{border-color:var(--sity-violet);box-shadow:0 0 0 4px rgba(98,85,231,.10);background:#fff}
.sity-builder-page .sb-main-btn,.sity-builder-page .sb-save,.sity-builder-page .sb-publish{background:linear-gradient(135deg,var(--sity-violet),#7869f2);box-shadow:0 10px 24px rgba(98,85,231,.20)}
.sity-builder-page .template-option{border-radius:15px;overflow:hidden;transition:.2s}.sity-builder-page .template-option:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(35,31,72,.11)}
.sity-builder-page .sb-modal-box{border-radius:24px;box-shadow:0 35px 100px rgba(20,18,50,.25)}

/* Business hub */
.sity-manage-page{background:radial-gradient(circle at 90% 0,rgba(98,85,231,.08),transparent 25%),#f5f5f9}
.sity-manage-page .sm-top{margin:12px 14px 0;border:1px solid rgba(31,29,53,.08);border-radius:17px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);box-shadow:0 12px 35px rgba(35,31,72,.07)}
.sity-manage-page .sm-layout{gap:14px;padding:14px}.sity-manage-page .sm-nav,.sity-manage-page .sm-panel{border:1px solid rgba(31,29,53,.08);border-radius:20px;box-shadow:0 12px 38px rgba(35,31,72,.06)}
.sity-manage-page .sm-nav{background:linear-gradient(180deg,#191824,#232136)}
.sity-manage-page .sm-card,.sity-manage-page .sm-metric,.sity-manage-page .sm-table-wrap{border-color:rgba(31,29,53,.08);box-shadow:0 8px 25px rgba(35,31,72,.045)}
.sity-manage-page .sm-primary{background:linear-gradient(135deg,var(--sity-violet),#7869f2);box-shadow:0 10px 24px rgba(98,85,231,.18)}

/* Published sites */
.sity-public-page{background:#fff}.sity-public-page .sp-nav{margin:12px max(12px,2.5vw) 0;border:1px solid rgba(31,29,53,.09);border-radius:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);box-shadow:0 12px 36px rgba(35,31,72,.08)}
.sity-public-page .sp-hero{padding-top:150px}.sity-public-page .sp-section{position:relative}.sity-public-page .sp-service-grid article,.sity-public-page .sp-catalog-grid article,.sity-public-page .sp-testimonial-grid article,.sity-public-page .sp-form,.sity-public-page .sp-appointment-form{box-shadow:0 12px 38px rgba(35,31,72,.07)}
.sity-public-page .sp-service-grid article,.sity-public-page .sp-catalog-grid article{transition:.22s}.sity-public-page .sp-service-grid article:hover,.sity-public-page .sp-catalog-grid article:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(35,31,72,.11)}
.sity-public-page .sp-floating-wa{box-shadow:0 16px 38px rgba(9,125,62,.35)}

/* Digital card and blog */
.sity-card-page{background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--accent) 45%,transparent),transparent 35%),radial-gradient(circle at 85% 100%,color-mix(in srgb,var(--primary) 45%,transparent),transparent 38%),#e9e9f0}
.sity-card-page .dc-card{border:1px solid rgba(255,255,255,.7);box-shadow:0 32px 90px rgba(30,27,68,.24)}
.sity-card-page .dc-main-actions a,.sity-card-page .dc-direction-actions a,.sity-card-page .dc-social a{transition:.2s}.sity-card-page .dc-main-actions a:hover,.sity-card-page .dc-direction-actions a:hover,.sity-card-page .dc-social a:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(35,31,72,.10)}
.sb-header{margin:12px max(12px,3vw) 0!important;border-radius:17px!important;border:1px solid rgba(31,29,53,.08)!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px);box-shadow:0 12px 35px rgba(35,31,72,.07)!important}

/* RTL */
html[dir=rtl] .sl-nav nav,html[dir=rtl] .sd-top nav,html[dir=rtl] .sm-top nav{direction:rtl}html[dir=rtl] .sl-hero-copy,html[dir=rtl] .sl-heading.left,html[dir=rtl] .sd-head,html[dir=rtl] .sa-head,html[dir=rtl] .sp-section-head{text-align:right}html[dir=rtl] .sp-floating-wa{right:auto;left:20px}html[dir=rtl] .sl-feature-grid li:before{margin-right:0;margin-left:8px}

@media(max-width:980px){.sity-landing-page .sl-nav{margin:8px 8px 0}.sity-landing-page .sl-nav nav{display:none}.sity-landing-page .sl-hero{padding-top:120px}.sity-landing-page .sl-builder-showcase{transform:none}.sity-dashboard-page .sd-top,.sity-manage-page .sm-top{margin:8px}.sity-builder-page .sb-topbar{margin:7px}.sity-builder-page .sb-shell{padding:7px}}
@media(max-width:680px){.sity-landing-page .sl-nav{height:64px;border-radius:15px}.sity-landing-page .sl-actions .sl-login{display:none}.sity-landing-page .sl-button.small{padding:10px 12px}.sity-landing-page .sl-hero{padding-top:105px}.sity-landing-page .sl-card-section,.sity-landing-page .sl-final{margin-inline:10px;border-radius:24px}.sity-dashboard-page .sd-top{border-radius:14px}.sity-dashboard-page .sd-summary{grid-template-columns:1fr 1fr}.sity-account-page .sa-card{border-radius:17px}.sity-builder-page .sb-sidebar,.sity-builder-page .sb-editor,.sity-builder-page .sb-preview-shell{border-radius:14px}.sity-public-page .sp-nav{margin:7px;border-radius:15px}.sity-card-page .dc-card{border-radius:0;border:0}}