.s-features{background:radial-gradient(ellipse 80% 400px at 50% 0%,rgba(61,143,207,.06) 0%,transparent 70%),var(--c-black);padding:var(--sp-section) 0 0;position:relative}.s-features .features-header{text-align:center;margin-bottom:64px}.s-features .features-header .t-label{color:var(--c-text-dim-dark);margin-bottom:16px;display:block}.s-features .features-header .t-h2{color:var(--c-white)}.features-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f0fe0;z-index:2;opacity:0;pointer-events:none;transition:opacity var(--dur-normal) var(--ease)}.s-features.has-expanded .features-scrim{opacity:1;pointer-events:all}.features-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:16px;position:relative}.features-grid .feature-card:nth-child(1){grid-column:span 5}.features-grid .feature-card:nth-child(2){grid-column:span 4}.features-grid .feature-card:nth-child(3){grid-column:span 4}.features-grid .feature-card:nth-child(4){grid-column:span 5}.features-grid .feature-card{background:var(--c-dark-surface);border-radius:var(--r-xl);border:1px solid rgba(255,255,255,.07);overflow:hidden;position:relative;transition:box-shadow var(--dur-normal) var(--ease),border-color var(--dur-normal) var(--ease);display:flex;flex-direction:column}.features-grid .feature-card:hover{border-color:#ffffff24}.features-grid .feature-card.is-expanded{z-index:3;border-color:transparent;border-top:2px solid var(--c-blue);box-shadow:0 32px 80px #0009,0 0 0 1px #3d8fcf33}.features-grid .feature-card-img{height:260px;flex-shrink:0;overflow:hidden;background:var(--c-black);position:relative}.features-grid .feature-card-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,var(--c-dark-surface) 100%);pointer-events:none}.features-grid .feature-card-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease)}.features-grid .feature-card:hover .feature-card-img img{transform:scale(1.03)}.features-grid .feature-card-body{padding:28px 28px 24px;position:relative;flex-shrink:0}.features-grid .feature-card h3{font-size:clamp(17px,1.6vw,20px);font-weight:500;letter-spacing:-.025em;color:var(--c-text-on-dark);margin-bottom:8px;line-height:1.2}.features-grid .feature-card-summary{font-size:var(--t-sm);line-height:1.65;color:var(--c-text-dim-dark);padding-right:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.features-grid .feature-card-toggle{position:absolute;top:24px;right:24px;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--c-border-dark);background:#ffffff0f;color:var(--c-text-on-dark);font-size:20px;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-normal) var(--ease);flex-shrink:0;padding:0;font-family:var(--f-sans)}.features-grid .feature-card-toggle:hover{background:#3d8fcf26;border-color:var(--c-blue);color:var(--c-white)}.features-grid .feature-card.is-expanded .feature-card-toggle{transform:rotate(45deg)}.features-grid .feature-card-extra{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(0,0,.2,1);flex-shrink:0}.features-grid .feature-card.is-expanded .feature-card-extra{grid-template-rows:1fr}.features-grid .feature-card-extra-inner{overflow:hidden;padding:0 28px}.features-grid .feature-card.is-expanded .feature-card-extra-inner{padding-bottom:28px}.fce-body,.feature-card-extra-inner p{font-size:var(--t-sm);font-weight:300;line-height:1.75;color:var(--c-text-dim-dark);margin-bottom:16px;border-top:1px solid var(--c-border-dark);padding-top:20px;margin-top:4px}.fce-list,.feature-card-extra-inner ul{list-style:none;display:flex;flex-direction:column;gap:10px}.fce-list li,.feature-card-extra-inner ul li{font-size:var(--t-xs);color:var(--c-text-dim-dark);line-height:1.65;padding-left:14px;position:relative}.fce-list li:before,.feature-card-extra-inner ul li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:2px;background:var(--c-blue)}.features-grid .feature-card-num{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-blue);display:block;margin-bottom:6px}.features-modes-sub{margin-top:clamp(48px,6vw,80px);width:100vw;margin-left:calc(50% - 50vw);background:var(--c-dark-surface);padding:clamp(48px,6vw,80px) clamp(24px,4vw,80px)}.features-modes-sub .modes-header{text-align:center;margin-bottom:24px;max-width:860px;margin-left:auto;margin-right:auto}.features-modes-sub .modes-header .t-h2{color:var(--c-white);margin-bottom:0}.modes-layout{display:flex;flex-direction:column;gap:16px;max-width:860px;margin:0 auto}.modes-tabs-col{display:flex;flex-direction:row;justify-content:center;gap:8px;width:100%}.modes-tab{padding:0 28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--c-border-dark);border-radius:var(--r-lg);background:var(--c-dark-surface);color:var(--c-text-dim-dark);font-family:var(--f-sans);font-size:var(--t-sm);font-weight:400;letter-spacing:-.01em;cursor:pointer;transition:background var(--dur-normal) var(--ease),color var(--dur-normal) var(--ease),border-color var(--dur-normal) var(--ease);text-align:center;white-space:nowrap;min-height:48px;min-width:96px}.modes-tab.is-active{background:#3d8fcf1a;color:var(--c-white);border-color:#3d8fcf80}.modes-tab:hover:not(.is-active){background:#ffffff0a;color:#f5f4f0a6}.modes-panels{width:100%;border-radius:var(--r-xl);border:1px solid rgba(255,255,255,.07);overflow:hidden;position:relative;background:var(--c-dark-surface)}.mode-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;opacity:0;transition:opacity var(--dur-slow) var(--ease);pointer-events:none}.mode-panel.is-active{opacity:1;position:relative;pointer-events:all}.mode-panel-img{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:linear-gradient(135deg,rgba(61,143,207,.05) 0%,var(--c-black) 100%);min-height:300px}.mode-panel-img img{max-height:280px;max-width:100%;width:auto;object-fit:contain;transition:opacity var(--dur-normal) var(--ease)}.mode-panel-copy{width:280px;flex-shrink:0;padding:36px 32px;display:flex;flex-direction:column;justify-content:space-between;background:var(--c-dark-alt);border-left:1px solid var(--c-border-dark)}.mode-panel-copy-top{display:flex;flex-direction:column;gap:0}.mode-panel-name{font-size:clamp(40px,4.5vw,56px);font-weight:200;letter-spacing:-.05em;color:var(--c-white);line-height:.95;margin-bottom:18px}.mode-panel-desc{font-size:var(--t-sm);line-height:1.75;color:var(--c-text-dim-dark);font-weight:300}.mode-panel-eyebrow{font-size:var(--t-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-blue);display:block;margin-top:auto;padding-top:24px}.mode-panel-spec,.mode-panel-label{display:none}@media(max-width:1024px){.features-grid{grid-template-columns:1fr 1fr}.features-grid .feature-card:nth-child(n){grid-column:span 1}.modes-tab{min-width:80px;padding:0 20px}.mode-panel{flex-direction:column}.mode-panel-copy{width:100%;padding:28px 24px;border-left:none;border-top:1px solid var(--c-border-dark)}.mode-panel-img{padding:32px;min-height:240px}}@media(max-width:768px){.features-grid{grid-template-columns:1fr}.features-grid .feature-card:nth-child(n){grid-column:span 1}.modes-tabs{gap:2px}.modes-tab{padding:8px 16px;font-size:13px}}@media(max-width:480px){.mode-panel-img{padding:20px}.mode-panel-img img{max-height:200px}.mode-panel-copy{padding:20px 16px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/features-cards-modes.css.map */