/* Lightweight local product showcases. Fixed composition avoids layout shifts. */
.project-card{border:0;padding:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #18301608}
.project-card .art{border-radius:0;aspect-ratio:1.5}
.project-info{padding:28px 28px 30px}
.project-info>p:not(.eyebrow){min-height:0;max-width:590px}
.project-info h3{margin:12px 0 18px}
.project-info .status{margin-top:22px}
.project-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center}
.art-link:hover .art{transform:none;box-shadow:none}
.art-link:focus-visible{outline-offset:-5px;position:relative;z-index:2}
.premium-art{padding:0!important;position:relative!important;top:auto!important;isolation:isolate;color:#edf4eb;background:#101a16;overflow:hidden;border:1px solid #6c8b6426}
.premium-art:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 0,#77a76130,transparent 65%),linear-gradient(145deg,#17261d,#080e0b)}
.premium-art:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px #0003}
.pv-scene{position:absolute;width:600px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--pv-scale,.85));transform-origin:center;font-family:Arial,Helvetica,sans-serif}
.pv-disclaimer{position:absolute;bottom:12px;left:18px;font-size:8px;letter-spacing:.12em;color:#b8c8b3;z-index:3}
.pv-window{position:absolute;border:1px solid #80977650;border-radius:11px;background:#142019;box-shadow:0 25px 65px #0006;overflow:hidden}
.pv-toolbar{height:35px;display:flex;align-items:center;gap:12px;padding:0 17px;border-bottom:1px solid #8ca18222;background:#ffffff04;color:#dbe7d6}
.pv-toolbar b{font-size:9px;letter-spacing:.07em;font-weight:600}.pv-toolbar>span:last-child{margin-left:auto;font-size:6px;letter-spacing:.11em;color:#a7b69f}
.pv-dots{display:flex;gap:4px}.pv-dots i{width:4px;height:4px;border-radius:50%;background:#6e8067}.pv-dots i:first-child{background:#b5ed80}
.pv-work{padding:22px}.pv-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:20px}.pv-heading small{font-size:7px;letter-spacing:.16em;color:#9fb793}
.pv-heading h4{font-size:21px;letter-spacing:-.04em;font-weight:500;margin:7px 0 0;line-height:1.1}.pv-chip{font-size:7px;border:1px solid #839b6d66;border-radius:20px;padding:6px 9px;color:#c1d6b2;white-space:nowrap}
.pv-dashboard{inset:20px 12px 25px;transform:perspective(1100px) rotateY(-7deg) rotateX(4deg)}
.pv-app{display:flex}.pv-rail{width:45px;flex-shrink:0;border-right:1px solid #6e83572a;padding:20px 9px;display:flex;align-items:center;flex-direction:column;gap:23px}.pv-rail>b{font-size:19px}.pv-rail>b span{color:#b5ed80;font-size:13px}.pv-rail i{font-style:normal;color:#6f8369;font-size:16px}.pv-rail .active{color:#b5ed80}.pv-dashboard .pv-work{flex:1;min-width:0;padding:20px}
.pv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pv-stats>div{padding:13px;border:1px solid #6079563d;border-radius:6px;background:linear-gradient(135deg,#243625,#19251b)}.pv-stats small{font-size:8px;color:#adc1a2}.pv-stats b{font-size:29px;font-weight:400;display:block;margin-top:8px;letter-spacing:-.04em}.pv-stats em{font-size:7px;font-style:normal;color:#91a488;letter-spacing:0}
.pv-chart-row{display:grid;grid-template-columns:1fr 112px;gap:12px;margin-top:15px}.pv-chart{border:1px solid #6e83572a;padding:13px;border-radius:6px;background:#0c160f}.pv-chart-title{font-size:8px;display:flex;justify-content:space-between}.pv-chart-title span{font-size:6px;color:#8ca481}.pv-bars{height:86px;display:flex;gap:13px;align-items:flex-end;margin-top:15px;background:repeating-linear-gradient(to top,transparent 0 26px,#80977616 27px 28px);border-bottom:1px solid #566e46}.pv-bars i{height:var(--h);flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#71975b,#365039)}.pv-bars i.bright{background:linear-gradient(#cfffa6,#87b85a);box-shadow:0 0 18px #a1d77a22}.pv-axis{display:flex;justify-content:space-around;font-size:6px;color:#9ab18c;margin-top:8px}.pv-ring-card{padding-top:13px;text-align:center;font-size:7px;line-height:1.5;color:#afc3a3}.pv-ring{width:83px;height:83px;margin:0 auto 9px;background:conic-gradient(#b5ed80 0 75%,#2b3e2b 75%);border-radius:50%;padding:7px}.pv-ring b{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;border-radius:50%;background:#132019;font-size:25px;font-weight:400;color:#fff}.pv-ring small{font-size:6px;letter-spacing:.1em}
.pv-float{position:absolute;bottom:13px;right:3px;background:#d4f4b8;color:#21381b;padding:13px 20px;font-size:10px;border-radius:7px;box-shadow:0 12px 35px #0005}.pv-float i{display:inline-block;width:5px;height:5px;background:#3f7129;border-radius:50%;margin-right:9px}
.premium-fleet:before{background:radial-gradient(ellipse at 20% 15%,#b1c7a9,#71896d 58%,#324b3a)}.pv-reservations{inset:27px 5px 30px;background:#f4f7ef;color:#233a25;transform:perspective(1100px) rotateY(6deg) rotateX(5deg)}.pv-reservations .pv-toolbar{background:#1d3325}.pv-reservations .pv-heading small{color:#5d7852}.pv-reservations .pv-chip{color:#547246}.pv-fleet-summary{display:flex;align-items:center;gap:12px;font-size:8px;margin-bottom:17px}.pv-fleet-summary>b{font-size:12px;margin-right:5px}.pv-fleet-summary>b span{color:#5f894a;margin-left:10px}.pv-switch{margin-left:auto;background:#dce7d3;padding:6px 10px;border-radius:5px;font-size:7px}.pv-switch i{font-style:normal;padding-left:10px;color:#7e9072}
.pv-calendar{border:1px solid #d8e2d0;border-radius:6px;overflow:hidden}.pv-days{display:grid;grid-template-columns:100px repeat(5,1fr);background:#e7eddf;align-items:center;text-align:center;padding:9px 0;font-size:7px;letter-spacing:.05em}.pv-days span:first-child{font-size:6px}.pv-days small{display:block;margin-top:5px;font-size:13px}.pv-cal-row{display:flex;height:42px;border-top:1px solid #dce4d5}.pv-cal-row>b{width:100px;flex-shrink:0;padding:13px 10px;font-size:8px;font-weight:400}.pv-cal-row>b span{color:#527441;margin-right:8px}.pv-cal-grid{position:relative;flex:1;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),#dce4d5 calc(20% - 1px) 20%)}.pv-reservation{position:absolute;top:5px;bottom:5px;border-radius:4px;background:#d8e8c9;border-left:3px solid #6f9655;padding:4px 8px;left:1%;width:57%}.pv-reservation strong,.pv-reservation small{display:block;font-size:7px;font-weight:500;line-height:1.4}.pv-reservation small{font-size:6px;color:#58704c}.pv-reservation.two{left:21%;width:77%;background:#2e5137;color:#edf5e7}.pv-reservation.two small{color:#bdd1b1}.pv-reservation.three{left:41%;width:37%;background:#edf2e6;border:1px dashed #9db48b}.pv-reservation.four{left:1%;width:38%}.pv-legend{display:flex;gap:15px;font-size:7px;margin-top:12px;color:#627758}.pv-legend i{display:inline-block;width:5px;height:5px;background:#74985b;margin-right:4px}.pv-legend span:nth-child(2) i{background:#d0ddc3}.pv-legend b{margin-left:auto;font-weight:400}
.premium-gallery:before{background:radial-gradient(ellipse at 20% 30%,#6c8066,#263b30 55%,#101c16)}.pv-gallery{inset:20px 13px 25px;transform:perspective(1300px) rotateY(-5deg);background:#17271e}.pv-gallery-back{position:absolute;inset:5px 40px 30px;border:1px solid #93ae7944;border-radius:12px;transform:rotate(-5deg);background:#2b4131}.pv-albums{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:110px 110px;gap:11px}.pv-album{position:relative;border-radius:6px;overflow:hidden}.pv-album svg{width:100%;height:100%;display:block}.pv-album-main{grid-row:1/3}.pv-album>div{position:absolute;inset:auto 0 0;padding:14px;background:linear-gradient(transparent,#08150ae6);color:white}.pv-album small{font-size:6px;letter-spacing:.14em}.pv-album b{display:block;font-size:16px;font-weight:500;letter-spacing:-.025em;margin-top:5px}.pv-album span{font-size:7px;display:block;margin-top:8px;color:#d0dec6}.pv-album-main b{font-size:25px}.pv-gallery-caption{display:flex;justify-content:space-between;font-size:7px;color:#a7bda0;margin-top:15px}
.premium-padel:before{background:radial-gradient(ellipse at 10% 20%,#517637,#192e1c 60%,#0d1b12)}.pv-padel-word{position:absolute;top:62px;left:0;font-size:142px;color:#d8f2bc09;font-weight:800;letter-spacing:-.09em}.pv-match{position:absolute;left:25px;top:36px;width:340px}.pv-match>small{font-size:7px;letter-spacing:.13em;color:#c5dfa8}.pv-match h4{font-size:35px;line-height:1;letter-spacing:-.045em;margin:18px 0;color:#f0f5e9;font-weight:500}.pv-court{position:relative;width:266px;height:150px;border:2px solid #c4e9a6;background:linear-gradient(135deg,#719d49,#345d35);transform:perspective(650px) rotateX(42deg) rotateZ(-16deg);margin:20px 0 24px;box-shadow:8px 14px 0 #112a1a,12px 22px 40px #0005}.pv-court:before{content:'';position:absolute;top:50%;width:100%;border-top:2px solid #e3f8cf}.pv-court:after{content:'';position:absolute;left:50%;height:100%;border-left:2px solid #e3f8cf}.pv-court span{position:absolute;inset:28px 0;border-block:1px solid #d5ecc5}.pv-court i,.pv-court b{position:absolute;width:9px;height:9px;border-radius:50%;background:#e5ffbb;box-shadow:0 2px 6px #0006;top:40px;left:60px}.pv-court b{left:190px;top:90px;background:#173b26}.pv-court em{position:absolute;width:4px;height:4px;left:140px;top:60px;background:#f1ff88;border-radius:50%}.pv-padel-caption{font-size:8px;letter-spacing:.15em;color:#c9e2b1}
.pv-phone{position:absolute;right:25px;top:18px;width:194px;height:361px;border:5px solid #26362a;border-radius:27px;background:linear-gradient(#f5f8ed,#e1ebd7);box-shadow:0 25px 45px #0008,inset 0 0 0 1px #fff;color:#233c27;transform:rotate(7deg);padding:25px 13px 12px}.pv-phone-notch{position:absolute;width:55px;height:8px;background:#26362a;border-radius:0 0 8px 8px;left:50%;top:0;transform:translateX(-50%)}.pv-phone-title{font-size:10px;font-weight:700;display:flex;justify-content:space-between;margin:5px 0 24px}.pv-phone>small{font-size:6px;letter-spacing:.11em}.pv-score{margin-top:10px;background:#234730;color:white;border-radius:7px;padding:14px}.pv-score>span{display:flex;justify-content:space-between;font-size:10px;margin-bottom:10px}.pv-score b{font-size:18px}.pv-score em{font-size:6px;color:#c3d5b5;font-style:normal}.pv-ranking{margin-top:18px}.pv-ranking>b{font-size:10px}.pv-ranking>div{display:flex;gap:9px;border-bottom:1px solid #bdcdb1;font-size:8px;padding:10px 0}.pv-ranking i{font-style:normal;color:#688354}.pv-ranking strong{margin-left:auto}.pv-phone-footer{font-size:7px;text-align:center;margin-top:17px;color:#698259}
.premium-server:before{background:radial-gradient(ellipse at 20% 65%,#5e80513b,transparent 60%),linear-gradient(120deg,#18241b,#080e0b)}.pv-server-orbit{position:absolute;width:350px;height:220px;border:1px solid #95b77e25;left:-35px;top:100px;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 28px #95b77e08,0 0 0 56px #95b77e05}.pv-hardware{position:absolute;left:25px;top:127px;width:220px;height:180px;filter:drop-shadow(10px 30px 20px #0008)}.pv-hardware-front{position:absolute;inset:28px 22px 0 0;background:linear-gradient(130deg,#354438,#0a120d 85%);border:1px solid #61755c;border-radius:8px;transform:skewY(9deg);padding:32px 20px}.pv-hardware-front>b{font-size:16px;letter-spacing:.1em;color:#e5efde;font-weight:500}.pv-hardware-front>b span{display:block;font-size:7px;letter-spacing:.28em;margin-top:6px;color:#92ad80}.pv-hardware-top{position:absolute;inset:-15px 22px auto 0;height:55px;transform:skewY(9deg) skewX(-37deg);transform-origin:bottom;background:linear-gradient(140deg,#62715f,#25342a);border:1px solid #71826b;border-radius:5px}.pv-hardware-side{position:absolute;right:0;top:6px;bottom:0;width:25px;background:linear-gradient(90deg,#243328,#0c1710);transform:skewY(-35deg);border:1px solid #475c41;border-radius:0 5px 5px 0}.pv-vents{display:flex;gap:5px;margin-top:20px}.pv-vents i{height:14px;width:3px;background:#050a07;border-left:1px solid #4e6144}.pv-hardware-led{margin-top:16px;display:flex;align-items:center;gap:9px}.pv-hardware-led i{width:4px;height:4px;border-radius:50%;background:#b5ed80;box-shadow:0 0 8px #b5ed80}.pv-hardware-led span{font-size:4px;letter-spacing:.13em;color:#91a984}.pv-server-panel{position:absolute;right:18px;top:35px;width:285px;border:1px solid #6b8a5c77;border-radius:10px;background:linear-gradient(135deg,#213327ed,#101c15f5);box-shadow:0 20px 55px #0006;transform:perspective(1000px) rotateY(-8deg)}.pv-server-panel .pv-toolbar{padding:0 12px;gap:7px}.pv-server-panel .pv-toolbar b{font-size:8px}.pv-server-heading{display:flex;gap:10px;padding:20px 17px 14px;align-items:center}.pv-server-icon{border:1px solid #6a8a5a;padding:8px 11px;border-radius:7px;color:#b5ed80;font-size:20px}.pv-server-heading small{font-size:5px;letter-spacing:.1em;color:#a9c09a}.pv-server-heading h4{font-size:14px;font-weight:500;letter-spacing:-.02em;margin:7px 0}.pv-server-line{display:flex;gap:12px;margin:0 17px;padding:13px 0;border-top:1px solid #5b765244;align-items:center}.pv-server-line>span{font-size:8px;color:#9dbf87}.pv-server-line b{font-size:10px;font-weight:500}.pv-server-line small{display:block;font-size:7px;margin-top:5px;color:#9fb294}.pv-server-line>i{margin-left:auto;width:4px;height:4px;background:#a3d27a;border-radius:50%}.pv-storage{display:flex;gap:5px;margin:6px 17px 12px}.pv-storage i{height:5px;flex:1;background:#7fa661;border-radius:1px}.pv-storage i:nth-last-child(-n+3){background:#384c32}.pv-server-panel>p{margin:0 17px 15px;font-size:6px;color:#9eaf94}
/* Container query units scale a single detailed composition consistently. */
.premium-art{container-type:inline-size;--pv-scale:.85}
.premium-art .pv-scene{transform:translate(-50%,-50%) scale(tan(atan2(92cqw,600px)))}
.product-detail .premium-art{aspect-ratio:1.25;min-height:0}
@media(min-width:1550px){.premium-art{--pv-scale:1}}
@media(max-width:1050px){.premium-art{--pv-scale:.58}}
@media(max-width:760px){.project-info{padding:24px}.project-card:last-child:nth-child(odd){display:block;grid-column:auto}.project-card .premium-art{aspect-ratio:1.15}.premium-art{--pv-scale:.57}.pv-disclaimer{font-size:7px;left:14px;bottom:14px}.product-detail .premium-art{aspect-ratio:1.15}}
@media(max-width:360px){.premium-art{--pv-scale:.43}.pv-disclaimer{font-size:6px}}
@media(prefers-reduced-motion:reduce){.premium-art *{transition:none!important}}

/* Editorial hierarchy v2: lead product, then four equally weighted showcases. */
.project-grid{gap:32px}
.project-card:last-child:nth-child(odd){grid-column:span 3;display:block}
.project-card.project-lead{grid-column:1/-1;display:grid;grid-template-columns:1.32fr 1fr;align-items:center;background:#111c15;color:#f2f7ed;border:1px solid #59734b55}
.project-lead .project-info{padding:40px}
.project-lead .project-info>.eyebrow{color:#b5ed80}
.project-lead .project-info>p:not(.eyebrow){color:#bfccb7;font-size:.95rem}
.project-lead .project-info h3{font-size:clamp(2rem,3.2vw,3.3rem);line-height:1.05}
.project-lead .project-info .status{background:#243622;border-color:#567348;color:#d1e8bf}
.project-lead .premium-art{aspect-ratio:1.32;border:0}
.project-discover{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cad6c1;padding-top:18px;margin-top:25px;font-size:.76rem;font-weight:600;min-height:44px}
.project-discover:hover{color:#527a38}
.project-lead .project-discover{border-color:#526a4455;color:#c1e99f}
.project-info{padding:28px 30px 26px}
.project-info>p:not(.eyebrow){font-size:.9rem;line-height:1.65}
.pv-heading h4{font-size:23px}
.premium-raf .pv-scene{height:470px}
.pv-dashboard{inset:20px 12px 25px;transform:perspective(1300px) rotateY(-3deg) rotateX(2deg)}
.pv-dashboard .pv-heading{margin-bottom:17px}
.pv-dashboard .pv-work{padding:20px 18px}
.pv-trend{height:92px;margin-top:13px;background:repeating-linear-gradient(to top,transparent 0 29px,#80977622 30px 31px)}
.pv-trend svg{height:100%;width:100%;overflow:visible}
.pv-results{margin-top:14px;background:#0d180f;border:1px solid #647b4d33;border-radius:6px;padding:0 12px}
.pv-results>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #7b946318;padding:10px 0;font-size:8px}
.pv-results>div:last-child{border:0}
.pv-results small{font-size:6px;color:#a0b58e;margin-left:auto;letter-spacing:.1em}
.pv-results>div>span{flex:1;color:#bdcbb3}.pv-results b{font-weight:500}.pv-results em{font-size:7px;font-style:normal;color:#b5ed80;width:48px;text-align:right}
.pv-float{bottom:8px;right:18px;padding:10px 17px}
.pv-reservations{inset:12px 5px 12px;transform:perspective(1400px) rotateY(3deg) rotateX(2deg)}
.pv-reservations .pv-work{padding:20px}
.pv-calendar .pv-cal-row{height:37px}
.pv-reservations .pv-heading{margin-bottom:15px}
.pv-operation{display:flex;align-items:center;gap:25px;background:#e8efdf;border-radius:5px;padding:10px 12px;margin-top:13px}
.pv-operation small{display:block;font-size:6px;letter-spacing:.1em;color:#6c815e}
.pv-operation b{font-size:8px;font-weight:500;display:block;margin-top:4px}
.pv-operation>span{font-size:6px;color:#6c815e;margin-left:auto}
.pv-reservations .pv-legend{margin-top:10px}
.pv-gallery{inset:12px 8px 18px;transform:perspective(1300px) rotateY(-3deg)}
.pv-gallery .pv-work{padding:20px 16px}
.pv-gallery-shell{display:grid;grid-template-columns:76px 1fr;gap:13px}
.pv-gallery-nav{display:flex;flex-direction:column;gap:15px;font-size:7px;color:#a9bba0;padding:2px 8px 0 0;border-right:1px solid #7a96602b}
.pv-gallery-nav>b{font-size:20px;color:#b5ed80;margin-bottom:3px}
.pv-gallery-nav .selected{background:#31492d;color:#e0f1d0;border-radius:3px;padding:7px 6px;margin-left:-6px}
.pv-gallery-nav small{font-size:5px;letter-spacing:.05em;margin-top:10px;color:#748b69}
.pv-albums{grid-template-rows:107px 107px;gap:9px}
.pv-album>div{padding:10px;background:linear-gradient(transparent,#041207e8)}
.pv-album b{font-size:15px}.pv-album-main b{font-size:24px}
.pv-photo{position:absolute;inset:0;overflow:hidden;display:block;background:#273c2d}
.pv-photo img{position:absolute;max-width:none;height:100%;object-fit:cover;object-position:center;display:block;width:200%;left:0}
.pv-photo-dune img{width:400%;left:-200%}.pv-photo-forest img{width:400%;left:-300%}
.pv-gallery-caption{padding-left:89px}
.pv-padel-console{position:absolute;left:10px;top:20px;width:365px;height:355px;background:linear-gradient(140deg,#243d29,#111f16);border:1px solid #88a56a66;border-radius:10px;box-shadow:0 25px 50px #0005;transform:perspective(1200px) rotateY(5deg)}
.pv-padel-console-body{padding:23px}
.pv-padel-console-body>small{font-size:7px;color:#b4ce9d;letter-spacing:.12em}
.pv-padel-console-body h4{font-size:26px;line-height:1.1;font-weight:500;letter-spacing:-.045em;margin:12px 0 23px}
.pv-fixture{border:1px solid #688b5233;background:#0b180f66;border-radius:6px;padding:13px;margin-top:12px}
.pv-fixture>span{font-size:6px;letter-spacing:.15em;color:#a1c087;display:block}
.pv-fixture>b{font-size:10px;display:block;font-weight:500;margin-top:10px}
.pv-fixture i{font-size:18px;color:#c8edaa;font-style:normal;margin:0 17px}
.pv-fixture>small{display:block;font-size:6px;color:#8fa67e;margin-top:9px}
.pv-telegram{display:flex;gap:9px;align-items:center;margin-top:15px}.pv-telegram>b{background:#b5ed80;color:#173219;border-radius:50%;padding:6px 9px;font-size:15px}.pv-telegram>span{font-size:9px;color:#d3e6c5}.pv-telegram small{display:block;color:#92ac81;font-size:6px;margin-top:4px}
.pv-match{top:259px;left:291px;width:130px;z-index:2}.pv-match>small,.pv-match h4,.pv-match .pv-padel-caption{display:none}
.pv-match .pv-court{width:130px;height:80px;margin:0;transform:perspective(500px) rotateX(25deg) rotateZ(-12deg);box-shadow:4px 8px 0 #102b18}
.pv-court span{inset:15px 0}.pv-match .pv-court i{top:20px;left:35px;width:5px;height:5px}.pv-match .pv-court b{left:95px;top:45px;width:5px;height:5px}.pv-match .pv-court em{left:75px;top:32px}
.pv-padel-word{display:none}.pv-phone{right:12px;top:14px;transform:rotate(4deg);z-index:1}
.pv-hardware{left:15px;top:110px;width:252px;height:212px}
.pv-hardware-front{padding:40px 25px;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 3px),linear-gradient(135deg,#62705e,#19261b 75%);border-color:#8b9e7d}
.pv-hardware-front>b{font-size:20px}.pv-hardware-front>b span{font-size:8px}
.pv-hardware-top{background:repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(135deg,#82917a,#33462f)}
.pv-vents{gap:6px;margin-top:23px}.pv-vents i{height:21px;width:4px}
.pv-hardware-led{margin-top:19px}.pv-hardware-led span{font-size:4px}
.pv-server-panel{right:7px;top:20px;width:286px;transform:perspective(1100px) rotateY(-3deg)}
.pv-server-heading{padding-top:24px;padding-bottom:18px}.pv-server-line{padding:17px 0}
.pv-server-panel>p{margin-top:14px}
@media(max-width:1050px) and (min-width:761px){.project-lead .project-info{padding:26px}.project-lead .project-info h3{font-size:2rem}.project-lead .project-info>p:not(.eyebrow){font-size:.85rem}.project-discover{margin-top:20px}}
@media(max-width:760px){.project-card.project-lead{display:block;grid-column:auto}.project-card:last-child:nth-child(odd){grid-column:auto}.project-grid{gap:26px}.project-lead .project-info{padding:26px}.project-lead .project-info h3{font-size:2rem}.project-lead .project-info>p:not(.eyebrow){font-size:.9rem}.project-card.project-lead .premium-art{aspect-ratio:1.15}.project-card .premium-art{aspect-ratio:1.35}.project-discover{font-size:.78rem}.project-info{padding:25px}.product-detail .premium-raf{aspect-ratio:1.15}}

/* Keep substantive mockup rows inside their window at every scale. */
.pv-dashboard .pv-work{padding:16px 18px}
.pv-dashboard .pv-heading{margin-bottom:12px}
.pv-dashboard .pv-heading h4{font-size:21px}
.pv-dashboard .pv-stats>div{padding:10px}
.pv-dashboard .pv-stats b{font-size:25px;margin-top:6px}
.pv-dashboard .pv-chart{padding:10px}
.pv-dashboard .pv-trend{height:65px;margin-top:10px}
.pv-dashboard .pv-results>div{padding:7px 0}
.pv-dashboard .pv-chart-row{margin-top:12px}
.pv-reservations .pv-work{padding:15px 20px}
.pv-reservations .pv-heading{margin-bottom:12px}
.pv-reservations .pv-heading h4{font-size:21px}
.pv-reservations .pv-fleet-summary{margin-bottom:10px}
.pv-reservations .pv-days{padding:6px 0}
.pv-reservations .pv-days small{font-size:11px;margin-top:3px}
.pv-reservations .pv-cal-row{height:30px}
.pv-reservations .pv-cal-row>b{padding-top:9px}
.pv-reservations .pv-reservation{top:3px;bottom:3px;padding-top:2px}
.pv-reservations .pv-operation{padding:8px 12px;margin-top:10px}
.pv-gallery .pv-work{padding:16px}
.pv-gallery .pv-heading{margin-bottom:14px}
.pv-gallery .pv-albums{grid-template-rows:100px 100px}
.pv-gallery .pv-gallery-caption{margin-top:12px}

/* Authentic original UI captures; preserve artwork, typography and image ratios. */
.authentic-art{container-type:inline-size}
.authentic-art:before{background:radial-gradient(ellipse at 50% 75%,#3853354d,transparent 65%),linear-gradient(135deg,#16241b,#070d0a)}
.auth-scene{position:absolute;width:600px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);transform:translate(-50%,-50%) scale(tan(atan2(94cqw,600px)))}
.auth-desktop{position:absolute;top:20px;left:12px;width:576px;overflow:hidden;border-radius:10px;border:1px solid #71876780;background:#070c0a;box-shadow:0 20px 45px #0008}
.auth-browser{height:22px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#17231b;color:#bbcbb1;border-bottom:1px solid #6d855333;font-size:6px}
.auth-browser>span{font-size:5px;letter-spacing:2px;color:#94b27b}
.auth-browser>b{font-size:7px;font-weight:500;letter-spacing:.08em}
.auth-browser>small{margin-left:auto;font-size:6px;color:#afc09f}
.auth-desktop>img{width:100%;height:auto;display:block;max-width:none}
.auth-monitor-stand{position:absolute;top:382px;left:245px;width:110px;height:5px;border-radius:50%;background:linear-gradient(90deg,#253324,#7b8a70,#253324);box-shadow:0 6px 12px #0007}
.auth-caption{position:absolute;left:18px;right:18px;bottom:12px;font-size:7px;letter-spacing:.11em;color:#c1ceb8;z-index:3;line-height:1.4}
.authentic-padel .auth-desktop{width:508px;left:4px;top:37px;transform:perspective(1300px) rotateY(4deg)}
.authentic-padel .auth-monitor-stand{top:381px;left:180px}
.auth-phone{position:absolute;width:142px;right:0;top:9px;border:5px solid #35462f;background:#101010;border-radius:21px;box-shadow:0 18px 35px #0009;overflow:hidden;transform:rotate(4deg)}
.auth-phone>img{display:block;width:100%;max-width:none;height:auto}
.auth-phone-speaker{position:absolute;top:0;left:calc(50% - 20px);height:5px;width:40px;border-radius:0 0 5px 5px;background:#35462f;z-index:1}
.product-detail .authentic-raf{aspect-ratio:1.25}
.product-detail .authentic-padel{aspect-ratio:1.25}
@media(max-width:760px){.auth-caption{font-size:6px;left:13px;bottom:12px}.project-lead .authentic-raf{aspect-ratio:1.15}.project-card .authentic-padel{aspect-ratio:1.2}}

/* Product context and image inspection reuse the approved, already-loaded assets. */
.product-evidence{background:#101a13;color:#eef5e8}
.evidence-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end}
.evidence-heading .eyebrow{color:#b5ed80;margin-bottom:18px}
.evidence-heading>p{color:#b6c5ab;font-size:.92rem;max-width:600px}
.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:46px}
.evidence-grid.evidence-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.evidence-grid article{padding-top:25px;border-top:1px solid #657b504d}
.evidence-number{color:#b4cf9e;font-size:.65rem;letter-spacing:.11em}
.evidence-grid h3{font-size:1.5rem;line-height:1.2;margin:22px 0 16px}
.evidence-grid p{font-size:.88rem;color:#bac7b1;max-width:500px}
.evidence-grid .button{margin-top:25px;color:#e5f2dc;border-color:#6f855f;background:transparent}
.evidence-grid .button:hover{background:#263d23}
.evidence-status{display:inline-block;margin-top:25px;border-left:2px solid #b5ed80;padding-left:12px;font-size:.75rem;color:#c9ddb9}
.evidence-link{display:flex;gap:18px;align-items:center;padding:12px 0;margin-top:20px;border:0;border-bottom:1px solid #8baf6b;background:transparent;color:#c9edac;text-align:left;font-size:.8rem;min-height:44px}
.evidence-viewer-row{display:flex;justify-content:space-between;align-items:center;gap:28px;border-top:1px solid #617a4c55;margin-top:45px;padding-top:28px}
.evidence-viewer-row .eyebrow{color:#c3dfab}.evidence-viewer-row p:not(.eyebrow){color:#aebea1;font-size:.8rem;margin-top:8px}
.evidence-viewer-row .actions{margin:0}.evidence-viewer-row .button{color:#e0eed4;border-color:#738963}
.evidence-viewer-row .button:hover{background:#263d23}
.evidence-footnote{font-size:.75rem;color:#a9b99d;margin-top:30px;max-width:800px}
.screen-dialog{max-width:1180px;width:calc(100vw - 32px);max-height:94dvh;overflow:auto;padding:24px;border-radius:12px;border-color:#657a54;background:#101912;color:#edf4e7}
.screen-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.screen-dialog .eyebrow{font-size:.6rem;color:#b5ed80}
.screen-dialog h2{font-size:1.5rem;line-height:1.2;letter-spacing:-.03em;margin:10px 0 0}
.screen-close{display:inline-flex;align-items:center;gap:14px;flex-shrink:0;min-height:44px;border:1px solid #687e57;background:transparent;color:#edf4e7;border-radius:5px;padding:8px 14px;font-size:.8rem}
.screen-close span{font-size:1.4rem}.screen-close:hover{background:#294025}
.screen-canvas{display:grid;place-items:center;background:#050a06;border:1px solid #60704c44;border-radius:6px;padding:12px}
.screen-canvas img{max-width:100%;max-height:68dvh;width:auto;height:auto;object-fit:contain}
.screen-dialog #screen-caption{font-size:.78rem;color:#b5c7a8;line-height:1.6;margin-top:16px}
@media(max-width:760px){.evidence-heading{grid-template-columns:1fr;gap:25px}.evidence-grid,.evidence-grid.evidence-two{grid-template-columns:1fr;gap:32px;margin-top:34px}.evidence-grid h3{margin-top:17px}.evidence-viewer-row{display:block}.evidence-viewer-row .actions{margin-top:24px}.screen-dialog{padding:17px}.screen-dialog-heading{gap:12px;align-items:flex-start}.screen-dialog h2{font-size:1.15rem}.screen-close{padding:6px 10px}.screen-canvas{padding:4px}.screen-canvas img{max-height:60dvh}}

/* Approved authentic presentation: larger RAF screen and clearer device composition. */
.project-lead:has(.authentic-raf){grid-template-columns:1.65fr 1fr}
.project-lead .authentic-raf{aspect-ratio:1.43}
.authentic-raf .auth-scene{inset:16px 16px 40px;width:auto;height:auto;transform:none;display:flex;flex-direction:column;justify-content:center}
.authentic-raf .auth-desktop{position:relative;left:auto;top:auto;width:100%;border-radius:8px;flex-shrink:0}
.authentic-raf .auth-monitor-stand{display:none}
.authentic-raf .auth-browser{height:28px;gap:10px}
.authentic-raf .auth-browser>b{font-size:9px}
.authentic-raf .auth-browser>small{font-size:8px}
.authentic-raf .auth-caption{font-size:8px;bottom:12px;letter-spacing:.08em}
.product-detail:has(.authentic-raf){grid-template-columns:1.2fr 1fr;gap:45px}
.product-detail .authentic-raf{aspect-ratio:1.4}
.authentic-padel .auth-scene{height:440px}
.authentic-padel .auth-desktop{width:480px;left:0;top:55px;transform:perspective(1600px) rotateY(2deg)}
.authentic-padel .auth-phone{width:156px;top:8px;right:0;transform:rotate(2deg);border-color:#61724d}
.authentic-padel .auth-monitor-stand{top:397px}
.project-card .authentic-padel,.product-detail .authentic-padel{aspect-ratio:1.3}
.demo-destination{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 20px;border:1px solid #b5ed80;border-radius:4px;background:#b5ed80;color:#15250e;font-size:.83rem;font-weight:600;min-height:48px}
.demo-destination:hover{background:#cff6ac;color:#15250e}
.evidence-demo-action{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px;padding:25px;border:1px solid #70875555;border-radius:8px;background:#1b2b1b}
.evidence-demo-action p{font-size:.83rem;color:#b8cbaa;max-width:550px}
@media(max-width:1050px) and (min-width:761px){.project-lead:has(.authentic-raf){grid-template-columns:1.45fr 1fr}.project-lead .authentic-raf{aspect-ratio:1.25}}
@media(max-width:760px){.project-lead:has(.authentic-raf){display:block}.project-card.project-lead .authentic-raf{aspect-ratio:1.28}.authentic-raf .auth-scene{inset:12px 12px 38px}.authentic-raf .auth-browser{height:24px;gap:6px;padding:0 8px}.authentic-raf .auth-browser>b{font-size:7px}.authentic-raf .auth-browser>small{font-size:6px}.authentic-raf .auth-caption{font-size:7px;left:12px;right:12px;line-height:1.5}.product-detail:has(.authentic-raf){display:flex;gap:32px}.product-detail .authentic-raf{aspect-ratio:1.28}.project-card .authentic-padel,.product-detail .authentic-padel{aspect-ratio:1.2}.evidence-demo-action{display:block;padding:20px}.evidence-demo-action .demo-destination{margin-top:20px;width:100%}}

/* Official FLOWING SERVER artwork: full image, no cropping or image effects. */
.official-server-art{padding:12px!important;position:relative!important;top:auto!important;background:#070907;border:1px solid #263729;display:flex;align-items:center;justify-content:center;overflow:hidden}
.project-card .official-server-art,.product-detail .official-server-art{aspect-ratio:1672/941!important}
.official-server-art img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;flex:none;filter:none;transform:none}
.product-detail .official-server-art{border-radius:18px;box-shadow:0 16px 44px #09150e14}
@media(max-width:760px){.official-server-art{padding:7px!important}}

/* Official FleetBook logo: original artwork, alpha and colours, on dark graphite. */
.official-fleet-art{background:#0c0e12;display:flex;align-items:center;justify-content:center;padding:clamp(12px,2vw,28px)!important;position:relative!important;top:auto!important;overflow:hidden}
.project-card .official-fleet-art,.product-detail .official-fleet-art{aspect-ratio:3/2!important}
.official-fleet-art img{display:block;width:100%;height:auto;object-fit:contain;filter:none;transform:none;max-width:100%;flex:none}
.product-detail .official-fleet-art{border-radius:18px;border:1px solid #243240;box-shadow:0 16px 44px #0a182414}
.fleet-secondary h2{margin:12px 0 24px}.fleet-secondary .premium-fleet{width:min(100%,660px);aspect-ratio:1.5;margin:0 auto;border-radius:18px}.fleet-secondary>p:last-child{margin-top:20px;color:#627064;font-size:.85rem}
@media(max-width:760px){.fleet-secondary .premium-fleet{aspect-ratio:1.15}}

/* FleetBook refinement: decorative concepts only; the original logo stays untouched. */
.official-fleet-art{isolation:isolate;background:#0c0e12;container-type:inline-size}
.official-fleet-art::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 52% 38%,#0378b82b,transparent 58%),linear-gradient(#467d9810 1px,transparent 1px),linear-gradient(90deg,#467d9810 1px,transparent 1px);background-size:auto,36px 36px,36px 36px}
.official-fleet-art::after{content:"";position:absolute;inset:12px;z-index:0;border:1px solid #5189a218;border-radius:10px;pointer-events:none}
.official-fleet-art img{position:relative;z-index:2;margin-top:0;pointer-events:none}
.fleet-visual-detail{position:absolute;inset:0;z-index:1;pointer-events:none;color:#b5cbd6;font-family:Arial,Helvetica,sans-serif}
.fleet-visual-kicker{position:absolute;top:8%;left:7%;font-size:clamp(6px,1.3cqw,9px);letter-spacing:.16em;color:#8ba5b5}
.fleet-mini-agenda{position:absolute;left:7%;right:7%;bottom:13%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.fleet-mini-agenda>div{padding:clamp(8px,1.8cqw,13px);border:1px solid #4385a930;border-radius:8px;background:linear-gradient(135deg,#172a35cc,#0b151bcc);box-shadow:0 8px 18px #0003}
.fleet-mini-agenda span{display:block;font-size:clamp(5px,1.15cqw,8px);letter-spacing:.1em;color:#80a6ba}
.fleet-mini-agenda b{display:block;margin-top:7px;font-size:clamp(7px,1.7cqw,12px);font-weight:500;color:#d6e9f1}
.fleet-mini-agenda i{display:block;height:3px;margin-top:12px;border-radius:2px;background:linear-gradient(90deg,#29b4ef99 60%,#2d4a5a77 60%)}
.fleet-mini-agenda>div:nth-child(2) i{background:linear-gradient(90deg,#42ccde88 35%,#2d4a5a77 35%)}
.fleet-mini-agenda>div:nth-child(3) i{background:linear-gradient(90deg,#2987d399 78%,#2d4a5a77 78%)}
.fleet-visual-caption{position:absolute;left:7%;bottom:5%;font-size:clamp(5px,1.1cqw,7px);letter-spacing:.1em;color:#6e8b9c}
.padel-local-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:13px 18px;background:#13251a;color:#effbe7;border:1px solid #385a3e;border-radius:7px;font-size:.8rem;text-decoration:none}
.local-demo-caption{display:block;margin-top:8px;color:#61745f;font-size:.65rem;letter-spacing:.03em}
.actions .padel-local-cta{margin-top:0}.actions .local-demo-caption{flex-basis:100%;margin-top:0}
@media(max-width:760px){.fleet-mini-agenda{gap:5px}.fleet-mini-agenda b{margin-top:5px}.fleet-mini-agenda i{margin-top:8px}}