@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#0f172a;background:#f8fafc;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{z-index:9999;background:#0f172a;align-items:center;width:100%;height:48px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.topbarTrack{white-space:nowrap;width:max-content;animation:24s linear infinite scrollBar;display:flex}.topbarTrack span{color:#fff;letter-spacing:.8px;padding-right:80px;font-size:14px;font-weight:800}.container{width:90%;max-width:1180px;margin:auto}section{padding:110px 0}.hero{background:linear-gradient(#ffffffe6,#f8fafcdb),radial-gradient(circle at 100% 0,#3b82f61a,#0000 25%),radial-gradient(circle at 0 100%,#6366f114,#0000 30%);align-items:center;min-height:100vh;padding-top:70px;display:flex;position:relative;overflow:hidden}.heroGrid{grid-template-columns:minmax(0,920px);justify-content:center;align-items:start;gap:clamp(90px,16vh,170px);display:grid}.heroMain{text-align:center;justify-items:center;display:grid}.badge{background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:10px;margin-bottom:30px;padding:12px 20px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 10px 30px #0f172a0d}h1{color:#020617;letter-spacing:-3px;margin-bottom:28px;font-size:clamp(48px,6.5vw,78px);font-weight:900;line-height:.95}.highlight{background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:#475569;max-width:740px;margin-bottom:28px;margin-left:auto;margin-right:auto;font-size:22px;line-height:1.7}.demo{color:#2563eb;margin-bottom:35px;font-size:18px;font-weight:700}.heroActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.blogLink{color:#2563eb;font-size:15px;font-weight:800}.blogLink:hover,.backLink:hover{text-underline-offset:4px;text-decoration:underline}.btn{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:18px;justify-content:center;align-items:center;min-height:58px;padding:18px 34px;font-weight:700;transition:transform .3s,box-shadow .3s,background .3s;display:inline-flex;box-shadow:0 20px 50px #2563eb2e}.btn:hover{transform:translateY(-4px);box-shadow:0 26px 60px #2563eb42}.trust{color:#64748b;margin-top:18px;font-size:15px}.assistantStrip{background:#ffffff94;border:1px solid #e2e8f0;border-radius:18px;width:min(760px,100%);margin-top:26px;padding:14px 16px;box-shadow:0 12px 30px #0f172a0a}.assistantStrip>span{color:#64748b;letter-spacing:.6px;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:900;display:block}.assistantStrip div{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.assistantStrip b{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.productIntro{background:radial-gradient(circle at 0 0,#2563eb14,#0000 28%),#fff;border:1px solid #e2e8f0;border-radius:36px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:42px;margin-bottom:120px;padding:52px;display:grid;box-shadow:0 30px 80px #0f172a0d}.sectionEyebrow{color:#2563eb;letter-spacing:.9px;margin-bottom:18px;font-size:13px;font-weight:900;display:inline-flex}.introCopy h2{color:#020617;letter-spacing:-1.6px;font-size:clamp(34px,4vw,48px);font-weight:900;line-height:1.05}.introCopy p{color:#475569;margin-top:22px;font-size:18px;line-height:1.75}.introGrid{gap:16px;display:grid}.introGrid article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;padding:24px}.introGrid h3{color:#0f172a;margin-bottom:10px;font-size:18px;font-weight:900}.introGrid p{color:#475569;font-size:15px;line-height:1.65}.workflowPanel{background:linear-gradient(135deg,#eff6ffeb,#fffffff5),#fff;border:1px solid #dbeafe;border-radius:34px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:34px;margin-bottom:120px;padding:50px;display:grid;box-shadow:0 28px 76px #0f172a0f}.workflowCopy h2{color:#020617;letter-spacing:-1.6px;font-size:clamp(34px,4vw,48px);font-weight:900;line-height:1.05}.workflowCopy p{color:#475569;margin-top:20px;font-size:18px;line-height:1.75}.workflowSteps{gap:14px;display:grid}.workflowSteps article{background:#fff;border:1px solid #e2e8f0;border-radius:22px;grid-template-columns:auto 1fr;gap:6px 18px;padding:22px;display:grid;box-shadow:0 14px 34px #0f172a0a}.workflowSteps strong{color:#fff;background:#2563eb;border-radius:16px;grid-row:span 2;place-items:center;width:44px;height:44px;font-size:14px;font-weight:950;display:inline-grid}.workflowSteps h3{color:#0f172a;font-size:18px;font-weight:950}.workflowSteps p{color:#475569;font-size:15px;line-height:1.6}.dashboardPreview{justify-self:center;gap:20px;width:min(920px,100%);margin-top:clamp(24px,5vh,64px);display:grid}.previewCopy{text-align:center;max-width:680px;margin:0 auto}.previewCopy span{color:#2563eb;letter-spacing:.9px;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:900;display:block}.previewCopy h3{color:#020617;letter-spacing:-1px;font-size:clamp(26px,3vw,34px);font-weight:900;line-height:1.08}.previewCopy p{color:#64748b;margin:12px auto 0;font-size:16px;line-height:1.65}.dashboardPreview img{background:#fff;border:1px solid #e2e8f0;border-radius:34px;width:100%;box-shadow:0 30px 90px #0f172a1f}.testimonial,.cta{background:#fff;border:1px solid #e2e8f0;border-radius:36px;box-shadow:0 30px 80px #0f172a0f}.testimonial{padding:60px;position:relative}.validationPanel{background:radial-gradient(circle at 100% 0,#2563eb14,#0000 32%),#fff}.casesBadge{color:#fff;letter-spacing:.5px;white-space:nowrap;background:#60a5fa;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:900;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.validationHeader{text-align:center;max-width:860px;margin:0 auto 34px}.validationHeader h2{color:#020617;letter-spacing:-1.6px;font-size:clamp(34px,4vw,48px);font-weight:900;line-height:1.05}.validationHeader p{color:#475569;margin-top:18px;font-size:18px;line-height:1.75}.metrics{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.metric{background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;padding:26px}.metric strong{color:#2563eb;margin-bottom:10px;font-size:38px;font-weight:900;display:block}.metric span{color:#475569;font-size:15px}.caseGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.caseGrid article{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:24px}.caseGrid p{color:#1e293b;font-size:16px;font-weight:650;line-height:1.7}.caseGrid strong,.caseGrid span{display:block}.caseGrid strong{color:#2563eb;margin-top:20px;font-size:14px;font-weight:900}.caseGrid span{color:#64748b;margin-top:4px;font-size:13px;line-height:1.4}.author{align-items:center;gap:18px;display:flex}.author span{color:#475569;margin-top:10px;display:block}.avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:24px;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:900;display:flex}.pricing{margin-top:120px}.sectionTitle{color:#020617;text-align:center;font-size:clamp(40px,5vw,54px);font-weight:900;line-height:1.1}.sectionSub{color:#64748b;text-align:center;max-width:760px;margin:18px auto 0;font-size:18px;line-height:1.7}.pricingGrid{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:60px;display:grid}.pricingCard{background:#fff;border-radius:32px;flex-direction:column;padding:38px 26px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 15px 40px #0f172a0f}.pricingCard:hover{transform:translateY(-8px);box-shadow:0 28px 70px #0f172a1a}.pricingBadge{color:#2563eb;background:#eff6ff;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-block}.pricingCard h3{color:#0f172a;margin:20px 0 5px;font-size:clamp(38px,3.3vw,48px);font-weight:900;line-height:1.05}.pricingCard small{color:#64748b;font-size:16px}.pricingDesc{color:#475569;margin:25px 0;line-height:1.6}.pricingNote{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:16px;margin:-10px 0 22px;padding:12px;font-size:13px;font-weight:850;line-height:1.45}.pricingCard ul{flex:1;margin:30px 0}.pricingCard li{color:#334155;margin-bottom:16px;line-height:1.35;list-style:none}.pricingBtn{width:100%;margin-top:15px}.secondaryPlan{box-shadow:none;color:#2563eb;background:#eff6ff}.primaryPlan{color:#2563eb;background:#fff}.featured{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:scale(1.05);box-shadow:0 30px 60px #2563eb59}.featured h3,.featured small,.featured p,.featured li{color:#fff}.featured .pricingNote{color:#fff;background:#ffffff1f;border-color:#ffffff38}.featured .pricingBadge{color:#fff;background:#ffffff26}.popular{color:#fff;letter-spacing:.5px;white-space:nowrap;background:#60a5fa;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.cta{text-align:center;margin-top:120px;padding:80px}.cta h2{color:#020617;margin-bottom:25px;font-size:clamp(42px,5vw,60px);font-weight:900;line-height:1}.cta p{color:#475569;max-width:760px;margin:auto auto 40px;font-size:21px;line-height:1.7}.liveCounter{color:#2563eb;margin-top:20px;font-size:16px}footer{color:#64748b;text-align:center;padding:60px 0;font-size:14px}.sticky{z-index:999;position:fixed;bottom:20px;right:20px}.whatsappButton{color:#fff;background:#25d366;border:1px solid #22c55e61;border-radius:999px;place-items:center;width:62px;height:62px;transition:transform .18s,box-shadow .18s,background .18s;display:inline-grid;box-shadow:0 18px 42px #16a34a47}.whatsappButton:hover{background:#16a34a;transform:translateY(-3px);box-shadow:0 22px 52px #16a34a57}.whatsappButton svg{fill:currentColor;width:34px;height:34px}.whatsappButton span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.blogShell,.articleShell,.adminShell{background:radial-gradient(circle at 100% 0,#2563eb14,#0000 30%),#f8fafc;min-height:100vh}.blogHero{padding:96px 0 72px}.blogHero h1,.articleHeader h1,.adminHeader h1,.adminLogin h1{color:#020617;letter-spacing:-2.5px;max-width:900px;font-size:clamp(44px,6vw,72px);font-weight:900;line-height:.98}.blogHero p,.articleHeader p,.adminHeader p,.adminLogin p{color:#475569;max-width:740px;margin-top:22px;font-size:20px;line-height:1.7}.backLink{color:#2563eb;margin-bottom:28px;font-size:14px;font-weight:900;display:inline-flex}.blogListSection{padding-top:0}.postGrid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.postCard,.emptyState,.articleCta,.adminLogin,.postForm,.postTable,.postTable article{background:#fff;border:1px solid #e2e8f0;box-shadow:0 24px 64px #0f172a0f}.postCard{border-radius:30px;overflow:hidden}.postCard>div{padding:26px}.postCard img{object-fit:cover;width:100%;height:210px}.postMeta{color:#64748b;flex-wrap:wrap;gap:10px;margin-bottom:18px;font-size:13px;font-weight:800;display:flex}.postCard h2{color:#020617;font-size:24px;line-height:1.15}.postCard p{color:#475569;margin-top:14px;line-height:1.65}.tagRow{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.tagRow span{color:#2563eb;background:#eff6ff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.emptyState{text-align:center;border-radius:30px;padding:44px}.emptyState h2,.emptyState h3{color:#020617;font-size:30px}.emptyState p{color:#475569;max-width:560px;margin:14px auto 0;line-height:1.65}.emptyState.compact{text-align:left;padding:28px}.articleLayout{padding:86px 0}.articleHeader{max-width:900px;margin:0 auto}.articleCover{object-fit:cover;border-radius:34px;width:min(1040px,100%);max-height:460px;margin:42px auto 0;display:block;box-shadow:0 28px 72px #0f172a1a}.articleBody{width:min(920px,100%);margin:52px auto 0}.articleBody p{color:#1e293b;margin-bottom:24px;font-size:19px;line-height:1.82}.articleBody h2,.articleBody h3,.articleBody h4{color:#020617;margin:40px 0 16px;line-height:1.15}.articleBody h2{font-size:34px}.articleBody h3{font-size:26px}.articleBody ul,.articleBody ol{color:#1e293b;margin:0 0 28px 24px;font-size:19px;line-height:1.78}.articleBody blockquote{color:#1e3a8a;background:#eff6ff;border-left:5px solid #2563eb;border-radius:18px;margin:34px 0;padding:24px;font-size:20px;font-weight:750;line-height:1.7}.articleBody img{border:1px solid #e2e8f0;border-radius:24px;width:100%;height:auto;margin:34px 0;box-shadow:0 18px 50px #0f172a14}.articleBody a{color:#2563eb;text-underline-offset:4px;font-weight:800;text-decoration:underline}.articleBody pre,.articleBody code{color:#e2e8f0;background:#0f172a;border-radius:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.articleBody pre{margin:28px 0;padding:20px;overflow-x:auto}.articleBody code{padding:3px 7px}.articleCta{border-radius:30px;width:min(920px,100%);margin:52px auto 0;padding:34px}.articleCta h2{color:#020617;font-size:30px}.articleCta p{color:#475569;margin:12px 0 22px;line-height:1.65}.adminShell{padding:56px 5%}.adminLogin{border-radius:30px;width:min(520px,100%);margin:8vh auto;padding:38px}.adminHeader{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1180px;margin:0 auto 34px;display:flex}.adminHeaderActions{align-items:center;gap:12px;display:flex}.editorPageHeader{margin-bottom:22px}.adminStats{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:0 auto 24px;padding:0;display:grid}.adminStats article{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:24px;box-shadow:0 18px 48px #0f172a0d}.adminStats strong,.adminStats span{display:block}.adminStats strong{color:#2563eb;font-size:38px;font-weight:900}.adminStats span{color:#64748b;margin-top:6px;font-size:14px;font-weight:850}.adminGrid{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:28px;max-width:1180px;margin:0 auto;padding:0;display:grid}.postForm,.postTable{border-radius:30px;padding:28px}.postFormPage{max-width:1320px;margin:0 auto}.postTableFull{max-width:1180px;margin:0 auto}.postTableHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.formHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.formHeader p{color:#64748b;max-width:680px;margin-top:8px;line-height:1.6}.adminEyebrow{color:#2563eb;letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:950;display:inline-flex}.editorMetaGrid{grid-template-columns:1.5fr 1fr 1fr .7fr;gap:14px;display:grid}.editorWorkspace{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}.editorMainColumn{gap:16px;min-width:0;display:grid}.editorSideColumn{align-self:start;gap:14px;display:grid;position:sticky;top:18px}.formSection{background:#fff;border:1px solid #e2e8f0;border-radius:24px;gap:14px;padding:20px;display:grid}.sectionHeaderCompact h3{color:#0f172a;margin:0;font-size:20px;line-height:1.2}.seoFieldsGrid{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:14px;display:grid}.postForm h2,.postTable h2{color:#020617;font-size:28px}.adminLogin label,.postForm label,.formField{color:#334155;gap:8px;margin-bottom:16px;font-size:14px;font-weight:900;display:grid}.formField{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;gap:12px;padding:20px}.formFieldEditor{background:#fff;padding:0;overflow:hidden}.fieldHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.formFieldEditor .fieldHeader{padding:20px 20px 0}.fieldLabel{color:#0f172a;font-size:15px;font-weight:950;display:block}.fieldHint{color:#64748b;max-width:760px;margin-top:5px;font-size:13px;font-weight:700;line-height:1.55}.adminLogin input,.postForm input,.postForm textarea,.postForm select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:16px;width:100%;padding:14px 15px}.imageField{gap:12px;display:grid}.imageFieldActions{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.imageDropzone{background:#fff;border:1px dashed #cbd5e1;border-radius:20px;place-items:center;min-height:190px;display:grid;overflow:hidden}.imageDropzone.hasPreview{background:#f8fafc;border-style:solid}.imagePlaceholder{color:#64748b;text-align:center;place-items:center;gap:4px;display:grid}.imagePlaceholder strong{color:#0f172a;font-size:15px}.imagePlaceholder span{font-size:13px;font-weight:750}.imageField img,.imageDropzone img{object-fit:cover;width:100%;max-height:260px}.richEditor{background:#fff;border-top:1px solid #e2e8f0;border-radius:0;overflow:hidden}.editorToolbar{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fafcf5;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:10px;padding:12px;display:flex;position:sticky;top:0}.toolbarGroup{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;gap:6px;padding:6px;display:inline-flex}.editorToolbar button,.editorToolbar select,.colorTool{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:34px;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.editorToolbar button:hover,.editorToolbar select:hover,.colorTool:hover,.editorToolbar .isActive{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.colorTool{gap:8px}.colorTool input{border:0;width:24px;height:24px;padding:0}.richEditor .ProseMirror{color:#1e293b;outline:none;min-height:420px;padding:22px;font-size:18px;line-height:1.75}.richEditor .ProseMirror:focus{box-shadow:inset 0 0 0 3px #2563eb1a}.richEditor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#94a3b8;pointer-events:none;height:0}.richEditor .ProseMirror h2,.richEditor .ProseMirror h3{color:#020617;line-height:1.18}.richEditor .ProseMirror p,.richEditor .ProseMirror ul,.richEditor .ProseMirror ol{margin-bottom:16px}.richEditor .ProseMirror ul,.richEditor .ProseMirror ol{padding-left:24px}.richEditor .ProseMirror img{border-radius:18px;max-width:100%;height:auto;margin:18px 0}.richEditor .ProseMirror blockquote{background:#eff6ff;border-left:4px solid #2563eb;border-radius:14px;margin:18px 0;padding:16px}.postForm textarea{resize:vertical}.editorSubmitBar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #e2e8f0;border-radius:18px;justify-content:flex-end;gap:10px;margin-top:18px;padding:14px;display:flex;position:sticky;bottom:16px;box-shadow:0 18px 44px #0f172a14}.qualityPanel,.productivityPanel{gap:14px;display:grid}.qualityScoreCard,.seoPreview,.qualityCounters,.qualityChecklist,.autosaveCard,.livePreviewCard{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 18px 44px #0f172a0d}.qualityScoreCard{justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.qualityScoreCard strong{color:#0f172a;font-size:34px;font-weight:950;line-height:1;display:block}.qualityScoreCard p{color:#64748b;margin-top:6px;font-size:13px;font-weight:800}.scoreRing{background:radial-gradient(circle at center, #fff 58%, transparent 59%), conic-gradient(#2563eb var(--score), #e2e8f0 0);border-radius:999px;flex:none;place-items:center;width:74px;height:74px;display:grid}.scoreRing span{color:#0f172a;font-size:18px;font-weight:950}.seoPreview{gap:7px;padding:18px;display:grid}.seoPreview strong{color:#1d4ed8;font-size:18px;line-height:1.25}.seoPreview small{color:#15803d;word-break:break-all;font-size:12px;font-weight:800}.seoPreview p{color:#475569;font-size:13px;line-height:1.45}.qualityCounters{grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.qualityCounters article{border-right:1px solid #e2e8f0;gap:4px;padding:14px 12px;display:grid}.qualityCounters article:last-child{border-right:0}.qualityCounters strong{color:#0f172a;font-size:20px;font-weight:950}.qualityCounters span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:850}.qualityChecklist{gap:0;display:grid;overflow:hidden}.qualityCheck{border-bottom:1px solid #e2e8f0;grid-template-columns:28px 1fr;gap:10px;padding:14px;display:grid}.qualityCheck:last-child{border-bottom:0}.qualityCheck>span{color:#c2410c;background:#fff7ed;border-radius:999px;place-items:center;width:24px;height:24px;font-size:13px;font-weight:950;display:grid}.qualityCheck.isOk>span{color:#15803d;background:#dcfce7}.qualityCheck strong{color:#0f172a;font-size:13px;line-height:1.25;display:block}.qualityCheck p{color:#64748b;margin-top:3px;font-size:12px;font-weight:700;line-height:1.35}.autosaveCard{gap:14px;padding:18px;display:grid}.autosaveCard strong,.livePreviewCard strong{color:#0f172a;font-size:16px;font-weight:950;display:block}.autosaveCard p{color:#64748b;margin-top:5px;font-size:13px;font-weight:750}.draftActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.draftActions button:disabled{cursor:not-allowed;opacity:.48}.livePreviewCard{gap:14px;padding:16px;display:grid}.previewHeader{gap:12px;display:grid}.segmentedControl{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmentedControl button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:32px;font-size:12px;font-weight:900}.segmentedControl button.active{color:#2563eb;background:#fff;box-shadow:0 8px 18px #0f172a14}.articlePreview{background:#fff;border:1px solid #e2e8f0;border-radius:18px;gap:12px;max-height:560px;padding:18px;display:grid;overflow:auto}.articlePreview.mobile{border-radius:22px;max-width:260px;margin:0 auto;padding:14px;box-shadow:inset 0 0 0 6px #f1f5f9}.articlePreview img{object-fit:cover;border-radius:14px;width:100%;max-height:160px}.previewMeta,.previewTags{flex-wrap:wrap;gap:6px;display:flex}.previewMeta span,.previewTags span{color:#1d4ed8;background:#eff6ff;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.articlePreview h4{color:#0f172a;font-size:24px;line-height:1.15}.articlePreview.mobile h4{font-size:19px}.articlePreview>p{color:#64748b;font-size:14px;line-height:1.5}.previewBody{color:#334155;border-top:1px solid #e2e8f0;gap:10px;padding-top:8px;font-size:14px;line-height:1.65;display:grid}.previewBody h2,.previewBody h3{color:#0f172a;line-height:1.2}.previewBody h2{font-size:19px}.previewBody h3{font-size:16px}.previewBody ul,.previewBody ol{padding-left:18px}.previewBody blockquote{background:#eff6ff;border-left:3px solid #2563eb;border-radius:12px;margin:0;padding:12px}.adminLogin input:focus,.postForm input:focus,.postForm textarea:focus,.postForm select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1f}.formAlert,.formSuccess{border-radius:16px;max-width:1180px;margin:0 auto 18px;padding:14px 16px;font-weight:800}.formAlert{color:#be123c;background:#fff1f2}.formSuccess{color:#047857;background:#ecfdf5}.postTable{align-content:start;gap:16px;display:grid}.postTable article{box-shadow:none;border-radius:22px;grid-template-columns:1fr auto;gap:18px;padding:20px;display:grid}.postTable h3{color:#020617;margin-top:10px;font-size:20px}.postTable p{color:#64748b;margin-top:8px;line-height:1.5}.customerRevenueStats{margin-bottom:24px}.customerOpsGrid{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:28px;max-width:1320px;margin:0 auto;padding:0;display:grid}.customerCreateForm{align-self:start}.customerFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.customerTable{gap:18px;display:grid}.customerCard{grid-template-columns:1fr!important;gap:18px!important;display:grid!important}.customerCardHeader{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.customerCardHeader h3{margin-top:10px;font-size:24px}.customerBadges,.customerContact,.customerInlineForm{flex-wrap:wrap;gap:8px;display:flex}.customerBadges{justify-content:flex-end}.customerContact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.customerContact span,.billingBadge,.paymentBadge{border-radius:999px;align-items:center;min-height:30px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.customerContact span{color:#475569;background:#fff}.billingBadge.neutral,.paymentBadge.pending,.paymentBadge.manual_review{color:#475569;background:#f1f5f9}.billingBadge.success,.paymentBadge.paid{color:#15803d;background:#dcfce7}.billingBadge.warning{color:#b45309;background:#fef3c7}.billingBadge.danger,.paymentBadge.overdue{color:#be123c;background:#ffe4e6}.customerInlineForm{gap:12px;display:grid}.customerInlineForm label{margin-bottom:0}.status.trial{color:#1d4ed8;background:#eff6ff}.status.active{color:#15803d;background:#dcfce7}.status.payment_pending{color:#b45309;background:#fef3c7}.status.blocked,.status.cancelled,.status.technical_issue{color:#be123c;background:#ffe4e6}.status{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.status.published{color:#15803d;background:#dcfce7}.status.draft{color:#475569;background:#f1f5f9}.rowActions{flex-wrap:wrap;align-content:flex-start;gap:8px;display:flex}.ghostButton,.dangerButton{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;min-height:38px;padding:0 12px;font-weight:900;display:inline-flex}.dangerButton{color:#be123c;border-color:#fecdd3}@keyframes scrollBar{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:980px){.heroGrid,.metrics,.caseGrid,.pricingGrid,.productIntro,.workflowPanel,.postGrid,.adminGrid,.customerOpsGrid,.customerFormGrid,.adminStats,.editorMetaGrid,.editorWorkspace,.seoFieldsGrid{grid-template-columns:1fr}.editorSideColumn{position:static}.adminHeader,.adminHeaderActions,.customerCardHeader,.postTableHeader{flex-direction:column}.adminHeaderActions,.customerBadges,.postTableHeader{justify-content:flex-start;align-items:flex-start}h1{letter-spacing:-2px;font-size:48px}.hero p,.cta p{font-size:18px}.quote{font-size:20px}.testimonial{padding:40px}.productIntro{padding:38px}.cta{padding:50px 30px}.featured{transform:none}}@media (max-width:640px){section{padding:82px 0}.topbarTrack span{padding-right:48px;font-size:12px}.testimonial,.productIntro,.pricingCard{padding:26px}.author{flex-direction:column;align-items:flex-start}.sticky{bottom:14px;right:14px}.whatsappButton{width:48px;height:48px;box-shadow:0 12px 28px #16a34a3d}.whatsappButton svg{width:26px;height:26px}.postTable article,.imageFieldActions,.qualityCounters{grid-template-columns:1fr}.qualityCounters article{border-bottom:1px solid #e2e8f0;border-right:0}.qualityCounters article:last-child{border-bottom:0}.editorSubmitBar{flex-direction:column-reverse;align-items:stretch}.blogHero h1,.articleHeader h1,.adminHeader h1,.adminLogin h1{letter-spacing:-1.6px}}