@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#fffaf3;--ink:#211b17;--muted:#6c625b;--accent:#b9422b;--line:#e7ddd2;--font:"Manrope Variable",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--font);margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}img,svg{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #317bc8}button:disabled{cursor:not-allowed;opacity:.45}.skip{z-index:100;background:#fff;padding:12px 20px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}.site-header{z-index:10;background:#fffefd;border:1px solid #ede4db;border-radius:50px;justify-content:space-between;align-items:center;gap:24px;width:min(1240px,100% - 64px);height:68px;margin:20px auto 0;padding:0 14px 0 24px;display:flex;position:relative;box-shadow:0 5px 24px #503c2710}.brand{white-space:nowrap;letter-spacing:-.6px;align-items:center;gap:10px;font-size:18px;font-weight:800;display:inline-flex}.brand svg{color:var(--accent);flex-shrink:0}.brand-light{font-weight:500}.site-header nav{gap:29px;font-size:14px;font-weight:650;display:flex}.site-header nav a:hover{color:var(--accent)}.header-actions{align-items:center;gap:17px;display:flex}.language{font-size:12px;font-weight:750;position:relative}.language summary{align-items:center;gap:6px;list-style:none;display:flex}.language summary:after{content:"⌄"}.language>div{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:145px;padding:8px;display:grid;position:absolute;top:32px;right:0;box-shadow:0 10px 20px #0001}.language a{border-radius:6px;padding:8px 12px}.language a:hover{background:var(--paper)}.button{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:16px 26px;font-size:14px;font-weight:750;line-height:1.2;transition:transform .16s,background .16s;display:inline-flex}.button:active{transform:scale(.98)}.button.dark{color:#fff;background:#211b17}.button.dark:hover{background:#47362b}.button.small{padding:13px 19px;font-size:13px}.hero{grid-template-columns:1fr 1.02fr;align-items:center;gap:60px;width:min(1232px,100% - 80px);min-height:650px;margin:auto;padding:68px 0 62px;display:grid}.hero-copy{max-width:560px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-3px;margin:22px 0 24px;font-size:clamp(40px,4.5vw,66px);font-weight:800;line-height:1.08}h1 span{display:block}.accent{color:var(--accent)}.hero-copy>p{max-width:455px;color:var(--muted);margin-bottom:27px;font-size:17px;line-height:1.75}.hero-actions{align-items:center;gap:26px;display:flex}.text-link{text-underline-offset:6px;align-items:center;gap:12px;font-size:14px;font-weight:750;display:inline-flex}.text-link:hover{color:var(--accent);text-decoration:underline}.text-link svg{width:20px}.hero-visual{position:relative}.hero-photo{object-fit:cover;border-radius:26px;width:100%;height:460px;display:block}.hero-visual>small{color:#40362f;background:#fffaf3d9;border-radius:6px;padding:5px 8px;font-size:9px;line-height:1.35;position:absolute;bottom:11px;left:16px;right:148px}.mini-chart{background:#fff;border:6px solid #fff;border-radius:15px;width:162px;position:absolute;bottom:-19px;right:-16px;overflow:hidden;transform:rotate(5deg);box-shadow:0 10px 35px #39291a24}.mini-chart svg{aspect-ratio:1;width:100%;display:block}.mini-chart span{text-align:center;padding:6px;font-size:10px;font-weight:700;display:block}.promise-strip{color:#584c41;background:#f3ebe1;flex-wrap:wrap;justify-content:center;gap:36px;padding:22px 24px;font-size:12px;display:flex}.promise-strip>span{align-items:center;gap:9px;display:inline-flex}.promise-strip svg{width:17px;height:17px}.section{width:min(1160px,100% - 80px);margin:0 auto;padding:74px 0}h2{letter-spacing:-1.5px;margin-bottom:19px;font-size:clamp(29px,3.1vw,42px);font-weight:750;line-height:1.18}.section-title{max-width:660px;margin-bottom:38px}.section-title p,.section-heading p{color:var(--muted);max-width:570px;font-size:15px}.tool-links{grid-template-columns:1fr 1fr;gap:4px 50px;display:grid}.tool-links>a{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:24px 0;display:flex}.tool-links>a:last-child:nth-child(odd){grid-column:1/-1;max-width:555px}.tool-icon{color:var(--accent);background:#f1e4d7;border-radius:13px;flex:none;place-items:center;width:46px;height:46px;display:grid}.tool-links h3{letter-spacing:-.4px;margin:0 0 7px;font-size:16px}.tool-links p{color:var(--muted);max-width:385px;margin:0;font-size:12px}.tool-links>a>svg{flex-shrink:0;margin-left:auto}.tool-links>a:hover h3{color:var(--accent)}.section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.section-heading h2{margin:0 0 10px}.template-section{padding-top:25px}.template-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.template-card{min-width:0}.template-image{aspect-ratio:1;background:#eae1d2;border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.template-image>svg{filter:drop-shadow(0 8px 10px #4f453716);width:70%;height:70%;transition:transform .25s}.tint-1 .template-image{background:#dce4df}.tint-2 .template-image{background:#eadedc}.tint-3 .template-image{background:#e5e3ce}.template-card:hover .template-image>svg{transform:scale(1.045)}.template-action{opacity:0;white-space:nowrap;background:#fffefc;border-radius:30px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;font-weight:750;transition:all .18s;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%,10px)}.template-card:hover .template-action,.template-card:focus-visible .template-action{opacity:1;transform:translate(-50%)}.template-caption{padding:15px 0}.template-caption h3{margin:0 0 3px;font-size:15px}.template-caption>span{color:var(--muted);font-size:11px}.how{padding-top:38px}.how ol{grid-template-columns:repeat(3,1fr);gap:50px;margin-top:38px;padding:0;list-style:none;display:grid}.how li>span{border:1px solid #cbb9a7;border-radius:50%;place-items:center;width:36px;height:36px;margin-bottom:20px;font-size:12px;font-weight:700;display:grid}.how h3{margin-bottom:9px;font-size:18px}.how p{color:var(--muted);max-width:300px;font-size:13px}.faq{border-top:1px solid var(--line);grid-template-columns:1fr 1.35fr;gap:70px;display:grid}.faq h2{max-width:350px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq details:first-child{padding-top:0}.faq summary{justify-content:space-between;gap:15px;font-size:14px;font-weight:700;list-style:none;display:flex}.faq summary span{font-size:22px;font-weight:400;line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq p{color:var(--muted);margin:15px 20px 0 0;font-size:13px;line-height:1.8}.footer{border-top:1px solid var(--line);grid-template-columns:1.4fr 1fr;gap:50px;width:min(1240px,100% - 80px);margin:40px auto 0;padding:42px 0 20px;display:grid}.footer p{margin:14px 0 8px;font-size:14px}.footer small{color:var(--muted);max-width:360px;font-size:11px;display:block}.footer-links{grid-template-columns:1fr 1fr;align-content:start;gap:12px 26px;font-size:13px;display:grid}.footer-links a:hover{text-decoration:underline}.footer-end{color:var(--muted);grid-column:1/-1;justify-content:space-between;margin-top:0;font-size:10px;display:flex}.breadcrumb{color:var(--muted);gap:10px;font-size:11px;font-weight:600;display:flex}.breadcrumb a:hover{color:var(--accent)}.tool-hero{min-height:580px;padding-top:62px;padding-bottom:65px}.tool-hero h1{letter-spacing:-2.5px;font-size:clamp(35px,4vw,58px)}.tool-preview{background:#eadfd0;border-radius:24px;flex-direction:column;align-items:center;gap:17px;min-width:0;padding:25px 34px 22px;display:flex}.tool-preview>svg{filter:drop-shadow(0 7px 10px #5d49351c);width:280px;height:280px}.preview-heading{color:#5d4b3a;font-size:11px;font-weight:700}.preview-caption{text-align:center;color:var(--muted);font-size:11px}.palette-dots{gap:15px;font-size:10px;font-weight:700;display:flex}.palette-dots span{align-items:center;gap:6px;display:flex}.palette-dots i{border:1px solid #0002;border-radius:50%;width:16px;height:16px}.text-preview{background:#e9dfd7;justify-content:space-between;min-height:350px}.pixel-words{letter-spacing:-4px;color:var(--accent);align-items:center;gap:4px;font-family:monospace;font-size:80px;font-weight:700;display:flex}.tool-explanation{grid-template-columns:1fr 1fr;gap:80px;display:grid}.tool-explanation>div>svg{color:var(--accent);margin-bottom:15px}.tool-explanation p{color:var(--muted);font-size:14px}.output-list{align-self:center}.output-list>div{border-bottom:1px solid var(--line);gap:25px;padding:23px 0;font-size:17px;display:flex}.output-list strong{color:var(--accent);font-size:12px;font-weight:600}.page-intro{width:min(1160px,100% - 80px);max-width:1160px;margin:65px auto 30px}.page-intro h1{letter-spacing:-2px;margin:0 0 17px;font-size:52px}.page-intro>p{color:var(--muted);max-width:650px}.page-intro+.section{padding-top:28px}.guide-list{grid-template-columns:1fr 1fr;gap:25px;display:grid}.guide-list>a{background:#f1e9df;border-radius:17px;grid-template-columns:1fr 24px;gap:14px;padding:30px;display:grid}.guide-list span{grid-column:1/-1;font-size:19px;font-weight:750}.guide-list p{color:var(--muted);margin:0;font-size:13px}.article{width:calc(100% - 48px);max-width:760px;margin:64px auto}.article h1{letter-spacing:-1.7px;margin-bottom:20px;font-size:43px}.article .lede{color:var(--muted);margin-bottom:44px;font-size:18px}.article h2{letter-spacing:-.7px;margin-top:36px;margin-bottom:14px;font-size:25px}.article p{color:#55483e;font-size:15px;line-height:1.95}.article a:not(.button){text-underline-offset:4px;text-decoration:underline}.article .source{margin:45px 0;font-size:12px}.gauge-tool{border:1px solid var(--line);border-radius:20px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.gauge-tool form{background:#fff;grid-template-columns:1fr 1fr;gap:20px;padding:35px;display:grid}.gauge-tool label{gap:8px;font-size:12px;font-weight:700;display:grid}.gauge-tool input,.gauge-tool select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #cbbbab;border-radius:8px;padding:10px}.gauge-result{background:#efe3d4;flex-direction:column;justify-content:center;align-items:flex-start;padding:35px;display:flex}.gauge-result>strong{letter-spacing:-2px;font-size:50px;line-height:1.3}.gauge-result p{color:#5e4e3f;margin:0 0 10px;font-size:13px}.gauge-result>span{margin:10px 0 18px;font-size:16px;font-weight:700}.gauge-result .button{margin-top:15px}.consent{z-index:100;border:1px solid var(--line);background:#fff;border-radius:12px;max-width:380px;padding:18px;position:fixed;bottom:18px;left:18px;box-shadow:0 5px 40px #0003}.consent p{font-size:12px}.consent button{color:#fff;background:#211b17;border:0;border-radius:20px;margin-right:10px;padding:8px 12px;font-size:12px}.notice-box{background:#f0e7dc;border-radius:12px;margin:24px 0;padding:22px 26px}.studio-shell{background:#171717}.studio-shell .site-header{color:#fff;background:#202020;border:0;border-bottom:1px solid #333;border-radius:0;width:100%;margin-top:0}.studio-shell .brand svg{color:#f3ca55}.studio-shell .language>div{color:#211b17}.studio-shell .site-header .button{color:#211b17;background:#edca63}.studio-shell .site-header nav{display:none}.error-page{text-align:center;max-width:600px;margin:120px auto;padding:30px}.privacy-reset{background:#fff;border:1px solid #baa58f;border-radius:8px;padding:8px 12px}@media (min-width:1440px){.hero{gap:80px}.hero-photo{height:490px}}@media (max-width:1023px){.site-header{gap:14px;width:calc(100% - 32px);padding-left:18px}.brand-light{display:none}.site-header nav{gap:17px}.header-actions{gap:13px}.hero{gap:35px;width:calc(100% - 56px);min-height:570px;padding:50px 0}.hero h1{letter-spacing:-2px;font-size:43px}.hero-copy>p{font-size:15px}.hero-photo{height:360px}.hero-actions{gap:18px}.button{padding:15px 20px;font-size:13px}.section{width:calc(100% - 56px);padding:55px 0}.template-grid{gap:18px}.template-caption h3{font-size:13px}.mini-chart{width:120px;right:-8px}.hero-visual>small{right:116px}.faq{gap:40px}.tool-links{gap:0 30px}.tool-links p{font-size:11px}.tool-explanation{gap:40px}.tool-preview{padding:23px}.tool-preview>svg{width:230px;height:230px}.preview-heading{font-size:10px}.footer,.page-intro{width:calc(100% - 56px)}}@media (max-width:767px){.site-header{gap:10px;width:calc(100% - 24px);height:62px;margin-top:12px;padding:0 10px 0 14px}.site-header nav{display:none}.brand{gap:7px;font-size:16px}.brand svg{width:22px}.button.small{padding:12px;font-size:11px}.button.small svg{display:none}.header-actions{gap:13px}.hero{grid-template-columns:1fr;gap:34px;width:calc(100% - 40px);min-height:0;padding:40px 0 45px}.hero h1{letter-spacing:-2.2px;margin:15px 0 20px;font-size:45px}.hero-copy>p{max-width:470px;margin-bottom:22px;font-size:15px}.eyebrow{letter-spacing:.07em;font-size:9px}.hero-photo{aspect-ratio:1.3;border-radius:20px;height:auto}.hero-visual{margin-right:8px}.hero-visual>small{font-size:8px;bottom:10px;left:10px;right:115px}.mini-chart{width:110px;bottom:-14px}.hero-actions{gap:20px}.promise-strip{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 20px;font-size:10px}.section{width:calc(100% - 40px);padding:42px 0}h2{letter-spacing:-1px;font-size:29px}.section-title{margin-bottom:15px}.section-title p{font-size:13px}.tool-links{grid-template-columns:1fr;gap:0}.tool-links>a{gap:14px;padding:19px 0}.tool-links>a:last-child:nth-child(odd){grid-column:auto;max-width:none}.tool-links h3{font-size:15px}.tool-links p{font-size:12px}.template-grid{grid-template-columns:1fr 1fr;gap:14px}.template-image{border-radius:13px}.template-caption h3{font-size:13px}.template-caption>span{font-size:10px}.template-action{display:none}.section-heading{align-items:flex-start;gap:20px}.section-heading .text-link{padding-top:10px;font-size:11px}.section-heading .text-link svg{display:none}.section-heading p{font-size:12px}.how ol{grid-template-columns:1fr;gap:24px;margin-top:25px}.how li{grid-template-columns:38px 1fr;gap:0 18px;display:grid}.how li>span{grid-row:1/3;margin:0}.how h3{font-size:16px}.how p{max-width:none;margin-bottom:0;font-size:12px}.faq{grid-template-columns:1fr;gap:18px}.faq h2{max-width:none}.faq summary{font-size:13px}.faq p{font-size:12px}.footer{grid-template-columns:1fr;gap:30px;width:calc(100% - 40px);margin-top:12px;padding-top:30px}.footer-end{flex-direction:column;grid-column:auto;gap:8px;font-size:9px}.footer-links{grid-template-columns:repeat(3,1fr);gap:12px;font-size:12px}.tool-hero{padding-top:35px}.tool-hero h1{font-size:42px}.tool-preview{min-height:300px}.tool-preview>svg{width:220px;height:220px}.tool-explanation{grid-template-columns:1fr;gap:15px}.output-list>div{padding:17px 0;font-size:15px}.page-intro{width:calc(100% - 40px);margin-top:40px}.page-intro h1{font-size:38px}.page-intro>p{font-size:14px}.guide-list{grid-template-columns:1fr;gap:16px}.guide-list>a{padding:24px}.article{margin:40px auto}.article h1{font-size:33px}.article .lede{margin-bottom:30px;font-size:16px}.article h2{font-size:23px}.article p{font-size:14px}.gauge-tool{grid-template-columns:1fr}.gauge-tool form{gap:16px;padding:24px}.gauge-result{padding:26px}.gauge-result>strong{font-size:42px}.consent{max-width:none;bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.image-start{max-width:470px}.image-drop{background:#fffefd;border:1.5px dashed #c9b29a;border-radius:16px;padding:22px;transition:background .16s,border-color .16s}.image-drop.is-dragging{border-color:var(--accent);background:#f4e2cd}.image-drop-action{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.image-drop-action>span{color:var(--muted);font-size:12px}.image-drop>small{color:var(--muted);margin-top:11px;font-size:10px;display:block}.image-start .image-local{color:var(--muted);margin:10px 0 17px;font-size:11px}.image-start>.text-link{font-size:12px}.image-start .image-error{color:#8f291f;font-size:12px;line-height:1.6}.image-error a{align-items:center;gap:5px;text-decoration:underline;display:inline-flex}.image-drop .button{padding:15px 21px}@media (max-width:767px){.image-drop{padding:18px}.image-drop-action{gap:11px}.image-drop .button{padding:14px 18px;font-size:12px}.image-drop-action>span{font-size:11px}}