/* Kairo Works v9.0 — Shared product storytelling */
.page-product{--product-glow:color-mix(in srgb,var(--app-accent) 24%,transparent)}
.page-product .product-hero{position:relative;overflow:clip;isolation:isolate;background:radial-gradient(circle at 74% 48%,color-mix(in srgb,var(--app-accent) 20%,transparent),transparent 32%),linear-gradient(120deg,#060608,#0b080b)}
.page-product .product-hero-grid{z-index:2}
.page-product .product-icon-stage{transform-style:preserve-3d;perspective:1100px;overflow:visible}
.page-product .product-icon-stage>img{will-change:transform;filter:drop-shadow(0 34px 70px var(--product-glow))}
.page-product .icon-halo{box-shadow:0 0 120px var(--product-glow);will-change:transform,opacity}
.page-product .product-icon-stage:after{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid color-mix(in srgb,var(--app-accent) 26%,transparent);pointer-events:none;opacity:.72}

html[data-motion="full"] .page-product .value-grid>div:first-child{position:sticky;top:calc(var(--header-h) + 52px);align-self:start}
html[data-motion="full"] .page-product .feature-grid article{opacity:.44;transform:translateY(0);transition:opacity .32s ease,border-color .32s ease,box-shadow .32s ease,transform .32s ease}
html[data-motion="full"] .page-product .feature-grid article.is-active{opacity:1;border-color:color-mix(in srgb,var(--app-accent) 36%,var(--line-light));box-shadow:0 22px 58px color-mix(in srgb,var(--app-accent) 8%,transparent);transform:translateY(-3px)}
html[data-motion="full"] .page-product .feature-grid article.is-active span{color:var(--app-accent)}

/* Premium feature-to-screen story */
.page-product .product-feature-story{display:none}
html[data-motion="full"] .page-product .product-value.has-feature-story{position:relative;overflow:clip;background:radial-gradient(circle at 23% 44%,color-mix(in srgb,var(--app-accent) 8%,transparent),transparent 32%),var(--paper)}
html[data-motion="full"] .page-product .product-value.has-feature-story:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.026) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 62%);opacity:.7}
html[data-motion="full"] .page-product .product-value.has-feature-story>.value-grid{display:none}
html[data-motion="full"] .page-product .product-feature-story{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);gap:clamp(54px,8vw,130px);align-items:start;position:relative;z-index:2;padding-block:clamp(90px,11vw,160px)}
.page-product .product-story-stage{position:sticky;top:calc(var(--header-h) + 34px);min-height:calc(100vh - var(--header-h) - 68px);display:grid;align-content:center;justify-items:center;perspective:1400px}
.page-product .product-story-stage:before{content:"";position:absolute;width:min(40vw,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--app-accent) 18%,transparent),transparent 66%);filter:blur(14px);pointer-events:none}
.page-product .product-story-device{position:relative;width:min(28vw,330px);aspect-ratio:9/18.4;border-radius:42px;padding:10px;background:linear-gradient(145deg,#18191e,#050507 56%,#202127);border:1px solid rgba(255,255,255,.18);box-shadow:0 48px 120px rgba(0,0,0,.26),0 0 72px color-mix(in srgb,var(--app-accent) 13%,transparent),inset 0 0 0 1px rgba(255,255,255,.045);transform-style:preserve-3d;will-change:transform}
.page-product .product-story-device:before{content:"";position:absolute;left:50%;top:8px;z-index:6;width:34%;height:22px;transform:translateX(-50%);border-radius:0 0 15px 15px;background:#050507;box-shadow:0 1px 0 rgba(255,255,255,.04)}
.page-product .product-story-screen-stack{position:absolute;inset:10px;border-radius:34px;overflow:hidden;background:#08090d}
.page-product .product-story-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;will-change:transform,opacity,clip-path}
.page-product .product-story-screen:first-child{opacity:1}
.page-product .product-story-device-chrome{position:absolute;inset:0;z-index:7;pointer-events:none}
.page-product .product-story-device-chrome i:nth-child(1),.page-product .product-story-device-chrome i:nth-child(2){position:absolute;left:-3px;width:3px;border-radius:3px 0 0 3px;background:#303139}
.page-product .product-story-device-chrome i:nth-child(1){top:22%;height:48px}.page-product .product-story-device-chrome i:nth-child(2){top:31%;height:72px}
.page-product .product-story-device-chrome i:nth-child(3){position:absolute;right:-3px;top:25%;width:3px;height:86px;border-radius:0 3px 3px 0;background:#303139}
.page-product .product-story-meta{display:grid;grid-template-columns:auto auto minmax(80px,1fr) auto;align-items:center;gap:11px;width:min(34vw,420px);margin-top:26px;color:#151519;font:800 .67rem Sora;letter-spacing:.12em;text-transform:uppercase}
.page-product .product-story-meta>span{color:var(--app-accent)}
.page-product .product-story-meta>b,.page-product .product-story-meta>em{font-style:normal;font-size:.72rem}
.page-product .product-story-meta>i{height:2px;background:rgba(0,0,0,.12);overflow:hidden}
.page-product .product-story-meta>i:before{content:"";display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--app-accent),var(--app-accent-2));transform:scaleX(var(--feature-progress,.25));transform-origin:left;transition:transform .35s ease}
.page-product .product-story-meta>small{grid-column:1/-1;color:#73737c;font:600 .7rem Manrope;letter-spacing:.04em;text-transform:none;text-align:center;min-height:1.3em}
.page-product .product-story-steps{position:relative;padding-block:10vh}
.page-product .product-story-steps:before{content:"";position:absolute;left:-28px;top:10vh;bottom:10vh;width:1px;background:rgba(0,0,0,.09)}
.page-product .product-story-steps:after{content:"";position:absolute;left:-29px;top:10vh;width:3px;height:calc(100% - 20vh);background:linear-gradient(var(--app-accent),var(--app-accent-2));transform:scaleY(var(--feature-story-progress,0));transform-origin:top;border-radius:99px}
.page-product .product-story-steps article{min-height:58vh;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:clamp(28px,4vw,54px);border:1px solid transparent;border-radius:30px;opacity:.32;transform:translateX(16px) scale(.985);transition:opacity .38s ease,transform .38s cubic-bezier(.2,.8,.2,1),border-color .38s ease,background .38s ease,box-shadow .38s ease}
.page-product .product-story-steps article+article{margin-top:8vh}
.page-product .product-story-steps article>span{font:900 .74rem Sora;letter-spacing:.14em;color:var(--app-accent)}
.page-product .product-story-steps article h3{font-size:clamp(2rem,4vw,4.4rem);line-height:1.02}
.page-product .product-story-steps article p{max-width:620px;color:#65656e;font-size:clamp(1rem,1.25vw,1.15rem)}
.page-product .product-story-steps article.is-active{opacity:1;transform:translateX(0) scale(1);border-color:color-mix(in srgb,var(--app-accent) 22%,rgba(0,0,0,.08));background:linear-gradient(135deg,color-mix(in srgb,var(--app-accent) 5%,#fff),rgba(255,255,255,.68));box-shadow:0 30px 75px color-mix(in srgb,var(--app-accent) 8%,rgba(0,0,0,.06))}

html[data-motion="full"] .page-product .screens-section.is-motion-gallery{min-height:100vh;display:grid;align-content:center;overflow:hidden;padding-bottom:0}
html[data-motion="full"] .page-product .screens-section.is-motion-gallery .section-heading{padding-top:0}
html[data-motion="full"] .page-product .screens-section.is-motion-gallery .screen-gallery{overflow:visible;scroll-snap-type:none;scrollbar-width:none;will-change:transform;padding-bottom:10px}
html[data-motion="full"] .page-product .screens-section.is-motion-gallery .screen-card{will-change:transform,opacity;box-shadow:0 30px 70px rgba(0,0,0,.32)}
html[data-motion="full"] .page-product .screens-section.is-motion-gallery .gallery-controls{opacity:.45}
.page-product .screen-mobile-meter{display:none}

.page-product .trust-actions a,.page-product .product-navigation a{transition:transform .24s ease,border-color .24s ease,background .24s ease}
html[data-motion="full"] .page-product .trust-actions a:hover,html[data-motion="full"] .page-product .product-navigation a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--app-accent) 34%,var(--line-light))}

/* Product signatures: background + icon-stage language */
.page-verdade-ou-desafio .product-hero:before{content:"";position:absolute;inset:-42%;pointer-events:none;opacity:.16;background:repeating-conic-gradient(from 0deg at 72% 48%,color-mix(in srgb,var(--app-accent) 58%,transparent) 0 1.1deg,transparent 1.1deg 22.5deg);mask-image:radial-gradient(circle at 72% 48%,#000 0 28%,transparent 54%)}
.page-verdade-ou-desafio .product-icon-stage:after{border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--app-accent) 16%,transparent) 0 1deg,transparent 1deg 30deg);border-color:color-mix(in srgb,var(--app-accent) 34%,transparent);mask-image:radial-gradient(circle,transparent 49%,#000 50% 51%,transparent 52%)}

.page-pitlane .product-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(90deg,transparent 0 54%,color-mix(in srgb,var(--app-accent) 40%,transparent) 54% 54.15%,transparent 54.15% 100%),repeating-linear-gradient(0deg,transparent 0 54px,rgba(255,255,255,.05) 55px 56px);mask-image:linear-gradient(90deg,transparent 22%,#000 58%,transparent 100%)}
.page-pitlane .product-hero:after{content:"";position:absolute;width:min(56vw,760px);aspect-ratio:1;right:-18%;bottom:-68%;border-radius:50%;border:1px dashed color-mix(in srgb,var(--app-accent) 34%,transparent);box-shadow:0 0 0 46px color-mix(in srgb,var(--app-accent) 3%,transparent),0 0 0 92px color-mix(in srgb,var(--app-accent) 2%,transparent);pointer-events:none;opacity:.72}
.page-pitlane .product-icon-stage:after{border-width:2px;border-style:dashed;box-shadow:inset 0 0 70px color-mix(in srgb,var(--app-accent) 8%,transparent)}

.page-neon-armada .product-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 52%,color-mix(in srgb,var(--app-accent-2) 8%,transparent) 52.2% 52.8%,transparent 53% 100%);opacity:.72}
.page-neon-armada .product-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.2px),radial-gradient(circle,color-mix(in srgb,var(--app-accent-2) 70%,#fff) 0 1px,transparent 1.3px);background-size:83px 83px,137px 137px;background-position:0 0,31px 57px;opacity:.18;pointer-events:none}

.page-cupid-love-dice .product-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle at 72% 30%,color-mix(in srgb,var(--app-accent) 72%,#fff) 0 5px,transparent 6px),radial-gradient(circle at 79% 42%,color-mix(in srgb,var(--app-accent-2) 72%,#fff) 0 5px,transparent 6px),radial-gradient(circle at 66% 53%,color-mix(in srgb,var(--app-accent) 62%,#fff) 0 5px,transparent 6px),radial-gradient(circle at 83% 61%,color-mix(in srgb,var(--app-accent-2) 62%,#fff) 0 5px,transparent 6px)}
.page-cupid-love-dice .product-icon-stage:after{border-radius:26%;transform:rotate(10deg);box-shadow:35px 28px 0 -1px transparent,35px 28px 0 0 color-mix(in srgb,var(--app-accent-2) 30%,transparent)}

.page-cupid-date-night .product-hero:before{content:"";position:absolute;width:min(46vw,610px);height:min(62vh,620px);right:-4%;top:18%;pointer-events:none;opacity:.18;border:1px solid color-mix(in srgb,var(--app-accent) 38%,transparent);border-radius:34px;transform:rotate(-8deg);box-shadow:36px 30px 0 -1px transparent,36px 30px 0 0 color-mix(in srgb,var(--app-accent-2) 28%,transparent),72px 59px 0 -1px transparent,72px 59px 0 0 color-mix(in srgb,var(--app-accent) 18%,transparent)}
.page-cupid-date-night .product-icon-stage:after{border-radius:28px;transform:rotate(-7deg);box-shadow:28px 24px 0 -1px #08080b,28px 24px 0 0 color-mix(in srgb,var(--app-accent-2) 32%,transparent),54px 44px 0 -1px #08080b,54px 44px 0 0 color-mix(in srgb,var(--app-accent) 22%,transparent)}

.page-lumina.page-product .product-hero:before{content:"";position:absolute;width:min(58vw,820px);aspect-ratio:1;right:-12%;top:-34%;border-radius:50%;pointer-events:none;opacity:.28;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--app-accent) 38%,transparent) 0 1px,transparent 1px 30deg);mask-image:radial-gradient(circle,transparent 0 46%,#000 46.3% 46.7%,transparent 47% 60%,#000 60.3% 60.6%,transparent 61%)}
.page-lumina .product-icon-stage:after{border-radius:50%;border-style:dashed;box-shadow:0 0 0 28px color-mix(in srgb,var(--app-accent) 4%,transparent),0 0 90px color-mix(in srgb,var(--app-accent) 14%,transparent)}

html[data-motion="full"] .page-verdade-ou-desafio .product-hero:before{animation:kairoProductOrbit 52s linear infinite}
html[data-motion="full"] .page-pitlane .product-hero:after{animation:kairoGaugeDrift 18s ease-in-out infinite alternate}
html[data-motion="full"] .page-neon-armada .product-hero:after{animation:kairoStarDrift 36s linear infinite}
html[data-motion="full"] .page-lumina.page-product .product-hero:before{animation:kairoProductOrbit 80s linear infinite reverse}
@keyframes kairoProductOrbit{to{transform:rotate(360deg)}}
@keyframes kairoGaugeDrift{from{transform:translate3d(0,0,0) rotate(-3deg)}to{transform:translate3d(-3%,-2%,0) rotate(4deg)}}
@keyframes kairoStarDrift{to{background-position:83px 166px,168px 331px}}

@media(max-width:900px){
  .page-product .product-icon-stage:after{inset:10%}
  .page-product .feature-grid article{opacity:1!important;transform:none!important}
  .page-product .product-feature-story{display:none!important}
  .page-product .screen-gallery{scroll-padding-inline:5vw}
  .page-product .screen-card{transition:transform .3s ease,opacity .3s ease,border-color .3s ease,box-shadow .3s ease;opacity:.66;transform:scale(.955)}
  .page-product .screen-card.is-screen-active{opacity:1;transform:scale(1);border-color:color-mix(in srgb,var(--app-accent) 34%,transparent);box-shadow:0 22px 58px color-mix(in srgb,var(--app-accent) 10%,rgba(0,0,0,.25))}
  .page-product .screen-mobile-meter{display:flex;align-items:center;gap:12px;width:min(84vw,440px);margin:12px auto 0;font:800 .72rem Sora;letter-spacing:.12em;color:inherit}
  .page-product .screen-mobile-meter i{display:block;height:2px;flex:1;background:color-mix(in srgb,currentColor 14%,transparent);overflow:hidden}
  .page-product .screen-mobile-meter i:before{content:"";display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--app-accent),var(--app-accent-2));transform:scaleX(var(--screen-progress,.2));transform-origin:left;transition:transform .3s ease}
  .page-pitlane .product-hero:after,.page-cupid-date-night .product-hero:before{opacity:.1}
}

@media(prefers-reduced-motion:reduce){
  .page-product .feature-grid article,.page-product .screen-card{opacity:1!important;transform:none!important;transition:none!important}
  .page-product .product-feature-story{display:none!important}
  .page-product .product-hero:before,.page-product .product-hero:after{animation:none!important}
}