:root{--bg:#07080d;--surface:#0d1018;--surface2:#111522;--line:rgba(255,255,255,.085);--text:#f6f7fb;--muted:#8e96a7;--purple:#8b5cf6;--cyan:#35d9ef;--green:#42d6a0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(124,58,237,.11),transparent 36%),radial-gradient(circle at 100% 42%,rgba(34,211,238,.055),transparent 28%);z-index:-2}.ambient{position:fixed;width:440px;height:440px;border-radius:50%;filter:blur(130px);opacity:.10;pointer-events:none;z-index:-1}.ambient-one{background:#7c3aed;left:-300px;top:180px}.ambient-two{background:#06b6d4;right:-300px;top:420px}.header{height:72px;max-width:1180px;margin:auto;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:820;font-size:19px;letter-spacing:-.04em}.brand-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#22d3ee);box-shadow:0 0 25px rgba(139,92,246,.22)}.brand>span:last-child>span{color:#7e8799}.header nav{display:flex;align-items:center;gap:25px}.header nav a{color:#7f8797;text-decoration:none;font-size:11px;font-weight:650}.header nav a:hover{color:#fff}.header .nav-cta{color:#c8cdd7;border:1px solid var(--line);padding:9px 12px;border-radius:9px;background:rgba(255,255,255,.025)}.nav-cta b{color:#a78bfa;margin-left:6px}.hero{max-width:980px;margin:auto;padding:70px 18px 48px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.022);border-radius:999px;padding:8px 12px;color:#a5adbc;font-size:9px;font-weight:850;letter-spacing:.15em}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.eyebrow span{color:#555d6d}h1{font-size:clamp(45px,7vw,76px);line-height:1.005;letter-spacing:-.07em;margin:22px 0 18px;font-weight:850}h1 strong{font-weight:850;background:linear-gradient(92deg,#a78bfa 0%,#8da7ff 48%,#5ee5ee 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{max-width:660px;margin:0 auto 34px;color:var(--muted);font-size:15px;line-height:1.7}.tool{max-width:760px;margin:auto;padding:10px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(18,21,30,.92),rgba(9,11,16,.96));box-shadow:0 35px 100px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.025)}.toolbar{height:34px;padding:0 9px;display:flex;justify-content:space-between;align-items:center;color:#687183;font-size:9px;letter-spacing:.13em;font-weight:850}.toolbar b{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 9px #8b5cf6;margin-right:7px}.privacy{color:#637c70}.dropzone{position:relative;min-height:405px;border:1px dashed rgba(167,139,250,.42);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;background:radial-gradient(circle at 50% 32%,rgba(139,92,246,.12),transparent 38%),rgba(255,255,255,.012);transition:.22s}.dropzone:after{content:"";position:absolute;inset:10px;border-radius:13px;border:1px solid rgba(255,255,255,.018);pointer-events:none}.dropzone:hover,.dropzone:focus{outline:none;border-color:#ad98ff;box-shadow:inset 0 0 80px rgba(139,92,246,.035),0 0 35px rgba(139,92,246,.045)}.drop-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(139,92,246,.08);filter:blur(45px);top:40px}.upload-icon{position:relative;z-index:1;width:68px;height:68px;padding:1px;border-radius:20px;background:linear-gradient(145deg,rgba(167,139,250,.7),rgba(34,211,238,.35));box-shadow:0 15px 45px rgba(124,58,237,.13);margin-bottom:20px}.upload-icon span{width:100%;height:100%;border-radius:19px;display:grid;place-items:center;background:#171a27;color:#c9baff;font-size:28px}.dropzone h2,.dropzone p,.formats,.drop-hint{position:relative;z-index:1}.dropzone h2{font-size:22px;letter-spacing:-.03em;margin:0 0 7px}.dropzone p{margin:0;color:#7f8798;font-size:13px}.dropzone button{border:0;background:none;color:#c4b5fd;font:inherit;font-weight:750;cursor:pointer}.formats{display:flex;align-items:center;gap:7px;margin-top:22px}.formats span{border:1px solid var(--line);border-radius:6px;padding:5px 7px;color:#6e7686;font-size:8px;font-weight:800;letter-spacing:.08em}.formats em{font-style:normal;color:#656d7d;font-size:9px;margin-left:4px}.drop-hint{margin-top:18px;color:#515969;font-size:9px;letter-spacing:.04em}.hidden{display:none!important}.state{padding:15px}.state-head{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:2px 2px 13px}.state-head small{display:block;color:#727b8c;font-size:8px;font-weight:850;letter-spacing:.14em}.state-head strong{display:block;font-size:14px;margin-top:4px}.round-btn,.new-btn{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#bfc4cf;border-radius:9px;cursor:pointer}.round-btn{width:34px;height:34px;font-size:21px}.new-btn{padding:9px 12px;font-size:11px}.source-frame,.result-frame{min-height:350px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:#08090e}.source-frame img,.result-frame img{max-width:100%;max-height:540px;object-fit:contain}.result-frame{position:relative;background:#e4e5e9}.checker{position:absolute;inset:0;background-image:linear-gradient(45deg,#d0d1d5 25%,transparent 25%),linear-gradient(-45deg,#d0d1d5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d0d1d5 75%),linear-gradient(-45deg,transparent 75%,#d0d1d5 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.result-frame img{position:relative;z-index:1}.badge{position:absolute;z-index:2;right:12px;bottom:12px;background:rgba(7,8,13,.78);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:7px 9px;color:#d9dce4;font-size:8px;font-weight:850;letter-spacing:.08em}.primary{width:100%;margin-top:12px;padding:15px;border:0;border-radius:12px;background:linear-gradient(100deg,#7c3aed,#0891b2);color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 12px 32px rgba(124,58,237,.18);transition:.18s}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.loading{min-height:438px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ai-loader{display:flex;gap:7px;margin-bottom:25px}.ai-loader span{width:9px;height:9px;border-radius:50%;background:#a78bfa;animation:bounce 1s infinite}.ai-loader span:nth-child(2){animation-delay:.14s;background:#8fa9ff}.ai-loader span:nth-child(3){animation-delay:.28s;background:#67e8f9}@keyframes bounce{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-9px);opacity:1}}.loading>small{font-size:8px;color:#a78bfa;letter-spacing:.15em;font-weight:850}.loading>strong{font-size:18px;margin-top:8px}.loading>p{font-size:12px;color:#7d8696;margin:6px 0 0}.progress{width:min(340px,75%);height:3px;background:#20232d;border-radius:20px;margin-top:24px;overflow:hidden}.progress i{display:block;width:42%;height:100%;background:linear-gradient(90deg,#8b5cf6,#22d3ee);animation:slide 1.5s ease-in-out infinite}@keyframes slide{from{transform:translateX(-120%)}to{transform:translateX(260%)}}.process-steps{display:flex;gap:24px;margin-top:17px;font-size:8px;letter-spacing:.13em;font-weight:800;color:#4f5766}.process-steps .on{color:#a78bfa}.error{margin:8px 3px 3px;padding:13px;border-radius:11px;text-align:left;background:rgba(244,63,94,.07);border:1px solid rgba(244,63,94,.25);color:#ffacba;font-size:12px}.trust{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:16px;color:#687181;font-size:9px}.trust span::first-letter{color:#4fd3a2}.showcase,.seo{max-width:1050px;margin:88px auto 0;padding:0 20px}.section-kicker{font-size:9px;font-weight:850;letter-spacing:.16em;color:#70798a}.section-title{display:flex;align-items:end;justify-content:space-between;gap:30px}.showcase h2,.seo h2{font-size:clamp(31px,4.2vw,48px);line-height:1.05;letter-spacing:-.055em;margin:13px 0 28px}.showcase h2 span{color:#737c8e}.section-title p{color:#727b8c;font-size:12px;margin:0 0 31px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article,.benefits div{position:relative;border:1px solid var(--line);background:rgba(255,255,255,.021);border-radius:18px;padding:22px;min-height:195px;transition:.2s}.cards article:hover,.benefits div:hover{background:rgba(255,255,255,.035);border-color:rgba(167,139,250,.2);transform:translateY(-2px)}.number{font-size:9px;color:#a78bfa;font-weight:850;letter-spacing:.1em}.mini-icon{position:absolute;right:20px;top:19px;color:#747d8e;font-size:18px}.cards h3{font-size:16px;margin:46px 0 7px}.cards p,.seo>p{font-size:12px;line-height:1.7;color:#7d8696;margin:0}.seo{margin-top:105px}.seo h2{max-width:650px}.seo>p{max-width:750px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:27px}.benefits b,.benefits span{display:block}.benefits b{font-size:13px;margin-bottom:7px}.benefits span{color:#737c8d;font-size:11px;line-height:1.55}footer{max-width:1050px;margin:78px auto 0;padding:23px 20px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#555e6d;font-size:10px}.brand-dot{color:#a78bfa;margin-right:5px}
@media(max-width:700px){.header{height:62px;padding:0 15px}.header nav a:first-child{display:none}.header .nav-cta{padding:8px 10px}.hero{padding:54px 12px 35px}.eyebrow{font-size:8px}h1{font-size:43px;letter-spacing:-.065em;margin-top:19px}.lead{font-size:14px;line-height:1.6;margin-bottom:28px}.tool{padding:7px;border-radius:20px}.toolbar{padding:0 7px;font-size:8px}.privacy{font-size:7px}.dropzone{min-height:350px}.dropzone h2{font-size:20px}.formats{gap:5px}.formats span{padding:5px 6px}.drop-hint{font-size:8px}.source-frame,.result-frame{min-height:270px}.trust{gap:10px 17px;font-size:8px}.showcase,.seo{margin-top:65px;padding:0 16px}.section-title{display:block}.section-title p{margin-top:-18px;margin-bottom:24px}.cards,.benefits{grid-template-columns:1fr}.cards article{min-height:165px}.seo{margin-top:70px}footer{margin-top:60px;padding:22px 16px 30px}}

/* FreeCutora tools navigation + tool preview */
.tools-link{color:#b9c0ce!important}
.tool-preview{max-width:1050px;margin:42px auto 0;padding:0 20px}
.tool-preview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:18px}
.tool-preview-head h2{font-size:clamp(27px,3.5vw,40px);line-height:1.05;letter-spacing:-.055em;margin:11px 0 0}
.tool-preview-head h2 span{color:#737c8e}
.tool-preview-head>a{color:#c8cdd7;text-decoration:none;border:1px solid var(--line);background:rgba(255,255,255,.025);padding:10px 12px;border-radius:10px;font-size:10px;font-weight:750;white-space:nowrap}
.tool-preview-head>a b{color:#a78bfa;margin-left:5px}
.tool-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tool-preview-card{position:relative;min-height:142px;padding:19px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.021);color:inherit;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
a.tool-preview-card{transition:.2s}
a.tool-preview-card:hover{transform:translateY(-2px);border-color:rgba(167,139,250,.28);background:rgba(255,255,255,.035)}
.tool-preview-card.active{background:linear-gradient(145deg,rgba(139,92,246,.075),rgba(34,211,238,.025));border-color:rgba(167,139,250,.24)}
.tool-preview-card.muted{opacity:.64}
.tool-preview-icon{font-size:19px;color:#a78bfa;margin-bottom:13px}
.tool-preview-card strong{font-size:14px;letter-spacing:-.02em}
.tool-preview-card p{margin:6px 0 0;color:#737c8d;font-size:10px;line-height:1.55;max-width:240px}
.tool-preview-card>span{position:absolute;right:15px;top:15px;color:#6e7686;font-size:7px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.tool-preview-card.active>span{color:#a78bfa}
@media(max-width:700px){.header nav{gap:8px}.header nav a.tools-link{display:none}.header .nav-cta{font-size:9px}.tool-preview{margin-top:25px;padding:0 16px}.tool-preview-head{display:block}.tool-preview-head h2{font-size:30px}.tool-preview-head>a{display:inline-block;margin-top:14px}.tool-preview-grid{grid-template-columns:1fr}.tool-preview-card{min-height:125px}}