:root{--ink:#103448;--muted:#526976;--blue:#0079b5;--cyan:#00a8c3;--green:#248368;--line:#d8e5eb;--pale:#f1f8fc;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #0079b5;outline-offset:5px}button svg,article svg,.strength svg,li svg{width:28px;height:28px;flex-shrink:0}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:500;line-height:1.13}h1{font-size:clamp(44px,5.25vw,76px);letter-spacing:-.06em}h2{font-size:clamp(34px,3.35vw,48px);letter-spacing:-.045em}h3{font-size:21px;letter-spacing:-.025em}em{font-style:normal;color:var(--blue)}.container{width:calc(100% - 96px);max-width:var(--max);margin:auto}.section{padding:108px 0}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--blue);margin-bottom:25px;line-height:1.6}.header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between}.brand img{width:120px;height:80px;object-fit:contain}.header nav{display:flex;align-items:center;gap:33px;font-size:14px}.header nav a{transition:color .2s}.header nav a:hover,.header nav a.active{color:var(--blue)}.nav-contact{padding:10px 20px;border:1px solid #a9c1cd;border-radius:3px}.hero{padding:64px 0 0;background:linear-gradient(150deg,#fff 12%,#eef8fd 70%,#f2faf7)}.hero-top{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:end;padding-bottom:50px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{width:24px;height:2px;background:var(--cyan)}.hero-intro{padding-bottom:5px}.hero-intro>p{font-size:20px;max-width:380px;color:var(--muted);line-height:1.6}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:3px;font-size:14px;font-weight:600;min-height:48px;transition:background .2s,transform .2s}.primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.primary:hover{background:#006595;transform:translateY(-2px)}.secondary{background:transparent;border:1px solid #96b7c9}.secondary:hover{background:#fff}.text-link{border-bottom:1px solid #90b7ca;font-size:14px;padding:6px 0;color:var(--blue);display:inline-block}.hero-showcase{background:#fff;border:1px solid #c8dee9;border-radius:7px;box-shadow:0 20px 70px -35px #548298;overflow:hidden}.showcase-top,.showcase-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:20px}.showcase-top{font-size:11px;letter-spacing:.09em;border-bottom:1px solid var(--line);font-weight:600;background:#fcfeff}.showcase-top b{color:#8babbc;margin:0 12px}.showcase-top>span:last-child{color:var(--blue);letter-spacing:0;font-size:13px}.hero-dashboard{width:100%;padding:21px 21px 0!important;border:0!important;display:block}.hero-dashboard img{width:100%}.showcase-bottom{font-size:13px;border-top:1px solid var(--line);background:#fbfdff}.showcase-bottom span:first-child{color:var(--blue)}.sample-note{font-size:12px;color:var(--muted);margin:13px 0 0;text-align:right}.strengths{display:grid;grid-template-columns:repeat(4,1fr);padding:42px 0 44px;gap:24px}.strength{display:flex;gap:16px;align-items:flex-start}.strength svg{color:var(--blue);width:25px;height:25px}.strength h3{font-size:16px;font-weight:600;letter-spacing:-.02em;margin:1px 0 7px}.strength p{font-size:13px;color:var(--muted)}.heading-split{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:end}.heading-split>p{color:var(--muted);max-width:460px}.operation-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.operation{padding:30px 34px 35px 0}.operation+.operation{padding-left:34px;border-left:1px solid var(--line)}.op-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;color:var(--blue)}.op-top span{font-size:13px;color:#6b8490}.op-top svg{width:35px;height:35px}.operation p{color:var(--muted);margin-top:13px}.features{background:var(--pale);border-top:1px solid #e6eff4;border-bottom:1px solid #e6eff4}.features-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.feature-intro>p:not(.eyebrow){color:var(--muted);max-width:300px;margin:23px 0}.feature-list{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.feature{padding:0 0 28px;margin-bottom:30px;border-bottom:1px solid #d1e2ec}.feature svg{color:var(--blue);margin-bottom:20px}.feature h3{font-size:18px;line-height:1.3}.feature p{font-size:14px;color:var(--muted);margin-top:10px}.feature:nth-last-child(-n+2){margin-bottom:0}.app-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.app-visual{padding:50px 30px 30px;background:linear-gradient(145deg,#edf6fd,#eef9f6);border:1px solid #dcebf1;display:flex;align-items:center;flex-direction:column;position:relative}.app-image{width:235px;border:5px solid #fff;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px -15px #65828f}.app-image img{width:100%}.app-caption{font-size:11px;letter-spacing:.12em;color:#536e7d;margin-top:30px}.app-copy>p:not(.eyebrow){color:var(--muted);margin-top:25px;max-width:420px}.app-functions{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--line);max-width:420px}.app-functions li{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.app-functions svg{color:var(--green);width:21px;height:21px}.app-copy .muted{font-size:14px}.reports{background:#f8fbfd;border-top:1px solid #e6eef3}.report-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:42px;border-bottom:1px solid #bed4e0}.report-tabs button{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;background:transparent;border:0;border-bottom:3px solid transparent;font-size:18px;text-align:left}.report-tabs button span{font-size:12px;color:#64808d}.report-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue);background:#eaf4fb}.report-tabs button:hover{background:#eef5fa}.report-panel{background:#fff;padding:32px;border:1px solid var(--line);border-top:0;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:30px}.panel-heading h3{font-size:21px}.panel-heading p{font-size:14px;color:var(--muted);margin-top:8px}.sample-label{font-size:11px;letter-spacing:.12em;color:#627985;white-space:nowrap}.vehicle-gallery{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;align-items:stretch}.image-open{position:relative;background:#fff;border:1px solid var(--line);padding:10px;min-width:0;overflow:hidden;display:block}.image-open img{width:100%;height:100%;object-fit:contain}.image-open:hover{border-color:var(--blue)}.enlarge{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:5px;border:1px solid #bfd2dc;background:rgba(255,255,255,.97);padding:6px 9px;font-size:12px;color:#245a74;border-radius:3px;box-shadow:0 2px 10px #19354c0a}.enlarge svg{width:17px;height:17px}.image-open .enlarge span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .2s}.image-open:hover .enlarge span,.image-open:focus-visible .enlarge span{max-width:100px}.revenue-gallery,.records-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}.revenue-gallery .image-open,.records-gallery .image-open{min-height:245px}.report-index{display:grid;grid-template-columns:1fr 2.2fr;gap:35px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}.report-index h3{font-size:16px;line-height:1.5}.report-index ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:11px 20px;font-size:13px;color:var(--muted)}.report-index li:before{content:'—';color:#4f947e;margin-right:8px}.benefits-heading{margin-bottom:50px}.benefit{display:grid;grid-template-columns:70px 1fr 1.3fr 30px;gap:25px;align-items:center;padding:25px 0;border-top:1px solid var(--line)}.benefit:last-child{border-bottom:1px solid var(--line)}.benefit-number{font-size:14px;color:var(--blue)}.benefit h3{font-size:22px}.benefit p{font-size:15px;color:var(--muted);max-width:410px}.benefit svg{color:var(--green);width:22px;height:22px}.contact{background:linear-gradient(120deg,#e8f5fc,#f0f9f6);padding-bottom:60px;border-top:1px solid #d5e8ed}.contact-top{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-bottom:62px}.contact-top h2{font-size:clamp(46px,4.6vw,66px)}.contact-top>div>p:not(.eyebrow){color:var(--muted);font-size:18px}.contact-details{border-top:1px solid #c7dfe7;padding-top:32px;display:grid;grid-template-columns:.9fr 1.4fr 1.2fr;gap:50px;font-size:14px}.contact-details>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.label{font-size:11px;font-weight:600;letter-spacing:.14em;color:#537787;margin-bottom:10px}address{font-style:normal}.contact-details a:hover{text-decoration:underline;color:var(--blue)}.tagline{margin-top:8px;color:var(--muted);font-style:italic}.footer-content{min-height:102px;display:flex;gap:24px;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.footer-brand{color:#078bab;font-size:17px;font-weight:700;letter-spacing:.02em}.footer-brand span{color:#183f74}.footer-content>a:last-child{font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;padding:12px;border:2px solid var(--blue)}.skip-link:focus{top:8px}.menu-toggle{display:none}.reveal{opacity:1}.motion .reveal{transition:opacity .7s,transform .7s}.motion .reveal.pending{opacity:0;transform:translateY(20px)}[hidden]{display:none!important}dialog{width:min(1200px,94vw);max-width:94vw;max-height:92vh;max-height:92dvh;border:1px solid #b9d2df;border-radius:5px;padding:0;color:var(--ink);box-shadow:0 20px 80px #16344930}dialog::backdrop{background:rgba(20,44,60,.55);backdrop-filter:blur(5px)}.viewer-header{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:18px 24px;background:#f3f9fc}.viewer-header h2{font-size:18px;line-height:1.4;letter-spacing:0}.viewer-close{width:44px;height:44px;border:1px solid #c8dce7;border-radius:3px;background:#fff;font-size:28px;flex-shrink:0}.viewer-tip{font-size:12px;padding:10px 24px;color:var(--muted)}.viewer-scroll{overflow:auto;max-height:70vh;max-height:70dvh;padding:12px 24px 24px}.viewer-scroll img{max-width:none;width:auto;height:auto;margin:auto}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero-top{padding-top:20px}.hero-dashboard img{max-height:500px;object-fit:contain}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-top{gap:30px;grid-template-columns:1.4fr 1fr}.hero-intro>p{font-size:18px}.actions{gap:15px}.strengths{gap:16px}.strength{gap:10px}.strength p{font-size:12px}.strength h3{font-size:14px}.features-layout{gap:55px}.app-layout{gap:65px}.heading-split{gap:40px}.contact-top{gap:60px}.contact-details{gap:25px}.section{padding:85px 0}.contact{padding-bottom:45px}.report-panel{padding:25px}.vehicle-gallery{gap:12px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.nav-wrap{height:76px}.brand img{height:70px;width:105px}.header nav{gap:18px;font-size:12px}.nav-contact{padding:9px 12px}.hero{padding-top:42px}.hero-top{grid-template-columns:1fr;gap:24px;padding-bottom:32px}.hero-intro>p{max-width:540px}.hero h1{font-size:58px}.hero .eyebrow{font-size:11px}.hero-intro .actions{margin-top:20px}.hero-dashboard{padding:12px 12px 0!important}.showcase-top,.showcase-bottom{padding:14px 16px}.strengths{grid-template-columns:repeat(2,1fr);gap:25px;padding:35px 0}.strength h3{font-size:16px}.strength p{font-size:13px}.heading-split{grid-template-columns:1fr;gap:20px}.heading-split>p{max-width:600px}.features-layout{grid-template-columns:1fr;gap:40px}.feature-intro>p:not(.eyebrow){max-width:500px}.app-layout{gap:40px;grid-template-columns:.9fr 1fr}.app-visual{padding:25px 16px 20px}.app-image{width:210px}.app-caption{font-size:10px;text-align:center}.app-copy h2{font-size:34px}.app-copy>p:not(.eyebrow){font-size:15px}.app-functions li{font-size:15px}.app-copy .eyebrow{font-size:11px}.report-index{grid-template-columns:1fr;gap:18px}.benefit{grid-template-columns:35px .9fr 1.2fr 22px;gap:16px}.benefit h3{font-size:19px}.benefit p{font-size:14px}.contact-top{gap:35px}.contact-top>div>p:not(.eyebrow){font-size:16px}.contact-details{grid-template-columns:1fr 1.5fr}.contact-details>div:last-child{grid-column:1/-1}.footer-content{flex-wrap:wrap;padding:26px 0;gap:12px}.footer-content p{order:3;width:100%;font-size:12px}.operation{padding-right:20px}.operation+.operation{padding-left:20px}.operation h3{font-size:19px}.operation p{font-size:14px}.section{padding:72px 0}}
@media(max-width:600px){html{scroll-padding-top:90px}.container{width:calc(100% - 36px)}.section{padding:60px 0}.hero{padding-top:35px}.hero h1{font-size:clamp(38px,10.7vw,59px);line-height:1.1;letter-spacing:-.055em}.eyebrow{font-size:10px;margin-bottom:20px}.hero .eyebrow{font-size:10px;letter-spacing:.09em;gap:8px}.eyebrow>span{width:16px}.hero-intro>p{font-size:17px}.hero-top{gap:22px}.hero-intro .actions{gap:18px}.button{font-size:13px;padding:12px 17px}.header nav{flex-wrap:wrap;justify-content:center;padding:10px 0}.nav-wrap{height:auto;min-height:72px;flex-wrap:wrap}.header nav a{min-height:40px;display:flex;align-items:center}.js .nav-wrap{height:72px;flex-wrap:nowrap}.js .menu-toggle{display:flex;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:3px;flex-direction:column;align-items:center;justify-content:center;gap:6px}.menu-toggle>span:not(.sr-only){width:19px;height:1.5px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(-3.75px) rotate(-45deg)}.js .header nav{display:none;position:absolute;top:71px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:16px 24px 24px;box-shadow:0 16px 22px #16496610;flex-direction:column;align-items:stretch;gap:2px;font-size:16px}.js .header nav.open{display:flex}.js .header nav a{padding:10px 12px}.js .nav-contact{margin-top:10px;justify-content:center}.showcase-top{padding:12px 10px;gap:8px;letter-spacing:.02em;font-size:9px}.showcase-top>span:last-child{font-size:10px}.showcase-top b{margin:0 3px}.hero-dashboard{padding:8px 8px 0!important;min-height:0}.showcase-bottom{padding:10px 12px;font-size:10px;gap:15px}.showcase-bottom>span:last-child{text-align:right;max-width:180px}.sample-note{font-size:10px;text-align:left;line-height:1.5}.enlarge{bottom:7px;right:7px;padding:4px 6px}.enlarge svg{width:16px;height:16px}.strengths{column-gap:14px;row-gap:24px;padding:30px 0}.strength{gap:9px}.strength h3{font-size:13px;margin-top:3px}.strength p{font-size:11px;line-height:1.5}.strength svg{width:22px;height:22px}h2{font-size:34px}.heading-split{gap:20px}.heading-split>p{font-size:15px}.operation-grid{grid-template-columns:1fr;margin-top:32px}.operation,.operation+.operation{padding:24px 0;border-left:0}.operation+.operation{border-top:1px solid var(--line)}.op-top{margin-bottom:15px}.op-top svg{width:28px;height:28px}.operation h3{font-size:21px}.operation p{margin-top:8px;font-size:15px}.feature-list{column-gap:22px}.feature h3{font-size:16px}.feature p{font-size:13px}.feature svg{width:26px;height:26px;margin-bottom:14px}.feature-intro>p:not(.eyebrow){font-size:15px}.app-layout{display:flex;flex-direction:column-reverse;gap:35px;align-items:stretch}.app-copy>p:not(.eyebrow){max-width:none}.app-functions{max-width:none}.app-visual{padding:30px 20px 23px}.app-image{width:200px}.app-caption{margin-top:22px}.report-tabs{margin-top:28px}.report-tabs button{font-size:15px;padding:15px 10px;gap:6px}.report-tabs button span{font-size:10px}.report-panel{padding:20px 14px}.panel-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}.panel-heading h3{font-size:19px}.panel-heading p{font-size:13px}.sample-label{font-size:10px}.vehicle-gallery{grid-template-columns:1fr 1fr;gap:12px}.vehicle-gallery>.image-open:nth-child(2){grid-column:1/-1;grid-row:1}.vehicle-gallery>.image-open:not(:nth-child(2)){min-height:250px}.vehicle-gallery .image-open{padding:8px}.revenue-gallery,.records-gallery{grid-template-columns:1fr;gap:14px}.revenue-gallery .image-open,.records-gallery .image-open{min-height:0;padding:6px}.report-index{margin-top:24px;padding-top:24px}.report-index ul{grid-template-columns:1fr 1fr;font-size:12px;gap:12px}.report-index li:before{margin-right:5px}.benefits-heading{margin-bottom:32px}.benefit{grid-template-columns:28px 1fr 22px;gap:10px;padding:21px 0}.benefit h3{font-size:20px}.benefit p{grid-column:2;grid-row:2;font-size:14px}.benefit svg{grid-column:3;grid-row:1}.benefit-number{font-size:12px}.contact-top{grid-template-columns:1fr;gap:27px;padding-bottom:35px}.contact-top h2{font-size:49px}.contact-top .actions{gap:12px;margin-top:22px}.contact-details{grid-template-columns:1fr;gap:27px;padding-top:28px}.contact-details>div:last-child{grid-column:auto}.label{margin-bottom:4px}.contact{padding-bottom:38px}.viewer-header{padding:12px}.viewer-header h2{font-size:15px}.viewer-scroll{padding:10px 12px 20px}.viewer-tip{padding:10px 12px}.footer-content{min-height:100px}.footer-brand{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.motion .reveal.pending{opacity:1;transform:none}}
/* ParkCloudAsia brand revision: cyan, blue, white and controlled green. */
body{background:#e3f7fc}.header.glass-header{top:12px;width:calc(100% - 32px);max-width:1480px;margin:12px auto -100px;border:1px solid rgba(255,255,255,.92);border-radius:20px;background:rgba(224,246,253,.68);box-shadow:0 8px 30px #087eac0b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-header .nav-wrap{height:84px;width:calc(100% - 36px);max-width:none;flex-wrap:nowrap}.glass-header .brand img{height:78px;width:112px}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.support-number{text-align:right;line-height:1.4;margin-right:5px}.support-number span{display:block;font-size:11px;color:#50667e}.support-number strong{display:block;font-size:16px;color:#008ed0}.account-button{border:0;border-radius:28px;background:linear-gradient(100deg,#00a7d1 15%,#06c389 85%);color:#fff;min-height:44px;padding:10px 23px;font-size:14px;font-weight:700}.account-button:hover{filter:brightness(.94)}.hero{padding:165px 0 0;background:radial-gradient(ellipse at 85% 35%,#b1eff8 0,transparent 52%),linear-gradient(125deg,#f4fcff 0%,#d3f3fc 55%,#c2e6f8 100%)}.hero-top{grid-template-columns:1fr 1.35fr;align-items:center;gap:20px;padding-bottom:40px}.hero h1{font-size:clamp(38px,4vw,60px);line-height:1.12;letter-spacing:-.05em}.hero-brand-copy .eyebrow{font-size:17px;letter-spacing:.09em;color:#004b92}.hero-statement{font-size:19px;line-height:1.6;max-width:440px;margin-top:25px;color:#285b75}.hero-brand-copy>.button{margin-top:28px;font-size:13px;padding:12px 18px}.device-hero{margin:0;min-width:0;position:relative}.device-hero>img{width:100%;height:auto;object-fit:contain}.device-hero figcaption{font-size:17px;line-height:1.5;color:#0b467c;text-align:right;padding-right:15px;margin-top:8px}.device-hero figcaption strong{color:#167b74;font-weight:500}.strengths{border-top:1px solid #a5d8e8}.platform{background:linear-gradient(130deg,#f8fdff,#dff2fc)}.features{background:linear-gradient(115deg,#d5f3f9,#d4eafa);border-color:#b8dce9}.application{background:linear-gradient(130deg,#effaff,#ceeff8)}.app-visual{background:rgba(255,255,255,.42);border-color:#aad5e5}.reports{background:linear-gradient(145deg,#d6f1fc,#e5f8fc);border-color:#bcdde9}.benefits{background:linear-gradient(130deg,#edfaff,#d5edf9)}.contact{background:linear-gradient(115deg,#bfeefa,#d9ebfb 70%,#d5f4ee);border-color:#b7d6e4}.features,.reports,.platform,.benefits,.application,.contact{--line:#bed9e5}.report-panel{background:rgba(255,255,255,.8)}.report-tabs button[aria-selected=true]{background:#f3fcff}.feature{border-color:#b9d5e4}.operation-grid,.operation+.operation,.benefit,.app-functions,.app-functions li{border-color:#b7d7e6}.app-copy h2{font-size:clamp(32px,3.1vw,45px)}.monitoring-section{margin-top:58px}.monitoring-caption{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:20px}.monitoring-caption p{font-size:14px;color:var(--muted)}.monitoring-section .image-open{padding:20px;width:100%;border-radius:5px}.monitoring-section .image-open>img{height:auto}.monitoring-section .sample-note{margin-top:8px}.company-tagline{font-size:12px;color:#366578;margin-top:8px}.contact-top h2{font-size:clamp(40px,4vw,58px)}footer{background:#effaff}.account-content{padding:25px;display:flex;gap:15px;flex-wrap:wrap}.account-content p{width:100%;margin-bottom:12px}#account-dialog{max-width:500px}
@media(max-width:1000px){.hero-top{grid-template-columns:1fr 1.1fr}.hero h1{font-size:43px}.hero-statement{font-size:17px}.hero-brand-copy>.button{font-size:12px}.device-hero figcaption{font-size:15px}.hero{padding-top:145px}}
@media(max-width:800px){.hero-top{grid-template-columns:1fr;gap:30px}.hero-brand-copy{max-width:580px}.hero h1{font-size:52px}.hero h1 br:last-of-type{display:none}.device-hero{max-width:650px;margin:auto;width:100%}.hero-statement{max-width:540px}.monitoring-caption{align-items:flex-start;flex-direction:column;gap:8px}.glass-header .nav-wrap{height:76px}.glass-header .brand img{height:70px;width:100px}.header.glass-header{margin-bottom:-92px}.hero{padding-top:139px}}
@media(max-width:600px){.header.glass-header{top:7px;width:calc(100% - 16px);margin-top:7px;margin-bottom:-79px;border-radius:16px}.glass-header .nav-wrap{height:70px;width:calc(100% - 18px)}.glass-header .brand img{height:63px;width:90px}.header-actions{gap:7px}.support-number{margin-right:0}.support-number span{font-size:9px}.support-number strong{font-size:11px}.account-button{min-height:39px;padding:9px 13px;font-size:12px}.hero{padding-top:116px}.hero h1{font-size:clamp(36px,9.8vw,51px)}.hero h1 br:last-of-type{display:block}.hero-brand-copy .eyebrow{font-size:14px;margin-bottom:20px}.hero-statement{font-size:17px;margin-top:23px}.hero-brand-copy>.button{font-size:12px;margin-top:24px}.hero-top{gap:25px;padding-bottom:28px}.device-hero figcaption{font-size:14px;margin-top:0;padding-right:0}.strengths{padding-top:28px}.monitoring-section{margin-top:35px}.monitoring-section .image-open{padding:8px}.monitoring-caption h3{font-size:20px}.monitoring-caption p{font-size:13px}.contact-top h2{font-size:44px}}
@media(max-width:370px){.glass-header .brand img{width:69px;height:58px}.account-button{padding:8px 10px;font-size:11px}.header-actions{gap:5px}.support-number strong{font-size:10px}.support-number span{font-size:8px}}

/* =========================================================
   PARKCLOUDASIA — PREMIUM CORPORATE TECH VISUAL UPGRADE
   Visual-only refinement. Approved website copy is unchanged.
   ========================================================= */
:root{
  --pc-blue:#047cba;
  --pc-blue-deep:#064f8e;
  --pc-cyan:#05b4d2;
  --pc-green:#18b981;
  --pc-ink:#0b314a;
  --pc-glass:rgba(255,255,255,.64);
  --pc-glass-strong:rgba(255,255,255,.82);
  --pc-border:rgba(67,159,195,.22);
  --pc-shadow:0 24px 70px rgba(20,87,122,.12);
  --pc-shadow-soft:0 14px 42px rgba(20,87,122,.09);
}

body{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif;
  background:#eaf8fc;
}

main{overflow:hidden}
.section,.hero,.contact{position:relative;isolation:isolate}
.section>.container,.hero>.container,.contact>.container{position:relative;z-index:2}

/* floating glass navigation */
.header.glass-header{
  border:1px solid rgba(255,255,255,.8);
  background:linear-gradient(115deg,rgba(244,252,255,.79),rgba(222,247,250,.65));
  box-shadow:0 16px 45px rgba(12,91,127,.11),inset 0 1px 0 rgba(255,255,255,.92);
  transition:background .3s ease,box-shadow .3s ease,transform .3s ease;
}
.header.glass-header.is-scrolled{
  background:rgba(239,250,253,.88);
  box-shadow:0 18px 55px rgba(12,91,127,.16),inset 0 1px 0 rgba(255,255,255,.95);
}
.glass-header .brand img{filter:drop-shadow(0 7px 10px rgba(0,105,151,.08))}
.support-number strong{letter-spacing:.01em}
.account-button{
  position:relative;
  overflow:hidden;
  box-shadow:0 9px 24px rgba(2,157,165,.18),inset 0 1px 0 rgba(255,255,255,.28);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.account-button::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.28) 48%,transparent 76%);
  transform:translateX(-140%);transition:transform .55s ease;
}
.account-button:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(2,157,165,.24)}
.account-button:hover::before{transform:translateX(140%)}

/* HERO — stronger technology presence, still clean */
.hero{
  min-height:760px;
  padding-top:168px;
  background:
    radial-gradient(circle at 80% 28%,rgba(53,215,227,.25) 0,rgba(53,215,227,.08) 26%,transparent 51%),
    radial-gradient(circle at 99% 88%,rgba(34,190,132,.18) 0,transparent 33%),
    radial-gradient(circle at 13% 13%,rgba(64,161,225,.14) 0,transparent 34%),
    linear-gradient(128deg,#f9fdff 0%,#e7f9fd 41%,#d7f2fa 72%,#dff8f3 100%);
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.34;
  background-image:
    linear-gradient(rgba(35,137,175,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,137,175,.07) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 88%);
}
.hero::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:620px;height:620px;border-radius:50%;left:var(--hero-x,67%);top:var(--hero-y,38%);
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,255,255,.72) 0,rgba(81,211,225,.15) 24%,transparent 67%);
  filter:blur(7px);transition:left .12s linear,top .12s linear;
}
.hero-top{gap:34px;padding-bottom:48px}
.hero-brand-copy{position:relative;z-index:3;padding:18px 0 12px}
.hero-brand-copy::before{
  content:"";position:absolute;left:-24px;top:18px;width:3px;height:74px;border-radius:999px;
  background:linear-gradient(to bottom,var(--pc-cyan),var(--pc-green));
  box-shadow:0 0 25px rgba(5,180,210,.38);
}
.hero-brand-copy .eyebrow{
  display:inline-flex;align-items:center;width:auto;margin-bottom:22px;padding:7px 12px;border-radius:999px;
  background:rgba(255,255,255,.55);border:1px solid rgba(42,154,192,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  font-size:13px;letter-spacing:.15em;color:#075889;
}
.hero h1{font-weight:600;color:#0a3e63;text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.55)}
.hero h1 em{
  color:transparent;
  background:linear-gradient(90deg,#067bb8 0%,#0b9fc3 56%,#159f7b 100%);
  -webkit-background-clip:text;background-clip:text;
}
.hero-statement{color:#315f75;font-size:18px;max-width:465px}
.hero-brand-copy>.button{
  min-height:50px;border:0;border-radius:999px;padding:13px 23px;
  background:linear-gradient(100deg,#047ebc 0%,#03a7ca 55%,#16b785 100%);
  box-shadow:0 14px 31px rgba(4,126,188,.2),inset 0 1px 0 rgba(255,255,255,.25);
  letter-spacing:.01em;transition:transform .24s ease,box-shadow .24s ease,filter .24s ease;
}
.hero-brand-copy>.button:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(4,126,188,.27);filter:saturate(1.08)}

.device-hero{position:relative;padding:12px 0 34px;z-index:2}
.device-hero::before{
  content:"";position:absolute;z-index:-2;left:7%;right:-4%;top:5%;bottom:11%;border-radius:48% 52% 48% 52% / 44% 45% 55% 56%;
  background:
    radial-gradient(circle at 38% 45%,rgba(255,255,255,.96),rgba(255,255,255,.58) 24%,transparent 55%),
    linear-gradient(135deg,rgba(26,181,211,.18),rgba(37,190,140,.12));
  filter:blur(1px);box-shadow:0 35px 90px rgba(18,118,153,.12);
}
.device-hero::after{
  content:"";position:absolute;z-index:-1;left:16%;right:5%;bottom:17px;height:55px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(20,82,110,.22) 0,rgba(28,122,150,.09) 38%,transparent 72%);
  filter:blur(15px);
}
.device-hero>img{
  position:relative;z-index:2;width:104%;max-width:none;margin-left:-2%;
  filter:drop-shadow(0 30px 34px rgba(13,79,108,.17));
  transform:translateY(0);transition:transform .45s ease,filter .45s ease;
}
.device-hero:hover>img{transform:translateY(-6px);filter:drop-shadow(0 38px 42px rgba(13,79,108,.21))}
.device-hero figcaption{
  position:absolute;right:1%;bottom:4%;z-index:3;margin:0;padding:10px 15px 10px 17px;
  border:1px solid rgba(255,255,255,.8);border-radius:14px;text-align:left;
  background:rgba(245,253,255,.68);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 12px 32px rgba(16,89,120,.11);font-size:14px;line-height:1.4;
}

.strengths{
  position:relative;grid-template-columns:repeat(4,1fr);gap:0;padding:0;margin:8px 0 34px;
  border:1px solid rgba(91,169,195,.22);border-radius:20px;overflow:hidden;
  background:rgba(255,255,255,.48);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 18px 54px rgba(30,100,129,.08),inset 0 1px 0 rgba(255,255,255,.72);
}
.strength{position:relative;padding:23px 20px;align-items:center;transition:background .25s ease,transform .25s ease}
.strength+.strength{border-left:1px solid rgba(79,158,190,.16)}
.strength:hover{background:rgba(255,255,255,.56);transform:translateY(-2px)}
.strength svg{width:28px;height:28px;color:#0788be;filter:drop-shadow(0 4px 7px rgba(2,139,188,.13))}
.strength h3{font-size:15px;color:#123f59}
.strength p{font-size:12px}

/* shared ambient section depth */
.platform::before,.features::before,.application::before,.reports::before,.benefits::before,.contact::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(circle at 12% 25%,rgba(0,166,207,.10),transparent 29%),
    radial-gradient(circle at 88% 73%,rgba(22,185,129,.09),transparent 28%);
}
.platform::after,.reports::after,.benefits::after{
  content:"";position:absolute;z-index:-1;left:4%;right:4%;top:12%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(13,135,181,.18),transparent);
}

/* platform / operations */
.platform{background:linear-gradient(132deg,#f9fdff 0%,#e9f7fc 49%,#f3fbfa 100%)}
.section-heading .eyebrow,.features .eyebrow,.application .eyebrow,.reports .eyebrow,.benefits .eyebrow,.contact .eyebrow{color:#067aa8}
.heading-split h2,.feature-intro h2,.app-copy h2,.reports h2,.benefits h2,.contact h2{color:#103c58;font-weight:600}
.operation-grid{gap:16px;border:0;margin-top:48px}
.operation,.operation+.operation{
  position:relative;padding:29px 28px 30px;border:1px solid rgba(85,161,191,.19);border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(242,252,253,.55));
  box-shadow:0 15px 43px rgba(17,91,121,.07),inset 0 1px 0 rgba(255,255,255,.86);
  overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.operation::after{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,#05a7ce,#18bc86);opacity:.7;
}
.operation:hover{transform:translateY(-5px);box-shadow:0 23px 55px rgba(17,91,121,.12);border-color:rgba(14,155,193,.3)}
.op-top{margin-bottom:28px}
.op-top span{font-weight:700;letter-spacing:.09em;color:#4a7587}
.op-top svg{color:#078cbd}

.monitoring-section{
  position:relative;margin-top:54px;padding:28px;border-radius:26px;
  border:1px solid rgba(94,167,193,.22);
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(225,247,250,.56));
  box-shadow:var(--pc-shadow),inset 0 1px 0 rgba(255,255,255,.9);
  overflow:hidden;
}
.monitoring-section::before{
  content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-125px;top:-150px;
  background:radial-gradient(circle,rgba(22,190,209,.17),transparent 67%);pointer-events:none;
}
.monitoring-caption{position:relative;z-index:2}
.monitoring-caption h3{font-weight:600;color:#123d58}
.monitoring-section .image-open{
  position:relative;z-index:2;padding:12px;border-radius:15px;border:1px solid rgba(78,155,185,.2);
  background:rgba(255,255,255,.91);box-shadow:0 22px 55px rgba(13,75,105,.12);transition:transform .3s ease,box-shadow .3s ease;
}
.monitoring-section .image-open:hover{transform:translateY(-3px);box-shadow:0 28px 65px rgba(13,75,105,.17)}
.monitoring-section .image-open>img{border-radius:9px}

/* features — structured premium cards instead of flat list */
.features{background:linear-gradient(123deg,#dff5fa 0%,#e8f6fc 47%,#dff5ef 115%)}
.features-layout{align-items:start;gap:74px}
.feature-intro{position:sticky;top:140px;padding:26px 0}
.feature-intro::after{
  content:"";display:block;width:95px;height:3px;border-radius:999px;margin-top:30px;
  background:linear-gradient(90deg,#05a7cd,#19b984);box-shadow:0 0 20px rgba(6,168,199,.25);
}
.feature-intro .text-link{border:0;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.52);box-shadow:inset 0 0 0 1px rgba(75,156,186,.2)}
.feature-list{gap:16px;column-gap:16px}
.feature{
  position:relative;margin:0!important;padding:24px 23px 23px;border:1px solid rgba(84,160,191,.19);border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(247,253,255,.54));
  box-shadow:0 13px 34px rgba(19,91,118,.065),inset 0 1px 0 rgba(255,255,255,.85);
  overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.feature::before{
  content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-52px;top:-57px;
  background:radial-gradient(circle,rgba(2,174,207,.17),transparent 69%);
}
.feature:hover{transform:translateY(-5px);box-shadow:0 21px 47px rgba(19,91,118,.11);border-color:rgba(16,158,193,.31)}
.feature svg{width:30px;height:30px;margin-bottom:19px;padding:4px;overflow:visible;color:#087fb3;filter:drop-shadow(0 5px 7px rgba(0,133,180,.1))}
.feature h3{font-weight:600;color:#123c56}
.feature p{line-height:1.65}

/* application — high-end product showcase */
.application{
  background:
    radial-gradient(circle at 19% 54%,rgba(2,188,211,.20),transparent 33%),
    radial-gradient(circle at 84% 20%,rgba(31,189,126,.13),transparent 30%),
    linear-gradient(126deg,#eaf9fc 0%,#e5f6fb 50%,#e6f8f2 100%);
}
.app-layout{gap:88px}
.app-visual{
  min-height:610px;justify-content:center;border-radius:30px;padding:48px 34px 34px;
  background:
    radial-gradient(circle at 50% 41%,rgba(78,224,230,.21),transparent 40%),
    linear-gradient(150deg,rgba(7,82,124,.94),rgba(6,108,137,.92) 52%,rgba(14,121,104,.9));
  border:1px solid rgba(255,255,255,.18);box-shadow:0 32px 70px rgba(9,69,99,.2),inset 0 1px 0 rgba(255,255,255,.2);
  overflow:hidden;
}
.app-visual::before{
  content:"";position:absolute;inset:0;opacity:.16;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 87%);
}
.app-visual::after{
  content:"";position:absolute;left:14%;right:14%;bottom:56px;height:38px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.35),transparent 70%);filter:blur(13px);
}
.app-image{position:relative;z-index:2;width:250px;border:5px solid rgba(255,255,255,.9);border-radius:31px;box-shadow:0 30px 55px rgba(0,27,48,.35)}
.app-caption{position:relative;z-index:2;color:rgba(255,255,255,.78);font-weight:600}
.app-functions{border-color:rgba(71,155,184,.22)}
.app-functions li{border-color:rgba(71,155,184,.22);padding:16px 0}
.app-functions svg{background:rgba(28,185,129,.1);border-radius:50%;padding:3px;color:#149c73}

/* report centre */
.reports{background:linear-gradient(132deg,#e7f6fc 0%,#f3fbfd 54%,#e6f7f3 112%)}
.report-tabs{
  margin-top:42px;border:1px solid rgba(73,153,184,.2);border-radius:15px 15px 0 0;overflow:hidden;
  background:rgba(255,255,255,.45);backdrop-filter:blur(10px);
}
.report-tabs button{border-bottom:0;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.report-tabs button+button{border-left:1px solid rgba(73,153,184,.16)}
.report-tabs button[aria-selected=true]{
  border:0;background:linear-gradient(112deg,rgba(255,255,255,.92),rgba(226,247,249,.84));
  box-shadow:inset 0 -3px 0 #08a7bf;color:#076f9e;
}
.report-panel{
  border:1px solid rgba(73,153,184,.2);border-top:0;border-radius:0 0 20px 20px;
  background:rgba(255,255,255,.72);backdrop-filter:blur(12px);box-shadow:0 22px 60px rgba(15,85,113,.09);
}
.report-panel .image-open{
  border-radius:12px;border-color:rgba(76,153,182,.19);background:rgba(255,255,255,.92);
  box-shadow:0 12px 28px rgba(14,75,103,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.report-panel .image-open:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(14,75,103,.12);border-color:rgba(4,141,187,.35)}
.enlarge{border-radius:999px;border-color:rgba(87,158,184,.23);backdrop-filter:blur(8px)}
.report-index{border-color:rgba(81,158,186,.2)}

/* benefits — premium horizontal outcomes */
.benefits{background:linear-gradient(125deg,#f5fcfe 0%,#e9f7fb 48%,#e7f8f2 100%)}
.benefit-list{border:1px solid rgba(80,158,187,.18);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.5);box-shadow:0 20px 55px rgba(15,83,110,.07)}
.benefit,.benefit:last-child{
  border:0;border-bottom:1px solid rgba(76,155,184,.16);padding:26px 28px;transition:background .25s ease,padding-left .25s ease;
}
.benefit:last-child{border-bottom:0}
.benefit:hover{background:linear-gradient(90deg,rgba(255,255,255,.74),rgba(224,249,247,.62));padding-left:34px}
.benefit-number{font-weight:700;letter-spacing:.08em;color:#087fae}
.benefit h3{font-weight:600;color:#113b55}
.benefit svg{width:25px;height:25px;border-radius:50%;padding:4px;background:rgba(27,181,129,.1);color:#11986d}

/* contact — executive CTA */
.contact{
  background:
    radial-gradient(circle at 8% 20%,rgba(8,177,207,.19),transparent 28%),
    radial-gradient(circle at 90% 78%,rgba(21,188,132,.16),transparent 30%),
    linear-gradient(125deg,#d6f2f8 0%,#e8f6fb 55%,#dff6ef 100%);
}
.contact>.container{
  border:1px solid rgba(255,255,255,.7);border-radius:28px;padding:54px 58px 39px;
  background:linear-gradient(140deg,rgba(255,255,255,.65),rgba(237,251,252,.45));
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 25px 75px rgba(14,91,121,.11),inset 0 1px 0 rgba(255,255,255,.9);
}
.contact-top{gap:72px;padding-bottom:47px}
.contact-top h2{font-weight:600;background:linear-gradient(92deg,#0b527f,#087fa4 62%,#138b6e);-webkit-background-clip:text;background-clip:text;color:transparent}
.contact .button{border-radius:999px}
.contact .primary{border:0;background:linear-gradient(100deg,#047cb9,#06a5c7 55%,#17b985);box-shadow:0 12px 30px rgba(2,138,179,.18)}
.contact .secondary{border-color:rgba(47,137,170,.3);background:rgba(255,255,255,.47)}
.contact-details{border-color:rgba(77,156,184,.2)}
footer{background:linear-gradient(90deg,#edf9fc,#f1fbf8);border-top:1px solid rgba(82,158,187,.14)}

/* reveal motion feels more deliberate */
.motion .reveal.pending{transform:translateY(24px) scale(.992);opacity:0}
.reveal{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}

@media(min-width:801px){
  .device-hero>img{animation:pc-device-float 7s ease-in-out infinite}
  @keyframes pc-device-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
  .device-hero:hover>img{animation-play-state:paused;transform:translateY(-7px) scale(1.008)}
}

@media(max-width:1000px){
  .hero{min-height:auto}
  .hero-brand-copy::before{left:-14px}
  .device-hero figcaption{right:0}
  .features-layout{gap:48px}
  .app-layout{gap:54px}
  .contact>.container{padding:46px 44px 34px}
}

@media(max-width:800px){
  .hero{padding-top:142px}
  .hero::before{background-size:48px 48px;opacity:.25}
  .hero-brand-copy{padding-left:18px}
  .hero-brand-copy::before{left:0;top:24px;height:66px}
  .device-hero{padding-bottom:24px}
  .device-hero>img{width:100%;margin-left:0}
  .strengths{grid-template-columns:1fr 1fr}
  .strength:nth-child(3){border-left:0;border-top:1px solid rgba(79,158,190,.16)}
  .strength:nth-child(4){border-top:1px solid rgba(79,158,190,.16)}
  .feature-intro{position:relative;top:auto;padding:0}
  .app-visual{min-height:530px}
  .contact>.container{width:calc(100% - 40px);padding:40px 32px 30px}
}

@media(max-width:600px){
  .header.glass-header{box-shadow:0 12px 32px rgba(12,91,127,.11),inset 0 1px 0 rgba(255,255,255,.9)}
  .hero{padding-top:120px;background:radial-gradient(circle at 80% 28%,rgba(53,215,227,.22),transparent 42%),linear-gradient(135deg,#f8fdff,#dcf4fb 68%,#e1f7f0)}
  .hero::after{width:390px;height:390px}
  .hero-brand-copy{padding-left:13px}
  .hero-brand-copy::before{width:2px;left:0;height:58px}
  .hero-brand-copy .eyebrow{font-size:11px;padding:6px 10px}
  .hero h1{font-weight:600}
  .hero-brand-copy>.button{width:100%;max-width:360px;border-radius:14px}
  .device-hero{margin-top:2px}
  .device-hero::before{left:0;right:0;top:10%;bottom:12%}
  .device-hero figcaption{position:relative;right:auto;bottom:auto;display:inline-block;margin:0 0 0 auto;float:right;font-size:12px;border-radius:11px}
  .strengths{clear:both;margin-top:24px;border-radius:16px}
  .strength{padding:18px 14px;gap:10px}
  .strength svg{width:23px;height:23px}
  .strength+.strength{border-left:0}
  .strength:nth-child(even){border-left:1px solid rgba(79,158,190,.16)}
  .strength:nth-child(3),.strength:nth-child(4){border-top:1px solid rgba(79,158,190,.16)}
  .operation-grid{gap:12px}
  .operation,.operation+.operation{padding:23px 21px;border:1px solid rgba(85,161,191,.19);border-radius:14px}
  .monitoring-section{padding:16px;border-radius:18px}
  .feature-list{grid-template-columns:1fr;gap:12px}
  .feature{padding:22px 20px;border-radius:14px}
  .app-visual{min-height:490px;border-radius:21px;padding:35px 20px 28px}
  .app-image{width:210px}
  .report-tabs{border-radius:13px 13px 0 0}
  .report-tabs button{font-size:13px;padding:14px 8px}
  .report-panel{border-radius:0 0 15px 15px}
  .benefit-list{border-radius:16px}
  .benefit,.benefit:last-child{padding:22px 17px}
  .benefit:hover{padding-left:20px}
  .contact{padding-left:0;padding-right:0}
  .contact>.container{width:calc(100% - 28px);padding:32px 20px 25px;border-radius:20px}
  .contact-top{padding-bottom:31px}
}

@media(prefers-reduced-motion:reduce){
  .device-hero>img{animation:none!important}
  .hero::after{transition:none}
}


/* === OCT 02 correction: simplify application showcase + keep clean corporate look === */
.application{
  background:linear-gradient(130deg,#effaff 0%,#d8f0f9 52%,#edf9f5 100%);
}
.app-layout{gap:72px;align-items:center}
.app-visual{
  min-height:auto;
  justify-content:center;
  padding:42px 28px 28px;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(231,247,251,.82));
  border:1px solid rgba(130,190,211,.32);
  box-shadow:0 22px 58px rgba(12,76,103,.10),inset 0 1px 0 rgba(255,255,255,.85);
  overflow:hidden;
}
.app-visual::before{
  opacity:.08;
  background-image:linear-gradient(rgba(7,121,181,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(7,121,181,.14) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 88%);
}
.app-visual::after{
  left:22%;
  right:22%;
  bottom:34px;
  height:24px;
  background:radial-gradient(ellipse,rgba(9,49,74,.16),transparent 72%);
  filter:blur(12px);
}
.app-image{
  width:225px;
  border:5px solid rgba(255,255,255,.98);
  border-radius:30px;
  box-shadow:0 24px 46px rgba(15,72,97,.18);
}
.app-caption{
  margin-top:24px;
  color:#4d6e7d;
  font-weight:700;
  text-align:center;
}
@media(max-width:800px){
  .app-layout{gap:40px}
  .app-visual{padding:34px 20px 24px;border-radius:24px}
  .app-image{width:210px}
}
@media(max-width:600px){
  .app-visual{padding:30px 18px 22px;border-radius:22px}
  .app-image{width:198px}
  .app-caption{margin-top:20px}
}

/* =========================================================
   PARKCLOUDASIA — EXACT SELECTED DESIGN IMPLEMENTATION
   Visual artwork is kept as artwork; all wording remains live HTML.
   Reports / benefits / contact remain untouched.
   ========================================================= */

:root{
  --pc-deep:#0c456f;
  --pc-blue:#0b8ed3;
  --pc-cyan:#18bde0;
  --pc-green:#17c59b;
  --pc-muted:#587385;
}

/* ---------- HERO ---------- */
.hero.hero-reference{
  position:relative;
  padding:0 !important;
  background:#fff !important;
  overflow:hidden;
  border:0 !important;
}
.hero-reference-inner{
  position:relative;
  width:100%;
  min-height:690px;
  overflow:hidden;
}
.hero-reference-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center bottom;
  z-index:0;
}
.hero-reference-inner::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.00) 44%,rgba(255,255,255,.02) 100%);
}
.hero-reference-copy{
  position:relative;
  z-index:3;
  width:min(790px,88vw);
  margin:0 auto;
  padding-top:76px;
  text-align:center;
}
.hero-reference-copy .hero-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 0 14px;
  padding:9px 21px;
  border:1px solid rgba(117,190,216,.28);
  border-radius:999px;
  background:rgba(255,255,255,.52);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:#0875a6;
  font-size:13px;
  line-height:1;
  font-weight:800;
  letter-spacing:.16em;
}
.hero-reference-copy h1{
  margin:0;
  color:#0e4b75;
  font-size:clamp(50px,5.4vw,78px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:600;
}
.hero-reference-copy h1 em{
  font-style:normal;
  background:linear-gradient(90deg,#1985d1 0%,#22b9d4 51%,#21bf93 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-reference-copy .hero-statement{
  margin:18px auto 0;
  max-width:720px;
  color:#496a7d;
  font-size:18px;
  line-height:1.45;
}
.hero-reference-button{
  margin-top:18px;
  min-height:48px;
  padding:12px 30px !important;
  gap:14px;
  border-radius:999px !important;
  border:0 !important;
  background:linear-gradient(90deg,#0a94d4,#11b6c8 58%,#13c596) !important;
  box-shadow:0 10px 26px rgba(12,142,180,.18);
}
.hero-community-note{
  position:absolute;
  z-index:4;
  left:67.7%;
  bottom:11.8%;
  padding:12px 18px;
  border:1px solid rgba(255,255,255,.88);
  border-radius:15px;
  background:rgba(247,253,255,.79);
  box-shadow:0 12px 28px rgba(14,87,119,.08);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:#21758e;
  font-size:14px;
  line-height:1.4;
}
.hero-community-note strong{font-weight:700;color:#167d76}

/* ---------- 4 STRENGTHS / PODIUM ---------- */
.strengths-reference{
  padding:26px 0 48px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfeff 100%) !important;
  border:0 !important;
}
.strengths-reference .container{max-width:1540px}
.strengths-reference-shell{
  position:relative;
  width:100%;
  max-width:1500px;
  margin:0 auto;
}
.strengths-reference-art{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.strength-floating{
  position:absolute;
  top:23%;
  width:20.7%;
  text-align:center;
  color:var(--pc-deep);
  pointer-events:none;
}
.strength-floating h3{
  margin:0 0 8px;
  font-size:clamp(17px,1.45vw,24px);
  line-height:1.16;
  font-weight:800;
  letter-spacing:-.02em;
}
.strength-floating p{
  margin:0 auto;
  width:88%;
  color:var(--pc-muted);
  font-size:clamp(12px,.95vw,16px);
  line-height:1.35;
}
.strength-1{left:2.2%}
.strength-2{left:27.1%}
.strength-3{left:52.0%}
.strength-4{left:76.9%}

/* ---------- 3-STEP PLATFORM ---------- */
.platform.platform-reference{
  padding:76px 0 66px !important;
  background:#fff !important;
  border:0 !important;
  overflow:visible;
}
.platform-reference-heading{
  max-width:1120px;
  margin:0 auto 24px;
}
.platform-reference-heading .heading-split{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:74px;
  align-items:end;
}
.platform-reference-visual{
  position:relative;
  width:min(100%,1280px);
  min-height:300px;
  margin:24px auto 0;
}
.platform-reference-visual > img{
  position:absolute;
  left:4%;
  right:4%;
  top:0;
  width:92%;
  height:auto;
  object-fit:contain;
}
.platform-floating{
  position:absolute;
  top:57%;
  width:26%;
  text-align:center;
  color:var(--pc-deep);
}
.platform-floating h3{
  margin:0 0 7px;
  font-size:20px;
  font-weight:800;
  line-height:1.18;
}
.platform-floating p{
  margin:0 auto;
  max-width:280px;
  color:var(--pc-muted);
  font-size:14px;
  line-height:1.45;
}
.platform-1{left:5.4%}
.platform-2{left:37%}
.platform-3{left:68.5%}

/* ---------- 6 KEY FEATURES ---------- */
.features.features-reference{
  padding:76px 0 !important;
  background:#fff !important;
  border:0 !important;
}
.features-reference-layout{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(290px,.72fr);
  gap:52px;
  align-items:center;
  max-width:1420px !important;
}
.feature-reference-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.feature-reference-card{
  position:relative;
  min-height:260px;
  overflow:hidden;
  border-radius:26px;
  background:transparent;
  box-shadow:0 12px 28px rgba(13,92,124,.06);
}
.feature-reference-card > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:fill;
  z-index:0;
}
.feature-reference-copy{
  position:absolute;
  left:6%;
  right:6%;
  bottom:6%;
  z-index:2;
  padding:56px 14px 13px;
  border-radius:0 0 18px 18px;
  background:linear-gradient(180deg,rgba(245,253,255,0) 0%,rgba(245,253,255,.79) 38%,rgba(245,253,255,.96) 68%,rgba(245,253,255,.98) 100%);
  text-align:left;
}
.feature-reference-copy h3{
  margin:0 0 6px;
  color:#0d4770;
  font-size:16px;
  font-weight:800;
  line-height:1.18;
}
.feature-reference-copy p{
  margin:0;
  color:#5b7382;
  font-size:12px;
  line-height:1.38;
}
.feature-reference-intro{
  align-self:center;
  padding:20px 8px;
}
.feature-reference-intro h2{
  margin:0 0 20px;
  color:#0e456e;
  font-size:clamp(42px,4vw,60px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:600;
}
.feature-reference-intro > p:not(.eyebrow){
  margin:0 0 18px;
  max-width:360px;
  color:var(--pc-muted);
  font-size:16px;
}

/* ---------- APPLICATION / CAR INTERIOR ---------- */
.application.application-reference{
  padding:62px 0 66px !important;
  background:#fff !important;
  border:0 !important;
}
.application-reference .container{max-width:1450px}
.application-reference-stage{
  position:relative;
  width:100%;
  min-height:660px;
  overflow:hidden;
  border-radius:30px;
  box-shadow:0 18px 38px rgba(15,77,102,.08);
}
.application-reference-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  z-index:0;
}
.application-reference-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 35%,rgba(255,255,255,0) 62%);
}
.application-reference-copy{
  position:absolute;
  z-index:3;
  left:4.5%;
  top:8.2%;
  width:39%;
}
.application-reference-copy h2{
  margin:0 0 12px;
  color:#0d436b;
  font-size:clamp(34px,3.35vw,49px);
  line-height:1.03;
  letter-spacing:-.035em;
  font-weight:600;
}
.application-reference-copy > p:not(.eyebrow){
  margin:0;
  max-width:92%;
  color:#587383;
  font-size:15px;
  line-height:1.5;
}
.application-reference-functions{
  position:absolute;
  z-index:3;
  left:4.4%;
  bottom:8.7%;
  display:grid;
  grid-template-columns:repeat(3,170px);
  gap:18px;
}
.application-reference-functions article{
  min-height:118px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:16px 12px 17px;
  border:1px solid rgba(255,255,255,.74);
  border-radius:21px;
  background:rgba(244,253,255,.29);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:#287083;
  text-align:center;
  font-size:14px;
  font-weight:700;
  line-height:1.24;
}
.application-reference-side{
  position:absolute;
  z-index:3;
  left:76.5%;
  top:36.5%;
  width:18%;
  margin:0;
  color:#f6ffff;
  font-size:16px;
  line-height:1.48;
  font-weight:700;
  text-shadow:0 2px 10px rgba(0,35,55,.35);
}

/* keep Reports / Benefits / Contact unchanged below this point */

@media (max-width:1180px){
  .hero-reference-inner{min-height:640px}
  .hero-reference-copy{padding-top:62px}
  .hero-reference-copy h1{font-size:clamp(48px,6vw,68px)}
  .hero-community-note{left:auto;right:5.2%;bottom:11%}
  .platform-reference-heading .heading-split{gap:40px}
  .features-reference-layout{grid-template-columns:1fr;gap:32px}
  .feature-reference-intro{order:-1;text-align:center}
  .feature-reference-intro > p:not(.eyebrow){margin-left:auto;margin-right:auto}
  .feature-reference-intro .text-link{margin-left:auto;margin-right:auto}
  .application-reference-stage{min-height:600px}
  .application-reference-copy{width:44%}
  .application-reference-functions{grid-template-columns:repeat(3,150px);gap:12px}
  .application-reference-side{left:75%;width:20%}
}

@media (max-width:900px){
  .hero-reference-inner{min-height:600px}
  .hero-reference-art{object-position:53% bottom}
  .hero-reference-copy{padding-top:44px;width:94%}
  .hero-reference-copy .hero-statement br{display:none}
  .hero-community-note{display:none}
  .strengths-reference-shell{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .strengths-reference-art{grid-column:1/-1}
  .strength-floating{position:static;width:auto;padding:15px 12px;border:1px solid #dceef3;border-radius:16px;background:#f7fcfe}
  .platform-reference-heading .heading-split{grid-template-columns:1fr;gap:18px}
  .platform-reference-visual{min-height:auto;padding-top:0;display:grid;grid-template-columns:1fr;gap:12px}
  .platform-reference-visual > img{position:relative;left:auto;right:auto;top:auto;width:100%}
  .platform-floating{position:static;width:auto;padding:12px 14px;border:1px solid #e0edf2;border-radius:15px;background:#fbfeff}
  .feature-reference-grid{grid-template-columns:1fr 1fr}
  .application-reference-stage{min-height:720px;background:#eff9fd}
  .application-reference-art{object-position:68% center}
  .application-reference-copy{left:4%;top:5%;width:52%}
  .application-reference-functions{left:4%;bottom:5%;grid-template-columns:1fr;gap:9px;width:205px}
  .application-reference-functions article{min-height:58px;align-items:center;padding:10px}
  .application-reference-side{display:none}
}

@media (max-width:640px){
  .hero-reference-inner{min-height:560px}
  .hero-reference-copy{padding-top:34px}
  .hero-reference-copy h1{font-size:42px}
  .hero-reference-copy .hero-statement{font-size:15px}
  .hero-reference-button{font-size:12px;padding:10px 18px !important}
  .strengths-reference-shell{grid-template-columns:1fr}
  .strengths-reference-art{display:none}
  .feature-reference-grid{grid-template-columns:1fr}
  .feature-reference-card{min-height:310px}
  .application-reference-stage{min-height:680px}
  .application-reference-art{object-position:72% center}
  .application-reference-copy{width:90%}
  .application-reference-copy h2{font-size:34px}
  .application-reference-functions{width:180px}
}

/* neutralize earlier decorative pseudo layers on rebuilt sections */
.platform-reference::before,
.platform-reference::after,
.features-reference::before,
.features-reference::after,
.application-reference::before,
.application-reference::after,
.strengths-reference::before,
.strengths-reference::after{display:none !important;content:none !important}


/* ============================================================
   PARKCLOUDASIA — NATURAL SELECTED DESIGNS
   TOP OF PAGE ONLY
   Reports / Benefits / Contact below remain unchanged.
   ============================================================ */

:root{
  --pca-blue:#0877d8;
  --pca-deep:#0b3f73;
  --pca-cyan:#1aaeea;
  --pca-green:#15c8a7;
  --pca-text:#103f65;
  --pca-muted:#58758a;
  --pca-line:#d8edf4;
}

/* ---------- GLASS HEADER ---------- */

.pca-header{
  position:sticky !important;
  top:0 !important;
  z-index:500 !important;
  padding:0 !important;
  background:rgba(255,255,255,.82) !important;
  border-bottom:1px solid rgba(255,255,255,.78) !important;
  box-shadow:0 10px 34px rgba(20,88,122,.08) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%) !important;
}
.pca-header.is-scrolled{
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 12px 34px rgba(20,88,122,.12) !important;
}
.pca-nav{
  width:min(calc(100% - 64px),1400px) !important;
  max-width:1400px !important;
  min-height:82px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:34px;
}
.pca-brand img{
  width:138px !important;
  height:58px !important;
  object-fit:contain !important;
}
.pca-nav-links{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:34px !important;
  font-size:13px !important;
  font-weight:600;
  letter-spacing:.01em;
  color:#284f68;
}
.pca-nav-links a{
  position:relative;
  padding:28px 0 25px;
}
.pca-nav-links a::after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:17px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--pca-blue),var(--pca-green));
  transition:left .2s ease,right .2s ease;
}
.pca-nav-links a:hover::after,
.pca-nav-links a:focus-visible::after{
  left:0;
  right:0;
}
.pca-nav-cta{
  min-height:42px !important;
  padding:10px 17px !important;
  border-radius:9px !important;
  background:linear-gradient(135deg,var(--pca-blue),#0996d8) !important;
  box-shadow:0 8px 24px rgba(0,121,181,.18);
}

/* ---------- HERO ---------- */

.pca-hero{
  position:relative !important;
  min-height:690px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 8%,rgba(255,255,255,.96),rgba(255,255,255,.30) 38%,transparent 60%),
    #ecfbff !important;
  isolation:isolate;
}
.pca-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.06) 40%,rgba(0,157,214,.05) 100%);
}
.pca-hero-art{
  position:absolute;
  inset:0;
  z-index:0;
}
.pca-hero-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center bottom;
}
.pca-hero-copy{
  position:relative;
  z-index:2;
  width:min(calc(100% - 64px),1180px) !important;
  max-width:1180px !important;
  min-height:690px;
  padding:74px 0 0;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.pca-kicker{
  margin:0 0 12px;
  padding:7px 14px;
  border:1px solid rgba(6,127,188,.18);
  border-radius:999px;
  background:rgba(255,255,255,.66);
  backdrop-filter:blur(8px);
  color:#0a6ca8;
  font-size:12px;
  line-height:1;
  letter-spacing:.18em;
  font-weight:800;
}
.pca-hero h1{
  max-width:850px;
  margin:0;
  color:#0c4674;
  font-size:clamp(44px,5vw,72px) !important;
  line-height:.99;
  letter-spacing:-.045em;
  font-weight:700;
  text-shadow:0 3px 20px rgba(255,255,255,.72);
}
.pca-hero h1 span{
  display:block;
  background:linear-gradient(92deg,#117fd1 3%,#13a9ca 49%,#16bd9f 96%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.pca-hero-lead{
  max-width:650px;
  margin:18px auto 0;
  color:#416b80;
  font-size:18px;
  line-height:1.5;
  font-weight:500;
}
.pca-hero-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:24px;
}
.pca-hero-actions .button{
  border-radius:10px;
  min-height:46px;
}
.pca-hero-actions .secondary{
  background:rgba(255,255,255,.72);
  border-color:rgba(41,111,146,.30);
  backdrop-filter:blur(8px);
}
.pca-community{
  margin-top:18px;
  color:#0a638f;
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
}

/* ---------- SHARED TOP-SECTION HEADING ---------- */

.pca-section-intro{
  max-width:920px;
  margin:0 auto 28px;
  text-align:center;
}
.pca-section-intro .eyebrow{
  margin-bottom:10px;
}
.pca-section-intro h2{
  color:#0f4872;
  font-size:clamp(34px,3.7vw,56px);
  font-weight:650;
  line-height:1.02;
}

/* ---------- FOUR STRENGTHS ---------- */

.pca-strengths{
  position:relative;
  padding:82px 0 72px;
  overflow:hidden;
  background:
    radial-gradient(circle at 16% 18%,rgba(81,211,255,.11),transparent 30%),
    radial-gradient(circle at 84% 28%,rgba(72,236,200,.10),transparent 31%),
    #fff;
}
.pca-strengths .container{
  width:min(calc(100% - 56px),1450px) !important;
  max-width:1450px !important;
}
.pca-strength-stage{
  position:relative;
  width:100%;
  margin:0 auto;
  aspect-ratio:16/9;
  min-height:560px;
}
.pca-strength-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
}
.pca-strength-copy{
  position:absolute;
  top:47.5%;
  width:20.2%;
  transform:translateY(-50%);
  text-align:center;
  color:#0d4a73;
  pointer-events:none;
}
.pca-strength-copy h3{
  margin:0 0 7px;
  font-size:clamp(18px,1.45vw,24px);
  line-height:1.1;
  font-weight:800;
}
.pca-strength-copy p{
  margin:0 auto;
  max-width:85%;
  color:#537384;
  font-size:clamp(12px,.96vw,15px);
  line-height:1.35;
}
.pca-strength-copy-1{left:2.6%}
.pca-strength-copy-2{left:27.2%}
.pca-strength-copy-3{left:51.8%}
.pca-strength-copy-4{left:76.4%}

/* ---------- COMPLETE SOLUTION ---------- */

.pca-solution{
  position:relative;
  padding:48px 0 74px;
  background:linear-gradient(180deg,#fbfeff 0%,#f5fbfe 100%);
  overflow:hidden;
}
.pca-solution .container{
  width:min(calc(100% - 56px),1450px) !important;
  max-width:1450px !important;
}
.pca-solution-stage{
  position:relative;
  width:100%;
  min-height:520px;
  aspect-ratio:1600/533;
}
.pca-solution-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
}
.pca-solution-heading{
  position:absolute;
  z-index:2;
  top:3%;
  left:50%;
  transform:translateX(-50%);
  width:min(880px,72%);
  text-align:center;
}
.pca-solution-heading .eyebrow{
  margin-bottom:7px;
}
.pca-solution-heading h2{
  color:#0c4978;
  font-size:clamp(34px,3.65vw,54px);
  line-height:1.02;
  font-weight:700;
}
.pca-solution-heading > p:last-child{
  max-width:760px;
  margin:13px auto 0;
  color:#567486;
  font-size:15px;
  line-height:1.55;
}
.pca-solution-item{
  position:absolute;
  z-index:3;
  top:69%;
  width:24%;
  transform:translateY(-50%);
  text-align:center;
}
.pca-solution-item h3{
  margin:0 0 5px;
  color:#0a4b78;
  font-size:clamp(17px,1.4vw,22px);
  font-weight:800;
  line-height:1.15;
}
.pca-solution-item p{
  margin:0;
  color:#557487;
  font-size:clamp(12px,.95vw,15px);
}
.pca-solution-item-1{left:5.7%}
.pca-solution-item-2{left:38%}
.pca-solution-item-3{left:70.2%}

/* ---------- KEY FEATURES ---------- */

.pca-features{
  padding:82px 0 88px;
  background:#fff;
}
.pca-features .container{
  width:min(calc(100% - 56px),1450px) !important;
  max-width:1450px !important;
}
.pca-feature-heading{
  margin-bottom:34px;
}
.pca-feature-stage{
  position:relative;
  width:100%;
  aspect-ratio:3/2;
  min-height:740px;
}
.pca-feature-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
}
.pca-feature-copy{
  position:absolute;
  z-index:3;
  width:28.2%;
  min-height:18%;
  padding:72px 24px 18px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border-radius:0 0 28px 28px;
  background:
    linear-gradient(180deg,rgba(245,253,255,0) 0%,rgba(245,253,255,.20) 18%,rgba(245,253,255,.90) 54%,rgba(245,253,255,.98) 100%);
  pointer-events:none;
}
.pca-feature-copy h3{
  margin:0 0 7px;
  color:#0d4a78;
  font-size:clamp(16px,1.25vw,20px);
  line-height:1.15;
  font-weight:800;
}
.pca-feature-copy p{
  margin:0;
  max-width:95%;
  color:#526f80;
  font-size:clamp(11px,.88vw,14px);
  line-height:1.42;
}
.pca-feature-1{left:3.7%;top:24.5%}
.pca-feature-2{left:35.9%;top:24.5%}
.pca-feature-3{left:68.1%;top:24.5%}
.pca-feature-4{left:3.7%;top:72.2%}
.pca-feature-5{left:35.9%;top:72.2%}
.pca-feature-6{left:68.1%;top:72.2%}

/* ---------- MANAGE ON THE GO ---------- */

.pca-mobile{
  padding:72px 0 86px;
  background:
    linear-gradient(180deg,#f8fcff 0%,#fff 100%);
}
.pca-mobile .container{
  width:min(calc(100% - 56px),1450px) !important;
  max-width:1450px !important;
}
.pca-mobile-stage{
  position:relative;
  width:100%;
  min-height:640px;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:28px;
  box-shadow:0 20px 60px rgba(12,79,113,.10);
}
.pca-mobile-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.pca-mobile-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.10) 42%,rgba(255,255,255,0) 65%);
}
.pca-mobile-copy{
  position:absolute;
  z-index:2;
  left:5.5%;
  top:10%;
  width:42%;
}
.pca-mobile-copy .eyebrow{
  margin-bottom:8px;
}
.pca-mobile-copy h2{
  color:#0d4a78;
  font-size:clamp(42px,4.2vw,62px);
  font-weight:700;
}
.pca-mobile-copy > p:last-child{
  max-width:420px;
  margin-top:12px;
  color:#557588;
  font-size:17px;
}
.pca-mobile-points{
  position:absolute;
  z-index:3;
  left:4.8%;
  bottom:12.5%;
  width:43%;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.pca-mobile-points article{
  min-height:95px;
  padding:50px 10px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  text-align:center;
  background:transparent;
}
.pca-mobile-points strong{
  color:#0d5e83;
  font-size:13px;
  line-height:1.15;
}
.pca-mobile-points span{
  margin-top:4px;
  color:#608093;
  font-size:11px;
  line-height:1.15;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width:1100px){
  .pca-nav-links{gap:22px !important}
  .pca-hero{min-height:650px !important}
  .pca-hero-copy{min-height:650px;padding-top:58px}
  .pca-strength-stage{min-height:520px}
  .pca-feature-stage{min-height:650px}
  .pca-mobile-stage{min-height:560px}
}

@media (max-width:900px){
  .pca-nav{
    width:calc(100% - 34px) !important;
    grid-template-columns:auto 1fr;
  }
  .pca-nav-links{display:none !important}
  .pca-nav-cta{justify-self:end}
  .pca-brand img{width:118px !important;height:54px !important}

  .pca-hero{
    min-height:auto !important;
    padding:0 0 34px !important;
    background:#f5fcff !important;
  }
  .pca-hero::after{display:none}
  .pca-hero-art{
    position:relative;
    inset:auto;
    order:2;
    width:100%;
    margin-top:4px;
  }
  .pca-hero-art img{
    width:100%;
    height:auto;
    object-fit:contain;
  }
  .pca-hero-copy{
    min-height:0;
    padding:36px 0 0;
  }
  .pca-hero h1{font-size:clamp(40px,9vw,60px) !important}
  .pca-hero-lead{font-size:16px}
  .pca-community{margin-bottom:8px}

  .pca-strengths,
  .pca-solution,
  .pca-features,
  .pca-mobile{
    padding:64px 0;
  }

  .pca-strength-stage{
    min-height:0;
    aspect-ratio:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .pca-strength-art{
    position:relative;
    inset:auto;
    grid-column:1/-1;
    width:100%;
    height:auto;
    object-fit:contain;
  }
  .pca-strength-copy{
    position:static;
    top:auto;
    width:auto;
    transform:none;
    padding:16px 12px 18px;
    border:1px solid #d9edf4;
    border-radius:16px;
    background:linear-gradient(145deg,#f8fdff,#f5fbfa);
    box-shadow:0 10px 30px rgba(15,90,122,.05);
  }

  .pca-solution-stage{
    min-height:0;
    aspect-ratio:auto;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  .pca-solution-art{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    order:2;
  }
  .pca-solution-heading{
    position:static;
    transform:none;
    width:auto;
    order:1;
  }
  .pca-solution-item{
    position:static;
    top:auto;
    width:auto;
    transform:none;
    order:3;
    padding:15px 16px;
    border:1px solid #d9edf4;
    border-radius:15px;
    background:#fff;
  }

  .pca-feature-stage{
    min-height:0;
    aspect-ratio:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
  }
  .pca-feature-art{
    position:relative;
    inset:auto;
    grid-column:1/-1;
    width:100%;
    height:auto;
    object-fit:contain;
  }
  .pca-feature-copy{
    position:relative;
    left:auto !important;
    top:auto !important;
    width:auto;
    min-height:220px;
    padding:118px 18px 18px;
    border:1px solid #d9edf4;
    border-radius:22px;
    overflow:hidden;
    background:
      linear-gradient(180deg,rgba(246,253,255,.10),rgba(246,253,255,.95)),
      url("../assets/images/feature-1.png") center/cover no-repeat;
    box-shadow:0 10px 30px rgba(16,89,121,.05);
  }
  .pca-feature-2{background-image:linear-gradient(180deg,rgba(246,253,255,.10),rgba(246,253,255,.95)),url("../assets/images/feature-2.png")}
  .pca-feature-3{background-image:linear-gradient(180deg,rgba(246,253,255,.10),rgba(246,253,255,.95)),url("../assets/images/feature-3.png")}
  .pca-feature-4{background-image:linear-gradient(180deg,rgba(246,253,255,.10),rgba(246,253,255,.95)),url("../assets/images/feature-4.png")}
  .pca-feature-5{background-image:linear-gradient(180deg,rgba(246,253,255,.10),rgba(246,253,255,.95)),url("../assets/images/feature-5.png")}
  .pca-feature-6{background-image:linear-gradient(180deg,rgba(246,253,255,.10),rgba(246,253,255,.95)),url("../assets/images/feature-6.png")}

  .pca-mobile-stage{
    min-height:650px;
    aspect-ratio:auto;
  }
  .pca-mobile-art{
    object-position:68% center;
  }
  .pca-mobile-copy{
    left:5%;
    top:6%;
    width:52%;
  }
  .pca-mobile-copy h2{font-size:42px}
  .pca-mobile-points{
    left:4%;
    bottom:5%;
    width:46%;
    grid-template-columns:1fr;
    gap:7px;
  }
  .pca-mobile-points article{
    min-height:62px;
    padding:13px 12px;
    justify-content:center;
    border-radius:13px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(255,255,255,.76);
    backdrop-filter:blur(8px);
  }
}

@media (max-width:640px){
  .pca-header{position:sticky !important}
  .pca-nav{min-height:72px;width:calc(100% - 24px) !important}
  .pca-brand img{width:105px !important;height:50px !important}
  .pca-nav-cta{font-size:12px;padding:9px 13px !important}

  .pca-hero-copy{
    width:calc(100% - 30px) !important;
    padding-top:26px;
  }
  .pca-kicker{font-size:10px}
  .pca-hero h1{font-size:39px !important;line-height:1.02}
  .pca-hero-lead{font-size:15px}
  .pca-hero-actions{
    width:100%;
    gap:9px;
  }
  .pca-hero-actions .button{
    flex:1 1 0;
    padding:10px 12px;
    font-size:12px;
  }

  .pca-strengths .container,
  .pca-solution .container,
  .pca-features .container,
  .pca-mobile .container{
    width:calc(100% - 28px) !important;
  }
  .pca-section-intro{margin-bottom:20px}
  .pca-section-intro h2{font-size:34px}

  .pca-strength-stage{grid-template-columns:1fr}
  .pca-strength-copy h3{font-size:18px}

  .pca-solution-heading h2{font-size:34px}
  .pca-solution-heading > p:last-child{font-size:14px}

  .pca-feature-stage{grid-template-columns:1fr}
  .pca-feature-art{display:none}
  .pca-feature-copy{min-height:245px;padding:145px 18px 18px}

  .pca-mobile-stage{
    min-height:620px;
    border-radius:20px;
  }
  .pca-mobile-art{
    object-position:72% center;
  }
  .pca-mobile-stage::after{
    background:linear-gradient(180deg,rgba(255,255,255,.44) 0%,rgba(255,255,255,.18) 42%,rgba(255,255,255,0) 70%);
  }
  .pca-mobile-copy{
    left:5%;
    top:5%;
    width:90%;
  }
  .pca-mobile-copy h2{font-size:38px}
  .pca-mobile-copy > p:last-child{font-size:15px;max-width:290px}
  .pca-mobile-points{
    left:5%;
    bottom:4%;
    width:55%;
  }
}


/* ============================================================
   PARKCLOUDASIA — FINAL HEADER + HERO REFERENCE MATCH
   Requested update: glass header, empty centre, hotline + pills,
   and hero matching the supplied reference artwork.
   ============================================================ */

.pca-header-final{
  position:fixed !important;
  top:16px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(calc(100% - 34px), 1420px) !important;
  min-height:0 !important;
  padding:0 !important;
  z-index:1000 !important;
  border:1px solid rgba(255,255,255,.74) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.68) !important;
  box-shadow:0 14px 38px rgba(20,72,108,.10), inset 0 1px 0 rgba(255,255,255,.86) !important;
  backdrop-filter:blur(20px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(145%) !important;
  overflow:hidden !important;
}

.pca-header-final.is-scrolled{
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 16px 42px rgba(20,72,108,.14), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.pca-header-final-inner{
  width:100%;
  min-height:78px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
  padding:10px 18px 10px 22px;
}

.pca-header-final-brand{
  display:flex;
  align-items:center;
  text-decoration:none;
}

.pca-header-final-brand img{
  display:block;
  width:150px !important;
  height:56px !important;
  object-fit:contain !important;
}

.pca-header-final-center{
  min-width:40px;
}

.pca-header-final-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}

.pca-header-hotline{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:2px;
  padding-right:6px;
  white-space:nowrap;
}

.pca-header-hotline span{
  color:#5d6f80;
  font-size:11px;
  font-weight:500;
  line-height:1;
}

.pca-header-hotline a{
  color:#078cf3;
  font-size:16px;
  font-weight:800;
  line-height:1.15;
  text-decoration:none;
}

.pca-header-pill{
  min-width:86px;
  min-height:40px;
  padding:9px 18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff !important;
  font-size:14px;
  font-weight:700;
  line-height:1;
  text-decoration:none !important;
  border:0 !important;
  box-shadow:0 7px 18px rgba(3,139,205,.16);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.pca-header-pill:hover,
.pca-header-pill:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(3,139,205,.22);
  filter:saturate(1.05);
}

.pca-header-signup{
  background:linear-gradient(90deg,#0a9ee8 0%,#0cc1cf 48%,#35d56a 100%) !important;
}

.pca-header-login{
  background:linear-gradient(90deg,#0aa9df 0%,#14c9b0 48%,#58e72c 100%) !important;
}

/* exact supplied hero artwork is the visual layer */
.pca-hero-final{
  position:relative !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:#eefaff !important;
  overflow:hidden !important;
  isolation:isolate;
}

.pca-hero-reference-wrap{
  position:relative;
  width:100%;
  aspect-ratio:1672 / 941;
  margin:0;
  overflow:hidden;
  background:#eefaff;
}

.pca-hero-reference{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  user-select:none;
  -webkit-user-drag:none;
}

/* Invisible clickable hotspot positioned exactly on the CTA
   contained in the supplied reference artwork. */
.pca-hero-reference-cta{
  position:absolute;
  z-index:3;
  left:35.1%;
  top:37.15%;
  width:29.0%;
  height:6.2%;
  border-radius:999px;
  cursor:pointer;
  text-decoration:none;
  background:transparent;
}

.pca-hero-reference-cta:hover{
  background:rgba(255,255,255,.05);
}

.pca-hero-reference-cta:focus-visible{
  outline:3px solid rgba(8,129,224,.75);
  outline-offset:3px;
}

@media (max-width:900px){
  .pca-header-final{
    top:10px !important;
    width:calc(100% - 20px) !important;
    border-radius:19px !important;
  }

  .pca-header-final-inner{
    min-height:68px;
    grid-template-columns:auto 1fr auto;
    gap:10px;
    padding:8px 10px 8px 13px;
  }

  .pca-header-final-brand img{
    width:112px !important;
    height:46px !important;
  }

  .pca-header-hotline{
    display:none;
  }

  .pca-header-final-right{
    gap:7px;
  }

  .pca-header-pill{
    min-width:72px;
    min-height:36px;
    padding:8px 12px;
    font-size:12px;
  }

  .pca-hero-reference-wrap{
    margin-top:0;
  }
}

@media (max-width:560px){
  .pca-header-final-center{
    min-width:0;
  }

  .pca-header-final-brand img{
    width:96px !important;
    height:42px !important;
  }

  .pca-header-pill{
    min-width:64px;
    padding:8px 10px;
    font-size:11px;
  }

  /* keep the full supplied composition visible on phones */
  .pca-hero-reference-wrap{
    aspect-ratio:1672 / 941;
  }
}

/* ============================================================
   PARKCLOUDASIA — HERO CLEARANCE + UNIFIED PAGE THEME
   2026-10-02 requested fixes
   - Keep the fixed glass header from covering the hero artwork.
   - Use the same light blue hero base colour from this section
     through the bottom of the page for one continuous theme.
   ============================================================ */

:root{
  --pca-synced-page-bg:#eefaff;
}

body{
  background:var(--pca-synced-page-bg) !important;
}

/* The glass header is fixed, so reserve real space above the hero image. */
.pca-hero-final{
  padding-top:112px !important;
  background:var(--pca-synced-page-bg) !important;
}

/* Keep the full supplied hero composition visible instead of letting
   the fixed glass header sit over the title. */
.pca-hero-reference-wrap{
  margin-top:0 !important;
}

/* One continuous background colour from immediately after the hero
   all the way through the footer. Layout/content/cards stay unchanged. */
.pca-strengths,
.pca-solution,
.pca-features,
.pca-mobile,
.reports,
.benefits,
.contact,
footer{
  background:var(--pca-synced-page-bg) !important;
}

/* Remove section colour seams without changing the card styling. */
.pca-strengths,
.pca-solution,
.pca-features,
.pca-mobile,
.reports,
.benefits,
.contact{
  border-top-color:transparent !important;
  border-bottom-color:transparent !important;
}

@media (max-width:900px){
  .pca-hero-final{
    padding-top:90px !important;
  }
}

@media (max-width:560px){
  .pca-hero-final{
    padding-top:82px !important;
  }
}


/* ============================================================
   PARKCLOUDASIA — 2026-10-02 FINAL TOP / STRENGTHS REFINEMENT
   - Full-width compact glass header.
   - Four Strengths are fully coded cards (no pasted artwork).
   - No extra heading above the cards.
   - Same calm light-blue colour family as hero, colour only.
   ============================================================ */

:root{
  --pca-air-blue:#eaf7fc;
  --pca-air-blue-2:#e6f5fb;
  --pca-card-blue:#148ff2;
  --pca-card-green:#13c9ad;
  --pca-card-ink:#0b4f7d;
}

/* Full width, lower-profile glass header */
.pca-header-final{
  top:0 !important;
  left:0 !important;
  right:0 !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-top:0 !important;
  border-radius:0 !important;
  background:rgba(245,252,255,.78) !important;
  box-shadow:0 10px 30px rgba(26,91,126,.08), inset 0 -1px 0 rgba(255,255,255,.72) !important;
}

.pca-header-final-inner{
  width:min(calc(100% - 56px), 1540px) !important;
  min-height:70px !important;
  margin:0 auto !important;
  padding:7px 0 !important;
  gap:24px !important;
}

.pca-header-final-brand img{
  width:138px !important;
  height:50px !important;
}

.pca-header-pill{
  min-height:38px !important;
  padding:8px 18px !important;
}

/* Header is compact, so hero needs only real header clearance. */
.pca-hero-final{
  padding-top:70px !important;
}

/* Same family as hero, but only a calm colour field — no design image. */
.pca-strengths-coded{
  position:relative !important;
  padding:74px 0 86px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,var(--pca-air-blue) 0%,var(--pca-air-blue-2) 100%) !important;
}

.pca-strengths-coded::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.52),transparent 33%),
    radial-gradient(circle at 82% 12%,rgba(255,255,255,.38),transparent 30%);
  opacity:.56;
}

.pca-strengths-coded-shell{
  position:relative;
  z-index:1;
  width:min(calc(100% - 64px),1450px) !important;
  max-width:1450px !important;
}

/* A coded shared platform behind the cards. */
.pca-strength-coded-stage{
  position:relative !important;
  width:100% !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  margin:0 auto !important;
  padding:58px 34px 76px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:28px !important;
  align-items:end !important;
  overflow:visible !important;
}

.pca-strength-coded-stage::before{
  content:"";
  position:absolute;
  left:1.5%;
  right:1.5%;
  bottom:18px;
  height:90px;
  border-radius:50% / 48%;
  background:
    linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(210,235,248,.95) 42%,rgba(119,171,207,.58) 58%,rgba(232,248,255,.96) 73%,rgba(255,255,255,.98) 100%);
  border:1px solid rgba(87,171,219,.38);
  box-shadow:
    0 17px 34px rgba(28,107,151,.12),
    inset 0 5px 11px rgba(255,255,255,.94),
    inset 0 -5px 9px rgba(72,155,202,.20),
    0 8px 18px rgba(0,159,255,.08);
}

.pca-strength-coded-stage::after{
  content:"";
  position:absolute;
  left:3.3%;
  right:3.3%;
  bottom:29px;
  height:58px;
  border-radius:50%;
  border:2px solid rgba(21,186,234,.34);
  box-shadow:
    0 0 20px rgba(11,170,255,.16),
    inset 0 0 18px rgba(31,215,194,.12);
}

.pca-strength-card{
  --card-accent:var(--pca-card-blue);
  position:relative;
  z-index:2;
  min-height:250px;
  padding:76px 24px 34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:var(--pca-card-ink);
  border:1px solid rgba(255,255,255,.82);
  clip-path:polygon(11% 0,100% 0,100% 84%,91% 100%,0 100%,0 14%);
  background:
    linear-gradient(145deg,rgba(255,255,255,.80),rgba(216,244,254,.52) 55%,rgba(190,236,251,.56)),
    rgba(255,255,255,.40);
  box-shadow:
    0 20px 42px rgba(21,101,147,.10),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(255,255,255,.45);
  backdrop-filter:blur(12px) saturate(118%);
  -webkit-backdrop-filter:blur(12px) saturate(118%);
  transition:transform .25s ease, box-shadow .25s ease;
}

.pca-strength-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  clip-path:inherit;
  border:2px solid color-mix(in srgb,var(--card-accent) 52%,transparent);
  box-shadow:inset 0 0 22px color-mix(in srgb,var(--card-accent) 15%,transparent);
}

.pca-strength-card::after{
  content:"";
  position:absolute;
  left:14%;
  right:14%;
  bottom:-50px;
  height:60px;
  border-radius:50%;
  border:3px solid color-mix(in srgb,var(--card-accent) 62%,transparent);
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--card-accent) 14%,transparent),transparent 70%);
  box-shadow:
    0 0 18px color-mix(in srgb,var(--card-accent) 28%,transparent),
    inset 0 0 14px color-mix(in srgb,var(--card-accent) 16%,transparent);
}

.pca-strength-card-green{--card-accent:var(--pca-card-green)}

.pca-strength-icon{
  position:absolute;
  top:-42px;
  left:50%;
  transform:translateX(-50%);
  width:86px;
  height:86px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--card-accent);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(229,249,255,.92));
  border:1px solid rgba(255,255,255,.96);
  box-shadow:
    0 11px 24px rgba(27,110,156,.14),
    0 0 0 2px color-mix(in srgb,var(--card-accent) 18%,transparent),
    0 0 24px color-mix(in srgb,var(--card-accent) 26%,transparent),
    inset 0 1px 0 #fff;
}

.pca-strength-icon svg{
  width:48px;
  height:48px;
  display:block;
}

.pca-strength-card h3{
  margin:0 0 12px !important;
  color:#0b4d78 !important;
  font-size:clamp(20px,1.55vw,26px) !important;
  font-weight:800 !important;
  line-height:1.12 !important;
}

.pca-strength-card p{
  margin:0 !important;
  color:#4d6e80 !important;
  font-size:clamp(14px,1.02vw,17px) !important;
  font-weight:500 !important;
  line-height:1.45 !important;
}

.pca-strength-card:hover{
  transform:translateY(-5px);
  box-shadow:
    0 25px 52px rgba(21,101,147,.14),
    inset 0 1px 0 rgba(255,255,255,.95);
}

/* Keep all following sections in the same calm colour family. */
.pca-solution,
.pca-features,
.pca-mobile,
.reports,
.benefits,
.contact,
footer{
  background:var(--pca-air-blue) !important;
}

@media (max-width:1050px){
  .pca-strength-coded-stage{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:90px 34px !important;
    padding:68px 54px 74px !important;
  }

  .pca-strength-coded-stage::before,
  .pca-strength-coded-stage::after{
    display:none;
  }

  .pca-strength-card::after{
    bottom:-42px;
  }
}

@media (max-width:900px){
  .pca-header-final-inner{
    width:calc(100% - 28px) !important;
    min-height:64px !important;
    padding:7px 0 !important;
  }

  .pca-header-final-brand img{
    width:106px !important;
    height:44px !important;
  }

  .pca-hero-final{
    padding-top:64px !important;
  }

  .pca-strengths-coded{
    padding:64px 0 78px !important;
  }
}

@media (max-width:620px){
  .pca-header-final-inner{
    width:calc(100% - 20px) !important;
    min-height:60px !important;
    gap:8px !important;
  }

  .pca-header-final-brand img{
    width:88px !important;
    height:40px !important;
  }

  .pca-header-pill{
    min-width:62px !important;
    min-height:34px !important;
    padding:7px 10px !important;
    font-size:11px !important;
  }

  .pca-hero-final{
    padding-top:60px !important;
  }

  .pca-strengths-coded-shell{
    width:min(calc(100% - 28px),1450px) !important;
  }

  .pca-strength-coded-stage{
    grid-template-columns:1fr !important;
    gap:84px !important;
    padding:62px 18px 44px !important;
  }

  .pca-strength-card{
    min-height:220px;
    padding:72px 22px 28px;
  }
}

/* ============================================================
   PARKCLOUDASIA — PREMIUM CODED STRENGTH CARDS V5
   ONLY THIS SECTION IS OVERRIDDEN.
   No image artwork / no podium / no pasted card asset.
   ============================================================ */

.pca-strengths-coded{
  padding:72px 0 78px !important;
  background:
    radial-gradient(circle at 16% 8%,rgba(255,255,255,.66),transparent 30%),
    radial-gradient(circle at 86% 15%,rgba(255,255,255,.46),transparent 28%),
    linear-gradient(180deg,#eaf7fc 0%,#e5f3f9 100%) !important;
}

.pca-strengths-coded::before{
  display:none !important;
}

.pca-strengths-coded-shell{
  width:min(calc(100% - 64px),1450px) !important;
  max-width:1450px !important;
}

.pca-strength-coded-stage{
  position:relative !important;
  width:100% !important;
  margin:0 auto !important;
  padding:18px 0 20px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
  overflow:visible !important;
}

.pca-strength-coded-stage::before,
.pca-strength-coded-stage::after{
  display:none !important;
  content:none !important;
}

.pca-strength-card{
  --card-accent:#168df4;
  --card-accent-soft:rgba(22,141,244,.16);
  position:relative !important;
  z-index:1 !important;
  min-height:238px !important;
  padding:31px 26px 30px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:center !important;
  text-align:center !important;
  overflow:hidden !important;
  clip-path:none !important;
  border-radius:26px !important;
  border:1px solid rgba(127,194,226,.34) !important;
  outline:1px solid rgba(255,255,255,.58) !important;
  outline-offset:-2px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.82) 0%,rgba(246,252,255,.72) 48%,rgba(228,244,251,.66) 100%) !important;
  box-shadow:
    0 18px 48px rgba(30,95,132,.10),
    0 5px 14px rgba(30,95,132,.05),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
  backdrop-filter:blur(14px) saturate(112%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(112%) !important;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease !important;
}

.pca-strength-card-green{
  --card-accent:#11bda4;
  --card-accent-soft:rgba(17,189,164,.16);
}

.pca-strength-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:0 !important;
  left:30px !important;
  right:30px !important;
  bottom:auto !important;
  height:3px !important;
  border:0 !important;
  border-radius:0 0 999px 999px !important;
  background:linear-gradient(90deg,transparent 0%,var(--card-accent) 50%,transparent 100%) !important;
  box-shadow:0 0 18px var(--card-accent-soft) !important;
  clip-path:none !important;
  pointer-events:none !important;
}

.pca-strength-card::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  width:150px !important;
  height:150px !important;
  top:-76px !important;
  right:-66px !important;
  left:auto !important;
  bottom:auto !important;
  border:0 !important;
  border-radius:50% !important;
  background:radial-gradient(circle,var(--card-accent-soft) 0%,rgba(255,255,255,0) 70%) !important;
  box-shadow:none !important;
  pointer-events:none !important;
}

.pca-strength-icon{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;
  width:70px !important;
  height:70px !important;
  flex:0 0 70px !important;
  margin:0 0 27px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:22px !important;
  color:var(--card-accent) !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,249,254,.90)) !important;
  border:1px solid rgba(255,255,255,.96) !important;
  box-shadow:
    0 12px 28px rgba(38,104,140,.11),
    0 0 0 1px var(--card-accent-soft),
    inset 0 1px 0 rgba(255,255,255,1) !important;
}

.pca-strength-icon::after{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:16px;
  background:linear-gradient(145deg,var(--card-accent-soft),rgba(255,255,255,.10));
  pointer-events:none;
}

.pca-strength-icon svg{
  position:relative !important;
  z-index:1 !important;
  width:38px !important;
  height:38px !important;
  display:block !important;
}

.pca-strength-card h3{
  margin:0 0 10px !important;
  color:#0b4e78 !important;
  font-size:clamp(20px,1.42vw,25px) !important;
  font-weight:800 !important;
  line-height:1.16 !important;
  letter-spacing:-.02em !important;
}

.pca-strength-card p{
  margin:0 !important;
  max-width:220px !important;
  color:#537286 !important;
  font-size:clamp(14px,.98vw,16px) !important;
  font-weight:500 !important;
  line-height:1.52 !important;
}

.pca-strength-card:hover{
  transform:translateY(-7px) !important;
  border-color:var(--card-accent-soft) !important;
  box-shadow:
    0 28px 60px rgba(28,95,133,.14),
    0 8px 20px rgba(28,95,133,.06),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

@media (max-width:1050px){
  .pca-strength-coded-stage{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px !important;
    padding:12px 0 18px !important;
  }

  .pca-strength-card{
    min-height:220px !important;
  }
}

@media (max-width:620px){
  .pca-strengths-coded{
    padding:52px 0 58px !important;
  }

  .pca-strengths-coded-shell{
    width:min(calc(100% - 28px),1450px) !important;
  }

  .pca-strength-coded-stage{
    grid-template-columns:1fr !important;
    gap:16px !important;
    padding:8px 0 10px !important;
  }

  .pca-strength-card{
    min-height:0 !important;
    padding:27px 22px 26px !important;
    border-radius:22px !important;
  }

  .pca-strength-icon{
    width:62px !important;
    height:62px !important;
    flex-basis:62px !important;
    margin-bottom:22px !important;
    border-radius:19px !important;
  }

  .pca-strength-icon svg{
    width:34px !important;
    height:34px !important;
  }
}

/* ============================================================
   PARKCLOUDASIA — NATURAL ART SECTIONS V6
   Only Four Strengths + Complete Solution are changed.
   Artwork is used as the full section surface, never as a boxed
   pasted image. All wording remains live HTML.
   ============================================================ */

/* ---------- FOUR STRENGTHS: full-bleed reference art ---------- */
.pca-strengths-natural{
  position:relative !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#e7f6fd !important;
}

.pca-strengths-natural-stage{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  aspect-ratio:2048 / 682 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:
    url("../assets/images/strengths-natural-blank.png")
    center center / 100% 100% no-repeat !important;
}

/* subtle edge blending so the artwork reads as the section itself */
.pca-strengths-natural-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(231,246,253,.22) 0%,transparent 8%,transparent 91%,rgba(231,246,253,.18) 100%);
}

.pca-strength-natural-copy{
  position:absolute !important;
  z-index:3 !important;
  top:50.5% !important;
  width:20.5% !important;
  transform:translate(-50%,-50%) !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
  pointer-events:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.pca-strength-natural-copy-1{left:15.8% !important}
.pca-strength-natural-copy-2{left:38.6% !important}
.pca-strength-natural-copy-3{left:61.5% !important}
.pca-strength-natural-copy-4{left:84.3% !important}

.pca-strength-natural-copy h3{
  margin:0 0 .58em !important;
  color:#082f72 !important;
  font-family:inherit !important;
  font-size:clamp(18px,1.72vw,35px) !important;
  line-height:1.04 !important;
  font-weight:800 !important;
  letter-spacing:-.025em !important;
  text-shadow:0 1px 0 rgba(255,255,255,.50) !important;
}

.pca-strength-natural-copy p{
  margin:0 !important;
  color:#4a6f84 !important;
  font-family:inherit !important;
  font-size:clamp(13px,1.14vw,23px) !important;
  line-height:1.38 !important;
  font-weight:500 !important;
  letter-spacing:-.01em !important;
}

/* ---------- COMPLETE SOLUTION: connected icon art ---------- */
.pca-solution-natural{
  position:relative !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#e7f6fd !important;
}

.pca-solution-natural-stage{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  aspect-ratio:2048 / 682 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:
    url("../assets/images/solution-natural-icons.png")
    center center / 100% 100% no-repeat !important;
}

.pca-solution-natural-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(231,246,253,.10) 0%,transparent 10%,transparent 90%,rgba(231,246,253,.14) 100%);
}

.pca-solution-natural-heading{
  position:absolute !important;
  z-index:3 !important;
  left:50% !important;
  top:12.2% !important;
  width:min(760px,58%) !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
}

.pca-solution-natural-heading h2{
  margin:0 0 .42em !important;
  color:#0a4b78 !important;
  font-size:clamp(24px,2.35vw,48px) !important;
  line-height:1.04 !important;
  font-weight:800 !important;
  letter-spacing:-.035em !important;
}

.pca-solution-natural-heading p{
  max-width:760px !important;
  margin:0 auto !important;
  color:#527185 !important;
  font-size:clamp(12px,.96vw,18px) !important;
  line-height:1.48 !important;
  font-weight:500 !important;
}

.pca-solution-natural-item{
  position:absolute !important;
  z-index:3 !important;
  top:70.2% !important;
  width:22% !important;
  transform:translate(-50%,-50%) !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
  pointer-events:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.pca-solution-natural-item-1{left:21.35% !important}
.pca-solution-natural-item-2{left:50% !important}
.pca-solution-natural-item-3{left:79.65% !important}

.pca-solution-natural-item h3{
  margin:0 0 .34em !important;
  color:#0a4b78 !important;
  font-size:clamp(17px,1.42vw,29px) !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  text-shadow:0 1px 0 rgba(255,255,255,.55) !important;
}

.pca-solution-natural-item p{
  margin:0 !important;
  color:#4f7185 !important;
  font-size:clamp(12px,.96vw,19px) !important;
  line-height:1.36 !important;
  font-weight:500 !important;
}

/* Tablet: preserve the artwork composition and keep text aligned. */
@media (max-width:900px){
  .pca-strength-natural-copy h3{font-size:clamp(14px,1.9vw,22px) !important}
  .pca-strength-natural-copy p{font-size:clamp(10px,1.25vw,15px) !important}

  .pca-solution-natural-heading{top:10.5% !important;width:68% !important}
  .pca-solution-natural-heading h2{font-size:clamp(20px,2.8vw,30px) !important}
  .pca-solution-natural-heading p{font-size:clamp(10px,1.35vw,14px) !important}
  .pca-solution-natural-item h3{font-size:clamp(13px,1.65vw,19px) !important}
  .pca-solution-natural-item p{font-size:clamp(10px,1.22vw,14px) !important}
}

/* Phone: use the same artwork, enlarged into comfortable stacked panels.
   This keeps the supplied design language instead of replacing it with
   generic coded cards. */
@media (max-width:620px){
  .pca-strengths-natural{
    padding:16px 0 18px !important;
    background:#e7f6fd !important;
  }

  .pca-strengths-natural-stage{
    aspect-ratio:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:0 12px !important;
    overflow:visible !important;
    background:none !important;
  }

  .pca-strengths-natural-stage::before{display:none !important}

  .pca-strength-natural-copy{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    width:100% !important;
    min-height:230px !important;
    transform:none !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    padding:36px 20px 18px !important;
    background-image:url("../assets/images/strengths-natural-blank.png") !important;
    background-repeat:no-repeat !important;
    background-size:400% 100% !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  .pca-strength-natural-copy-1{background-position:0% 50% !important}
  .pca-strength-natural-copy-2{background-position:33.333% 50% !important}
  .pca-strength-natural-copy-3{background-position:66.667% 50% !important}
  .pca-strength-natural-copy-4{background-position:100% 50% !important}

  .pca-strength-natural-copy h3{
    margin-top:18px !important;
    font-size:22px !important;
  }

  .pca-strength-natural-copy p{
    font-size:14px !important;
  }

  .pca-solution-natural{
    padding:12px 0 20px !important;
    background:#e7f6fd !important;
  }

  .pca-solution-natural-stage{
    aspect-ratio:auto !important;
    min-height:0 !important;
    padding:18px 14px 8px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    background:none !important;
    overflow:visible !important;
  }

  .pca-solution-natural-stage::before{display:none !important}

  .pca-solution-natural-heading{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    width:100% !important;
    transform:none !important;
    padding:8px 8px 14px !important;
  }

  .pca-solution-natural-heading h2{font-size:30px !important}
  .pca-solution-natural-heading p{font-size:14px !important}

  .pca-solution-natural-item{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    width:100% !important;
    min-height:255px !important;
    transform:none !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    align-items:center !important;
    padding:0 18px 34px !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background-image:url("../assets/images/solution-natural-icons.png") !important;
    background-repeat:no-repeat !important;
    background-size:300% 100% !important;
  }

  .pca-solution-natural-item-1{background-position:0% 50% !important}
  .pca-solution-natural-item-2{background-position:50% 50% !important}
  .pca-solution-natural-item-3{background-position:100% 50% !important}

  .pca-solution-natural-item h3{font-size:21px !important}
  .pca-solution-natural-item p{font-size:14px !important}
}


/* ============================================================
   FINAL COMBINED 3-SECTION FIX (same background + standard features)
   ============================================================ */
.pca-combined-showcase{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(245,251,255,.18) 0%, rgba(245,251,255,.08) 100%),
    url("../assets/images/combined-shared-bg.png") center top / 100% 100% no-repeat;
}
.pca-combined-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 18%, rgba(255,255,255,0) 82%, rgba(255,255,255,.12) 100%);
}
.pca-strengths-natural,
.pca-solution-natural,
.pca-features{
  background:transparent !important;
  position:relative;
  z-index:1;
}
.pca-strengths-natural{margin-bottom:-2px !important;}
.pca-solution-natural{margin-top:-2px !important; margin-bottom:-2px !important;}
.pca-features{padding:42px 0 92px; margin-top:-6px;}
.pca-strengths-natural-stage,
.pca-solution-natural-stage{
  background-color:transparent !important;
}
.pca-strength-natural-copy,
.pca-solution-natural-item{
  pointer-events:auto !important;
  cursor:pointer;
  transition:transform .28s ease, box-shadow .28s ease, filter .28s ease;
  will-change:transform;
  transform:translate(-50%,-50%) perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transform-style:preserve-3d;
}
.pca-strength-natural-copy:hover,
.pca-strength-natural-copy:focus-visible,
.pca-strength-natural-copy.is-active,
.pca-solution-natural-item:hover,
.pca-solution-natural-item:focus-visible,
.pca-solution-natural-item.is-active{
  filter:drop-shadow(0 22px 36px rgba(30,117,167,.18));
}
.pca-strength-natural-copy:hover,
.pca-strength-natural-copy:focus-visible,
.pca-strength-natural-copy.is-active{
  transform:translate(-50%,calc(-50% - 8px)) perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.02);
}
.pca-solution-natural-item:hover,
.pca-solution-natural-item:focus-visible,
.pca-solution-natural-item.is-active{
  transform:translate(-50%,calc(-50% - 8px)) perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.02);
}
.pca-feature-heading{
  text-align:center;
  max-width:980px;
  margin:0 auto 28px;
}
.pca-feature-stage{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:24px;
  min-height:0 !important;
  aspect-ratio:auto !important;
}
.pca-feature-art{display:none !important;}
.pca-feature-copy{
  position:relative !important;
  inset:auto !important;
  left:auto !important;
  top:auto !important;
  width:100% !important;
  min-height:360px !important;
  padding:208px 22px 22px !important;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border-radius:26px !important;
  overflow:hidden;
  isolation:isolate;
  pointer-events:auto !important;
  cursor:pointer;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  box-shadow:0 18px 40px rgba(41,114,160,.14);
  transition:transform .28s ease, box-shadow .28s ease, filter .28s ease;
  transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transform-style:preserve-3d;
}
.pca-feature-copy::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.12) 42%, rgba(255,255,255,.96) 77%, rgba(255,255,255,.985) 100%);
}
.pca-feature-copy::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:43%;
  z-index:-1;
  background:linear-gradient(180deg, rgba(244,251,255,0) 0%, rgba(244,251,255,.75) 20%, rgba(244,251,255,.98) 56%, rgba(244,251,255,1) 100%);
}
.pca-feature-copy h3{
  font-size:clamp(19px,1.35vw,23px) !important;
  margin:0 0 8px !important;
  color:#0b4674 !important;
}
.pca-feature-copy p{
  max-width:100% !important;
  font-size:clamp(13px,.95vw,15px) !important;
  line-height:1.5 !important;
  color:#557286 !important;
}
.pca-feature-copy:hover,
.pca-feature-copy:focus-visible,
.pca-feature-copy.is-active{
  transform:translateY(-10px) perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.015);
  box-shadow:0 24px 48px rgba(35,120,171,.20);
  filter:saturate(1.02);
}
.pca-feature-1{background-image:url("../assets/images/feature-1.png") !important;}
.pca-feature-2{background-image:url("../assets/images/feature-2.png") !important;}
.pca-feature-3{background-image:url("../assets/images/feature-3.png") !important;}
.pca-feature-4{background-image:url("../assets/images/feature-4.png") !important;}
.pca-feature-5{background-image:url("../assets/images/feature-5.png") !important;}
.pca-feature-6{background-image:url("../assets/images/feature-6.png") !important;}
@media (max-width:1100px){
  .pca-combined-showcase{background-size:cover;}
  .pca-feature-stage{grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px;}
  .pca-feature-copy{min-height:330px !important; padding:190px 20px 20px !important;}
}
@media (max-width:900px){
  .pca-strength-natural-copy,
  .pca-solution-natural-item{transform:translate(-50%,-50%) !important;}
  .pca-feature-heading{margin-bottom:22px;}
}
@media (max-width:620px){
  .pca-combined-showcase{background-size:cover; background-position:center top;}
  .pca-features{padding:24px 0 48px; margin-top:0;}
  .pca-feature-stage{grid-template-columns:1fr; gap:16px;}
  .pca-feature-copy{min-height:300px !important; padding:176px 18px 18px !important;}
}

/* ============================================================
   FIX 2026-10-02 — SAME SHARED BG + REAL INTERACTIVE TOP CARDS
   Only affects the combined strengths/solution/features wrapper.
   ============================================================ */
.pca-combined-showcase{
  background:
    linear-gradient(180deg,rgba(248,253,255,.08),rgba(248,253,255,.02)),
    url("../assets/images/combined-shared-bg.png") center top / 100% 100% no-repeat !important;
}
.pca-combined-showcase > section{
  background:transparent !important;
}

/* FOUR STRENGTHS — visual cards are now separate movable pieces */
.pca-combined-showcase .pca-strengths-natural-stage{
  position:relative !important;
  aspect-ratio:2048/682 !important;
  background:url("../assets/images/strengths-base.png") center/100% 100% no-repeat !important;
  overflow:visible !important;
}
.pca-strength-card{
  position:absolute;
  top:10.8%;
  width:22.3%;
  height:auto;
  z-index:3;
  cursor:pointer;
  outline:none;
  transform:translateY(0) perspective(950px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transform-style:preserve-3d;
  transition:transform .28s ease, filter .28s ease;
  will-change:transform;
}
.pca-strength-card-1{left:3.35%}
.pca-strength-card-2{left:26.2%}
.pca-strength-card-3{left:49.3%}
.pca-strength-card-4{left:72.55%}
.pca-strength-card img{display:block;width:100%;height:auto;pointer-events:none}
.pca-strength-card-text{
  position:absolute;
  left:8%;right:8%;top:34%;
  text-align:center;
  pointer-events:none;
}
.pca-strength-card-text h3{
  margin:0 0 .48em;
  color:#082f72;
  font-size:clamp(18px,1.6vw,32px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.025em;
}
.pca-strength-card-text p{
  margin:0;
  color:#4b7085;
  font-size:clamp(12px,1.04vw,21px);
  line-height:1.38;
  font-weight:500;
}
.pca-strength-card:hover,
.pca-strength-card:focus-visible,
.pca-strength-card.is-active{
  transform:translateY(-10px) perspective(950px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.018);
  filter:drop-shadow(0 18px 28px rgba(31,121,170,.22));
}

/* SOLUTION — nodes are now separate movable pieces */
.pca-combined-showcase .pca-solution-natural-stage{
  position:relative !important;
  aspect-ratio:2048/682 !important;
  background:url("../assets/images/solution-base.png") center/100% 100% no-repeat !important;
  overflow:visible !important;
}
.pca-solution-node{
  position:absolute;
  z-index:4;
  top:31%;
  width:22%;
  text-align:center;
  cursor:pointer;
  outline:none;
  transform:translateX(-50%) perspective(950px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transform-style:preserve-3d;
  transition:transform .28s ease, filter .28s ease;
  will-change:transform;
}
.pca-solution-node-1{left:21.35%}
.pca-solution-node-2{left:50%}
.pca-solution-node-3{left:79.65%}
.pca-solution-node img{
  display:block;
  width:66%;
  height:auto;
  margin:0 auto;
  pointer-events:none;
}
.pca-solution-node-text{margin-top:-3%;pointer-events:none}
.pca-solution-node-text h3{
  margin:0 0 .28em;
  color:#0a4b78;
  font-size:clamp(17px,1.42vw,28px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.02em;
}
.pca-solution-node-text p{
  margin:0;
  color:#4f7185;
  font-size:clamp(12px,.96vw,18px);
  line-height:1.36;
  font-weight:500;
}
.pca-solution-node:hover,
.pca-solution-node:focus-visible,
.pca-solution-node.is-active{
  transform:translateX(-50%) translateY(-10px) perspective(950px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.025);
  filter:drop-shadow(0 18px 28px rgba(31,121,170,.22));
}

/* SIX FEATURES — smaller standard card proportions */
.pca-combined-showcase .pca-features{
  padding:28px 0 64px !important;
}
.pca-combined-showcase .pca-feature-heading{
  max-width:900px !important;
  margin:0 auto 24px !important;
}
.pca-combined-showcase .pca-feature-stage{
  max-width:1050px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
}
.pca-combined-showcase .pca-feature-copy{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  min-height:292px !important;
  padding:160px 20px 20px !important;
  border-radius:22px !important;
  background-size:100% 100% !important;
  background-position:center !important;
  overflow:hidden !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  outline:none;
  box-shadow:0 12px 28px rgba(28,108,153,.12) !important;
  transform:translateY(0) perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transform-style:preserve-3d;
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;
}
.pca-combined-showcase .pca-feature-copy::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.18) 38%,rgba(247,252,255,.80) 67%,rgba(247,252,255,.98) 100%);
}
.pca-combined-showcase .pca-feature-copy > *{position:relative;z-index:1}
.pca-combined-showcase .pca-feature-copy h3{
  margin:0 0 7px !important;
  font-size:17px !important;
  line-height:1.15 !important;
  color:#0a4775 !important;
}
.pca-combined-showcase .pca-feature-copy p{
  max-width:100% !important;
  margin:0 !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
  color:#557286 !important;
}
.pca-combined-showcase .pca-feature-copy:hover,
.pca-combined-showcase .pca-feature-copy:focus-visible,
.pca-combined-showcase .pca-feature-copy.is-active{
  transform:translateY(-9px) perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.015);
  box-shadow:0 20px 36px rgba(28,108,153,.19) !important;
}

@media (max-width:1100px){
  .pca-combined-showcase .pca-feature-stage{grid-template-columns:repeat(2,minmax(0,1fr)) !important;max-width:760px !important}
  .pca-combined-showcase .pca-feature-copy{min-height:286px !important;padding:158px 20px 20px !important}
}
@media (max-width:620px){
  .pca-combined-showcase{background-size:cover !important}
  .pca-strength-card,
  .pca-solution-node{position:relative !important;left:auto !important;top:auto !important;width:100% !important;transform:none !important;margin:0 auto 12px !important}
  .pca-strengths-natural-stage,
  .pca-solution-natural-stage{aspect-ratio:auto !important;background:none !important;padding:16px 12px !important}
  .pca-strength-card-text{top:34%}
  .pca-solution-node img{width:58%}
  .pca-combined-showcase .pca-feature-stage{grid-template-columns:1fr !important;max-width:360px !important}
  .pca-combined-showcase .pca-feature-copy{min-height:278px !important;padding:152px 18px 18px !important}
}


/* === Oct 05: compact full-width mobile video, original copy restored === */
.pca-mobile.pca-mobile-video{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  background:#071a29;
  overflow:hidden;
}
.pca-mobile-video-wrap{
  position:relative;
  width:100%;
  height:clamp(360px,31vw,520px);
  overflow:hidden;
  isolation:isolate;
}
.pca-mobile-full-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 52%;
}
.pca-mobile-video-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(246,252,255,.93) 0%,rgba(238,249,253,.83) 27%,rgba(236,248,252,.30) 48%,rgba(8,28,43,.04) 68%),
    linear-gradient(180deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,0) 38%,rgba(0,20,34,.10) 100%);
}
.pca-mobile-video-copy{
  position:absolute;
  z-index:2;
  left:max(44px,6vw);
  top:50%;
  transform:translateY(-50%);
  width:min(590px,43vw);
  color:#0a4b78;
}
.pca-mobile-video-copy .eyebrow{
  margin:0 0 10px;
  color:#0789c9;
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
}
.pca-mobile-video-copy h2{
  margin:0 0 12px;
  color:#083f6d;
  font-size:clamp(34px,3.2vw,56px);
  line-height:.98;
  letter-spacing:-.035em;
}
.pca-mobile-video-lead{
  max-width:500px;
  margin:0;
  color:#527185;
  font-size:clamp(14px,1.05vw,17px);
  line-height:1.5;
}
.pca-mobile-video-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:22px;
}
.pca-mobile-video-points span{
  min-height:86px;
  padding:14px 14px 12px;
  border:1px solid rgba(255,255,255,.85);
  border-radius:16px;
  background:rgba(248,253,255,.58);
  box-shadow:0 10px 28px rgba(21,93,125,.08);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.pca-mobile-video-points strong,
.pca-mobile-video-points small{
  display:block;
}
.pca-mobile-video-points strong{
  color:#0b4d78;
  font-size:13px;
  line-height:1.22;
  margin-bottom:6px;
}
.pca-mobile-video-points small{
  color:#5c7787;
  font-size:10.5px;
  line-height:1.35;
}
@media (max-width:900px){
  .pca-mobile-video-wrap{height:420px;}
  .pca-mobile-video-copy{left:30px;width:54vw;}
  .pca-mobile-video-shade{background:linear-gradient(90deg,rgba(246,252,255,.94) 0%,rgba(241,250,253,.80) 42%,rgba(241,250,253,.20) 68%,rgba(6,24,37,.04) 100%);}
  .pca-mobile-video-points{grid-template-columns:1fr;max-width:310px;gap:7px;margin-top:16px;}
  .pca-mobile-video-points span{min-height:auto;padding:10px 12px;}
}
@media (max-width:620px){
  .pca-mobile-video-wrap{height:390px;}
  .pca-mobile-full-video{object-position:62% center;}
  .pca-mobile-video-copy{left:18px;right:18px;top:24px;transform:none;width:auto;}
  .pca-mobile-video-copy h2{font-size:34px;}
  .pca-mobile-video-lead{font-size:14px;max-width:330px;}
  .pca-mobile-video-points{display:none;}
  .pca-mobile-video-shade{background:linear-gradient(180deg,rgba(247,252,255,.94) 0%,rgba(241,250,253,.74) 36%,rgba(241,250,253,.05) 72%);}
}

/* ============================================================
   2026-10-05 FIX: restore first two combined sections to intact art
   Hover/click is overlay-only so the artwork never breaks apart.
   ============================================================ */
.pca-combined-showcase .pca-strengths-natural-stage{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  aspect-ratio:2048 / 682 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:url("../assets/images/strengths-combined-foreground.png") center center / 100% 100% no-repeat !important;
}
.pca-combined-showcase .pca-strengths-natural-stage::before{display:none !important;}
.pca-combined-showcase .pca-strength-card{display:none !important;}

.pca-combined-showcase .pca-strength-natural-copy{
  display:block !important;
  position:absolute !important;
  z-index:4 !important;
  top:50.5% !important;
  width:20.5% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  transform:translate(-50%,-50%) !important;
  text-align:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  outline:none !important;
  box-shadow:none !important;
  clip-path:none !important;
  overflow:visible !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
.pca-combined-showcase .pca-strength-natural-copy-1{left:15.8% !important;}
.pca-combined-showcase .pca-strength-natural-copy-2{left:38.6% !important;}
.pca-combined-showcase .pca-strength-natural-copy-3{left:61.5% !important;}
.pca-combined-showcase .pca-strength-natural-copy-4{left:84.3% !important;}
.pca-combined-showcase .pca-strength-natural-copy::before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  left:-5% !important;
  right:-5% !important;
  top:-82% !important;
  bottom:-96% !important;
  border-radius:28px !important;
  background:rgba(255,255,255,0) !important;
  border:1px solid rgba(255,255,255,0) !important;
  box-shadow:0 0 0 rgba(35,126,177,0) !important;
  transition:background .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease !important;
  pointer-events:none !important;
}
.pca-combined-showcase .pca-strength-natural-copy:hover,
.pca-combined-showcase .pca-strength-natural-copy:focus-visible,
.pca-combined-showcase .pca-strength-natural-copy.is-active{
  transform:translate(-50%,calc(-50% - 7px)) scale(1.025) !important;
}
.pca-combined-showcase .pca-strength-natural-copy:hover::before,
.pca-combined-showcase .pca-strength-natural-copy:focus-visible::before,
.pca-combined-showcase .pca-strength-natural-copy.is-active::before{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.45) !important;
  box-shadow:0 16px 34px rgba(24,111,163,.15) !important;
  transform:scale(1.025) !important;
}

.pca-combined-showcase .pca-solution-natural-stage{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  aspect-ratio:2048 / 682 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:url("../assets/images/solution-combined-foreground.png") center center / 100% 100% no-repeat !important;
}
.pca-combined-showcase .pca-solution-natural-stage::before{display:none !important;}
.pca-combined-showcase .pca-solution-node{display:none !important;}
.pca-combined-showcase .pca-solution-natural-heading{
  position:absolute !important;
  z-index:4 !important;
  left:50% !important;
  top:12.2% !important;
  width:min(760px,58%) !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
}
.pca-combined-showcase .pca-solution-natural-item{
  display:block !important;
  position:absolute !important;
  z-index:4 !important;
  top:70.2% !important;
  width:22% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  transform:translate(-50%,-50%) !important;
  text-align:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  outline:none !important;
  box-shadow:none !important;
  overflow:visible !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
.pca-combined-showcase .pca-solution-natural-item-1{left:21.35% !important;}
.pca-combined-showcase .pca-solution-natural-item-2{left:50% !important;}
.pca-combined-showcase .pca-solution-natural-item-3{left:79.65% !important;}
.pca-combined-showcase .pca-solution-natural-item::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:14%;right:14%;top:-240%;bottom:-75%;
  border-radius:999px;
  background:radial-gradient(circle,rgba(92,211,246,0) 0%,rgba(92,211,246,0) 70%);
  transition:background .24s ease,filter .24s ease,transform .24s ease;
  pointer-events:none;
}
.pca-combined-showcase .pca-solution-natural-item:hover,
.pca-combined-showcase .pca-solution-natural-item:focus-visible,
.pca-combined-showcase .pca-solution-natural-item.is-active{
  transform:translate(-50%,calc(-50% - 7px)) scale(1.025) !important;
}
.pca-combined-showcase .pca-solution-natural-item:hover::before,
.pca-combined-showcase .pca-solution-natural-item:focus-visible::before,
.pca-combined-showcase .pca-solution-natural-item.is-active::before{
  background:radial-gradient(circle,rgba(70,215,243,.24) 0%,rgba(67,184,233,.08) 45%,rgba(67,184,233,0) 72%);
  filter:drop-shadow(0 14px 26px rgba(31,120,174,.18));
  transform:scale(1.08);
}

@media (max-width:620px){
  .pca-combined-showcase .pca-strength-natural-copy,
  .pca-combined-showcase .pca-solution-natural-item{
    transform:none !important;
  }
  .pca-combined-showcase .pca-strength-natural-copy:hover,
  .pca-combined-showcase .pca-strength-natural-copy:focus-visible,
  .pca-combined-showcase .pca-strength-natural-copy.is-active,
  .pca-combined-showcase .pca-solution-natural-item:hover,
  .pca-combined-showcase .pca-solution-natural-item:focus-visible,
  .pca-combined-showcase .pca-solution-natural-item.is-active{
    transform:translateY(-5px) !important;
  }
}


/* Exact user-supplied image section — placed after video */
.pca-exact-image-section{
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
  overflow:hidden;
}
.pca-exact-image-section img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  object-fit:contain;
}


/* === 2026-10-06 header/video alignment fix === */
.pca-header-final{
  top:0 !important;
  margin:0 !important;
}
.pca-mobile.pca-mobile-video{
  padding-top:70px !important;
}
@media (max-width:900px){
  .pca-header-final{top:0 !important;}
  .pca-mobile.pca-mobile-video{padding-top:64px !important;}
}
@media (max-width:620px){
  .pca-header-final{top:0 !important;}
  .pca-mobile.pca-mobile-video{padding-top:60px !important;}
}

/* === 2026-10-06 approved video visibility fix ===
   Keep header alignment unchanged; show more of the 16:9 video on desktop. */
@media (min-width:901px){
  .pca-mobile-video-wrap{
    height:600px !important;
  }
  .pca-mobile-full-video{
    object-position:center 48% !important;
  }
}
@media (min-width:621px) and (max-width:900px){
  .pca-mobile-video-wrap{
    height:520px !important;
  }
  .pca-mobile-full-video{
    object-position:center 50% !important;
  }
}
@media (max-width:620px){
  .pca-mobile-video-wrap{
    height:430px !important;
  }
  .pca-mobile-full-video{
    object-position:62% 50% !important;
  }
}

/* =========================================================
   2026-10-07 — approved motion sections + report tabs
   ========================================================= */
.pca-exact-image-section{position:relative!important}
.pca-exact-cta{
  position:absolute;z-index:5;left:35.4%;top:37.3%;width:29.4%;height:6.8%;
  border-radius:999px;cursor:pointer;
}
.pca-exact-cta:focus-visible{outline:3px solid #0b90e6;outline-offset:4px}

.pca-motion-showcase{width:100%;margin:0;padding:0;background:#eaf7ff;overflow:hidden}
.pca-motion-section{width:100%;margin:0;padding:0;overflow:hidden;background:#eaf7ff}
.pca-motion-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;isolation:isolate}
.pca-motion-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0}
.pca-motion-stage::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(243,251,255,.04),rgba(236,248,255,.02))}
.pca-motion-copy,.pca-solution-motion-heading,.pca-solution-motion-copy,.pca-feature-motion-heading,.pca-feature-motion-copy{position:absolute;z-index:3;color:#073e69;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.9);pointer-events:none}
.pca-motion-copy h3,.pca-solution-motion-copy h3,.pca-feature-motion-copy h3{font-weight:700;letter-spacing:-.025em}
.pca-motion-copy p,.pca-solution-motion-copy p,.pca-feature-motion-copy p{color:#4f6e82;line-height:1.35}

/* Four strength cards: text stays coded, video supplies only animated visuals. */
.pca-strength-copy{top:52%;width:18%;transform:translate(-50%,-50%)}
.pca-strength-copy-1{left:20.9%}.pca-strength-copy-2{left:40.4%}.pca-strength-copy-3{left:59.6%}.pca-strength-copy-4{left:78.8%}
.pca-strength-copy h3{font-size:clamp(14px,1.55vw,26px);margin-bottom:.55vw}
.pca-strength-copy p{font-size:clamp(10px,1vw,16px)}

/* Complete solution: reserve upper copy space and keep labels beneath the three nodes. */
.pca-solution-motion-heading{left:50%;top:14%;transform:translateX(-50%);width:min(72%,980px)}
.pca-solution-motion-heading h2{font-size:clamp(25px,3vw,48px);font-weight:700;color:#0b456f;letter-spacing:-.045em}
.pca-solution-motion-heading p{max-width:900px;margin:10px auto 0;font-size:clamp(11px,1.08vw,17px);line-height:1.45;color:#567286}
.pca-solution-motion-copy{top:77%;width:22%;transform:translate(-50%,-50%)}
.pca-solution-motion-copy-1{left:22.6%}.pca-solution-motion-copy-2{left:50%}.pca-solution-motion-copy-3{left:77.4%}
.pca-solution-motion-copy h3{font-size:clamp(14px,1.55vw,25px);margin-bottom:.35vw}
.pca-solution-motion-copy p{font-size:clamp(10px,.98vw,16px)}

/* Key features: heading and every description remain live HTML. */
.pca-feature-motion-heading{left:50%;top:13%;transform:translateX(-50%);width:min(78%,1100px)}
.pca-feature-motion-heading .eyebrow{margin:0 0 5px;font-size:clamp(8px,.72vw,12px)}
.pca-feature-motion-heading h2{font-size:clamp(22px,2.65vw,44px);font-weight:700;color:#0b456f;letter-spacing:-.045em;line-height:1.04}
.pca-feature-motion-copy{width:20.5%;transform:translate(-50%,-50%)}
.pca-feature-motion-copy-1,.pca-feature-motion-copy-2,.pca-feature-motion-copy-3{top:53.5%}
.pca-feature-motion-copy-4,.pca-feature-motion-copy-5,.pca-feature-motion-copy-6{top:80.5%}
.pca-feature-motion-copy-1,.pca-feature-motion-copy-4{left:25%}
.pca-feature-motion-copy-2,.pca-feature-motion-copy-5{left:50%}
.pca-feature-motion-copy-3,.pca-feature-motion-copy-6{left:75%}
.pca-feature-motion-copy h3{font-size:clamp(12px,1.18vw,19px);margin-bottom:.28vw}
.pca-feature-motion-copy p{font-size:clamp(9px,.76vw,12.5px);line-height:1.28}

/* Reports: one natural coded tab/header shared by all three approved report visuals. */
.pca-report-showcase{background:linear-gradient(180deg,#f4fbff 0%,#edf7fd 100%)!important}
.pca-report-showcase .section-heading{margin-bottom:28px}
.pca-report-shell{border-radius:24px;overflow:hidden;border:1px solid rgba(128,181,213,.35);background:rgba(255,255,255,.66);box-shadow:0 24px 70px -45px rgba(22,84,122,.45)}
.pca-report-tabs{margin:0!important;padding:0 18px;background:linear-gradient(180deg,#f8fcff,#edf7fd);border-bottom:1px solid #c7dce9!important;grid-template-columns:repeat(3,minmax(0,220px))!important;justify-content:start;gap:4px!important}
.pca-report-tabs button{justify-content:center!important;gap:10px!important;min-height:70px;padding:16px 24px!important;border-radius:15px 15px 0 0!important;font-weight:650;color:#637894!important;border-bottom:4px solid transparent!important}
.pca-report-tabs button[aria-selected=true]{background:rgba(255,255,255,.96)!important;color:#0877d8!important;border-bottom-color:#078bf1!important;box-shadow:0 -4px 22px rgba(20,131,218,.08)}
.pca-tab-icon{font-size:20px;line-height:1;color:currentColor}
.pca-report-panel{border:0!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,248,254,.94))!important;padding:30px!important}
.pca-report-panel-heading{padding:0 0 24px}
.pca-report-panel-heading h3{font-size:clamp(28px,3vw,44px);font-weight:700;color:#0b3458;letter-spacing:-.04em}
.pca-report-panel-heading p{font-size:clamp(14px,1.4vw,20px);color:#65798f;margin-top:3px}
.pca-report-art{display:block;width:100%;height:auto;max-width:none;border-radius:18px;border:1px solid rgba(135,185,215,.34);box-shadow:0 20px 50px -38px rgba(9,73,115,.35);background:#fff}
.pca-report-art-revenue{border-radius:16px}

@media (max-width:900px){
  .pca-report-tabs{grid-template-columns:repeat(3,1fr)!important;padding:0 8px}
  .pca-report-tabs button{min-height:58px;padding:12px 8px!important;font-size:14px!important}
  .pca-report-panel{padding:18px!important}
  .pca-motion-copy p,.pca-solution-motion-copy p,.pca-feature-motion-copy p{display:none}
  .pca-solution-motion-heading p{font-size:10px;margin-top:5px}
  .pca-feature-motion-heading h2{font-size:20px}
}
@media (max-width:600px){
  .pca-motion-copy h3,.pca-solution-motion-copy h3,.pca-feature-motion-copy h3{font-size:8px!important;line-height:1.05}
  .pca-solution-motion-heading{top:5%;width:88%}
  .pca-solution-motion-heading h2{font-size:16px}
  .pca-solution-motion-heading p{display:none}
  .pca-feature-motion-heading{top:3%;width:88%}
  .pca-feature-motion-heading .eyebrow{display:none}
  .pca-feature-motion-heading h2{font-size:14px}
  .pca-report-showcase .container{width:calc(100% - 24px)}
  .pca-report-tabs button{font-size:12px!important;gap:5px!important}
  .pca-tab-icon{font-size:14px}
  .pca-report-panel{padding:10px!important}
  .pca-report-panel-heading{padding:0 0 12px}
  .pca-report-panel-heading h3{font-size:24px}
  .pca-report-panel-heading p{font-size:13px}
}
.pca-report-tabs .pca-tab-icon{width:22px;height:22px;flex:0 0 22px}
@media(max-width:600px){.pca-report-tabs .pca-tab-icon{width:17px;height:17px;flex-basis:17px}}


/* 2026-10-08 — hero management image replaced by approved motion video */
.pca-exact-video-section{
  background:#eaf7ff;
}
.pca-exact-hero-video{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
  margin:0;
  padding:0;
}

/* =========================================================
   2026-10-08 — brand-intro + readability + seamless motion blend
   User-requested refinement only; all other sections untouched.
   ========================================================= */

/* Mobile-app video: remove old multi-line marketing copy/cards.
   Keep only a clean brand introduction on the open left side. */
.pca-mobile-video-shade{
  background:linear-gradient(90deg,
    rgba(244,250,254,.80) 0%,
    rgba(244,250,254,.56) 25%,
    rgba(244,250,254,.16) 48%,
    rgba(244,250,254,0) 68%) !important;
}
.pca-mobile-video-copy.pca-brand-intro{
  left:5.2% !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:min(48vw,720px) !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-align:left !important;
}
.pca-brand-intro-line{
  margin:0 0 .22em !important;
  color:#174f86 !important;
  font-family:"Aptos","Segoe UI",Arial,sans-serif !important;
  font-size:clamp(22px,2.7vw,44px) !important;
  font-weight:350 !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
  text-shadow:0 2px 15px rgba(255,255,255,.8) !important;
}
.pca-brand-intro-name{
  display:inline-block !important;
  margin:0 !important;
  font-family:"Aptos Display","Segoe UI",Arial,sans-serif !important;
  font-size:clamp(44px,6.1vw,94px) !important;
  font-weight:750 !important;
  line-height:.95 !important;
  letter-spacing:-.055em !important;
  color:#087bd7 !important;
  background:linear-gradient(92deg,#1058c7 0%,#078ddc 42%,#05b9b5 68%,#53b938 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
}

/* Darker, clearer HTML descriptions over the animated glass visuals. */
.pca-motion-copy p,
.pca-solution-motion-copy p,
.pca-feature-motion-copy p,
.pca-solution-motion-heading p{
  color:#31556d !important;
  font-weight:600 !important;
  text-shadow:0 1px 2px rgba(255,255,255,.96),0 0 12px rgba(255,255,255,.72) !important;
}
.pca-motion-copy h3,
.pca-solution-motion-copy h3,
.pca-feature-motion-copy h3{
  color:#073f6c !important;
  text-shadow:0 1px 2px rgba(255,255,255,.98),0 0 12px rgba(255,255,255,.62) !important;
}

/* Make the three consecutive video sections read as one continuous surface.
   A tiny overlap removes browser/video edge seams; soft masks blend the join. */
.pca-motion-showcase{
  background:#eaf7ff !important;
}
.pca-motion-section{
  position:relative !important;
  background:#eaf7ff !important;
}
.pca-motion-section + .pca-motion-section{
  margin-top:-5px !important;
}
.pca-motion-section + .pca-motion-section::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:18px;
  z-index:4;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(231,246,255,.52) 0%,rgba(234,247,255,.16) 48%,rgba(234,247,255,0) 100%);
  mix-blend-mode:screen;
}
.pca-motion-video{
  transform:scale(1.003);
  transform-origin:center;
}

@media (max-width:900px){
  .pca-mobile-video-copy.pca-brand-intro{
    left:4.5% !important;
    top:48% !important;
    width:58vw !important;
  }
  .pca-brand-intro-line{font-size:clamp(18px,3.3vw,30px) !important;}
  .pca-brand-intro-name{font-size:clamp(38px,7.2vw,68px) !important;}
}
@media (max-width:620px){
  .pca-mobile-video-shade{
    background:linear-gradient(90deg,rgba(247,252,255,.86) 0%,rgba(244,251,255,.61) 48%,rgba(244,251,255,.10) 78%,rgba(244,251,255,0) 100%) !important;
  }
  .pca-mobile-video-copy.pca-brand-intro{
    left:18px !important;
    right:auto !important;
    top:42% !important;
    transform:translateY(-50%) !important;
    width:57vw !important;
  }
  .pca-brand-intro-line{font-size:19px !important;margin-bottom:7px !important;}
  .pca-brand-intro-name{font-size:clamp(34px,10.3vw,50px) !important;line-height:.98 !important;}
  .pca-motion-section + .pca-motion-section{margin-top:-3px !important;}
  .pca-motion-section + .pca-motion-section::before{height:10px;}
}

/* =========================================================
   2026-10-08 — brand intro placement + exact ParkCloudAsia logo colours
   Keep copy safely on the open left side of the phone video.
   ========================================================= */
.pca-mobile-video-copy.pca-brand-intro{
  left:2.4% !important;
  top:48% !important;
  transform:translateY(-50%) !important;
  width:min(23vw,260px) !important;
  max-width:260px !important;
  right:auto !important;
  z-index:3 !important;
}
.pca-brand-intro-line{
  margin:0 0 7px !important;
  color:#173f79 !important;
  font-size:clamp(17px,1.65vw,25px) !important;
  font-weight:520 !important;
  letter-spacing:-.018em !important;
  line-height:1.05 !important;
}
.pca-brand-intro-name{
  white-space:nowrap !important;
  font-size:clamp(31px,3.0vw,43px) !important;
  font-weight:780 !important;
  letter-spacing:-.045em !important;
  line-height:.98 !important;
  /* Match the actual logo: turquoise/cyan on the left, deep royal/navy blue on the right.
     Deliberately no green.  The narrow middle transition gives the requested half/half blend. */
  background:linear-gradient(90deg,
    #09c5d4 0%,
    #08b9cf 43%,
    #087fb7 50%,
    #154ca3 57%,
    #153a86 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:#154ca3 !important;
}

@media (max-width:900px){
  .pca-mobile-video-copy.pca-brand-intro{
    left:2.2% !important;
    top:47% !important;
    width:min(25vw,225px) !important;
    max-width:225px !important;
  }
  .pca-brand-intro-line{font-size:clamp(14px,2.0vw,20px) !important;}
  .pca-brand-intro-name{font-size:clamp(27px,3.5vw,36px) !important;}
}
@media (max-width:620px){
  .pca-mobile-video-copy.pca-brand-intro{
    left:14px !important;
    top:43% !important;
    width:42vw !important;
    max-width:180px !important;
  }
  .pca-brand-intro-line{font-size:13px !important;margin-bottom:4px !important;}
  .pca-brand-intro-name{font-size:clamp(24px,7.5vw,31px) !important;letter-spacing:-.04em !important;}
}

/* =========================================================
   2026-10-08 — updated six-feature motion video alignment
   Keep HTML wording paired with the correct icon/card in the
   newly supplied 3x2 feature video. No other sections changed.
   ========================================================= */
.pca-motion-features .pca-feature-motion-copy{
  width:20.4% !important;
}
.pca-motion-features .pca-feature-motion-copy-1,
.pca-motion-features .pca-feature-motion-copy-2,
.pca-motion-features .pca-feature-motion-copy-3{
  top:55% !important;
}
.pca-motion-features .pca-feature-motion-copy-4,
.pca-motion-features .pca-feature-motion-copy-5,
.pca-motion-features .pca-feature-motion-copy-6{
  top:82% !important;
}
.pca-motion-features .pca-feature-motion-copy-1,
.pca-motion-features .pca-feature-motion-copy-4{left:24.5% !important;}
.pca-motion-features .pca-feature-motion-copy-2,
.pca-motion-features .pca-feature-motion-copy-5{left:50% !important;}
.pca-motion-features .pca-feature-motion-copy-3,
.pca-motion-features .pca-feature-motion-copy-6{left:75.5% !important;}
.pca-motion-features .pca-feature-motion-copy h3{
  font-size:clamp(12px,1.18vw,19px) !important;
  line-height:1.12 !important;
  margin:0 0 .34vw !important;
}
.pca-motion-features .pca-feature-motion-copy p{
  font-size:clamp(9px,.78vw,12.5px) !important;
  line-height:1.24 !important;
  max-width:95% !important;
  margin:0 auto !important;
}
@media (max-width:900px){
  .pca-motion-features .pca-feature-motion-copy-1,
  .pca-motion-features .pca-feature-motion-copy-2,
  .pca-motion-features .pca-feature-motion-copy-3{top:55.5% !important;}
  .pca-motion-features .pca-feature-motion-copy-4,
  .pca-motion-features .pca-feature-motion-copy-5,
  .pca-motion-features .pca-feature-motion-copy-6{top:82.5% !important;}
}


/* =========================================================
   2026-10-08 — six-feature copy refinement
   Align title beside each icon and description beneath it.
   Keeps the animated icon area clear and uses the card space
   more naturally. Only the six-feature HTML copy is changed.
   ========================================================= */
.pca-motion-features .pca-feature-motion-copy{
  width:17.2% !important;
  transform:none !important;
  text-align:left !important;
}
.pca-motion-features .pca-feature-motion-copy-1,
.pca-motion-features .pca-feature-motion-copy-2,
.pca-motion-features .pca-feature-motion-copy-3{
  top:43.3% !important;
}
.pca-motion-features .pca-feature-motion-copy-4,
.pca-motion-features .pca-feature-motion-copy-5,
.pca-motion-features .pca-feature-motion-copy-6{
  top:71.4% !important;
}
.pca-motion-features .pca-feature-motion-copy-1,
.pca-motion-features .pca-feature-motion-copy-4{left:20.2% !important;}
.pca-motion-features .pca-feature-motion-copy-2,
.pca-motion-features .pca-feature-motion-copy-5{left:45.3% !important;}
.pca-motion-features .pca-feature-motion-copy-3,
.pca-motion-features .pca-feature-motion-copy-6{left:70.5% !important;}
.pca-motion-features .pca-feature-motion-copy h3{
  font-size:clamp(14px,1.28vw,20px) !important;
  line-height:1.08 !important;
  margin:0 0 .45vw !important;
  font-weight:780 !important;
  color:#073f6c !important;
  text-shadow:0 1px 2px rgba(255,255,255,.98),0 0 12px rgba(255,255,255,.7) !important;
}
.pca-motion-features .pca-feature-motion-copy p{
  display:block !important;
  font-size:clamp(10px,.88vw,14px) !important;
  line-height:1.28 !important;
  max-width:100% !important;
  margin:0 !important;
  color:#31556d !important;
  font-weight:600 !important;
  text-shadow:0 1px 2px rgba(255,255,255,.98),0 0 11px rgba(255,255,255,.72) !important;
}
@media (max-width:900px){
  .pca-motion-features .pca-feature-motion-copy{width:17.5% !important;}
  .pca-motion-features .pca-feature-motion-copy h3{font-size:clamp(8px,1.55vw,13px) !important;margin-bottom:2px !important;}
  .pca-motion-features .pca-feature-motion-copy p{display:block !important;font-size:clamp(6.5px,1.0vw,9px) !important;line-height:1.16 !important;}
}
@media (max-width:620px){
  .pca-motion-features .pca-feature-motion-copy{width:17.6% !important;}
  .pca-motion-features .pca-feature-motion-copy h3{font-size:7px !important;line-height:1.02 !important;}
  .pca-motion-features .pca-feature-motion-copy p{font-size:5.5px !important;line-height:1.08 !important;}
}


/* =========================================================
   2026-10-08 — Access Digital brand mark in final CTA
   Transparent source image, placed before the headline.
   Reports and benefits are intentionally unchanged.
   ========================================================= */
.access-brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.access-digital-logo{width:min(255px,78%);height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 1px rgba(4,48,75,.95)) drop-shadow(0 2px 3px rgba(5,52,77,.22));}
.contact-top .access-brand-block h2{margin:0}
@media(max-width:900px){.access-digital-logo{width:min(230px,72%)}.access-brand-block{gap:15px}}
@media(max-width:600px){.access-digital-logo{width:min(210px,74%);margin:0 auto}.access-brand-block{align-items:center;text-align:center}.contact-top .access-brand-block h2{text-align:center}}

/* =========================================================
   2026-10-08 — final Access Digital cleanup requested by user.
   ========================================================= */
.contact-top{
  grid-template-columns:minmax(300px,.9fr) minmax(280px,1fr) !important;
  align-items:center !important;
  gap:64px !important;
}
.access-brand-block{gap:0 !important;}
.access-digital-logo{
  width:min(360px,100%) !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:none !important;
}
.contact-top > div:last-child{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.contact-top > div:last-child .actions{margin-top:0 !important;}
@media(max-width:900px){
  .contact-top{grid-template-columns:1fr !important;gap:28px !important;}
  .access-digital-logo{width:min(330px,78vw) !important;}
}
@media(max-width:600px){
  .access-brand-block{align-items:center !important;}
  .access-digital-logo{width:min(300px,84vw) !important;margin:0 auto !important;}
  .contact-top > div:last-child{justify-content:center !important;}
}

/* =========================================================
   2026-10-08 — exact Access Digital mark + footer identity.
   ========================================================= */
.access-digital-logo{
  width:min(360px,100%) !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:drop-shadow(0 1px 1px rgba(13,40,57,.18)) drop-shadow(0 2px 4px rgba(13,40,57,.10)) !important;
}
.footer-brand{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
}
.footer-brand img{
  display:block !important;
  width:150px !important;
  height:auto !important;
  object-fit:contain !important;
}
.footer-content > p{
  flex:1 1 auto !important;
  text-align:center !important;
  color:#526976 !important;
  font-size:12px !important;
  line-height:1.45 !important;
  margin:0 22px !important;
}
@media(max-width:700px){
  .footer-content{
    min-height:120px !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    padding:18px 0 !important;
    row-gap:12px !important;
  }
  .footer-brand img{width:132px !important;}
  .footer-content > p{
    order:3 !important;
    flex:1 0 100% !important;
    margin:0 !important;
    text-align:center !important;
  }
}

/* Access Digital exact-logo correction */
.access-digital-logo{
  width:min(330px,88%) !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}
.contact-details a[href^="mailto:"]{
  overflow-wrap:anywhere;
}
@media(max-width:600px){
  .access-digital-logo{width:min(300px,86vw) !important;}
}

/* FINAL: use the user's exact original Access Digital logo image unchanged. */
.access-digital-logo{
  width:min(330px,88%) !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

/* === OCT 08 update: darker access digital contact box for logo contrast === */
.contact > .container{
  background: linear-gradient(135deg, rgba(20,44,58,.97) 0%, rgba(28,58,76,.98) 55%, rgba(24,66,78,.98) 100%) !important;
  border: 1px solid rgba(141,195,220,.20) !important;
  box-shadow: 0 28px 70px rgba(6,24,36,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.contact-details{
  border-top-color: rgba(163,207,228,.18) !important;
}
.contact-details a,
.contact-details address{
  color: rgba(241,248,253,.94) !important;
}
.contact-details a:hover{
  color: #ffffff !important;
}
.label{
  color: #9ecadd !important;
}
.company-tagline{
  color: #9fd1c1 !important;
}
.contact .secondary{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(186,218,233,.30) !important;
  color: #f4fbff !important;
}
.contact .secondary:hover{
  background: rgba(255,255,255,.12) !important;
}
.contact .primary{
  box-shadow: 0 14px 34px rgba(0,0,0,.18), 0 8px 20px rgba(4,124,185,.18) !important;
}
footer{
  background: linear-gradient(90deg,#edf9fc,#f1fbf8);
}


/* =========================================================
   2026-10-08 — requested final cleanup
   - remove old company tagline row (HTML removed)
   - use full company name above address
   - rebalance contact columns/spacing
   - blend video sections for a more continuous one-flow website
   ========================================================= */

.label-company{
  text-transform:none !important;
  letter-spacing:.05em !important;
  font-size:12px !important;
  line-height:1.5 !important;
}

.contact-details{
  grid-template-columns:minmax(210px,1.05fr) minmax(300px,1.3fr) minmax(200px,.85fr) !important;
  gap:clamp(26px,3vw,56px) !important;
  align-items:start !important;
}
.contact-details > div{
  gap:10px !important;
}
.contact-details > div:first-child{
  padding-right:10px !important;
}
.contact-details > div:nth-child(2){
  padding:0 8px !important;
}
.contact-details > div:last-child{
  padding-left:4px !important;
}
.contact-details address{
  line-height:1.6 !important;
}
@media(max-width:900px){
  .contact-details{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  .contact-details > div,
  .contact-details > div:first-child,
  .contact-details > div:nth-child(2),
  .contact-details > div:last-child{
    padding:0 !important;
  }
}

/* Make the consecutive video-led sections read as one continuous surface. */
.pca-mobile.pca-mobile-video,
.pca-exact-video-section,
.pca-motion-showcase,
.pca-motion-section{
  background:#eaf7ff !important;
}
.pca-mobile.pca-mobile-video,
.pca-exact-video-section,
.pca-motion-showcase{
  position:relative !important;
}
.pca-mobile.pca-mobile-video{
  margin-bottom:-4px !important;
}
.pca-exact-video-section{
  margin-top:-4px !important;
  margin-bottom:-4px !important;
}
.pca-motion-showcase{
  margin-top:-4px !important;
}
.pca-mobile-video-wrap::after,
.pca-exact-video-section::after,
.pca-motion-showcase::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  pointer-events:none;
  z-index:4;
}
.pca-mobile-video-wrap::after{
  bottom:0;
  height:16px;
  background:linear-gradient(180deg,rgba(234,247,255,0) 0%,rgba(234,247,255,.92) 100%);
}
.pca-exact-video-section::after{
  bottom:0;
  height:14px;
  background:linear-gradient(180deg,rgba(234,247,255,0) 0%,rgba(234,247,255,.88) 100%);
}
.pca-motion-showcase::before{
  top:0;
  height:14px;
  background:linear-gradient(180deg,rgba(234,247,255,.88) 0%,rgba(234,247,255,0) 100%);
}
@media(max-width:900px){
  .pca-mobile.pca-mobile-video,
  .pca-exact-video-section,
  .pca-motion-showcase{margin-top:-3px !important;margin-bottom:-3px !important;}
  .pca-mobile-video-wrap::after,
  .pca-exact-video-section::after,
  .pca-motion-showcase::before{height:10px !important;}
}

/* 2026-10-08 — final requested ParkCloudAsia intro size adjustment only */
.pca-mobile-video-copy.pca-brand-intro{
  width:min(25vw,285px) !important;
  max-width:285px !important;
}
.pca-brand-intro-line{
  font-size:clamp(19px,1.85vw,28px) !important;
}
.pca-brand-intro-name{
  font-size:clamp(34px,3.3vw,47px) !important;
}
@media (max-width:900px){
  .pca-mobile-video-copy.pca-brand-intro{
    width:min(27vw,245px) !important;
    max-width:245px !important;
  }
  .pca-brand-intro-line{font-size:clamp(15px,2.2vw,22px) !important;}
  .pca-brand-intro-name{font-size:clamp(30px,3.8vw,39px) !important;}
}
@media (max-width:620px){
  .pca-mobile-video-copy.pca-brand-intro{
    width:46vw !important;
    max-width:195px !important;
  }
  .pca-brand-intro-line{font-size:14px !important;}
  .pca-brand-intro-name{font-size:clamp(26px,8vw,34px) !important;}
}