@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#162523;background:#f6f3ed;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{height:88px;max-width:1440px;margin:auto;padding:0 6.5%;display:flex;align-items:center;gap:72px;border-bottom:1px solid #e6e1d7}.brand{font:800 23px Manrope,sans-serif;letter-spacing:-1.2px;display:flex;align-items:center;gap:11px}.brand-icon{display:grid;place-items:center;background:#2549d7;color:#fff;border-radius:8px;width:31px;height:31px;font-size:22px;line-height:1;position:relative}.brand-icon span{position:absolute;font-size:17px;bottom:7px;right:5px;color:#e9d9ac}.site-header nav{display:flex;gap:36px;font-size:13px;font-weight:700}.site-header nav a:hover,.hero-link:hover,footer a:hover{color:#3159e8}.header-badge{margin-left:auto;font-size:10px;letter-spacing:1.8px;font-weight:800;color:#426c5b;white-space:nowrap}.header-badge span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#44ae79;margin-right:8px}main{max-width:1440px;margin:auto}.hero{min-height:580px;padding:87px 6.5% 83px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.2px;color:#3159e8}.eyebrow-rule{display:inline-block;width:22px;height:1px;background:#3159e8;vertical-align:middle;margin-right:9px}.hero h1,.principles h2{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-4.7px;line-height:1.11;font-size:clamp(44px,5.4vw,76px);margin:26px 0 22px}.hero h1 em{font-style:normal;color:#3159e8}.hero-copy p{font-size:17px;line-height:1.75;color:#68716e;max-width:490px;margin-bottom:36px}.hero-link{font-size:13px;font-weight:800;border-bottom:1px solid #2549d7;padding-bottom:9px}.hero-link span{margin-left:37px;font-size:17px}.hero-art{height:390px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #e8e4da;border-radius:50%}.orbit-one{width:345px;height:345px}.orbit-two{width:465px;height:465px}.art-sheet{position:absolute;width:242px;height:300px;border-radius:10px;box-shadow:0 22px 35px #1f352223}.sheet-back{background:#a8d5b8;transform:rotate(11deg) translate(42px,-10px);display:flex;align-items:flex-end;padding:29px;color:#fff;font:800 59px Manrope,sans-serif;letter-spacing:-6px}.sheet-front{background:#fff;transform:rotate(-8deg) translate(-23px);padding:30px}.sheet-mark{font-size:63px;color:#3159e8;margin-top:16px}.sheet-lines{margin-top:18px;display:grid;gap:12px}.sheet-lines i{height:7px;background:#e9ecea;border-radius:4px}.sheet-lines i:nth-child(2){width:78%}.sheet-lines i:nth-child(3){width:56%}.sheet-foot{position:absolute;bottom:30px;font-size:10px;font-weight:800;letter-spacing:2px}.art-stamp{position:absolute;z-index:2;bottom:23px;right:25px;background:#f5d37e;color:#213a36;transform:rotate(7deg);padding:17px 20px;font-size:11px;line-height:1.5;font-weight:800;letter-spacing:1px;box-shadow:0 10px 18px #1f352215}.art-stamp span{font-size:18px;margin-left:13px}.workspace{background:#ebe8df;padding:82px 6.5% 96px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:33px}.section-heading h2{font:700 clamp(30px,3vw,43px) Manrope,sans-serif;letter-spacing:-2px;margin:14px 0 0}.section-heading p{font-size:13px;color:#737b76}.workbench{display:grid;grid-template-columns:35% 65%;background:#fff;min-height:610px;box-shadow:0 14px 42px #17322909}.tool-nav{border-right:1px solid #e9e9e4}.tool-tab{width:100%;height:106px;background:#fff;border:0;border-bottom:1px solid #ededeb;display:flex;align-items:center;gap:20px;text-align:left;padding:0 30px;color:#263934;transition:.2s}.tool-tab:hover{background:#f6f7f3}.tool-tab.active{background:#264bd7;color:#fff}.tool-tab-num{font-size:10px;align-self:flex-start;margin-top:30px;opacity:.7}.tool-tab-icon{font-size:25px;width:35px}.tool-tab-label{font:700 16px Manrope,sans-serif;letter-spacing:-.4px}.tool-tab-arrow{margin-left:auto;font-size:18px;opacity:.55}.tool-panel{padding:38px 6% 32px}.panel-top{display:flex;justify-content:space-between}.panel-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#3159e8}.panel-kicker span{margin-left:10px}.panel-top h3{font:700 30px Manrope,sans-serif;letter-spacing:-1.2px;margin:13px 0 4px}.panel-top p{color:#7a837f;font-size:14px;margin:0 0 27px}.panel-deco{font-size:29px;color:#d9e0f7}.dropzone{border:1px dashed #a9b4ce;background:#f8f9fd;min-height:192px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;transition:.2s;outline:0}.dropzone:hover,.dropzone.dragging,.dropzone:focus-visible{border-color:#3159e8;background:#f1f4ff}.drop-icon{height:38px;width:38px;background:#e8edff;border-radius:50%;display:grid;place-items:center;color:#3159e8;font-size:23px;margin-bottom:6px}.dropzone strong{font:700 14px Manrope,sans-serif}.dropzone span{color:#697470;font-size:13px}.dropzone u{color:#3159e8;font-weight:700;text-underline-offset:2px}.dropzone small{font-size:11px;color:#a0a8a4;margin-top:8px}.selected{margin-top:18px}.selected-head{display:flex;justify-content:space-between;align-items:center;color:#7b8580;font-size:10px;font-weight:800;letter-spacing:1.6px;margin-bottom:8px}.selected-head button{background:none;border:0;color:#3159e8;font-size:11px;font-weight:700;letter-spacing:0}.file-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eef0ee;padding:9px 0;font-size:12px}.file-icon{width:30px;height:30px;background:#eef2fb;color:#3159e8;display:grid;place-items:center;font-size:10px;font-weight:800}.file-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{margin-left:auto;color:#9aa19e;white-space:nowrap}.file-controls{display:flex}.file-controls button,.remove-file{border:0;background:none;color:#60746c;font-size:17px;padding:2px 5px}.file-controls button:disabled{opacity:.2}.remove-file{font-size:20px}.add-files{background:none;border:0;color:#3159e8;font-size:12px;font-weight:700;padding:12px 0}.options{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0 16px}.options label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:155px;font-size:10px;font-weight:800;letter-spacing:1.4px;color:#60706c}.options select{height:42px;background:#fff;border:1px solid #dadeda;color:#253732;padding:0 12px;font-size:12px;font-weight:600;letter-spacing:0}.option-note{font-size:12px;line-height:1.5;color:#73817c;flex-basis:100%}#raster-settings{display:flex;gap:15px;width:100%}#raster-settings[hidden],.selected[hidden],.add-files[hidden]{display:none}.feedback{font-size:12px;line-height:1.5;color:#66736d;min-height:0;margin:7px 0}.feedback:empty{display:none}.feedback.error{color:#bb443c}.feedback.success{background:#ecf7ef;color:#286341;padding:12px 14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.feedback a{font-weight:800;text-decoration:underline;text-underline-offset:3px}.primary-button{height:54px;width:100%;background:#254bd8;color:#fff;border:0;padding:0 19px;font:800 13px Manrope,sans-serif;display:flex;justify-content:space-between;align-items:center;margin-top:20px}.primary-button:hover:not(:disabled){background:#183ab5}.primary-button:disabled{opacity:.5;cursor:not-allowed}.primary-button span:last-child{font-size:19px}.privacy-inline{font-size:11px;color:#7b8781;text-align:center;margin:17px 0 0}.privacy-inline span{color:#54a97e;margin-right:4px}.principles{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding:102px 6.5% 116px}.principles h2{font-size:46px;letter-spacing:-2.8px;margin-top:20px}.principle-list>div{display:grid;grid-template-columns:70px 1fr;gap:0 16px;border-top:1px solid #dcded7;padding:22px 0}.principle-list>div:last-child{border-bottom:1px solid #dcded7}.principle-list span{font-size:11px;color:#3159e8;font-weight:800;grid-row:span 2}.principle-list h3{font:700 17px Manrope,sans-serif;margin:0 0 8px}.principle-list p{font-size:13px;line-height:1.65;color:#7a827d;margin:0}footer{max-width:1440px;margin:auto;background:#213631;color:#fff;padding:32px 6.5%;display:flex;align-items:center;gap:40px}.footer-brand{font:800 21px Manrope,sans-serif;letter-spacing:-1px}.footer-brand span{color:#e5c879;margin-left:8px}footer p{font-size:12px;color:#b3c2b8}footer a{margin-left:auto;font-size:12px;font-weight:700}@media(max-width:900px){.site-header{height:70px;gap:25px}.header-badge{display:none}.hero{grid-template-columns:1fr;min-height:unset;padding-top:65px}.hero-art{height:300px;margin-top:20px}.orbit-two{width:360px;height:360px}.orbit-one{width:260px;height:260px}.art-sheet{width:180px;height:225px}.sheet-back{font-size:43px}.sheet-front{padding:22px}.sheet-mark{font-size:46px}.art-stamp{right:13%;bottom:0}.workbench{grid-template-columns:1fr}.tool-nav{display:grid;grid-template-columns:repeat(2,1fr);border-right:0}.tool-tab{height:76px;padding:0 14px;gap:8px}.tool-tab-num{display:none}.tool-tab-icon{font-size:20px;width:24px}.tool-tab-label{font-size:13px}.tool-panel{padding:30px}.principles{grid-template-columns:1fr;gap:15px}}@media(max-width:550px){.site-header{padding:0 5%}.site-header nav{margin-left:auto;gap:15px}.site-header nav a{font-size:11px}.site-header nav a:last-child{display:none}.brand{font-size:20px}.hero{padding:60px 5%}.hero h1{font-size:45px;letter-spacing:-2.8px}.hero-copy p{font-size:15px}.workspace{padding:60px 5%}.section-heading{display:block}.section-heading p{margin-top:12px}.tool-tab{height:75px}.tool-tab-arrow{display:none}.tool-panel{padding:26px 18px}.panel-top h3{font-size:25px}.options{gap:12px}.principles{padding:70px 5%}.principles h2{font-size:37px}footer{padding:28px 5%;gap:10px;flex-wrap:wrap}footer p{flex-basis:100%;order:3}footer a{margin-left:auto}}.seo-guide{padding:76px 6.5% 88px;background:#f6f3ed}.seo-guide-head{max-width:760px}.seo-guide h2{font:700 clamp(30px,3.4vw,48px) Manrope,sans-serif;letter-spacing:-2px;line-height:1.2;margin:14px 0}.seo-guide h3{font:700 17px Manrope,sans-serif;letter-spacing:-.5px;margin:0 0 12px}.seo-guide p{font-size:14px;line-height:1.7;color:#66736d}.seo-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}.seo-guide-grid article{border-top:1px solid #d3d9d2;padding-top:20px}.seo-guide a{color:#254bd8;text-decoration:underline;text-underline-offset:4px}.seo-guide-next{margin-top:32px}@media(max-width:720px){.seo-guide{padding:62px 5%}.seo-guide-grid{grid-template-columns:1fr;gap:18px}}.seo-faq{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:90px 6.5% 100px;max-width:1440px;margin:auto;background:#f6f3ed}.seo-faq .kicker{font-size:10px;font-weight:800;letter-spacing:2.2px;color:#3159e8}.seo-faq h2{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-2.4px;font-size:clamp(32px,3.6vw,52px);line-height:1.08;margin:14px 0 0;max-width:420px}.seo-faq details{border-bottom:1px solid #e6e1d7}.seo-faq details:first-child{border-top:1px solid #e6e1d7}.seo-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-size:16px;font-weight:700;cursor:pointer}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary b{color:#3159e8;font-size:20px;line-height:1}.seo-faq details[open] summary b{transform:rotate(45deg)}.seo-faq p{color:#68716e;font-size:15px;line-height:1.75;margin:0 0 20px;max-width:620px}@media(max-width:900px){.seo-faq{grid-template-columns:1fr;gap:28px;padding:70px 25px 80px}}.site-header,main,footer,.seo-faq{max-width:1320px}.site-header{height:70px}.hero{min-height:0;padding:25px 5% 18px;grid-template-columns:minmax(0,1fr);gap:0}.hero h1{font-size:clamp(32px,3.6vw,44px);letter-spacing:-.045em;margin:0 0 8px}.hero-copy p{font-size:15px;line-height:1.6;margin:0;max-width:70ch}.hero-art,.hero .eyebrow,.hero-link{display:none}.workspace{padding:16px 5% 60px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:26px;letter-spacing:-1px;margin:7px 0}.section-heading p{max-width:35ch;color:#52645a}.workbench{grid-template-columns:245px minmax(0,1fr);min-height:530px;border:1px solid #dce2db;border-radius:12px;overflow:hidden}.tool-tab{height:91px;gap:12px;padding:0 17px}.tool-tab-num{display:none}.tool-tab-label{font-size:14px}.tool-panel{padding:25px 28px;min-width:0}.panel-top h3{font-size:28px;margin-top:9px}.panel-top p{color:#586a60}.tool-nav{align-self:stretch}.dropzone{min-height:160px}.dropzone small{color:#60746a}.file-icon{width:52px;height:62px;flex:0 0 52px;background:#f2f4f6;overflow:hidden}.file-thumbnail{max-height:60px;max-width:50px;object-fit:contain}.file-name{flex:1;min-width:0}.file-size{font-size:11px;color:#5c6c62;margin-left:0}.file-controls button,.remove-file{min-width:35px;min-height:44px}.feedback.success{border:1px solid #b7d9c2}.feedback.success a{display:inline-flex;align-items:center;min-height:44px}.primary-button{margin-top:14px;min-height:48px}.privacy-inline{color:#51675a}.tool-tab.active:hover{background:#264bd7;color:#fff}:where(a,button,input,select,[role=button]):focus-visible{outline:3px solid #5275ef;outline-offset:3px}.seo-guide,.seo-faq{padding-top:52px;padding-bottom:58px}#tools{scroll-margin-top:12px}@media(max-width:900px){.workbench{grid-template-columns:1fr}.tool-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-right:0}.tool-tab{height:auto;min-height:56px;gap:6px;padding:12px 10px;border-right:1px solid #ededeb}.tool-tab-icon{display:none}.tool-tab-label{font-size:12px}.tool-tab-arrow,.section-heading p{display:none}.hero{padding-top:20px}.tool-panel{padding:22px}.hero-art{display:none}}@media(max-width:550px){.site-header{height:62px}.hero{padding:20px 5% 10px}.hero h1{font-size:32px}.hero-copy p{font-size:14px}.workspace{padding:12px 5% 42px}.section-heading h2{font-size:23px}.tool-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-tab:last-child{grid-column:1/-1}.tool-tab-label{font-size:13px}.tool-panel{padding:21px 16px}.panel-top h3{font-size:25px}.file-row{flex-wrap:wrap;gap:8px}.file-name{flex-basis:calc(100% - 66px)}.file-size{margin-left:60px;flex:1}.options label{min-width:120px}.file-controls button,.remove-file{min-width:40px}.seo-guide,.seo-faq{padding:42px 5%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.cancel-task{display:block;width:100%;min-height:44px;margin-top:10px;background:transparent;border:1px solid #b9c5bf;color:#38554a;font:700 12px Manrope,sans-serif}.cancel-task:hover:not(:disabled){border-color:#3159e8;color:#254bd8}.cancel-task:disabled{opacity:.55;cursor:not-allowed}.cancel-task[hidden]{display:none}
