@import url('style-r04.css');
/* R05: unified original island purple, centered prose, restrained entry animation. */
:root{--purple:#6e43af;--ink:#30243f}
.veil{background:linear-gradient(90deg,rgba(249,246,252,.12),rgba(249,246,252,.46) 25%,rgba(249,246,252,.46) 75%,rgba(249,246,252,.12))}
main{padding-top:100px}.reading,.feature-intro,.product-description{text-align:center}.reading strong,.product-description h2,[role=tab],[role=tab][aria-selected=true],.enter,.video-link{color:var(--purple)}
.product-showcase{padding:14px;background:#ffffff40;border-color:#ffffffa8;box-shadow:0 16px 55px #6842940c;border-radius:30px}
[role=tablist]{position:relative;isolation:isolate;padding:6px;gap:0;background:#dfcfef66;border:1px solid #d9c6e899;border-radius:20px;margin-bottom:14px}
[role=tablist]:before{content:'';position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px)/4);background:linear-gradient(150deg,#fffaff,#f0e6fc);border:1px solid #ffffff;border-radius:15px;box-shadow:0 4px 16px #7043a31c;z-index:-1;transition:transform .4s cubic-bezier(.22,1,.36,1);box-sizing:border-box}
body[data-product="1"] [role=tablist]:before{transform:translateX(100%)}body[data-product="2"] [role=tablist]:before{transform:translateX(200%)}body[data-product="3"] [role=tablist]:before{transform:translateX(300%)}
[role=tab]{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 8px;color:var(--purple);opacity:.72;font-weight:400;background:transparent!important;box-shadow:none!important;border:0;border-radius:15px}
[role=tab][aria-selected=true]{opacity:1;font-weight:700}[role=tab]:hover{opacity:1}.tab-thumb{height:40px;width:42px;object-fit:contain;filter:drop-shadow(0 3px 3px #6e43af14);transition:transform .35s}[role=tab][aria-selected=true] .tab-thumb{transform:translateY(-2px)}
.panel-frame{background:linear-gradient(135deg,#fcf8ffb3,#f6edff99);border:1px solid #ffffff8c;border-radius:21px}.product-description{justify-self:center}.product-description h2{font-size:24px}.product-description .video-link{color:var(--purple);background:#e6d4fa80;border-color:#cbb1e8}
@property --cta-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.enter{border:0;background:#f8f2fc;overflow:visible;box-shadow:0 8px 30px #6e43af0c;transition:transform .4s,box-shadow .4s}
.enter:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--cta-angle),#6e43af,#ceb1fa,#ffd6e9,#f6c9b8,#b99be6,#6e43af);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:entry-orbit 5s linear infinite;z-index:3;pointer-events:none}
@keyframes entry-orbit{to{--cta-angle:360deg}}
.sky{inset:2px;border-radius:inherit;background:linear-gradient(125deg,#b492ec,#e7d3fb 40%,#f5c3da 75%,#f2d0b7);opacity:.08;transition:inset .45s,opacity .45s}.sky:before,.sky:after{opacity:.5;filter:blur(16px)}
.enter:is(:hover,:focus-visible){transform:translateY(-2px) scale(1.025);box-shadow:0 12px 35px #9470bd29}.enter:is(:hover,:focus-visible) .sky{inset:-3px -7px;border-radius:inherit;opacity:.9}
@media(max-width:680px){main{padding-top:60px}.product-showcase{padding:8px;border-radius:23px}[role=tablist]{padding:4px;margin-bottom:8px;border-radius:15px}[role=tablist]:before{top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/4);border-radius:11px}[role=tab]{flex-direction:column;gap:5px;padding:8px 1px;font-size:12px}.tab-thumb{height:27px;width:30px}.product-description h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.enter:before{animation:none}[role=tablist]:before{transition:none}}

/* R07 targeted feedback: product copy only; clear video affordance. */
.product-description{text-align:left}
.product-description .video-link{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;padding:12px 20px;background:#e5d1fa;border:1px solid #b591dc;min-height:50px;box-shadow:0 4px 12px #6e43af0c}
.product-description .video-link:hover{background:#d9bdef;box-shadow:0 6px 16px #6e43af20}
.video-play{width:28px;height:28px;flex:0 0 28px}
.cn-word{white-space:nowrap}

/* R08: Lucide ISC licensed icons replace repeated product thumbnails only. */
.tab-symbol{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;background:#cdb2ef38;color:var(--purple);transition:transform .3s,background .3s}
.tab-symbol svg{width:25px;height:25px;stroke-width:1.7}
[role=tab]:hover .tab-symbol{transform:rotate(-7deg) translateY(-1px);background:#cdb2ef65}
[role=tab][aria-selected=true] .tab-symbol{background:#d4b9f06b}
@media(max-width:680px){.tab-symbol{width:29px;height:29px;border-radius:9px}.tab-symbol svg{width:21px;height:21px}}

/* CTRL-065: clear skip link, original reading layout unchanged. */
.direct-enter{margin-left:auto;white-space:nowrap;color:var(--purple);font-size:15px;font-weight:600;text-decoration:none;padding:10px 0}
.direct-enter:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:680px){header .controls{order:3;width:100%;justify-content:flex-end}.direct-enter{font-size:14px}}