.s10-features *,.s10-features ::before,.s10-features ::after{box-sizing: border-box;}
.s10-features{--midnight: #13213C; --midnight-2: #1C2E52; --amber: #F3A530; --amber-hover: #F6B652; --amber-soft: #FCEBC6; --amber-deep: #B8760F; --amber-ink: #8A5608; --paper: #F2F4F7; --surface: #FFFFFF; --ink: #13213C; --text: #28334A; --muted: #5A6579; --line: #D9DFE8; --on-dark: #E9EDF4; --on-dark-muted: #A9B4C8; --line-dark: rgba(233,237,244,.16); --font: "Commissioner",Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif; --r-panel: 16px; --r-tile: 22px; --wrap: 1240px; --gutter: clamp(20px,4vw,40px); --focus: var(--midnight); --check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.5 10.5l4 4L16.5 5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
html{text-size-adjust: 100%;}
@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth;}}
.s10-features{margin: 0px; background: var(--paper); color: var(--text); font: 400 17px/1.6 var(--font); -webkit-font-smoothing: antialiased;}
.s10-features [hidden]{display: none !important;}
.no-js .s10-features .js-only{display: none !important;}
.s10-features h1,.s10-features h2,.s10-features h3{font-family: var(--font); font-variation-settings: "FLAR" 45; text-wrap: balance;}
.s10-features p{text-wrap: pretty;}
.s10-features a{color: inherit;}
.s10-features :focus-visible{outline: 3px solid var(--focus); outline-offset: 3px; border-radius: 4px;}
.s10-features .on-dark{--focus: var(--amber);}
.s10-features [data-feature]:focus{outline: none;}
.s10-features .sr-only{width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important;}


.s10-features .wrap{max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter);}









.s10-features .hero{background: var(--midnight); color: var(--on-dark); padding: clamp(48px, 6.5vw, 96px) 0px clamp(64px, 8vw, 112px);}
.s10-features .hero h1{margin: 0px 0px 24px; max-width: 1000px; color: rgb(255, 255, 255); font-size: clamp(38px, 5.6vw, 74px); line-height: 1.03; letter-spacing: -0.025em; font-weight: 780;}
.s10-features .lead{margin: 0px 0px 48px; max-width: 60ch; color: var(--on-dark-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.55;}
.s10-features .search{max-width: 820px; scroll-margin-top: 16px;}
.s10-features .search-label{display: block; margin: 0px 0px 12px; color: rgb(255, 255, 255); font-weight: 650; font-size: 17px;}
.s10-features .search-field{position: relative;}
.s10-features .search-icon{position: absolute; left: 22px; top: 32px; width: 24px; height: 24px; transform: translateY(-50%); color: var(--muted); pointer-events: none;}
.s10-features #q{display: block; width: 100%; height: 64px; margin: 0px; padding: 0px 20px 0px 60px; border: 0px; border-radius: 14px; background: rgb(255, 255, 255); color: var(--ink); font: 500 20px/1.2 var(--font); appearance: none;}
.s10-features #q::placeholder{color: var(--muted); opacity: 1;}
.s10-features #q:focus{outline: 3px solid var(--amber); outline-offset: 3px;}
.s10-features #q::-webkit-search-cancel-button{cursor: pointer;}
.s10-features .search-hint{margin: 12px 0px 0px; color: var(--on-dark-muted); font-size: 15px;}
.s10-features .chips{display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 22px 0px 0px;}
.s10-features .chips-label{margin-right: 2px; color: var(--on-dark-muted); font-size: 15px;}
.s10-features .chip{appearance: none; padding: 7px 15px; border: 1px solid rgba(233, 237, 244, 0.3); border-radius: 999px; background: transparent; color: var(--on-dark); font: 500 15px/1.2 var(--font); cursor: pointer;}
.s10-features .chip:hover{border-color: var(--amber); color: rgb(255, 255, 255);}
.s10-features .results{position: absolute; left: 0px; right: 0px; top: calc(100% + 10px); z-index: 40; overflow: hidden; border-radius: 14px; background: rgb(255, 255, 255); color: var(--text); box-shadow: rgba(5, 12, 28, 0.55) 0px 24px 64px -16px, rgba(5, 12, 28, 0.22) 0px 2px 8px; --focus: var(--midnight);}
.s10-features .results ul{list-style: none; margin: 0px; padding: 8px; max-height: min(60vh, 560px); overflow: auto; overscroll-behavior: contain;}
.s10-features .opt{display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 2px 16px; padding: 12px 14px; border-radius: 10px; cursor: pointer;}
.s10-features .opt:hover{background: var(--paper);}
.s10-features .opt[aria-selected="true"]{background: var(--paper); box-shadow: inset 3px 0 0 var(--amber-deep);}
.s10-features .r-title{color: var(--ink); font-weight: 650; font-size: 17px; line-height: 1.35;}
.s10-features .r-sec{align-self: start; padding-top: 3px; color: var(--muted); font-size: 13.5px; white-space: nowrap;}
.s10-features .r-desc{grid-column: 1 / -1; overflow: hidden; color: var(--muted); font-size: 14.5px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap;}
.s10-features .opt-all{display: block; margin-top: 6px; padding-top: 14px; border-top: 1px solid var(--line); border-radius: 0px 0px 10px 10px; color: var(--ink); font-weight: 650;}
.s10-features .results-empty{margin: 0px; padding: 18px 20px; font-size: 16px;}
.s10-features .results-empty a{color: var(--ink); font-weight: 650;}
.s10-features mark{padding: 0px 1px; border-radius: 3px; background: var(--amber-soft); color: inherit;}
.s10-features .features{padding: 0px 0px 104px;}
.s10-features .features > .wrap{display: grid; grid-template-columns: 232px minmax(0px, 1fr); gap: 56px; align-items: start;}
.s10-features .rail{position: sticky; top: 24px; margin-top: 56px; max-height: calc(-48px + 100vh); overflow: auto; padding-bottom: 8px;}
.s10-features .rail-h{margin: 0px 0px 14px; color: var(--muted); font-size: 15px; font-weight: 700; font-variation-settings: normal;}
.s10-features .rail ol{list-style: none; margin: 0px; padding: 0px; border-left: 1px solid var(--line);}
.s10-features .rail ol a{display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-left: -1px; padding: 7px 0px 7px 16px; border-left: 3px solid transparent; color: var(--muted); text-decoration: none; font-size: 15.5px; line-height: 1.35;}
.s10-features .rail ol a:hover{color: var(--ink);}
.s10-features .rail ol a[aria-current]{border-left-color: var(--amber); color: var(--ink); font-weight: 650;}
.s10-features .count{color: var(--muted); font-size: 14px; font-weight: 500; font-variant-numeric: tabular-nums;}
.s10-features .rail-cta{margin-top: 28px; padding: 18px 18px 20px; border-radius: 14px; background: var(--midnight); color: var(--on-dark); --focus: var(--amber);}
.s10-features .rail-cta p{margin: 0px 0px 10px; color: var(--on-dark); font-size: 15px; line-height: 1.45;}
.s10-features .rail-cta a{color: var(--amber); font-weight: 700; font-size: 15px; text-underline-offset: 3px;}
.s10-features .pills{display: none;}
.s10-features .fsec{padding-top: 72px; scroll-margin-top: 16px;}
.s10-features .fsec:first-of-type{padding-top: 56px;}
.s10-features .fsec > h2{margin: 0px 0px 14px; max-width: 28ch; color: var(--ink); font-size: clamp(28px, 3.2vw, 42px); line-height: 1.1; letter-spacing: -0.02em; font-weight: 760;}
.s10-features .fsec > .intro{margin: 0px 0px 32px; max-width: 62ch; color: var(--text); font-size: 18px;}
.s10-features [data-feature]{scroll-margin-top: 24px;}
.s10-features .spots,.s10-features .tiles,.s10-features .list{list-style: none; margin: 0px; padding: 0px;}
.s10-features .spots{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; margin-bottom: 44px;}
.s10-features .spot{--rest: var(--surface); padding: 26px 28px 28px; border: 1px solid var(--line); border-radius: var(--r-panel); background: var(--surface);}
.s10-features .spot::before{content: ""; display: block; width: 32px; height: 4px; margin-bottom: 18px; border-radius: 2px; background: var(--amber);}
.s10-features .spot h3{margin: 0px 0px 8px; color: var(--ink); font-size: 20px; line-height: 1.3; font-weight: 720;}
.s10-features .spot p{margin: 0px; color: var(--muted); font-size: 16.5px; line-height: 1.55;}
.s10-features .more-h{margin: 0px 0px 6px; color: var(--ink); font-size: 18px; font-weight: 720;}
.s10-features .list{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 40px;}
.s10-features .item{--rest: transparent; display: grid; grid-template-columns: 20px minmax(0px, 1fr); gap: 14px; padding: 16px 10px 16px 0px; border-top: 1px solid var(--line);}
.s10-features .check{width: 18px; height: 18px; margin-top: 4px; background: var(--amber-deep); mask: var(--check) center/contain no-repeat;}
.s10-features .item .f-title{display: block; color: var(--ink); font-weight: 650; font-size: 16.5px; line-height: 1.4;}
.s10-features .item p{margin: 3px 0px 0px; color: var(--muted); font-size: 15.5px; line-height: 1.5;}
.s10-features .tiles{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; margin-bottom: 16px;}
.s10-features .tile{--rest: var(--surface); padding: 30px 32px 32px; border: 1px solid var(--line); border-radius: var(--r-tile); background: var(--surface);}
.s10-features .tile h3{margin: 0px 0px 10px; color: var(--ink); font-size: clamp(30px, 3.4vw, 44px); line-height: 1; letter-spacing: -0.03em; font-weight: 800; font-variation-settings: "FLAR" 60;}
.s10-features .kind{margin: 0px 0px 14px; color: var(--amber-ink); font-weight: 650; font-size: 15.5px;}
.s10-features .tile .f-desc{margin: 0px; color: var(--text); font-size: 16.5px; line-height: 1.55;}
.s10-features .lang{--rest: var(--midnight); display: grid; grid-template-columns: auto minmax(0px, 1fr); align-items: center; gap: 12px 40px; margin: 0px 0px 24px; padding: 34px 40px; border-radius: var(--r-tile); background: var(--midnight); color: var(--on-dark);}
.s10-features .glyph{color: var(--amber); font-size: clamp(88px, 10vw, 136px); line-height: 0.8; font-weight: 800; letter-spacing: -0.05em; font-variation-settings: "FLAR" 100;}
.s10-features .lang h3{margin: 0px 0px 8px; color: rgb(255, 255, 255); font-size: clamp(24px, 2.4vw, 30px); line-height: 1.15; letter-spacing: -0.015em; font-weight: 760;}
.s10-features .lang p{margin: 0px; max-width: 60ch; color: var(--on-dark-muted); font-size: 17px;}
.s10-features .also{display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0px 0px 44px;}
.s10-features .also-h{margin: 0px 6px 0px 0px; color: var(--ink); font-weight: 650; font-size: 16px;}
.s10-features .also a{padding: 7px 15px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--text); text-decoration: none; font-size: 15px; font-weight: 550;}
.s10-features .also a:hover{border-color: var(--amber-deep); color: var(--ink);}
.s10-features .filterbar{position: sticky; top: 12px; z-index: 25; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 40px; padding: 14px 16px 14px 20px; border-radius: 14px; background: var(--midnight); color: var(--on-dark); --focus: var(--amber);}
.s10-features .filterbar p{flex: 1 1 260px; margin: 0px; color: rgb(255, 255, 255); font-weight: 650;}
.s10-features #fb-text:focus{outline: none;}
.s10-features .fb-btn{appearance: none; padding: 9px 16px; border-radius: 999px; font: 650 15px/1.2 var(--font); cursor: pointer;}
.s10-features .fb-edit{border: 1px solid rgba(233, 237, 244, 0.4); background: transparent; color: rgb(255, 255, 255);}
.s10-features .fb-clear{border: 1px solid var(--amber); background: var(--amber); color: var(--midnight);}
.is-filtered .s10-features .fsec{padding-top: 48px;}
@keyframes hit { 
  0%, 55% { background-color: var(--amber-soft); box-shadow: 0 0 0 3px var(--amber); }
  100% { background-color: var(--rest); box-shadow: transparent 0px 0px 0px 3px; }
}
@keyframes hit-item { 
  0%, 55% { background-color: var(--amber-soft); box-shadow: 0 0 0 10px var(--amber-soft); }
  100% { background-color: transparent; box-shadow: transparent 0px 0px 0px 10px; }
}
@keyframes hit-dark { 
  0%, 55% { box-shadow: 0 0 0 4px var(--amber); }
  100% { box-shadow: transparent 0px 0px 0px 4px; }
}
.s10-features .is-hit{animation: 2.6s ease-out 0s 1 normal none running hit;}
.s10-features .item.is-hit{border-radius: 4px; animation-name: hit-item;}
.s10-features .lang.is-hit{animation-name: hit-dark;}
@media (prefers-reduced-motion: reduce){.s10-features .is-hit,.s10-features .item.is-hit,.s10-features .lang.is-hit{animation: auto ease 0s 1 normal none running none; box-shadow: 0 0 0 3px var(--amber);}
.s10-features .item.is-hit{background: var(--amber-soft); box-shadow: 0 0 0 10px var(--amber-soft);}}
.s10-features .service{background: var(--midnight); color: var(--on-dark); padding: clamp(72px, 9vw, 120px) 0px clamp(64px, 8vw, 104px);}
.s10-features .service h2{margin: 0px 0px 16px; max-width: 18ch; color: rgb(255, 255, 255); font-size: clamp(34px, 4.4vw, 58px); line-height: 1.04; letter-spacing: -0.025em; font-weight: 780;}
.s10-features .service .intro{margin: 0px 0px 56px; max-width: 56ch; color: var(--on-dark-muted); font-size: 19px;}
.s10-features .promises{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 44px 40px; list-style: none; margin: 0px; padding: 0px;}
.s10-features .promises li{padding-top: 20px; border-top: 2px solid var(--amber);}
.s10-features .promises h3{margin: 0px 0px 8px; color: rgb(255, 255, 255); font-size: 20px; line-height: 1.3; font-weight: 720;}
.s10-features .promises p{margin: 0px; color: var(--on-dark-muted); font-size: 16.5px;}
.s10-features .cta{display: grid; grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 1fr); gap: 32px 56px; align-items: end; margin-top: clamp(72px, 9vw, 112px); padding-top: clamp(48px, 6vw, 72px); border-top: 1px solid var(--line-dark);}
.s10-features .cta h2{max-width: 16ch; font-size: clamp(30px, 3.6vw, 48px);}
.s10-features .cta p{margin: 0px; max-width: 46ch; color: var(--on-dark-muted); font-size: 18px;}
.s10-features .btns{display: flex; flex-wrap: wrap; gap: 12px;}
.s10-features .btn{display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0px 26px; border-radius: 999px; font-weight: 700; font-size: 17px; text-decoration: none;}
.s10-features .btn-primary{background: var(--amber); color: var(--midnight);}
.s10-features .btn-primary:hover{background: var(--amber-hover);}
.s10-features .btn-ghost{border: 1.5px solid rgba(233, 237, 244, 0.45); color: rgb(255, 255, 255);}
.s10-features .btn-ghost:hover{border-color: rgb(255, 255, 255);}
.s10-features .cta .contact-line{margin: 18px 0px 0px; color: var(--on-dark-muted); font-size: 16px;}
.s10-features .contact-line a{color: rgb(255, 255, 255); font-weight: 600; text-underline-offset: 3px;}



@media (max-width: 1099px){.s10-features .features > .wrap{display: block;}
.s10-features .rail{display: none;}
.s10-features .pills{display: block; position: sticky; top: 0px; z-index: 20; border-bottom: 1px solid var(--line); background: rgba(242, 244, 247, 0.94); backdrop-filter: saturate(1.4) blur(10px);}
.s10-features .pills ol{position: relative; display: flex; gap: 8px; max-width: var(--wrap); margin: 0px auto; padding: 10px var(--gutter); overflow-x: auto; list-style: none; scrollbar-width: none;}
.s10-features .pills ol::-webkit-scrollbar{display: none;}
.s10-features .pills a{display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--text); text-decoration: none; font-size: 15px; font-weight: 550; white-space: nowrap;}
.s10-features .pills a[aria-current]{border-color: var(--midnight); background: var(--midnight); color: rgb(255, 255, 255);}
.s10-features .pills a[aria-current] .count{color: var(--on-dark-muted);}
.is-filtered .s10-features .pills{display: none;}
.s10-features .fsec{scroll-margin-top: 72px;}
.s10-features [data-feature]{scroll-margin-top: 96px;}
.s10-features .promises{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 760px){.s10-features{font-size: 16.5px;}



.s10-features #q{height: 58px; padding-left: 54px; font-size: 18px;}
.s10-features .search-icon{left: 19px; top: 29px;}
.s10-features .spots,.s10-features .tiles,.s10-features .list{grid-template-columns: minmax(0px, 1fr);}
.s10-features .spot{padding: 22px 22px 24px;}
.s10-features .tile{padding: 24px 24px 26px;}
.s10-features .lang{grid-template-columns: minmax(0px, 1fr); padding: 28px 24px;}
.s10-features .promises,.s10-features .cta{grid-template-columns: minmax(0px, 1fr);}
.s10-features .fsec{padding-top: 56px;}
.s10-features .filterbar{top: 8px; gap: 10px; padding: 12px 14px;}
.s10-features .filterbar p{flex-basis: 100%; font-size: 15.5px;}
.s10-features .fb-btn{padding: 8px 13px; font-size: 14px;}}
@media (max-width: 560px){.s10-features .opt{grid-template-columns: minmax(0px, 1fr);}
.s10-features .r-sec{padding-top: 0px; font-size: 13px;}
.s10-features #q{font-size: 17px;}}
.s10-features{--primary: #6547f5; --primary-hover: #5134dc; --primary-light: #f0edff; --accent: #16a66a; --accent-hover: #108654; --accent-light: #e8f8f1; --midnight: #17213b; --midnight-2: #10182d; --amber: var(--primary); --amber-hover: var(--primary-hover); --amber-soft: var(--primary-light); --amber-deep: var(--primary); --amber-ink: var(--accent-hover); --paper: #f7f8fc; --surface: #fff; --ink: #17213b; --text: #46516a; --muted: #69748d; --line: #e1e5ef; --on-dark: #f4f6fc; --on-dark-muted: #aeb8cd; --line-dark: rgba(255,255,255,.1); --font: Inter,"Segoe UI",Arial,sans-serif; --r-panel: 20px; --r-tile: 22px; --gutter: 28px; --focus: var(--primary); --header-height: 78px;}
.s10-features{letter-spacing: -0.006em;}
.s10-features h1,.s10-features h2,.s10-features h3,.s10-features .rail-h,.s10-features .glyph{font-variation-settings: normal;}
.s10-features h1,.s10-features h2,.s10-features h3{font-weight: 700;}










.s10-features .hero{position: relative; isolation: isolate; padding: 78px 0px 80px; background: radial-gradient(at 15% 5%, rgba(101, 71, 245, 0.082), transparent 57%), radial-gradient(at 96% 65%, rgba(22, 166, 106, 0.063), transparent 55%), linear-gradient(155deg, rgb(251, 251, 255), rgb(244, 246, 252)); color: var(--ink); border-bottom: 1px solid rgba(23, 33, 59, 0.06); --focus: var(--primary);}
.s10-features .hero::before{content: ""; position: absolute; z-index: -1; inset: 0px; pointer-events: none; background-image: linear-gradient(rgba(101, 71, 245, 0.024) 1px, transparent 1px), linear-gradient(90deg, rgba(101, 71, 245, 0.024) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(rgb(0, 0, 0), transparent);}
.s10-features .hero h1{max-width: 1050px; color: rgb(21, 32, 58); font-size: clamp(38px, 5.1vw, 64px); font-weight: 700; line-height: 1.1; letter-spacing: -0.045em;}
.s10-features .lead{color: rgb(102, 114, 138); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.7; margin-bottom: 36px;}
.s10-features .search{scroll-margin-top: calc(var(--header-height) + 18px);}
.s10-features .search-label{color: var(--ink); font-size: 16px; font-weight: 700;}
.s10-features #q{border: 1px solid rgb(220, 223, 234); border-radius: 14px; box-shadow: rgba(48, 39, 82, 0.04) 0px 12px 35px; font-size: 18px; font-weight: 500;}
.s10-features #q:focus{outline: rgba(101, 71, 245, 0.19) solid 3px; outline-offset: 2px; border-color: var(--primary); box-shadow: rgba(101, 71, 245, 0.07) 0px 14px 38px;}
.s10-features .search-icon{color: var(--primary);}
.s10-features .search-hint,.s10-features .chips-label{color: var(--muted); font-size: 14px;}
.s10-features .chips{gap: 9px; margin-top: 18px;}
.s10-features .chip{border: 1px solid rgb(221, 223, 234); background: rgba(255, 255, 255, 0.737); color: rgb(82, 96, 123); font-size: 14px; font-weight: 600; padding: 9px 15px; transition: background 0.2s, border-color 0.2s;}
.s10-features .chip:hover{border-color: rgb(194, 181, 255); background: var(--primary-light); color: var(--primary);}
.s10-features .results{border: 1px solid rgb(226, 221, 245); box-shadow: rgba(48, 39, 82, 0.125) 0px 24px 65px, rgba(48, 39, 82, 0.035) 0px 4px 12px; --focus: var(--primary);}
.s10-features .opt:hover,.s10-features .opt[aria-selected="true"]{background: rgb(245, 242, 255);}
.s10-features .r-title{font-weight: 700;}
.s10-features .opt-all{color: var(--primary);}
.s10-features .results-empty a{color: var(--primary);}
.s10-features .features > .wrap{gap: 56px;}
.s10-features #features{scroll-margin-top: var(--header-height);}
.s10-features .rail{top: calc(var(--header-height) + 24px); max-height: calc(100vh - var(--header-height) - 48px);}
.s10-features .rail-h{font-size: 14px; color: rgb(82, 96, 123);}
.s10-features .rail ol a{padding: 9px 10px 9px 15px; border-radius: 0px 9px 9px 0px; font-size: 14px; font-weight: 500; transition: background 0.2s, color 0.2s;}
.s10-features .rail ol a:hover{background: rgba(240, 237, 255, 0.5); color: var(--primary);}
.s10-features .rail ol a[aria-current]{border-left-color: var(--primary); background: var(--primary-light); color: var(--primary); font-weight: 700;}
.s10-features .rail ol a[aria-current] .count{color: var(--primary);}
.s10-features .count{font-size: 13px;}
.s10-features .rail-cta{background: linear-gradient(135deg, rgb(240, 237, 255), rgb(246, 244, 255)); border: 1px solid rgb(226, 220, 252); border-radius: 18px; --focus: var(--primary);}
.s10-features .rail-cta p{color: var(--ink); font-size: 15px;}
.s10-features .rail-cta a{color: var(--primary);}
.s10-features .fsec{scroll-margin-top: calc(var(--header-height) + 22px); padding-top: 80px;}
.s10-features .fsec > h2{font-size: clamp(28px, 3.1vw, 40px); line-height: 1.16; letter-spacing: -0.035em; font-weight: 700;}
.s10-features .fsec > .intro{color: var(--muted); line-height: 1.75; font-size: 17px;}
.s10-features [data-feature]{scroll-margin-top: calc(var(--header-height) + 30px);}
.s10-features .spot,.s10-features .tile{border-color: rgba(23, 33, 59, 0.08); box-shadow: rgba(24, 31, 56, 0.043) 0px 12px 38px;}
.s10-features .spot::before{background: var(--accent); height: 3px; width: 28px; margin-bottom: 19px;}
.s10-features .spot h3{font-weight: 700; letter-spacing: -0.025em;}
.s10-features .spot p,.s10-features .tile .f-desc{font-size: 16px; line-height: 1.75; color: var(--muted);}
.s10-features .tile h3{font-weight: 750; letter-spacing: -0.04em;}
.s10-features .tile .kind{color: var(--accent-hover); font-size: 14px; font-weight: 700;}
.s10-features .lang{background: linear-gradient(135deg, rgb(96, 67, 233), rgb(64, 41, 181)); --rest: #5036cd; box-shadow: rgba(76, 50, 189, 0.094) 0px 18px 46px; --focus: #fff;}
.s10-features .glyph{color: rgb(166, 237, 201); font-weight: 750;}
.s10-features .lang h3{font-weight: 700; letter-spacing: -0.03em;}
.s10-features .lang p{color: rgb(224, 219, 248); line-height: 1.75; font-size: 16px;}
.s10-features .also a{color: rgb(83, 96, 121); font-size: 14px; font-weight: 600;}
.s10-features .also a:hover{border-color: rgb(194, 181, 255); background: var(--primary-light); color: var(--primary);}
.s10-features .more-h{font-size: 18px; font-weight: 700; letter-spacing: -0.02em;}
.s10-features .item{padding-block: 18px; border-color: rgb(229, 233, 242);}
.s10-features .check{background: var(--accent);}
.s10-features .item .f-title{font-size: 16px; font-weight: 700; line-height: 1.55; letter-spacing: -0.012em;}
.s10-features .item p{font-size: 16px; line-height: 1.7;}
.s10-features .filterbar{top: calc(var(--header-height) + 12px); border: 1px solid rgb(217, 209, 252); background: rgb(240, 237, 255); color: var(--ink); box-shadow: rgba(48, 39, 82, 0.04) 0px 10px 35px; --focus: var(--primary);}
.s10-features .filterbar p{color: var(--ink);}
.s10-features .fb-edit{border-color: rgb(196, 184, 252); color: var(--primary);}
.s10-features .fb-edit:hover{background: rgb(229, 223, 255);}
.s10-features .fb-clear{border-color: var(--primary); background: var(--primary); color: rgb(255, 255, 255);}
.s10-features .fb-clear:hover{background: var(--primary-hover);}
.s10-features .service{background: radial-gradient(at 10% 0%, rgba(101, 71, 245, 0.1), transparent 60%), rgb(15, 23, 43); --focus: #a6edc9;}
.s10-features .service h2{font-weight: 700; line-height: 1.12; letter-spacing: -0.04em;}
.s10-features .service .intro{font-size: 18px; line-height: 1.75;}
.s10-features .promises li{border-color: var(--accent);}
.s10-features .promises h3{font-weight: 700; letter-spacing: -0.02em;}
.s10-features .promises p{font-size: 16px; line-height: 1.75;}
.s10-features .cta{scroll-margin-top: calc(var(--header-height) + 20px);}
.s10-features .cta p{line-height: 1.75;}
.s10-features .btn{border-radius: 12px; font-size: 15px; font-weight: 800; min-height: 52px;}
.s10-features .btn-primary{background: linear-gradient(135deg, rgb(32, 184, 120), rgb(17, 138, 88)); color: rgb(255, 255, 255); box-shadow: rgba(17, 138, 88, 0.22) 0px 10px 24px;}
.s10-features .btn-primary:hover{background: linear-gradient(135deg, rgb(23, 166, 106), rgb(16, 126, 81));}
.s10-features .btn-ghost{border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.02);}
.s10-features .btn-ghost:hover{background: rgba(255, 255, 255, 0.055); border-color: rgba(255, 255, 255, 0.5);}
.s10-features .contact-line a{color: rgb(143, 224, 186);}


@media (max-width: 1099px){.s10-features .pills{top: var(--header-height); background: rgba(247, 248, 252, 0.95);}
.s10-features .pills a{font-size: 14px; font-weight: 600;}
.s10-features .pills a[aria-current]{border-color: rgb(209, 199, 252); background: var(--primary-light); color: var(--primary);}
.s10-features .pills a[aria-current] .count{color: var(--primary);}
.s10-features .fsec{scroll-margin-top: calc(var(--header-height) + 78px);}
.s10-features [data-feature]{scroll-margin-top: calc(var(--header-height) + 88px);}}
@media (max-width: 991px){


.s10-features .hero{padding-top: 62px; padding-bottom: 65px;}}
@media (max-width: 760px){.s10-features{--header-height: 70px; --gutter: 20px;}


.s10-features .hero{padding: 45px 0px 52px;}
.s10-features .hero h1{font-size: clamp(36px, 7vw, 48px); line-height: 1.13; letter-spacing: -0.04em; margin-bottom: 22px;}
.s10-features .lead{font-size: 17px; line-height: 1.7; margin-bottom: 29px;}
.s10-features #q{font-size: 17px;}
.s10-features .search-label{font-size: 16px;}
.s10-features .chips{gap: 8px;}
.s10-features .chip{font-size: 14px; padding: 8px 12px;}
.s10-features .chips-label{flex-basis: 100%; margin-bottom: 2px;}
.s10-features .fsec{padding-top: 56px;}
.s10-features .fsec > h2{font-size: 30px; line-height: 1.2;}
.s10-features .fsec > .intro{font-size: 16px; margin-bottom: 26px;}
.s10-features .tile h3{font-size: 35px;}
.s10-features .filterbar{top: calc(var(--header-height) + 8px);}
.s10-features .fb-btn{font-size: 14px;}
.s10-features .service{padding-block: 64px;}
.s10-features .service h2{font-size: 36px;}
.s10-features .service .intro{font-size: 17px; margin-bottom: 38px;}
.s10-features .promises{gap: 30px;}
.s10-features .cta{margin-top: 62px; padding-top: 44px;}
.s10-features .cta h2{font-size: 32px;}
.s10-features .cta p{font-size: 17px;}
.s10-features .btns{gap: 10px;}
.s10-features .btn{padding-inline: 21px;}}
@media (max-width: 380px){.s10-features{--gutter: 17px;}


.s10-features .hero h1{font-size: 35px;}
.s10-features .btns{flex-direction: column; align-items: stretch;}}
@media (prefers-reduced-motion: reduce){.s10-features *,.s10-features ::before,.s10-features ::after{scroll-behavior: auto !important; transition: none !important;}}
.s10-features .hero:focus-within{z-index: 30;}
/* Final hero and live-site integration. Scope belongs to the feature page. */
.s10-features {--header-height:90px;overflow:visible}
.s10-features .hero {padding:66px 0 70px;overflow:visible;text-align:left}
.s10-features .hero>.wrap {display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);gap:40px;align-items:center}
.s10-features .hero-copy {min-width:0;position:relative;z-index:3}
.s10-features .hero h1 {font-size:clamp(38px,3.65vw,52px);line-height:1.12;letter-spacing:-.045em;max-width:none}
.s10-features .hero .lead {font-size:17px;line-height:1.75;margin-bottom:30px}
.s10-features .search {max-width:none}
.s10-features #q {font-size:16px;padding-right:12px}
.s10-features .chips {gap:7px}
.s10-features .chip {padding:8px 12px}
.s10-features .commerce-art {position:relative;min-width:0;max-width:540px;width:100%;margin:auto}
.s10-features .commerce-scene {position:relative;width:100%;aspect-ratio:1 / 1.1;isolation:isolate;font-family:Inter,"Segoe UI",Arial,sans-serif;pointer-events:none;user-select:none}
.s10-features .commerce-scene svg {fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.s10-features .scene-orbit {position:absolute;z-index:-1;border:1px solid #6547f513;border-radius:50%;inset:3% -2% 3% -2%;background:radial-gradient(ellipse,#6547f508,transparent 70%)}
.s10-features .orbit-two {inset:14% 10%;border-color:#16a66a19;background:none}
.s10-features .store-window {position:absolute;left:2%;top:6%;width:79%;padding-bottom:16px;background:#fff;border:1px solid #e4e3ef;border-radius:22px;box-shadow:0 30px 70px #312b5a15,0 4px 12px #312b5a06;transform:rotate(-4deg);animation:shop-float 9s ease-in-out infinite;overflow:hidden}
.s10-features .window-bar {height:33px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 15px;background:#f7f7fc;border-bottom:1px solid #ecebf4;color:#8790a4;font-size:10px}
.s10-features .window-dots {display:flex;gap:4px}.s10-features .window-dots i {width:5px;height:5px;border-radius:50%;background:#d3ccea}.s10-features .window-dots i:first-child {background:#9c89ee}.s10-features .window-dots i:last-child {background:#72c8a1}.s10-features .window-bar>svg {width:12px;height:12px}
.s10-features .store-top {display:flex;align-items:center;padding:17px 19px;color:#17213b}.s10-features .store-top>strong {font-size:18px;font-weight:800;letter-spacing:-1px}.s10-features .store-top>strong span {color:#16a66a}.s10-features .mini-menu {margin-left:auto;display:grid;gap:4px;margin-right:19px}.s10-features .mini-menu i {height:2px;width:18px;background:#a5adbe;border-radius:2px}.s10-features .mini-menu i:last-child {width:11px}.s10-features .mini-bag {position:relative;width:21px;height:23px}.s10-features .mini-bag svg {width:21px;height:23px}.s10-features .mini-bag b {display:grid;place-items:center;position:absolute;right:-8px;top:-4px;color:white;background:#6547f5;width:14px;height:14px;border-radius:50%;font-size:8px;animation:bag-count 9s both infinite}
.s10-features .store-banner {margin:0 16px;padding:19px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(120deg,#eeebff,#f4f1ff);border-radius:12px;color:#56418e;line-height:1.45;font-size:13px}.s10-features .store-banner strong {font-size:17px;letter-spacing:-.03em;color:#362465}.s10-features .banner-star {font-size:62px;line-height:1;color:#8165eb;animation:star-turn 18s linear infinite}
.s10-features .product-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.s10-features .scene-product {min-width:0;position:relative;border-radius:12px}.s10-features .product-selected {animation:product-pick 9s ease infinite}.s10-features .product-image {height:109px;border-radius:10px;display:grid;place-items:center;position:relative}.s10-features .product-image>svg {width:78px;height:78px;stroke-width:3}.s10-features .bag-image {background:#edf5f1;color:#26845f}.s10-features .bag-image>svg {fill:#c9e6d8;filter:drop-shadow(0 6px 4px #46876715)}.s10-features .audio-image {background:#f3effa;color:#8a76b7}.s10-features .audio-image>svg rect {fill:#d7cde8}.s10-features .scene-favorite {position:absolute;top:6px;right:8px;font-size:20px;color:#86968f;line-height:1}.s10-features .product-name {display:block;margin:10px 0 6px;font-size:11px;color:#526079}.s10-features .product-bottom {display:flex;justify-content:space-between;align-items:center;color:#17213b;font-size:13px}.s10-features .product-add {display:grid;place-items:center;width:23px;height:23px;background:#f0edff;color:#6547f5;border-radius:7px;font-size:20px;font-weight:500}.s10-features .product-selected .product-add {animation:add-click 9s both infinite}
.s10-features .store-bottom {display:flex;align-items:center;justify-content:space-between;margin:0 17px;padding-top:10px;border-top:1px solid #f0f1f6;font-size:9px;color:#8590a5}.s10-features .store-bottom i {display:inline-block;width:5px;height:5px;background:#16a66a;border-radius:50%;margin-right:4px}
.s10-features .scene-cart {position:absolute;top:44%;right:0;width:59%;padding:18px;background:#fff;border:1px solid #e8e5f2;border-radius:18px;box-shadow:0 22px 50px #312b5a20;transform:rotate(5deg);animation:cart-float 9s ease-in-out infinite;z-index:3}
.s10-features .cart-title {display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:#17213b;font-size:13px;font-weight:750}.s10-features .cart-count {display:grid;place-items:center;width:22px;height:22px;background:#f0edff;color:#6547f5;border-radius:7px;font-size:11px}.s10-features .cart-product {display:flex;gap:10px;align-items:center;border-bottom:1px solid #f0f1f6;padding-bottom:13px;color:#526079;font-size:10px;animation:cart-item 9s both infinite}.s10-features .cart-thumbnail {display:grid;place-items:center;width:39px;height:42px;background:#edf5f1;border-radius:8px;color:#26845f;flex-shrink:0}.s10-features .cart-thumbnail svg {width:24px;height:27px}.s10-features .cart-product>div {flex:1}.s10-features .cart-product small {display:block;margin-top:4px;color:#8a94a9;font-size:9px}.s10-features .cart-product>strong {color:#17213b;white-space:nowrap;font-size:11px}.s10-features .cart-total {display:flex;justify-content:space-between;padding:13px 0;color:#69748d;font-size:11px}.s10-features .cart-total strong {color:#17213b;font-size:14px}.s10-features .cart-checkout {background:#6547f5;border-radius:8px;color:#fff;padding:10px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:650;animation:checkout-click 9s both infinite}
.s10-features .scene-order {position:absolute;left:5%;bottom:12%;display:flex;align-items:center;gap:11px;padding:16px 19px;border:1px solid #d6ecdf;border-radius:16px;background:#fff;box-shadow:0 18px 40px #19563a16;z-index:5;animation:order-arrives 9s both infinite}.s10-features .order-tick {display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e6f7ee;color:#11975b}.s10-features .order-tick svg {width:22px;height:22px;stroke-width:2.6}.s10-features .scene-order strong {display:block;font-size:13px;color:#17213b}.s10-features .scene-order div>span {display:block;margin-top:3px;font-size:10px;color:#69748d}.s10-features .order-confetti {margin-left:9px;font-size:24px;color:#16a66a}
.s10-features .scene-pointer {position:absolute;top:42%;left:32%;width:30px;height:34px;z-index:6;fill:#17213b!important;stroke:#fff!important;stroke-width:2!important;filter:drop-shadow(0 3px 3px #17213b20);animation:shopping-pointer 9s both infinite}
.s10-features .scene-progress {position:absolute;bottom:0;left:3%;right:0;display:flex;align-items:center;justify-content:center;gap:11px;white-space:nowrap;font-size:11px;color:#7a849c}.s10-features .progress-step {display:flex;align-items:center;gap:6px}.s10-features .progress-step i {width:6px;height:6px;background:#d9d3f0;border-radius:50%}.s10-features .step-one i {background:#6547f5}.s10-features .step-two i {animation:progress-cart 9s both infinite}.s10-features .step-three i {animation:progress-order 9s both infinite}.s10-features .scene-progress>b {height:1px;width:25px;background:#ddd8ef}
.s10-features .motion-toggle {display:flex;align-items:center;gap:7px;padding:7px 10px;margin:16px auto 0;border:0;border-radius:8px;background:transparent;color:#69748d;font:500 14px/1.4 var(--font);cursor:pointer}.s10-features .motion-toggle:hover {background:#f0edff;color:#6547f5}.s10-features .motion-toggle svg {width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}
.s10-features .commerce-art[data-paused="true"] .commerce-scene * {animation-play-state:paused!important}
.s10-features .service {padding:76px 0}.s10-features .cta h2 {max-width:21ch}.s10-features .cta p {font-size:17px}
.s10-features .hero:focus-within {z-index:50}
body.page-features .footer-links-list {flex-wrap:wrap}
@keyframes shop-float {0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(-3deg)}}
@keyframes cart-float {0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(5px) rotate(3deg)}}
@keyframes star-turn {to{transform:rotate(360deg)}}
@keyframes product-pick {0%,12%,45%,100%{box-shadow:0 0 0 4px transparent}20%,35%{box-shadow:0 0 0 4px #6547f521}}
@keyframes add-click {0%,20%,35%,100%{transform:scale(1);background:#f0edff;color:#6547f5}25%,30%{transform:scale(.9);background:#6547f5;color:#fff}}
@keyframes bag-count {0%,25%{opacity:0;transform:scale(.2)}32%,94%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes cart-item {0%,28%{opacity:.35;transform:translateY(6px)}38%,94%{opacity:1;transform:translateY(0)}100%{opacity:.35}}
@keyframes checkout-click {0%,53%,70%,100%{background:#6547f5;transform:scale(1)}59%,65%{background:#16a66a;transform:scale(.97)}}
@keyframes order-arrives {0%,60%{opacity:0;transform:translateY(13px) scale(.96)}70%,94%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(5px)}}
@keyframes shopping-pointer {0%,8%{opacity:0;left:55%;top:59%;transform:scale(1)}18%,24%{opacity:1;left:40%;top:69%;transform:scale(1)}28%{opacity:1;left:40%;top:69%;transform:scale(.85)}34%{left:40%;top:69%;transform:scale(1)}54%,58%{opacity:1;left:76%;top:74%;transform:scale(1)}63%{opacity:1;left:76%;top:74%;transform:scale(.85)}70%,100%{opacity:0;left:80%;top:80%;transform:scale(1)}}
@keyframes progress-cart {0%,28%,100%{background:#d9d3f0}35%,94%{background:#6547f5}}
@keyframes progress-order {0%,62%,100%{background:#d9d3f0}70%,94%{background:#16a66a}}
@media(max-width:1100px){.s10-features .hero>.wrap{gap:25px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.s10-features .hero h1{font-size:43px}.s10-features .scene-cart{padding:13px}.s10-features .product-image{height:85px}.s10-features .product-image>svg{width:65px;height:65px}.s10-features .store-banner{padding:14px}.s10-features .store-banner strong{font-size:14px}.s10-features .scene-order{left:0;padding:13px;bottom:8%}.s10-features .scene-progress{bottom:-5%}.s10-features .motion-toggle{margin-top:34px}.s10-features .scene-pointer{display:none}}
@media(max-width:900px){.s10-features .hero>.wrap{grid-template-columns:1fr;gap:38px}.s10-features .hero h1{font-size:48px;max-width:750px}.s10-features .hero .lead{max-width:700px}.s10-features .commerce-art{max-width:460px}.s10-features .product-image{height:109px}.s10-features .product-image>svg{width:78px;height:78px}.s10-features .store-banner{padding:19px}.s10-features .store-banner strong{font-size:17px}.s10-features .scene-cart{padding:18px}.s10-features .scene-order{left:5%;bottom:12%;padding:16px 19px}.s10-features .scene-progress{bottom:0}.s10-features .motion-toggle{margin-top:16px}.s10-features .hero-copy{z-index:5}}
@media(max-width:760px){.s10-features .hero{padding:42px 0 48px}.s10-features .hero h1{font-size:36px;line-height:1.14}.s10-features .hero .lead{font-size:16px}.s10-features .commerce-art{max-width:410px}.s10-features .commerce-scene{aspect-ratio:1 / 1.25}.s10-features .store-window{width:84%;left:0;top:3%}.s10-features .store-top{padding:13px 16px}.s10-features .store-banner{padding:13px 14px;margin:0 12px;font-size:11px}.s10-features .store-banner strong{font-size:14px}.s10-features .banner-star{font-size:44px}.s10-features .product-grid{padding:12px;gap:10px}.s10-features .product-image{height:88px}.s10-features .product-image>svg{width:63px;height:63px}.s10-features .scene-cart{width:61%;top:45%;padding:13px}.s10-features .cart-product{gap:6px}.s10-features .cart-title{margin-bottom:12px}.s10-features .scene-order{left:0;bottom:7%;padding:12px 14px;gap:8px}.s10-features .scene-order strong{font-size:12px}.s10-features .order-confetti{font-size:20px;margin-left:2px}.s10-features .scene-progress{font-size:10px;gap:7px;bottom:-1%}.s10-features .scene-progress>b{width:18px}.s10-features .motion-toggle{margin-top:17px}.s10-features .service{padding:60px 0}}
@media(prefers-reduced-motion:reduce){.s10-features .commerce-scene *{animation:none!important}.s10-features .scene-pointer,.s10-features .motion-toggle{display:none!important}.s10-features .scene-order,.s10-features .mini-bag b,.s10-features .cart-product{opacity:1}.s10-features .cart-checkout{background:#16a66a}.s10-features .progress-step i{background:#16a66a}}

body.page-features #back-to-top{border:0;padding:0;color:white}body.page-features #back-to-top svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.5}