.canvas-welcome{overflow:hidden;border:1px solid #d3dce4;border-radius:16px;background:#fff}.canvas-welcome-hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;padding:36px;background:linear-gradient(90deg,#0c1b2a 10%,#0c1b2aed 90%),url(/brand/civil-engineering-sketch.webp) 50%/cover;color:white}.canvas-welcome-kicker{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:600;letter-spacing:.15em;color:#e2c178}.canvas-welcome-kicker span{border:1px solid #d4a853;padding:3px 7px;border-radius:10px;background:#e2c178;color:#0c1b2a}.canvas-welcome h1{font:600 clamp(28px,3.1vw,44px)/1.15 var(--font-manrope),sans-serif;letter-spacing:-.04em;margin:18px 0}.canvas-welcome h1 em{color:#e2c178;font-style:normal}.canvas-welcome-copy>p:not(.canvas-welcome-kicker){font-size:14px;line-height:1.7;color:#d6e0e9;max-width:480px}.canvas-welcome-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:24px;font-size:13px}.canvas-main-action{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:12px 16px;background:#e2c178;color:#0c1b2a;border-radius:6px;font-weight:700}.canvas-welcome-actions button{min-height:44px;text-decoration:underline;cursor:pointer}.canvas-preview{max-width:280px;width:100%;justify-self:center;border:1px solid #768796;border-radius:10px;padding:14px;background:#1d3042;transform:perspective(800px) rotateY(-8deg) rotateX(3deg);box-shadow:18px 20px 30px #0003;transition:transform .3s ease}.canvas-preview:hover{transform:none}.canvas-preview-toolbar{display:flex;justify-content:space-around;font-size:9px;letter-spacing:.12em;padding:2px 0 12px;color:#d4e0e9}.canvas-preview-page{background:#fcfaf4;color:#0c1b2a;padding:24px 20px;min-height:190px;box-shadow:0 8px 20px #0003}.canvas-preview-page>span{font-size:7px;letter-spacing:.1em}.canvas-preview-page>strong{display:block;font:600 24px var(--font-manrope),sans-serif;margin:14px 0}.canvas-preview-page i{display:block;height:7px;background:#e4e8eb;border-left:3px solid #d4a853;margin-top:8px}.canvas-preview-page i:last-of-type{width:70%}.canvas-preview-page>div{display:flex;justify-content:space-between;padding-top:16px;margin-top:16px;border-top:1px solid #cbd3db;font-size:9px}.canvas-preview>p{font-size:8px;text-align:right;color:#c1ced9;margin:9px 0 0}.canvas-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d8e0e7}.canvas-tool-grid>a{display:flex;align-items:flex-start;gap:12px;padding:22px 20px;background:#fff;color:#0c1b2a;min-width:0}.canvas-tool-grid>a:hover{background:#fbf6eb}.canvas-tool-grid>a>svg{flex-shrink:0;color:#795b25}.canvas-tool-grid>a>svg:last-child{margin-left:auto;width:13px}.canvas-tool-grid strong{font:700 13px var(--font-manrope),sans-serif;display:block}.canvas-tool-grid small{display:block;font-size:11px;line-height:1.6;color:#41566a;margin-top:7px}.canvas-welcome :is(a,button):focus-visible{outline:3px solid #b88e3e;outline-offset:-3px}@media(max-width:1100px){.canvas-welcome-hero{padding:28px;gap:20px}.canvas-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.canvas-welcome-hero{grid-template-columns:1fr;padding:24px}.canvas-preview{display:none}.canvas-tool-grid{grid-template-columns:1fr}.canvas-tool-grid>a{padding:16px 20px}.canvas-welcome h1{font-size:32px}}@media(prefers-reduced-motion:reduce){.canvas-preview{transform:none;transition:none}}.canvas-welcome h1{color:#ffffff}@media(hover:hover) and (prefers-reduced-motion:no-preference){.canvas-tool-grid>a{transition:background .2s,box-shadow .2s}.canvas-tool-grid>a>svg:first-child{transition:transform .28s}.canvas-tool-grid>a:hover>svg:first-child{transform:perspective(180px) rotateY(-18deg) translateZ(5px)}.canvas-preview{animation:ish-canvas-settle .8s ease-out both}}@keyframes ish-canvas-settle{0%{opacity:0;transform:perspective(800px) rotateY(-18deg) rotateX(6deg) translateY(14px)}to{opacity:1;transform:perspective(800px) rotateY(-8deg) rotateX(3deg)}}html[data-ish-reduced-motion=true] .canvas-preview,html[data-ish-reduced-motion=true] .canvas-tool-grid>a>svg{animation:none!important;transform:none!important;transition:none!important}