/* style.css */
[hidden]{display:none!important}
:root{--ink:#202a27;--muted:#707772;--paper:#f7f7f2;--orange:#ed603c;--line:#dedfd6;--green:#e4eadb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{max-width:1320px;margin:auto;height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 52px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-size:29px;font-weight:800;letter-spacing:-1.5px}.mark{background:var(--orange);color:white;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;font-size:27px;letter-spacing:-3px;padding-right:3px}.brand-dot{color:var(--orange);margin-left:-8px}nav{display:flex;gap:32px;font-size:14px}nav a:hover,footer a:hover{color:var(--orange)}.header-cta{border:1px solid var(--line);border-radius:7px;padding:12px 17px;font-size:13px;font-weight:700}.header-cta span{margin-left:18px}.container{max-width:1216px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:55px;padding-top:76px;padding-bottom:74px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;text-transform:uppercase;display:flex;gap:10px;align-items:center}.status-dot{display:inline-block;width:7px;height:7px;background:#6c8663;border-radius:50%}h1{font-size:66px;line-height:1.08;letter-spacing:-3.5px;font-weight:600;margin:23px 0}h1 em{font-style:normal;color:var(--orange)}.intro{font-size:17px;color:var(--muted);line-height:1.8;max-width:430px}.button{display:inline-flex;justify-content:center;align-items:center;gap:35px;padding:16px 22px;border-radius:7px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-weight:500;font-size:14px;transition:transform .2s,background .2s}.button:hover{background:#394a42;transform:translateY(-2px)}.button.orange{background:var(--orange);border-color:var(--orange)}.button.light{background:transparent;color:var(--ink);border-color:var(--line)}.hero-actions{display:flex;align-items:center;gap:20px;margin:28px 0}.micro{font-size:11px;color:var(--muted)}.hero-art{background:#e9eddf;border-radius:18px;min-height:400px;position:relative;overflow:hidden;padding:36px}.hero-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#cad1bd55 1px,transparent 1px),linear-gradient(90deg,#cad1bd55 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(to bottom,black,transparent)}.art-heading{position:relative;font-size:10px;letter-spacing:2px;color:#738067}.preview-card{position:relative;background:#fff;border:1px solid #d8ddce;border-radius:12px;box-shadow:0 18px 40px #233a2515;padding:16px;width:73%;margin:28px auto 0;transform:rotate(-5deg)}.preview-image{height:170px;background:#f5ede1;border-radius:7px;display:grid;place-items:center;position:relative;overflow:hidden}.bottle{height:125px;width:61px;background:linear-gradient(90deg,#a8af85,#dbe0b7 45%,#a5ae80);border-radius:12px 12px 16px 16px;position:relative;box-shadow:13px 17px 15px #7a755f30;transform:rotate(12deg)}.bottle:before{content:'';position:absolute;background:#353e30;width:35px;height:20px;top:-14px;left:13px;border-radius:5px 5px 0 0}.bottle:after{content:'EVERYDAY\A botanical care';white-space:pre;text-align:center;position:absolute;top:40px;left:0;width:100%;padding:12px 0;font-size:7px;line-height:1.7;background:#f5f1db;letter-spacing:1px}.preview-bottom{display:flex;justify-content:space-between;align-items:center;padding:15px 0 0;font-size:11px}.success{background:#e7efdf;color:#4e7144;font-size:10px;padding:6px 8px;border-radius:4px}.float-card{position:absolute;right:15px;bottom:52px;transform:rotate(5deg);background:white;border:1px solid #e1e4da;padding:17px 20px;border-radius:10px;box-shadow:0 8px 25px #233a2510}.float-card small{font-size:10px;color:var(--muted)}.float-card strong{font-size:26px;display:block;margin:5px 0}.art-foot{position:absolute;bottom:20px;left:25px;font-size:10px;color:#6b785e}.benefits{display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.benefits span{display:flex;gap:12px;align-items:center}.benefits i{font-style:normal;color:#75816e}.section{padding:70px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}h2{font-size:36px;line-height:1.2;letter-spacing:-1.5px;font-weight:600;margin:12px 0}.section-top p{color:var(--muted);line-height:1.7;margin:0}.filters{display:flex;gap:6px;background:#eeefe7;border-radius:8px;padding:4px}.filter{padding:10px 15px;border:0;background:transparent;color:var(--muted);font-size:12px;border-radius:5px}.filter.active{background:white;box-shadow:0 1px 3px #0001;color:var(--ink)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:11px;padding:26px;min-height:242px;transition:transform .2s,box-shadow .2s,border-color .2s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #25352108;border-color:#b8c2b1}.card-top{display:flex;justify-content:space-between;align-items:center}.tool-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#f7ece4;color:#b66c43;font-size:23px}.tool-card:nth-child(3n+2) .tool-icon{background:#edf0e6;color:#6b8157}.tool-card:nth-child(3n) .tool-icon{background:#eeecf5;color:#81739c}.tag{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#81897e;border:1px solid #e6e7df;border-radius:4px;padding:4px 6px}h3{font-size:19px;letter-spacing:-.5px;font-weight:600;margin:22px 0 9px}.tool-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 20px;max-width:270px}.card-link{font-size:11px;font-weight:600;display:flex;justify-content:space-between;margin-top:auto}.feature-band{display:grid;grid-template-columns:1fr 1fr;background:#27392f;color:#fff;border-radius:14px;overflow:hidden;margin:0 0 70px}.feature-copy{padding:44px}.feature-copy h2{font-size:33px;max-width:350px}.feature-copy p{color:#bec9bf;line-height:1.8;font-size:14px;max-width:350px}.feature-copy .eyebrow{color:#b8c5af}.feature-detail{padding:44px;border-left:1px solid #ffffff15;display:flex;flex-direction:column;justify-content:center;gap:20px}.feature-detail div{display:flex;gap:18px}.feature-detail b{font-size:14px;display:block;margin-bottom:5px}.feature-detail p{margin:0;color:#b9c6ba;font-size:12px;line-height:1.6}.number{color:#b3c5a2;font-size:12px;border:1px solid #5e705e;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.guide-art{height:165px;border-radius:9px;display:grid;place-items:center;font-size:45px;background:#e7e9dc;color:#7f8d68;letter-spacing:-3px;font-family:Manrope}.guide-card:nth-child(2) .guide-art{background:#f2e8da;color:#ba8257}.guide-card:nth-child(3) .guide-art{background:#e7e7ee;color:#8e85a4}.guide-card .eyebrow{font-size:9px;margin-top:20px;color:var(--muted)}.guide-card h3{margin:10px 0 12px;font-size:20px;line-height:1.4}.guide-card:hover h3{color:var(--orange)}.guide-card p{color:var(--muted);font-size:13px;line-height:1.7}.faq{max-width:760px;margin:auto;padding:30px 0 65px}.faq h2{text-align:center;margin-bottom:28px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:500;line-height:1.6}details p{color:var(--muted);line-height:1.8;font-size:14px}.end-note{border-top:1px solid var(--line);padding:35px 0;text-align:center;font-size:13px;color:var(--muted)}footer{max-width:1320px;margin:auto;padding:50px 52px 40px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;border-top:1px solid var(--line);gap:25px}footer p{color:var(--muted);font-size:12px;line-height:1.9}footer b{font-size:9px;letter-spacing:1.5px;display:block;margin-bottom:20px}footer>div>a:not(.brand){display:block;font-size:12px;margin:13px 0;color:var(--muted)}.footer-note{font-size:11px}.footer-note .status-dot{margin-right:6px}.breadcrumb{font-size:12px;color:var(--muted);margin:32px 0}.page-heading{padding:12px 0 30px;max-width:720px}.page-heading h1{font-size:47px;letter-spacing:-2px}.page-heading p{font-size:16px;line-height:1.8;color:var(--muted)}.workspace{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start;margin-bottom:45px}.panel{border:1px solid var(--line);background:#fff;padding:28px;border-radius:12px}.panel h3{margin:0 0 20px}.dropzone{border:1px dashed #bec8b4;border-radius:10px;background:#f7f8f2;text-align:center;padding:45px 20px;cursor:pointer;display:block}.dropzone.drag{border-color:var(--orange);background:#fff2e9}.dropzone strong{display:block;margin:12px;font-size:18px}.dropzone small{color:var(--muted);line-height:1.8}.upload-icon{display:block;font-size:30px;color:#81936e}.dropzone input{display:block;max-width:100%;margin:18px auto 0;font-size:12px}.field{display:block;font-size:12px;font-weight:500;margin:0 0 18px}.field input:not([type=checkbox]),.field select{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fafbf7;margin-top:8px;color:var(--ink)}.field input[type=range]{padding:0;accent-color:var(--orange)}.field input[type=checkbox]{accent-color:var(--orange)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help{font-size:11px;color:var(--muted);line-height:1.7}.processing-status{font-size:13px;line-height:1.7;margin-top:15px}.error{color:#b13e2c}.file-result{padding:18px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px}.file-result img{width:65px;height:65px;object-fit:contain;background:#f1f2ec;border-radius:5px}.file-info{flex:1;min-width:0}.file-info b{font-size:12px;word-break:break-word}.file-info p{font-size:11px;color:var(--muted)}.download{font-size:12px;color:#405e36;text-decoration:underline;white-space:nowrap}.result-hero{background:#e9eedf;border-radius:10px;padding:24px;margin-bottom:20px}.result-hero small{font-size:11px}.result-hero strong{display:block;font-size:40px;font-weight:500;letter-spacing:-2px;margin:10px 0}.result-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.result-row span{color:var(--muted)}.article{max-width:760px;margin:0 auto;padding:45px 24px 80px}.article h1{font-size:46px;letter-spacing:-2px;line-height:1.15}.article h2{font-size:27px;margin:35px 0 15px}.article p,.article li{font-size:16px;line-height:1.9;color:#616b63}.article li{margin:10px 0}.article a:not(.button){color:#b34c2e;text-decoration:underline}.callout{padding:20px 25px;background:#e9eedf;border-radius:8px;margin:25px 0;line-height:1.8}.article table{border-collapse:collapse;width:100%;font-size:13px}.article th,.article td{padding:13px;text-align:left;border:1px solid var(--line)}.article th{background:#e9eedf}canvas{max-width:100%}.empty-filter{grid-column:1/-1;padding:30px;text-align:center}.full-width{width:100%}.hidden{display:none!important}.tool-explainer{max-width:760px;padding:20px 0 50px}.tool-explainer p,.tool-explainer li{color:var(--muted);line-height:1.9;font-size:14px}.tool-explainer h2{font-size:26px}.crop-preview{max-height:260px;margin:20px auto;display:block;object-fit:contain}.copy-status{font-size:12px;color:#617850;margin-top:10px}@media(min-width:1500px){.hero{padding-top:95px;padding-bottom:95px}}@media(max-width:950px){header{padding:0 28px}.hero{gap:25px}h1{font-size:51px}.hero-art{padding:25px;min-height:370px}.preview-card{width:82%}.tool-grid{grid-template-columns:repeat(2,1fr)}.section-top{align-items:start}.workspace{grid-template-columns:1fr 290px}footer{padding:40px 28px;grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header{height:80px;padding:0 20px}.brand{font-size:25px}nav{gap:15px;font-size:11px}nav a:last-child,.header-cta{display:none}.container{padding:0 20px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:35px;gap:30px}h1{font-size:50px;letter-spacing:-2.8px}.intro{font-size:15px}.hero-art{min-height:340px;max-width:440px;width:100%;margin:auto}.preview-card{max-width:260px;margin-top:17px}.preview-image{height:145px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:10px}.section{padding:45px 0}.section-top{display:block}h2{font-size:30px}.filters{display:inline-flex;margin-top:20px}.tool-grid{gap:10px}.tool-card{padding:18px;min-height:245px}.tool-card h3{font-size:17px}.tool-card p{font-size:12px}.tag{font-size:8px;padding:3px}.tool-icon{width:35px;height:35px;font-size:20px}.feature-band{grid-template-columns:1fr;margin-bottom:40px}.feature-copy,.feature-detail{padding:28px}.feature-detail{border-left:0;border-top:1px solid #ffffff15}.guides{grid-template-columns:1fr;gap:27px}.guide-card{display:grid;grid-template-columns:110px 1fr;gap:17px}.guide-art{height:130px;font-size:27px}.guide-card .eyebrow{margin-top:4px}.guide-card h3{font-size:17px}.guide-card p{font-size:12px}.faq{padding-top:15px}footer{grid-template-columns:1fr 1fr;gap:30px 20px;padding:35px 20px}footer>div:first-child{grid-column:1/-1}.footer-note{grid-column:1/-1}.workspace{grid-template-columns:1fr;gap:15px}.workspace .settings{grid-row:1}.panel{padding:20px}.page-heading h1,.article h1{font-size:37px}.page-heading p{font-size:14px}.article{padding:25px 20px 60px}.article p,.article li{font-size:15px}.file-result{gap:10px}.file-result img{width:44px;height:44px}.download{font-size:11px}.hero-actions{gap:12px}.hero-actions .button{gap:20px}}

/* glass.css */
/* Manglo glass system · pearl, ink and warm orange */
:root{--ink:#18232d;--muted:#576571;--paper:#f5f6f8;--orange:#ed603c;--line:#18232d17;--green:#e8eee9;--glass:rgba(255,255,255,.64);--glass-border:rgba(255,255,255,.9);--shadow:0 16px 50px #2536490a,0 2px 8px #25364905}
body{background:radial-gradient(ellipse at 7% 8%,#f6dfcf80,transparent 35%),radial-gradient(ellipse at 95% 18%,#d8e8ed99,transparent 40%),radial-gradient(ellipse at 42% 65%,#e2e9e766,transparent 45%),var(--paper);background-attachment:fixed;font-size:16px}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,#fff5,transparent 65%);z-index:-1}p,h1,h2,h3{text-wrap:pretty}a,button,input,select{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}button:disabled{cursor:wait;opacity:.65}.container{max-width:1248px;padding:0 40px}header{position:sticky;top:16px;z-index:20;max-width:1248px;width:calc(100% - 64px);height:78px;margin:16px auto 0;padding:0 26px;background:#ffffffb3;border:1px solid var(--glass-border);border-radius:20px;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:0 8px 36px #20303c09,inset 0 1px 0 #fff}.brand{font-size:28px;letter-spacing:-1.4px}.mark{background:linear-gradient(145deg,#f7835c,var(--orange));box-shadow:inset 0 1px 1px #ffffff80,0 4px 10px #ed603c20;border:1px solid #ffffff50;border-radius:11px}nav{gap:8px}nav a{padding:10px 15px;border-radius:10px;color:#485561;font-size:13px;font-weight:500}nav a:hover{background:#fff9;color:var(--ink)}.header-cta{background:#fff9;border:1px solid #fff;border-radius:12px;box-shadow:0 2px 5px #22334405;padding:12px 16px}.header-cta:hover{background:#fff;box-shadow:0 4px 14px #22334410}.hero{grid-template-columns:1.12fr 1fr;gap:50px;padding:76px 0 64px}.hero h1{font-size:clamp(52px,5.5vw,76px);line-height:1.07;letter-spacing:-4.3px;font-weight:600;margin:25px 0 23px}.hero h1 em{color:var(--orange)}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero>.eyebrow,.hero>div>.eyebrow{color:#59646e}.status-dot{background:#607b6d;box-shadow:0 0 0 4px #607b6d0c}.intro{font-size:17px;line-height:1.8;max-width:425px}.hero-actions{margin-top:30px;gap:23px}.micro{font-size:11px;line-height:1.8}.button{min-height:48px;border-radius:13px;padding:15px 22px;background:var(--ink);border:1px solid #18232d;box-shadow:0 7px 18px #18232d12,inset 0 1px 0 #ffffff15;gap:28px}.button:hover{background:#2b3c49;box-shadow:0 10px 24px #18232d1c;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button.orange{background:linear-gradient(145deg,#f47750,#ed603c);border-color:#e45b35;box-shadow:0 8px 20px #ed603c22,inset 0 1px 0 #fff4}.button.orange:hover{background:#e95b35}.button.light{background:#ffffff75;border-color:#fff;box-shadow:0 3px 12px #18232d05}.button.light:hover{background:white}.hero-art{min-height:440px;border-radius:30px;padding:30px;background:linear-gradient(140deg,#ffffffb0,#e6eef06b);border:1px solid #fff;box-shadow:0 30px 70px #344f6010,inset 0 1px 0 #fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:visible}.hero-art:before{border-radius:30px;inset:12px;background:linear-gradient(140deg,#ffffff40,#dce7e559);mask-image:none;border:1px solid #ffffffb0}.hero-art:after{content:'';position:absolute;inset:55px 35px 50px;border-radius:50%;background:#f8ba8938;filter:blur(45px);z-index:-1}.art-heading{color:#63727b;font-size:9px;letter-spacing:2px;margin:1px 5px}.preview-card{width:74%;margin:40px auto 0;padding:14px;background:#ffffffc9;border:1px solid #fff;border-radius:20px;box-shadow:0 23px 45px #3f53621c,inset 0 1px 0 #fff;transform:rotate(-6deg);backdrop-filter:blur(18px)}.preview-image{height:190px;border-radius:12px;background:radial-gradient(ellipse at 40% 30%,#fff8f0,#e9e4d9)}.preview-bottom{padding:16px 2px 3px;font-size:10px;gap:8px}.success{border:1px solid #ffffffa0;border-radius:7px;background:#eaf1e5;color:#46603e;font-size:9px;padding:6px 8px}.float-card{right:-12px;bottom:56px;border-radius:18px;padding:21px 23px;transform:rotate(5deg);background:#ffffffb8;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border:1px solid #fff;box-shadow:0 18px 32px #344f6014,inset 0 1px 0 #fff}.float-card strong{font-size:30px;letter-spacing:-1px;margin:8px 0 12px}.float-card small{font-size:9px;letter-spacing:1px}.art-foot{bottom:22px;left:30px;font-size:9px;color:#65757d}.benefits{background:#ffffff64;border:1px solid #ffffffd9;border-radius:16px;box-shadow:0 4px 20px #344f6004;padding:22px 26px;backdrop-filter:blur(16px);font-size:11px}.benefits i{color:#6e7e87}.section{padding:76px 0}.section-top{margin-bottom:30px}.section-top .eyebrow{display:none}h2{font-size:36px;letter-spacing:-1.6px}.section-top p{font-size:14px}.filters{border-radius:13px;padding:5px;background:#e6eaf078;border:1px solid #ffffffb3;box-shadow:inset 0 1px 4px #21364503}.filter{border-radius:9px;min-height:40px;font-size:12px;color:#4b5a68}.filter.active{background:#ffffffe6;box-shadow:0 2px 8px #2536490a}.tool-grid{gap:18px}.tool-card{min-height:260px;padding:28px;border:1px solid #ffffffdb;background:linear-gradient(135deg,#ffffffb5,#ffffff68);border-radius:22px;box-shadow:var(--shadow),inset 0 1px 0 #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;overflow:hidden}.tool-card:hover{transform:translateY(-5px);background:#ffffffe0;border-color:#fff;box-shadow:0 20px 40px #25364912,inset 0 1px 0 #fff}.tool-card .tool-icon{height:46px;width:46px;border-radius:14px;background:#fff6f0;border:1px solid #fff;color:#c15d3b;box-shadow:0 3px 8px #25364906}.tool-card:nth-child(3n+2) .tool-icon{background:#f1f5f1;color:#536f61}.tool-card:nth-child(3n) .tool-icon{background:#eff4f8;color:#55738a}.tag{border:0;background:#ffffff80;color:#65717b;font-size:8px;padding:6px 8px;border-radius:7px}.tool-card h3{font-size:20px;margin:24px 0 11px;letter-spacing:-.7px}.tool-card p{font-size:13px;line-height:1.8}.card-link{border-top:1px solid #18232d0b;padding-top:17px;font-size:11px}.card-link>span{font-size:16px;line-height:12px}.feature-band{background:linear-gradient(125deg,#1c2d39f2,#304651ed);border:1px solid #ffffffc0;border-radius:26px;box-shadow:0 20px 50px #233b4814,inset 0 1px 0 #ffffff25;position:relative}.feature-copy,.feature-detail{padding:46px}.feature-copy .eyebrow{color:#becbd0}.feature-copy h2{font-size:36px;color:#fff}.feature-copy p,.feature-detail p{color:#c6d1d5}.feature-detail{border-color:#ffffff16;gap:28px}.number{border-color:#ffffff30;color:#e8eff0;background:#ffffff09;width:34px;height:34px}.feature-copy .button.light{background:#ffffff0c!important;border-color:#ffffff30!important;box-shadow:inset 0 1px 0 #ffffff12}.feature-copy .button.light:hover{background:#ffffff1f!important}.guides{gap:22px}.guide-card{border:1px solid #fff;border-radius:21px;padding:12px 12px 18px;background:#ffffff5e;box-shadow:0 10px 30px #25364905}.guide-art{height:180px;border:1px solid #fff;border-radius:13px;background:linear-gradient(140deg,#e9f0e9,#d9e6de);color:#5e7969;font-size:36px;letter-spacing:-2px}.guide-card:nth-child(2) .guide-art{background:linear-gradient(140deg,#f7ede4,#ead7c7);color:#9b6d4a}.guide-card:nth-child(3) .guide-art{background:linear-gradient(140deg,#edf1f6,#dbe4ed);color:#627b94}.guide-card>div:last-child{padding:0 9px}.guide-card .eyebrow{font-size:8px;letter-spacing:1.3px;margin-top:22px}.guide-card h3{font-size:18px;line-height:1.5;min-height:54px}.guide-card:hover{background:#ffffffb0;transform:translateY(-3px)}.guide-card p{font-size:12px}.faq{padding-bottom:65px;max-width:780px}.faq h2{margin-bottom:30px}.faq details{padding:20px 24px;margin:10px 0;border:1px solid #fff;border-radius:15px;background:#ffffff70;box-shadow:0 3px 12px #25364903}.faq summary{font-size:14px;min-height:25px}.faq details p{font-size:14px}.end-note{border-color:#18232d0b;padding:32px 0;color:#63717b}footer{margin-top:20px;border-top:1px solid #ffffffd0;background:#ffffff45;max-width:none;padding:48px max(40px,calc((100vw - 1168px)/2));gap:30px;backdrop-filter:blur(16px)}footer p{font-size:12px}footer>div>a:not(.brand){font-size:12px}footer b{color:#62717b}.breadcrumb{margin:35px 0;font-size:12px}.page-heading{padding:5px 0 30px;max-width:760px}.page-heading h1{font-size:48px;margin:18px 0;letter-spacing:-2.5px}.page-heading .eyebrow{color:#687681}.page-heading p{font-size:16px}.workspace{gap:24px;grid-template-columns:minmax(0,1fr) 340px}.panel{padding:28px;border:1px solid #fff;border-radius:23px;background:linear-gradient(135deg,#ffffffb8,#ffffff80);box-shadow:var(--shadow),inset 0 1px 0 #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);min-width:0}.panel h3{font-size:19px;margin-bottom:25px}.dropzone{background:#ffffff70;border:1px dashed #a7b5be;border-radius:16px;padding:50px 20px}.dropzone:hover,.dropzone.drag{background:#fff5eb;border-color:var(--orange)}.dropzone strong{font-size:20px;font-weight:500}.upload-icon{font-size:32px;color:#7e929f}.dropzone small{font-size:12px}.dropzone input::file-selector-button{background:white;color:var(--ink);padding:10px 13px;border:1px solid #d6dfe5;border-radius:8px;cursor:pointer;margin-right:10px}.field{font-size:12px;font-weight:500;margin-bottom:20px}.field input:not([type=checkbox]),.field select{background:#ffffffa8;border:1px solid #d8e0e7;border-radius:10px;padding:13px;color:var(--ink);font-size:14px;min-height:46px}.field input:focus,.field select:focus{border-color:#c6846f;box-shadow:0 0 0 3px #ed603c0a}.field input[type=range]{min-height:24px;padding:0;background:transparent;box-shadow:none}.help{font-size:11px;line-height:1.85;color:#5e6d78}.result-hero{background:linear-gradient(130deg,#f9e8dc,#f6eee8);border:1px solid #fff;border-radius:17px;padding:25px}.result-hero strong{font-family:Manrope,Arial,sans-serif;font-size:42px;font-weight:500;letter-spacing:-2px}.result-hero small{font-size:10px}.result-row{padding:15px 0;font-size:12px;border-color:#18232d0d}.result-row b{font-weight:600}.download{color:#a94727}.file-result{border-color:#18232d0d}.file-result img{background:#fff9;border:1px solid #fff;border-radius:10px}.file-info b{font-weight:500}.article{max-width:820px;margin:42px auto 70px;padding:38px 46px 46px;border-radius:26px;background:#ffffff9c;border:1px solid #fff;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.article h1{font-size:44px;letter-spacing:-2.3px}.article h2{font-size:26px}.article p,.article li{color:#536370;line-height:1.9;font-size:16px}.article .eyebrow{color:#667784}.article .breadcrumb{margin:0 0 30px}.article a:not(.button){color:#a94727}.article table{border-radius:12px;overflow:hidden}.article th{background:#eaf0f3}.article td{background:#ffffff5e}.callout{background:#eaf0f3;border:1px solid #fff;border-radius:15px;color:#415461}.tool-explainer{padding:10px 0 55px}.tool-explainer p,.tool-explainer li{color:#576571;font-size:14px}.tool-explainer h2{font-size:26px}.processing-status{font-size:13px}.error{color:#a93525}.copy-status{color:#496b52}.crop-preview{border-radius:12px}.footer-note{line-height:1.8}
@supports not (backdrop-filter:blur(1px)){header,.tool-card,.panel,.article,.float-card{background:#fdfdfd}}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:80px}}
@media(max-width:1000px){header{padding:0 20px}.container{padding:0 30px}.hero{gap:30px}.hero h1{font-size:59px;letter-spacing:-3.5px}.hero-art{min-height:405px;padding:25px}.float-card{right:-6px;padding:18px}.preview-card{width:83%}.benefits{padding:20px;font-size:10px}.tool-grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:minmax(0,1fr) 310px}.feature-copy,.feature-detail{padding:34px}footer{padding:40px 30px;grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){header{top:10px;width:calc(100% - 28px);margin-top:10px;height:66px;padding:0 16px;border-radius:17px}.brand{font-size:25px}.mark{width:30px;height:30px;font-size:24px}nav{gap:0}nav a{padding:11px 9px;font-size:11px;min-height:44px;display:flex;align-items:center}nav a:last-child,.header-cta{display:none}.container{padding:0 22px}.hero{grid-template-columns:1fr;padding:46px 0 34px;gap:38px}.hero h1{font-size:clamp(46px,12vw,64px);letter-spacing:-3px;line-height:1.07;margin:22px 0}.intro{font-size:16px;max-width:370px}.hero-actions{margin:26px 0 5px;gap:18px}.hero-art{min-height:380px;max-width:430px;width:calc(100% - 8px);padding:25px;border-radius:25px}.preview-card{max-width:260px;width:78%;margin-top:30px}.preview-image{height:165px}.float-card{bottom:48px;right:-7px;padding:17px 19px}.float-card strong{font-size:26px}.art-heading{font-size:8px;letter-spacing:1.5px}.art-foot{font-size:8px;left:23px;bottom:18px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px;padding:22px 18px;font-size:10px;border-radius:16px}.benefits span{gap:8px}.section{padding:50px 0}.section-top{display:block;margin-bottom:22px}h2{font-size:30px;letter-spacing:-1.3px}.section-top p{font-size:13px}.filters{margin-top:20px;display:flex;width:max-content;max-width:100%}.filter{padding:10px 14px;min-height:44px}.tool-grid{grid-template-columns:1fr;gap:14px}.tool-card{min-height:220px;padding:25px;border-radius:20px}.tool-card h3{font-size:21px;margin-top:20px}.tool-card p{max-width:100%;font-size:14px;margin-bottom:22px}.tool-icon{width:44px;height:44px}.card-link{font-size:12px}.tag{font-size:9px}.feature-band{grid-template-columns:1fr;border-radius:23px;margin-bottom:48px}.feature-copy,.feature-detail{padding:29px}.feature-copy h2{font-size:31px}.feature-copy p{font-size:14px}.feature-detail{border-left:0;border-top:1px solid #ffffff1c;gap:24px}.guides{grid-template-columns:1fr;gap:16px}.guide-card{display:grid;grid-template-columns:105px minmax(0,1fr);padding:11px;gap:10px;border-radius:18px}.guide-art{height:140px;font-size:25px;letter-spacing:-1.5px}.guide-card>div:last-child{padding:5px 5px 0}.guide-card .eyebrow{font-size:7px;margin-top:0}.guide-card h3{font-size:16px;min-height:0;margin:10px 0;line-height:1.45}.guide-card p{font-size:11px}.faq{padding:45px 0}.faq h2{font-size:29px}.faq details{padding:19px 18px}.faq summary{font-size:13px}.faq details p{font-size:13px}.end-note{font-size:12px}footer{grid-template-columns:1fr 1fr;padding:35px 24px;gap:28px 20px;margin-top:0}footer>div:first-child,.footer-note{grid-column:1/-1}.breadcrumb{margin:28px 0;font-size:11px}.page-heading{padding-bottom:23px}.page-heading h1{font-size:37px;letter-spacing:-1.9px}.page-heading p{font-size:14px}.workspace{grid-template-columns:minmax(0,1fr);gap:16px}.workspace .settings{grid-row:auto}.panel{padding:23px;border-radius:21px}.panel h3{font-size:19px}.dropzone{padding:35px 15px}.dropzone strong{font-size:18px}.dropzone small{font-size:11px}.dropzone input{font-size:10px;width:100%}.field input:not([type=checkbox]),.field select{font-size:16px}.field{font-size:12px}.file-result{gap:10px}.file-result img{width:46px;height:46px}.file-info b{font-size:11px}.file-info p{font-size:10px}.download{font-size:11px;min-height:44px;display:flex;align-items:center}.article{margin:28px 14px 45px;padding:29px 23px;border-radius:22px}.article h1{font-size:35px;letter-spacing:-1.8px}.article h2{font-size:24px}.article p,.article li{font-size:15px}.article table{font-size:11px}.article th,.article td{padding:10px}.article .breadcrumb{margin-bottom:25px}.tool-explainer{padding-bottom:40px}.tool-explainer h2{font-size:25px}.hero .button{font-size:13px;gap:24px}.micro{font-size:10px}.result-hero strong{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.tool-card:hover,.guide-card:hover,.button:hover{transform:none}}
/* Editorial finish: real photography paired with useful interface previews. */
.stage-caption{display:none}
.hero{grid-template-columns:1fr 1.05fr;gap:64px;padding-top:68px;padding-bottom:64px}.hero h1{font-size:clamp(54px,5.3vw,72px);line-height:1.08;letter-spacing:-3.8px}.hero h1 em{font-style:normal}.hero .eyebrow{font-size:10px;letter-spacing:1.4px}.intro{max-width:420px;font-size:16px}.editorial-hero{padding:12px;min-height:460px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#ffffffb0,#ffffff45);border-radius:29px;overflow:visible}.editorial-hero:before,.editorial-hero:after{display:none}.image-stage{position:relative;overflow:hidden;height:382px;border-radius:20px;background:#e4ddd3;border:1px solid #ffffffa0}.image-stage>img{width:100%;height:100%;object-fit:cover;display:block;object-position:57% 50%}.image-stage:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#17222c45);pointer-events:none}.stage-caption{position:absolute;bottom:22px;left:24px;z-index:1;font-size:11px;font-weight:500;letter-spacing:.1px;color:#fff;display:flex;align-items:center;gap:8px;text-shadow:0 1px 6px #0004}.stage-dot{height:5px;width:5px;background:#fff;border-radius:50%}.glass-preview-label{position:absolute;left:-28px;right:30px;bottom:58px;display:flex;align-items:center;gap:13px;padding:17px;background:#ffffffc4;border:1px solid #fff;border-radius:17px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 36px #293b4b1c,inset 0 1px 0 white}.glass-preview-label .mini-icon{width:42px;height:42px;display:grid;place-items:center;background:#fff9;border:1px solid #fff;border-radius:12px;color:#b95636}.glass-preview-label b{display:block;font-size:13px;font-weight:600;letter-spacing:-.2px}.glass-preview-label small{display:block;color:#61707d;font-size:10px;margin-top:5px}.glass-preview-label>a{margin-left:auto;display:grid;place-items:center;background:#18232d;color:white;height:37px;width:37px;border-radius:50%;font-size:18px}.glass-preview-label>a:hover{background:var(--orange);transform:rotate(5deg)}.hero-index{display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:1.2px;padding:19px 8px 7px;color:#65727a}.tool-card{padding:24px;min-height:390px}.tool-card h3{margin-top:21px}.tool-card p{min-height:69px;margin-bottom:19px;max-width:100%;font-size:13px}.tool-demonstration{height:133px;margin:0 0 20px;overflow:hidden;border:1px solid #fff;border-radius:12px;background:#edf0f0}.image-demo{height:100%;position:relative;overflow:hidden}.image-demo img{width:100%;height:100%;object-fit:cover;object-position:50% 57%;display:block;transition:transform .4s ease}.image-demo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#23313d50)}.image-demo span{position:absolute;bottom:12px;left:13px;color:white;text-shadow:0 1px 4px #0008;font-size:10px;z-index:1}.image-demo.image-cropper:before{content:'';position:absolute;inset:14px 60px;border:1px solid #fff9;z-index:2;box-shadow:0 0 0 80px #14232d27}.image-demo.image-resizer:before{content:'';position:absolute;inset:15px 40px;border:1px dashed #ffffffd9;z-index:2}.tool-card:hover .image-demo img{transform:scale(1.04)}.number-demo{height:100%;padding:17px 19px;background:linear-gradient(140deg,#eef3f7,#ffffffb0);position:relative;overflow:hidden}.number-demo>span{display:block;font-size:9px;color:#607382;letter-spacing:.3px}.number-demo strong{display:block;font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:19px;letter-spacing:-.8px;margin-top:8px;position:relative;z-index:1}.demo-bars{display:flex;align-items:end;gap:8px;position:absolute;right:20px;bottom:0;left:20px;height:47px;opacity:.6}.demo-bars i{flex:1;background:linear-gradient(#dce5e9,#ebf0f3);border-radius:4px 4px 0 0;height:45%}.demo-bars i:nth-child(2){height:60%}.demo-bars i:nth-child(3){height:50%}.demo-bars i:nth-child(4){height:75%}.demo-bars i:nth-child(5){height:65%}.demo-bars i:nth-child(6){height:85%}.demo-bars i:nth-child(7){height:100%;background:linear-gradient(#f5ad8c,#f4d6c4)}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;min-height:225px}.tool-card:last-child .card-top{grid-column:1}.tool-card:last-child h3{grid-column:1;margin-top:12px}.tool-card:last-child p{grid-column:1;min-height:0}.tool-card:last-child .tool-demonstration{grid-column:2;grid-row:1/5;height:100%;margin:0}.tool-card:last-child .card-link{grid-column:1}.guide-art{position:relative;overflow:hidden;height:190px;padding:0;background:#e4ddd3}.guide-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.guide-card:hover .guide-art img{transform:scale(1.04)}.format-pills{position:absolute;bottom:13px;left:14px;display:flex;gap:5px}.format-pills span{display:block;padding:7px 9px;background:#ffffffc9;backdrop-filter:blur(12px);border:1px solid white;border-radius:7px;font-size:10px;letter-spacing:0;color:#293945}.feature-band{margin-bottom:68px}.feature-copy h2{line-height:1.2}.article-cover{width:100%;height:290px;object-fit:cover;border:1px solid #fff;border-radius:15px;margin:10px 0 20px}.panel.settings{position:sticky;top:118px}.page-heading{margin-top:5px}.page-heading .eyebrow{display:none}.page-heading h1{margin-top:6px}.dropzone{min-height:285px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 10%,#fff,#eff4f6a0);border-color:#a5b6c0}.dropzone .upload-icon{width:58px;height:58px;display:grid;place-items:center;background:#fff;border:1px solid #e3e9ec;border-radius:17px;margin-bottom:12px;box-shadow:0 7px 18px #23364707}.dropzone input{max-width:100%;font-size:11px}.dropzone input::file-selector-button{font-size:12px;border-radius:9px}.field select{cursor:pointer}.field input:disabled,.field select:disabled{background:#edf0f2;opacity:.7}.result-hero{padding:28px 24px}.result-hero strong{margin:13px 0}.panel:has(#calculation){position:sticky;top:118px}.tool-explainer{padding-top:15px}.tool-explainer h2{margin-bottom:20px}.article p>a{overflow-wrap:anywhere}footer a:not(.brand){min-height:26px}.article .button{margin-top:10px}
@media(max-width:1050px){.hero{gap:40px}.hero h1{font-size:59px}.editorial-hero{min-height:430px}.image-stage{height:350px}.glass-preview-label{left:-19px;right:18px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card:last-child{grid-column:1/-1}.guide-art{height:160px}}
@media(max-width:700px){.hero{gap:35px;padding:42px 0 35px}.hero h1{font-size:clamp(48px,12.5vw,66px);letter-spacing:-3px}.hero .intro{font-size:15px}.editorial-hero{width:100%;max-width:460px;min-height:410px;padding:10px}.image-stage{height:337px;border-radius:18px}.glass-preview-label{left:8px;right:24px;bottom:54px;padding:13px;gap:10px}.glass-preview-label b{font-size:12px}.glass-preview-label small{font-size:9px}.glass-preview-label>a{width:34px;height:34px}.hero-index{font-size:7px;letter-spacing:.7px;padding:17px 5px 7px}.stage-caption{top:18px;bottom:auto;left:18px;text-shadow:0 1px 6px #0009}.image-stage:after{inset:0;background:linear-gradient(#17222c30,transparent 35%)}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:0;padding:23px}.tool-card p{min-height:0;margin-bottom:19px;font-size:14px}.tool-demonstration{height:150px}.tool-card:last-child{display:flex;min-height:0;gap:0}.tool-card:last-child h3{margin-top:21px}.tool-card:last-child .tool-demonstration{height:150px;flex-shrink:0;margin-bottom:20px}.tool-card:last-child .card-link{margin-top:auto}.guide-card{grid-template-columns:110px minmax(0,1fr)}.guide-art{height:145px}.format-pills{left:6px;bottom:8px;gap:3px}.format-pills span{font-size:8px;padding:4px}.article-cover{height:210px;border-radius:12px}.panel.settings,.panel:has(#calculation){position:static}.dropzone{min-height:260px}.dropzone input{width:auto;max-width:100%}.feature-band{margin-bottom:48px}.guide-card h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.tool-card:hover .image-demo img,.guide-card:hover .guide-art img{transform:none}}
.editorial-hero .stage-caption{display:none}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr)}.hero>div{min-width:0}.hero .hero-actions{gap:18px}.hero .button{flex-shrink:0}.hero .micro{max-width:115px}.editorial-hero{min-width:0}}

/* premium.css */
/* Manglo Studio — graphite, warm white, orange */
@view-transition{navigation:auto}
:root{--paper:#101112;--ink:#f2f0eb;--muted:#a6a8a9;--orange:#ff784f;--line:#ffffff18;--shadow:0 16px 45px #0002;color-scheme:dark}
body{background:#101112;color:var(--ink);font-size:16px}body:before{background:radial-gradient(ellipse at 78% 12%,#6f453319,transparent 35%);position:absolute;height:1000px;z-index:-1}header{position:relative;top:0;height:88px;margin:0 auto;width:calc(100% - 80px);max-width:1360px;padding:0;background:transparent;border:0;border-bottom:1px solid #ffffff14;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.brand{font-size:29px;letter-spacing:-1.7px}.mark{box-shadow:none;background:#f47049;border:0;border-radius:9px}.brand-dot{color:var(--orange)}nav{gap:13px}nav a{color:#aeb0b1;font-size:13px}nav a:hover{background:#ffffff07;color:white}.header-cta{border:1px solid #ffffff25;color:#eeede9;background:#ffffff06;border-radius:8px;box-shadow:none;font-size:12px;padding:11px 16px}.header-cta:hover{background:#ffffff10}.container{max-width:1360px;padding:0 40px}.premium-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;padding:80px 0 64px;align-items:center}.premium-hero .eyebrow{color:#aaa8a5;font-size:9px;letter-spacing:1.7px;gap:10px}.status-dot{box-shadow:none;background:#ff8058;height:5px;width:5px}.premium-hero h1{font-size:clamp(50px,5.1vw,74px);font-weight:500;line-height:1.09;letter-spacing:-4px;margin:26px 0}.premium-hero h1 em{font-style:normal;color:#ff916f}.premium-hero .intro{font-size:16px;line-height:1.85;color:#a5a7aa;max-width:405px;margin:0}.hero-actions{gap:23px;flex-wrap:wrap;margin:31px 0 0}.button{border-radius:8px;background:#eceae5;color:#17191b;border-color:#eceae5;box-shadow:0 3px 12px #0001;min-height:48px;font-size:12px;font-weight:600}.button:hover{background:#fff;color:#111;box-shadow:none}.button.orange{background:#ff784f;border:1px solid #ff926e;color:#141517;box-shadow:inset 0 1px 0 #ffffff30,0 5px 20px #ef623713}.button.orange:hover{background:#ff946f}.button.light{background:#ffffff05;border:1px solid #ffffff20;color:#f1efea;box-shadow:none}.button.light:hover{background:#ffffff0d;color:#fff}.text-link{font-size:11px;color:#b7b8b8;display:inline-flex;gap:14px;align-items:center;min-height:44px}.text-link:hover{color:white}.hero-assurance{display:flex;gap:18px;flex-wrap:wrap;margin-top:27px;color:#767c81;font-size:10px}.hero-assurance span+span:before{content:'·';margin-right:18px;color:#686c6f}.studio-window{border:1px solid #ffffff22;border-radius:15px;background:#1b1d1f;box-shadow:0 35px 75px #0004,0 1px 0 #ffffff12 inset;overflow:hidden;transform:perspective(1600px) rotateY(-3deg);position:relative}.studio-top{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #ffffff0c;background:#ffffff02;gap:10px}.studio-top>div{display:flex;gap:5px}.window-dot{width:6px;height:6px;background:#45484b;border-radius:50%}.window-dot:first-child{background:#a26b55}.studio-top>span{font-size:8px;letter-spacing:1.4px;color:#8e9397}.studio-top .studio-live{font-size:8px;letter-spacing:0;color:#979d9e}.studio-tabs{padding:13px 17px;display:flex;align-items:center;gap:5px}.studio-tab{background:transparent;color:#898f94;border:1px solid transparent;padding:7px 13px;border-radius:5px;font-size:10px;min-height:31px}.studio-tab.selected{background:#333638;color:#f4eee7;border-color:#ffffff0c;box-shadow:0 1px 3px #0002}.studio-tab:hover{background:#ffffff0b;color:white}.studio-tabs>a{margin-left:auto;font-size:9px;color:#9ba1a4}.studio-body{padding:0 16px;display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.studio-photo{height:268px;border-radius:7px;overflow:hidden;position:relative;border:1px solid #fff2;background:#3b3026}.studio-photo>img{height:100%;width:100%;object-fit:cover;object-position:58% 50%;display:block}.photo-caption{position:absolute;left:12px;bottom:11px;font-size:7px;letter-spacing:1px;color:#fff;text-shadow:0 1px 4px #0008}.photo-corner{position:absolute;top:10px;right:10px;height:23px;width:23px;display:grid;place-items:center;border:1px solid #fff5;border-radius:50%;color:#fff;font-size:12px}.studio-controls{display:flex;flex-direction:column;padding:8px 0}.studio-file{display:flex;align-items:center;gap:8px;padding-bottom:23px;border-bottom:1px solid #ffffff0c}.studio-file-icon{width:29px;height:34px;display:grid;place-items:center;border:1px solid #ffffff18;border-radius:5px;color:#bcbec0}.studio-file-icon svg{width:15px}.studio-file>div{min-width:0}.studio-file b{font-size:9px;display:block;color:#d0d1d1;word-break:break-all;font-weight:500}.studio-file small{font-size:7px;display:block;margin-top:5px;color:#747e83}.file-tick{font-size:10px;color:#8b9d8c;margin-left:auto}.studio-quality{margin:25px 0}.studio-quality label{display:flex;justify-content:space-between;color:#a1a6aa;font-size:9px}.studio-quality input{width:100%;height:3px;accent-color:#ff8056;margin:18px 0 0;cursor:pointer}.studio-quality input:disabled{opacity:.3}.studio-export{background:#e6e3dc;color:#252629;border:1px solid #f5f0e8;border-radius:6px;min-height:34px;font-size:9px;display:flex;align-items:center;justify-content:space-between;padding:9px 11px;margin-top:auto}.studio-export:hover{background:#fff}.studio-controls>p{font-size:8px;line-height:1.7;color:#788289;margin:10px 0 0;min-height:28px}.studio-bottom{display:flex;justify-content:space-between;padding:17px;font-size:7px;letter-spacing:.3px;color:#747d83}.studio-bottom>span:first-child{display:flex;align-items:center;gap:6px}.studio-bottom i{height:4px;width:4px;border-radius:50%;background:#8a998a}.benefits{display:flex;justify-content:space-between;align-items:center;padding:21px 0;border:0;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;font-size:10px;color:#9b9fa2}.benefits i{font-family:monospace;font-size:9px;color:#6d7379}.benefits a{color:#6d757b;font-size:9px}.section{padding:68px 0}.section-top{align-items:center;margin-bottom:28px}h2{font-size:34px;letter-spacing:-1.5px;font-weight:500}.section-top p{color:#8a939b;font-size:13px;margin-top:7px}.filters{background:#191c1e;border:1px solid #ffffff0c;border-radius:8px;padding:4px;box-shadow:none}.filter{border-radius:5px;color:#8c959c;min-height:34px;font-size:10px;padding:9px 14px}.filter.active{background:#303538;color:#e9e9e7;box-shadow:0 2px 4px #0002}.tool-grid{gap:14px}.tool-card{border:1px solid #ffffff12;background:#191c1e;border-radius:12px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;min-height:365px;padding:25px}.tool-card:hover{background:#202427;border-color:#ffffff28;box-shadow:0 15px 30px #0002;transform:translateY(-4px)}.tool-card .tool-icon,.tool-card:nth-child(3n+2) .tool-icon,.tool-card:nth-child(3n) .tool-icon{height:39px;width:39px;background:#ffffff04;border:1px solid #ffffff0d;border-radius:9px;color:#c4c5c1;box-shadow:none}.tool-icon svg{width:20px}.tag{font-size:7px;border:1px solid #ffffff0c;background:none;color:#77818a;border-radius:4px;letter-spacing:.8px;padding:5px 7px}.tool-card h3{color:#e7e6e2;font-size:18px;font-weight:500;margin-top:22px}.tool-card p{color:#89949e;font-size:12px;line-height:1.8;min-height:65px}.tool-demonstration{border:1px solid #ffffff0c;border-radius:7px;margin-bottom:18px;height:125px;background:#24292c}.card-link{border-color:#ffffff0c;font-size:10px;color:#c3c7c9;padding-top:15px}.image-demo img{filter:saturate(.8)}.image-demo span{font-size:9px}.number-demo{background:linear-gradient(140deg,#252d31,#1e2529)}.number-demo>span{color:#84949d;font-size:8px}.number-demo strong{font-size:19px;color:#c9d2d6}.demo-bars{opacity:.5}.demo-bars i{background:linear-gradient(#3b4b52,#253035)}.demo-bars i:nth-child(7){background:linear-gradient(#cd825d,#5c4334)}.tool-card:last-child{min-height:200px}.feature-band{background:#e8e5dd;color:#192025;border:0;border-radius:13px;box-shadow:none;margin-bottom:66px}.feature-copy h2{color:#23292c;font-size:34px;font-weight:500}.feature-copy .eyebrow{color:#7c807a;font-size:8px}.feature-copy p{color:#777d7d;font-size:13px}.feature-detail{border-color:#17232918;gap:25px}.feature-detail b{font-size:13px;color:#2d3639;font-weight:500}.feature-detail p{color:#747e81;font-size:11px}.number{border-color:#27393e22;color:#526169;background:#fff2;height:30px;width:30px;font-size:10px}.feature-copy .button.light{background:transparent!important;color:#253136!important;border-color:#26343730!important}.feature-copy .button.light:hover{background:#fff5!important}.guide-card{background:none;border:0;padding:0;border-radius:0;box-shadow:none}.guide-card:hover{background:none;transform:translateY(-3px)}.guide-art{border:1px solid #ffffff13;border-radius:9px;height:180px}.guide-art img{filter:saturate(.75)}.guide-card>div:last-child{padding:0}.guide-card .eyebrow{font-size:7px;color:#6f7b85;margin-top:20px}.guide-card h3{font-size:18px;color:#cececa;font-weight:500;min-height:55px;margin-top:12px}.guide-card:hover h3{color:#ff9671}.guide-card p{color:#697680;font-size:10px}.format-pills span{color:#e3e3df;background:#1e2527c7;border-color:#ffffff20}.faq{max-width:780px;padding-top:65px}.faq h2{color:#e0dfda;font-size:30px}.faq details{border:0;border-bottom:1px solid #ffffff13;background:transparent;border-radius:0;padding:23px 0;margin:0;box-shadow:none}.faq summary{font-size:13px;color:#b9c0c3}.faq details p{color:#7d8a94;font-size:13px}.end-note{border-color:#ffffff10;color:#656f76;font-size:11px}footer{border-color:#ffffff10;background:#0c0e0f;backdrop-filter:none;padding-top:45px;padding-bottom:45px}footer p,footer>div>a:not(.brand){color:#717e87;font-size:11px}footer b{color:#a4abad;font-size:8px}.footer-note{color:#7a858d;font-size:10px}.breadcrumb{color:#6e7d87;font-size:11px}.page-heading h1{color:#e8e5df;font-size:46px;font-weight:500}.page-heading p{color:#8b98a2;font-size:15px}.panel{border:1px solid #ffffff12;border-radius:12px;background:#191d20;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.panel h3{font-weight:500;color:#d9dcd9;font-size:18px}.dropzone{background:radial-gradient(ellipse at 50% 20%,#2c353b,#1c2328);border:1px dashed #53626e;border-radius:9px}.dropzone:hover,.dropzone.drag{background:#2e2a26;border-color:#b67d60}.dropzone .upload-icon{background:#ffffff05;border-color:#ffffff12;border-radius:12px;color:#a4b1b9;box-shadow:none}.dropzone strong{color:#d2d6d7;font-size:18px}.dropzone small{color:#7c8b95}.dropzone input::file-selector-button{background:#303a41;color:#c5cdd1;border-color:#45525b}.field{color:#aeb9bf}.field input:not([type=checkbox]),.field select{background:#10171c;border-color:#32404a;border-radius:7px;color:#dce0e1;font-size:14px}.field input:focus,.field select:focus{border-color:#c78361;box-shadow:0 0 0 3px #ff80550b}.field input[type=range]{background:transparent;accent-color:#ff8055}.help{color:#778994}.result-hero{background:linear-gradient(135deg,#383027,#28251f);border:1px solid #9c785b35;border-radius:9px;color:#e0c9b4}.result-hero strong{color:#f7e1cc;font-weight:500}.result-row{border-color:#ffffff0c}.result-row span{color:#7b8d98}.result-row b{color:#c2cdd2;font-weight:500}.copy-status{color:#94b69e}.error{color:#ee9a82}.file-result{border-color:#ffffff12}.file-result img{border-color:#ffffff18;background:#283039;border-radius:7px}.file-info b{color:#bccbd3}.file-info p{color:#7e929f}.download{color:#e6a284}.processing-status{color:#91a4b0}.tool-explainer h2{color:#d4d6d2;font-size:27px}.tool-explainer p,.tool-explainer li{color:#8296a4}.article{background:#191d20;border-color:#ffffff12;border-radius:15px;box-shadow:none;backdrop-filter:none}.article h1{color:#ece7dd;font-weight:500}.article h2{color:#cdd4d5;font-weight:500}.article p,.article li{color:#92a1ab}.article a:not(.button){color:#ec9d7d}.article .eyebrow{color:#7d8e99}.article th{background:#2b343a;color:#d6dadd}.article td{background:#1b2227;color:#a5b4bd}.article th,.article td{border-color:#36424b}.callout{background:#29353d;border-color:#3c4c57;color:#adbdc7}.article-cover{border-color:#ffffff10}.full-width{width:100%}html{scroll-padding-top:25px}.hero,.studio-window,.tool-card{animation:enter-studio .6s both}.studio-window{animation-delay:.1s}.tool-card{animation-duration:.4s}@keyframes enter-studio{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.premium-hero{gap:35px;grid-template-columns:.85fr 1.15fr;padding-top:60px}.premium-hero h1{font-size:56px;letter-spacing:-3px}.studio-body{gap:12px;padding:0 12px}.studio-photo{height:260px}.studio-top{padding:14px}.studio-top .studio-live{display:none}.hero-actions{gap:16px}.text-link{font-size:10px}.studio-quality{margin:22px 0}.studio-file{gap:6px}.studio-file small{font-size:6px}.studio-controls>p{font-size:7px}.hero-assurance{gap:12px;font-size:9px}.hero-assurance span+span:before{margin-right:12px}}
@media(max-width:800px){header{width:calc(100% - 40px);height:76px}nav{gap:0}nav a{font-size:11px;padding:10px}nav a:last-child{display:none}.header-cta{font-size:10px;padding:10px}.container{padding:0 24px}.premium-hero{grid-template-columns:1fr;gap:42px;padding:45px 0 38px}.hero-copy{max-width:580px}.premium-hero h1{font-size:clamp(46px,9vw,68px);letter-spacing:-3px;margin:24px 0}.premium-hero .intro{font-size:15px;max-width:440px}.studio-window{transform:none;max-width:650px;width:100%}.studio-top .studio-live{display:inline}.studio-photo{height:300px}.studio-body{grid-template-columns:1.15fr .85fr;padding:0 16px;gap:18px}.studio-file b{font-size:10px}.studio-file small{font-size:8px}.studio-controls>p{font-size:9px}.studio-export{font-size:10px}.studio-quality label{font-size:10px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:19px;font-size:10px}.benefits a{font-size:9px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{padding:20px}.tool-card:last-child{grid-column:1/-1}.feature-copy,.feature-detail{padding:30px}.guide-art{height:160px}.guides{gap:18px}.section{padding:52px 0}.feature-band{margin-bottom:50px}.guide-card h3{font-size:16px}footer{padding-left:25px;padding-right:25px}}
@media(max-width:550px){header{width:calc(100% - 40px);height:72px}.brand{font-size:25px}.mark{height:29px;width:29px;font-size:24px}.header-cta{display:none}nav a{font-size:10px;padding:10px 8px}.container{padding:0 20px}.premium-hero{padding-top:37px;gap:32px}.premium-hero .eyebrow{font-size:8px;letter-spacing:1px}.premium-hero h1{font-size:45px;letter-spacing:-2.6px;line-height:1.13;margin:23px 0}.premium-hero .intro{font-size:14px;line-height:1.85}.hero-actions{gap:18px;margin-top:26px}.hero-actions .button{font-size:11px;padding:14px 16px;gap:18px;min-height:46px}.text-link{font-size:9px;gap:8px}.hero-assurance{font-size:8px;gap:11px;margin-top:21px}.hero-assurance span+span:before{margin-right:11px}.studio-top{padding:12px 13px}.studio-top>span{font-size:7px;letter-spacing:.9px}.studio-top .studio-live{font-size:6px}.studio-tabs{padding:10px 12px}.studio-tab{min-height:35px;padding:7px 11px;font-size:9px}.studio-tabs>a{font-size:8px}.studio-body{padding:0 12px;gap:12px;grid-template-columns:1.05fr .95fr}.studio-photo{height:235px}.studio-controls{padding:5px 0}.studio-file{padding-bottom:15px;gap:7px}.studio-file-icon{display:none}.studio-file b{font-size:8px}.studio-file small{font-size:6px;line-height:1.5}.file-tick{font-size:9px}.studio-quality{margin:20px 0}.studio-quality label{font-size:8px}.studio-export{font-size:8px;min-height:36px;padding:8px}.studio-controls>p{font-size:7px;line-height:1.7}.studio-bottom{font-size:6px;padding:13px}.photo-caption{font-size:5px;left:8px;letter-spacing:.5px}.photo-corner{display:none}.benefits{gap:20px 10px;font-size:9px;padding:21px 0}.benefits span{gap:8px}.benefits i{font-size:8px}.benefits a{font-size:8px;line-height:1.8}h2{font-size:28px}.section-top{margin-bottom:24px}.section-top p{font-size:12px}.filters{margin-top:20px;width:max-content}.filter{min-height:40px;font-size:10px}.tool-grid{grid-template-columns:1fr;gap:13px}.tool-card{padding:24px;min-height:0}.tool-card h3{font-size:20px}.tool-card p{font-size:13px;min-height:0}.tool-demonstration{height:142px}.tool-card:last-child{display:flex;min-height:0}.tool-card:last-child .tool-demonstration{height:142px}.tool-card .tag{font-size:7px}.card-link{font-size:11px}.feature-band{border-radius:11px}.feature-copy,.feature-detail{padding:28px}.feature-copy h2{font-size:29px}.feature-copy p{font-size:13px}.feature-detail{border-top-color:#17232918}.feature-detail b{font-size:13px}.feature-detail p{font-size:11px}.guides{grid-template-columns:1fr;gap:24px}.guide-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:17px;padding:0}.guide-art{height:138px;border-radius:7px}.guide-card>div:last-child{padding:2px 0}.guide-card .eyebrow{margin-top:0;font-size:7px}.guide-card h3{font-size:15px;min-height:0;margin:11px 0}.guide-card p{font-size:9px}.faq{padding:48px 0}.faq h2{font-size:26px}.faq details{padding:21px 0}.faq summary{font-size:12px}.faq details p{font-size:12px}footer{padding:35px 20px;gap:25px}.page-heading h1{font-size:35px}.page-heading p{font-size:14px}.workspace{grid-template-columns:1fr}.panel.settings,.panel:has(#calculation){position:static}.panel{padding:23px;border-radius:11px}.field input:not([type=checkbox]),.field select{font-size:16px}.article{margin:24px 12px 40px;padding:27px 21px}.article h1{font-size:33px}.article p,.article li{font-size:15px}.article h2{font-size:24px}.tool-explainer h2{font-size:25px}.hero-assurance{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.hero,.studio-window,.tool-card{animation:none}*{scroll-behavior:auto!important}}

/* refinement.css */
/* Studio refinement: readable controls, varied tool previews, deliberate rhythm. */
.mobile-menu{display:none}header{height:94px}.premium-hero{padding:76px 0 62px;gap:55px}.premium-hero h1{font-weight:500;letter-spacing:-3.8px}.premium-hero .intro{color:#b0b6ba;font-size:17px}.premium-hero .eyebrow{font-size:10px;color:#a4acae}.hero-assurance{color:#8b959b;font-size:11px}.text-link{font-size:12px;color:#b6bfc5}.studio-window{transform:none;border-color:#3e4246;box-shadow:0 30px 70px #0005,0 1px 0 #ffffff0c inset}.studio-top>span{font-size:9px;color:#9ca7ad}.studio-top .studio-live{font-size:9px}.studio-tabs{padding:14px 17px}.studio-tab{font-size:12px;min-height:38px;padding:8px 14px}.studio-tabs>a{font-size:10px}.studio-photo{height:295px}.studio-file b{font-size:11px}.studio-file small{font-size:9px;line-height:1.5}.studio-file-icon{flex-shrink:0}.studio-file{padding-bottom:24px}.studio-quality label{font-size:11px}.studio-quality{margin:25px 0}.studio-quality input{min-height:16px;margin-top:13px}.studio-export{min-height:42px;font-size:11px}.studio-controls>p{font-size:10px;color:#8f9da5;min-height:35px}.studio-bottom{font-size:8px;color:#8c999f}.benefits{font-size:11px;color:#a4afb5}.benefits a{font-size:10px;color:#89969e}.benefits i{color:#a5b0b6}.tools-section-label{display:flex;justify-content:space-between;color:#778890;font-size:10px;letter-spacing:1.5px;margin-bottom:23px}.tools-section-label span:last-child{letter-spacing:1px}.section-top h2{font-size:37px;letter-spacing:-1.7px}.section-top p{font-size:14px;color:#8d9ca6}.filter{font-size:11px;min-height:38px}.tool-search-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:27px 0 24px}.tool-search{display:flex;align-items:center;gap:12px;width:460px;max-width:100%;border:1px solid #ffffff18;background:#15191c;border-radius:9px;padding:11px 14px;color:#778a97;min-height:48px}.tool-search:focus-within{border-color:#b3775a;box-shadow:0 0 0 3px #ff784f08}.tool-search input{background:none;border:0;color:#d3dce1;outline:0!important;width:100%;min-width:0;font-size:13px}.tool-search input::placeholder{color:#72838e}.tool-search svg{flex-shrink:0}.tool-search kbd{border:1px solid #ffffff15;border-radius:4px;padding:1px 6px;font-size:11px;color:#7f919c}.tool-search-row>span{font-size:11px;color:#7e919d}.tool-card{min-height:350px;padding:26px}.tool-card h3{font-size:20px;letter-spacing:-.5px;margin-top:23px}.tool-card p{font-size:13px;color:#95a5b0;min-height:69px;line-height:1.8}.tool-card .tool-icon{color:#d7cec3;background:#272725;border-color:#413b33;width:42px;height:42px;border-radius:11px}.tool-card:nth-child(3n+2) .tool-icon{color:#b3cac0;background:#202b28;border-color:#33453d}.tool-card:nth-child(3n) .tool-icon{color:#b6c9da;background:#222a31;border-color:#374552}.tag{font-size:8px;color:#94a1ab}.tool-demonstration{height:130px;border-color:#ffffff08;background:#141a1e;border-radius:8px}.card-link{font-size:11px;padding-top:17px;color:#c6d0d6}.compression-art{height:100%;display:flex;align-items:center;padding:17px;gap:16px;background:linear-gradient(120deg,#292c2b,#1c2528)}.compression-thumb{height:93px;width:73px;border-radius:5px;overflow:hidden;flex-shrink:0;box-shadow:0 5px 15px #0003}.compression-thumb img{width:100%;height:100%;object-fit:cover}.compression-files{flex:1}.compression-files>span{display:block;font-size:9px;color:#b2bdc2;margin:0 0 13px}.compression-files i{display:block;width:100%;height:4px;border-radius:5px;background:#57646b;margin-top:6px}.compression-files>span:nth-child(2){color:#d4bb9e}.compression-files>span:nth-child(2) i{width:58%;background:#dca080}.compression-files small{font-size:8px;color:#74868f}.resize-art{height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:18px;background:linear-gradient(130deg,#202b29,#182321)}.resize-art>div{height:83px;width:137px;border:1px dashed #91aea3;padding:5px;position:relative}.resize-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.resize-art>div>span{position:absolute;right:-11px;top:30px;background:#9bb2a8;color:#1e2b25;border:1px solid #cbddd0;border-radius:4px;padding:0 3px}.dimension-label{position:absolute;bottom:10px;font-size:8px;color:#8ea79d}.format-art{height:100%;display:flex;align-items:center;justify-content:center;gap:16px;padding-bottom:15px;position:relative;background:radial-gradient(ellipse at center,#2b3843,#1b242c)}.format-art>span{display:grid;place-items:center;width:58px;height:68px;border:1px solid #596a76;border-radius:6px;background:#2a3741;color:#c1d5e3;font-size:13px;box-shadow:0 8px 15px #0002}.format-art>span:first-child{transform:rotate(-7deg)}.format-art>span:nth-child(3){transform:rotate(7deg);background:#384754;border-color:#798f9e}.format-art>i{font-style:normal;color:#6f8796}.format-art small{position:absolute;bottom:10px;font-size:8px;color:#8097a6}.crop-art{height:100%;position:relative;overflow:hidden}.crop-art>img{width:100%;height:100%;object-fit:cover;object-position:center 57%;filter:saturate(.75)}.crop-grid{position:absolute;inset:13px 54px 25px;border:1px solid #ffffffe0;box-shadow:0 0 0 100px #17242d66;background:linear-gradient(90deg,transparent 32.9%,#ffffff70 33%,transparent 33.4%,transparent 66%,#ffffff70 66.5%,transparent 67%),linear-gradient(transparent 32.9%,#ffffff70 33%,transparent 33.4%,transparent 66%,#ffffff70 66.5%,transparent 67%)}.crop-art small{position:absolute;bottom:8px;left:14px;font-size:8px;color:#fff;text-shadow:0 1px 3px #0008}.formula-art{height:100%;padding:19px 18px;background:linear-gradient(125deg,#272c30,#20272c)}.formula-art>span{font-size:7px;letter-spacing:1px;color:#778e9b}.formula-art>div{display:flex;gap:10px;align-items:center;margin:16px 0 13px}.formula-art b{font-size:14px;font-weight:500;color:#b7c5cf}.formula-art i{font-size:12px;font-style:normal;color:#617584}.formula-art .formula-accent{color:#ebac88}.formula-art small{font-size:8px;color:#7c93a2}.target-art{height:100%;padding:21px 25px;background:linear-gradient(130deg,#292922,#1d2527)}.target-art>span{font-size:7px;letter-spacing:1px;color:#a3987f}.target-art>div{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.target-art strong{font-weight:500;font-size:19px;color:#ded4bd}.target-art>div>span{font-size:12px;color:#978f7b}.target-art>i{display:block;height:4px;background:linear-gradient(to right,#d0ac7c 60%,#4c4c3b 60%);border-radius:4px;margin:12px 0}.target-art small{font-size:9px;color:#8d9b96}.tool-card:last-child{min-height:220px}.tool-card:last-child .tool-demonstration{height:100%;min-height:145px}.tool-card:last-child .target-art{display:flex;flex-direction:column;justify-content:center;padding:25px 35px}.search-empty{padding:48px 20px;text-align:center;border:1px dashed #35434d;border-radius:12px;background:#151b20}.search-empty>span{font-size:23px;color:#c5d2da}.search-empty p{font-size:14px;color:#8195a4}.search-empty .button{margin-top:10px}.feature-copy h2{font-size:36px;line-height:1.25}.feature-copy p{font-size:14px;color:#657277}.feature-detail b{font-size:14px}.feature-detail p{font-size:12px;color:#65777e}.guide-art{height:200px}.guide-card h3{font-size:20px;color:#d2d8d8;line-height:1.5}.guide-card p{font-size:12px;color:#7e909c}.guide-card .eyebrow{font-size:8px;color:#8d9ca6}.faq summary{font-size:15px;color:#c5d0d5}.faq details p{font-size:14px;color:#8da1af}.faq h2{font-size:33px}.workspace-topline{display:flex;justify-content:space-between;gap:12px;margin:4px 0 16px;padding-top:21px;border-top:1px solid #ffffff13;color:#7d929f;font-size:9px;letter-spacing:1px}.workspace-topline>span:last-child{letter-spacing:0;font-size:10px}.related-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 40px;padding:20px 0;border-bottom:1px solid #ffffff10}.related-tools>span{color:#8095a3;font-size:11px;margin-right:7px}.related-tools>a{display:flex;align-items:center;gap:20px;background:#1b242a;border:1px solid #33414c;border-radius:7px;padding:11px 13px;font-size:11px;color:#b4c5d1}.related-tools>a:hover{background:#26333d;color:#f0f2f0}.related-tools>a>span{color:#6f8da0}.page-heading p{font-size:16px;color:#98aab5}.breadcrumb{font-size:12px;color:#8195a3}.panel h3{font-size:20px}.field{font-size:13px}.help{font-size:12px;line-height:1.85;color:#859aa8}.dropzone strong{font-size:22px}.dropzone small{font-size:13px}.dropzone input::file-selector-button{padding:11px 14px;font-size:13px}.file-result{gap:20px;padding:22px 0}.file-result img{height:100px;width:115px;object-fit:contain;background:#10181d}.file-info b{font-size:13px}.file-info p{font-size:12px;line-height:1.9}.download{font-size:12px;min-height:44px;display:flex;align-items:center}.result-hero small{font-size:11px}.result-row{font-size:13px}.panel .button{font-size:13px}.tool-explainer p,.tool-explainer li{font-size:15px;line-height:1.9;color:#8fa4b2}.tool-explainer h2{font-size:29px}.article p,.article li{font-size:17px;line-height:1.95;color:#a5b4bd}.article h1{line-height:1.15}.article{padding:44px 50px}.article .breadcrumb{font-size:12px}.footer-email{overflow-wrap:anywhere}footer p,footer>div>a:not(.brand){font-size:12px;color:#8295a2}.footer-note{font-size:11px}.end-note{font-size:12px;color:#81929d}.studio-live{color:#a6b7a8!important}
@media(min-width:1450px){.premium-hero{gap:85px;padding-top:90px;padding-bottom:78px}.premium-hero h1{font-size:78px}.studio-photo{height:320px}.studio-window{margin-top:7px}.section{padding-top:85px;padding-bottom:85px}}
@media(max-width:1050px){.premium-hero{gap:30px;grid-template-columns:.85fr 1.15fr}.premium-hero h1{font-size:54px;letter-spacing:-2.9px}.premium-hero .intro{font-size:15px}.studio-file-icon{display:none}.studio-file b{font-size:10px}.studio-file small{font-size:8px}.studio-controls>p{font-size:9px}.studio-quality label{font-size:10px}.studio-export{font-size:10px}.studio-photo{height:280px}.studio-bottom{font-size:7px}.hero-assurance{font-size:9px}.text-link{font-size:10px}.section-top h2{font-size:32px}.tool-card h3{font-size:19px}.tool-card p{font-size:13px}.formula-art>div{gap:7px}.formula-art b{font-size:13px}}
@media(max-width:800px){.premium-hero{grid-template-columns:minmax(0,1fr);padding:45px 0 38px;gap:36px}.premium-hero h1{font-size:64px;max-width:610px}.premium-hero .intro{font-size:16px;max-width:470px}.hero-assurance{font-size:11px}.text-link{font-size:12px}.studio-window{max-width:680px}.studio-photo{height:320px}.studio-file-icon{display:grid}.studio-file b{font-size:12px}.studio-file small{font-size:9px}.studio-quality label{font-size:12px}.studio-export{font-size:12px}.studio-controls>p{font-size:11px}.studio-bottom{font-size:8px}.tool-count{font-size:10px}.tool-search-row{gap:14px}.tool-search{width:390px}.tool-search-row>span{font-size:10px;text-align:right}.guide-art{height:150px}.guide-card h3{font-size:17px}.related-tools{gap:9px}.article{padding:35px}}
@media(max-width:550px){header{position:relative;height:74px}.brand{font-size:26px}header>nav{display:none}.mobile-menu{display:block;border:0;padding:0;margin:0}.mobile-menu summary{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid #ffffff20;border-radius:8px;background:#ffffff04}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{width:17px;height:1px;background:#cbd6dc;display:block;margin:0 auto}.mobile-menu>div{position:absolute;top:65px;left:0;right:0;background:#1c242a;border:1px solid #43505a;border-radius:11px;padding:8px;box-shadow:0 20px 35px #0007;z-index:30}.mobile-menu>div>a{display:block;min-height:46px;padding:14px;color:#c7d5df;font-size:13px;border-radius:6px}.mobile-menu>div>a:hover{background:#2b3943}.premium-hero{padding-top:34px;gap:30px}.premium-hero h1{font-size:45px;letter-spacing:-2.6px;line-height:1.14}.premium-hero .eyebrow{font-size:8px}.premium-hero .intro{font-size:15px}.hero-assurance{font-size:9px;gap:10px}.hero-assurance span+span:before{margin-right:10px}.hero-actions{gap:16px}.text-link{font-size:10px}.hero-actions .button{font-size:12px}.studio-top>span{font-size:8px}.studio-top .studio-live{font-size:7px}.studio-tab{font-size:11px;min-height:38px}.studio-tabs>a{font-size:9px}.studio-body{grid-template-columns:1fr 1fr;gap:13px}.studio-file-icon{display:none}.studio-photo{height:254px}.studio-file b{font-size:9px}.studio-file small{font-size:8px;line-height:1.6}.studio-quality label{font-size:10px}.studio-quality{margin:21px 0}.studio-export{font-size:10px;min-height:40px;padding:9px}.studio-controls>p{font-size:9px;line-height:1.7;margin-top:9px;min-height:43px}.studio-bottom{font-size:7px}.photo-caption{font-size:6px}.benefits{font-size:10px;gap:18px 10px}.benefits a{font-size:9px}.tools-section-label{margin-bottom:17px;font-size:9px}.section-top h2{font-size:29px;max-width:280px;line-height:1.2}.section-top p{font-size:13px;line-height:1.7;margin-top:12px}.filter{font-size:11px;min-height:42px}.filters{margin-top:19px}.tool-search-row{display:block;margin:21px 0}.tool-search{width:100%;padding:12px;min-height:48px}.tool-search input{font-size:13px}.tool-search kbd{display:none}.tool-search-row>span{display:block;text-align:left;font-size:10px;margin-top:12px}.tool-card{padding:24px;min-height:0}.tool-card h3{font-size:21px}.tool-card p{font-size:14px;min-height:0;line-height:1.8}.tool-demonstration{height:145px}.card-link{font-size:12px}.tag{font-size:8px}.tool-card:last-child .tool-demonstration{height:145px;min-height:145px}.compression-thumb{height:102px;width:87px}.compression-files>span{font-size:10px}.compression-files small,.resize-art .dimension-label,.format-art small,.crop-art small,.formula-art small{font-size:9px}.resize-art>div{height:94px;width:150px}.format-art>span{height:75px;width:62px}.formula-art{padding:24px}.formula-art>div{gap:12px;margin-top:20px}.formula-art b{font-size:16px}.target-art small{font-size:10px}.feature-copy h2{font-size:30px}.feature-copy p{font-size:14px}.feature-detail b{font-size:14px}.feature-detail p{font-size:12px}.guide-art{height:150px}.guide-card{grid-template-columns:112px minmax(0,1fr);gap:17px}.guide-card h3{font-size:16px}.guide-card p{font-size:11px}.guide-card .eyebrow{font-size:7px}.faq h2{font-size:28px}.faq summary{font-size:14px}.faq details p{font-size:14px;line-height:1.9}.workspace-topline{font-size:8px;display:block;padding-top:17px}.workspace-topline>span:last-child{display:block;font-size:10px;margin-top:8px}.related-tools{align-items:stretch;margin-bottom:20px;gap:9px}.related-tools>span{width:100%;margin-bottom:3px;font-size:11px}.related-tools>a{font-size:11px;gap:12px;min-height:44px}.page-heading p{font-size:15px}.panel h3{font-size:20px}.field{font-size:13px}.help{font-size:12px}.dropzone{padding:32px 14px;min-height:285px}.dropzone strong{font-size:20px}.dropzone small{font-size:12px}.dropzone input{font-size:10px}.dropzone input::file-selector-button{font-size:12px}.file-result{gap:12px;flex-wrap:wrap}.file-result img{width:80px;height:85px}.file-info b{font-size:12px}.file-info p{font-size:11px}.download{margin-left:92px;min-height:36px;font-size:12px}.article{padding:28px 22px}.article p,.article li{font-size:16px;line-height:1.9}.article h1{font-size:34px}.article h2{font-size:25px}.tool-explainer p,.tool-explainer li{font-size:15px}.tool-explainer h2{font-size:27px}footer>div>a:not(.brand){min-height:32px;font-size:12px}footer p{font-size:12px}.footer-note{font-size:11px}}

/* hero-2-1.css */
/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--mg-color-orange-100:oklch(95.4% .038 75.164);--mg-color-orange-300:oklch(83.7% .128 66.29);--mg-color-orange-400:oklch(75% .183 55.934);--mg-color-orange-600:oklch(64.6% .222 41.116);--mg-color-orange-950:oklch(26.6% .079 36.259);--mg-color-slate-300:oklch(86.9% .022 252.894);--mg-color-slate-400:oklch(70.4% .04 256.788);--mg-color-white:#fff;--mg-spacing:.25rem;--mg-container-xl:36rem;--mg-container-3xl:48rem;--mg-text-xs:.75rem;--mg-text-xs--line-height:calc(1 / .75);--mg-text-sm:.875rem;--mg-text-sm--line-height:calc(1.25 / .875);--mg-text-base:1rem;--mg-text-base--line-height:calc(1.5 / 1);--mg-text-lg:1.125rem;--mg-text-lg--line-height:calc(1.75 / 1.125);--mg-text-5xl:3rem;--mg-text-5xl--line-height:1;--mg-text-6xl:3.75rem;--mg-text-6xl--line-height:1;--mg-text-7xl:4.5rem;--mg-text-7xl--line-height:1;--mg-font-weight-medium:500;--mg-font-weight-semibold:600;--mg-tracking-tight:-.025em;--mg-tracking-wide:.025em;--mg-leading-relaxed:1.625;--mg-radius-2xl:1rem;--mg-blur-sm:8px;--mg-blur-3xl:64px;--mg-default-transition-duration:.15s;--mg-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.mg\:pointer-events-none{pointer-events:none}.mg\:absolute{position:absolute}.mg\:relative{position:relative}.mg\:-top-24{top:calc(var(--mg-spacing) * -24)}.mg\:-left-20{left:calc(var(--mg-spacing) * -20)}.mg\:isolate{isolation:isolate}.mg\:-z-10{z-index:calc(10 * -1)}.mg\:mt-3{margin-top:calc(var(--mg-spacing) * 3)}.mg\:mt-7{margin-top:calc(var(--mg-spacing) * 7)}.mg\:mt-8{margin-top:calc(var(--mg-spacing) * 8)}.mg\:mb-6{margin-bottom:calc(var(--mg-spacing) * 6)}.mg\:mb-8{margin-bottom:calc(var(--mg-spacing) * 8)}.mg\:flex{display:flex}.mg\:grid{display:grid}.mg\:inline-flex{display:inline-flex}.mg\:h-72{height:calc(var(--mg-spacing) * 72)}.mg\:min-h-12{min-height:calc(var(--mg-spacing) * 12)}.mg\:w-72{width:calc(var(--mg-spacing) * 72)}.mg\:max-w-3xl{max-width:var(--mg-container-3xl)}.mg\:max-w-full{max-width:100%}.mg\:max-w-xl{max-width:var(--mg-container-xl)}.mg\:rotate-180{rotate:180deg}.mg\:flex-col{flex-direction:column}.mg\:flex-wrap{flex-wrap:wrap}.mg\:items-center{align-items:center}.mg\:items-start{align-items:flex-start}.mg\:justify-center{justify-content:center}.mg\:gap-2{gap:calc(var(--mg-spacing) * 2)}.mg\:gap-3{gap:calc(var(--mg-spacing) * 3)}.mg\:gap-x-5{column-gap:calc(var(--mg-spacing) * 5)}.mg\:gap-y-2{row-gap:calc(var(--mg-spacing) * 2)}.mg\:overflow-hidden{overflow:hidden}.mg\:rounded-2xl{border-radius:var(--mg-radius-2xl)}.mg\:rounded-full{border-radius:2147483647px}.mg\:border{border-style:var(--tw-border-style);border-width:1px}.mg\:border-white\/10{border-color:var(--mg-color-white)}@supports (color:color-mix(in lab, red, red)){.mg\:border-white\/10{border-color:color-mix(in oklab, var(--mg-color-white) 10%, transparent)}}.mg\:border-white\/15{border-color:var(--mg-color-white)}@supports (color:color-mix(in lab, red, red)){.mg\:border-white\/15{border-color:color-mix(in oklab, var(--mg-color-white) 15%, transparent)}}.mg\:border-white\/25{border-color:var(--mg-color-white)}@supports (color:color-mix(in lab, red, red)){.mg\:border-white\/25{border-color:color-mix(in oklab, var(--mg-color-white) 25%, transparent)}}.mg\:bg-\[\#ff784f\]{background-color:#ff784f}.mg\:bg-orange-600\/15{background-color:var(--mg-color-orange-600)}@supports (color:color-mix(in lab, red, red)){.mg\:bg-orange-600\/15{background-color:color-mix(in oklab, var(--mg-color-orange-600) 15%, transparent)}}.mg\:bg-white\/5{background-color:var(--mg-color-white)}@supports (color:color-mix(in lab, red, red)){.mg\:bg-white\/5{background-color:color-mix(in oklab, var(--mg-color-white) 5%, transparent)}}.mg\:bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.mg\:bg-linear-to-r{--tw-gradient-position:to right in oklab}}.mg\:bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.mg\:from-\[\#ffad83\]{--tw-gradient-from:#ffad83;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.mg\:via-\[\#ff784f\]{--tw-gradient-via:#ff784f;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.mg\:to-\[\#ffd1a5\]{--tw-gradient-to:#ffd1a5;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.mg\:bg-clip-text{-webkit-background-clip:text;background-clip:text}.mg\:p-4{padding:calc(var(--mg-spacing) * 4)}.mg\:px-4{padding-inline:calc(var(--mg-spacing) * 4)}.mg\:px-7{padding-inline:calc(var(--mg-spacing) * 7)}.mg\:py-2{padding-block:calc(var(--mg-spacing) * 2)}.mg\:py-3{padding-block:calc(var(--mg-spacing) * 3)}.mg\:py-8{padding-block:calc(var(--mg-spacing) * 8)}.mg\:text-5xl{font-size:var(--mg-text-5xl);line-height:var(--tw-leading,var(--mg-text-5xl--line-height))}.mg\:text-base{font-size:var(--mg-text-base);line-height:var(--tw-leading,var(--mg-text-base--line-height))}.mg\:text-sm{font-size:var(--mg-text-sm);line-height:var(--tw-leading,var(--mg-text-sm--line-height))}.mg\:text-xs{font-size:var(--mg-text-xs);line-height:var(--tw-leading,var(--mg-text-xs--line-height))}.mg\:leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.mg\:leading-relaxed{--tw-leading:var(--mg-leading-relaxed);line-height:var(--mg-leading-relaxed)}.mg\:font-medium{--tw-font-weight:var(--mg-font-weight-medium);font-weight:var(--mg-font-weight-medium)}.mg\:font-semibold{--tw-font-weight:var(--mg-font-weight-semibold);font-weight:var(--mg-font-weight-semibold)}.mg\:tracking-tight{--tw-tracking:var(--mg-tracking-tight);letter-spacing:var(--mg-tracking-tight)}.mg\:tracking-wide{--tw-tracking:var(--mg-tracking-wide);letter-spacing:var(--mg-tracking-wide)}.mg\:text-\[\#161514\]{color:#161514}.mg\:text-orange-100{color:var(--mg-color-orange-100)}.mg\:text-orange-300{color:var(--mg-color-orange-300)}.mg\:text-slate-300{color:var(--mg-color-slate-300)}.mg\:text-slate-400{color:var(--mg-color-slate-400)}.mg\:text-transparent{color:#0000}.mg\:text-white{color:var(--mg-color-white)}.mg\:underline-offset-4{text-underline-offset:4px}.mg\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.mg\:shadow-orange-950\/30{--tw-shadow-color:var(--mg-color-orange-950)}@supports (color:color-mix(in lab, red, red)){.mg\:shadow-orange-950\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--mg-color-orange-950) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.mg\:blur-3xl{--tw-blur:blur(var(--mg-blur-3xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.mg\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--mg-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.mg\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--mg-default-transition-timing-function));transition-duration:var(--tw-duration,var(--mg-default-transition-duration))}.mg\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--mg-default-transition-timing-function));transition-duration:var(--tw-duration,var(--mg-default-transition-duration))}@media (hover:hover){.mg\:hover\:bg-\[\#ff9b77\]:hover{background-color:#ff9b77}.mg\:hover\:bg-white\/10:hover{background-color:var(--mg-color-white)}@supports (color:color-mix(in lab, red, red)){.mg\:hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--mg-color-white) 10%, transparent)}}.mg\:hover\:text-white:hover{color:var(--mg-color-white)}}.mg\:focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.mg\:focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.mg\:focus-visible\:outline-orange-400:focus-visible{outline-color:var(--mg-color-orange-400)}@media (width>=40rem){.mg\:sm\:flex-row{flex-direction:row}.mg\:sm\:items-center{align-items:center}.mg\:sm\:py-12{padding-block:calc(var(--mg-spacing) * 12)}.mg\:sm\:text-6xl{font-size:var(--mg-text-6xl);line-height:var(--tw-leading,var(--mg-text-6xl--line-height))}.mg\:sm\:text-lg{font-size:var(--mg-text-lg);line-height:var(--tw-leading,var(--mg-text-lg--line-height))}}@media (width>=64rem){.mg\:lg\:text-7xl{font-size:var(--mg-text-7xl);line-height:var(--tw-leading,var(--mg-text-7xl--line-height))}}}.premium-hero.manglo-hero-upgraded{isolation:isolate;position:relative}.premium-hero.manglo-hero-upgraded:before{content:"";z-index:-1;pointer-events:none;filter:blur(28px);background:radial-gradient(at 25% 20%,#b7875e1c,#0000 55%),radial-gradient(at 85% 10%,#9a66331a,#0000 50%);position:absolute;inset:0 -4vw}#manglo-hero-root{min-width:0;position:relative}#manglo-hero-root h1{letter-spacing:-.069em;color:#f7f7f7;margin:0 0 24px;font-family:Manrope,Arial,sans-serif;font-size:clamp(49px,5.8vw,94px);line-height:1.09}#manglo-hero-root p{margin:0 0 30px}#manglo-hero-root a{text-decoration:none}#manglo-hero-root .manglo-hero-badge{color:#e6c8aa;background:#ffffff0b;border-color:#d7ad8654}#manglo-hero-root .manglo-hero-primary{color:#19120e;background:#dfb38a;border-radius:100px}#manglo-hero-root .manglo-hero-primary:hover{background:#f2cba5}#manglo-hero-root .manglo-hero-secondary{background:#ffffff0a;border-color:#ffffff3c;border-radius:100px}#manglo-hero-root .manglo-hero-primary{color:#161514}#manglo-hero-root .manglo-hero-secondary{color:#fff}#manglo-hero-root button{cursor:pointer}#manglo-hero-root .manglo-hero-how{color:#aeb7bd;background:#ffffff09;border:1px solid #ffffff25;border-radius:100px;padding:10px 16px;transition:background .25s,color .25s,border-color .25s}#manglo-hero-root .manglo-hero-how:hover{color:#f6e8d7;background:#ffffff10;border-color:#d7ad8666}#manglo-hero-root ol{list-style:none}#manglo-studio{scroll-margin-top:32px}@media (width<=550px){#manglo-hero-root h1{font-size:clamp(43px,11.2vw,62px)}}@media (prefers-reduced-motion:reduce){#manglo-hero-root *,#manglo-hero-root :before,#manglo-hero-root :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}.mchat-root{z-index:2;position:relative}.mchat-fallback{color:#fff;background:#171717;border:1px solid #282828;border-radius:20px;width:min(720px,100%);margin:auto;padding:28px}.mchat-fallback h3{margin:0 0 8px;font-size:24px}.mchat-fallback p{color:#aaa}.mchat-fallback-links{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.mchat-fallback-links a{color:#ddd;border:1px solid #333;border-radius:100px;padding:8px 12px}.mchat-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.mchat-shell{color:#f5f5f5;max-width:100%;font:400 14px/1.6 DM Sans,system-ui,sans-serif;position:relative}.mchat-shell *{box-sizing:border-box}.mchat-shell button,.mchat-shell textarea{font:inherit}.mchat-shell button{cursor:pointer}.mchat-shell button:focus-visible,.mchat-shell a:focus-visible{outline-offset:3px;outline:2px solid #dadada!important}.mchat-shell.is-idle{width:min(750px,100%);margin:0 auto}.mchat-input-dock{z-index:3;width:100%;position:relative}.mchat-compose-area{z-index:5;max-width:750px;margin:auto;position:relative}.mchat-composer{background:#252527;border:1px solid #33353a;border-radius:19px;width:100%;padding:9px 12px 10px;transition:background .2s,border-color .25s,box-shadow .25s;position:relative;box-shadow:0 14px 44px #0004,inset 0 1px #ffffff0a}.mchat-composer:focus-within,.mchat-composer.is-dragging{background:#29292b;border-color:#666970;box-shadow:0 15px 52px #0006,0 0 0 4px #ffffff0b}.mchat-composer.is-working{opacity:.85}.mchat-composer textarea{resize:none;scrollbar-width:none;appearance:none;width:100%;min-height:42px;max-height:180px;display:block;overflow-y:hidden;outline-offset:0!important;box-shadow:none!important;color:#fff!important;letter-spacing:0!important;background:0 0!important;border:0!important;outline:0!important;padding:12px 9px!important;font-size:14px!important;line-height:1.6!important}.mchat-shell .mchat-composer textarea:focus,.mchat-shell .mchat-composer textarea:focus-visible{outline-offset:0!important;box-shadow:none!important;border:0!important;outline:none!important}.mchat-composer textarea::-webkit-scrollbar{display:none}.mchat-composer textarea::placeholder{opacity:1;color:#b4b4b8!important}.mchat-composer-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:0 1px;display:flex}.mchat-composer-left{align-items:center;gap:10px;min-width:0;display:flex}.mchat-upload-button{align-items:center;gap:8px;transition:background .2s,border-color .2s;display:flex;color:#cfcfd2!important;background:0 0!important;border:1px solid #48484b!important;border-radius:100px!important;padding:7px 12px!important;font-size:12px!important}.mchat-upload-button:hover{background:#38383a!important;border-color:#858588!important}.mchat-composer-divider{background:#4d4d50;width:1px;height:15px}.mchat-local-label{color:#9e9ea3;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.mchat-local-label svg{color:#bdbdc2}.mchat-send-button{flex:none;place-items:center;width:32px;height:32px;transition:background .2s,transform .2s;display:grid;color:#242424!important;background:#d9d9d9!important;border:0!important;border-radius:50%!important}.mchat-send-button:hover:not(:disabled){transform:translateY(-2px);background:#fff!important}.mchat-send-button:disabled{cursor:not-allowed;color:#aaa!important;background:#505053!important}.mchat-dock{margin-top:15px}.mchat-tool-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.mchat-tool-button{white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-height:31px;transition:border-color .2s,background .2s,color .2s,transform .2s;display:flex;color:#c8c8ca!important;background:#0d0d0e!important;border:1px solid #2b2c2e!important;border-radius:100px!important;padding:6px 12px!important;font-size:11px!important;line-height:1!important}.mchat-tool-icon{color:#a6a6ab;flex:none}.mchat-tool-button:hover{transform:translateY(-1px);color:#fff!important;background:#202023!important;border-color:#636368!important}.mchat-tool-button.is-active{color:#fff!important;background:#29292c!important;border-color:#989899!important}.mchat-tool-check{color:#d2d2d2}.mchat-assurance{justify-content:center;align-items:center;gap:8px;display:flex;color:#a0a4aa!important;margin:15px 0 0!important;font-size:11px!important;line-height:1.5!important}.mchat-assurance svg{flex:none}.mchat-selected{align-items:center;gap:9px;margin:0 0 10px;padding-left:2px;display:flex}.mchat-selected span{letter-spacing:.12em;color:#8d8d91;font-size:10px}.mchat-selected strong{color:#e9e9eb;background:#ffffff12;border:1px solid #555;border-radius:30px;padding:4px 9px;font-size:11px;font-weight:600}.mchat-selected button{line-height:1;color:#d4d4d4!important;background:0 0!important;border:0!important;font-size:18px!important}.mchat-file-attachment{background:#1c1c1e;border:1px solid #4c4c4d;border-radius:12px;align-items:center;gap:10px;max-width:380px;margin-bottom:6px;padding:6px;display:flex}.mchat-file-thumb{flex:none;width:51px;height:49px;overflow:hidden;background:#2b2b2c!important;border:0!important;border-radius:8px!important;padding:0!important}.mchat-file-thumb img{object-fit:cover;width:100%;height:100%}.mchat-file-label{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mchat-file-label b{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:11px;overflow:hidden}.mchat-file-label small{color:#999;font-size:10px}.mchat-remove-file{place-items:center;width:28px;height:28px;display:grid;color:#ccc!important;background:#ffffff13!important;border:0!important;border-radius:9px!important}.mchat-input-error,.mchat-notice{color:#ffb3a8;align-items:center;gap:8px;margin:8px 3px 0;font-size:11px;display:flex}.mchat-notice{color:#b0dcbd}.mchat-drop-indicator{color:#fff;background:#1a1a1af6;border:1px dashed #fff;border-radius:16px;place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.mchat-preview-modal{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030305ed;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.mchat-preview-modal img{object-fit:contain;border-radius:12px;max-width:90vw;max-height:83vh}.mchat-preview-close{color:#fff;background:#fff2;border:1px solid #ffffff50;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:absolute;top:22px;right:22px}.mchat-shell.is-conversing{width:min(1020px,100%);min-height:max(620px,100svh - 128px);box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:0;flex-direction:column;margin:0 auto;display:flex;overflow:visible}.mchat-shell.is-conversing:before{content:"";z-index:0;pointer-events:none;filter:blur(50px);opacity:.9;background:radial-gradient(65% 38% at 50% 44%,#26262980,#0000 78%),radial-gradient(58% 42% at 55% 74%,#181a20a1,#0000 82%);position:absolute;inset:-80px -12%}.mchat-shell.is-conversing>*{z-index:1;position:relative}.mchat-topbar{background:0 0;border:0;flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:40px;padding:0 8px;display:flex}.mchat-identity{align-items:center;gap:11px;display:flex}.mchat-identity-glow{color:#e9e5df;background:radial-gradient(circle,#5b524c66,#0000 72%);border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.mchat-identity strong{color:#f6f5f4;letter-spacing:-.01em;font-size:12px;font-weight:650;display:block}.mchat-identity small{letter-spacing:.14em;color:#82848b;margin-top:2px;font-size:9px;display:block}.mchat-new{white-space:nowrap;align-items:center;gap:8px;transition:color .2s;display:flex;color:#a9abb0!important;background:0 0!important;border:0!important;border-radius:100px!important;padding:10px 5px!important;font-size:11px!important}.mchat-new:hover{color:#fff!important;background:0 0!important}.mchat-thread{flex-direction:column;flex:1;justify-content:flex-end;min-height:290px;padding:clamp(42px,8vh,95px) 16px 50px;display:flex;overflow:visible}.mchat-messages{width:min(745px,100%);margin:auto auto 0;padding:0 0 20px}.mchat-message{flex-direction:column;align-items:flex-start;gap:0;margin:0 0 36px;display:flex}.mchat-message-avatar{display:none}.mchat-message-user{align-items:flex-start}.mchat-bubble{min-width:0;max-width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#e2e3e3;background:0 0;border:0;border-radius:0;padding:0;position:relative}.mchat-message-user .mchat-bubble{text-align:left;background:0 0;border:0;max-width:100%}.mchat-message-user .mchat-bubble:before{content:"YOU";color:#898c93;letter-spacing:.2em;margin:0 0 8px;font-size:9px;font-weight:700;display:block}.mchat-message-role{color:#b5b8ba;letter-spacing:.2em;margin-bottom:12px;font-size:9px;font-weight:750;display:block}.mchat-message-role span{color:#676b72}.mchat-bubble h4{color:#f8f8f8;letter-spacing:-.045em;margin:0 0 11px;font-size:clamp(18px,1.6vw,23px);font-weight:630;line-height:1.35}.mchat-response-copy,.mchat-user-copy{white-space:pre-line;overflow-wrap:anywhere;color:#bfc3c7;margin:0;font-size:clamp(13px,1.12vw,15px);line-height:1.9}.mchat-user-copy{color:#e9e9ea;font-size:clamp(14px,1.2vw,16px)}.mchat-stream{min-width:0;position:relative}.mchat-stream-measure{visibility:hidden;pointer-events:none}.mchat-stream-visible{position:absolute;inset:0;overflow:visible}.mchat-caret{vertical-align:middle;background:#ddd;width:5px;height:14px;margin-left:2px;animation:.65s step-end infinite mchat-caret;display:inline-block}@keyframes mchat-caret{50%{opacity:0}}.mchat-user-file{color:#d0d0d0;border:1px solid #ffffff23;border-radius:9px;align-items:center;gap:8px;margin-top:13px;padding:8px 10px;font-size:11px;display:flex}.mchat-processing{align-items:start;gap:12px;margin:4px 0 30px;display:flex}.mchat-processing-avatar{display:none}.mchat-processing>div{background:0 0;border:0;border-radius:0;flex-direction:column;gap:5px;padding:0;display:flex}.mchat-processing-label{color:#eee;align-items:center;gap:8px;font-size:12px;display:flex}.mchat-processing small{color:#919ca1;font-size:10px}.mchat-spin{animation:1s linear infinite mchat-spin}.mchat-dots{letter-spacing:.2em}@keyframes mchat-spin{to{transform:rotate(360deg)}}.mchat-shell.is-conversing .mchat-input-dock{-webkit-backdrop-filter:none;background:0 0;flex:none;width:100%;padding:15px 12px 9px;position:sticky;bottom:clamp(8px,2svh,22px)}.mchat-shell.is-conversing .mchat-input-dock:before{content:"";z-index:-1;pointer-events:none;filter:blur(12px);background:linear-gradient(#0000,#050506a6 36%,#050506eb 100%);position:absolute;inset:-22px -12px -16px}.mchat-shell.is-conversing .mchat-compose-area{background:0 0;width:100%;max-width:745px;padding:0}.mchat-shell.is-conversing .mchat-composer{background:#232326ed;border-color:#39393c;max-width:745px;margin:auto;box-shadow:0 20px 65px #0006,inset 0 1px #ffffff07}.mchat-shell.is-conversing .mchat-dock{flex:none;width:min(745px,100%);margin:0 auto;padding:12px 0 0}.mchat-shell.is-conversing .mchat-tool-list{justify-content:flex-start}.mchat-shell.is-conversing .mchat-tool-button{min-height:31px;padding:7px 13px!important;font-size:11px!important}.mchat-shell.is-conversing .mchat-assurance{flex:none;margin:12px 0 3px!important}.mchat-shell.is-conversing .mchat-selected{margin-bottom:9px}.mchat-result{background:0 0;border:0;border-radius:0;margin-top:23px;padding:0}.mchat-result-top{letter-spacing:.11em;color:#b7c0c6;justify-content:space-between;align-items:center;gap:10px;padding:1px 3px 10px;font-size:9px;font-weight:700;display:flex}.mchat-result-top span:first-child{color:#b5dcb9;align-items:center;gap:6px;display:flex}.mchat-comparison{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mchat-comparison>div{background:#171a1b;border-radius:9px;height:clamp(115px,16vw,195px);position:relative;overflow:hidden}.mchat-comparison img{object-fit:contain;width:100%;height:100%}.mchat-comparison>div>span{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;background:#090909c8;border-radius:6px;padding:5px 7px;font-size:9px;position:absolute;bottom:8px;left:8px}.mchat-result-bottom{justify-content:space-between;align-items:center;gap:16px;padding:15px 3px 0;display:flex}.mchat-result-bottom>div{flex-direction:column;gap:3px;min-width:0;display:flex}.mchat-result-bottom strong{color:#fff;overflow-wrap:anywhere;font-size:12px}.mchat-result-bottom small{color:#aaa;font-size:10px}.mchat-download{background:#f4f3f0;border-radius:100px;flex:none;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:800;text-decoration:none;display:flex;color:#141414!important}.mchat-download:hover{background:#fff}.mchat-copy{align-items:center;gap:8px;margin-top:14px;display:inline-flex;color:#fff!important;background:#ffffff12!important;border:1px solid #fff4!important;border-radius:100px!important;padding:8px 11px!important;font-size:11px!important}@media (width<=750px){.mchat-shell.is-idle{width:100%}.mchat-composer{border-radius:16px}.mchat-composer textarea{font-size:13px!important}.mchat-tool-list{gap:6px}.mchat-tool-button{padding:8px 10px!important;font-size:10px!important}.mchat-shell.is-conversing{border:0;border-radius:0;height:auto;min-height:max(550px,100svh - 92px)}.mchat-topbar{padding:0 5px}.mchat-thread{min-height:270px;padding:55px 4px 38px}.mchat-bubble{padding:0}.mchat-bubble h4{font-size:18px}.mchat-response-copy,.mchat-user-copy{font-size:13px}.mchat-shell.is-conversing .mchat-input-dock{padding:15px 0 8px}.mchat-shell.is-conversing .mchat-dock{padding:11px 0 0}.mchat-shell.is-conversing .mchat-tool-button{min-height:34px;padding:8px 10px!important;font-size:11px!important}.mchat-comparison>div{height:130px}}@media (width<=420px){.mchat-composer-left{gap:8px}.mchat-local-label{font-size:10px}.mchat-upload-button{gap:0;padding:8px!important;font-size:0!important}.mchat-upload-button svg{width:18px;height:18px}.mchat-tool-list{gap:7px 5px}.mchat-assurance{text-align:center;flex-wrap:wrap;font-size:10px!important}.mchat-shell.is-conversing .mchat-assurance{margin:7px 7px 12px!important}.mchat-comparison{grid-template-columns:1fr}.mchat-comparison>div{height:145px}.mchat-result-bottom{flex-direction:column;align-items:stretch}.mchat-download{width:100%}}@media (prefers-reduced-motion:reduce){.mchat-shell *,.mchat-shell :before,.mchat-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/*$vite$:1*/
/* experience.css */

/* Manglo / 2026. An intentionally restrained, unified dark design system. */
:root{--mg-bg:#090b0d;--mg-panel:#11151a;--mg-panel2:#171d23;--mg-line:rgba(231,227,220,.12);--mg-fg:#f2f0e9;--mg-mute:#9da6ad;--mg-warm:#dab287;--mg-glow:#916746;--mg-radius:22px;--mg-font:'DM Sans',Inter,system-ui,sans-serif;--mg-display:'Manrope',Inter,system-ui,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body,body:has(.pb-page),body:has(.pb-article-page),body:has(.pb-editorial-page){margin:0;background:var(--mg-bg);color:var(--mg-fg);font-family:var(--mg-font);font-size:15px;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 80% -15%,rgba(117,83,51,.11),transparent 80%)}
*{box-sizing:border-box}a{color:inherit}button,input,select{font:inherit}a,button,summary{ -webkit-tap-highlight-color:transparent }
:focus-visible{outline:2px solid #e9c4a1!important;outline-offset:4px}
::selection{background:#b78a62;color:#090b0d}
main#content,body:has(.pb-page) #content,body:has(.pb-article-page) #content,body:has(.pb-editorial-page) #content{background:transparent;color:var(--mg-fg);min-height:60vh}
.mg-skip{position:fixed;top:-100px;left:18px;z-index:999;background:var(--mg-warm);color:#17120e;padding:12px 18px;border-radius:9px}.mg-skip:focus{top:16px}
.container{width:min(1300px,calc(100% - 80px));max-width:1300px;margin-inline:auto}

/* Navigation */
.mg-site-header{position:sticky!important;top:0;z-index:100!important;height:84px!important;min-height:84px;background:rgba(9,11,13,.78);border-bottom:1px solid rgba(255,255,255,.075);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.3vw,84px);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);transition:background .4s,border-color .4s}
.mg-site-header.is-scrolled{background:rgba(9,11,13,.94);border-color:rgba(255,255,255,.14)}
.mg-brand,.mg-brand:visited{text-decoration:none;display:flex;align-items:center;gap:11px;font-family:var(--mg-display);font-size:24px;font-weight:800;letter-spacing:-1.6px;color:#fff;white-space:nowrap}
.mg-brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#f7d1a9,#bd8055);color:#24170e;font-size:22px;line-height:1;font-weight:800;box-shadow:0 4px 26px #d6a17026}
.mg-brand-dot{color:var(--mg-warm);margin-left:-11px}
.mg-desktop-nav{display:flex;align-items:center;gap:34px!important}
.mg-desktop-nav a{color:#aab0b6;font-size:13px;font-weight:600;letter-spacing:.015em;text-decoration:none;transition:color .2s;position:relative;padding:12px 0}
.mg-desktop-nav a:hover,.mg-desktop-nav a[aria-current=page]{color:#f7ebdb}
.mg-desktop-nav a::after{content:"";position:absolute;height:1px;background:#e5bc94;bottom:5px;left:0;right:100%;transition:right .3s}
.mg-desktop-nav a:hover::after{right:0}
.mg-header-action,.mg-header-action:visited{border:1px solid #c9aa8c70;border-radius:100px;padding:12px 20px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.02em;color:#f5dcc1;display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#b4825024,#ffffff06);transition:background .25s,transform .25s}
.mg-header-action:hover{background:#deb48a23;transform:translateY(-1px)}
.mg-mobile-menu{display:none;position:relative;z-index:200}.mg-mobile-menu summary{cursor:pointer;list-style:none;display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--mg-line);border-radius:12px;background:#ffffff0d;color:#fff;font-size:20px}.mg-mobile-menu summary::-webkit-details-marker{display:none}
.mg-mobile-menu>div{position:absolute;right:0;top:54px;display:flex;flex-direction:column;min-width:265px;padding:12px;background:#151a20;border:1px solid #ffffff24;border-radius:17px;box-shadow:0 25px 85px #000a;backdrop-filter:blur(35px)}
.mg-mobile-menu a{font-weight:600;font-size:14px;text-decoration:none;color:#e1e4e6;padding:13px 12px;border-radius:9px}.mg-mobile-menu a:hover{background:#ffffff11;color:#fff}

/* Global buttons and editorial type */
.mg-button,.mg-button:visited{min-height:51px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 25px;border-radius:100px;text-decoration:none;font-family:var(--mg-font);font-size:13px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:transform .26s,background .26s,box-shadow .26s}
.mg-button:hover{transform:translateY(-3px)}.mg-button-primary{background:#e1b990;color:#19120e;box-shadow:0 12px 40px #b67c4533}.mg-button-primary:hover{background:#f5cda4;color:#16100b;box-shadow:0 16px 47px #cb916449}
.mg-button-ghost{background:#ffffff0a;border-color:#ffffff35;color:#f4f1ea}.mg-button-ghost:hover{background:#ffffff1d;color:#fff}
.mg-kicker,.mg-eyebrow{display:inline-flex;align-items:center;gap:13px;color:#c6a486;font-weight:700;letter-spacing:.2em;font-size:10px;text-transform:uppercase}
.mg-kicker-line{display:inline-block;width:25px;height:1px;background:#c6a486}
.mg-home h1,.mg-home h2,.mg-about-hero h1,.mg-about-grid h2,.mg-contact-hero h1,.mg-policy-hero h1{font-family:var(--mg-display);color:var(--mg-fg);font-weight:600;letter-spacing:-.062em}
.mg-home em,.mg-about-hero em,.mg-about-grid em,.mg-contact-hero em,.mg-policy-hero em{font-style:normal;color:#b7a18b}
.mg-home p{color:var(--mg-mute);line-height:1.85}
.mg-inline-link{display:inline-flex;align-items:center;gap:28px;padding:12px 0;border-bottom:1px solid #c4a082;text-decoration:none;color:#f1d1b0;font-size:13px;font-weight:700;transition:gap .3s}.mg-inline-link:hover{gap:38px}

/* Cover: subtle light, photographic depth, real text HTML underneath React */
.mg-cover.premium-hero{position:relative;display:block;padding:clamp(40px,6vw,90px) clamp(24px,4.3vw,84px) 60px;min-height:min(850px,calc(100svh - 85px));overflow:hidden;background:radial-gradient(ellipse 60% 80% at 60% 20%,#27201744,transparent 75%),#090b0d}
.mg-cover-light{position:absolute;pointer-events:none;width:60vw;height:70vw;top:-60%;right:-25%;background:radial-gradient(circle,#a36d4333,transparent 70%);filter:blur(60px)}
.mg-cover-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(35px,5vw,90px);max-width:1510px;margin-inline:auto}
.mg-cover-copy.hero-copy{width:auto;max-width:700px;position:relative;z-index:2;padding:30px 0}.mg-cover-copy h1{font-size:clamp(51px,5.8vw,105px);line-height:1.055;margin:23px 0 26px;max-width:780px;letter-spacing:-.075em}.mg-cover-copy>p{font-size:clamp(15px,1.25vw,18px);max-width:520px;margin-bottom:35px}
.mg-cover-actions{display:flex;gap:12px;flex-wrap:wrap}.mg-cover-assurance{display:flex;flex-wrap:wrap;gap:22px;margin-top:38px;color:#8b959d;font-size:11px}.mg-cover-assurance span::before{content:"·";margin-right:9px;color:#d4ab82}
.mg-cover-product.studio-window{position:relative!important;display:block!important;min-height:585px;height:min(665px,65vw);width:100%;max-width:none;padding:0!important;margin:0!important;border:1px solid #ffffff1c;border-radius:25px;overflow:hidden;background:#111;box-shadow:0 30px 100px #0009,0 0 100px #97613719;transform:none!important}
.mg-cover-product>img{width:100%;height:100%;display:block;object-fit:cover;object-position:68% center;filter:saturate(.85) contrast(1.06)}
.mg-cover-product::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0008,transparent 28%,transparent 52%,#030303cc)}
.mg-image-corner{position:absolute;z-index:2;left:25px;right:25px;color:#ede5dc}
.mg-image-corner-top{top:26px;display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.2em;color:#ede7dfbb}
.mg-image-corner-bottom{bottom:22px;display:flex;align-items:center;gap:14px;border:1px solid #ffffff23;border-radius:16px;padding:15px 18px;background:#111a1ac7;backdrop-filter:blur(18px);box-shadow:0 12px 38px #0005}
.mg-image-corner-bottom .mg-icon-flash{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border-radius:11px;background:#ddb38b;color:#2b1a13;font-size:25px}.mg-image-corner-bottom div{flex:1}.mg-image-corner-bottom strong{display:block;font-size:12px;color:#fff;letter-spacing:.01em}.mg-image-corner-bottom small{display:block;font-size:10px;color:#aab5b7;margin-top:5px}.mg-image-corner-bottom>span:last-child{font-size:18px;color:#dfb78f}
.mg-scroll-prompt{display:inline-flex;gap:20px;align-items:center;margin-top:8px;color:#879199;text-decoration:none;font-size:10px;letter-spacing:.17em;font-weight:700}.mg-scroll-prompt i{font-style:normal;font-size:17px;color:#e7bf98;animation:mg-bob 2.6s ease-in-out infinite}
.mg-marquee{overflow:hidden;border-block:1px solid #ffffff12;background:#13171b;padding:23px 0}.mg-marquee>div{display:flex;align-items:center;justify-content:center;gap:44px;min-width:max-content;padding:0 28px}.mg-marquee span{white-space:nowrap;font-family:var(--mg-display);font-size:12px;font-weight:700;letter-spacing:.15em;color:#a5adb0}.mg-marquee b{font-weight:400;color:#c8a281;font-size:14px}

/* Home content: restrained layout variety, not repeated template tiles */
.mg-section{width:min(1390px,calc(100% - 100px));margin-inline:auto;padding-block:145px}.mg-section-intro{display:grid;grid-template-columns:260px minmax(0,1fr);gap:35px;align-items:start;margin-bottom:55px}.mg-section-intro h2{font-size:clamp(39px,5vw,74px);line-height:1.14;margin:-10px 0 22px}.mg-section-intro p{font-size:15px;max-width:580px;margin:0}.mg-tool-section{padding-bottom:90px}
.mg-tool-controls{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--mg-line);padding-top:29px;margin-bottom:20px}.mg-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mg-filters button{border:1px solid transparent;background:transparent;color:#8e9ca5;border-radius:100px;min-height:43px;padding:10px 18px;font-size:12px;font-weight:700;cursor:pointer;transition:.25s}.mg-filters button.active,.mg-filters button:hover{background:#e4e8e912;border-color:#e4e8e91d;color:#fff}.mg-filters span{color:#bd9978;margin-left:8px}
.mg-tool-search{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff3a;padding:9px 5px;color:#c4a587;min-width:260px}.mg-tool-search span{font-size:23px;line-height:1}.mg-tool-search input{background:transparent;border:0;outline:0;color:#fff;font-size:13px;width:100%;min-width:100px}.mg-tool-search input::placeholder{color:#737f87}
.mg-filter-status{font-size:11px;margin:10px 0 26px;color:#737f87!important}.mg-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mg-tool-card,.mg-tool-card:visited{min-width:0;min-height:382px;text-decoration:none;color:var(--mg-fg);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:28px 30px 26px;border:1px solid #ffffff15;border-radius:19px;background:linear-gradient(150deg,#181d23,#111519 70%);overflow:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .35s}.mg-tool-card::before{content:"";position:absolute;width:350px;height:350px;right:-160px;top:-180px;border-radius:50%;background:#b6865a12;filter:blur(45px);pointer-events:none}.mg-tool-card:hover{transform:translateY(-8px);border-color:#d9b18870;box-shadow:0 26px 75px #0007}.mg-tool-card[hidden]{display:none!important}.mg-tool-featured{grid-column:span 2;background:linear-gradient(135deg,#24221e,#13191c 65%)}
.mg-tool-card-top{display:flex;justify-content:space-between;align-items:center;color:#98a4ab;font-size:10px;letter-spacing:.15em;font-weight:700}.mg-card-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff2c;border-radius:50%;color:#fff;font-size:16px;transition:transform .25s}.mg-tool-card:hover .mg-card-arrow{transform:rotate(45deg);background:#d4ab84;color:#15110d}
.mg-tool-card-visual{height:150px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;margin:18px 0;color:#e5c6a7;opacity:.95}.mg-visual-label{position:absolute;top:0;left:0;color:#6f7f86;font-size:9px;letter-spacing:.2em}.mg-tool-card-bottom h3{font-family:var(--mg-display);font-size:clamp(20px,2vw,29px);letter-spacing:-.045em;font-weight:600;line-height:1.2;color:#fbf4e9;margin:0 0 10px}.mg-tool-card-bottom p{color:#89959e;font-size:12px;line-height:1.6;max-width:440px;min-height:0;margin:0 0 16px}.mg-card-link{font-size:11px;font-weight:700;color:#e4b788;letter-spacing:.04em}.mg-card-link span{margin-left:8px}
.mg-bars{display:flex;align-items:flex-end;gap:20px;width:70%;height:65px}.mg-bars i{display:block;flex:1;border-radius:10px;background:linear-gradient(90deg,#b99572,#efc19a);height:80%;box-shadow:0 0 30px #b17c3b33}.mg-bars i:last-child{height:40%;background:linear-gradient(90deg,#788b87,#a4b3ad)}.mg-tool-card-visual>small{font-size:11px;color:#84939a}.mg-tool-card-visual>small b{color:#dab287;margin:0 13px}
.mg-resize-frame{width:156px;height:106px;display:grid;place-items:center;border:1px dashed #d2b59f82;border-radius:9px;box-shadow:0 0 0 17px #dab2870c}.mg-resize-frame span{font-size:14px;color:#d3cdc3}.mg-format-glyph{font:700 28px var(--mg-display);color:#fff;display:flex;align-items:center;gap:15px;letter-spacing:-.05em}.mg-format-glyph span{color:#cfa17b;font-size:18px}.mg-crop-glyph{width:130px;height:120px;border:2px solid #c8a78c;position:relative;display:grid;place-items:center}.mg-crop-glyph:before,.mg-crop-glyph:after{content:"";position:absolute;inset:33%;border-left:1px solid #d1b99a70;border-right:1px solid #d1b99a70}.mg-crop-glyph:after{transform:rotate(90deg)}.mg-crop-glyph i{position:absolute;width:22px;height:22px;border-color:#fff}.mg-crop-glyph i:first-child{top:-8px;left:-8px;border-top:4px solid;border-left:4px solid}.mg-crop-glyph i:last-child{bottom:-8px;right:-8px;border-bottom:4px solid;border-right:4px solid}.mg-target-glyph{font:700 65px var(--mg-display);letter-spacing:-.08em;color:#f6ead8}.mg-target-glyph small{font:500 12px var(--mg-font);letter-spacing:0;color:#bb977a;display:block;text-align:center}.mg-profit-glyph{display:flex;align-items:center;gap:9px;font:600 clamp(15px,2vw,29px) var(--mg-display);letter-spacing:-.04em}.mg-profit-glyph span{color:#87969c}.mg-profit-glyph b{font-weight:700;color:#efd2aa}.mg-discount-glyph{font:700 80px var(--mg-display);letter-spacing:-.09em;color:#edc5a4;position:relative}.mg-discount-glyph>span{font-size:35px}.mg-discount-glyph small{font:500 10px var(--mg-font);display:block;text-align:center;letter-spacing:.12em;text-transform:uppercase;color:#84939a}
.mg-search-empty{text-align:center;border:1px dashed #ffffff30;border-radius:17px;padding:55px;background:#12161b}.mg-search-empty h3{font:600 26px var(--mg-display)}
.mg-vision{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,7vw,110px);align-items:center;border-top:1px solid var(--mg-line)}.mg-vision-image{height:650px;position:relative;overflow:hidden;border:1px solid var(--mg-line);border-radius:23px}.mg-vision-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.mg-vision-image:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#090b0dcc)}.mg-vision-image>span{position:absolute;z-index:2;bottom:28px;left:28px;font-size:10px;letter-spacing:.14em;color:#fff}.mg-vision-copy h2{font-size:clamp(40px,4.4vw,65px);line-height:1.13;margin:30px 0}.mg-vision-copy>p{font-size:14px;color:#9ea7ae;max-width:530px}.mg-vision-points{border-top:1px solid var(--mg-line);margin:38px 0 30px}.mg-vision-points>div{display:grid;grid-template-columns:35px 1fr;gap:2px 15px;border-bottom:1px solid var(--mg-line);padding:18px 0}.mg-vision-points span{font:600 10px var(--mg-font);color:#cba483;grid-row:span 2;padding-top:5px}.mg-vision-points strong{font-size:14px}.mg-vision-points p{font-size:12px;margin:2px 0 0}
.mg-process{border-top:1px solid var(--mg-line)}.mg-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mg-process-grid>a{display:flex;flex-direction:column;min-height:330px;padding:32px;border:1px solid #ffffff17;border-radius:18px;background:linear-gradient(155deg,#1b2026,#111519);text-decoration:none;transition:transform .4s,border-color .3s}.mg-process-grid>a:hover{transform:translateY(-5px);border-color:#a6805d}.mg-process-grid a>span{font-size:10px;letter-spacing:.15em;color:#c39d7a}.mg-process-grid strong{font:600 29px/1.25 var(--mg-display);letter-spacing:-.04em;margin:55px 0 12px;color:#f7eee4}.mg-process-grid p{font-size:13px;flex:1}.mg-process-grid i{font-style:normal;font-weight:700;font-size:10px;letter-spacing:.1em;color:#cba682;margin-top:18px}
.mg-home-reading{border-block:1px solid var(--mg-line);background:#0f1317}.mg-home-reading .pb-home-teaser{width:min(1390px,calc(100% - 100px));margin:auto;padding:130px 0;background:transparent;box-shadow:none}.mg-home-reading .pb-home-intro h2{font:600 clamp(38px,4.4vw,69px)/1.13 var(--mg-display);letter-spacing:-.06em;color:#f6f0e8}.mg-home-reading .pb-home-intro p{color:#a6b0b7}.mg-home-reading .pb-home-cards{margin-top:50px}.mg-home-reading .pb-kicker{color:#cba482}.mg-home-reading .pb-pill-link{border:1px solid #d0ad8b;color:#ead6c0;background:#ffffff0a;border-radius:100px;padding:15px 23px;font-size:12px;font-weight:700}.mg-home-reading .pb-pill-link:hover{background:#ffffff19}
.mg-faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;padding-block:145px}.mg-faq-intro h2{font-size:clamp(38px,4vw,65px);line-height:1.12;margin:26px 0 38px}.mg-faq-list details{border-bottom:1px solid #ffffff1c;padding:26px 0}.mg-faq-list details:first-child{border-top:1px solid #ffffff1c}.mg-faq-list summary{list-style:none;font:600 16px var(--mg-display);display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;color:#eee6da}.mg-faq-list summary::-webkit-details-marker{display:none}.mg-faq-list summary span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #ffffff23;color:#d2a77c;transition:transform .2s}.mg-faq-list details[open] summary span{transform:rotate(45deg)}.mg-faq-list details p{font-size:13px;max-width:620px;margin:18px 0 0}
.mg-end-cta{position:relative;text-align:center;overflow:hidden;padding:145px 20px 165px;background:radial-gradient(ellipse at 50% 110%,#75462738,transparent 60%),#12161b;border-top:1px solid #ffffff19}.mg-end-cta h2{font-size:clamp(52px,7.2vw,112px);line-height:1.1;margin:22px 0 24px}.mg-end-cta p{margin-bottom:35px}

/* Consistent premium footer on every route */
.mg-site-footer{background:#080a0c;border-top:1px solid #ffffff16;padding:92px clamp(24px,4.3vw,84px) 27px;color:#f5efe6}.mg-footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px;max-width:1510px;margin:auto}.mg-footer-brand p{font-size:12px;line-height:1.9;color:#89949c;max-width:280px;margin-top:22px}.mg-footer-heading{font-size:10px;letter-spacing:.17em;color:#c5a182;margin-bottom:22px;font-weight:700}.mg-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.mg-footer-col a{text-decoration:none;color:#a1abb2;font-size:12px;transition:color .2s}.mg-footer-col a:hover{color:#fff}.mg-footer-bottom{display:flex;justify-content:space-between;gap:20px;max-width:1510px;margin:85px auto 0;border-top:1px solid #ffffff12;padding-top:24px;color:#717f88;font-size:11px}.mg-footer-bottom a{color:#b3bec5;text-decoration:none}

/* Tool pages: actual working controls, visually distinct from marketing cards */
body:has(.workspace) #content{width:min(1300px,calc(100% - 80px));margin:auto;padding:70px 0 120px}.page-heading{border:0;padding:24px 0 35px;max-width:980px}.page-heading h1{font:600 clamp(43px,5vw,75px)/1.1 var(--mg-display);letter-spacing:-.065em;color:#f6f0e9;margin:15px 0 22px}.page-heading p{font-size:16px;color:#9eabb2;max-width:650px}.breadcrumb{font-size:11px!important;letter-spacing:.035em;color:#9cabaf}.breadcrumb a{color:#d9b492;text-decoration:none}.workspace-topline{border:1px solid #ffffff1c;background:#12171c;border-bottom:0;padding:20px 24px;margin:25px 0 0;border-radius:20px 20px 0 0;color:#a7b1b8}.workspace{margin-top:0!important;gap:16px;padding:20px;border:1px solid #ffffff1c;border-top:0;border-radius:0 0 20px 20px;background:radial-gradient(circle at 0 0,#8c5b3416,transparent 55%),#12171c}.workspace .panel,.panel{background:linear-gradient(155deg,#1b2127,#151a20)!important;border:1px solid #ffffff19!important;border-radius:16px!important;box-shadow:0 20px 40px #0002}.panel h3{font:600 21px var(--mg-display);color:#fff}.field{color:#c0cbd1!important}.field input:not([type=range]),.field select{background:#0c1014!important;border:1px solid #ffffff23!important;border-radius:10px!important;color:#fff!important;min-height:50px!important}.field input:focus,.field select:focus{border-color:#ceab87!important}.field input[type=range],.studio-quality input{accent-color:#dab287}.dropzone{border:1px dashed #bba0856e!important;background:#161e23!important;border-radius:15px!important;transition:background .2s,border-color .2s}.dropzone:hover,.dropzone.drag{background:#202a2d!important;border-color:#e2b890!important}.dropzone strong{color:#f3eadd}.dropzone small,.help{color:#89969e!important}.button.orange,.panel .button.orange,.studio-export{background:#d8aa7f!important;border:0!important;color:#19120e!important;border-radius:10px!important;font-weight:700!important}.panel .button.light,.download{border-radius:10px!important;background:#ffffff12!important;color:#efddc6!important;border:1px solid #ffffff26!important}.panel .button.light:hover,.download:hover{background:#ffffff22!important}.result-hero{background:radial-gradient(circle at 100% 0,#9e754348,transparent 60%),#11191c;border-radius:14px;border:1px solid #ffffff18}.result-hero strong{color:#f4ceac!important}.file-result{border-bottom-color:#ffffff18}.related-tools{padding:26px 0;margin-bottom:40px}.related-tools>a{border-radius:100px;background:#171e24;border:1px solid #ffffff1e;color:#d4c2ae}.related-tools>a:hover{background:#222b32}.tool-explainer{max-width:1050px;margin:auto;padding:50px 0;color:#c1c8cc}.tool-explainer h2{font:600 36px var(--mg-display);letter-spacing:-.04em;color:#f6f0e8}.tool-explainer p,.tool-explainer li{color:#a6b3ba}.tool-explainer a{color:#dfb58b}

/* Static About / Contact / Policy / legacy guide pages */
.mg-info-page,.mg-policy{width:min(1390px,calc(100% - 100px));margin:auto}.mg-about-hero{padding:130px 0 100px;border-bottom:1px solid var(--mg-line)}.mg-about-hero h1{font-size:clamp(52px,7.2vw,115px);line-height:1.06;max-width:1150px;margin:34px 0}.mg-about-hero>p{font-size:18px;line-height:1.8;color:#a8b1b9;max-width:700px}.mg-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:125px 0}.mg-about-grid h2{font-size:clamp(38px,4.4vw,67px);line-height:1.13;margin:30px 0}.mg-about-grid p{font-size:15px;color:#a1adb5;line-height:1.9;max-width:550px}.mg-about-photo{position:relative;height:600px;overflow:hidden;border:1px solid var(--mg-line);border-radius:22px}.mg-about-photo img{height:100%;width:100%;object-fit:cover;filter:saturate(.66)}.mg-about-photo span{position:absolute;bottom:20px;left:20px;background:#0e1419d9;backdrop-filter:blur(18px);padding:14px 17px;border-radius:10px;font-size:10px;letter-spacing:.15em}.mg-about-values{padding:95px 0 120px;border-top:1px solid var(--mg-line)}.mg-about-values h2{font:600 clamp(38px,4vw,60px) var(--mg-display);letter-spacing:-.055em;margin:24px 0 50px}.mg-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mg-about-block{border:1px solid var(--mg-line);border-radius:17px;background:#151a1f;padding:38px 34px;min-height:280px}.mg-about-block span{font-size:11px;letter-spacing:.18em;color:#cda781}.mg-about-block h3{font:600 26px var(--mg-display);letter-spacing:-.04em;margin:35px 0 15px}.mg-about-block p{font-size:13px;color:#9eabb3;line-height:1.85}.mg-about-closing{border-top:1px solid var(--mg-line);padding:105px 0 140px;display:flex;justify-content:space-between;gap:30px;align-items:center}.mg-about-closing h2{font:600 clamp(34px,4vw,62px) var(--mg-display);letter-spacing:-.06em;max-width:700px;margin:0}
.mg-contact-hero{padding:135px 0 80px}.mg-contact-hero h1{font-size:clamp(54px,7vw,105px);line-height:1.1;margin:30px 0}.mg-contact-hero>p{color:#a3b0b8;font-size:16px;max-width:700px;line-height:1.8}.mg-contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;padding:0 0 140px}.mg-contact-card{padding:50px;border:1px solid var(--mg-line);border-radius:20px;background:linear-gradient(135deg,#24201c,#11171c)}.mg-contact-card h2{font:600 36px var(--mg-display);letter-spacing:-.05em;margin:0 0 20px}.mg-contact-card p,.mg-contact-card li{color:#aab2ba;line-height:1.9;font-size:14px}.mg-contact-email{font:600 clamp(19px,3vw,35px) var(--mg-display);color:#e5bb92;word-break:break-word;text-decoration:none;display:inline-block;border-bottom:1px solid #c3a185;margin:23px 0 35px}.mg-contact-card ol{padding-left:22px}
.mg-policy{padding:95px 0 140px}.mg-policy-hero h1{font-size:clamp(52px,5.8vw,89px);margin:27px 0 18px}.mg-policy-hero p{font-size:15px;color:#a5b2b9;line-height:1.75}.mg-policy-layout{display:grid;grid-template-columns:260px minmax(0,800px);gap:90px;margin-top:75px}.mg-policy-toc{position:sticky;top:115px;align-self:start;border-left:1px solid #ffffff1e;padding-left:24px;display:flex;flex-direction:column;gap:15px}.mg-policy-toc strong{font-size:10px;letter-spacing:.18em;color:#caa180;margin-bottom:8px}.mg-policy-toc a{font-size:12px;color:#9daab2;text-decoration:none;line-height:1.45}.mg-policy-toc a:hover{color:#fff}.mg-policy-content h2{font:600 30px var(--mg-display);letter-spacing:-.04em;margin:44px 0 13px;color:#f5f0e9;scroll-margin-top:110px}.mg-policy-content h2:first-child{margin-top:0}.mg-policy-content p,.mg-policy-content li{font-size:15px;color:#a9b4bd;line-height:1.9}.mg-policy-content a{color:#e4b78f}
.article{border:1px solid #ffffff14!important;border-radius:20px!important;background:#11171b!important;max-width:950px;margin:70px auto 120px!important;padding:clamp(30px,5vw,75px)!important}.article h1{font:600 clamp(38px,4.4vw,64px)/1.15 var(--mg-display);letter-spacing:-.06em;color:#f5f0e9}.article h2{font:600 31px var(--mg-display);letter-spacing:-.04em;color:#f1e4d6;margin-top:55px}.article p,.article li{font-size:16px;color:#b1bdc5;line-height:1.95}.article .article-cover{border-radius:15px}.article a{color:#e2b68e}.article .button{color:#21170e!important;background:#dfb78e!important;border-radius:100px!important}

/* The Playbook: same visual world, genuinely editorial typography and content */
.pb-page,.pb-article-page,.pb-editorial-page{color:var(--mg-fg)!important;background:transparent!important}
.pb-page{max-width:none!important}.pb-hero{background:radial-gradient(ellipse at 88% 18%,#9b653a29,transparent 55%),#101519!important;border-block:1px solid #ffffff14!important;min-height:620px;padding:clamp(50px,6vw,100px) clamp(30px,6vw,105px)!important;gap:70px!important}.pb-hero-copy h1{font:600 clamp(47px,5.2vw,86px)/1.09 var(--mg-display)!important;letter-spacing:-.064em!important;color:#f5efe7!important}.pb-hero-copy h1 em{color:#c1a58c!important}.pb-hero-copy p{font-size:16px!important;color:#abb8bd!important;line-height:1.85!important}.pb-kicker{color:#c59e7c!important;font-size:10px!important;letter-spacing:.18em!important}.pb-hero-art{border-radius:20px!important;border:1px solid #ffffff24!important;box-shadow:0 35px 100px #0007!important}.pb-hero-art-caption{background:#141a1ddb!important;backdrop-filter:blur(25px)}.pb-hero-art-caption strong{color:#fff!important}.pb-hero-art-caption a{color:#f2ccab!important}.pb-hero-actions span{color:#8f9ba2!important}.pb-primary{background:#dcb48c!important;color:#1f1711!important;border-radius:100px!important;font-weight:700!important}.pb-primary:hover{background:#f3cda8!important}.pb-topic-strip{background:#0e1316!important;border-block:1px solid #ffffff17!important;color:#b0b7bb!important}.pb-topic-strip strong{color:#d5cabf!important}.pb-library{background:transparent!important;width:min(1390px,calc(100% - 100px))!important;margin:0 auto;padding:125px 0 140px!important}.pb-section-heading h2{font:600 clamp(37px,4vw,65px)/1.15 var(--mg-display)!important;letter-spacing:-.055em!important;color:#f8efe7!important}.pb-section-heading p{color:#9ca7ae!important}.pb-volume{color:#b79b80!important}.pb-filters button{color:#a9b5ba!important;border-color:#ffffff20!important;background:#ffffff07!important;border-radius:100px!important}.pb-filters button.active,.pb-filters button:hover{color:#21150d!important;background:#d9b089!important;border-color:#d9b089!important}.pb-search{background:#151b1f!important;border:1px solid #ffffff22!important;border-radius:100px!important;color:#cda984!important}.pb-search input{color:#eaf0ee!important}.pb-results-count{color:#8999a2!important}.pb-card{background:linear-gradient(145deg,#1b2226,#12171b)!important;border:1px solid #ffffff1b!important;border-radius:18px!important;box-shadow:none!important;transition:transform .4s,border-color .3s!important;overflow:hidden}.pb-card:hover{transform:translateY(-8px)!important;border-color:#dfb88978!important;box-shadow:0 30px 60px #0005!important}.pb-card-copy{background:transparent!important}.pb-card-copy h3{font:600 clamp(19px,2vw,26px)/1.3 var(--mg-display)!important;letter-spacing:-.045em!important;color:#f1ece4!important}.pb-card-copy p{color:#91a1a9!important}.pb-card-meta{color:#c39e7c!important}.pb-card-read{color:#e2b48a!important}.pb-card-number{background:#141a1cd9!important;color:#f6e1cb!important}.pb-no-results{color:#a8b4bb!important}.pb-tool-banner{background:linear-gradient(120deg,#24201d,#151b20)!important;border:1px solid #ffffff1c!important;border-radius:22px!important;margin:0 auto 75px!important;width:min(1390px,calc(100% - 100px))!important}.pb-tool-banner h2{font:600 clamp(33px,3.4vw,55px)/1.2 var(--mg-display)!important;letter-spacing:-.05em!important;color:#f5eee5!important}.pb-tool-banner p{color:#a6b2b8!important}.pb-tool-links a{color:#e8c6a4!important;border-color:#b999785e!important}.pb-editorial-note{color:#89969d!important;padding-bottom:65px!important}.pb-editorial-note a{color:#c5a181!important}
.pb-article-page{width:min(1370px,calc(100% - 100px))!important;margin:auto!important}.pb-breadcrumb{color:#85959d!important;padding-top:45px!important}.pb-breadcrumb a{color:#bd9d83!important}.pb-article-header{display:block!important;height:auto!important;background:transparent!important;text-align:center!important;max-width:1000px!important;margin:85px auto 52px!important;padding:0!important}.pb-article-header h1{font:600 clamp(44px,5.2vw,79px)/1.12 var(--mg-display)!important;letter-spacing:-.067em!important;color:#f7efe5!important}.pb-article-dek{color:#a7b3bc!important;font-size:clamp(15px,1.5vw,19px)!important;line-height:1.8!important}.pb-article-meta{color:#97a5ae!important}.pb-article-meta a{color:#d9b390!important}.pb-copy-link{color:#e8c49f!important;border-color:#c19c764d!important}.pb-article-cover{border:1px solid #ffffff20!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 25px 70px #0008}.pb-article-cover span{background:#10181cba!important;color:#dec2a7!important}.pb-article-layout{grid-template-columns:minmax(0,780px) minmax(190px,270px)!important;gap:75px!important;margin:80px auto 110px!important;max-width:1130px!important}.pb-article-body{background:transparent!important;color:#c0c9d0!important}.pb-article-body p,.pb-article-body li{color:#adb9c2!important;font-size:16px!important;line-height:2!important}.pb-article-body strong{color:#f5e8dc!important}.pb-article-body h2{font:600 clamp(27px,3vw,38px)/1.25 var(--mg-display)!important;letter-spacing:-.05em!important;color:#f3eae0!important;margin-top:65px!important}.pb-article-body h3{color:#f4e9da!important}.pb-article-body a{color:#e7bb91!important}.pb-article-body table{background:#151b20!important;border-color:#ffffff22!important;color:#d3dce0!important}.pb-article-body td,.pb-article-body th{border-color:#ffffff1a!important}.pb-toc,.pb-sidebar-tool{background:#151c20!important;border:1px solid #ffffff1d!important;border-radius:15px!important;color:#d5dedf!important}.pb-toc strong,.pb-sidebar-tool small{color:#d3a77e!important}.pb-toc a{color:#9eabb3!important}.pb-toc a:hover,.pb-sidebar-tool a{color:#f0c69f!important}.pb-sidebar-tool strong{color:#fff!important}.pb-article-cta{background:linear-gradient(135deg,#2a231d,#131c1d)!important;border:1px solid #d3a57e36!important;border-radius:17px!important}.pb-article-cta h2{color:#f3e8d9!important}.pb-article-cta p,.pb-article-disclaimer{color:#9aa9b1!important}.pb-more{border-top:1px solid var(--mg-line)!important;padding-bottom:115px!important}.pb-more .pb-section-heading a{color:#d6ac84!important}.pb-reading-progress span{background:#d5ab83!important}.pb-editorial-page{width:min(1150px,calc(100% - 100px))!important;margin:auto!important;padding:50px 0 140px!important}.pb-editorial-page h1{font:600 clamp(45px,5.7vw,84px)/1.1 var(--mg-display)!important;letter-spacing:-.065em!important;color:#f5eee6!important}.pb-standards-grid section{background:#151b20!important;border:1px solid #ffffff1d!important;border-radius:15px!important}.pb-standards-grid h2{color:#f2e4d8!important}.pb-standards-grid p{color:#a5b2bb!important}.pb-standards-grid a{color:#ddb58f!important}

/* Playbook reading polish: override generic site nav styles inside the TOC.
   This also prevents the TOC links from producing horizontal page overflow. */
.pb-article-layout{min-width:0!important}
.pb-article-body{min-width:0!important;max-width:100%}
.pb-copy-link{background:#192328!important;color:#f1c9a2!important;border:1px solid #d5a67b80!important;box-shadow:inset 0 1px #ffffff0a;transition:background .2s,border-color .2s,color .2s}
.pb-copy-link:hover,.pb-copy-link:focus-visible{background:#2a3538!important;border-color:#e8b990!important;color:#ffdfbf!important}
.pb-article-body h2[id]{scroll-margin-top:118px!important}
.pb-article-sidebar{top:112px!important;min-width:0;max-width:100%}
.pb-toc{padding:24px 22px!important;background:linear-gradient(145deg,#1b2429,#11191d)!important;border:1px solid #ffffff24!important;border-radius:18px!important;box-shadow:0 18px 50px #0003}
.pb-toc>strong{color:#deaf88!important;font-size:10px!important;letter-spacing:.19em!important;margin-bottom:15px!important}
.pb-toc nav[aria-label="On this page"]{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:3px!important;width:100%!important;min-width:0!important;max-width:100%!important;max-height:min(54vh,440px);overflow-y:auto;overflow-x:hidden}
.pb-toc nav[aria-label="On this page"] a{display:block!important;position:relative;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;text-align:left;padding:11px 10px 11px 14px!important;border-radius:9px;font-size:12px!important;line-height:1.6!important;letter-spacing:0!important;text-decoration:none!important;color:#b2bdc4!important;background:transparent;transition:color .2s,background .2s}
.pb-toc nav[aria-label="On this page"] a:hover,.pb-toc nav[aria-label="On this page"] a:focus-visible{background:#ffffff0e;color:#f4dac2!important}
.pb-toc nav[aria-label="On this page"] a[aria-current="location"]{background:#d4a77b1c;color:#f5d3b0!important}
.pb-toc nav[aria-label="On this page"] a[aria-current="location"]::before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:2px;border-radius:2px;background:#e5b58b}
.pb-sidebar-tool{background:linear-gradient(145deg,#202b2d,#131b20)!important;border:1px solid #ffffff20!important;border-radius:18px!important;padding:26px!important}
.pb-article-body .pb-callout{background:linear-gradient(120deg,#282923,#1b2527)!important;border:1px solid #d6a77c40!important;border-left:4px solid #e0ad80!important;border-radius:0 15px 15px 0!important;padding:23px 27px!important;box-shadow:0 12px 35px #0002;color:#dde5e2!important}
.pb-article-body .pb-callout strong{color:#f6d1a9!important;font-size:14px!important;margin-bottom:9px!important}
.pb-article-body .pb-callout p,.pb-article-body .pb-callout li{color:#d1d9d5!important;font-size:14px!important;line-height:1.9!important}
.pb-article-body .pb-equation{background:linear-gradient(120deg,#222d2c,#182125)!important;border:1px solid #d4a97e49!important;border-radius:15px!important;box-shadow:0 12px 35px #0003;color:#f0d0ab!important;font-size:clamp(15px,1.5vw,18px)!important;overflow-wrap:anywhere}
.pb-article-body .pb-equation strong,.pb-article-body .pb-equation span{color:#f0d0ab!important}
.pb-article-body .pb-checklist{background:#151e22!important;border:1px solid #ffffff25!important;border-radius:17px!important;padding:15px 22px!important;box-shadow:0 16px 44px #0003}
.pb-article-body .pb-checklist label{color:#cbd5d8!important;border-bottom:1px solid #ffffff16!important;padding:15px 9px!important;gap:14px!important}
.pb-article-body .pb-checklist label:has(input:checked) span{color:#8b9c9c!important}
.pb-article-body .pb-checklist input{accent-color:#dcae85!important;width:17px;height:17px;flex-shrink:0}
.pb-article-body .pb-checklist-controls{color:#b9c8ca!important;gap:16px!important}
.pb-article-body .pb-checklist-controls button{background:#d7ac85!important;border:1px solid #e3bc96!important;color:#1f1914!important;border-radius:100px!important;font-weight:700!important}
.pb-article-body table th{background:#222c2f!important;color:#f2dfc9!important}
.pb-article-body table td{background:#141b20!important;color:#c2cdd2!important}
.pb-article-body .pb-article-cta{padding:clamp(26px,4vw,44px)!important}
.pb-article-body .pb-article-cta a.pb-primary{color:#211913!important;background:#e3b48d!important;border-color:#edc3a0!important;border-radius:100px!important;padding:14px 23px!important;font-size:13px!important;font-weight:750!important;text-decoration:none!important;box-shadow:0 6px 26px #0003;transition:background .2s,transform .2s,box-shadow .2s}
.pb-article-body .pb-article-cta a.pb-primary:hover,.pb-article-body .pb-article-cta a.pb-primary:focus-visible{background:#f0c9a8!important;box-shadow:0 9px 30px #0005;transform:translateY(-2px)}
.pb-article-body .pb-article-disclaimer{border-color:#ffffff24!important;line-height:1.9!important}
@media(max-width:800px){
  .pb-article-page{width:calc(100% - 46px)!important}
  .pb-article-layout{display:flex!important;flex-direction:column-reverse!important;gap:35px!important;margin:46px auto 80px!important}
  .pb-article-sidebar{display:block!important;position:static!important;width:100%!important}
  .pb-sidebar-tool{display:none!important}
  .pb-toc{margin:0!important}
  .pb-toc nav[aria-label="On this page"]{max-height:none;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px 14px!important}
  .pb-article-header{margin:52px auto 37px!important}
  .pb-article-header h1{font-size:clamp(36px,6.3vw,55px)!important}
}
@media(max-width:550px){
  .pb-article-page{width:calc(100% - 32px)!important}
  .pb-article-header{margin:41px auto 32px!important}
  .pb-article-header h1{font-size:clamp(32px,9vw,43px)!important;letter-spacing:-.055em!important}
  .pb-article-cover{height:240px!important}
  .pb-toc{padding:19px!important}
  .pb-toc nav[aria-label="On this page"]{display:flex!important;flex-direction:column!important;gap:2px!important}
  .pb-article-body p,.pb-article-body li{font-size:15px!important;line-height:1.85!important}
  .pb-article-body .pb-callout{padding:19px 20px!important}
  .pb-article-body .pb-equation{padding:17px!important}
  .pb-article-body .pb-checklist{padding:12px!important}
}

/* Motion has a purpose: arrival and depth, never obstructed controls. */
.mg-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.mg-reveal.mg-visible{opacity:1;transform:none}
@keyframes mg-bob{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}
@media(min-width:1500px){.mg-cover{padding-left:max(84px,calc((100vw - 1520px)/2))!important;padding-right:max(84px,calc((100vw - 1520px)/2))!important}}
@media(max-width:1100px){.mg-cover-inner{grid-template-columns:1fr 1fr;gap:32px}.mg-cover-copy h1{font-size:clamp(50px,5.8vw,75px)}.mg-cover-product.studio-window{min-height:500px}.mg-section-intro{grid-template-columns:190px 1fr}.mg-about-grid{gap:40px}.mg-policy-layout{gap:45px}.pb-article-layout{gap:35px!important}}
@media(max-width:800px){.mg-desktop-nav,.mg-header-action{display:none}.mg-mobile-menu{display:block}.mg-site-header{height:70px!important;min-height:70px!important}.mg-cover.premium-hero{padding:55px 25px 65px}.mg-cover-inner{grid-template-columns:1fr}.mg-cover-copy{max-width:660px}.mg-cover-copy h1{font-size:clamp(53px,9vw,83px)}.mg-cover-product.studio-window{min-height:420px;height:560px}.mg-section{width:calc(100% - 50px);padding-block:95px}.mg-section-intro{grid-template-columns:1fr;gap:23px}.mg-tool-controls{flex-wrap:wrap}.mg-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-tool-featured{grid-column:span 2}.mg-vision{grid-template-columns:1fr;gap:40px}.mg-vision-image{height:450px}.mg-process-grid{grid-template-columns:1fr}.mg-process-grid>a{min-height:240px}.mg-process-grid strong{margin-top:30px}.mg-faq-section{grid-template-columns:1fr;gap:45px}.mg-home-reading .pb-home-teaser,.pb-library,.pb-tool-banner{width:calc(100% - 50px)!important}.mg-home-reading .pb-home-teaser{padding-block:90px}.mg-footer-top{grid-template-columns:repeat(2,1fr)}.mg-info-page,.mg-policy{width:calc(100% - 50px)}.mg-about-hero{padding:85px 0 65px}.mg-about-grid{grid-template-columns:1fr;padding:80px 0}.mg-about-photo{height:480px}.mg-values-grid{grid-template-columns:1fr}.mg-about-block{min-height:0}.mg-about-closing{align-items:start;flex-direction:column}.mg-contact-grid{grid-template-columns:1fr}.mg-policy-layout{grid-template-columns:1fr;gap:30px}.mg-policy-toc{position:static}.pb-hero{gap:35px!important}.pb-article-page,.pb-editorial-page{width:calc(100% - 50px)!important}.pb-article-layout{grid-template-columns:1fr!important}.pb-article-sidebar{display:none!important}body:has(.workspace) #content{width:calc(100% - 50px)}}
@media(max-width:550px){.mg-site-header{padding-inline:21px}.mg-brand{font-size:22px}.mg-cover.premium-hero{padding:30px 21px 60px}.mg-cover-copy h1{font-size:clamp(43px,11.8vw,66px)}.mg-cover-copy>p{font-size:14px}.mg-cover-product.studio-window{min-height:350px;height:400px}.mg-cover-assurance{gap:10px;font-size:10px}.mg-cover-actions .mg-button{width:100%}.mg-image-corner{left:13px;right:13px}.mg-image-corner-bottom{padding:11px}.mg-image-corner-bottom small{font-size:9px}.mg-scroll-prompt{margin-top:26px}.mg-marquee{padding:16px 0}.mg-marquee>div{gap:21px}.mg-marquee span{font-size:9px}.mg-section{width:calc(100% - 40px);padding-block:76px}.mg-section-intro h2{font-size:clamp(35px,9vw,51px)}.mg-tool-controls{gap:10px}.mg-filters{width:100%}.mg-filters button{padding:10px 12px;font-size:11px}.mg-tool-search{width:100%}.mg-tool-grid{grid-template-columns:1fr}.mg-tool-featured{grid-column:auto}.mg-tool-card{min-height:325px;padding:24px}.mg-vision-image{height:340px}.mg-vision-copy h2{font-size:43px}.mg-process-grid a{padding:27px}.mg-home-reading .pb-home-teaser{width:calc(100% - 40px)!important}.mg-faq-intro h2{font-size:43px}.mg-end-cta{padding:95px 20px}.mg-end-cta h2{font-size:52px}.mg-site-footer{padding:65px 25px 25px}.mg-footer-top{grid-template-columns:1fr 1fr;gap:45px 18px}.mg-footer-brand{grid-column:span 2}.mg-footer-bottom{flex-direction:column;margin-top:60px}.mg-info-page,.mg-policy{width:calc(100% - 40px)}.mg-about-hero h1,.mg-contact-hero h1{font-size:48px}.mg-about-grid h2{font-size:42px}.mg-about-photo{height:320px}.mg-about-values{padding-block:60px}.mg-about-block{padding:28px}.mg-contact-hero{padding-top:85px}.mg-contact-card{padding:29px}.mg-policy{padding:75px 0}.mg-policy-hero h1{font-size:48px}.pb-library,.pb-tool-banner{width:calc(100% - 40px)!important}.pb-hero{padding:48px 22px!important}.pb-hero-copy h1{font-size:45px!important}.pb-article-page,.pb-editorial-page{width:calc(100% - 40px)!important}.pb-article-header{margin-top:55px!important}.pb-article-header h1{font-size:41px!important}.pb-article-layout{margin-top:50px!important}.pb-article-cover span{font-size:8px}.article{margin:30px 20px 80px!important;padding:27px!important}body:has(.workspace) #content{width:calc(100% - 35px);padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mg-reveal{opacity:1!important;transform:none!important;transition:none!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Source-backed context beneath working tools; readable before/after JS. */
.mg-tool-guide{box-sizing:border-box;color:#f5f1eb;width:min(1120px,calc(100% - 42px));margin:70px auto 95px;padding:clamp(24px,3vw,43px);border-radius:29px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(ellipse at 95% 0%,rgba(223,144,102,.13),transparent 58%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022));box-shadow:inset 0 1px rgba(255,255,255,.09),0 22px 70px rgba(0,0,0,.22);backdrop-filter:blur(13px)}
.mg-tool-guide-heading>span{color:#f2b18e;letter-spacing:.16em;font-size:.72rem;font-weight:800}
.mg-tool-guide-heading h2{font-family:Manrope,sans-serif;font-size:clamp(1.65rem,3.5vw,2.75rem);letter-spacing:-.055em;line-height:1.15;margin:16px 0}
.mg-tool-guide-heading>p{color:#c7c6c5;font-size:.99rem;line-height:1.8;max-width:700px}
.mg-tool-guide-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:31px;align-items:start;margin-top:27px}
.mg-tool-guide-prose p{font-size:.96rem;color:#d1d1d2;line-height:1.9;margin:0 0 18px}
.mg-tool-guide-prose .mg-tool-guide-limit{padding:16px 18px;border-left:3px solid #ecb08c;background:rgba(0,0,0,.19);border-radius:0 14px 14px 0;color:#edebea}
.mg-tool-guide-prose strong{color:#ffd0b4}
.mg-tool-guide-panel{padding:23px;border-radius:21px;border:1px solid rgba(245,178,136,.25);background:rgba(9,12,13,.35)}
.mg-tool-guide-panel h3{font-size:1.1rem;letter-spacing:-.02em;margin:0 0 17px;color:#f6ede7}
.mg-tool-guide-panel ol{padding-left:20px;margin:0 0 24px;color:#d2cecb;line-height:1.8}
.mg-tool-guide-panel li{padding-left:4px;margin:0 0 9px}
.mg-tool-guide-panel li::marker{color:#e8a581;font-weight:800}
.mg-tool-guide-panel a{font-weight:750;color:#f2bd9d;line-height:1.5;text-decoration:underline;text-underline-offset:4px}
@media(max-width:720px){.mg-tool-guide{width:calc(100% - 28px);margin:42px auto 67px;padding:23px;border-radius:23px}.mg-tool-guide-grid{grid-template-columns:1fr;gap:15px}.mg-tool-guide-panel{padding:19px}}

/* Manglo Waterline — lightweight liquid-glass navigation.
   Native HTML anchors and details remain usable without JavaScript. Unlike
   a WebGL shader this adds no canvas, animation loop, or external dependency. */
@media (min-width:801px){
  header.mg-site-header nav.mg-desktop-nav{
    position:relative;isolation:isolate;display:inline-flex;align-items:center;
    gap:3px!important;padding:5px;border-radius:999px;
    border:1px solid rgba(245,230,215,.24);
    background:radial-gradient(ellipse 95% 85% at 24% -20%,rgba(255,255,255,.17),transparent 78%),linear-gradient(150deg,rgba(244,213,186,.15),rgba(31,38,44,.63) 47%,rgba(12,18,23,.83));
    -webkit-backdrop-filter:blur(15px) saturate(135%);backdrop-filter:blur(15px) saturate(135%);
    box-shadow:inset 0 1px rgba(255,255,255,.28),inset 0 -1px rgba(255,255,255,.045),0 10px 28px -16px rgba(0,0,0,.75),0 0 25px -20px rgba(238,190,142,.7);
  }
  header.mg-site-header nav.mg-desktop-nav::before{
    content:"";position:absolute;pointer-events:none;inset:1px 10px auto;height:11px;border-radius:50%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.21),transparent);filter:blur(7px);opacity:.62;
  }
  header.mg-site-header nav.mg-desktop-nav a{
    position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;
    height:39px;padding:0 15px;border-radius:999px;white-space:nowrap;
    color:#d2d6d9;font-size:12px;font-weight:650;line-height:1;text-decoration:none;
    transition:color .22s ease,transform .26s cubic-bezier(.2,.8,.2,1);
  }
  header.mg-site-header nav.mg-desktop-nav a::before{
    content:"";position:absolute;inset:0;z-index:-1;border-radius:999px;pointer-events:none;
    background:radial-gradient(ellipse 75% 100% at 35% 0%,rgba(255,255,255,.44),transparent 85%),linear-gradient(145deg,rgba(242,217,196,.36),rgba(190,151,122,.17) 48%,rgba(255,255,255,.11));
    box-shadow:inset 0 1px rgba(255,255,255,.46),inset 0 -1px rgba(247,196,153,.2),0 5px 17px -8px rgba(224,177,144,.6);
    opacity:0;transform:scale(.8) translateY(4px);transition:opacity .25s ease,transform .37s cubic-bezier(.18,1.4,.35,1);
  }
  header.mg-site-header nav.mg-desktop-nav a::after{display:none}
  header.mg-site-header nav.mg-desktop-nav a:hover,
  header.mg-site-header nav.mg-desktop-nav a[aria-current="page"],
  header.mg-site-header nav.mg-desktop-nav a:focus-visible{color:#fff9f3;transform:translateY(-1px)}
  header.mg-site-header nav.mg-desktop-nav a:hover::before,
  header.mg-site-header nav.mg-desktop-nav a[aria-current="page"]::before,
  header.mg-site-header nav.mg-desktop-nav a:focus-visible::before{opacity:1;transform:scale(1) translateY(0)}
  header.mg-site-header nav.mg-desktop-nav a:focus-visible{outline:2px solid #f0cba8;outline-offset:3px}
}
@media (min-width:801px) and (max-width:1100px){
  header.mg-site-header nav.mg-desktop-nav a{padding-inline:10px;font-size:11px}
  header.mg-site-header .mg-header-action{padding-inline:12px;gap:10px}
}
@media (min-width:801px) and (max-width:925px){
  header.mg-site-header .mg-header-action{display:none}
}
@media (max-width:800px){
  header.mg-site-header .mg-mobile-menu summary{
    width:45px;height:45px;border-radius:16px;border-color:rgba(248,225,201,.36);
    background:radial-gradient(circle at 25% 0%,rgba(255,255,255,.24),transparent 60%),linear-gradient(145deg,rgba(237,205,177,.16),rgba(24,30,36,.93));
    box-shadow:inset 0 1px rgba(255,255,255,.28),0 7px 22px -10px #0009;
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  }
  header.mg-site-header .mg-mobile-menu summary:focus-visible{outline:2px solid #f0cba8;outline-offset:3px}
  header.mg-site-header .mg-mobile-menu[open] summary{background:linear-gradient(140deg,rgba(242,207,174,.35),rgba(44,45,48,.94));color:#fff}
  header.mg-site-header .mg-mobile-menu>div{
    width:min(290px,calc(100vw - 40px));min-width:0;max-height:calc(100dvh - 90px);overflow-y:auto;
    padding:12px;border-radius:20px;background:radial-gradient(circle at 5% 0%,rgba(243,202,165,.16),transparent 45%),rgba(17,23,29,.96);
    border:1px solid rgba(246,221,197,.25);box-shadow:inset 0 1px rgba(255,255,255,.2),0 20px 55px #0009;
    -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);
  }
  header.mg-site-header .mg-mobile-menu a{min-height:46px;display:flex;align-items:center;color:#f0e8e2;border-radius:12px;transition:background .2s,color .2s}
  header.mg-site-header .mg-mobile-menu a:hover,
  header.mg-site-header .mg-mobile-menu a:focus-visible{color:#fff;background:linear-gradient(110deg,rgba(240,209,183,.2),rgba(255,255,255,.07))}
  header.mg-site-header .mg-mobile-menu a:focus-visible{outline:2px solid #f0cba8;outline-offset:2px}
}
@media (prefers-reduced-motion:reduce){
  header.mg-site-header nav.mg-desktop-nav a,
  header.mg-site-header nav.mg-desktop-nav a::before,
  header.mg-site-header .mg-mobile-menu a{transition:none!important;transform:none!important}
}


/* home-editorial.css */
/* Manglo / quiet black editorial home. Interactive work first, reading below. */
body:has(.mg-home),body:has(.mg-home) #content{background:#050505!important}
body:has(.mg-home):before{display:none}
body:has(.mg-home) .mg-site-header{height:69px!important;min-height:69px!important;border-bottom-color:#ffffff13;background:#050505e8}
body:has(.mg-home) .mg-brand{font-size:20px;letter-spacing:-.08em}
body:has(.mg-home) .mg-brand-mark{width:30px;height:30px;font-size:17px;border-radius:8px}
body:has(.mg-home) .mg-desktop-nav a{font-size:12px;color:#b7b7b7}
body:has(.mg-home) .mg-header-action{padding:9px 15px;font-size:11px;border-color:#454545;background:#161616;color:#fafafa}

.mg-home .mg-chat-section{width:min(1440px,calc(100% - 56px));margin:0 auto;padding:127px 0 132px;min-height:545px;background:transparent}
.mg-home .mg-chat-section:before{display:none}
.mg-chat-heading{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:17px;margin:0 0 33px!important;max-height:210px;opacity:1;transform:translateY(0);overflow:hidden;transition:opacity .5s ease,transform .8s cubic-bezier(.42,0,.18,1)}
.mg-home .mg-chat-heading .mg-kicker{margin:0!important;font-size:9px;letter-spacing:.21em;color:#b9b9b9}
.mg-chat-heading h1{font:600 clamp(35px,3.65vw,55px)/1.14 var(--mg-display)!important;letter-spacing:-.06em!important;color:#f5f5f5!important;margin:0!important}
.mg-home .mg-chat-heading h1 em{font-style:normal;color:#f5f5f5}
.mg-home .mg-chat-section{overflow-x:clip}
.mg-home .mg-chat-section:has(.mchat-shell.is-conversing){padding-top:34px;padding-bottom:62px;min-height:calc(100svh - 69px);overflow-anchor:none}
.mg-chat-section:has(.mchat-shell.is-conversing) .mg-chat-heading{max-height:0;opacity:0;transform:translateY(-24px);margin-bottom:0!important;pointer-events:none}

.mg-home-reading{border:0!important;background:#050505!important}
.mg-editorial-wrap{width:min(1360px,calc(100% - 90px));margin:0 auto;padding:0 0 115px}
.mg-reading-heading{display:flex;align-items:end;justify-content:space-between;gap:26px;margin:0 0 24px}
.mg-reading-heading h2{margin:6px 0 0;font:600 clamp(24px,2.1vw,34px)/1.22 var(--mg-display);color:#f2f2f2;letter-spacing:-.045em}
.mg-reading-overline{display:block;color:#8e8e91;font-size:9px;font-weight:700;letter-spacing:.16em}
.mg-reading-heading>a{flex:none;text-decoration:none;font-size:11px;color:#b3b3b7;border-bottom:1px solid #3b3b3b;padding:0 0 6px;transition:color .2s,border-color .2s}
.mg-reading-heading>a:hover{color:#fff;border-color:#fff}.mg-reading-heading>a span{margin-left:5px}
.mg-feature-layout{display:grid;grid-template-columns:minmax(0,1.84fr) minmax(270px,.76fr);gap:20px}
.mg-feature-lead{display:block;position:relative;min-height:500px;overflow:hidden;border-radius:8px;text-decoration:none;isolation:isolate;color:#fff}
.mg-feature-lead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.09) saturate(.91);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.mg-feature-lead:hover>img{transform:scale(1.035)}
.mg-feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,#03040500 12%,#03040516 42%,#030405d9 100%)}
.mg-feature-lead-copy{position:absolute;bottom:0;left:0;right:0;padding:clamp(24px,3.5vw,55px);text-shadow:0 2px 14px #0008}
.mg-feature-lead-copy>span{font-size:9px;letter-spacing:.2em;font-weight:800;color:#ece1d5}
.mg-feature-lead-copy h3{margin:16px 0 10px;color:white;font:650 clamp(29px,3.1vw,49px)/1.08 var(--mg-display);letter-spacing:-.06em;max-width:750px}
.mg-feature-lead-copy p{max-width:630px;margin:0 0 15px;color:#e7e6e2!important;font-size:13px;line-height:1.55}
.mg-feature-lead-copy small{font-size:11px;color:#fff;font-weight:650}
.mg-feature-stack{display:grid;grid-template-rows:1fr 1fr;gap:20px;min-width:0}
.mg-story{min-width:0;display:block;text-decoration:none;color:#eee}
.mg-story-image{position:relative;overflow:hidden;border-radius:7px;background:#171719}
.mg-story-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.03);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .3s}
.mg-story:hover img{transform:scale(1.045);filter:saturate(1.04)}
.mg-story-copy{padding:14px 0 5px}.mg-story-copy>span{display:block;color:#777c81;font-size:9px;letter-spacing:.07em}
.mg-story h3{font:600 clamp(15px,1.28vw,19px)/1.37 var(--mg-display);letter-spacing:-.035em;color:#e9e9e9;margin:6px 0 0;transition:color .2s}
.mg-story:hover h3{color:white}
.mg-feature-stack .mg-story{display:flex;min-height:0;flex-direction:column}
.mg-feature-stack .mg-story-image{flex:1;min-height:110px}
.mg-feature-stack .mg-story-copy{flex:none;padding:10px 0 0}
.mg-feature-stack .mg-story h3{font-size:16px;line-height:1.3}
.mg-feature-stack .mg-story-copy>span{font-size:8px}
.mg-feature-stack .mg-story-image img{position:absolute;inset:0}

.mg-latest-section{padding:135px 0 0}
.mg-latest-section .mg-reading-heading{margin-bottom:26px}
.mg-news-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 60px}
.mg-news-item{display:grid;grid-template-columns:135px minmax(0,1fr);align-items:center;gap:17px;padding:0;text-decoration:none;color:#fff;min-width:0}
.mg-news-item img{display:block;width:135px;height:94px;border-radius:5px;object-fit:cover;filter:saturate(.85);transition:filter .3s,transform .3s}
.mg-news-item:hover img{filter:saturate(1.15);transform:translateY(-2px)}
.mg-news-item span{display:block;min-width:0}.mg-news-item strong{display:block;color:#eee;font-size:13px;line-height:1.45;font-weight:600;transition:color .2s}
.mg-news-item:hover strong{color:#fff;text-decoration:underline;text-decoration-color:#888;text-underline-offset:4px}
.mg-news-item small{display:block;color:#777d82;margin-top:9px;font-size:10px}

.mg-topic-section{padding:125px 0 0}
.mg-topic-section .mg-reading-heading{margin-bottom:25px}
.mg-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.mg-topic-grid .mg-story-image{aspect-ratio:1.48}.mg-topic-grid .mg-story-copy{padding-top:15px}
.mg-topic-grid .mg-story h3{font-size:17px;line-height:1.45}

.mg-home .mg-end-cta{margin:0 auto 110px;width:min(1360px,calc(100% - 90px));border:1px solid #2b2b2b;border-radius:9px;background:linear-gradient(120deg,#1c1c1c,#171717);padding:95px 25px 100px;text-align:center}
.mg-home .mg-end-cta h2{font:600 clamp(32px,3.5vw,54px)/1.18 var(--mg-display);letter-spacing:-.055em;margin:14px 0}
.mg-home .mg-end-cta h2 em{color:#ececec}.mg-home .mg-end-cta p{font-size:13px;color:#aaa;margin:0 0 28px}
.mg-home .mg-end-cta .mg-button{background:#e8e8e8;color:#171717;box-shadow:none;border-radius:30px;min-height:42px;font-size:12px;padding:11px 21px}
.mg-home .mg-end-cta .mg-button:hover{background:white}
body:has(.mg-home) .mg-site-footer{background:#050505;border-top-color:#171717}

@media(max-width:980px){
 .mg-feature-layout{grid-template-columns:1.4fr .9fr}.mg-feature-lead{min-height:440px}
 .mg-feature-lead-copy h3{font-size:32px}.mg-feature-stack .mg-story h3{font-size:14px}
 .mg-news-grid{gap:15px 28px}
}
@media(max-width:700px){
 body:has(.mg-home) .mg-site-header{height:65px!important;min-height:65px!important}
 .mg-home .mg-chat-section{width:calc(100% - 35px);padding:83px 0 90px;min-height:410px}
 .mg-chat-heading{gap:12px;margin-bottom:26px!important}
 .mg-chat-heading h1{font-size:clamp(32px,8.5vw,43px)!important;line-height:1.2!important}
 .mg-home .mg-chat-heading .mg-kicker{font-size:8px}
 .mg-home .mg-chat-section:has(.mchat-shell.is-conversing){padding-top:24px;padding-bottom:44px}
 .mg-editorial-wrap{width:calc(100% - 35px);padding-bottom:65px}
 .mg-feature-layout{grid-template-columns:1fr;gap:24px}.mg-feature-lead{min-height:410px}
 .mg-feature-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:14px}
 .mg-feature-stack .mg-story-image{aspect-ratio:1.25;flex:initial;min-height:0}.mg-feature-stack .mg-story-image img{position:static}
 .mg-feature-stack .mg-story h3{font-size:13px}
 .mg-latest-section{padding-top:90px}.mg-news-grid{grid-template-columns:1fr;gap:17px}
 .mg-news-item{grid-template-columns:115px minmax(0,1fr);gap:13px}
 .mg-news-item img{width:115px;height:81px}
 .mg-news-item strong{font-size:12px}.mg-news-item small{font-size:9px;margin-top:5px}
 .mg-topic-section{padding-top:87px}.mg-topic-grid{grid-template-columns:1fr 1fr;gap:17px}
 .mg-topic-grid .mg-story h3{font-size:14px}
 .mg-reading-heading h2{font-size:25px}.mg-reading-heading>a{font-size:10px}
 .mg-home .mg-end-cta{width:calc(100% - 35px);margin-bottom:65px;padding:70px 20px}
}
@media(max-width:440px){
 .mg-chat-heading h1{font-size:35px!important}
 .mg-feature-lead{min-height:365px}.mg-feature-lead-copy{padding:20px}
 .mg-feature-lead-copy h3{font-size:27px}.mg-feature-lead-copy p{font-size:11px}
 .mg-feature-stack{gap:13px}.mg-feature-stack .mg-story h3{font-size:12px}
 .mg-topic-grid{grid-template-columns:1fr;gap:26px}.mg-topic-grid .mg-story-image{aspect-ratio:1.65}
}
@media(prefers-reduced-motion:reduce){.mg-home *,.mg-home *:before,.mg-home *:after{animation:none!important;transition:none!important}}