.try-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:8%;padding-top:65px;padding-bottom:46px}
.try-heading h1{font-size:clamp(48px,5.9vw,86px);margin-top:22px;line-height:.98;letter-spacing:-.065em}.try-heading h1 em{color:var(--orange)}
.try-heading-copy p{font-size:16px;color:#c5c5b9;max-width:430px}.try-free-note{display:flex;align-items:center;gap:10px;font:11px var(--mono);margin-top:24px}
.try-workspace{display:grid;grid-template-columns:248px minmax(0,1fr);gap:30px;padding-top:20px;padding-bottom:66px;align-items:start}
.try-controls,.try-preview-area{min-width:0}.try-control-heading h2{font-size:27px;letter-spacing:-.03em;line-height:1.1;margin:13px 0 25px}.try-controls .eyebrow{font-size:10px}
#try-identity{display:grid;grid-template-columns:1fr 64px;gap:12px}.try-controls .field{margin:0 0 24px}.try-controls .field label{font-size:11px;line-height:1.5;min-height:33px;margin-bottom:7px}.try-controls input[type=color]{width:64px;height:48px}.try-controls .field input:not([type=color]){font-size:14px;height:48px;padding:10px}
.try-template-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.try-template-heading>span{font-size:10px;color:#b6b8ab}
.try-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.try-template{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;padding:5px 5px 8px;background:#20201c;border:1px solid #57594d;color:var(--paper);border-radius:4px;font-size:10px;text-align:center}
.try-template-swatch{display:grid;place-items:center;min-height:43px;border-radius:2px;background:var(--swatch-background);color:var(--swatch-text);font-size:25px;font-weight:700;letter-spacing:-2px}.try-template[data-template=terminal] .try-template-swatch{font-family:monospace}.try-template[data-template=editorial] .try-template-swatch,.try-template[data-template=clasico] .try-template-swatch,.try-template[data-template=acustico] .try-template-swatch,.try-template[data-template=nocturno] .try-template-swatch{font-family:Georgia,serif}
.try-template[aria-pressed=true]{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange);color:#ff956f}.try-template:hover{border-color:#e5e2d8}.try-controls-note{font-size:11px;color:#b7b9ad;margin-top:20px;line-height:1.65}
.try-preview-area{border:1px solid #4f5147;border-radius:7px;overflow:hidden;background:#24251f}.try-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid #4f5147}.try-preview-toolbar>div:first-child{display:flex;align-items:center;gap:9px;font-size:12px}.try-preview-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}.try-example-badge{font:8px var(--mono);color:#bfc1b4;letter-spacing:.035em;padding-left:5px}
.try-viewport-switch{display:flex;gap:4px}.try-viewport-switch button{padding:7px 9px;min-height:34px;border:1px solid transparent;border-radius:3px;background:transparent;color:#c5c7b9;font-size:10px}.try-viewport-switch button[aria-pressed=true]{background:#eeeae1;color:#171714;border-color:#eeeae1}
.try-preview-stage{display:flex;justify-content:center;background:repeating-linear-gradient(135deg,#303129 0,#303129 8px,#2b2c25 8px,#2b2c25 16px);min-width:0;height:760px;overflow:hidden}.try-preview-stage iframe{display:block;border:0;width:100%;height:100%;background:#171714;min-width:0}.try-preview-stage[data-viewport=mobile] iframe{width:390px;max-width:100%;box-shadow:0 0 25px #0005}
.try-preview-status{font-size:11px;padding:13px 16px 0;color:#d3d4c7;min-height:31px}.try-attribution{font-size:10px;line-height:1.65;padding:7px 16px 15px;color:#b8baac}#try-retry{margin:10px 16px 0;background:transparent;color:var(--paper);padding:9px 12px;border:1px solid #949785;border-radius:3px;font-size:12px}#try-retry[hidden]{display:none}
.try-next{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:var(--paper);color:var(--ink)}.try-next h2{font-size:clamp(37px,4.2vw,60px);margin:20px 0}.try-next>div>p{font-size:15px;color:#53564b;max-width:440px}.try-next-action{align-self:center}.try-next-action .button{background:var(--ink);color:var(--paper);font-size:13px;gap:22px;line-height:1.45}.try-next-action .button:hover{background:#35372e}.try-next-action p{font-size:12px;line-height:1.65;margin-top:17px;color:#55584c}.try-next-action .text-link{margin-top:22px;font-size:12px}
@media(min-width:1600px){.try-workspace{grid-template-columns:270px minmax(0,1fr);gap:36px}.try-preview-stage{height:820px}}
@media(max-width:1100px){.try-workspace{grid-template-columns:220px minmax(0,1fr);gap:22px}.try-heading{gap:6%}.try-heading-copy p{font-size:14px}.try-preview-stage{height:720px}.try-template-heading{display:block}.try-template-heading>span{display:block;margin-top:5px}}
@media(max-width:760px){.try-heading{grid-template-columns:1fr;gap:25px;padding-top:42px;padding-bottom:30px}.try-heading h1{font-size:clamp(47px,10.5vw,72px);margin-top:20px}.try-heading .eyebrow{font-size:9px}.try-heading-copy p{font-size:14px;max-width:500px}.try-free-note{font-size:10px;margin-top:17px}.try-workspace{grid-template-columns:1fr;gap:24px;padding-top:10px;padding-bottom:40px}.try-control-heading h2{font-size:25px;margin:12px 0 20px}#try-identity{grid-template-columns:1fr 100px;gap:18px}.try-controls .field label{min-height:0}.try-controls input[type=color]{width:100%;height:48px}.try-template-heading{display:flex}.try-template-heading>span{margin:0}.try-templates{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.try-template-swatch{min-height:37px;font-size:24px}.try-controls-note{margin-top:14px}.try-preview-toolbar{padding:12px}.try-example-badge{font-size:7px}.try-preview-stage{height:680px}.try-next{grid-template-columns:1fr;gap:30px}.try-next h2{font-size:43px}.try-next-action .button{width:100%;justify-content:space-between;font-size:12px}.try-next>div>p{font-size:14px}}
@media(max-width:370px){.try-templates{grid-template-columns:repeat(3,minmax(0,1fr))}.try-preview-toolbar>div:first-child{flex-wrap:wrap}.try-example-badge{padding-left:0}.try-free-note{font-size:9px}}