/* Product pages extend the original DockFM palette and animated background. */
.product-page{position:relative;z-index:2;width:min(1180px,calc(100% - 3rem));margin:0 auto;padding:10rem 0 5rem;color:#fff;line-height:1.75}.product-page *{box-sizing:border-box}.product-page h1,.product-page h2,.product-page h3{color:#fff;line-height:1.15;letter-spacing:-.035em}.product-intro{max-width:960px;padding:2rem 0 2.5rem}.product-kicker{font-size:.78rem;font-weight:750;letter-spacing:.16em;color:#e9c8ff;margin:0 0 1.2rem}.product-intro h1{font-size:clamp(2.3rem,5.2vw,4.5rem);font-weight:850;margin:0 0 1.5rem}.product-lead{max-width:780px;font-size:clamp(1.05rem,1.6vw,1.25rem);color:#eee4f8}.product-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0}.product-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:48px;font-weight:700;padding:.85rem 1.3rem;border-radius:12px}.product-actions .btn-secondary{border:1px solid #ffffff40;background:#ffffff09;color:white}.product-section{padding:3.5rem 0;border-top:1px solid #ffffff25;scroll-margin-top:10rem}.product-section h2{font-size:clamp(1.75rem,3vw,2.75rem);max-width:900px;margin:0 0 1.4rem}.product-section h3{font-size:1.25rem;margin:0 0 .75rem}.product-section p{max-width:870px;color:#eee4f8;margin:0 0 1rem}.product-section a:not(.btn-primary):not(.btn-secondary),.product-caption a{color:#b6f2fa;text-underline-offset:4px}.product-screen{margin:2rem 0;min-width:0;border:1px solid #ffffff30;border-radius:18px;overflow:hidden;background:#ffffff08;box-shadow:0 18px 65px #18082835}.product-screen>a{display:block;overflow:hidden}.product-screen img{display:block;width:100%;height:auto;object-fit:contain;transition:filter .2s}.product-screen>a:hover img{filter:brightness(1.1)}.product-screen figcaption{padding:1rem 1.3rem;color:#eee4f8;font-size:.82rem;line-height:1.6}.product-screen figcaption a{margin-left:.4rem;color:#b6f2fa;white-space:nowrap}.product-caption{font-size:.85rem;color:#e2d6ef;max-width:890px;margin:1rem 0 2rem}.product-related{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.75rem 0}.product-related a{display:flex;align-items:center;gap:1.5rem;justify-content:space-between;padding:.9rem 1.2rem;border:1px solid #ffffff30;border-radius:12px;background:linear-gradient(110deg,#a855f718,#ec489912);color:#fff!important;text-decoration:none;font-size:.9rem;font-weight:600}.product-related a:hover{background:#ffffff12;border-color:#b991e8}.product-steps{list-style:none;padding:0;margin:2rem 0;display:grid;gap:0}.product-steps li{display:grid;grid-template-columns:65px 1fr;gap:1.5rem;padding:1.7rem 0;border-bottom:1px solid #ffffff20}.product-steps li>span{font-size:1.1rem;color:#dcadff;font-weight:700}.product-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2rem 0}.product-columns article{padding-top:1.2rem;border-top:2px solid #c881f5}.product-columns p{font-size:.97rem}.product-copy{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.product-details details{border:1px solid #ffffff25;border-radius:14px;padding:1.2rem 1.4rem;margin:.8rem 0;background:#ffffff06}.product-details summary{font-weight:700;cursor:pointer;color:white}.product-details details p{padding-top:1rem;margin-bottom:0}.product-checklist{padding-left:1.5rem;max-width:900px;color:#eee4f8}.product-checklist li{padding:.6rem 0}.product-split{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:start}.product-split .product-screen{margin:0 auto;max-width:400px}.product-page :focus-visible{outline:3px solid #c6a0ff;outline-offset:5px}.dock-home>.product-section{max-width:1180px;margin:0 auto}.dock-home>.product-section p{max-width:850px}@media(max-width:760px){.product-page{width:calc(100% - 2rem);padding-top:8rem}.product-intro{padding-top:1rem}.product-columns,.product-copy,.product-split{grid-template-columns:1fr;gap:1.5rem}.product-section{padding:2.5rem 0}.product-steps li{grid-template-columns:30px 1fr;gap:1rem}.product-related a{flex:1 1 220px}.product-actions a{flex:1 1 210px}.product-screen{border-radius:12px}.product-screen figcaption{padding:.85rem}.product-screen figcaption a{white-space:normal}.product-split .product-screen{max-width:330px}.dock-home>.product-section{padding:2rem 0}}@media(prefers-reduced-motion:reduce){.product-screen img{transition:none}}

/* ========================================================================== */
/* DockFM Features — premium product theatre                                 */
/* ========================================================================== */
.features-showcase{max-width:1240px}
.features-showcase .product-intro{max-width:1040px;padding-bottom:1.6rem}
.features-showcase .product-intro h1{max-width:1000px;font-size:clamp(2.7rem,6vw,5.5rem)}
.features-showcase .product-lead{max-width:900px;font-size:clamp(1.08rem,1.65vw,1.32rem)}
.feature-proof-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:1rem 0 2.4rem;border:1px solid rgba(216,180,254,.2);border-radius:20px;overflow:hidden;background:rgba(216,180,254,.14);box-shadow:0 24px 70px rgba(12,5,30,.2)}
.feature-proof-rail>div{padding:1.15rem 1.2rem;background:linear-gradient(145deg,rgba(40,20,65,.9),rgba(8,16,37,.9));min-height:92px}
.feature-proof-rail strong{display:block;color:#fff;font-size:.88rem;line-height:1.3}
.feature-proof-rail span{display:block;margin-top:.35rem;color:#9fb1c6;font-size:.72rem;line-height:1.45}
.features-showcase .product-screen{position:relative;border:1px solid rgba(216,180,254,.26);background:linear-gradient(145deg,rgba(45,22,70,.7),rgba(8,15,35,.88));box-shadow:0 30px 90px rgba(8,3,25,.35),0 0 38px rgba(101,228,237,.055);border-radius:24px;overflow:hidden;isolation:isolate}
.features-showcase .product-screen::before{content:attr(data-screen-label);position:absolute;z-index:4;top:14px;left:14px;padding:.34rem .6rem;border:1px solid rgba(103,232,249,.26);border-radius:999px;background:rgba(9,15,35,.76);backdrop-filter:blur(12px);color:#67e8f9;font-size:.58rem;font-weight:850;letter-spacing:.12em;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.features-showcase .product-screen>a{position:relative;background:#0a0f1e}
.features-showcase .product-screen img{width:100%;height:auto;transform:none!important;filter:none!important;image-rendering:auto;transition:transform .55s cubic-bezier(.23,1,.32,1),filter .4s ease!important}
.features-showcase .product-screen:hover img{transform:scale(1.008)!important;filter:saturate(1.035) contrast(1.01)!important}
.feature-hero-screen{margin:2rem 0 4.4rem!important;border-radius:30px!important;box-shadow:0 42px 120px rgba(7,3,24,.42),0 0 70px rgba(168,85,247,.09)!important}
.feature-hero-screen::after{content:'';position:absolute;inset:auto 8% -45px;height:70px;background:radial-gradient(ellipse,rgba(101,228,237,.13),transparent 68%);filter:blur(14px);pointer-events:none}
.feature-scene{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);column-gap:clamp(2rem,5vw,5.2rem);align-items:center;padding:clamp(4.5rem,8vw,7rem) 0!important;min-height:620px}
.feature-scene::before{content:attr(data-feature);position:absolute;right:0;top:2.8rem;color:rgba(216,180,254,.08);font-size:clamp(5rem,12vw,10rem);font-weight:900;letter-spacing:-.08em;pointer-events:none}
.feature-scene>h2,.feature-scene>.product-copy,.feature-scene>p,.feature-scene>.product-related{grid-column:1}
.feature-scene>.product-screen{grid-column:2;grid-row:auto;margin:1rem 0!important}
.feature-scene--reverse>h2,.feature-scene--reverse>.product-copy,.feature-scene--reverse>p,.feature-scene--reverse>.product-related{grid-column:2}
.feature-scene--reverse>.product-screen{grid-column:1}
.feature-scene h2{font-size:clamp(2rem,4vw,3.65rem);max-width:620px;margin-bottom:1.2rem}
.feature-scene .product-copy{grid-template-columns:1fr;gap:.6rem}
.feature-scene .product-related{align-self:start}
.feature-scene-screen{align-self:center;box-shadow:0 32px 90px rgba(8,3,25,.34),0 0 48px rgba(34,211,238,.06)!important}
.feature-people{padding:clamp(4.5rem,8vw,7rem) 0!important}
.feature-people>.product-columns article{position:relative;padding:1.5rem;border:1px solid rgba(216,180,254,.17);border-radius:18px;background:linear-gradient(145deg,rgba(42,20,68,.55),rgba(8,16,37,.68));box-shadow:0 20px 55px rgba(9,4,25,.19)}
.feature-proof-callout{position:relative;margin:4rem 0;padding:clamp(2rem,5vw,4rem);border:1px solid rgba(103,232,249,.25);border-radius:28px;background:radial-gradient(760px circle at 90% 10%,rgba(34,211,238,.12),transparent 50%),radial-gradient(620px circle at 0 100%,rgba(236,72,153,.09),transparent 52%),linear-gradient(145deg,rgba(43,22,70,.88),rgba(8,16,38,.94));box-shadow:0 38px 100px rgba(8,3,25,.35);overflow:hidden}
.feature-proof-callout h2{font-size:clamp(2rem,4.5vw,3.6rem);max-width:760px;margin:.3rem 0 1rem}
.feature-proof-callout>p:not(.product-kicker){max-width:790px;color:#c1cedc;line-height:1.7}
@media(max-width:900px){.feature-proof-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-scene,.feature-scene--reverse{grid-template-columns:1fr;min-height:0;padding:3.5rem 0!important}.feature-scene>h2,.feature-scene>.product-copy,.feature-scene>p,.feature-scene>.product-related,.feature-scene--reverse>h2,.feature-scene--reverse>.product-copy,.feature-scene--reverse>p,.feature-scene--reverse>.product-related{grid-column:1}.feature-scene>.product-screen,.feature-scene--reverse>.product-screen{grid-column:1;margin:1.6rem 0!important}.feature-scene::before{top:1rem}}
@media(max-width:560px){.feature-proof-rail{grid-template-columns:1fr}.features-showcase .product-screen{border-radius:16px}.features-showcase .product-screen::before{top:9px;left:9px;font-size:.52rem}.feature-hero-screen{margin-bottom:3rem!important}.feature-proof-callout{border-radius:20px}}
@media(prefers-reduced-motion:reduce){.features-showcase .product-screen img{transition:none!important}.features-showcase .product-screen:hover img{transform:none!important}}

/* ========================================================================== */
/* P1 shared product presentation                                             */
/* ========================================================================== */
.product-page>.product-section{position:relative}
.product-page>.product-section>h2:first-child::after{content:'';display:block;width:56px;height:2px;margin-top:.85rem;border-radius:999px;background:linear-gradient(90deg,#67e8f9,#c084fc,#ec4899);box-shadow:0 0 18px rgba(103,232,249,.14);opacity:.72}
.product-page .product-columns article{transition:transform .28s cubic-bezier(.23,1,.32,1),border-color .25s ease,background-color .25s ease,box-shadow .3s ease}
.product-page .product-columns article:hover{transform:translateY(-4px);border-color:#e0b9ff;box-shadow:0 20px 54px rgba(9,4,25,.19)}
.product-page .product-details details{transition:transform .24s cubic-bezier(.23,1,.32,1),border-color .22s ease,background-color .22s ease,box-shadow .28s ease}
.product-page .product-details details:hover{transform:translateY(-2px);border-color:rgba(216,180,254,.38);background:rgba(255,255,255,.055);box-shadow:0 15px 40px rgba(9,4,25,.18)}
.product-page .product-cta{margin:clamp(3rem,7vw,6rem) 0 1rem;padding:clamp(2rem,5vw,3.6rem);border:1px solid rgba(103,232,249,.24);border-radius:26px;background:radial-gradient(640px circle at 90% 5%,rgba(34,211,238,.10),transparent 50%),radial-gradient(520px circle at 0 100%,rgba(236,72,153,.08),transparent 52%),linear-gradient(145deg,rgba(43,21,69,.79),rgba(8,15,35,.88));box-shadow:0 30px 84px rgba(8,3,25,.28);overflow:hidden}
.product-page .product-cta h2{font-size:clamp(2rem,4vw,3.45rem);max-width:780px}
.product-page .product-cta p{max-width:760px;color:#c0cede}
.product-page .product-cta .product-actions{margin-bottom:0}
.product-page .product-cta .btn-primary{box-shadow:0 12px 34px rgba(34,211,238,.12)}
@media(max-width:760px){.product-page .product-columns article:hover,.product-page .product-details details:hover{transform:none}.product-page .product-cta{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.product-page .product-columns article,.product-page .product-details details{transition:none!important;transform:none!important}}

@view-transition{navigation:auto}
::view-transition-old(root){animation:180ms ease both dockPageOut}
::view-transition-new(root){animation:320ms cubic-bezier(.23,1,.32,1) both dockPageIn}
@keyframes dockPageOut{to{opacity:.86;filter:blur(1.5px)}}
@keyframes dockPageIn{from{opacity:.82;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
.feature-visual-reel{margin:clamp(3rem,7vw,6rem) 0;padding:clamp(1.5rem,4vw,3rem);display:grid;grid-template-columns:minmax(250px,.48fr) minmax(0,1.52fr);gap:clamp(1.8rem,4vw,4rem);align-items:center;border:1px solid rgba(103,232,249,.18);border-radius:30px;background:radial-gradient(760px circle at 90% 5%,rgba(34,211,238,.09),transparent 50%),linear-gradient(145deg,rgba(38,20,63,.74),rgba(7,14,32,.9));box-shadow:0 34px 96px rgba(7,3,22,.31);overflow:hidden}.feature-reel-copy h2{margin:.25rem 0 1rem;color:#fff;font-size:clamp(2rem,4vw,3.55rem);line-height:1.04}.feature-reel-copy>p:not(.product-kicker){color:#adbed1;line-height:1.7}.feature-reel-stage{position:relative;aspect-ratio:2.42/1;border:1px solid rgba(216,180,254,.2);border-radius:22px;overflow:hidden;background:#060b17;box-shadow:0 30px 80px rgba(3,2,15,.42);isolation:isolate}.feature-reel-stage::before{content:'';position:absolute;z-index:6;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,11,23,.02),transparent 65%,rgba(6,11,23,.48));box-shadow:inset 0 1px rgba(255,255,255,.05)}.feature-reel-frame{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.018);animation:dockFeatureReel 18s cubic-bezier(.23,1,.32,1) infinite}.feature-reel-frame.is-b{animation-delay:6s}.feature-reel-frame.is-c{animation-delay:12s}.feature-reel-frame>a{display:block;width:100%;height:100%;color:inherit;text-decoration:none;cursor:zoom-in}.feature-reel-frame>a:focus-visible{outline:3px solid #67e8f9;outline-offset:-6px}.feature-reel-frame img{display:block;width:100%;height:100%;object-fit:contain;background:#060b17}.feature-reel-frame figcaption{position:absolute;z-index:7;left:1rem;bottom:1rem;display:grid;gap:.15rem;padding:.7rem .85rem;max-width:min(70%,480px);border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(7,12,28,.76);backdrop-filter:blur(12px);box-shadow:0 12px 34px rgba(0,0,0,.25)}.feature-reel-frame figcaption strong{color:#fff;font-size:.8rem}.feature-reel-frame figcaption span{color:#b9c8d8;font-size:.7rem}.feature-reel-progress{position:absolute;z-index:8;right:1rem;bottom:1rem;display:flex;gap:.35rem}.feature-reel-progress i{display:block;width:24px;height:2px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}.feature-reel-progress i::after{content:'';display:block;width:100%;height:100%;background:#67e8f9;transform:scaleX(0);transform-origin:left;animation:dockFeatureProgress 18s linear infinite}.feature-reel-progress i:nth-child(2)::after{animation-delay:6s}.feature-reel-progress i:nth-child(3)::after{animation-delay:12s}@keyframes dockFeatureReel{0%{opacity:0;transform:scale(1.012)}4%{opacity:1}29%{opacity:1;transform:scale(1)}33.3%,100%{opacity:0;transform:scale(.998)}}@keyframes dockFeatureProgress{0%,33.2%{transform:scaleX(0)}4%,29%{transform:scaleX(1)}33.3%,100%{transform:scaleX(0)}}@media(max-width:900px){.feature-visual-reel{grid-template-columns:1fr}.feature-reel-copy{max-width:720px}}@media(max-width:560px){.feature-visual-reel{border-radius:20px}.feature-reel-stage{border-radius:14px}.feature-reel-frame figcaption{max-width:76%;left:.7rem;bottom:.7rem}.feature-reel-progress{right:.7rem;bottom:.7rem}.feature-reel-progress i{width:14px}}@media(prefers-reduced-motion:reduce){.feature-reel-frame{animation:none!important;opacity:0;transform:none}.feature-reel-frame.is-a{opacity:1}.feature-reel-progress{display:none}}

.feature-strength-grid{margin:clamp(3rem,7vw,6rem) 0;padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(216,180,254,.16);border-radius:28px;background:linear-gradient(145deg,rgba(23,15,48,.68),rgba(8,14,31,.78));box-shadow:0 30px 84px rgba(7,3,22,.22)}
.feature-strength-head{max-width:780px}.feature-strength-head h2{font-size:clamp(2rem,4vw,3.5rem);margin:.25rem 0 1rem}.feature-strength-head>p:not(.product-kicker){color:#b9c8d8;line-height:1.75}.feature-strength-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.feature-strength-cards article{padding:1.35rem;border:1px solid rgba(103,232,249,.14);border-radius:18px;background:linear-gradient(145deg,rgba(22,17,45,.76),rgba(8,14,31,.72));transition:transform .25s cubic-bezier(.23,1,.32,1),border-color .25s ease,box-shadow .25s ease}.feature-strength-cards article:hover{transform:translateY(-3px);border-color:rgba(103,232,249,.3);box-shadow:0 18px 44px rgba(4,3,16,.22)}.feature-strength-cards article>span{color:#67e8f9;font-size:.62rem;font-weight:900;letter-spacing:.13em}.feature-strength-cards h3{font-size:1.15rem;margin:.5rem 0 .7rem}.feature-strength-cards p{color:#aebed0;line-height:1.65;margin:0}@media(max-width:760px){.feature-strength-cards{grid-template-columns:1fr}.feature-strength-cards article:hover{transform:none}}@media(prefers-reduced-motion:reduce){.feature-strength-cards article{transition:none!important}}