/* Native interaction layer. Original layout, typography and colors remain in site.css. */
html{scroll-behavior:smooth}section[id]{scroll-margin-top:80px}
.native-mobile-menu{display:none;position:fixed;inset:64px 0 auto;max-height:calc(100svh - 64px);overflow:auto;background:#191714;color:#f9f3e8;padding:20px 24px;z-index:45;box-shadow:0 16px 32px #0004}.native-mobile-menu.is-open{display:block}.native-mobile-menu ul{display:flex;flex-direction:column;gap:16px}.native-mobile-menu a{display:block;padding:7px 0}
.native-faq-answer{padding:0 3rem 1.65rem 0;color:var(--muted-foreground,#888);line-height:1.75;max-width:850px;animation:native-expand .35s ease both}.native-faq-answer[hidden]{display:none}.native-faq-answer p{margin:0}.native-faq-answer + *{margin-top:0}#faq [data-slot="accordion-item"]{transition:background .25s;padding:0 1.5rem}#faq [data-slot="accordion-item"].is-open{background:color-mix(in srgb,var(--foreground,#111) 3%,transparent)}#faq [data-slot="accordion-trigger"] svg{transition:transform .32s}#faq [data-slot="accordion-trigger"][aria-expanded=true] svg{transform:rotate(180deg)}
[data-native-tabs] [role=tab]{transition:background .3s,color .3s,box-shadow .3s,transform .3s}[data-native-tabs] [role=tab]:focus-visible{outline:2px solid #bd9b62;outline-offset:3px}
#features [role=tab][aria-selected=true]{background:var(--primary,#28221c)!important;color:var(--primary-foreground,#fff)!important;box-shadow:0 10px 25px #0002}#features [role=tab][aria-selected=true] span:first-child{background:#ffffff1b;color:#e6c98d}
#customer-360 [role=tab][aria-selected=true]{background:var(--primary,#302821)!important;color:var(--primary-foreground,#fff)!important;box-shadow:none!important}#executive [role=tab][aria-selected=true]{background:var(--sidebar-primary,#d7b978)!important;color:var(--sidebar-primary-foreground,#18150f)!important}#demo [role=tab][aria-selected=true]{background:var(--background,#fff)!important;color:var(--foreground,#151515)!important}
.native-switch{animation:native-switch .48s cubic-bezier(.16,1,.3,1) both}.native-switch img{animation:native-image .7s cubic-bezier(.16,1,.3,1) both}
.native-feature-pane .native-feature-screenshot{position:relative;border-radius:13px;overflow:hidden;border:1px solid var(--border,#ddd);background:var(--card,#fff);box-shadow:0 22px 48px #0001}.native-browser-bar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--muted,#f1efeb);border-bottom:1px solid var(--border,#ddd);font-size:11px;color:var(--muted-foreground,#777)}.native-browser-dots{display:flex;gap:6px}.native-browser-dots b{height:9px;width:9px;border-radius:50%;background:#df8673}.native-browser-dots b:nth-child(2){background:#e5bd65}.native-browser-dots b:nth-child(3){background:#74a776}.native-feature-screenshot img{display:block;width:100%;aspect-ratio:1800/1040;object-fit:cover;object-position:top}.native-feature-copy{padding:25px 0 0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(210px,1fr);gap:22px;align-items:start}.native-feature-copy h3{font-family:var(--font-serif,Georgia,serif);font-size:clamp(25px,2.5vw,32px);line-height:1.2}.native-feature-copy p{margin-top:12px;line-height:1.8;color:var(--muted-foreground,#777)}.native-feature-copy ul{border-left:1px solid var(--border,#ddd);padding-left:24px;display:grid;gap:12px;font-size:14px}.native-feature-copy li::before{content:'✓';color:#a8874c;margin-right:10px}
.native-tab-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,290px);gap:0;align-items:stretch}.native-tab-stage>figure{position:relative;overflow:hidden;background:#eee;aspect-ratio:1800/1040;margin:0}.native-tab-stage>figure img{width:100%;height:100%;object-fit:cover;object-position:top}.native-tab-stage>aside{display:flex;flex-direction:column;justify-content:center;padding:30px;gap:15px;background:var(--card,#fff)}.native-tab-stage>aside .native-count{font-family:Georgia,serif;color:#ad8b56;font-size:54px}.native-tab-stage>aside h3{font-family:Georgia,serif;font-size:29px;line-height:1.2}.native-tab-stage>aside p{line-height:1.7;color:var(--muted-foreground,#888)}#executive .native-tab-stage>aside{background:#201c19;color:#fff}#executive .native-tab-stage>aside p{color:#e1d8ccae}#demo .native-tab-stage>aside{background:var(--background,#fff);color:var(--foreground,#171717)}
/* All preview products open native accessible modal. */
.native-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:#0c0a08ba;backdrop-filter:blur(6px);animation:native-fade .25s ease}.native-modal[hidden]{display:none}.native-modal-card{width:min(940px,100%);max-height:min(90svh,900px);overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:20px;background:#f9f6f1;color:#211d1a;box-shadow:0 45px 110px #0006;position:relative;animation:native-modal-in .36s cubic-bezier(.2,.8,.2,1)}.native-modal-card>img{width:100%;height:100%;min-height:400px;object-fit:cover}.native-modal-info{padding:clamp(28px,5vw,58px);display:flex;flex-direction:column;justify-content:center;gap:16px}.native-modal-info .native-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9c7f53}.native-modal-info h2{font:400 clamp(27px,3.7vw,44px)/1.12 Georgia,serif}.native-modal-info p{line-height:1.8;color:#706960}.native-modal-info .native-modal-notice{margin-top:16px;padding-top:18px;border-top:1px solid #d8d1c6;font-size:13px}.native-modal-close{position:absolute;right:14px;top:14px;background:#ffffffeb;border:1px solid #e5ded3;border-radius:50%;width:42px;height:42px;font-size:24px;color:#211d1a;cursor:pointer;z-index:2}.native-modal-open{overflow:hidden}
#store button[data-native-product]{cursor:zoom-in}#store button[data-native-product]:focus-visible{outline:2px solid #b28c58;outline-offset:5px}
/* Interactive journey line / dot animations on section 12 original cards */
#solutions ol>div>li{position:relative;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}#solutions ol>div>li:hover,#solutions ol>div>li:focus-within{transform:translateY(-6px);box-shadow:0 22px 44px #0002}#solutions ol>div>li::after{content:'';position:absolute;left:25px;bottom:0;width:0;height:2px;background:linear-gradient(90deg,#d2b377,#8d6c3d);transition:width .55s cubic-bezier(.2,.8,.2,1)}#solutions ol>div>li:hover::after,#solutions ol>div>li.is-active::after{width:calc(100% - 50px)}#solutions ol>div>li img{transition:transform .85s cubic-bezier(.16,1,.3,1)}#solutions ol>div>li:hover img,#solutions ol>div>li.is-active img{transform:scale(1.055)}#solutions ol>div>li .native-journey-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b99762;margin-left:7px;box-shadow:0 0 0 0 #b9976260;transition:box-shadow .4s}#solutions ol>div>li:hover .native-journey-dot{box-shadow:0 0 0 7px #b9976228}
/* section and card scroll reveal; JS applies only after observer is ready */
@keyframes native-expand{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes native-fade{from{opacity:0}to{opacity:1}}@keyframes native-modal-in{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}@keyframes native-switch{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes native-image{from{opacity:.65;transform:scale(1.035)}to{opacity:1;transform:none}}
@media(max-width:767px){.native-feature-copy,.native-tab-stage,.native-modal-card{grid-template-columns:1fr}.native-tab-stage>aside{padding:22px}.native-modal-card>img{min-height:0;max-height:43svh}.native-modal-info{padding:25px}.native-faq-answer{padding-right:0}#faq [data-slot="accordion-item"]{padding:0 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}html.native-motion-enabled .native-reveal-item{opacity:1!important;transform:none!important}}
/* Original five-step product journey (not the section 12 example cards) */
#products .native-journey-active{background:rgba(255,255,255,.07)}#products button[aria-pressed="true"]>span:first-child{box-shadow:0 0 0 5px rgba(205,171,105,.13);transition:box-shadow .4s,background .4s}#products ol>span[style*="scaleY"]{transition:transform .65s cubic-bezier(.16,1,.3,1)}#products .aspect-\[16\/11\] img{transition:opacity .28s ease,transform .55s ease}