/* DailyEZTools — unified design system */
:root{
 --ink:#172238;--muted:#65738a;--line:#dfe5ef;--canvas:#f2f4f8;
 --navy:#10182b;--navy-2:#17233d;--navy-3:#223454;
 --accent:#6657d9;--accent-2:#8475ed;--teal:#39b7aa;
 --surface:#ffffff;--surface-2:#f8f9fc;--success:#16836c;
 --shadow:0 12px 32px rgba(20,32,55,.08);
 --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.58 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:#5145b8}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9b91f5;outline-offset:3px}
.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#111a2e 0%,#0d1527 100%);border-bottom:1px solid #2a3854;box-shadow:0 8px 22px rgba(7,13,26,.22)}
.site-nav{max-width:1240px;min-height:76px;margin:auto;padding:12px 24px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;text-decoration:none!important;color:#f5f6ff!important;font-size:25px;font-weight:850;letter-spacing:-1.1px;white-space:nowrap}
.brand-mark{color:#a99afc;font-size:25px;filter:drop-shadow(0 0 8px #7766db66)}
.brand-name span{color:#a99afc}
.site-navlinks{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0}
.site-navlinks>a,.nav-drop>summary{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:#dbe2f2!important;text-decoration:none!important;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;list-style:none;transition:background .16s,border-color .16s,color .16s,transform .16s}
.site-navlinks>a:hover,.site-navlinks>a:focus-visible,.nav-drop:hover>summary,.nav-drop[open]>summary,.nav-drop:focus-within>summary{background:#253354;border-color:#405278;color:#fff!important;transform:translateY(-1px)}
.nav-drop{position:relative}
.nav-drop>summary::-webkit-details-marker{display:none}
.nav-drop>summary:after{content:"⌄";margin-left:8px;color:#76d5cd;font-size:12px}
.nav-drop-menu{position:absolute;top:calc(100% + 10px);left:0;width:270px;padding:10px;background:#17233c;border:1px solid #394c70;border-radius:14px;box-shadow:0 18px 38px rgba(4,9,20,.38);display:grid;grid-template-columns:1fr;gap:3px;z-index:120}
.nav-drop-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:14px}
.nav-drop-menu a{display:block;padding:9px 11px;border-radius:8px;color:#e4eaf7!important;text-decoration:none!important;font-size:13px;font-weight:600}
.nav-drop-menu a:hover,.nav-drop-menu a:focus-visible{background:#2a3a5e;color:#fff!important}
.nav-drop-menu .menu-heading{padding:8px 11px 9px;color:#9faff0;font-size:11px;font-weight:850;letter-spacing:1.1px;text-transform:uppercase;border-bottom:1px solid #344565;margin-bottom:3px}
.nav-cta{flex:0 0 auto;padding:10px 15px;border-radius:10px;background:#6657d9;color:white!important;text-decoration:none!important;font-size:13px;font-weight:800;box-shadow:0 4px 0 #453b9c,0 8px 18px #070d1e66;transition:transform .15s,box-shadow .15s}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 0 #453b9c,0 12px 22px #070d1e77}
.menu-toggle{display:none;border:1px solid #3a4a69;background:#1b2945;color:#fff;border-radius:9px;padding:8px 11px;font-weight:800}
.status-pill{flex:0 0 auto;color:#8be0d3;background:#183a3d;border:1px solid #2b6662;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;white-space:nowrap}
.hero{max-width:none;margin:0;padding:64px max(24px,calc((100vw - 1160px)/2)) 58px;background:radial-gradient(ellipse at 82% 20%,rgba(92,77,173,.42),transparent 34%),linear-gradient(115deg,#121d34 0%,#172342 58%,#1d3150 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:46px;align-items:center;text-align:left;position:relative;overflow:hidden;border-bottom:1px solid #314366}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}
.heroInner{position:relative;z-index:1;max-width:650px}
.eyebrow{display:inline-flex!important;align-items:center;gap:8px;margin:0 0 17px!important;padding:7px 11px;border:1px solid #42647b;border-radius:999px;background:#1a344a;color:#8ce0d5!important;font-size:11px!important;font-weight:850;letter-spacing:1.1px!important}
.hero h1{margin:0 0 17px;color:#fff;font-size:clamp(38px,5vw,61px);line-height:1.04;letter-spacing:-2.4px;font-weight:850}
.hero h1 em{font-style:normal;color:#a99afc}
.heroInner>p:not(.eyebrow){max-width:610px;margin:0;color:#c5cede;font-size:17px;line-height:1.75}
.heroActions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.heroPrimary,.heroSecondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:10px;text-decoration:none!important;font-weight:800;font-size:14px}
.heroPrimary{background:#6c5ce7;color:#fff!important;box-shadow:0 4px 0 #483baf,0 10px 20px #090f2280}
.heroPrimary:hover{transform:translateY(-2px)}
.heroSecondary{border:1px solid #586987;color:#eef2fa!important;background:#202e49}
.heroProof{display:flex;gap:16px;flex-wrap:wrap;margin-top:19px;color:#aebbd0;font-size:11px;font-weight:650}
.heroVisual{position:relative;z-index:1;min-height:290px;display:grid;place-items:center}
.ft-illust-orb{position:absolute;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,#6556d65c,transparent 68%);filter:blur(5px)}
.ft-device{position:relative;width:min(330px,82%);padding:12px 12px 19px;background:#263858;border:1px solid #52658c;border-radius:20px;box-shadow:0 22px 45px #060b1b88;transform:rotate(-2deg)}
.ft-device-screen{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(140deg,#283e65,#31305f);border:1px solid #59699c;color:#fff}
.ft-brandmark{width:40px;height:40px;display:grid;place-items:center;margin-bottom:10px;border-radius:12px;background:#6c5ce7;color:white;font-size:23px}
.ft-device-screen strong{font-size:21px}.ft-device-screen>span{font-size:12px;color:#bdc8dd;margin-top:4px}
.ft-device-tags{display:flex;gap:7px;margin-top:17px}.ft-device-tags i{font-style:normal;font-size:10px;padding:5px 9px;background:#40517a;border-radius:7px;color:#e0e7f4}
.ft-device-base{height:8px;margin:0 -20px;background:linear-gradient(90deg,#7181a8,#d6d9e6,#7181a8);border-radius:0 0 12px 12px}
.ft-float{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#263957;border:1px solid #60749a;color:#e9effa;font-weight:850;box-shadow:0 10px 22px #080d1f66}
.ft-pdf{left:3%;top:18%}.ft-photo{right:5%;top:18%}.ft-word{right:1%;bottom:17%}.ft-excel{left:4%;bottom:15%}.ft-calc{right:15%;top:0}.ft-qr{left:18%;top:2%}
.wrap{max-width:1200px;margin:0 auto;padding:34px 24px 60px}
.taskFinderIntro{margin:0 0 42px}
.taskFinderHead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}
.taskFinderHead h2{margin:0 0 5px;font-size:27px;letter-spacing:-.7px;color:#1c2942}
.taskFinderHead p:not(.eyebrow){margin:0;color:var(--muted);font-size:14px}
.allToolsLink{font-size:13px;font-weight:800;text-decoration:none;color:#5145b8;white-space:nowrap}
.taskGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.taskCard{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:13px;align-items:center;min-height:105px;padding:16px;background:#fff;border:1px solid #e0e5ee;border-radius:14px;text-decoration:none!important;box-shadow:0 4px 12px rgba(22,35,58,.035);transition:border-color .16s,box-shadow .16s,transform .16s}
.taskCard:hover{border-color:#b7b0ec;box-shadow:0 10px 24px rgba(28,37,67,.09);transform:translateY(-2px)}
.taskIcon{grid-row:span 3;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eef0fa;color:#5145b8}
.taskIcon svg{width:28px;height:28px}
.taskCard strong{font-size:14px;color:#1d2a43}.taskCard small{font-size:12px;color:#6a768b}.taskCard>b{font-size:11px;color:#5a4fc1;margin-top:5px}
.promptSpotlight{display:flex;align-items:center;gap:14px;margin-top:14px;padding:15px 17px;background:#e9edf7;border:1px solid #d7deeb;border-radius:13px;color:#1c2a43;text-decoration:none!important}
.promptSpark{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;background:#e5e0ff;color:#5d4cc6;border-radius:11px;font-size:20px}
.promptSpotlight span:nth-child(2){display:grid;gap:3px;flex:1}.promptSpotlight strong{font-size:14px}.promptSpotlight small{font-size:12px;color:#65738a}.promptSpotlight>b{font-size:12px;color:#5145b8}
.pdfsection{margin:42px 0 0}.sectiontitle{margin:0 0 7px;font-size:27px;letter-spacing:-.8px;color:#1d2a43}.sectiondesc{margin:0 0 17px;color:#6a768b;font-size:14px;max-width:760px}
.guideDirectoryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.ft-tool-card,.guideDirectoryGrid>a{display:flex;align-items:center;gap:11px;min-height:72px;padding:12px 14px;border:1px solid #e0e5ee;border-radius:13px;background:#fff;text-decoration:none!important;color:#1c2a43;box-shadow:0 3px 10px rgba(22,35,58,.03);transition:.16s}
.ft-tool-card:hover,.guideDirectoryGrid>a:hover{border-color:#bcb5ed;box-shadow:0 9px 22px rgba(22,35,58,.08);transform:translateY(-2px)}
.ft-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;background:#eef0f7;color:#5145b8;box-shadow:none}
.ft-icon img{width:25px!important;height:25px!important;object-fit:contain}
.ft-card-label{display:grid;gap:3px;font-size:13px;font-weight:800;color:#26344d}.ft-card-label small{font-size:11px;font-weight:500;color:#718097}
.ft-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ft-guide-card{display:flex;align-items:center;gap:12px;padding:15px;background:#fff;border:1px solid #e0e5ee;border-radius:13px;text-decoration:none!important;color:#26344d}
.ft-guide-card:hover{border-color:#bdb5ee;box-shadow:var(--shadow)}
.ft-guide-copy{display:grid;gap:3px}.ft-guide-copy strong{font-size:13px}.ft-guide-copy small{font-size:11px;color:#718097}
.toolfinder{max-width:900px;margin:0 auto 28px;padding:17px 18px;background:#fff;border:1px solid #dfe5ef;border-radius:15px;box-shadow:0 5px 18px rgba(20,32,55,.045)}
.toolfinder>label{display:block;font-size:13px;font-weight:800;margin-bottom:7px;color:#25324a}
.searchrow{display:flex;align-items:center;gap:10px;padding:5px 8px 5px 12px;border:1px solid #dce2ec;border-radius:10px;background:#fafbfe}
.searchrow span{font-size:20px;color:#78859a}.searchrow input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:8px 0;color:#1c2942}
.quicklinks{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.quicklinks a{padding:5px 9px;border-radius:7px;background:#f0f2f8;color:#53627a;text-decoration:none;font-size:11px;font-weight:700}
.tab{border:1px solid #dfe5ef;background:#fff;color:#4c5870;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:750;cursor:pointer}
.tab.active{background:#e9e7fb;border-color:#c9c2f4;color:#4d42a8}
.panel,.studioPanel,.aiBuilder{background:#fff;border:1px solid #dfe5ef;border-radius:16px;padding:22px;box-shadow:0 7px 22px rgba(20,32,55,.045)}
.drop{padding:30px 18px;border:2px dashed #bdc7d8;border-radius:13px;background:#f8f9fc;text-align:center;cursor:pointer}
.drop:hover,.drop.drag{border-color:#7164d5;background:#f1f0fb}
.drop h2{margin:6px 0;font-size:19px;color:#23314b}.drop p{margin:4px 0 12px;color:#6b788d;font-size:13px}
.uploadicon{font-size:30px}.btn{border:0;border-radius:9px;background:#5d50c5;color:#fff;padding:10px 15px;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 #40358f}
.btn:hover{background:#4e43ad;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{background:#e9edf4;color:#344158;box-shadow:none}
.settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:17px}
.field{min-width:0;border:1px solid #e1e6ee;border-radius:11px;padding:12px;background:#fbfcfe}
.field label{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:#344158}
.field input[type=number],.field input[type=text],.field select,.field textarea{width:100%;border:1px solid #d6deea;border-radius:8px;padding:9px;background:#fff;color:#1d2a43;font:inherit;font-size:13px}
.field input[type=range]{width:100%;accent-color:#5d50c5}.sub,.hint{font-size:11px;color:#7a8799;margin-top:5px}
.files{display:grid;gap:9px;margin-top:16px}.file{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px;border:1px solid #e0e5ee;border-radius:11px;background:#fff}
.thumb{width:54px;height:54px;object-fit:cover;border-radius:8px;background:#edf0f6}.fname{font-size:13px;font-weight:750;overflow-wrap:anywhere}.meta{font-size:11px;color:#748197}.status{font-size:11px;color:#16836c;font-weight:750}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.pdfgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pdftool{min-width:0;padding:15px;background:#fff;border:1px solid #e0e5ee;border-radius:13px}
.pdftool h3{margin:0 0 6px;font-size:15px;color:#24314a}.pdftool p{margin:0 0 10px;font-size:12px;color:#6b788d}
.pdftool input[type=file],.pdftool input[type=text],.pdftool select{width:100%;font-size:12px;margin:6px 0 10px}
.privacy{margin-top:15px;padding:12px 14px;border:1px solid #cfe7df;border-radius:10px;background:#f0f8f5;color:#286655;font-size:12px}
.below{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}
.mini{padding:15px;background:#fff;border:1px solid #e0e5ee;border-radius:12px}.mini strong{display:block;font-size:13px;margin-bottom:4px}.mini p{margin:0;color:#6b788d;font-size:12px}
.sectionKicker{font-size:11px;font-weight:850;letter-spacing:1.2px;color:#5b50bd}
.aiStudio{padding:24px;background:#e9edf7;border:1px solid #d8deeb;border-radius:17px}
.aiLayout{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.aiIntro{padding:15px}.aiOrb{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#5e52c4;color:#fff;font-size:23px}
.aiIntro h3{font-size:28px;line-height:1.1;color:#1d2a43}.aiIntro p{color:#65738a;font-size:13px}.aiBuilder{padding:18px}.aiBuilder .field{margin-bottom:10px}.aiBuilder .field input,.aiBuilder .field select,.aiBuilder .field textarea{width:100%;padding:9px;border:1px solid #d9dfeb;border-radius:8px;background:white}
.aiBuilderGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.aiBuilder #promptOutput{width:100%;min-height:120px;margin-top:8px;padding:12px;border:1px solid #d9dfeb;border-radius:9px;background:#fafbfe;color:#24314a}
.footer{margin-top:45px;padding:25px 18px;text-align:center;background:#10182b;color:#aebbd0;font-size:12px}
.footerlinks{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:10px}.footerlinks a{color:#d8deeb;text-decoration:none;font-weight:650}.footerlinks a:hover{color:#a99afc}
.ftnav,.ftbrand,.ftfoot{display:none!important}
main.wrap{max-width:960px;margin:30px auto 42px;padding:30px;background:#fff;border:1px solid #e0e5ee;border-radius:17px;box-shadow:0 7px 24px rgba(20,32,55,.045)}
main.wrap>p:first-child{font-size:12px;color:#758197}
main.wrap h1{margin:16px 0 13px;font-size:clamp(29px,4vw,42px);line-height:1.12;letter-spacing:-1.2px;color:#1c2942}
main.wrap h2{margin:28px 0 8px;font-size:21px;color:#2b3852}
main.wrap h3{color:#2b3852}
main.wrap p,main.wrap li{color:#56647a;font-size:14px;line-height:1.75}
main.wrap a{color:#574bb7}
.cta{display:inline-flex;margin:10px 0;padding:11px 15px;background:#5d50c5;color:#fff!important;border-radius:9px;text-decoration:none;font-size:13px;font-weight:800}
.note{padding:13px 15px;background:#eef1f8;border:1px solid #dfe5ef;border-radius:11px;color:#45536b}
.faq{margin:9px 0;padding:13px 15px;background:#fafbfe;border:1px solid #e1e6ee;border-radius:10px}.faq h3{margin:0 0 5px;font-size:14px}.faq p{margin:0}
.ft-icon img{display:block;width:25px;height:25px;object-fit:contain}
@media(max-width:1000px){.site-nav{gap:14px;padding-inline:18px}.site-navlinks{gap:2px}.site-navlinks>a,.nav-drop>summary{padding-inline:9px;font-size:12px}.status-pill{display:none}.guideDirectoryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .site-nav{min-height:66px;flex-wrap:wrap;gap:10px;padding:10px 15px}
 .brand{font-size:22px}.menu-toggle{display:block;margin-left:auto}
 .nav-cta{display:none}
 .site-navlinks{display:none;order:5;flex:0 0 100%;width:100%;align-items:stretch;flex-direction:column;padding:8px 0 3px}
 .site-navlinks.open{display:flex}
 .site-navlinks>a,.nav-drop>summary{justify-content:flex-start;width:100%;min-height:42px;padding:10px 12px}
 .nav-drop-menu{position:static;width:100%;margin:4px 0 7px;box-shadow:none;background:#1b2945}
 .nav-drop-menu:before{display:none}
 .hero{grid-template-columns:1fr;padding:42px 20px 38px;gap:15px}
 .hero h1{font-size:clamp(35px,9vw,46px);letter-spacing:-1.6px}
 .heroInner>p:not(.eyebrow){font-size:15px}
 .heroVisual{min-height:220px}
 .ft-device{width:min(280px,80%)}
 .ft-device-screen{min-height:145px}
 .wrap{padding:25px 15px 45px}
 .taskFinderHead{align-items:flex-start;flex-direction:column;gap:8px}
 .taskGrid{grid-template-columns:1fr 1fr}
 .guideDirectoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ft-guide-grid,.pdfgrid,.below{grid-template-columns:1fr 1fr}
 .settings{grid-template-columns:1fr 1fr}
 .aiLayout{grid-template-columns:1fr}.aiIntro{padding:5px}
 .main.wrap,main.wrap{margin:15px 12px;padding:20px 16px}
}
@media(max-width:480px){
 .taskGrid,.guideDirectoryGrid,.ft-guide-grid,.pdfgrid,.below,.settings,.aiBuilderGrid{grid-template-columns:1fr}
 .heroActions>a{flex:1}
 .heroProof{gap:8px}
 .file{grid-template-columns:44px minmax(0,1fr)}
 .thumb{width:44px;height:44px}
 .file .download-one{grid-column:2}
 .panel,.studioPanel,.aiBuilder{padding:15px}
 .promptSpotlight{align-items:flex-start;flex-wrap:wrap}
 .promptSpotlight>b{margin-left:54px}
}

/* Additional content blocks, kept deliberately neutral */
.creatorBand{margin:34px 0;padding:22px;background:#e8edf5;border:1px solid #d9e1ec;border-radius:16px;color:#1d2a43}
.creatorBand h2{margin:0 0 7px;color:#1d2a43;font-size:24px}.creatorBand>p{color:#627087;font-size:13px}
.creatorGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.creatorTile{padding:13px;background:#fff;border:1px solid #dfe5ee;border-radius:11px;color:#26344d;text-decoration:none}
.creatorTile:hover{border-color:#b9b1e8;box-shadow:0 8px 18px rgba(22,35,58,.07)}
.creatorTile b{display:block;font-size:13px}.creatorTile small{display:block;color:#718097;font-size:11px}
.studioControls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:14px 0}
.studioControls label{display:block;font-size:12px;font-weight:800;color:#344158}
.studioControls input,.studioControls select{width:100%;margin-top:5px;padding:9px;border:1px solid #d6deea;border-radius:8px;background:#fff;color:#1d2a43}
.canvasWrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}
.canvasStage{display:grid;place-items:center;min-height:270px;padding:16px;background:#f0f2f7;border:1px solid #dfe5ee;border-radius:12px;overflow:hidden}
#creatorCanvas{max-width:100%;height:auto;max-height:500px;box-shadow:0 8px 22px rgba(10,20,38,.16)}
.calc-result,.result-main{padding:14px;border-radius:10px;background:#eef0f8;border:1px solid #dce2ee;color:#24314a}
@media(max-width:760px){.creatorGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.studioControls{grid-template-columns:1fr 1fr}.canvasWrap{grid-template-columns:1fr}}
@media(max-width:480px){.creatorGrid,.studioControls{grid-template-columns:1fr}}


/* V14 final corrections: self-contained styles, predictable contrast and compact layouts */
:root{--canvas:#f3f5f9;--ink:#18243a;--muted:#68768c;--line:#dfe5ef;--accent:#5d50c5}
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{background:#f3f5f9!important;color:#18243a!important}
/* Keep the navigation dark even if an older page stylesheet is present. */
header.site-header{display:block!important;position:sticky!important;top:0!important;z-index:1000!important;background:#10182b!important;background-image:linear-gradient(180deg,#121b30,#0d1527)!important;border:0!important;border-bottom:1px solid #293854!important;box-shadow:0 7px 20px rgba(8,14,28,.18)!important}
.site-nav{max-width:1280px!important;min-height:72px!important;margin:0 auto!important;padding:10px 22px!important;display:flex!important;align-items:center!important;gap:20px!important;background:transparent!important}
.brand,.brand:visited{color:#f5f6ff!important;text-decoration:none!important}.brand-name{color:#f5f6ff!important}.brand-name span,.brand-mark{color:#a99afc!important}
.site-navlinks{display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:transparent!important}
.site-navlinks>a,.nav-drop>summary{background:transparent!important;border:1px solid transparent!important;border-radius:9px!important;color:#e0e6f3!important;text-decoration:none!important;box-shadow:none!important;font-size:13px!important;font-weight:750!important;padding:9px 11px!important;min-height:40px!important}
.site-navlinks>a:hover,.site-navlinks>a:focus-visible,.nav-drop:hover>summary,.nav-drop[open]>summary{background:#253354!important;border-color:#405278!important;color:#fff!important;transform:translateY(-1px)!important;outline:none!important}
.nav-drop-menu{background:#17233c!important;border:1px solid #394c70!important;box-shadow:0 18px 38px rgba(4,9,20,.35)!important}
.nav-drop-menu a{color:#e4eaf7!important}.nav-drop-menu a:hover{background:#2a3a5e!important;color:#fff!important}
.nav-cta,.nav-cta:visited{background:#6657d9!important;color:#fff!important;border:0!important;box-shadow:0 3px 0 #453b9c!important}
/* Compact hero: preserve brand visual but bring the actual tools closer to the fold. */
.hero{padding-top:42px!important;padding-bottom:38px!important;gap:28px!important;min-height:0!important}
.hero h1{font-size:clamp(36px,4.5vw,54px)!important;line-height:1.07!important;letter-spacing:-1.8px!important}
.heroInner>p:not(.eyebrow){font-size:16px!important;line-height:1.6!important}
.heroVisual{min-height:235px!important}.ft-device{width:min(300px,80%)!important}.ft-device-screen{min-height:165px!important}
.ft-float{width:42px!important;height:42px!important;border-radius:12px!important}
/* Homepage sections share a readable content width and rhythm. */
main.wrap{max-width:1240px!important;margin:0 auto!important;padding:32px 24px 54px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.pdfsection{margin-top:34px!important}.sectiontitle{font-size:25px!important;letter-spacing:-.55px!important}.sectiondesc{margin-bottom:14px!important}
.taskCard,.ft-tool-card,.ft-guide-card,.pdftool,.mini{background:#fff!important;border:1px solid #dfe5ef!important;box-shadow:0 3px 10px rgba(22,35,58,.035)!important;color:#26344d!important}
.taskCard:hover,.ft-tool-card:hover,.ft-guide-card:hover,.pdftool:hover{border-color:#b9b2e9!important;box-shadow:0 8px 20px rgba(22,35,58,.07)!important;transform:translateY(-2px)!important}
.ft-icon,.ft-guide-icon,.taskIcon{background:#eef0f7!important;box-shadow:none!important}
.ft-guide-copy strong,.ft-card-label,.taskCard strong,.pdftool h3{color:#26344d!important}.ft-guide-copy small,.ft-card-label small,.taskCard small,.pdftool p{color:#6b788d!important}
/* The Productivity Studio is intentionally two columns on desktop: large enough for forms, no stretched cards. */
#productivityTools>.pdfgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:16px!important}
#productivityTools .calculator-tool,#productivityTools .pdftool{min-width:0!important;min-height:0!important;height:auto!important;padding:18px!important;display:block!important;align-self:start!important}
#productivityTools .ft-tool-heading{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 7px!important;font-size:17px!important;line-height:1.3!important}
#productivityTools .ft-tool-heading .ft-icon{width:40px!important;height:40px!important;flex:0 0 40px!important}
#productivityTools .pdftool>p{margin:0 0 14px!important;min-height:0!important;font-size:13px!important;line-height:1.5!important}
#productivityTools .calc-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:end!important}
#productivityTools .calc-fields label{display:grid!important;gap:6px!important;margin:0!important;min-width:0!important;font-size:12px!important;font-weight:750!important;color:#344158!important}
#productivityTools .calc-fields label span{display:block!important}
#productivityTools input:not([type=checkbox]):not([type=radio]),#productivityTools select,#productivityTools textarea{width:100%!important;min-width:0!important;min-height:42px!important;padding:9px 11px!important;border:1px solid #d7dfeb!important;border-radius:9px!important;background:#fff!important;color:#1c2942!important;font-size:14px!important;box-shadow:none!important}
#productivityTools textarea{min-height:92px!important;resize:vertical!important}
#productivityTools .actions{display:flex!important;gap:8px!important;margin:13px 0 0!important}
#productivityTools .btn,#productivityTools button{min-height:40px!important;padding:9px 14px!important;border-radius:9px!important;font-size:13px!important;font-weight:800!important}
#productivityTools .calc-result{margin-top:12px!important;padding:12px 13px!important;min-height:42px!important;background:#f3f5fa!important;border:1px solid #dfe5ef!important;border-radius:10px!important;color:#26344d!important;font-size:13px!important}
#productivityTools .result-placeholder{font-size:13px!important;color:#68768c!important}
/* Fix dark text on purple anchor buttons — especially Open Split/Rotate/Delete and file downloads. */
a.btn,a.btn:link,a.btn:visited,.pdftool a.btn,.download-one a.btn,.heroPrimary,.nav-cta,.cta{color:#fff!important;text-decoration:none!important;text-shadow:none!important;opacity:1!important}
.pdftool a.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:9px 14px!important;border-radius:9px!important;background:#5d50c5!important}
.pdftool a.btn:hover{background:#4c40a9!important}
button.btn:disabled{opacity:.48!important}
/* File list actions never collapse or lose contrast. */
.file{grid-template-columns:54px minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important}
.download-one{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:125px!important}
.download-one a.btn{min-width:94px!important;min-height:40px!important}
/* Keep all form controls consistent on standalone calculator/tool pages too. */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{max-width:100%;border:1px solid #d7dfeb;border-radius:9px;background:#fff;color:#1c2942;padding:9px 11px}
input:focus,select:focus,textarea:focus{outline:3px solid #e4e1fb!important;border-color:#8579dc!important}
button.btn,.btn{background:#5d50c5!important;color:#fff!important;border:0!important;box-shadow:0 3px 0 #40358f!important}
button.btn.secondary,.btn.secondary{background:#e9edf4!important;color:#344158!important;box-shadow:none!important}
/* Mobile: no squeezed nav or side-scrolling forms. */
@media(max-width:900px){.site-nav{gap:10px!important;padding-inline:16px!important}.site-navlinks>a,.nav-drop>summary{padding-inline:8px!important;font-size:12px!important}.brand{font-size:22px!important}}
@media(max-width:760px){
 .site-nav{min-height:64px!important;flex-wrap:wrap!important;gap:9px!important;padding:9px 14px!important}
 .menu-toggle{display:block!important;margin-left:auto!important;background:#1b2945!important;color:#fff!important;border:1px solid #3a4a69!important}
 .site-navlinks{display:none!important;order:5!important;flex:0 0 100%!important;width:100%!important;flex-direction:column!important;align-items:stretch!important;padding:7px 0 3px!important}
 .site-navlinks.open{display:flex!important}.site-navlinks>a,.nav-drop>summary{justify-content:flex-start!important;width:100%!important;min-height:42px!important;padding:10px 12px!important;font-size:13px!important}
 .nav-drop-menu{position:static!important;width:100%!important;margin:4px 0 7px!important;box-shadow:none!important}
 .hero{grid-template-columns:1fr!important;padding:35px 20px 28px!important;gap:12px!important}.heroVisual{min-height:190px!important}.ft-device{width:min(270px,78%)!important}.ft-device-screen{min-height:140px!important}
 main.wrap{padding:24px 15px 42px!important}
 #productivityTools>.pdfgrid{grid-template-columns:1fr 1fr!important}
 .settings{grid-template-columns:1fr 1fr!important}
 .file{grid-template-columns:46px minmax(0,1fr)!important}.download-one{grid-column:2!important;justify-content:flex-start!important}
}
@media(max-width:520px){
 #productivityTools>.pdfgrid,.settings,.taskGrid,.guideDirectoryGrid,.ft-guide-grid,.below,.aiBuilderGrid{grid-template-columns:1fr!important}
 #productivityTools .calc-fields{grid-template-columns:1fr!important}
 .hero h1{font-size:clamp(33px,9vw,43px)!important}
 .file{grid-template-columns:42px minmax(0,1fr)!important}.download-one{grid-column:1/-1!important;justify-content:flex-end!important}
}



/* Search belongs to the task discovery area, before the popular tools grid. */
#taskFinder + #toolSearchBox{
  width:100%!important;max-width:100%!important;
  margin:22px 0 30px!important;padding:18px 20px!important;
  box-sizing:border-box!important;position:relative!important;
  border:1px solid #dfe5ef!important;border-radius:14px!important;
  background:#fff!important;box-shadow:0 4px 14px rgba(22,35,58,.04)!important;
}
#toolSearchBox>label{display:block!important;margin:0 0 9px!important;color:#26344d!important;font-size:14px!important;font-weight:800!important}
#toolSearchBox .searchrow{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;box-sizing:border-box!important}
#toolSearchBox .searchrow input{flex:1 1 auto!important;min-width:0!important}
#toolSearchBox .hint{margin:9px 0 0!important}
#toolSearchBox .quicklinks{margin-top:12px!important}
#toolSearchResults{position:static!important;display:none;margin:12px 0 0!important;width:100%!important;max-width:none!important;transform:none!important;float:none!important}
#toolSearchResults.visible{display:block!important}
#toolSearchResults .tool-search-results-grid{display:grid!important;position:static!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:10px!important;width:100%!important}
#toolSearchResults .tool-search-result{position:static!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;width:100%!important;min-width:0!important;min-height:76px!important;margin:0!important;padding:12px 14px!important;border:1px solid #dfe5ef!important;border-radius:10px!important;background:#fafbfe!important;color:#26344d!important;text-align:left!important;box-shadow:none!important}
#toolSearchResults .tool-search-result strong{color:#26344d!important;font-size:13px!important}
#toolSearchResults .tool-search-result small{color:#68768c!important;font-size:12px!important}
#toolSearchResults .tool-search-result span{color:#5d50c5!important;font-size:11px!important;font-weight:800!important}
@media(max-width:600px){#taskFinder + #toolSearchBox{padding:14px!important;margin:18px 0 24px!important}#toolSearchResults .tool-search-results-grid{grid-template-columns:1fr!important}}


/* V15 Interactive Standalone Tool Workspaces & AdSense Layout Safeguards */
.wrap { max-width: 1040px; margin: 0 auto; padding: 28px 20px 64px; }
.crumb { font-size: 13px; color: #64748b; margin-bottom: 14px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.crumb a { color: #4f46e5; text-decoration: none; font-weight: 600; }
.crumb a:hover { text-decoration: underline; }
.tool-workspace { background: #ffffff; border: 1px solid #dbe3f0; border-radius: 18px; padding: 26px; margin: 22px 0 30px; box-shadow: 0 12px 32px -12px rgba(15, 23, 42, 0.08); }
.tool-dropzone { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 2px dashed #93c5fd; background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%); border-radius: 14px; padding: 32px 20px; cursor: pointer; transition: all 0.2s ease; gap: 8px; }
.tool-dropzone:hover, .tool-dropzone.drag { border-color: #2563eb; background: #e0f2fe; }
.tool-dropzone strong { font-size: 18px; color: #0f172a; }
.tool-dropzone small { font-size: 13.5px; color: #475569; }
.tool-controls-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-top: 18px; }
.tool-field { display: flex; flex-direction: column; gap: 6px; }
.tool-field label { font-size: 13.5px; font-weight: 600; color: #1e293b; }
.tool-field input, .tool-field select, .tool-field textarea { width: 100%; padding: 11px 13px; border: 1px solid #cbd5e1; border-radius: 10px; font-size: 15px; background: #fff; color: #0f172a; }
.tool-field input:focus, .tool-field select:focus, .tool-field textarea:focus { outline: 2px solid #6366f1; border-color: transparent; }
.tool-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 18px; }
.preset-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.preset-chip { background: #f1f5f9; border: 1px solid #cbd5e1; border-radius: 999px; padding: 5px 12px; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; transition: all 0.15s; }
.preset-chip:hover { background: #e0e7ff; border-color: #818cf8; color: #312e81; }
.stat-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; margin: 16px 0; }
.stat-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px; text-align: center; }
.stat-card strong { display: block; font-size: 24px; font-weight: 800; color: #4f46e5; line-height: 1.2; }
.stat-card small { font-size: 12.5px; color: #64748b; font-weight: 600; }
.tool-status { margin-top: 14px; padding: 12px 16px; border-radius: 10px; font-size: 14px; font-weight: 600; display: none; }
.tool-status.visible { display: block; }
.tool-status.ok { background: #ecfdf5; border: 1px solid #a7f3d0; color: #065f46; }
.tool-status.err { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
.file-list-preview { margin-top: 16px; display: flex; flex-direction: column; gap: 10px; }
.file-row-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #f8fafc; border: 1px solid #e2e8f0; padding: 10px 14px; border-radius: 10px; flex-wrap: wrap; }
.ad-slot-container { margin: 28px 0; padding: 14px; background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 12px; text-align: center; min-height: 96px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #94a3b8; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; }
.seo-guide-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 26px; margin-top: 24px; }
.seo-guide-card h2 { margin-top: 0; color: #0f172a; font-size: 22px; }
.seo-guide-card h3 { color: #1e293b; font-size: 17px; margin-top: 18px; }
.formula-box { background: #f1f5f9; border-left: 4px solid #4f46e5; padding: 14px 18px; border-radius: 8px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 14px; margin: 14px 0; color: #0f172a; }


/* V16 Mega-Footer, Workflow Chaining & Enhanced Tool Cards */
.workflow-next-bar { background: linear-gradient(90deg, #eef2ff 0%, #f5f3ff 100%); border: 1px solid #c7d2fe; border-radius: 14px; padding: 14px 18px; margin: 18px 0 26px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.workflow-next-bar strong { font-size: 13.5px; color: #312e81; }
.workflow-next-links { display: flex; flex-wrap: wrap; gap: 8px; }
.workflow-next-links a { background: #ffffff; border: 1px solid #a5b4fc; border-radius: 999px; padding: 6px 13px; font-size: 13px; font-weight: 600; color: #4338ca; text-decoration: none; transition: all 0.15s; }
.workflow-next-links a:hover { background: #4f46e5; border-color: #4f46e5; color: #ffffff; }
.site-mega-footer { background: #0f172a; color: #cbd5e1; margin-top: 64px; padding: 48px 20px 28px; border-top: 1px solid #1e293b; font-size: 14px; }
.mega-footer-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 32px; padding-bottom: 32px; border-bottom: 1px solid #1e293b; }
.mega-footer-brand p { color: #94a3b8; line-height: 1.6; margin: 12px 0; max-width: 360px; }
.footer-contact-line a { color: #a5b4fc; text-decoration: none; font-weight: 600; }
.mega-footer-col { display: flex; flex-direction: column; gap: 8px; }
.mega-footer-col strong { color: #f8fafc; font-size: 14.5px; margin-bottom: 4px; letter-spacing: 0.02em; }
.mega-footer-col a { color: #94a3b8; text-decoration: none; font-size: 13.5px; transition: color 0.15s; }
.mega-footer-col a:hover { color: #ffffff; text-decoration: underline; }
.mega-footer-bottom { max-width: 1200px; margin: 22px auto 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; color: #64748b; font-size: 13px; }
.mega-footer-legal { display: flex; flex-wrap: wrap; gap: 18px; }
.mega-footer-legal a { color: #94a3b8; text-decoration: none; font-weight: 500; }
.mega-footer-legal a:hover { color: #ffffff; }
@media (max-width: 820px) {
  .mega-footer-inner { grid-template-columns: 1fr 1fr; gap: 24px; }
}
@media (max-width: 520px) {
  .mega-footer-inner { grid-template-columns: 1fr; }
}