.cm-home{--cmh-bg:oklch(15% .004 285);--cmh-fg:oklch(96% .012 85);--cmh-muted:oklch(75% .009 85);--cmh-border:oklch(96% .012 85/.16);--cmh-glow:color-mix(in oklab, var(--primary) 30%, transparent);--cmh-glow-strong:color-mix(in oklab, var(--primary) 60%, transparent);background:var(--cmh-bg);color:var(--cmh-fg);font-family:var(--font-display);padding-block:88px;position:relative;overflow:clip}.cm-home-glow{background:radial-gradient(circle, var(--cmh-glow), transparent 65%);filter:blur(70px);pointer-events:none;border-radius:50%;width:640px;height:640px;animation:9s ease-in-out infinite cmh-breathe;position:absolute;top:50%;right:-8%;translate:0 -50%}.cm-home-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;display:grid;position:relative}.cm-home-eyebrow{color:var(--primary);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.cm-home-eyebrow:before{content:"";background:var(--primary);width:20px;height:1px}.cm-home-descriptor{color:var(--cmh-muted);margin-top:14px;font-size:13px;font-weight:600}.cm-home-title{margin-top:16px;font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.05}.cm-home-title em{color:var(--primary);text-shadow:0 0 40px var(--cmh-glow);font-style:normal}.cm-home-text{max-width:520px;color:var(--cmh-muted);margin-top:20px;font-size:15px;line-height:1.8}.cm-home-buttons{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.cm-home-btn{background:var(--primary);min-height:46px;color:var(--cmh-bg);box-shadow:0 8px 30px -8px var(--cmh-glow);border-radius:4px;align-items:center;gap:8px;padding:13px 20px;font-size:12px;font-weight:750;transition:transform .22s,box-shadow .22s,border-color .22s;display:inline-flex}.cm-home-btn:hover{box-shadow:0 12px 40px -6px var(--cmh-glow);transform:translateY(-2px)}.cm-home-btn svg{transition:transform .22s}.cm-home-btn:hover svg{transform:translate(2px,-2px)}.cm-home-btn-ghost{color:var(--cmh-fg);border:1px solid var(--cmh-border);box-shadow:none;background:0 0}.cm-home-btn-ghost:hover{border-color:var(--primary);box-shadow:none}.cm-home-btn:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.cm-home-frames{height:380px;position:relative}.cm-home-frame{aspect-ratio:9/16;border:1px solid color-mix(in oklab, var(--primary) 30%, transparent);width:170px;box-shadow:0 0 50px -12px var(--cmh-glow), 0 20px 60px oklch(0% 0 0/.5);border-radius:6px;transition:border-color .25s,box-shadow .25s;animation:7s ease-in-out infinite cmh-float;position:absolute;top:50%;overflow:hidden}.cm-home-frame:hover{border-color:var(--primary);box-shadow:0 20px 60px oklch(0% 0 0/.5), 0 0 80px var(--cmh-glow-strong)}.cm-home-frame img,.cm-home-frame video{object-fit:cover;background:oklch(15% .004 285);width:100%;height:100%;display:block}.cm-home-frame span{color:var(--cmh-fg);z-index:1;background:oklch(15% .004 285/.75);border-radius:3px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;bottom:10px;left:10px}.cm-home-frame-0{animation:9s ease-in-out infinite cmh-drift-a;left:4%;translate:0 -55%;rotate:-4deg}.cm-home-frame-1{z-index:2;width:190px;animation:12s ease-in-out -3s infinite cmh-drift-b;left:34%;translate:0 -45%}.cm-home-frame-2{animation:10s ease-in-out -5s infinite reverse cmh-drift-a;left:66%;translate:0 -55%;rotate:4deg}@keyframes cmh-drift-a{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(6px,-10px)rotate(1.2deg)}50%{transform:translate(-4px,-16px)rotate(-.6deg)}75%{transform:translate(-8px,-6px)rotate(-1.4deg)}}@keyframes cmh-drift-b{0%,to{transform:translate(0)rotate(0)}30%{transform:translate(-7px,-12px)rotate(-1.3deg)}60%{transform:translate(5px,-18px)rotate(.9deg)}80%{transform:translate(8px,-5px)rotate(1.5deg)}}.cm-home-glow{will-change:transform, opacity;animation:18s ease-in-out infinite cmh-orbit}.cm-home-glow-2{background:radial-gradient(circle, color-mix(in oklab, var(--primary) 18%, transparent), transparent 65%);filter:blur(90px);width:520px;height:520px;animation:24s ease-in-out infinite cmh-orbit-2;top:70%;left:18%;right:auto}.cm-home-glow-3{background:radial-gradient(circle, color-mix(in oklab, var(--primary) 38%, transparent), transparent 62%);filter:blur(80px);width:680px;height:680px;animation:16s ease-in-out infinite cmh-orbit-3;top:42%;left:-14%;right:auto}@keyframes cmh-orbit{0%,to{opacity:.75;transform:translate(0)scale(1)}25%{opacity:1;transform:translate(-120px,-60px)scale(1.15)}50%{opacity:.85;transform:translate(-220px,40px)scale(1.25)}75%{opacity:1;transform:translate(-80px,90px)scale(.95)}}@keyframes cmh-orbit-2{0%,to{opacity:.5;transform:translate(0)scale(1)}33%{opacity:.85;transform:translate(160px,-80px)scale(1.2)}66%{opacity:.6;transform:translate(60px,-160px)scale(.9)}}@keyframes cmh-orbit-3{0%,to{opacity:.8;transform:translate(0)scale(1)}40%{opacity:1;transform:translate(110px,-50px)scale(1.18)}70%{opacity:.65;transform:translate(40px,70px)scale(.94)}}@media (width<=900px){.cm-home{padding-block:64px}.cm-home-grid{grid-template-columns:1fr;gap:36px}.cm-home-frames{justify-content:center;align-items:center;height:auto;min-height:320px;display:flex}.cm-home-frame{width:152px;position:static;translate:none}.cm-home-frame-1{z-index:2;width:168px}.cm-home-frame:not(:last-child){margin-right:-30px}.cm-home-frame-0{rotate:-4deg}.cm-home-frame-1{rotate:3deg}.cm-home-frame-2{rotate:4deg}}@media (width<=480px){.cm-home-frames{min-height:280px}.cm-home-frame{width:138px}.cm-home-frame-1{width:152px}}@media (prefers-reduced-motion:reduce){.cm-home-frame,.cm-home-glow,.cm-home-glow.cm-home-glow-2,.cm-home-glow.cm-home-glow-3{animation:none}.cm-home-wave{display:none}}.cm-home-wave{z-index:5;pointer-events:none;width:0;height:0;position:absolute}.cm-home-wave:before{content:"";background:radial-gradient(circle, color-mix(in oklab, var(--primary) 18%, transparent) 0%, color-mix(in oklab, var(--primary) 6%, transparent) 45%, transparent 70%);filter:blur(10px);border-radius:50%;width:180px;height:180px;animation:1.1s cubic-bezier(.22,1,.36,1) forwards cmh-bloom;position:absolute;top:-90px;left:-90px}.cm-home-wave i{border:1px solid color-mix(in oklab, var(--primary) 60%, transparent);width:20px;height:20px;box-shadow:0 0 10px var(--cmh-glow);opacity:0;filter:blur(.3px);border-radius:50%;animation:1.1s cubic-bezier(.22,1,.36,1) forwards cmh-wave;position:absolute;top:-10px;left:-10px}.cm-home-wave i:nth-child(2){border-width:1px}.cm-home-wave i:nth-child(3){border-width:.6px}@keyframes cmh-wave{0%{opacity:.7;transform:scale(.3)}50%{opacity:.3}to{opacity:0;transform:scale(8)}}@keyframes cmh-bloom{0%{opacity:0;transform:scale(.1)}25%{opacity:1}to{opacity:0;transform:scale(1.1)}}
