.coastal-flow{position:relative;isolation:isolate;background:#a0967e;overflow:hidden}.coastal-environment{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none}.coastal-flow:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(37,49,49,.21),transparent 35%,rgba(61,54,40,.12) 69%,rgba(58,52,39,.18));pointer-events:none}.coastal-flow .intro-scene,.coastal-flow .pricing-scene{background:transparent;isolation:auto;overflow:visible}.coastal-flow .intro-scene:before,.coastal-flow .pricing-scene:before,.coastal-flow .pricing-scene:after{display:none}.coastal-flow .intro-scene{padding-bottom:0}.coastal-flow .pricing-scene .section{padding-top:77px;padding-bottom:77px}.coastal-flow .pricing-scene .section-head h2{color:#20291f;text-shadow:0 1px 12px rgba(246,237,218,.36)}.coastal-flow .pricing-scene .scope-note{color:#283224;text-shadow:0 1px 8px rgba(255,246,220,.3)}.coastal-flow .feature-stage{background:transparent;min-height:440px;overflow:visible;display:flex;align-items:center;justify-content:center;padding:41px 30px 82px;isolation:isolate}.coastal-flow .feature-stage:after{display:none}.monitor{position:relative;width:min(100%,720px);padding:9px 9px 13px;border-radius:18px;background:linear-gradient(140deg,#c1c6bc,#67776b 38%,#29392e 65%,#9caa9b);box-shadow:inset 0 1px 1px #f4f6eaad,0 27px 36px -18px #10251a73,0 4px 13px #182c2040;transform:rotate(-2deg);border:1px solid #ecefdd6b}.monitor:before{content:'';position:absolute;inset:2px;border:1px solid #ffffff2a;border-radius:16px;pointer-events:none}.monitor:after{content:'';position:absolute;bottom:4px;left:50%;width:3px;height:3px;background:#dedfcb;border-radius:50%;box-shadow:0 0 5px #eaf3c77d}.monitor-screen{position:relative;aspect-ratio:16/9;overflow-y:auto;overflow-x:hidden;border-radius:10px;background:#163747;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c2bb9e #253d4166;scroll-behavior:auto;outline-offset:4px;-webkit-overflow-scrolling:touch}.monitor-screen img{display:block;position:static;width:100%;height:auto;object-fit:contain;max-width:none}.monitor-screen:focus-visible{outline:2px solid #edc39a}.coastal-flow .stage-label{top:17px;color:#344632;text-shadow:0 1px 8px #f8edd7;font-size:10px;letter-spacing:1.3px}.coastal-flow .stage-action{bottom:24px}.coastal-flow .stage-action .pill{background:#19271dd9}.coastal-flow .web-preview{padding:18px;background:#d9dfd1}.mini-hybrid{display:block;width:100%;height:235px;object-fit:cover;object-position:top;border-radius:9px;box-shadow:0 15px 28px #30483026;transform:rotate(-5deg)}
@media(max-width:1100px){.coastal-flow .feature-stage{min-height:420px;padding-left:22px;padding-right:22px}.monitor-screen{aspect-ratio:16/10}}
@media(max-width:850px){.coastal-flow .feature-stage{padding:43px 18px 80px}.monitor-screen{aspect-ratio:4/3}.coastal-flow .pricing-scene .section{padding-top:58px;padding-bottom:60px}}
@media(max-width:600px){.coastal-environment{object-position:52% 50%}.coastal-flow .feature-stage{min-height:330px;padding:37px 5px 69px;overflow:visible}.monitor{padding:6px 6px 10px;border-radius:12px;transform:rotate(-1.5deg)}.monitor:before{border-radius:10px}.monitor-screen{border-radius:7px;aspect-ratio:4/3}.coastal-flow .stage-label{left:9px;top:13px;font-size:8px;letter-spacing:1px}.coastal-flow .stage-action{right:7px;bottom:8px}.coastal-flow .pricing-scene .section{padding-top:50px;padding-bottom:46px}}
@media(prefers-reduced-motion:reduce){.monitor{transform:none}}