/* MagicGlowPDF 2.2 — refined visual system; presentation-only */
:root{--navy:#17213a;--slate:#69768c;--line:#e3e9f0;--light:#f5f8fc;--violet:#445bdf;--teal:#13ae9b;--white:#fff}
html{scroll-behavior:smooth}body{background:#f7f9fc;color:#17213a;font-family:'DM Sans',sans-serif}button,a,input{transition:color .18s,background .18s,border-color .18s,box-shadow .18s}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a7bbff;outline-offset:3px}
header.top{height:84px;background:#fff;border-bottom:1px solid #e9edf4;box-shadow:0 2px 20px #1a29430a;position:relative;z-index:3}.logo{font-size:22px;letter-spacing:-1.1px}.logoico{background:#445bdf;transform:none;border-radius:12px;box-shadow:0 6px 14px #445bdf30}.nav a{font-size:13px;color:#59677c}.nav a:hover{color:#3851d6}.nav-btn{background:#192844;color:#fff;border-color:#192844;box-shadow:none}.nav-btn:hover{background:#354c7a}
.hero{padding:80px 0 88px;background:radial-gradient(ellipse 52% 70% at 82% 20%,#e6eaff 0%,transparent 90%),linear-gradient(145deg,#f6f8ff 5%,#ffffff 75%);color:#182641;border-bottom:1px solid #e8edf8;overflow:hidden}.hero:after{content:'';right:-140px;top:-180px;width:480px;height:480px;border:1px solid #d6defb;box-shadow:0 0 0 70px #d5e0ff1a,0 0 0 140px #d5e0ff1a}.hero .wrap{max-width:1260px;gap:80px}.hero .eyebrow{background:#e8edff;border:1px solid #dce5ff;color:#4358bc;letter-spacing:.08em;padding:9px 14px}.hero h1{font-size:clamp(43px,4.6vw,68px);color:#13223e;line-height:1.11;letter-spacing:-3.4px}.hero h1 em{color:#445bdf}.hero .sub{color:#67758d;max-width:570px;font-size:16px}.hero-benefits{color:#526176}.hero-benefits span::before{color:#0c9c84}
.hero-preview{background:#fff;transform:rotate(1deg);border:1px solid #e4eaf7;box-shadow:0 35px 75px #172e6b20,0 4px 15px #16294b0a;border-radius:22px;padding:18px;min-height:330px}.preview-head{padding:10px 8px 21px;border-bottom:1px solid #edf1f8;color:#182643}.preview-pills i:first-child{background:#10b99c}.preview-drop{background:linear-gradient(150deg,#f7f9ff,#fcfdff);border:1.5px dashed #aabaf4;margin-top:16px;min-height:164px}.preview-document{background:linear-gradient(145deg,#526be8,#354ac6);box-shadow:0 8px 17px #455bd53b}.preview-mini div{border-color:#e9edf7;color:#5e6d85}.preview-mini b{color:#4560dc}
.main{padding-top:78px}.section-heading h2{font-size:33px;letter-spacing:-1.4px;color:#182743}.section-heading p{color:#778397}.search{box-shadow:none;border-color:#dce4f0;background:#fff}.search:focus-within{border-color:#7085e8;box-shadow:0 0 0 4px #e8edff}.filters{gap:8px}.filter{border-radius:10px;padding:10px 16px;background:#fff;color:#647288}.filter.active{background:#172b4c;border-color:#172b4c;box-shadow:none;color:#fff}.filter:hover{color:#405ad7;border-color:#aebef7}
.grid{gap:16px}.tool{border:1px solid #e6ebf3;min-height:201px;border-radius:17px;box-shadow:0 5px 18px #243d6510;background:#fff;padding:25px 23px}.tool:hover{transform:translateY(-4px);border-color:#9aaaf5;box-shadow:0 17px 40px #243d6520}.tool::after{color:#a6b1c4}.tool:hover::after{color:#425bd8}.tool .symbol{border-radius:13px}.tool h3{color:#202e47;font-weight:800;font-size:15px}.tool p{color:#778397}.tool[data-tool=visualeditor]{background:#243a68;border-color:#243a68;box-shadow:0 8px 24px #22365c25}.tool[data-tool=visualeditor] .symbol{background:#ffffff27}.tool[data-tool=visualeditor]:hover{box-shadow:0 20px 43px #243a6850}
.trust{background:#f0f4fa;border-top:1px solid #e2eaf4}.trustcols>div{background:#fff;border-color:#e5ebf4;box-shadow:0 6px 17px #1c325209}.trustico{background:#edf2ff}.footer{background:#14233d}
.overlay{backdrop-filter:blur(9px);background:#10203bc2}.dialog{border:1px solid #e8edf7;box-shadow:0 35px 100px #030d2670}.dialog h2{color:#192744}.drop{background:#f7f9ff;border-color:#99abeb}.drop:hover{background:#ecf1ff}.primary{background:#435cdd;box-shadow:0 8px 22px #435cdd2d}.primary:not(:disabled):hover{background:#344ac2}.field input:focus,.field select:focus{border-color:#536be5;outline:3px solid #e7ecff}
/* Editor: separate workspace chrome and canvas */
.editor-overlay{background:#edf1f7;color:#172640}.editor-head{background:#1b2c4b!important;color:#f9fbff;border-bottom:1px solid #344663;box-shadow:0 4px 18px #10203a17}.editor-head .logo{color:#fff}.editor-head .logoico{background:#5369eb}.editor-head .editor-button{background:#304261;color:#f7f9ff;border:1px solid #405473}.editor-head .editor-button:hover{background:#405677}.editor-head .editor-button.save{background:#4d66e8;border-color:#4d66e8;color:#fff}
.editor-sidebar{background:#fff;box-shadow:4px 0 24px #2437550c;border-right:1px solid #e4e9f2}.editor-sidebrand{background:#f9fbff;border-bottom:1px solid #e8edf5}.editor-side-tabs{background:#f3f6fb}.editor-side-tabs button.active{color:#3654d5;border-color:#4561e2}.editor-panel-label{color:#36465f}.editor-side-action{border-radius:10px}.editor-side-action.primary{background:#445ddd}.editor-toolbar{background:#fff;border-bottom:1px solid #e0e6f0;box-shadow:0 3px 12px #14294606}.editor-toolbar .editor-button{border-radius:9px}.editor-button.active{background:#e7edff;border-color:#a5b4f9;color:#3453c8}.editor-button.save{background:#445ddd;border-color:#445ddd;color:#fff}.editor-center{background:#edf1f7}.editor-stage{background:radial-gradient(#dbe2ef 0.85px,transparent 0.85px);background-size:17px 17px}.editor-page{box-shadow:0 20px 55px #17294735}.editor-status{background:#fff;border-top:1px solid #dce4ee;color:#65738b}.editor-empty{border-radius:20px;border-color:#c2cee4;background:#fff;box-shadow:0 17px 50px #20375610}.editor-sign-panel{border-radius:19px}
@media(max-width:780px){.hero{text-align:center;padding:60px 0}.hero .wrap{gap:22px}.hero .eyebrow{margin:0}.hero h1{text-align:center;letter-spacing:-2px}.hero .sub{text-align:center}.hero-benefits{justify-content:center}.hero-preview{transform:none}.main{padding-top:52px}}
@media(max-width:540px){header.top{height:72px}.hero{padding:45px 0 54px}.hero h1{font-size:clamp(36px,9vw,43px)}.hero .sub{font-size:14px}.grid{gap:12px}.tool{padding:19px 15px;min-height:190px}.tool h3{font-size:13px}.tool p{font-size:11px}.section-heading h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}