/* MagicGlowPDF · Modern visual redesign · 2026 */
:root{--navy:#16233e;--slate:#718097;--line:#e5e9f2;--light:#f4f7fb;--violet:#6156ed;--teal:#0fc9aa;--white:#fff}
html{scroll-behavior:smooth}body{background:#f7f9fd;color:#17233b;-webkit-font-smoothing:antialiased}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a69dff;outline-offset:3px}
header.top{height:86px;max-width:none;padding-inline:max(28px,calc((100vw - 1260px)/2));background:#fff;border-bottom:1px solid #edf0f7;position:relative;z-index:2}
.logo{font-size:22px;letter-spacing:-1.2px}.logoico{background:linear-gradient(145deg,#6b5dff,#4030bf);box-shadow:0 8px 22px #6558ed33;transform:rotate(-5deg)}.nav{gap:35px}.nav a{font-size:13px;transition:color .2s}.nav-btn{background:#171f38;border:1px solid #171f38;color:#fff;padding:13px 21px;border-radius:13px;box-shadow:0 9px 20px #151e3620}.nav-btn:hover{background:#5146d8}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 15%,#313767 0%,transparent 43%),radial-gradient(ellipse at 12% 78%,#233d60 0%,transparent 46%),#101a33;color:#fff;text-align:left;padding:85px 0 90px}
.hero:after{content:'';position:absolute;right:-70px;top:-230px;width:570px;height:570px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 80px #ffffff04,0 0 0 160px #ffffff05;pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);align-items:center;gap:55px;position:relative;z-index:1;max-width:1260px}
.hero .eyebrow{grid-column:1;justify-self:start;background:#ffffff18;border:1px solid #ffffff29;color:#c5c3ff;font-size:11px;letter-spacing:1.1px;margin-bottom:-26px}.hero h1{grid-column:1;text-align:left;margin:26px 0 0;font-size:clamp(43px,4.8vw,69px);line-height:1.11;letter-spacing:-3.6px;max-width:750px}.hero h1 em{color:#b1a8ff}.hero .sub{grid-column:1;text-align:left;margin:0;max-width:610px;color:#c3cee0;font-size:16px;line-height:1.85}.hero-benefits{grid-column:1;justify-content:flex-start;margin-top:0;gap:19px;color:#dbe4f4;font-size:12px}.hero-benefits span::before{color:#62e8c7}
.hero-preview{grid-column:2;grid-row:1 / span 4;background:linear-gradient(150deg,#ffffff,#eff0ff);color:#182543;border-radius:25px;padding:22px;box-shadow:0 25px 85px #03091776,0 0 0 1px #ffffff55;transform:rotate(2deg);min-height:330px}.preview-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:#28334e;padding:3px 4px 17px}.preview-pills{display:flex;gap:5px}.preview-pills i{width:8px;height:8px;border-radius:50%;background:#cfd5e7}.preview-pills i:first-child{background:#9d93f7}.preview-drop{background:#fbfbff;border:2px dashed #c8c4ff;border-radius:17px;min-height:157px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.preview-document{width:49px;height:59px;border-radius:8px;background:linear-gradient(145deg,#786cff,#5546d9);display:grid;place-items:center;color:white;font-size:18px;font-weight:800;box-shadow:0 9px 15px #6558ed32}.preview-drop strong{font-size:14px}.preview-drop small{font-size:11px;color:#8790a9}.preview-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.preview-mini div{border:1px solid #e2e5f1;border-radius:12px;padding:12px 6px;text-align:center;font-size:11px;font-weight:800;color:#61708c;background:#fff}.preview-mini b{display:block;font-size:19px;color:#6256dc;margin-bottom:6px}
.main{max-width:1260px;padding-top:75px;padding-bottom:100px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:32px;letter-spacing:-1.4px}.section-heading p{font-size:14px}.search{border-radius:14px;padding:15px 17px;border-color:#e0e5ee;box-shadow:0 8px 30px #1e305609;max-width:300px}.search input{width:210px;background:transparent}.filters{margin:0 0 28px;gap:10px}.filter{font-size:12px;padding:11px 18px;border-color:#e2e7f1;transition:all .2s}.filter:hover{border-color:#afa7ff;color:#544bd7}.filter.active{background:#6156ed;border-color:#6156ed;color:#fff;box-shadow:0 7px 18px #6156ed36}
.grid{gap:17px}.tool{min-height:205px;border:1px solid #e7ebf3;border-radius:19px;padding:25px 23px;box-shadow:0 4px 20px #1a2d5308;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,border .2s}.tool::after{content:'↗';position:absolute;right:20px;top:25px;color:#a3aac0;font-size:20px;transition:transform .2s,color .2s}.tool:hover:after{color:#6256ed;transform:translate(2px,-2px)}.tool:hover{border-color:#b7b1f7;box-shadow:0 18px 45px #1c25551b;transform:translateY(-5px)}.tool .symbol{width:52px;height:52px;font-size:25px;border-radius:15px;margin-bottom:20px}.tool h3{font-size:15px;margin-bottom:9px;padding-right:12px}.tool p{font-size:12px;line-height:1.75;color:#77859b}.tool[data-tool=visualeditor]{background:linear-gradient(145deg,#685df0,#4337bd);border-color:#6156ed;box-shadow:0 15px 35px #6256ed28}.tool[data-tool=visualeditor] h3,.tool[data-tool=visualeditor] p,.tool[data-tool=visualeditor]::after{color:#fff}.tool[data-tool=visualeditor] p{opacity:.84}.tool[data-tool=visualeditor] .symbol{background:#ffffff25;color:white}
.trust{background:#fff;border-top:1px solid #eef0f7;padding:84px 0}.trustcols{max-width:1260px;gap:20px}.trustcols>div{background:#f8faff;border:1px solid #e9eef8;border-radius:20px;padding:30px}.trustico{width:53px;height:53px;display:grid;place-items:center;background:#ebeaff;border-radius:16px;font-size:24px}.trust h3{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.4px}.trust p{font-size:13px}.footer{background:#111a2e;padding:55px 0}.footer .wrap{max-width:1260px}
.overlay{background:#11172dc4;backdrop-filter:blur(8px)}.dialog{border-radius:25px;padding:35px;box-shadow:0 35px 100px #03091a78}.dialog h2{font-size:26px}.dialog .desc{font-size:13px}.drop{background:#f6f5ff;border:1.8px dashed #aaa4fb;border-radius:18px;padding:40px 16px}.drop:hover{background:#eeecff}.primary{background:linear-gradient(100deg,#675bf1,#5144d9);border-radius:12px;padding:17px;box-shadow:0 10px 20px #6558ed36}.primary:not(:disabled):hover{filter:brightness(1.06)}.field input:focus,.field select:focus{border-color:#7a70f0;outline:3px solid #e7e4ff}
.editor-overlay{background:#f3f5fa}.editor-head{background:#fff;border-bottom:1px solid #e7ebf4;box-shadow:0 2px 10px #17213a08}.editor-button{border-radius:11px}.editor-button.save{background:#6156ed;border-color:#6156ed}.editor-button.active{background:#eae8ff;color:#5145dd}.editor-sidebar{background:#fbfcff}.editor-toolbar{background:#fff}
@media(max-width:1050px){.hero .wrap{gap:30px}.hero-preview{transform:none;padding:16px}.hero h1{font-size:50px}.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.hero{text-align:center;padding:67px 0}.hero .wrap{display:flex;flex-direction:column;gap:22px}.hero .eyebrow{align-self:center;margin:0}.hero h1{text-align:center;margin:0;font-size:clamp(38px,8vw,58px);letter-spacing:-2px}.hero .sub{text-align:center}.hero-benefits{justify-content:center}.hero-preview{width:min(440px,100%);min-height:0;margin-top:18px}.main{padding-top:55px}.grid{grid-template-columns:repeat(2,1fr)}header.top{padding-inline:22px}}
@media(max-width:540px){header.top{height:70px;padding-inline:16px}.logo{font-size:19px}.logoico{width:34px;height:37px}.nav-btn{padding:10px;font-size:11px}.hero{padding:48px 0 55px}.hero h1{font-size:39px}.hero .sub{font-size:14px}.hero-benefits{gap:12px;font-size:11px}.hero-preview{padding:14px}.main{padding-top:44px;padding-bottom:62px}.section-heading h2{font-size:26px}.grid{gap:11px}.tool{min-height:190px;padding:19px 14px}.tool .symbol{width:43px;height:43px;font-size:21px}.tool h3{font-size:13px}.tool p{font-size:11px}.tool::after{right:12px;top:16px}.trust{padding:48px 0}.trustcols>div{padding:22px}.dialog{padding:24px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool,.tool::after{transition:none}}