@layer components{.octa{background:var(--grid), var(--color-paper);padding:100px 24px 76px}.octa__panel{max-width:1200px;margin:0 auto}.octa__panel:before{inset:8px 4px 0;box-shadow:0 28px 40px -20px #14287866,0 2px 4px #1e2a441a}.octa__paper{color:#fff;background-color:var(--color-cobalt);background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(168.7deg,#2f5bff 0 65.8%,#ffffff38 65.85% 65.95%,#2a52ee 66% 100%);background-size:96px 96px,96px 96px,24px 24px,24px 24px,100% 100%;grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:center;gap:48px;min-height:464px;padding:56px;display:grid;position:relative}.octa__title{max-width:440px;font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(38px,3.8vw,52px);font-weight:700;line-height:1.08}.octa__lede{color:#ffffffd1;max-width:400px;margin-top:26px;font-size:17px;line-height:26px}.octa__prompt{justify-self:end;margin-top:-8px}.octa__star{filter:drop-shadow(0 4px 4px #0a145059);width:42px;height:42px;position:absolute;bottom:56px;left:52px;transform:rotate(10deg)}@media (max-width:1100px){.octa__paper{grid-template-columns:1fr;justify-items:start;gap:40px;padding:56px 56px 112px}.octa__prompt{justify-self:stretch;width:100%;max-width:560px;margin-top:0}}@media (max-width:640px){.octa{padding:72px 16px 56px}.octa__paper{padding:44px 20px 96px}.octa__star{bottom:28px;left:24px}}}