.feature-page .feature-hero{isolation:isolate;gap:54px;padding-block:56px 90px;position:relative}.feature-weave{width:100vw;height:980px;top:-60px;left:calc(50% - 50vw);-webkit-mask-image:radial-gradient(110% 70% at 50% 24%,#000 28%,#0000 76%);mask-image:radial-gradient(110% 70% at 50% 24%,#000 28%,#0000 76%)}.feature-weave:after{content:"";background:radial-gradient(40% 34% at 30% 26%,#0c1915db,#0c19154d 64%,#0000 100%);position:absolute;inset:0}.feature-page .feature-detail-copy h1{color:var(--heading);text-shadow:0 2px 30px #060e0b80}.feature-page .feature-detail-copy>.eyebrow{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#15291f8c;border-radius:999px;gap:10px;width:fit-content;padding:8px 16px 8px 13px;display:inline-flex;box-shadow:0 8px 26px -14px #000c}.feature-page .feature-detail-copy>.eyebrow>span{background:var(--mint);border-radius:50%;width:7px;height:7px;animation:2.8s ease-out infinite eyebrow-pulse}.feature-page .feature-detail-copy>p:last-of-type{color:#c8d9ce}.feature-page .feature-detail-actions{flex-wrap:wrap;gap:14px}.feature-highlights{margin:26px 0 0;padding:0;list-style:none}.feature-stage{isolation:isolate;position:relative}.feature-stage-glow{z-index:-1;filter:blur(42px);pointer-events:none;background:radial-gradient(58% 55% at 50% 45%,#9ee9c447,#9ee9c40d 60%,#0000 75%);border-radius:48px;position:absolute;inset:8% 3% -6%}.feature-page .feature-detail-media{aspect-ratio:16/9;background:#0b1511;border-color:#9ee9c43d;border-radius:16px;box-shadow:0 60px 120px -50px #000000f2,0 0 0 1px #9ee9c414,0 0 90px -30px #9ee9c459}@media (min-width:1101px){.feature-page .feature-detail-media{transform-origin:50% 0;transition:transform .7s var(--ease-out);transform:perspective(2400px)rotateX(6deg)scale(.97)}.feature-stage:is(:hover,:focus-within) .feature-detail-media{transform:none}@supports (animation-timeline:view()){.feature-page .feature-detail-media{animation:linear both feature-settle;animation-timeline:view();animation-range:entry cover 40%}}}@keyframes feature-settle{0%{transform:perspective(2400px)rotateX(10deg)scale(.95)}to{transform:none}}.feature-updates>.editorial-heading,.feature-shots>.editorial-heading{margin-bottom:40px}.feature-cta h2{color:var(--heading);letter-spacing:-.045em;margin:18px 0 0;font-size:clamp(32px,3.6vw,52px);font-weight:500;line-height:1.1}.feature-page .feature-detail-capabilities h2,.feature-page .feature-detail-surfaces h2,.feature-page .feature-detail-flow h2{color:var(--heading)}.feature-updates{isolation:isolate;padding-block:70px 50px;position:relative}.feature-updates:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(45% 50% at 16% 20%,#9ee9c414,#0000 70%),linear-gradient(90deg,#0000,#9ee9c438,#0000) top/100% 1px no-repeat;width:100vw;height:100%;position:absolute;top:0;left:calc(50% - 50vw)}.feature-update-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-update-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-update-grid article{isolation:isolate;transition:opacity .8s var(--ease-out), translate .8s var(--ease-out), transform .38s var(--ease-out), border-color .3s ease, box-shadow .38s ease;background:linear-gradient(#1b33279e,#0f1f18eb);border:1px solid #a3e8bf24;border-radius:16px;padding:30px 28px 32px;position:relative;box-shadow:inset 0 1px #ffffff0a,0 30px 60px -42px #000000d9}.feature-update-grid article:before{z-index:-1;border-radius:inherit;content:"";pointer-events:none;background:radial-gradient(420px 200px at 10% 0,#9ee9c41f,#0000 70%);position:absolute;inset:0}.feature-update-grid article:hover{border-color:#9ee9c457;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff0f,0 40px 70px -40px #000000e6,0 20px 60px -40px #9ee9c44d}.feature-update-grid article>span{width:40px;height:40px;color:var(--mint);font-family:var(--font-geist-mono), monospace;background:#13291f;border:1px solid #9ee9c473;border-radius:50%;place-items:center;font-size:13px;display:inline-grid;box-shadow:0 0 22px #9ee9c440}.feature-update-grid h3{color:var(--heading);letter-spacing:-.02em;margin:22px 0 0;font-size:22px;font-weight:560;line-height:1.2}.feature-update-grid p{color:#c2d4c8;margin:12px 0 0;font-size:16px;line-height:1.7}.feature-shots{padding-block:60px 40px}.feature-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.feature-shot{min-width:0;margin:0}.feature-shot-grid:not(.count-2)>.feature-shot-lead{grid-column:1/-1}.feature-shot-grid.count-2{grid-template-columns:1.35fr 1fr;align-items:start}.feature-shot-frame{border:1px solid var(--line-strong);transition:transform .5s var(--ease-out), box-shadow .5s ease, border-color .3s ease;background:#0b1511;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 30px 70px -36px #000000e6,0 0 0 1px #9ee9c40d}.feature-shot-frame img{width:100%;height:auto;display:block}.feature-shot-frame:hover{border-color:#9ee9c466;transform:translateY(-4px);box-shadow:0 40px 80px -40px #000000f2,0 24px 70px -40px #9ee9c44d}.feature-shot figcaption{color:#c2d4c8;margin-top:14px;font-size:15px;line-height:1.6}.feature-cta{isolation:isolate;text-align:center;background:radial-gradient(80% 120% at 50% 0,#9ee9c429,#0000 60%),linear-gradient(120deg,#1f3c2d,#0f2219);border:1px solid #9ee9c452;border-radius:18px;margin-block:30px 10px;padding:78px 30px;position:relative;overflow:hidden;box-shadow:0 50px 100px -50px #000000e6,inset 0 1px #ffffff0d}.feature-cta-weave{inset:0;-webkit-mask-image:radial-gradient(70% 80%,#0000 20%,#000 85%);mask-image:radial-gradient(70% 80%,#0000 20%,#000 85%)}.feature-cta .eyebrow{justify-content:center}.feature-cta h2 em{color:var(--mint);text-shadow:0 0 38px #9ee9c442;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.feature-cta>p:not(.eyebrow){color:#d3e2d8;max-width:620px;margin:18px auto 0;font-size:18px;line-height:1.6}.feature-cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}@media (max-width:900px){.feature-update-grid,.feature-update-grid.count-4,.feature-shot-grid,.feature-shot-grid.count-2{grid-template-columns:1fr}.feature-page .feature-hero{gap:36px;padding-block:34px 56px}.feature-weave{height:760px}}@media (max-width:600px){.feature-page .feature-detail-actions .button{width:100%}.feature-cta{padding:54px 20px}.feature-cta-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){.feature-page .feature-detail-media{animation:none!important;transform:none!important}.feature-page .feature-detail-copy>.eyebrow>span{animation:none!important}.feature-update-grid article:hover,.feature-shot-frame:hover{transform:none!important}}
