/* ONYX V7 EXPERIENCE EDITION — motion and spacing layer only. */
:root{
  --v7-ease:cubic-bezier(.22,.61,.36,1);
  --v7-ease-soft:cubic-bezier(.16,1,.3,1);
  --v7-rose:#c98b7d;
  --v7-rose-soft:rgba(201,139,125,.12);
  --v7-ink:#11110f;
  --v7-ivory:#f4efe9;
  --v7-shadow:0 24px 60px rgba(19,14,11,.10);
}

/* Old per-page reveal systems are deliberately neutralized. V7 owns motion so content never remains invisible. */
.reveal,.reveal.in-view,.reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}

/* Premium section rhythm — more air without changing page structure. */
.v7-home .technology{padding-top:118px!important;padding-bottom:132px!important}
.v7-home .tech-heading{margin-bottom:48px!important}
.v7-home .why{padding-top:132px!important;padding-bottom:142px!important}
.v7-home .final-cta{min-height:590px!important;padding-top:105px!important;padding-bottom:105px!important}
.v7-home .product{min-height:660px}
.v7-revela .revela-intro{min-height:760px}
.v7-revela .section-copy{padding-top:155px!important;padding-bottom:155px!important}
.v7-revela .applications{padding-top:150px!important;padding-bottom:158px!important}
.v7-revela .applications-head{margin-bottom:82px!important}
.v7-revela .modes{padding-top:150px!important;padding-bottom:150px!important}
.v7-revela .detail-copy,.v7-revela .heads-copy{padding-top:145px!important;padding-bottom:145px!important}
.v7-revela .revela-support{padding-top:145px!important;padding-bottom:150px!important}
.v7-velor .feature-strip{padding-top:44px!important;padding-bottom:44px!important}
.v7-velor .technology,.v7-velor .comfort,.v7-velor .support,.v7-velor .guide-capture,.v7-velor .faq{scroll-margin-top:90px}
.v7-picosurge .advantage,.v7-picosurge .possibilities,.v7-picosurge .guide-capture,.v7-picosurge .faq{scroll-margin-top:90px}
.v7-education .approach{padding-top:125px!important;padding-bottom:135px!important}
.v7-about .philosophy{padding-top:125px!important;padding-bottom:135px!important}
.platform-page .platform-main{padding-top:126px}
.platform-page .platform-hero{padding-top:72px!important;padding-bottom:72px!important}
.blog-page .platform-main,.playbook-page .playbook-main{background:#f6f1eb}
.blog-page .platform-hero{min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:76px!important}
.portal-page .portal-login-wrap{min-height:calc(100vh - 86px)}

/* Cinematic editorial pause. */
.v7-signature{min-height:72vh;display:flex;align-items:center;justify-content:center;padding:110px 7vw;text-align:center;overflow:hidden;position:relative}
.v7-signature-light{background:#f6f1eb;color:#111}
.v7-signature-dark{background:#090909;color:#f8f4ef}
.v7-signature-inner{max-width:1180px;margin:auto}
.v7-signature .eyebrow{margin-bottom:34px}
.v7-signature h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(66px,8.2vw,136px);font-weight:400;line-height:.82;letter-spacing:-.03em;margin:0}
.v7-signature h2 em{font-weight:400;color:var(--v7-rose)}
.v7-signature p:not(.eyebrow){max-width:600px;margin:38px auto 0;font-size:13px;line-height:1.8;color:rgba(17,17,17,.62)}
.v7-signature-dark p:not(.eyebrow){color:rgba(255,255,255,.62)}
.v7-signature:before{content:"";position:absolute;width:46vw;height:46vw;max-width:720px;max-height:720px;border-radius:50%;background:radial-gradient(circle,rgba(201,139,125,.10),rgba(201,139,125,0) 68%);right:-16vw;top:-18vw;pointer-events:none}

/* Scroll reveals. Only elements explicitly marked by V7 participate. */
html.v7-motion-ready [data-v7-reveal]{opacity:0;transform:translate3d(0,30px,0);transition:opacity 820ms var(--v7-ease-soft),transform 820ms var(--v7-ease-soft);will-change:opacity,transform}
html.v7-motion-ready [data-v7-reveal="soft"]{transform:translate3d(0,18px,0)}
html.v7-motion-ready [data-v7-reveal="headline"]{opacity:0;transform:translate3d(0,36px,0);clip-path:inset(0 0 22% 0);transition:opacity 900ms var(--v7-ease-soft),transform 900ms var(--v7-ease-soft),clip-path 900ms var(--v7-ease-soft)}
html.v7-motion-ready [data-v7-reveal="image"]{opacity:1;transform:none;clip-path:inset(0 0 100% 0);transition:clip-path 1050ms var(--v7-ease-soft)}
html.v7-motion-ready [data-v7-reveal].v7-visible{opacity:1;transform:none;clip-path:inset(0 0 0 0)}

/* Staggered entrances. */
html.v7-motion-ready [data-v7-stagger] > [data-v7-stagger-item]{opacity:0;transform:translate3d(0,24px,0);transition:opacity 720ms var(--v7-ease-soft),transform 720ms var(--v7-ease-soft);transition-delay:var(--v7-delay,0ms)}
html.v7-motion-ready [data-v7-stagger].v7-visible > [data-v7-stagger-item]{opacity:1;transform:none}

/* Image reveals and subtle scroll-linked movement. */
[data-v7-image]{overflow:hidden}
[data-v7-image] img{transform:translate3d(0,var(--v7-parallax-y,0px),0) scale(var(--v7-image-scale,1));transition:transform 520ms var(--v7-ease);will-change:transform}
html.v7-motion-ready [data-v7-image][data-v7-reveal="image"] img{--v7-image-scale:1.035}
html.v7-motion-ready [data-v7-image].v7-visible img{--v7-image-scale:1}
@media(hover:hover) and (pointer:fine){[data-v7-image]:hover img{--v7-image-scale:1.028}}

/* Cards: lift + refined border/shadow. No child positioning is touched. */
[data-v7-card]{position:relative;isolation:isolate;transition:transform 340ms var(--v7-ease),box-shadow 340ms var(--v7-ease),border-color 340ms var(--v7-ease),background-color 340ms var(--v7-ease),filter 340ms var(--v7-ease)}
[data-v7-card]::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(260px circle at var(--v7-mx,50%) var(--v7-my,50%),rgba(219,168,154,.105),transparent 66%);opacity:0;transition:opacity 360ms var(--v7-ease);border-radius:inherit}
@media(hover:hover) and (pointer:fine){
  [data-v7-card]:hover{transform:translateY(-6px);box-shadow:var(--v7-shadow);border-color:rgba(201,139,125,.48)!important}
  [data-v7-card]:hover::after{opacity:1}
  .tech-card[data-v7-card]:hover{box-shadow:0 24px 62px rgba(0,0,0,.18)}
  .tech-card[data-v7-card] .tech-bg{position:absolute!important;inset:0!important}
  .tech-card[data-v7-card] .tech-shade{position:absolute!important;inset:0!important}
  .tech-card[data-v7-card] .tech-copy{position:absolute!important;z-index:2!important;left:32px!important;bottom:24px!important}
}

/* A subtle Onyx rose-light sweep. */
[data-v7-sweep]{position:relative;overflow:hidden}
[data-v7-sweep]::before{content:"";position:absolute;z-index:4;pointer-events:none;top:0;bottom:0;width:34%;left:-45%;background:linear-gradient(100deg,transparent,rgba(223,177,164,.16),transparent);transform:skewX(-12deg);opacity:0}
[data-v7-sweep].v7-visible::before{animation:v7Sweep 1100ms 180ms var(--v7-ease-soft) both}
@keyframes v7Sweep{0%{left:-45%;opacity:0}22%{opacity:1}100%{left:112%;opacity:0}}

/* CTAs and small directional cues. */
.btn,.product-button,.footer-demo,.contact-link,.text-link,.outline-cta,.submit-button,.primary-cta,.resource-action{
  transition:transform 320ms var(--v7-ease),box-shadow 320ms var(--v7-ease),background-color 320ms var(--v7-ease),color 320ms var(--v7-ease),border-color 320ms var(--v7-ease),filter 320ms var(--v7-ease)!important
}
@media(hover:hover) and (pointer:fine){
  .btn:hover,.product-button:hover,.footer-demo:hover,.outline-cta:hover,.submit-button:hover,.primary-cta:hover{transform:translateY(-3px)!important;box-shadow:0 15px 34px rgba(20,15,12,.13);filter:saturate(1.03)}
  .btn span,.product-button span,.footer-demo span,.contact-link span,.text-link span,.resource-action span{display:inline-block;transition:transform 320ms var(--v7-ease)}
  .btn:hover span,.product-button:hover span,.footer-demo:hover span,.contact-link:hover span,.text-link:hover span,.resource-action:hover span{transform:translateX(6px)}
}

/* Navigation: quiet line-draw + refined scrolled state. */
.desktop-nav>a,.tech-dropdown>a{position:relative}
.desktop-nav>a::after,.tech-dropdown>a::after{transform:scaleX(0);transform-origin:left;width:100%!important;transition:transform 330ms var(--v7-ease)!important}
.desktop-nav>a:hover::after,.tech-dropdown>a:hover::after,.desktop-nav>a.active::after,.tech-dropdown>a.active::after{transform:scaleX(1)}
.site-header{transition:background-color 360ms var(--v7-ease),box-shadow 360ms var(--v7-ease),height 360ms var(--v7-ease),color 360ms var(--v7-ease),backdrop-filter 360ms var(--v7-ease)}
.site-header.v7-scrolled{position:fixed!important;top:0!important;background:rgba(247,243,238,.91)!important;color:#111!important;box-shadow:0 1px 0 rgba(20,16,13,.08),0 14px 44px rgba(20,16,13,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);height:74px!important}
.site-header.v7-scrolled .desktop-nav a,.site-header.v7-scrolled .brand,.site-header.v7-scrolled .tech-dropdown>a{color:#111!important}
.site-header.v7-scrolled .btn-outline-light,.site-header.v7-scrolled .header-demo{border-color:#111!important;color:#111!important;background:transparent!important}
.site-header.v7-scrolled .menu-toggle span{background:#111!important}

/* Blog, portal and playbook receive the same calm interaction language. */
.blog-featured,.blog-card,.resource-card,.portal-login-card,.playbook-preview,.lead-form,.panel-card{transition:transform 340ms var(--v7-ease),box-shadow 340ms var(--v7-ease),border-color 340ms var(--v7-ease)}
@media(hover:hover) and (pointer:fine){.blog-card:hover,.resource-card:hover{transform:translateY(-6px);box-shadow:var(--v7-shadow)}}
.blog-featured-media,.blog-card-image{overflow:hidden}
.blog-featured-media img,.blog-card-image img{transition:transform 650ms var(--v7-ease)}
@media(hover:hover) and (pointer:fine){.blog-featured:hover img,.blog-card:hover img{transform:scale(1.035)}}
.empty-state{padding-top:76px!important;padding-bottom:76px!important}

/* Cursor-follow light only where explicitly enabled. */
[data-v7-pointer]{--v7-mx:50%;--v7-my:50%}

@media(max-width:900px){
  .v7-home .technology,.v7-home .why{padding-top:86px!important;padding-bottom:94px!important}
  .v7-home .final-cta{min-height:470px!important;padding-top:82px!important;padding-bottom:82px!important}
  .v7-home .product{min-height:0}
  .v7-revela .section-copy,.v7-revela .applications,.v7-revela .modes,.v7-revela .detail-copy,.v7-revela .heads-copy,.v7-revela .revela-support{padding-top:92px!important;padding-bottom:96px!important}
  .v7-signature{min-height:56vh;padding:88px 26px}
  .platform-page .platform-main{padding-top:96px}
}
@media(max-width:640px){
  .v7-home .technology,.v7-home .why{padding-top:72px!important;padding-bottom:78px!important}
  .v7-home .final-cta{min-height:430px!important;padding-top:72px!important;padding-bottom:72px!important}
  .v7-revela .section-copy,.v7-revela .applications,.v7-revela .modes,.v7-revela .detail-copy,.v7-revela .heads-copy,.v7-revela .revela-support{padding-top:74px!important;padding-bottom:78px!important}
  .v7-signature{min-height:50vh;padding:72px 22px}
  .v7-signature h2{font-size:clamp(54px,17vw,82px)}
  html.v7-motion-ready [data-v7-reveal]{transform:translate3d(0,18px,0)}
  [data-v7-parallax]{--v7-parallax-y:0px!important}
  .site-header.v7-scrolled{height:68px!important}
}
@media(prefers-reduced-motion:reduce){
  html.v7-motion-ready [data-v7-reveal],html.v7-motion-ready [data-v7-stagger] > [data-v7-stagger-item]{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
  [data-v7-sweep]::before{display:none!important}
  [data-v7-image] img{transform:none!important;transition:none!important}
  [data-v7-card]:hover,.btn:hover,.product-button:hover,.footer-demo:hover,.primary-cta:hover{transform:none!important}
  html{scroll-behavior:auto!important}
}