.perks-page{--perk-green:var(--accent-green,#3fb950);--perk-blue:#8fc7ff;--perk-yellow:#f2d675;--perk-orange:#ffad78;--perk-card:#10161deb;--perk-border:#99abb933;--perk-muted:#aab5bf;z-index:1;width:min(1160px,100% - 3rem);margin:0 auto;padding:76px 0 100px;position:relative}.perks-header{border-bottom:1px solid var(--perk-border);text-align:left;margin:0 0 42px;padding:0 0 34px;position:relative}.perks-header:after{background:linear-gradient(90deg, var(--perk-green), var(--perk-blue), transparent);content:"";width:min(220px,42%);height:2px;position:absolute;bottom:-1px;left:0}.perks-page .perks-header h1{max-width:760px;color:var(--text-heading);letter-spacing:-.045em;margin:0 0 16px;font-size:clamp(3rem,6vw,5rem);font-weight:850;line-height:1.02}.perks-page .perks-header h1 span{color:var(--perk-green)}.perks-hero-copy{max-width:760px}.perks-subtitle{color:var(--perk-green);font-family:var(--font-mono);margin:0 0 14px;font-size:.9rem;line-height:1.6}.perks-intro{max-width:620px;color:var(--perk-muted);margin:0;font-size:1.05rem;line-height:1.7}.perks-hero-link{color:var(--text-heading);align-items:center;gap:.55rem;margin-top:22px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.perks-hero-link svg,.perks-hero-link:hover{color:var(--perk-green)}.perks-hero-link:focus-visible{outline:var(--control-focus);outline-offset:var(--control-focus-offset)}.perks-grid{counter-reset:perk;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.perks-grid>.perk-card{--perk-accent:var(--perk-green);border:1px solid var(--perk-border);background:linear-gradient(135deg, color-mix(in srgb, var(--perk-accent) 7%, transparent), transparent 48%), var(--perk-card);counter-increment:perk;border-radius:10px;flex-direction:column;min-width:0;padding:18px;transition:border-color .2s,box-shadow .2s,transform .2s;animation:.5s both perk-arrive;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 36px #00000029}.perks-grid>.perk-card:last-child:nth-child(odd){grid-column:1/-1}.perks-grid>.perk-card:nth-child(4n+2){--perk-accent:var(--perk-blue)}.perks-grid>.perk-card:nth-child(4n+3){--perk-accent:var(--perk-yellow)}.perks-grid>.perk-card:nth-child(4n+4){--perk-accent:var(--perk-orange)}.perks-grid>.perk-card:before{background:linear-gradient(90deg, var(--perk-accent), transparent 78%);height:2px;box-shadow:0 0 16px color-mix(in srgb, var(--perk-accent) 45%, transparent);content:"";position:absolute;top:0;left:24px;right:24px}.perks-grid>.perk-card:after{content:none}.perk-card-meta{border-bottom:1px solid var(--perk-border);justify-content:space-between;align-items:flex-start;gap:12px;min-height:30px;padding:0 2px 12px;display:flex}.perk-file{min-width:0;color:var(--perk-accent);font-family:var(--font-mono);overflow-wrap:anywhere;margin:0;font-size:.75rem;line-height:1.5;display:block}.perk-index{color:var(--perk-accent);font-family:var(--font-mono);opacity:.8;flex:none;font-size:.75rem}.perk-index:before{content:"0" counter(perk)}.perk-card-grid{flex-direction:column;flex:1;gap:10px;padding-top:12px;display:flex}.perk-main-grid{flex:none;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px;min-height:220px;display:grid}.perk-bottom-grid{flex:1;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px;transition:grid-template-columns .42s cubic-bezier(.2,.75,.25,1);display:grid}.perk-bottom-grid:has(.perk-details.is-open){grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.perk-intro,.perk-category,.perk-benefits,.perk-details{border:1px solid color-mix(in srgb, var(--perk-border) 85%, transparent);background:#ffffff05;border-radius:7px;min-width:0;min-height:0;padding:15px}.perk-category{color:var(--text-heading);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:14px;font-size:.9rem;font-weight:650;line-height:1.4;display:flex}.perk-tile-label{color:var(--perk-accent);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:600}.perk-benefits ul{color:var(--perk-muted);gap:7px;margin:10px 0 0;padding-left:17px;font-size:.82rem;line-height:1.5;display:grid}.perk-benefits li::marker{color:var(--perk-accent)}.perks-page .perk-card h2{color:var(--text-heading);letter-spacing:0;text-wrap:balance;margin:0 0 10px;font-size:1.55rem;font-weight:750;line-height:1.2}.perk-desc{color:var(--text-body);margin:0;font-size:.96rem;line-height:1.65}.perk-details{color:var(--perk-muted);flex-direction:column;margin:0;font-size:.88rem;display:flex}.perk-details-summary{width:100%;min-height:44px;color:var(--text-heading);cursor:pointer;font:inherit;text-align:left;transition:color var(--control-transition);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;font-weight:650;display:flex}.perk-details-summary:hover{color:var(--text-heading)}.perk-details-summary:hover .perk-details-icon{border-color:color-mix(in srgb, var(--perk-accent) 45%, var(--perk-border))}.perk-details-icon{border:1px solid var(--perk-border);border-radius:50%;flex:0 0 24px;width:24px;height:24px;transition:border-color .25s,background-color .25s;display:block;position:relative}.perk-details-icon:before,.perk-details-icon:after{background:var(--perk-accent);content:"";border-radius:2px;width:9px;height:1.5px;transition:transform .28s cubic-bezier(.2,.75,.25,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.perk-details-icon:after{transform:translate(-50%,-50%)rotate(90deg)}.perk-details.is-open .perk-details-icon{border-color:var(--perk-accent);background:color-mix(in srgb, var(--perk-accent) 9%, transparent)}.perk-details.is-open .perk-details-icon:before{transform:translate(-50%,-50%)rotate(45deg)}.perk-details.is-open .perk-details-icon:after{transform:translate(-50%,-50%)rotate(135deg)}.perk-details-panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .36s cubic-bezier(.2,.75,.25,1),opacity .22s;display:grid}.perk-details.is-open .perk-details-panel{opacity:1;grid-template-rows:1fr}.perk-details-content{min-height:0;transition:transform .36s cubic-bezier(.2,.75,.25,1);overflow:hidden;transform:translateY(-5px)}.perk-details-content h3{margin-top:12px}.perk-details.is-open .perk-details-content{transform:translateY(0)}.perk-details-summary:focus-visible{outline:var(--control-focus);outline-offset:var(--control-focus-offset)}.perk-details h3{color:var(--perk-accent);font-family:var(--font-mono);text-transform:uppercase;margin:12px 0 6px;font-size:.75rem;font-weight:600}.perk-details ul,.perk-details ol{gap:5px;margin:0;padding-left:20px;line-height:1.55;display:grid}.perk-details li::marker{color:var(--perk-accent)}.perk-btn{border:1px solid color-mix(in srgb, var(--perk-accent) 55%, transparent);border-radius:var(--control-radius);background:color-mix(in srgb, var(--perk-accent) 12%, transparent);min-height:44px;color:var(--text-heading);transition:transform var(--control-transition), background-color var(--control-transition), border-color var(--control-transition), box-shadow var(--control-transition);justify-content:space-between;align-self:stretch;align-items:center;gap:20px;margin-top:12px;padding:0 16px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.perk-btn:after{color:var(--perk-accent);content:"->";font-family:var(--font-mono)}.perk-btn:hover{border-color:var(--perk-accent);background:color-mix(in srgb, var(--perk-accent) 20%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--perk-accent) 17%, transparent);transform:translateY(-2px)}.perk-btn:active{box-shadow:none;transform:translateY(1px)scale(.98)}.perk-btn:focus-visible{outline:var(--control-focus);outline-offset:var(--control-focus-offset)}.perks-note{border-left:2px solid var(--perk-blue);width:100%;color:var(--perk-muted);background:#8fc7ff0d;margin:32px auto 0;padding:16px 20px;font-size:.84rem;line-height:1.65}@keyframes perk-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.perks-grid>.perk-card:nth-child(2){animation-delay:50ms}.perks-grid>.perk-card:nth-child(3){animation-delay:.1s}.perks-grid>.perk-card:nth-child(4){animation-delay:.15s}.perks-grid>.perk-card:nth-child(5){animation-delay:.2s}.perks-grid>.perk-card:nth-child(6){animation-delay:.25s}.perks-grid>.perk-card:nth-child(7){animation-delay:.3s}@media (hover:hover){.perks-grid>.perk-card:hover,.perks-grid>.perk-card:focus-within{border-color:color-mix(in srgb, var(--perk-accent) 55%, var(--perk-border));box-shadow:0 20px 44px #00000047, 0 0 28px color-mix(in srgb, var(--perk-accent) 10%, transparent);transform:translateY(-3px)}}@media (max-width:760px){.perks-page{width:calc(100% - 2rem);padding:52px 0 72px}.perks-header{margin-bottom:28px}.perks-page .perks-header h1{font-size:clamp(2.7rem,12vw,3.5rem)}.perks-grid{grid-template-columns:1fr;gap:14px}.perks-grid>.perk-card{padding:16px}.perk-main-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media (max-width:430px){.perk-main-grid,.perk-bottom-grid{grid-template-columns:1fr}.perk-main-grid{min-height:0}.perk-bottom-grid:has(.perk-details.is-open){grid-template-columns:1fr}.perk-category{flex-direction:row;align-items:center}}@media (prefers-reduced-motion:reduce){.perks-grid>.perk-card,.perk-btn,.perk-details-icon,.perk-details-icon:before,.perk-details-icon:after,.perk-bottom-grid,.perk-details-panel,.perk-details-content{transition:none;animation:none}}
