.ph-hero{isolation:isolate;position:relative;overflow:hidden;min-height:calc(100svh - 74px);padding:64px max(5vw,40px);display:grid;grid-template-columns:.95fr 1.15fr;gap:3%;align-items:center;background:radial-gradient(ellipse at 78% 8%,#3ac7ae77,transparent 62%),linear-gradient(125deg,#00676d,#078e8d 65%,#08666a);color:#fcfbf7}
.ph-copy{min-width:0}.ph-kicker{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;margin:0 0 24px;color:#c2e9dd}.ph-copy h1{font-size:clamp(52px,5.8vw,88px);font-weight:500;letter-spacing:-.055em;line-height:1.04;margin:0 0 27px;color:#fcfbf7}.ph-copy h1>span{display:block;white-space:nowrap;font-size:1.13em}.ph-month{font-size:.51em;font-weight:450;letter-spacing:-.035em}.ph-summary{font-size:19px;line-height:1.55;color:#dbf0e7;margin:0 0 30px;max-width:460px}.ph-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.ph-actions .wv-link{color:#e1f6e9;font-size:14px}.ph-actions .wv-link>span{background:#006e6f;border-color:#8bc5b5;box-shadow:0 2px 0 #004749;color:#e1f6e9}.ph-actions .wv-primary{color:#10272b}
.ph-scene{min-width:0;padding:40px 0 10px;position:relative}.ph-services{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;align-items:start;padding:0 4px 45px}.ph-service{min-width:0;text-align:center}.ph-service:nth-child(even){padding-top:17px}.ph-piece{display:block;width:100%;height:auto;overflow:visible;transform:perspective(600px) rotateY(16deg) rotateZ(-5deg);filter:drop-shadow(2px 7px 4px #003c4b55);transition:transform .35s}.ph-service:hover .ph-piece{transform:perspective(600px) translateY(-5px) rotateY(16deg) rotateZ(-5deg)}.ph-service-name{display:block;font-size:11px;line-height:1.35;font-weight:550;letter-spacing:0;color:#fff2d7;margin:6px -3px 0}.ph-service-desc{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ph-examples{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:18px 4px 28px;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-x pan-y;perspective:1100px}.ph-examples::-webkit-scrollbar{display:none}.ph-track{display:flex;gap:18px;width:max-content;align-items:center}.ph-browser{margin:0;flex:none;width:var(--ph-card,290px);background:#f4f8f3;border:1px solid #b5dbd5;border-radius:10px;overflow:hidden;transform:perspective(1000px) rotateY(35deg) rotateX(-6deg) rotateZ(12deg);transform-origin:50% 50%;box-shadow:3px 8px 0 #144a5555,6px 18px 24px #00303538;backface-visibility:hidden}.ph-browser-top{height:25px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;color:#3d6660;background:linear-gradient(#f7fbf7,#e2eee9);font-size:9px;line-height:1.3}.ph-browser-top>span:first-child{display:flex;gap:4px;flex:none}.ph-browser-top i{height:4px;width:4px;border-radius:50%;background:#83b8ad}.ph-browser-top i:first-child{background:#ffbd65}.ph-browser-top i:nth-child(2){background:#02a0a0}.ph-browser>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#fcfbf7}.ph-scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px}.ph-scene-bottom>p{font-size:12px;line-height:1.5;color:#cae8df;margin:0;max-width:260px}.ph-controls{display:flex;gap:5px;flex:none}.ph-controls button{display:grid;place-items:center;width:40px;min-height:44px;padding:0;border:1px solid #b4d9ca66;background:#00686a55;border-radius:8px;color:#e7f8e9;cursor:pointer}.ph-controls button:hover{background:#ffbd6522}.ph-controls button:focus-visible,.ph-examples:focus-visible{outline:3px solid #ffbd65;outline-offset:3px}.ph-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:761px) and (max-width:1100px){.ph-hero{padding:45px 40px;gap:4%;grid-template-columns:1fr 1.1fr}.ph-copy h1{font-size:58px}.ph-summary{font-size:16px}.ph-actions{gap:12px}.ph-services{gap:5px;padding-bottom:25px}.ph-service-name{font-size:10px}.ph-scene-bottom{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:760px){.ph-hero{min-height:0;padding:29px 24px 36px;display:flex;flex-direction:column;align-items:stretch;gap:26px}.ph-kicker{font-size:10px;margin-bottom:16px}.ph-copy h1{font-size:49px;line-height:1.04;margin-bottom:18px}.ph-copy h1>span{font-size:1.12em}.ph-summary{font-size:15px;line-height:1.55;margin-bottom:21px}.ph-actions{gap:9px 16px;align-items:center}.ph-actions .wv-link{font-size:13px}.ph-scene{padding-top:7px}.ph-services{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px;padding:0 6px 22px}.ph-service:nth-child(even){padding-top:0}.ph-piece{max-width:100px;margin:auto}.ph-service-name{font-size:12px;line-height:1.35;margin-top:2px}.ph-track{gap:16px}.ph-browser-top{font-size:8px;height:23px}.ph-examples{padding-top:12px;padding-bottom:23px}.ph-scene-bottom{margin-top:10px;gap:12px}.ph-scene-bottom>p{font-size:11px;max-width:160px}.ph-controls{gap:4px}.ph-controls button{width:36px;min-height:44px}}
@media(max-width:360px){.ph-copy h1{font-size:43px}.ph-summary{font-size:14px}.ph-services{gap:14px 16px}.ph-service-name{font-size:11px}.ph-scene-bottom{align-items:flex-start;flex-direction:column}.ph-scene-bottom>p{max-width:none}}
@media(prefers-reduced-motion:reduce){.ph-piece{transition:none}.ph-service:hover .ph-piece{transform:perspective(600px) rotateY(16deg) rotateZ(-5deg)}}
@media(min-width:761px) and (max-width:1000px){.ph-hero{grid-template-columns:1fr;min-height:0;gap:25px;padding:40px}.ph-copy h1{font-size:64px}.ph-scene{width:100%;padding-top:10px}.ph-services{gap:14px;padding-bottom:28px}.ph-service-name{font-size:12px}.ph-scene-bottom{flex-direction:row;align-items:center}}

.ph-actions [data-primary]:not(.wv-primary){display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;border:1px solid #b5c9c0;border-radius:9px;background:#fcfbf7;color:#10272b;text-decoration:none;font-size:14px;font-weight:600}

/* One composition, with owner-requested unbounded spacing adjustment. */
.ph-examples{overflow:hidden;cursor:default;touch-action:pan-y;padding:30px 9px 45px;perspective:1100px}
.ph-track{display:flex;width:100%;gap:0;justify-content:flex-start;align-items:center}
.ph-browser{width:calc((100% + 160px)/3);position:relative;overflow:hidden;transform:perspective(1000px) rotateY(35deg) rotateX(-6deg) rotateZ(12deg);box-shadow:3px 8px 0 #144a5555,6px 18px 24px #00303538}
.ph-browser+.ph-browser{margin-left:var(--ph-gap-websites,-80px)}
.ph-browser:nth-child(1){z-index:3}.ph-browser:nth-child(2){z-index:2}.ph-browser:nth-child(3){z-index:1}
.ph-services{display:flex;gap:0;justify-content:center}.ph-service{flex:0 0 calc(100% / 6)}.ph-service+.ph-service{margin-left:var(--ph-gap-pieces,0px)}
.ph-scene-bottom{align-items:flex-start;flex-wrap:wrap}.ph-spacing{font-size:12px;color:#fcfbf7;max-width:100%}.ph-spacing summary{cursor:pointer;min-height:44px;padding:12px 15px;border:1px solid #b4d9ca88;border-radius:8px;list-style:none}.ph-spacing summary::-webkit-details-marker{display:none}.ph-spacing summary::after{content:' +';margin-left:14px}.ph-spacing[open] summary::after{content:' −'}.ph-spacing-panel{margin-top:10px;padding:16px;background:#07585c;border:1px solid #b4d9ca88;border-radius:10px;width:260px;max-width:100%}.ph-spacing-panel p{margin:0 0 14px;color:#d0e9e0;line-height:1.5}.ph-spacing-panel label{display:block;margin:12px 0 6px}.ph-spacing-field{display:flex;align-items:center;gap:8px}.ph-spacing-field input{min-width:0;width:100%;background:#fcfbf7;border:0;border-radius:5px;padding:10px 6px;color:#071317;font:inherit;font-size:15px}.ph-spacing-field button{flex:none;width:36px;height:44px;border:1px solid #c7e0d4;border-radius:5px;background:transparent;color:#fcfbf7;font-size:20px;cursor:pointer;touch-action:none}.ph-spacing-reset{margin-top:15px;min-height:44px;background:transparent;border:0;color:#fcfbf7;text-decoration:underline;cursor:pointer}.ph-spacing :focus-visible{outline:3px solid #ffbd65;outline-offset:3px}
@media(max-width:760px){.ph-services{flex-wrap:wrap;gap:16px 0;justify-content:center}.ph-service{flex-basis:calc((100% - 32px)/3)}.ph-service+.ph-service{margin-left:var(--ph-gap-pieces,0px)}.ph-service:nth-child(4){margin-left:0}.ph-browser-top{height:20px;font-size:6px;padding:0 5px;gap:3px}.ph-browser-top>span:first-child{gap:2px}.ph-browser-top i{height:3px;width:3px}.ph-scene-bottom{flex-direction:column}.ph-spacing{width:100%}.ph-spacing-panel{width:100%}}

/* Rebuilt from the supplied reference: floating upper tiles, portrait screen arc. */
.ph-reference-art{position:relative;isolation:isolate;width:100%;aspect-ratio:1.97;overflow:hidden;border-radius:5px;background:radial-gradient(ellipse at 18% 45%,#e4f5ff 0,transparent 56%),radial-gradient(ellipse at 63% 45%,#f6e8f0 0,transparent 55%),linear-gradient(#f9fbff,#e1edff);box-shadow:inset 0 1px 0 #ffffffb0}
.ph-reference-art::after{content:'';position:absolute;inset:0;z-index:12;pointer-events:none;background:linear-gradient(0deg,#e5edffb0,transparent 22%,transparent 92%,#ced8e922)}
.ph-reference-art .ph-services{position:absolute;z-index:10;left:9%;right:9%;top:6%;height:29%;padding:0;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;align-items:center}
.ph-reference-art .ph-service{flex:0 0 14%;margin:0;padding:0;position:relative}
.ph-reference-art .ph-service+.ph-service{margin-left:var(--ph-gap-pieces,0px)}
.ph-reference-art .ph-service:nth-child(1){align-self:flex-end}.ph-reference-art .ph-service:nth-child(2){align-self:flex-start}.ph-reference-art .ph-service:nth-child(3){align-self:center}.ph-reference-art .ph-service:nth-child(4){align-self:flex-end}
.ph-reference-art .ph-piece{max-width:none;width:100%;transform:perspective(450px) rotateX(22deg) rotateY(-12deg) rotateZ(-10deg);filter:drop-shadow(0 5px 2px #6b86bc55)}
.ph-reference-art .ph-service:nth-child(2) .ph-piece{transform:perspective(450px) rotateX(22deg) rotateY(-12deg) rotateZ(12deg)}
.ph-reference-art .ph-service:nth-child(3) .ph-piece{transform:perspective(450px) rotateX(22deg) rotateY(-12deg) rotateZ(-3deg)}
.ph-reference-art .ph-service:nth-child(4) .ph-piece{transform:perspective(450px) rotateX(22deg) rotateY(-12deg) rotateZ(12deg)}
.ph-reference-art .ph-service-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ph-reference-art .ph-examples{position:absolute;inset:49% -5% auto;height:90%;overflow:visible;perspective:none;padding:0;touch-action:pan-y;cursor:default}
.ph-reference-art .ph-track{position:relative;display:block;width:100%;height:100%}
.ph-reference-art .ph-browser{position:absolute;left:calc(var(--panel-index)*14% + var(--panel-index)*var(--ph-gap-websites,0px));top:calc(var(--panel-drop)*.65);margin:0;width:20%;aspect-ratio:390/844;border:2px solid #ffffffd9;border-radius:13px;background:#fff;transform:perspective(700px) rotateY(22deg) rotateX(-5deg) rotateZ(12deg);transform-origin:50% 30%;box-shadow:0 0 0 1px #cdd8eb,3px 5px 0 #becce3aa,7px 12px 14px #7386ac44;z-index:calc(9 - var(--panel-index));overflow:hidden}
.ph-reference-art .ph-browser+.ph-browser{margin-left:0}
.ph-reference-art .ph-browser img{width:100%;height:100%;aspect-ratio:390/844;object-fit:cover;object-position:top}
.ph-scene{padding-top:0}.ph-scene-bottom{margin-top:20px}
@media(max-width:760px){.ph-reference-art{aspect-ratio:1.97}.ph-reference-art .ph-services{gap:0}.ph-reference-art .ph-service{flex-basis:14%;padding:0}.ph-reference-art .ph-browser{top:calc(var(--panel-drop)*.3);border-width:1px;border-radius:7px}.ph-reference-art .ph-service+.ph-service{margin-left:var(--ph-gap-pieces,0px)}}

/* Selected SVG artwork, kept as one proportionate composition on every screen. */
.pricing-page [data-native-pricing-hero] .ph-svg-scene{width:100%;max-width:1160px;padding:0}
.ph-svg-stage{width:100%;aspect-ratio:2;overflow:hidden;isolation:isolate}
.ph-svg-art{display:block;width:100%;height:auto;overflow:hidden;font-family:Arial,sans-serif}
.ph-svg-caption{margin:16px 0 0!important;text-align:center;color:#e7f5ee;font-size:12px;line-height:1.5}
@media(max-width:800px){.ph-svg-caption{font-size:11px;margin-top:14px!important}}