.oe-intro{--oe-accent:#bba6ff;isolation:isolate;background:radial-gradient(ellipse 40% 80% at 76% 45%,color-mix(in srgb,var(--oe-accent) 19%,transparent),transparent 80%),#12101e;padding:34px max(22px,50vw - 710px) 30px;position:relative;overflow:hidden}.oe-orb{z-index:-1;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--oe-accent) 27%,transparent);width:65vw;box-shadow:0 0 0 100px color-mix(in srgb,var(--oe-accent) 2%,transparent),0 0 0 220px color-mix(in srgb,var(--oe-accent) 1%,transparent);border-radius:50%;position:absolute;top:-20%;right:-5%}.oe-copy{z-index:1;max-width:750px;position:relative}.oe-kicker,.oe-deco small,.oe-config-note,.oe-demo-label,.oe-demo-placeholder span{font:10px var(--font-mono);letter-spacing:.12em;color:var(--oe-accent)}.oe-copy h1{font:700 clamp(44px,5vw,72px)/.9 var(--font-display);letter-spacing:var(--tracking-display);margin:14px 0 12px}.oe-copy h1 span{color:var(--oe-accent)}.oe-copy>p:not(.oe-config-note,.oe-error){color:#cec6d7;max-width:560px;margin:0;font-size:16px;line-height:1.5}.oe-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.oe-actions button,.oe-demo-placeholder button{border:1px solid color-mix(in srgb,var(--oe-accent) 55%,transparent);cursor:pointer;border-radius:5px;min-height:48px;padding:0 22px}.oe-main-button{background:var(--oe-accent);color:#14101f;align-items:center;gap:30px;font-weight:600;display:flex}.oe-main-button:disabled{opacity:.5;cursor:not-allowed}.oe-main-button span{font-size:19px}.oe-secondary-button{color:#e9e4f0;background:#ffffff0b}.oe-secondary-button span{margin-left:20px}.oe-actions button:not(:disabled):hover{box-shadow:0 14px 36px color-mix(in srgb,var(--oe-accent) 18%,transparent);transform:translateY(-2px)}.oe-config-note{color:#918ca1;letter-spacing:0;max-width:490px;margin-top:14px;line-height:1.55}.oe-error{color:#ffad9f}.oe-deco{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--oe-accent) 39%,transparent);width:260px;box-shadow:inset 0 0 80px color-mix(in srgb,var(--oe-accent) 9%,transparent),0 0 100px color-mix(in srgb,var(--oe-accent) 7%,transparent);border-radius:50%;place-items:center;margin-top:-130px;display:grid;position:absolute;top:50%;right:8%;transform:rotate(-14deg)}.oe-deco:before,.oe-deco:after{content:"";border:1px dashed color-mix(in srgb,var(--oe-accent) 35%,transparent);border-radius:50%;position:absolute;inset:12%}.oe-deco:after{box-shadow:0 0 50px color-mix(in srgb,var(--oe-accent) 17%,transparent);border-style:solid;inset:27%}.oe-deco strong{font:120px var(--font-display);color:var(--oe-accent);text-shadow:0 0 55px color-mix(in srgb,var(--oe-accent) 48%,transparent)}.oe-deco>span{font:12px var(--font-mono);color:var(--oe-accent);position:absolute;top:12%;left:10%}.oe-deco small{position:absolute;bottom:8%;right:5%}.oe-demo-label{color:#a99ebb;border-bottom:1px solid #ffffff1c;justify-content:space-between;gap:15px;padding:12px max(22px,50vw - 710px);scroll-margin-top:0;display:flex}.oe-demo-placeholder{background:radial-gradient(circle,#302348,#0f0e1c 65%);flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:360px;display:flex}.oe-demo-placeholder button{color:#10101c;background:#c8b6ff}.oe-demo-placeholder button:hover{filter:brightness(1.15)}@media (max-width:1100px){.oe-deco{opacity:.32;right:-10%}}@media (max-width:650px){.oe-intro{padding-top:26px}.oe-copy h1{font-size:clamp(40px,12vw,56px)}.oe-copy>p:not(.oe-config-note,.oe-error){font-size:15px}.oe-deco{opacity:.17;width:260px;top:20%;right:-25%}.oe-demo-label{flex-wrap:wrap;font-size:8px}}
