@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#192b4f;--muted:#687a97;--blue:#345fd0;--teal:#00a8a1;--line:#dae4f1;--surface:#fff;--bg:#f4f7fc;font:14px "Vazirmatn",Tahoma,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:310px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8ca9ff;outline-offset:3px}.loading{display:grid;place-content:center;height:100vh;color:var(--muted)}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:900}.logo{display:grid;place-items:center;border-radius:14px;width:43px;height:43px;color:#fff;background:linear-gradient(140deg,#4b6eea,#0ea3ae);box-shadow:0 6px 20px #345fd04a;font-size:24px}.container{width:min(1160px,calc(100% - 32px));margin:auto}.siteheader{position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid var(--line)}.siteheader>.container{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:15px}.siteheader nav{display:flex;align-items:center;gap:15px}.siteheader nav a{color:#546582;font-weight:700}.primary,.secondary,.plain,.danger{border:none;padding:12px 18px;border-radius:11px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:.17s}.primary{background:#345bcd;color:#fff;box-shadow:0 8px 18px #395bd72a}.primary:hover{background:#274ab6}.secondary{background:#eaf0ff;color:#2b52b1}.secondary:hover{background:#dae6ff}.plain{background:#fff;border:1px solid #d8e2f0;color:#375074}.danger{background:#fff0ef;color:#b03842}.hero{position:relative;overflow:hidden;background:linear-gradient(124deg,#14265a,#2749a4 64%,#148d9e);color:#fff;border-radius:31px;margin:38px auto 0;min-height:338px;padding:52px 55px}.hero:before{content:"";position:absolute;left:-135px;top:-140px;width:475px;height:475px;border-radius:50%;border:1px solid #ffffff32;box-shadow:0 0 0 60px #ffffff0a,0 0 0 120px #ffffff08;pointer-events:none}.eyebrow{color:#90f2df;font-size:13px;font-weight:800}.hero h1{font-size:clamp(27px,4vw,43px);line-height:1.55;margin:12px 0;max-width:740px}.hero p{color:#e2ecff;line-height:2;max-width:690px;font-size:15px;margin-bottom:26px}.hero .primary{background:white;color:#254bab;box-shadow:none}.hero .secondary{background:#ffffff24;color:#fff;border:1px solid #ffffff55}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.section-title{font-size:25px;margin:45px 0 8px}.sub{line-height:1.9;color:var(--muted);max-width:700px;margin:0 0 25px}.feature-grid,.plan-grid,.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature,.plan,.card,.auth-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px;box-shadow:0 5px 28px #193b6b0b}.feature-icon{font-size:23px;display:grid;place-items:center;width:49px;height:49px;border-radius:14px;background:#eaf2ff;margin-bottom:13px}.feature b{font-size:16px}.feature p{color:#71829b;line-height:1.9;margin-bottom:0}.plan{position:relative}.plan.featured{border-color:#6c90ec;box-shadow:0 0 0 3px #647ee819}.plan .tag{font-size:11px;color:#2d7a87;background:#e8f9f7;padding:6px 10px;border-radius:30px}.plan h3{margin:14px 0 9px;font-size:19px}.plan .price{font-size:27px;font-weight:900;color:#274ca5;margin:12px 0}.plan .price small{font-size:12px;color:#8490a8;font-weight:600}.plan p{line-height:2;color:var(--muted)}.plan button{width:100%}.footer{padding:30px 0;margin-top:60px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.auth-wrap{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:35px 10px;background:radial-gradient(circle at 18% 11%,#dbe7ff 0,transparent 35%),radial-gradient(circle at 85% 80%,#d9f4ef 0,transparent 34%)}.auth-card{width:min(480px,100%);padding:33px}.auth-card h2{font-size:25px;margin:0}.auth-card>p{color:var(--muted);line-height:1.9;margin:8px 0 22px}.auth-card .primary{width:100%;min-height:49px;margin-top:9px}.form{display:grid;gap:14px}.form label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#475e7d}.form input,.form select,.form textarea,.field{background:#fbfdff;border:1px solid #d4e0ef;border-radius:11px;min-height:44px;padding:10px 12px;color:var(--ink);width:100%;font-size:14px}.form textarea{min-height:105px;resize:vertical;line-height:1.9}.form input:focus,.form select:focus{border-color:#7c99e8}.form .check{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600;color:#596b86;line-height:1.9}.form .check input{width:17px;min-height:auto;height:17px;accent-color:#345bcd}.inline-switch{margin-top:15px;font-size:12px;color:var(--muted)}.inline-switch button{border:none;background:none;color:var(--blue);font-weight:900}.app-shell{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(171deg,#121f40,#1b3262);color:white;padding:27px 15px;display:flex;flex-direction:column;gap:24px}.sidebar .brand{padding:0 12px}.sidebar .brand .logo{flex-shrink:0}.sidebar nav{display:grid;gap:6px}.sidebar nav button{min-height:51px;background:transparent;color:#bfcee7;border:1px solid transparent;border-radius:12px;text-align:right;padding:12px 15px;font-size:13px;font-weight:700}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff19;color:white}.sidebar nav button.active{border-color:#ffffff26;box-shadow:inset 3px 0 #52d6c4}.sidebar footer{margin-top:auto;padding:12px;color:#b6c9ec;font-size:11px}.sidebar footer button{color:#fff;background:#ffffff14;padding:10px 14px;border-radius:10px;border:0;width:100%;margin-top:12px}.content{padding:29px 36px 100px;max-width:1500px;width:100%;margin:0 auto}.topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.topline small{font-weight:700;color:#8595ad}.topline h1{font-size:26px;margin:4px 0 0}.account-pill{color:#375d82;background:white;border:1px solid var(--line);padding:9px 13px;border-radius:30px;font-size:12px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:19px}.metric{padding:22px;border-radius:17px;background:white;border:1px solid var(--line);box-shadow:0 3px 14px #1837660a}.metric span{font-size:12px;color:#7b8ba4}.metric strong{display:block;font-size:27px;margin-top:9px;color:#1c345a}.card{margin-bottom:18px}.card h2{font-size:17px;margin:0 0 8px}.card h3{font-size:15px}.card p{color:var(--muted);line-height:1.85}.card-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}.card-header h2{margin:0}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:12px 0}.hint{background:#eff7fa;color:#376582;border-radius:11px;padding:13px 15px;line-height:1.9;font-size:12px}.warning{background:#fff6e7;color:#97631f;border-radius:11px;padding:13px 15px;line-height:1.9;font-size:12px}.empty{padding:38px 20px;background:#f9fbff;border:1px dashed #cfdaea;text-align:center;color:#7f8ba1;border-radius:14px;font-size:13px}.list{display:grid;gap:8px}.item{border:1px solid #e0e8f2;border-radius:12px;display:flex;gap:11px;align-items:center;justify-content:space-between;padding:12px 14px;min-width:0}.item>div{min-width:0}.item b{font-size:13px;display:block}.item small{color:#8090a7;font-size:11px;display:block;margin-top:5px;overflow-wrap:anywhere}.item .plain,.item .danger{font-size:11px;padding:8px 10px}.pill{font-size:11px;color:#2a7293;background:#e5f4ff;padding:6px 9px;border-radius:20px;white-space:nowrap}.pill.ok{background:#e8f9ee;color:#25805b}.pill.warn{background:#fff3df;color:#946520}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.code{direction:ltr;text-align:center;letter-spacing:2px;font-size:26px;padding:19px;background:#f0f4fc;border:1px dashed #8ca6e8;border-radius:13px;user-select:all;font-weight:900;color:#1e448e}.mono{direction:ltr;text-align:left}.link{color:var(--blue);font-weight:800}.note{font-size:11px;color:#788ba4}.toast{position:fixed;z-index:100;bottom:22px;left:22px;max-width:min(500px,calc(100vw - 32px));border:1px solid #bee3d6;background:#eafaf4;color:#286e50;padding:15px 19px;border-radius:13px;box-shadow:0 10px 40px #1a385e1f;line-height:1.8}.toast.error{border-color:#f0d2c7;background:#fff0ec;color:#9b4734}.mobile-nav{display:none}.phone-demo{display:flex;align-items:center;gap:10px}.dot{width:10px;height:10px;border-radius:50%;background:#29b58d}.muted{color:var(--muted)}.badge{border-radius:8px;background:#e6f0ff;color:#3c5d91;font-size:11px;padding:5px 8px}.divider{border:none;border-top:1px solid var(--line);margin:20px 0}@media(max-width:980px){.summary-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:24px 20px 90px}.app-shell{grid-template-columns:220px 1fr}.hero{padding:34px}}@media(max-width:700px){.container{width:calc(100% - 26px)}.siteheader nav .text-link{display:none}.hero{border-radius:22px;min-height:350px;margin-top:18px;padding:30px 23px}.hero h1{font-size:29px}.hero p{font-size:13px}.feature-grid,.plan-grid,.summary-grid,.split,.two-panels{grid-template-columns:1fr}.siteheader>.container{min-height:69px}.siteheader nav{gap:8px}.siteheader nav button{padding:9px 12px;font-size:12px}.auth-card{padding:25px 20px}.app-shell{display:block}.sidebar{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:20;bottom:0;right:0;left:0;background:#fff;border-top:1px solid var(--line);padding:5px 4px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #1a365719}.mobile-nav button{border:0;background:none;padding:10px 2px;font-size:10px;min-height:48px;color:#7285a1;border-radius:10px}.mobile-nav button.active{background:#edf3ff;color:#3157cc;font-weight:800}.content{padding:21px 12px calc(100px + env(safe-area-inset-bottom))}.topline h1{font-size:22px}.topline{align-items:start}.account-pill{font-size:10px}.metric{padding:17px}.metric strong{font-size:24px}.card{padding:18px}.item{flex-wrap:wrap}.section-title{font-size:21px}.footer{margin-top:35px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}


/* Business onboarding and per-industry personalization */
.profession-tags{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 22px}
.profession-tag{display:inline-flex;align-items:center;font-weight:750;color:#315aa4;background:linear-gradient(120deg,#eaf1ff,#edf9f8);border:1px solid #d1e1ee;border-radius:12px;padding:9px 12px;font-size:13px}
.template-mini{border:1px solid #dbe5f0;background:#fbfdff;border-radius:15px;margin:12px 0;padding:15px}
.template-mini b{font-size:15px;color:#253f73}
.template-mini p{margin:9px 0 13px;color:#617490;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}
.template-mini .actions{margin-bottom:0}
.template-mini button{min-height:39px;font-size:12px}
.file-label{display:inline-flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer;border:1px solid #cee1e5;background:#eaf8f9;color:#246b75;padding:10px 15px;border-radius:11px;font-weight:800}
.file-label:hover{background:#d9f2f3}
.preview-box{border:1px solid #b7d3ea;background:linear-gradient(110deg,#f2f7ff,#f1fbf7);padding:18px 16px}
.preview-box b{display:block;color:#24508f;font-size:13px;margin-bottom:8px}
#personalizedPreview{white-space:pre-wrap;font-size:14px;line-height:2.1;color:#29466c;overflow-wrap:anywhere}
.card .two-panels{grid-template-columns:repeat(2,minmax(0,1fr))}
.card .two-panels label{min-width:0}
#contactForm .hint{margin:5px 0}
#csvImport+span{font-size:11px}
@media(max-width:700px){.profession-tags{gap:7px}.profession-tag{font-size:12px}.template-mini{padding:13px}.card .two-panels{grid-template-columns:1fr}.file-label{font-size:12px}.preview-box{padding:13px}}