/* Native-scroll story with a closed, rounded 3D chassis. Each display face
   keeps video clipping local, including in mobile Safari.
   iPhone 18 Pro Max proportions: 78 x 163.4 mm (Apple technical specifications).
   Reference: https://www.apple.com/iphone-18-pro/specs/ */
.fund-app-story{--phone-width:300px;--app-angle:0deg;--app-open:1;--app-shade:0;position:relative;margin-top:12px}
.fund-app-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,7vw,110px);align-items:center;min-height:700px}
.fund-app-story[data-scroll-mode="sticky"]{height:calc(var(--app-height) + 200svh)}
.fund-app-story[data-scroll-mode="sticky"] .fund-app-stage{position:sticky;top:var(--app-top);height:var(--app-height);min-height:0}
.fund-app-points{min-width:0;display:grid;gap:30px;padding-block:24px}
.fund-app-point{border-top:1px solid #17231d30;padding-top:18px;transition:border-color .25s}
.fund-app-point>span{display:block;color:#53614c;font-size:11px;line-height:1.5;margin-bottom:12px}
.fund-app-point h3{font-size:clamp(28px,3.4vw,48px);line-height:1.1;letter-spacing:-.025em;margin:0;color:#3e4c40;transition:color .25s}
.fund-app-point[data-active="true"]{border-top-color:#283f2d}
.fund-app-point[data-active="true"] h3{color:#101712}
.fund-app-device{position:relative;display:grid;place-items:center;min-width:0;perspective:1200px}
.fund-app-device:before{content:"";position:absolute;inset:8% -5%;background:radial-gradient(ellipse,#a2b29235,transparent 65%);pointer-events:none}
.fund-phone{position:relative;width:min(100%,var(--phone-width));aspect-ratio:78/163.4;pointer-events:none;user-select:none;container-type:inline-size}
.fund-app-story[data-scroll-mode="sticky"] .fund-phone{width:min(100%,var(--phone-width),calc((var(--app-height) - 36px) * .4774))}
.fund-phone-body{position:absolute;inset:0;--phone-depth:11.22cqw;--phone-half-depth:5.61cqw;transform:perspective(1000px) rotateY(var(--app-angle));transform-style:preserve-3d}
.fund-phone-shell{position:absolute;inset:0;transform-style:preserve-3d}
.fund-phone-shell:before,.fund-phone-shell:after{content:"";position:absolute;left:calc(50% - 5.31cqw);top:.15cqw;width:10.62cqw;height:calc(100% - .3cqw);background:linear-gradient(90deg,#777b81,#292c31 9%,#555a61 50%,#24272c 93%,#777b81);transform:rotateY(90deg) translateZ(32cqw);opacity:clamp(0,calc((sin(var(--app-angle)) * sin(var(--app-angle)) - .25) * 4),1)}
.fund-phone-shell:after{transform:rotateY(90deg) translateZ(-32cqw)}
.fund-phone-edge{position:absolute;display:block;left:calc(50% + var(--edge-x));top:calc(50% + var(--edge-y));width:var(--edge-length);height:var(--phone-depth);transform:translate(-50%,-50%) rotateZ(var(--edge-angle)) rotateX(90deg);background:linear-gradient(0deg,#777b81 0%,#292c31 9%,#40444a 25%,#555a61 50%,#363a40 77%,#24272c 93%,#777b81 100%);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.fund-phone-edge-rail:before,.fund-phone-edge-rail:after{content:"";position:absolute;left:4%;top:0;bottom:0;width:.7cqw;background:#282b30}
.fund-phone-edge-rail:after{left:auto;right:4%}
.fund-phone-edge-rail i{position:absolute;left:23%;top:30%;width:14%;height:40%;border-radius:1.5cqw;background:linear-gradient(#656a72,#3b4047);box-shadow:0 0 0 .3cqw #25282e,inset 0 .2cqw .2cqw #a1a4aa70}
.fund-phone-edge-right i+i{left:69%;width:10%;background:#2c3035}
.fund-phone-edge-left i{left:68%;width:9%}.fund-phone-edge-left i+i{left:81%}
.fund-phone-front,.fund-phone-back{position:absolute;inset:0;border-radius:17cqw;box-sizing:border-box;background:linear-gradient(145deg,#5b5d60,#161719 45%,#343639);box-shadow:inset 0 0 0 .45cqw #777b81,0 20px 40px -14px #15201b35;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:flat}
.fund-phone-front{padding:2.7%;transform:translateZ(var(--phone-half-depth))}
.fund-phone-back{transform:rotateY(180deg) translateZ(var(--phone-half-depth));background:linear-gradient(145deg,#45474a,#232527 55%,#35373a)}
.fund-phone-back:before{content:"";position:absolute;inset:28.5% 5.5% 3.5%;border-radius:10% / 6%;background:linear-gradient(145deg,#37393c,#25272a 60%,#303235);box-shadow:inset 0 0 0 1px #ffffff0d}
.fund-phone-screen{position:relative;width:100%;height:100%;border-radius:14.5% / 6.5%;overflow:hidden;isolation:isolate;contain:paint;background:#f5f5f2;-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff);clip-path:inset(0 round 14.5% / 6.5%)}
.fund-phone-screen>video,.fund-phone-screen>[data-app-poster]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;clip-path:inset(0 round 14.5% / 6.5%);display:block;max-width:100%}
.fund-phone-screen>[data-app-poster]{z-index:1;opacity:1}
.fund-app-story[data-video-playing="true"] [data-app-poster]{opacity:0}
.fund-phone-island{position:absolute;z-index:5;top:2.1%;left:36%;width:28%;height:3.8%;border-radius:99px;background:#020304}
.fund-phone-lock{position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 50% 110%,#506647,#182a20 60%,#0d1712);color:#f3f1e8;display:flex;align-items:center;flex-direction:column;padding-top:20%;transform:translateY(calc(var(--app-open) * -106%));opacity:calc(1 - var(--app-open));border-radius:inherit}
.fund-phone-lock>svg{width:7%;height:auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;margin-bottom:8%}
.fund-phone-lock>span{font:300 clamp(40px,6vw,80px)/1 Inter,Arial,sans-serif;letter-spacing:-.04em}
.fund-phone-lock>img{width:38%;height:auto;filter:brightness(0) invert(1);opacity:.75;margin-top:auto;margin-bottom:66%}
.fund-phone-shade{position:absolute;inset:0;z-index:6;background:#040906;opacity:var(--app-shade);border-radius:inherit}
.fund-phone-button{position:absolute;right:-2%;top:28%;width:1.4%;height:12%;border-radius:2px;background:linear-gradient(90deg,#52565a,#25272a)}
.fund-phone-button-camera{top:68%;height:8%;background:#202225;box-shadow:inset 0 0 0 1px #64676b}
.fund-phone-button-volume{left:-2%;right:auto;top:25%;height:8%;box-shadow:0 43px 0 #414449}
.fund-phone-apple{position:absolute;left:42%;top:51%;width:16%;height:auto;fill:#65676a;opacity:.65}
.fund-phone-cameras{position:absolute;display:block;left:4.5%;top:2.7%;width:91%;height:auto;aspect-ratio:280/164;border-radius:17% / 29%;background:linear-gradient(145deg,#56585c,#34363a 60%,#3e4044);box-shadow:inset 0 0 0 .3cqw #ffffff24,0 1.2cqw 2.4cqw #0004}
@media(max-width:760px){
 .fund-app-story{--phone-width:200px;margin-top:0}
 .fund-app-stage{gap:24px;min-height:480px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .fund-app-points{gap:24px;padding-block:16px}
 .fund-app-point{padding-top:12px}
 .fund-app-point>span{font-size:10px;margin-bottom:9px}
 .fund-app-point h3{font-size:clamp(21px,4.9vw,32px);line-height:1.12;letter-spacing:-.03em}
 .fund-phone-lock>span{font-size:clamp(36px,10vw,55px)}
 .fund-app-story[data-scroll-mode="sticky"]{height:calc(var(--app-height) + 170svh)}
}
@media(max-width:370px){.fund-app-stage{gap:16px}.fund-app-point h3{font-size:20px}.fund-app-point>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.fund-app-point,.fund-app-point h3{transition:none}}