/* vietnamese */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/d76687f2-b339-4230-b122-764463b935d3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/47909edf-3497-4e8d-9d5c-2d8a89f7b307.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/c5c6c86f-ce9e-4960-846c-dce260736ea4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/d76687f2-b339-4230-b122-764463b935d3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/47909edf-3497-4e8d-9d5c-2d8a89f7b307.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/c5c6c86f-ce9e-4960-846c-dce260736ea4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/d76687f2-b339-4230-b122-764463b935d3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/47909edf-3497-4e8d-9d5c-2d8a89f7b307.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/c5c6c86f-ce9e-4960-846c-dce260736ea4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/d76687f2-b339-4230-b122-764463b935d3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/47909edf-3497-4e8d-9d5c-2d8a89f7b307.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/c5c6c86f-ce9e-4960-846c-dce260736ea4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/d76687f2-b339-4230-b122-764463b935d3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/47909edf-3497-4e8d-9d5c-2d8a89f7b307.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/mockup/c5c6c86f-ce9e-4960-846c-dce260736ea4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/mockup/79f18027-c172-40dd-9464-4a8fc95a8767.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/mockup/82c38195-9285-4ea2-824f-88c671a4b3c8.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/mockup/39075012-4cb9-4ada-af87-f1e13c90e366.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/mockup/d7227ae2-a809-404f-9eb9-c51c02756a2e.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/mockup/81e2e171-53c4-4697-b779-60191d00dc54.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/mockup/8c5fc2f9-73f9-4d9f-86e2-95ebfe83ee0d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/mockup/a48f4b88-73a8-4367-8c32-e8f66659c4fb.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/mockup/c9f4bc05-5c94-4541-a6c2-6927790f53dc.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/mockup/1cbaab32-043e-4193-a97a-56f08b8747e1.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/mockup/d6cb4318-62b7-4dd1-a3ae-8ac3efd249ba.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FBF6EE;font-family:'Bricolage Grotesque',sans-serif;-webkit-font-smoothing:antialiased;transition:background .25s}
button,input,select,textarea{font-family:inherit;font-size:inherit}
a{color:var(--link,#B23F1E)}a:hover{color:#E2542C}
summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}
[data-kt]{--bg:#FBF6EE;--surface:#FFFFFF;--ink:#17150F;--muted:#4A463D;--line:#E3D9C7;--chip:#F3EBDD;--link:#B23F1E;--dark:#17150F;--btn:#B23F1E;--btn-ink:#FBF6EE;--peach:#F6C9B4}
[data-kt="dark"]{--bg:#141310;--surface:#1E1C17;--ink:#FBF6EE;--muted:#CFC6B6;--line:#38332A;--chip:#2A2620;--link:#F08A63;--dark:#0B0A08;--btn:#E2542C;--btn-ink:#17150F;--peach:#4A2A1D}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}

.design-1{min-height:100vh;background:var(--bg);color:var(--ink);transition:background .25s,color .25s}
.design-2{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
.design-3{max-width:1440px;margin:0 auto;padding:14px clamp(20px,4vw,48px);display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap}
.design-4{display:flex;align-items:center;gap:10px;background:none;border:none;padding:0;cursor:pointer;color:var(--ink)}
.design-5{width:34px;height:34px;display:block}
.design-6{font-weight:800;font-size:24px;letter-spacing:-0.05em}
.design-7{font-weight:500}
.design-8{display:flex;gap:4px;flex:1 1 auto;justify-content:center;overflow-x:auto;order:3;min-width:0}
.design-9{background:none;border:none;color:var(--ink);padding:10px 14px;border-radius:999px;cursor:pointer;font-size:16px;white-space:nowrap}
.design-10{display:flex;align-items:center;gap:10px;margin-left:auto;order:2}
.design-11{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-family:'IBM Plex Mono',monospace;font-size:13px}
.design-12{font-size:16px}
.design-13{height:44px;padding:0 20px;border-radius:999px;border:none;background:var(--btn);color:var(--btn-ink);font-weight:600;font-size:16px;cursor:pointer;white-space:nowrap}
.design-14{max-width:1440px;margin:0 auto;padding:clamp(40px,6vw,88px) clamp(20px,4vw,48px) clamp(20px,4vw,48px);display:flex;flex-direction:column;gap:clamp(28px,4vw,48px)}
.design-15{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted)}
.design-16{display:flex;align-items:center;gap:10px}
.design-17{width:10px;height:10px;border-radius:50%;background:#E2542C}
.design-18{margin:0;font-weight:800;font-size:clamp(58px,12.4vw,200px);line-height:0.86;letter-spacing:-0.062em}
.design-19{color:#E2542C}
.design-20{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px 48px;align-items:end}
.design-21{margin:0;max-width:540px;font-size:clamp(19px,1.7vw,23px);line-height:1.45;color:var(--muted);text-wrap:pretty}
.design-22{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start}
.design-23{display:inline-flex;align-items:center;gap:10px;padding:18px 28px;border-radius:999px;border:none;background:var(--btn);color:var(--btn-ink);font-weight:600;font-size:18px;cursor:pointer}
.design-24{display:inline-flex;align-items:center;gap:10px;padding:18px 28px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-weight:600;font-size:18px;cursor:pointer}
.design-25{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:4px;border-radius:28px;overflow:hidden}
.design-26{text-align:left;border:none;background:#E2542C;color:#17150F;padding:28px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;cursor:pointer}
.design-27{display:flex;justify-content:space-between;font-family:'IBM Plex Mono',monospace;font-size:13px}
.design-28{font-size:22px}
.design-29{display:flex;flex-direction:column;gap:6px}
.design-30{font-weight:800;font-size:clamp(40px,4.4vw,64px);letter-spacing:-0.05em;line-height:0.9;color:#FBF6EE}
.design-31{font-size:18px;font-weight:500}
.design-32{background:#E2542C;color:#17150F;overflow:hidden}
.design-33{max-width:1440px;margin:0 auto;padding:clamp(48px,7vw,104px) clamp(20px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:40px;align-items:center}
.design-34{display:flex;flex-direction:column;gap:32px}
.design-35{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:0.04em;text-transform:uppercase}
.design-36{margin:0;font-weight:800;font-size:clamp(58px,9.4vw,152px);line-height:0.86;letter-spacing:-0.062em;color:#FBF6EE}
.design-37{color:#17150F}
.design-38{margin:0;max-width:520px;font-size:clamp(19px,1.7vw,23px);line-height:1.45;font-weight:500;text-wrap:pretty}
.design-39{display:flex;gap:12px;flex-wrap:wrap}
.design-40{padding:18px 28px;border-radius:999px;border:none;background:#17150F;color:#FBF6EE;font-weight:600;font-size:18px;cursor:pointer}
.design-41{padding:18px 28px;border-radius:999px;border:1.5px solid #17150F;background:transparent;color:#17150F;font-weight:600;font-size:18px;cursor:pointer}
.design-42{display:flex;flex-direction:column;align-items:center;gap:28px}
.design-43{width:min(100%,440px);height:auto;display:block}
.design-44{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.design-45{padding:12px 20px;border-radius:999px;border:none;background:#17150F;color:#FBF6EE;font-weight:600;font-size:16px;cursor:pointer}
.design-46{max-width:1440px;margin:0 auto;padding:40px clamp(20px,4vw,48px);display:flex;align-items:center;gap:20px 48px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.design-47{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em}
.design-48{display:flex;gap:16px 48px;flex-wrap:wrap;flex:1;justify-content:space-between;font-weight:700;font-size:clamp(22px,2.4vw,32px);letter-spacing:-0.03em;color:var(--muted)}
.design-49{max-width:1440px;margin:0 auto;padding:clamp(56px,7vw,96px) clamp(20px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:40px}
.design-50{display:flex;flex-direction:column;gap:10px;border-top:2px solid var(--ink);padding-top:20px}
.design-51{font-weight:800;font-size:clamp(80px,9vw,140px);line-height:0.85;letter-spacing:-0.06em;color:#E2542C}
.design-52{font-size:19px;line-height:1.4;color:var(--muted)}
.design-53{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.design-54{max-width:1440px;margin:0 auto;padding:clamp(56px,7vw,104px) clamp(20px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:48px}
.design-55{display:flex;flex-direction:column;gap:20px}
.design-56{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--link);letter-spacing:0.04em}
.design-57{margin:0;font-weight:800;font-size:clamp(44px,6vw,88px);line-height:0.9;letter-spacing:-0.05em;text-wrap:pretty}
.design-58{margin:0;font-size:19px;line-height:1.5;color:var(--muted);max-width:460px}
.design-59{display:flex;flex-direction:column;gap:12px}
.design-60{font-family:'IBM Plex Mono',monospace;font-size:14px}
.design-61{margin-top:12px;background:var(--dark);color:#FBF6EE;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:16px}
.design-62{font-family:'IBM Plex Mono',monospace;font-size:13px;color:#F6C9B4}
.design-63{font-weight:800;font-size:clamp(40px,5vw,64px);line-height:0.9;letter-spacing:-0.05em;color:#E2542C}
.design-64{margin:0;font-size:18px;line-height:1.5;color:#E3D9C7;text-wrap:pretty}
.design-65{display:flex;gap:10px;flex-wrap:wrap}
.design-66{padding:14px 22px;border-radius:999px;border:none;background:#E2542C;color:#17150F;font-weight:600;font-size:16px;cursor:pointer}
.design-67{padding:14px 22px;border-radius:999px;border:1.5px solid #FBF6EE;background:transparent;color:#FBF6EE;font-weight:600;font-size:16px;cursor:pointer}
.design-68{background:var(--dark);color:#FBF6EE}
.design-69{max-width:1440px;margin:0 auto;padding:clamp(64px,8vw,120px) clamp(20px,4vw,48px);display:flex;flex-direction:column;gap:56px}
.design-70{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:24px 48px;align-items:end}
.design-71{margin:0;font-weight:800;font-size:clamp(44px,6vw,92px);line-height:0.9;letter-spacing:-0.05em}
.design-72{margin:0;font-size:19px;line-height:1.5;color:#E3D9C7;max-width:520px;text-wrap:pretty}
.design-73{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2px;background:#38332A;border-radius:24px;overflow:hidden}
.design-74{text-align:left;border:none;background:var(--dark);color:#FBF6EE;padding:32px;display:flex;flex-direction:column;gap:18px;cursor:pointer}
.design-75{font-weight:700;font-size:32px;line-height:1;letter-spacing:-0.03em}
.design-76{font-size:17px;line-height:1.5;color:#CFC6B6}
.design-77{font-weight:600;color:#E2542C}
.design-78{background:#E2542C;color:#17150F}
.design-79{max-width:1440px;margin:0 auto;padding:clamp(32px,4vw,48px) clamp(20px,4vw,48px) clamp(56px,7vw,96px);display:flex;flex-direction:column;gap:32px}
.design-80{align-self:flex-start;padding:10px 18px;border-radius:999px;border:1.5px solid #17150F;background:transparent;color:#17150F;font-weight:600;font-size:15px;cursor:pointer}
.design-81{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:0.04em}
.design-82{margin:0;font-weight:800;font-size:clamp(72px,15vw,240px);line-height:0.82;letter-spacing:-0.065em;color:#FBF6EE}
.design-83{margin:0;font-weight:700;font-size:clamp(28px,3.4vw,48px);line-height:1;letter-spacing:-0.035em;text-wrap:pretty}
.design-84{padding:18px 28px;border-radius:999px;border:1.5px solid #17150F;color:#17150F;font-weight:600;font-size:18px;text-decoration:none}
.design-85{max-width:1440px;margin:0 auto;padding:clamp(64px,8vw,120px) clamp(20px,4vw,48px);display:flex;flex-direction:column;gap:40px}
.design-86{display:flex;flex-direction:column;gap:28px}
.design-87{display:flex;gap:8px;flex-wrap:wrap}
.design-88{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:48px;align-items:center}
.design-89{display:flex;flex-direction:column;gap:22px}
.design-90{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--muted)}
.design-91{margin:0;font-weight:800;font-size:clamp(52px,6vw,96px);line-height:0.88;letter-spacing:-0.055em}
.design-92{margin:0;font-weight:600;font-size:clamp(24px,2.4vw,32px);line-height:1.1;letter-spacing:-0.025em;text-wrap:pretty}
.design-93{margin:0;font-size:18px;line-height:1.55;color:var(--muted);max-width:540px;text-wrap:pretty}
.design-94{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.design-95{display:flex;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.4}
.design-96{color:#E2542C;font-weight:800}
.design-97{padding:16px 24px;border-radius:999px;border:none;background:var(--btn);color:var(--btn-ink);font-weight:600;font-size:17px;cursor:pointer}
.design-98{padding:16px 24px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-weight:600;font-size:17px;cursor:pointer}
.design-99{background:var(--peach);border-radius:32px;padding:clamp(20px,3vw,40px);min-height:520px;display:flex;align-items:center;justify-content:center}
.design-100{width:100%;max-width:620px;background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:0 24px 48px rgba(23,21,15,0.18);color:var(--ink)}
.design-101{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted)}
.design-102{color:#E2542C;letter-spacing:2px}
.design-103{padding:20px;display:flex;flex-direction:column;gap:16px}
.design-104{display:flex;justify-content:space-between;align-items:center;gap:12px}
.design-105{font-size:20px;letter-spacing:-0.02em}
.design-106{font-family:'IBM Plex Mono',monospace;font-size:12px;padding:6px 10px;border-radius:999px;background:var(--chip)}
.design-107{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.design-108{display:flex;flex-direction:column;gap:10px}
.design-109{display:flex;gap:6px;font-size:13px}
.design-110{padding:6px 12px;border-radius:999px;background:#E2542C;color:#17150F;font-weight:600}
.design-111{padding:6px 12px;border-radius:999px;background:var(--chip)}
.design-112{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.design-113{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}
.design-114{font-size:15px}
.design-115{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted)}
.design-116{border:2px solid #E2542C;border-radius:12px;padding:11px;display:flex;flex-direction:column;gap:4px}
.design-117{background:var(--chip);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;font-size:14px}
.design-118{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--muted)}
.design-119{display:flex;justify-content:space-between}
.design-120{display:flex;justify-content:space-between;border-top:1px dashed var(--line);padding-top:10px;font-size:17px}
.design-121{text-align:center;padding:12px;border-radius:10px;background:#E2542C;color:#17150F;font-weight:700}
.design-122{position:relative;display:flex;justify-content:center;width:100%;padding:24px 0}
.design-123{width:290px;background:var(--surface);border-radius:40px;border:8px solid #17150F;overflow:hidden;box-shadow:0 24px 48px rgba(23,21,15,0.22);color:var(--ink)}
.design-124{background:#E2542C;color:#17150F;padding:28px 18px 18px;display:flex;flex-direction:column;gap:6px}
.design-125{width:40px;height:40px;border-radius:12px;background:#FBF6EE;color:#E2542C;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px}
.design-126{font-size:12px;font-weight:500}
.design-127{display:flex;gap:14px;padding:12px 18px;font-size:13px;border-bottom:1px solid var(--line)}
.design-128{border-bottom:2px solid #E2542C;padding-bottom:4px}
.design-129{color:var(--muted)}
.design-130{padding:12px 18px;display:flex;flex-direction:column;gap:10px}
.design-131{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}
.design-132{display:flex;flex-direction:column;gap:2px}
.design-133{font-size:12px;color:var(--muted)}
.design-134{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:500}
.design-135{width:32px;height:32px;border-radius:50%;background:#E2542C;color:#17150F;display:flex;align-items:center;justify-content:center;font-weight:700}
.design-136{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:10px}
.design-137{display:flex;justify-content:space-between;padding:14px;border-radius:14px;background:#17150F;color:#FBF6EE;font-size:14px;font-weight:600}
.design-138{position:absolute;right:0;top:40px;background:var(--surface);color:var(--ink);border-radius:16px;padding:14px 16px;box-shadow:0 14px 30px rgba(23,21,15,0.18);display:flex;gap:12px;align-items:center;max-width:240px}
.design-139{width:36px;height:36px;flex:none;border-radius:50%;background:#2E7D4F;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-weight:700}
.design-140{font-size:14px}
.design-141{position:absolute;left:0;bottom:48px;background:#17150F;color:#FBF6EE;border-radius:16px;padding:14px 16px;box-shadow:0 14px 30px rgba(23,21,15,0.25);display:flex;flex-direction:column;gap:2px;max-width:220px}
.design-142{font-size:14px;color:#E2542C}
.design-143{font-size:12px;color:#E3D9C7}
.design-144{padding:20px;display:flex;flex-direction:column;gap:14px}
.design-145{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.design-146{overflow-x:auto}
.design-147{min-width:440px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;font-size:14px}
.design-148{padding:10px 8px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}
.design-149{padding:12px 8px;border-bottom:1px solid var(--line);font-weight:600}
.design-150{padding:12px 8px;border-bottom:1px solid var(--line);font-family:'IBM Plex Mono',monospace}
.design-151{padding:12px 8px;border-bottom:1px solid var(--line);font-family:'IBM Plex Mono',monospace;background:#E2542C;color:#17150F;font-weight:500}
.design-152{padding:12px 8px;font-weight:600}
.design-153{padding:12px 8px;font-family:'IBM Plex Mono',monospace}
.design-154{padding:12px 8px;font-family:'IBM Plex Mono',monospace;background:#E2542C;color:#17150F;font-weight:500}
.design-155{font-size:14px;color:var(--muted)}
.design-156{max-width:1440px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,48px);display:flex;flex-direction:column;gap:48px}
.design-157{margin:0;font-weight:800;font-size:clamp(40px,5.4vw,80px);line-height:0.9;letter-spacing:-0.05em}
.design-158{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:2px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.design-159{background:var(--surface);padding:32px;display:flex;flex-direction:column;gap:14px}
.design-160{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--link)}
.design-161{font-size:24px;letter-spacing:-0.025em;line-height:1.1}
.design-162{font-size:17px;line-height:1.5;color:var(--muted)}
.design-163{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:32px}
.design-164{display:flex;flex-direction:column;gap:14px;border-top:2px solid var(--ink);padding-top:20px}
.design-165{font-weight:800;font-size:72px;line-height:0.85;letter-spacing:-0.05em;color:#E2542C}
.design-166{font-size:24px;letter-spacing:-0.02em}
.design-167{display:flex;flex-direction:column;gap:20px;border-top:1px solid var(--line);padding-top:40px}
.design-168{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.design-169{text-align:left;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px;border-radius:24px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.design-170{font-weight:800;font-size:36px;letter-spacing:-0.045em;line-height:1}
.design-171{font-size:16px;color:var(--muted)}
.design-172{font-size:28px;color:#E2542C}
.design-173{margin:0;font-weight:800;font-size:clamp(44px,6vw,88px);line-height:0.9;letter-spacing:-0.05em}
.design-174{margin:0;font-size:19px;line-height:1.5;color:var(--muted);max-width:520px;text-wrap:pretty}
.design-175{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.design-176{border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:18px;background:var(--bg)}
.design-177{width:64px;height:64px;border-radius:18px;background:#E2542C;color:#17150F;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:20px}
.design-178{font-size:26px;letter-spacing:-0.025em}
.design-179{font-size:16px;line-height:1.5;color:var(--muted)}
.design-180{width:64px;height:64px;border-radius:18px;background:#17150F;color:#E2542C;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:20px}
.design-181{display:flex;flex-wrap:wrap;gap:16px}
.design-182{margin:0;flex:2 1 520px;min-width:0;background:#E2542C;color:#17150F;border-radius:28px;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.design-183{margin:0;font-weight:700;font-size:clamp(28px,3.2vw,44px);line-height:1.05;letter-spacing:-0.035em;text-wrap:pretty}
.design-184{color:#FBF6EE}
.design-185{display:flex;flex-direction:column;gap:2px;font-size:16px}
.design-186{font-family:'IBM Plex Mono',monospace;font-size:13px}
.design-187{margin:0;flex:1 1 300px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.design-188{margin:0;font-weight:600;font-size:22px;line-height:1.3;letter-spacing:-0.015em;text-wrap:pretty}
.design-189{display:flex;flex-direction:column;gap:2px;font-size:15px}
.design-190{margin:0;flex:2 1 520px;min-width:0;background:var(--dark);color:#FBF6EE;border-radius:28px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.design-191{margin:0;font-weight:600;font-size:clamp(22px,2.2vw,30px);line-height:1.25;letter-spacing:-0.02em;text-wrap:pretty}
.design-192{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#CFC6B6}
.design-193{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.design-194{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:var(--dark);color:#FBF6EE;font-size:15px;font-weight:600}
.design-195{font-family:'IBM Plex Mono',monospace;font-size:11px;padding:4px 8px;border-radius:999px;background:#E2542C;color:#17150F}
.design-196{border:1px solid var(--line);border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:20px;background:var(--bg)}
.design-197{font-weight:800;font-size:40px;letter-spacing:-0.05em;line-height:1}
.design-198{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.4;flex:1}
.design-199{font-weight:700;font-size:22px;letter-spacing:-0.02em}
.design-200{padding:14px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-weight:600;font-size:16px;cursor:pointer}
.design-201{border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:20px;background:#E2542C;color:#17150F}
.design-202{font-family:'IBM Plex Mono',monospace;font-size:12px}
.design-203{font-weight:800;font-size:40px;letter-spacing:-0.05em;line-height:1;color:#FBF6EE}
.design-204{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.4;flex:1;font-weight:500}
.design-205{padding:14px;border-radius:999px;border:none;background:#17150F;color:#FBF6EE;font-weight:600;font-size:16px;cursor:pointer}
.design-206{max-width:1440px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px}
.design-207{margin:0;font-size:19px;line-height:1.5;color:var(--muted);max-width:460px;text-wrap:pretty}
.design-208{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:2px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.design-209{background:var(--bg);padding:28px;display:flex;flex-direction:column;gap:10px}
.design-210{font-size:22px;letter-spacing:-0.02em}
.design-211{max-width:1440px;margin:0 auto;padding:clamp(64px,8vw,120px) clamp(20px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:48px}
.design-212{font-family:'IBM Plex Mono',monospace;font-size:13px;color:#F6C9B4;letter-spacing:0.04em}
.design-213{display:flex;flex-direction:column;gap:20px;font-size:19px;line-height:1.55;color:#E3D9C7;text-wrap:pretty}
.design-214{margin:0}
.design-215{margin:0;font-weight:700;font-size:26px;line-height:1.2;letter-spacing:-0.02em;color:#FBF6EE}
.design-216{display:flex;gap:12px;align-items:flex-start;border-top:1px solid #38332A;padding-top:20px;font-size:16px}
.design-217{width:10px;height:10px;border-radius:50%;background:#E2542C;margin-top:7px;flex:none}
.design-218{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.design-219{border-bottom:1px solid var(--line);padding:22px 0}
.design-220{display:flex;justify-content:space-between;gap:16px;font-weight:600;font-size:20px}
.design-221{color:#E2542C;font-size:24px}
.design-222{margin:14px 0 0;font-size:17px;line-height:1.55;color:var(--muted)}
.design-223{max-width:1440px;margin:0 auto;padding:clamp(64px,8vw,120px) clamp(20px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:48px;align-items:start}
.design-224{margin:0;font-weight:800;font-size:clamp(48px,6.4vw,104px);line-height:0.88;letter-spacing:-0.055em;color:#FBF6EE}
.design-225{margin:0;font-size:19px;line-height:1.5;font-weight:500;max-width:480px}
.design-226{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;border-radius:24px;background:#17150F;color:#FBF6EE;text-decoration:none;max-width:480px}
.design-227{display:flex;flex-direction:column;gap:4px}
.design-228{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#F6C9B4}
.design-229{font-size:26px;letter-spacing:-0.02em}
.design-230{font-size:15px;color:#E3D9C7}
.design-231{font-size:32px;color:#E2542C}
.design-232{font-size:17px;font-weight:600;color:#17150F}
.design-233{background:var(--surface);color:var(--ink);border-radius:32px;padding:clamp(24px,3.5vw,44px);box-shadow:0 24px 60px rgba(23,21,15,0.2)}
.design-234{display:flex;flex-direction:column;gap:18px}
.design-235{font-size:28px;letter-spacing:-0.03em}
.design-236{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:600}
.design-237{height:52px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font-size:17px;font-weight:400;outline-color:#E2542C}
.design-238{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.design-239{height:52px;padding:0 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font-size:17px;font-weight:400}
.design-240{font-size:15px;font-weight:600}
.design-241{padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font-size:17px;font-weight:400;resize:vertical;outline-color:#E2542C}
.design-242{font-size:15px;font-weight:600;color:var(--link)}
.design-243{height:58px;border-radius:999px;border:none;background:var(--btn);color:var(--btn-ink);font-weight:700;font-size:18px;cursor:pointer}
.design-244{font-size:13px;color:var(--muted)}
.design-245{display:flex;flex-direction:column;gap:18px;padding:12px 0}
.design-246{width:64px;height:64px;border-radius:50%;background:#E2542C;color:#17150F;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800}
.design-247{font-size:36px;letter-spacing:-0.04em;line-height:1}
.design-248{margin:0;font-size:18px;line-height:1.5;color:var(--muted)}
.design-249{padding:14px 22px;border-radius:999px;background:var(--btn);color:var(--btn-ink);font-weight:600;text-decoration:none}
.design-250{padding:14px 22px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-weight:600;font-size:16px;cursor:pointer}
.design-251{max-width:1440px;margin:0 auto;padding:56px clamp(20px,4vw,48px) 32px;display:flex;flex-direction:column;gap:48px}
.design-252{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:32px}
.design-253{display:flex;flex-direction:column;gap:14px}
.design-254{width:40px;display:block}
.design-255{font-weight:800;font-size:28px;letter-spacing:-0.05em}
.design-256{font-size:16px;color:#CFC6B6}
.design-257{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.design-258{background:none;border:none;padding:0;color:#FBF6EE;font-size:16px;cursor:pointer}
.design-259{color:#FBF6EE;font-size:16px;text-decoration:none}
.design-260{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #38332A;padding-top:24px;font-size:14px;color:#CFC6B6}
.hover-1:hover{background:var(--chip)}
.hover-2:hover{background:#D44A23}
.hover-3:hover{background:#221F18}
.hover-4:hover{border-color:#E2542C}
.hover-5:hover{background:#2A2620}
/* Ajustes de acesso e limites de tela, sem alterar a composição do mockup. */
[hidden]{display:none!important}
:focus-visible{outline:3px solid #E2542C;outline-offset:4px}
section, main, form, [role="tabpanel"]{min-width:0}
#produtos > div, #produtos > div > div{min-width:0}
input, textarea, select{min-width:0;width:100%}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--bg,#FBF6EE);padding:12px 18px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}