:root{--blue: #0a4185;--light-blue: #40a6cf;--teal: #4fc1a6;--green: #80c24f;--lime: #cad637;--gold: #fcb736;--ink: #0a2540;--paper: #faf8f2}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(760px 620px at -6% -8%,rgb(64 166 207 / 30%),transparent 60%),radial-gradient(820px 680px at 108% -6%,rgb(252 183 54 / 32%),transparent 58%),radial-gradient(760px 640px at -4% 106%,rgb(202 214 55 / 28%),transparent 58%),radial-gradient(820px 680px at 106% 108%,rgb(128 194 79 / 30%),transparent 58%),var(--paper);font-family:Montserrat,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit}.page{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:64px 28px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.badge{display:inline-flex;padding:8px 16px;margin-bottom:22px;border-radius:999px;background:var(--gold);font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brand{width:215px;margin-bottom:24px;color:var(--blue);font-weight:900;line-height:.82;letter-spacing:-4px;transform:skew(-4deg)}.brand-name{display:flex;font-size:45px}.brand-name span:nth-child(2){color:var(--light-blue)}.brand-name span:nth-child(3){color:var(--green)}.brand-bottom{display:flex;align-items:flex-end}.brand-copy{font-size:25px;letter-spacing:-2px}.brand-copy small{display:inline-block;margin-left:4px;font-size:6px;line-height:1.05;letter-spacing:0}.brand-bottom strong{display:block;margin-left:4px;color:var(--blue);font-size:54px;line-height:.74}.cossinho-brand{width:245px;padding:12px 16px;border-radius:14px;color:#fff;background:#07307b;line-height:1;letter-spacing:0;transform:none;text-align:center}.cossinho-brand strong{display:block;color:#ffc400;font-size:42px;font-style:italic}.cossinho-brand span{display:block;margin-top:7px;font-size:13px;letter-spacing:-.02em}.cossinho-brand small{display:block;margin-top:5px;font-size:10px;letter-spacing:.05em}h1{margin:0 0 16px;color:var(--blue);font-size:clamp(32px,4.4vw,50px);font-weight:800;line-height:1.08;letter-spacing:-.01em}h1 span{color:transparent;background:linear-gradient(90deg,var(--light-blue),var(--teal) 40%,var(--green) 70%,var(--gold));-webkit-background-clip:text;background-clip:text}.lede{max-width:440px;margin:0 0 36px;color:#0a2540a8;font-size:16px;font-weight:500;line-height:1.6}.actions{display:flex;max-width:380px;flex-direction:column;gap:12px}.button{padding:16px 20px;border:0;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .12s,background .12s,opacity .12s}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.4;cursor:not-allowed}.primary{color:var(--paper);background:var(--blue)}.primary:hover:not(:disabled){background:#0d5099}.secondary{color:var(--blue);border:1.5px solid rgb(10 65 133 / 22%);background:#0a418512}.secondary:hover:not(:disabled){background:#0a418521}.ghost{padding:12px 18px;color:#0a25408c;border:1.5px solid rgb(10 37 64 / 16%);background:transparent;font-size:13.5px}footer{margin-top:40px;color:#0a25407f;font-size:12.5px;font-weight:500}.studio{display:flex;min-width:0;flex-direction:column;align-items:center}.frame-shell{position:relative;width:min(420px,88vw);aspect-ratio:1;filter:drop-shadow(0 24px 40px rgb(10 37 64 / 16%))}canvas{display:block;width:100%;height:100%;touch-action:none}.frame-shell.empty canvas{cursor:pointer}.frame-shell:not(.empty) canvas{cursor:grab}.frame-shell:not(.empty) canvas.dragging{cursor:grabbing}.upload-prompt{position:absolute;inset:7% 9% 34%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:0;color:var(--blue);background:transparent;cursor:pointer}.frame-shell:not(.empty) .upload-prompt{display:none}.upload-prompt svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.upload-prompt strong{font-size:15px}.upload-prompt span{color:#0a25408c;font-size:11.5px;font-weight:500}.hint{margin:18px 0 0;color:#0a254073;text-align:center;font-size:12px;font-weight:500}.status{min-height:1.2em;margin:8px 0 0;color:var(--blue);font-size:12px;font-weight:600}.frame-shell.drag-over{outline:4px solid rgb(64 166 207 / 45%);outline-offset:7px}@media(max-width:860px){.page{min-height:auto;padding:40px 20px;grid-template-columns:1fr}.intro{display:flex;align-items:center;flex-direction:column;text-align:center}.lede{max-width:520px}.actions{width:min(380px,100%)}footer{order:10}}@media(max-width:480px){.page{padding:30px 16px 40px;gap:42px}.brand{width:190px}.brand-name{font-size:40px}.brand-bottom strong{font-size:48px}.lede{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}