.cobrand-main{max-width:var(--max);margin:auto;padding:70px 30px 130px}.cobrand-hero{min-height:720px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.cobrand-hero h1{font-size:clamp(4rem,7vw,9rem);line-height:.82;letter-spacing:-.07em;margin:12px 0 28px}.cobrand-hero h1 em{font-style:normal;color:var(--accent)}.cobrand-hero>div:first-child>p:not(.section-label){font-size:1.13rem;color:#a8b0bc;max-width:650px}.brand-stage{height:650px;display:grid;place-items:center;position:relative;perspective:1500px}.brand-stage:before{content:"";position:absolute;width:86%;height:45%;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%;transform:rotateX(72deg);box-shadow:0 0 80px color-mix(in srgb,var(--accent) 12%,transparent)}.brand-window{width:82%;height:65%;border:10px solid #242a37;border-radius:22px;background:#0f131b;box-shadow:var(--shadow);transform:rotateY(-11deg) rotateX(3deg);overflow:hidden}.brand-window-head{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-window-head span{font-size:1.35rem;font-weight:950}.brand-window-head small{color:#8e97a5}.brand-window-body{height:calc(100% - 70px);display:flex;align-items:end;justify-content:center;gap:17px;padding:45px;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 55%)}.demo-book{width:27%;aspect-ratio:.69;border-radius:4px 10px 10px 4px;box-shadow:0 28px 42px rgba(0,0,0,.5);transform-origin:bottom}.demo-book.one{background:linear-gradient(135deg,#5543cc,#f567ad);transform:rotate(-8deg)}.demo-book.two{background:linear-gradient(135deg,#ffbe3d,#ff675c);transform:translateY(-30px)}.demo-book.three{background:linear-gradient(135deg,#19b893,#497cff);transform:rotate(8deg)}.brand-chip{position:absolute;padding:9px 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(8,10,15,.75);backdrop-filter:blur(14px);font-size:.67rem;font-weight:950;letter-spacing:.12em}.chip-a{left:2%;top:22%}.chip-b{right:3%;top:16%}.chip-c{left:5%;bottom:15%}.chip-d{right:2%;bottom:22%;color:var(--accent)}.cobrand-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:80px 0 150px}.cobrand-options article{min-height:370px;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:25px;background:rgba(255,255,255,.035);display:flex;flex-direction:column}.cobrand-options article>span{color:var(--accent);font-weight:950}.cobrand-options h2{font-size:2.3rem;line-height:.94;margin-top:auto}.cobrand-options p{color:#9fa8b5}.request-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.request-copy h2{font-size:clamp(3rem,5vw,6.3rem);line-height:.88;letter-spacing:-.055em;margin:10px 0 25px}.request-copy>p:not(.section-label){color:#a4acb8}.request-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px}.request-facts div{border-top:1px solid rgba(255,255,255,.14);padding-top:9px}.request-facts b,.request-facts span{display:block}.request-facts span{color:#8f98a5;font-size:.7rem}#cobrandForm{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(255,255,255,.035)}#cobrandForm label{display:grid;gap:6px}#cobrandForm label:nth-of-type(5),#cobrandForm label:nth-of-type(6),#cobrandForm .consent,#cobrandForm button,#formState{grid-column:1/-1}#cobrandForm label>span{font-size:.73rem;color:#a1a9b5}#cobrandForm input,#cobrandForm select,#cobrandForm textarea{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#171a24;color:white;padding:12px;resize:vertical}.consent{grid-template-columns:auto 1fr!important;align-items:start}.consent input{width:auto!important;margin-top:5px}@media(max-width:900px){.cobrand-main{padding-left:17px;padding-right:17px}.cobrand-hero,.request-section{grid-template-columns:1fr}.brand-stage{height:520px}.cobrand-options{grid-template-columns:1fr}}@media(max-width:560px){.cobrand-hero h1{font-size:4.3rem}.brand-window{width:96%}.cobrand-options{margin-bottom:100px}#cobrandForm{grid-template-columns:1fr;padding:19px}#cobrandForm label{grid-column:1/-1}.request-facts{grid-template-columns:1fr}}
