/* 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}}