.ut-hero{background-color:#d9387f;background-image:radial-gradient(#17141a1f 1px,#0000 1px);background-size:6px 6px;padding:0 32px 72px}.ut-hero .top{z-index:5;color:#fbf6f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 0 0;display:flex;position:relative}.ut-hero .top .hr{align-items:center;gap:10px;display:flex}.ut-hero .pass{background:#fbf6f0;border-radius:14px;flex-wrap:wrap;margin-top:48px;display:flex;position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:0 22px 44px #17141a40}.ut-hero .main{flex-direction:column;flex:3 640px;gap:22px;min-width:0;padding:36px 40px;display:flex}.ut-hero .stub{background:#ee6a2c;border-left:3px dashed #fbf6f0;flex-direction:column;flex:280px;justify-content:space-between;gap:22px;min-width:0;padding:36px 32px;display:flex;position:relative}.ut-hero .route{flex-wrap:nowrap;align-items:flex-end;gap:24px;display:flex}.ut-hero .code{font-size:100px;line-height:.9}.ut-hero .arrow{color:#ee6a2c;padding-bottom:10px;font-size:52px}.ut-hero .purpose{color:#fbf6f0;background:#17141a;border-radius:8px;flex-direction:column;gap:6px;min-width:0;padding:16px 20px;display:flex}.ut-hero .tline{white-space:nowrap;align-items:baseline;gap:14px;min-height:56px;display:flex;overflow:hidden}.ut-hero .tline .w{flex:none;font-size:clamp(22px,3.2vw,40px);line-height:1}.ut-hero .typed{color:#f08ab6;flex:none;font-family:IBM Plex Mono,monospace;font-size:clamp(15px,2.2vw,28px);font-weight:600}.ut-hero .rp,.ut-hero .mv{flex-direction:column;gap:22px;display:flex}.ut-hero .facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ut-hero .ut-hero-media{object-fit:cover;border-radius:8px;width:100%;height:360px;display:flex}.ut-hero .notch{background:#d9387f;border-radius:50%;width:34px;height:34px;position:absolute}.ut-hero .mrow{display:none}.ut-hero .notch.nt{top:-17px;right:calc(26% - 17px)}.ut-hero .notch.nb{bottom:-17px;right:calc(26% - 17px)}@media (width>=901px){.ut-hero{--stub:340px;--nv:360px;--vmax:max(420px,calc((100svh - var(--nv)) * 16 / 9))}.ut.ut-hero .wrap{max-width:1760px}.ut-hero .pass{flex-wrap:nowrap;margin-top:24px;transform:rotate(-.6deg)}.ut-hero .main{flex:auto;gap:18px;padding:28px 36px}.ut-hero .stub{flex:0 0 var(--stub);padding:30px 28px}.ut-hero .rp{flex-flow:wrap;align-items:stretch;gap:16px 28px}.ut-hero .route{flex:none}.ut-hero .code{font-size:clamp(64px,5.6vw,84px)}.ut-hero .arrow{padding-bottom:6px;font-size:40px}.ut-hero .purpose{flex:300px;justify-content:center;gap:4px;padding:12px 20px}.ut-hero .tline{flex-direction:column;align-items:flex-start;gap:4px;min-height:0}.ut-hero .tline .w{font-size:28px}.ut-hero .typed{font-size:clamp(17px,1.6vw,24px)}.ut-hero .mv{grid-template-columns:minmax(0,var(--vmax)) minmax(170px,1fr);align-items:start;gap:24px;display:grid}.ut-hero .facts{grid-template-columns:1fr;gap:0}.ut-hero .facts>div{border-bottom:1px dashed #cfc7be;padding:12px 0}.ut-hero .facts>div:first-child{padding-top:0}.ut-hero .facts>div:last-child{border-bottom:0}.ut-hero .ut-hero-media{aspect-ratio:16/9;height:auto}.ut-hero .notch.nt,.ut-hero .notch.nb{right:calc(var(--stub) - 17px)}}@media (width<=900px){.ut-hero{padding:0 16px 40px}.ut-hero .top{flex-wrap:nowrap;padding-top:16px}.ut-hero .top>a.w{white-space:nowrap;font-size:18px!important}.ut-hero .top .btn{white-space:nowrap;font-size:14px;min-height:40px!important;padding:0 14px!important}.ut-hero .pass{flex-direction:column;margin-top:20px;transform:rotate(-.6deg)}.ut-hero .route{gap:12px}.ut-hero .main{flex-basis:auto;gap:14px;padding:18px}.ut-hero .rp,.ut-hero .mv{gap:14px}.ut-hero .mv .facts{order:-1}.ut-hero .stub{border-top:3px dashed #fbf6f0;border-left:0;flex-basis:auto;padding:20px 18px}.ut-hero .code{font-size:clamp(32px,11.5vw,52px)}.ut-hero .arrow{padding-bottom:4px;font-size:26px}.ut-hero .tline{flex-direction:column;align-items:flex-start;gap:4px;min-height:0}.ut-hero .tline .w{font-size:26px}.ut-hero .typed{font-size:16px}.ut-hero .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ut-hero .val{font-size:16px}.ut-hero .ut-hero-media{height:240px}.ut-hero .notch{display:none}.ut-hero .mrow{display:flex}}.ut-hero.tpass{padding-top:14px}.ut-hero.tpass .crumbs{color:#fbf6f0}.ut-hero.tpass .crumbs a{color:inherit;text-decoration:none}.ut-hero.tpass .pass{margin-top:16px}.ut-hero.tpass h1{color:#fbf6f0;white-space:normal;margin:0;font-size:clamp(24px,2.1vw,34px);line-height:1}.ut-hero.tpass .purpose .typed{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(14px,1.1vw,17px);line-height:1.35;display:-webkit-box;overflow:hidden}.ut-hero.tpass .rp{align-items:center}.ut-hero.tpass .purpose{gap:6px}.ut-hero.tpass .price{font-size:44px;line-height:1}.ut-hero.tpass .status{color:#fbf6f0;letter-spacing:.14em;text-transform:uppercase;background:#17141a;border-radius:4px;align-self:flex-start;padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:11px}@media (width>=901px){.ut-hero.tpass{--nv:410px}.ut-hero.tpass .purpose{flex-basis:360px}}@media (width<=900px){.ut-hero .ut-hero-media.vert{aspect-ratio:9/16;height:auto;max-height:78svh}}.ut-hero .ut-hero-media.embed{background:#f1ece4;padding:0;position:relative;overflow:hidden}.ut-hero .ut-hero-media.embed iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width>=901px){.ut-hero .ut-hero-media.embed{aspect-ratio:16/9;height:auto}}@media (width<=900px){.ut-hero .ut-hero-media.embed{aspect-ratio:9/16;height:auto;max-height:78svh}}
