.public-tool-group{margin-top:34px;border:1px solid #172630;background:#fff}
.public-tool-group>header{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:end;padding:22px 25px;border-bottom:1px solid #aeb9bd;background:#e9e6df}
.public-tool-group>header small{grid-column:1;color:#f4511e;font-size:9px;font-weight:900;letter-spacing:.13em}.public-tool-group>header h2{grid-column:1;margin:3px 0 0;font-size:30px}.public-tool-group>header p{grid-column:2;margin:0;color:#5f7079}
.public-tool-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.public-tool-selector button{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;min-height:155px;padding:19px;border:0;border-right:1px solid #bac4c8;background:#fff;color:#172630;text-align:left;cursor:pointer}.public-tool-selector button:last-child{border-right:0}.public-tool-selector button:hover{background:#f3f0ea}.public-tool-selector button.active{background:#172630;color:#fff;box-shadow:inset 0 -4px #f4511e}.public-tool-selector button>span{color:#f4511e;font-weight:900}.public-tool-selector button div{display:grid;align-content:start;gap:5px}.public-tool-selector button small{color:#f4511e;font-size:8px;font-weight:900;letter-spacing:.1em}.public-tool-selector button b{font-size:16px;line-height:1.25}.public-tool-selector button p{margin:3px 0 0;color:#61727a;font-size:10px;line-height:1.4}.public-tool-selector button strong{grid-column:2;align-self:end;color:#687981;font-size:8px;letter-spacing:.08em}.public-tool-selector button.active strong{color:#d0dadd}
.public-preprocessor-purpose{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #aeb9bd;background:#f3f0ea}.public-preprocessor-purpose>div{padding:24px 26px}.public-preprocessor-purpose>div+div{border-left:1px solid #aeb9bd;background:#fff}.public-preprocessor-purpose small{color:#f4511e;font-size:9px;font-weight:900;letter-spacing:.12em}.public-preprocessor-purpose h3{margin:7px 0 8px;font-size:20px;line-height:1.2}.public-preprocessor-purpose p{margin:0;color:#5f7079;line-height:1.55}.public-preprocessor-purpose a{display:inline-block;margin-top:14px;color:#172630;font-weight:900;text-decoration:none}.public-preprocessor-purpose a:hover{color:#f4511e}
.public-tool-trademark{margin:0;padding:14px 24px;border-top:1px solid #ccd3d5;background:#faf9f6;color:#65767e;font-size:10px;line-height:1.55}.public-tool-trademark b{color:#172630}.public-selected-tool{scroll-margin-top:18px;border:1px solid #172630;border-top:4px solid #f4511e;background:#fff}.public-selected-tool>header{display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px;align-items:start;padding:28px 30px;background:#172630;color:#fff}.public-selected-tool small{color:#f4511e;font-size:9px;font-weight:900;letter-spacing:.12em}.public-selected-tool h1{margin:7px 0 8px;color:#fff;font-size:clamp(34px,4vw,52px);line-height:1}.public-selected-tool header p{max-width:850px;margin:0;color:#ced7da;line-height:1.55}.public-tools-back{min-height:42px;border:1px solid #fff;padding:10px 14px;background:transparent;color:#fff;font-weight:900;cursor:pointer}.public-tools-back:hover{border-color:#f4511e;color:#f4511e}.public-tool-inline-workspace{margin-top:18px}.public-tool-workspace-hero{margin-top:0}.public-tool-coming-soon{margin-top:18px;padding:35px;border:1px solid #172630;border-top:4px solid #f4511e;background:#fff}.public-tool-coming-soon small{color:#f4511e;font-weight:900;letter-spacing:.12em}.public-tool-coming-soon h2{margin:8px 0;font-size:34px}.public-tool-coming-soon p{margin:0;color:#5f7079}.public-tool-coming-soon .status{margin-top:20px;padding:14px;border-left:4px solid #f4511e;background:#fff1e9}

.public-free-template{display:grid;grid-template-columns:minmax(0,1fr) 260px;border:1px solid #172630;border-top:4px solid #f4511e;background:#fff}.public-free-template>div{padding:34px}.public-free-template small,.public-workspace-tools small{color:#f4511e;font-size:9px;font-weight:900;letter-spacing:.12em}.public-free-template h2,.public-workspace-tools h2{margin:7px 0 10px;font-size:32px}.public-free-template p,.public-workspace-tools p{color:#53666f;line-height:1.55}.public-free-template li{margin:6px 0}.public-free-template aside{display:grid;align-content:center;gap:10px;padding:28px;background:#172630;color:#fff}.public-free-template aside span{font-size:46px;font-weight:900;color:#f4511e}.public-free-template aside b{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.public-free-template aside a,.public-workspace-login{display:inline-flex;justify-content:center;padding:13px 16px;background:#f4511e;color:#fff;font-weight:900;text-decoration:none}.public-workspace-tools{margin-top:24px;border:1px solid #172630;background:#f5f3ee}.public-workspace-tools>header{padding:28px 30px}.public-workspace-tools>header p{max-width:780px;margin-bottom:0}.public-workspace-tools>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bcc6ca;border-bottom:1px solid #bcc6ca}.public-workspace-tools article{position:relative;min-height:220px;padding:24px;border-right:1px solid #bcc6ca;background:#fff}.public-workspace-tools article:last-child{border-right:0}.public-workspace-tools article>span{position:absolute;right:18px;top:17px;color:#b2bdc1;font-size:30px;font-weight:900}.public-workspace-tools h3{margin:12px 0 8px;font-size:20px}.public-workspace-tools article p{font-size:12px}.public-workspace-tools article b{display:block;margin-top:20px;color:#f4511e;font-size:9px;letter-spacing:.1em}.public-workspace-login{margin:20px 30px;width:max-content;background:#172630}@media(max-width:760px){.public-free-template{grid-template-columns:1fr}.public-workspace-tools>div{grid-template-columns:1fr}.public-workspace-tools article{border-right:0;border-bottom:1px solid #bcc6ca}.public-workspace-tools article:last-child{border-bottom:0}}
@media(max-width:1000px){.public-tool-selector{grid-template-columns:1fr 1fr}.public-tool-selector button{border-bottom:1px solid #bac4c8}.public-tool-group>header{grid-template-columns:1fr}.public-tool-group>header p{grid-column:1}}
@media(max-width:620px){.public-tool-selector{grid-template-columns:1fr}.public-tool-selector button{border-right:0}.public-preprocessor-purpose{grid-template-columns:1fr}.public-preprocessor-purpose>div+div{border-top:1px solid #aeb9bd;border-left:0}.public-selected-tool>header{grid-template-columns:1fr;padding:22px}.public-tools-back{justify-self:start}.public-tools-page{padding-top:35px}}