/* WHYCLOUD / public site — original 2026 premium design. No UI framework. */
:root{--white:#fff;--canvas:#f8fbfc;--cream:#f4fafb;--ink:#102d3b;--teal:#087b80;--deep:#07505b;--dolphin:#8bb7c3;--wine:#843c5a;--muted:#617883;--line:#deebee;--glow:#d9f4f7;--shadow:0 17px 48px rgba(18,67,82,.065);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--white);font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[lang=en] body{font-family:Inter,"Segoe UI",Arial,sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em}html[lang=fa] h1,html[lang=fa] h2,html[lang=fa] h3{letter-spacing:-.05em}::selection{background:#a6eaed;color:#0b414a}*:focus-visible{outline:3px solid #148c91;outline-offset:4px}.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;inset-inline-start:12px;top:-90px;padding:12px 20px;background:white;z-index:999}.skip-link:focus{top:12px}.center{text-align:center}.center .eyebrow{justify-content:center}.center>p,.center.section-head>p{margin-inline:auto}.teal{color:var(--teal)}
/* Navigation */
.site-header{position:sticky;top:0;z-index:90;height:78px;background:rgba(255,255,255,.86);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid #e5f0f0;isolation:isolate}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%}.brand-link{display:inline-flex;align-items:center;flex-shrink:0}.brand-link img{width:162px;height:auto}.desktop-nav{display:flex;gap:32px;align-items:center;margin-inline:auto}.desktop-nav a{font-size:13px;font-weight:650;color:#47606b;transition:color .2s}.desktop-nav a:hover{color:var(--teal)}.nav-control{display:flex;align-items:center;gap:23px}.language-link{display:flex;align-items:center;direction:ltr;gap:6px;border:1px solid #deedf0;background:#edf6f7;border-radius:30px;padding:7px 11px;color:#77919a;font:700 11px Inter,Arial,sans-serif}.language-link .active{color:var(--deep)}.divider-dot{height:11px;border-inline-start:1px solid #b9d3d6}.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--deep);color:#fff;border-radius:12px;padding:10px 18px;white-space:nowrap;font-size:12px;font-weight:750;box-shadow:0 6px 17px #06515c23;transition:background .2s,transform .2s}.nav-cta:hover,.btn-primary:hover{background:#0d7982;transform:translateY(-2px)}.nav-cta .arrow{font:800 16px Arial}.menu-trigger{display:none}.mobile-menu{display:none}
/* Shared typography and action styles */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:750;color:#166c77;line-height:1.7;letter-spacing:.01em}.eyebrow-mark{width:18px;height:6px;background:linear-gradient(90deg,#12b6be,#8bbac3);border-radius:6px;box-shadow:0 0 0 4px #e2f5f5;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:49px;padding:12px 23px;border-radius:12px;font-size:13px;font-weight:750;border:1px solid transparent;transition:transform .22s,box-shadow .22s,background .22s}.btn .arrow{font:800 17px Arial,sans-serif;display:inline-block;transition:transform .22s}a:hover>.arrow{transform:translate(-3px,-3px)}.btn-primary{background:var(--deep);color:white;box-shadow:0 7px 20px #07505b20}.btn-quiet{background:#fff;border-color:#c9e0e4;color:#173e4c}.btn-quiet:hover{background:#e8f7f8;transform:translateY(-2px)}.section{padding:94px 0}.section-head{max-width:690px}.section-head h2{font-size:clamp(31px,3.1vw,46px);line-height:1.47;font-weight:850;margin-top:15px}.section-head h2 em,.customer-content h2 em,.engineering-grid h2 em,.faq-layout h2 em,.usecases-grid h2 em{font-style:normal;color:var(--teal)}.section-head p{font-size:14px;line-height:2.05;color:var(--muted);max-width:620px;margin-top:17px}
/* Hero : text always visible, motion purely decorative */
.hero{position:relative;min-height:600px;overflow:hidden;background:linear-gradient(130deg,#fff 6%,#fcfefe 48%,#e9f7f8 110%)}.hero-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(33px);opacity:.68}.glow-a{width:500px;height:440px;background:radial-gradient(ellipse,#e1f6f7 0%,transparent 70%);left:4%;top:20%}.glow-b{width:550px;height:500px;background:radial-gradient(ellipse,#d6f3f5 0%,transparent 74%);right:0;top:-145px}.hero-grid{position:relative;display:grid;grid-template-columns:48% 52%;align-items:center;min-height:590px;gap:0}.hero-copy{position:relative;z-index:2;padding:46px 0 60px;max-width:615px}.hero .eyebrow{background:#edf6f6;border:1px solid #dfeeee;padding:9px 16px;border-radius:40px}.hero .eyebrow-mark{width:7px;height:7px;box-shadow:none}.hero h1{font-size:clamp(42px,4.55vw,67px);line-height:1.42;letter-spacing:-.065em;font-weight:900;margin:26px 0 18px}.hero h1 span{color:#086e78}.hero-intro{font-size:15px;color:#48636d;line-height:2.3;max-width:530px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:29px}.hero-aside{display:flex;align-items:flex-start;gap:11px;margin-top:38px;padding-inline-start:13px;border-inline-start:3px solid #c3e7e9;max-width:415px;color:#68828b;font-size:11px;line-height:1.9}.hero-aside svg{width:19px;height:19px;color:#128a94;flex-shrink:0;margin-top:2px}.hero-art{height:580px;position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none;isolation:isolate}.hero-illustration{width:120%;max-width:none;height:auto;transform:translateX(-2%) scale(1.04);filter:drop-shadow(0 12px 34px #0d7b8824);animation:heroFloat 9s ease-in-out infinite}.float-panel{position:absolute;z-index:3;border:1px solid #f9ffff;box-shadow:0 12px 32px #2967781a,inset 0 1px 0 #fff;background:rgba(255,255,255,.73);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:14px;padding:14px 17px;display:flex;align-items:center;gap:9px;color:#2c6e7e;direction:ltr;font:800 10px Inter,Arial,sans-serif;letter-spacing:.4px}.float-one{top:110px;right:4%;animation:panelDrift 7s ease-in-out infinite}.float-two{bottom:117px;left:0;animation:panelDrift 8.3s ease-in-out -3s infinite}.float-two svg{color:#12919e}.float-dot{width:8px;height:8px;background:#1ec1c4;border-radius:50%;box-shadow:0 0 0 5px #d3f6f6}.float-bars{display:flex;gap:3px;align-items:end;margin-inline-start:5px;height:18px}.float-bars i{display:block;width:4px;border-radius:3px;background:#31bdc4;height:8px}.float-bars i:nth-child(2){height:13px;background:#8ab4be}.float-bars i:nth-child(3){height:18px;background:#187b8c}
/* Engineering value strip */
.promise-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:26px 0 29px;gap:20px}.promise{display:flex;align-items:center;gap:11px;min-width:0}.promise-icon{width:44px;height:44px;border-radius:13px;background:#eaf4f6;display:grid;place-items:center;flex-shrink:0;color:#106c78}.promise-icon svg{width:21px}.promise strong{font-size:12px;font-weight:800;display:block;line-height:1.7}.promise small{display:block;font-size:10px;color:#81949a;line-height:1.8;margin-top:2px}
/* Product ecosystem */
.products-section{background:linear-gradient(#fff,#f9fcfd);padding-top:75px;padding-bottom:96px}.products-section .section-head{margin:0 auto 31px;max-width:880px}.products-section .section-head h2{font-size:clamp(31px,3vw,43px)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{background:rgba(255,255,255,.94);min-width:0;overflow:hidden;border:1px solid #e4edef;border-radius:19px;box-shadow:0 8px 25px #28576a09;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.product-card:hover{transform:translateY(-7px);box-shadow:0 17px 44px #1b677e1c;border-color:#abd5dc}.product-card-art{height:176px;background:radial-gradient(ellipse at 50% 36%,#e5f6f8,#f6fbfb 67%,#fff);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.product-card-art:after{content:"";position:absolute;inset:auto 20px 0;height:1px;background:linear-gradient(90deg,transparent,#dfeef0,transparent)}.product-card-art img{width:100%;height:110%;object-fit:contain;filter:drop-shadow(0 7px 8px #2b869517);transition:transform .45s}.product-card:hover .product-card-art img{transform:scale(1.09) translateY(-5px)}.product-card-text{padding:17px 17px 20px;display:flex;gap:10px;justify-content:space-between;align-items:flex-end}.product-card h3{font-size:15px;line-height:1.7;font-weight:850}.product-card p{font-size:11px;line-height:1.9;color:#718792;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;min-height:41px}.product-card-arrow{border-radius:50%;background:#eaf5f7;color:#0f6c78;width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;font:700 17px Arial,sans-serif;transition:background .25s,color .25s}.product-card:hover .product-card-arrow{background:var(--deep);color:white}.product-disclaimer{text-align:center;margin:27px 0 0;color:#82979e;font-size:11px}
/* Engineering story */
.engineering-section{background:#f4fafb}.engineering-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:37px}.engineering-grid .section-head h2{font-size:clamp(30px,3.1vw,44px)}.engineering-steps{display:grid;gap:12px;margin-top:30px}.engineering-steps>div{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:750;color:#305864}.engineering-steps svg{width:40px;height:40px;padding:9px;border-radius:13px;background:white;color:var(--teal);border:1px solid #deeeee}.engineering-illustration{position:relative}.engineering-illustration img{width:100%;filter:drop-shadow(0 18px 24px #317f8920)}
/* Customer obsession */
.customer-section{padding-top:90px;padding-bottom:87px;background:#fff}.customer-panel{background:linear-gradient(120deg,#e7f5f8,#f6fbfb 50%,#e2f3f5);border:1px solid #dceef0;border-radius:28px;display:grid;grid-template-columns:49% 51%;min-height:395px;overflow:hidden;box-shadow:0 18px 46px #155d7211}.customer-art{display:grid;place-items:center;min-height:375px;overflow:hidden}.customer-art img{max-width:none;width:122%;transform:translateX(0);filter:drop-shadow(0 12px 19px #28798726)}.customer-content{align-self:center;padding:44px 50px 45px 15px}.customer-content h2{font-size:clamp(27px,2.5vw,39px);line-height:1.5;font-weight:850;margin:14px 0}.customer-content p{font-size:13px;line-height:2.08;color:#5e7882;max-width:520px}.customer-points{display:grid;gap:10px;margin:21px 0 28px}.customer-points span{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:720;color:#315866}.customer-points svg{width:20px;height:20px;color:#0c8790}.customer-content .btn{min-width:195px}
/* FAQ */
.faq-section{background:#f9fcfc}.faq-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start}.faq-list details{border-bottom:1px solid #dce9ed;padding:18px 0}.faq-list details:first-child{border-top:1px solid #dce9ed}.faq-list summary{list-style:none;display:flex;gap:20px;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;font-weight:750}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;place-items:center;color:#0e858c;background:#ebf6f7;border-radius:50%;width:30px;height:30px;flex-shrink:0;font:500 23px Arial,sans-serif;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin-top:15px;font-size:12px;color:#617d87;line-height:2.1;padding-inline-end:24px}
/* Deep-teal closing experience */
.closing-wrap{padding:5px 0 92px}.closing-panel{min-height:281px;background:var(--deep) url('/assets/horizon.svg') center/cover;border-radius:23px;color:white;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:43px 22px;isolation:isolate}.closing-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0748524d,#092e3a42);z-index:-1}.closing-content{position:relative;z-index:2}.closing-panel .eyebrow{color:#a5e4e5}.closing-panel .eyebrow-mark{background:#62dbe1;box-shadow:0 0 0 4px #78d5d526}.closing-content h2{font-size:clamp(29px,3vw,44px);line-height:1.5;margin:13px 0}.closing-content p{color:#d1e9ee;font-size:13px;line-height:2}.closing-buttons{display:flex;justify-content:center;gap:12px;margin-top:20px}.closing-buttons .btn{min-height:42px;padding:9px 21px;font-size:12px}.closing-buttons .btn-quiet{color:var(--deep)}.closing-buttons .btn-quiet:nth-child(2){background:transparent;border-color:#b9e4e6;color:white}.closing-buttons .btn-quiet:nth-child(2):hover{background:#ffffff1c}
/* Inner pages */
.inner-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 66% 30%,#e7f8f9 0%,transparent 51%),linear-gradient(120deg,#fff,#f5fbfc);padding:75px 0 78px}.inner-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;min-height:405px}.inner-copy{position:relative;z-index:2}.inner-copy h1,.simple-hero h1{font-size:clamp(39px,4vw,61px);line-height:1.45;font-weight:850;margin:22px 0 15px}.inner-copy .inner-subtitle{color:var(--teal);font-size:.72em}.inner-copy p,.simple-hero p{color:#607c86;font-size:15px;line-height:2.1;max-width:585px}.inner-copy .hero-actions{margin-top:25px}.inner-art img{width:100%;filter:drop-shadow(0 10px 23px #24758825)}.availability-pill{display:inline-flex;align-items:center;gap:9px;background:#edf7f8;color:#5c8990;font-size:11px;padding:9px 14px;border-radius:30px;margin-top:32px}.availability-pill span{width:7px;height:7px;background:var(--teal);border-radius:50%}.detail-highlights{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:-24px;z-index:4}.detail-highlights>div{display:flex;align-items:center;gap:13px;padding:21px;background:#fff;border:1px solid #dfedf0;border-radius:15px;box-shadow:0 9px 27px #1d657312;min-height:83px}.detail-icon{color:var(--teal)}.detail-highlights strong{font-size:12px;line-height:1.9}.details-section .section-head{margin:0 auto 39px}.details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.detail-card{border:1px solid #e1ecef;border-radius:20px;background:#fff;min-height:265px;padding:25px;box-shadow:var(--shadow);display:flex;flex-direction:column}.feature-counter{color:#9eb6bd;font:800 12px Inter,Arial}.detail-card-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#edf8f8;color:var(--teal);margin:30px 0 22px}.detail-card-icon svg{width:25px;height:25px}.detail-card h3{font-size:15px;font-weight:800;line-height:1.65}.detail-card p{font-size:12px;color:#758c94;line-height:2;margin-top:12px}.usecases-section{background:#f5fafb}.usecases-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}.usecase-list{display:grid;gap:11px}.usecase-list>div{display:flex;align-items:center;gap:18px;background:white;padding:23px;border:1px solid #e0ecef;border-radius:14px}.usecase-list b{font:800 12px Inter,Arial;color:var(--teal)}.usecase-list strong{font-size:15px}.usecase-list svg{margin-inline-start:auto;color:var(--wine)}.roadmap-panel{border:1px solid #dcebee;border-radius:26px;background:#eef8f9;display:grid;grid-template-columns:45% 55%;align-items:center;padding:20px 35px 20px 5px;overflow:hidden}.roadmap-panel img{width:100%}.roadmap-panel h2{font-size:36px;margin:13px 0}.roadmap-panel p{max-width:550px;font-size:13px;color:#6a818c;line-height:2;margin-bottom:25px}.simple-hero{text-align:center;padding:83px 0 85px}.simple-hero h1{max-width:875px;margin:20px auto 17px}.simple-hero p{margin-inline:auto;max-width:750px}.pricing-section{padding-top:67px}.pricing-section .section-head{margin:0 auto 30px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pricing-card{background:#fff;border:1px solid #e0ecee;border-radius:20px;padding:16px 18px 20px;display:flex;flex-direction:column;min-height:399px;box-shadow:var(--shadow)}.pricing-card.is-featured{border-color:#80bdc5;box-shadow:0 12px 38px #1278891c}.pricing-card img{height:151px;width:100%;object-fit:contain;background:#f5fbfb;border-radius:12px}.pricing-card h3{font-size:17px;margin-top:19px}.pricing-card p{font-size:11px;line-height:2;color:#799098;margin-top:9px;flex:1}.pricing-status{border-top:1px solid #e4eeee;padding-top:14px;color:#3a8189;font-size:11px;font-weight:700;margin-top:19px;margin-bottom:16px}.pricing-card .btn{font-size:11px;gap:7px;padding:8px 11px;min-height:43px}.about-values .section-head{margin:0 auto 35px}.info-panel{display:grid;grid-template-columns:42% 58%;gap:25px;align-items:center;border-radius:26px;border:1px solid #dcebef;background:#eff8f9;padding:30px 55px 30px 12px}.info-art img{width:100%}.info-panel h2{font-size:clamp(25px,3vw,39px);line-height:1.6;margin:16px 0}.info-panel p{font-size:13px;color:#728a91;line-height:2.05;max-width:610px;margin-bottom:25px}
/* Footer */
.site-footer{background:#f2f8f9;border-top:1px solid #e1ebed;padding:73px 0 28px}.footer-top{display:grid;grid-template-columns:.9fr 1.3fr;gap:85px}.footer-brand .brand-link img{width:185px}.footer-brand p{font-size:12px;color:#718a93;line-height:2.1;max-width:330px;margin-top:22px}.tiny-track{display:block;color:#98acb4;letter-spacing:1.7px;font:700 9px Inter,Arial;margin-top:40px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.footer-columns>div{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.footer-columns strong{font-size:13px;color:#244d5c;margin-bottom:8px}.footer-columns a{font-size:12px;color:#718995;transition:color .2s}.footer-columns a:hover{color:var(--teal)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:23px;margin-top:60px;border-top:1px solid #dce9ed;font-size:11px;color:#849da6}.footer-bottom span:last-child{font:800 9px Inter,Arial;letter-spacing:1px;direction:ltr}
/* Small delight, never motion-gated content */
@keyframes heroFloat{0%,100%{transform:translateX(-2%) translateY(0) scale(1.04)}50%{transform:translateX(-2%) translateY(-12px) scale(1.04)}}
@keyframes panelDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@media(min-width:1350px){.hero-grid{min-height:650px}.hero-art{height:650px}}
@media(max-width:1150px){.container{width:min(1070px,calc(100% - 56px))}.desktop-nav{gap:20px}.nav-control{gap:11px}.hero h1{font-size:51px}.promise{gap:7px}.promise-icon{width:39px;height:39px}.promise strong{font-size:11px}.promise small{font-size:9px}.product-card-art{height:150px}.product-card-text{padding:14px}.customer-content{padding:34px 35px 34px 15px}}
@media(max-width:860px){.site-header{height:72px}.container{width:min(740px,calc(100% - 44px))}.brand-link img{width:150px}.desktop-nav,.nav-control{display:none}.menu-trigger{display:flex;width:44px;height:44px;border:1px solid #d7e8eb;background:white;border-radius:12px;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.menu-trigger span{width:19px;height:2px;border-radius:3px;background:var(--deep)}.mobile-menu.open{display:flex}.mobile-menu{position:absolute;top:71px;inset-inline:0;background:#fffffff5;backdrop-filter:blur(18px);border-bottom:1px solid #dae9ec;box-shadow:0 18px 30px #164e5816;padding:23px 26px 28px;flex-direction:column;gap:18px}.mobile-menu a{font-size:14px;font-weight:700;color:#365966}.hero-grid{grid-template-columns:1fr;min-height:unset}.hero-copy{max-width:690px;padding:69px 0 9px}.hero h1{font-size:clamp(43px,6.7vw,61px)}.hero-art{height:auto;max-height:510px;min-height:380px}.hero-illustration{width:100%;max-width:740px}.float-one{top:47px;right:12%}.float-two{bottom:54px;left:9%}.hero-aside{margin-top:25px}.promise-strip{grid-template-columns:repeat(3,1fr);row-gap:16px}.promise-strip .promise:nth-child(4),.promise-strip .promise:nth-child(5){justify-content:center}.product-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card-art{height:200px}.engineering-grid,.faq-layout,.usecases-grid{grid-template-columns:1fr;gap:33px}.engineering-illustration{max-width:600px;margin:0 auto}.customer-panel{grid-template-columns:1fr}.customer-art{min-height:260px;max-height:320px}.customer-art img{width:88%}.customer-content{padding:7px 38px 42px}.footer-top{gap:35px}.inner-grid{grid-template-columns:1fr}.inner-art img{width:min(650px,100%);margin-inline:auto}.detail-highlights{grid-template-columns:1fr;margin-top:16px}.details-grid{grid-template-columns:repeat(2,1fr)}.roadmap-panel,.info-panel{grid-template-columns:1fr;padding:21px}.roadmap-panel img,.info-art img{width:min(470px,100%);margin:auto}.roadmap-panel>div,.info-panel>div:last-child{padding:0 20px 24px}}
@media(max-width:550px){.container{width:calc(100% - 34px)}.brand-link img{width:143px}.hero-copy{padding-top:52px}.hero .eyebrow{font-size:10px;padding:8px 11px}.hero h1{font-size:clamp(35px,9vw,50px);line-height:1.52;margin:19px 0 14px}.hero-intro{font-size:13px;line-height:2.1}.hero-actions{gap:9px}.btn{padding:10px 16px;gap:10px;font-size:12px;min-height:46px}.hero-art{min-height:260px;margin-top:2px}.hero-illustration{width:114%;max-width:none}.float-panel{font-size:8px;padding:8px 10px}.float-one{top:22px;right:0}.float-two{bottom:26px;left:0}.hero-aside{margin-top:22px;font-size:10px}.promise-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px;padding:22px 0}.promise-strip .promise:nth-child(4),.promise-strip .promise:nth-child(5){justify-content:flex-start}.promise-icon{width:37px;height:37px;border-radius:11px}.promise strong{font-size:10px}.promise small{font-size:9px}.section{padding:64px 0}.section-head h2,.products-section .section-head h2{font-size:30px}.section-head p{font-size:12px}.product-grid,.pricing-grid,.details-grid{grid-template-columns:1fr 1fr;gap:10px}.product-card{border-radius:15px}.product-card-art{height:123px}.product-card-text{padding:12px 10px 13px;gap:3px;align-items:flex-start}.product-card h3{font-size:12px}.product-card p{font-size:10px;line-height:1.8;min-height:36px}.product-card-arrow{width:23px;height:23px;font-size:13px}.product-disclaimer{font-size:10px}.engineering-grid .section-head h2{font-size:30px}.engineering-steps>div{font-size:12px}.customer-section{padding:60px 0}.customer-panel{border-radius:20px}.customer-art{min-height:200px;max-height:235px}.customer-art img{width:111%}.customer-content{padding:0 24px 31px}.customer-content h2{font-size:28px}.customer-content p{font-size:12px}.customer-points span{font-size:11px}.faq-layout{gap:22px}.faq-list summary{font-size:12px}.closing-wrap{padding:0 0 60px}.closing-panel{border-radius:18px;min-height:260px}.closing-content h2{font-size:28px}.closing-buttons{gap:7px}.closing-buttons .btn{font-size:10px;padding:8px 11px}.inner-hero{padding:58px 0 43px}.inner-copy h1,.simple-hero h1{font-size:36px}.inner-copy p,.simple-hero p{font-size:13px}.inner-art img{max-width:500px}.detail-highlights>div{padding:12px}.detail-card{min-height:230px;padding:14px}.detail-card h3{font-size:12px}.detail-card p{font-size:10px}.detail-card-icon{width:41px;height:41px;margin:22px 0 13px}.usecase-list>div{padding:17px}.roadmap-panel h2{font-size:29px}.pricing-card{min-height:370px;padding:11px}.pricing-card img{height:110px}.pricing-card h3{font-size:14px}.pricing-card p{font-size:10px}.pricing-status{font-size:10px}.pricing-card .btn{font-size:10px}.footer-top{grid-template-columns:1fr}.footer-columns{grid-template-columns:repeat(2,1fr);gap:30px 15px}.footer-bottom{flex-direction:column;align-items:flex-start;margin-top:40px;line-height:1.8}.site-footer{padding:55px 0 25px}}
@media(max-width:375px){.product-grid{grid-template-columns:1fr 1fr}.product-card-art{height:105px}.promise-strip{grid-template-columns:1fr 1fr}.promise small{display:none}.promise-icon{width:32px;height:32px}.hero h1{font-size:33px}.hero-actions .btn{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* --------------------------------------------------------------
   whycloud motion layer: additive, lightweight, and non-blocking.
   Deliberately never sets essential content to opacity:0.
   -------------------------------------------------------------- */
:root { --motion-ease: cubic-bezier(.22,1,.36,1); }
.hero {
  background:
    radial-gradient(ellipse 45% 60% at 77% 43%, rgba(91,205,217,.17),transparent 76%),
    radial-gradient(ellipse 23% 38% at 9% 84%, rgba(141,184,201,.15),transparent 80%),
    linear-gradient(130deg,#fff 6%,#fcfefe 48%,#e9f7f8 110%);
}
.hero::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:radial-gradient(#17697825 .7px,transparent .7px);
  background-size:22px 22px; opacity:.2;
  mask-image:linear-gradient(90deg,transparent 22%,black 90%);
}
.hero-glow { animation:ambientDrift 15s ease-in-out infinite alternate; }
.glow-b { animation-delay:-7s; }
.hero-art { --pointer-x:0px; --pointer-y:0px; perspective:1100px; }
.hero-mesh {
  position:absolute; inset:8%; z-index:0; opacity:.7; pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent 0 45px,#a9dbe22e 46px,#a9dbe22e 47px),
             repeating-linear-gradient(90deg,transparent 0 45px,#a9dbe22e 46px,#a9dbe22e 47px);
  transform:perspective(900px) rotateX(63deg) rotateZ(-24deg) translateY(90px);
  mask-image:radial-gradient(ellipse,black,transparent 72%);
}
.hero-illustration { position:relative; z-index:1; will-change:transform; }
.hero-art:hover .hero-illustration { filter:drop-shadow(0 20px 36px #147e8d2e); }
.hero-orbit {
  position:absolute; z-index:0; border-radius:50%; pointer-events:none;
  border:1px solid rgba(41,165,181,.22);
  box-shadow:0 0 55px #52c6cd10,inset 0 0 25px #59d6db0a;
}
.hero-orbit::after { content:""; position:absolute; top:0; left:50%; height:8px; width:8px;
  border-radius:50%; background:#68CFD4; box-shadow:0 0 17px #20bec6; }
.hero-orbit-a { width:79%; aspect-ratio:1; animation:orbitTilt 22s linear infinite; }
.hero-orbit-b { width:100%; aspect-ratio:1; border-color:#88aebf35; animation:orbitTilt 32s linear infinite reverse; }
.hero-spark { position:absolute; z-index:2; border-radius:50%; pointer-events:none;
  box-shadow:0 0 0 4px #fff8,0 0 16px #26bec4,0 0 35px #30ced58a;
  background:#27b9c3; width:8px; height:8px; }
.hero-spark-a { top:24%; left:27%; animation:sparkFloat 7s ease-in-out infinite; }
.hero-spark-b { top:72%; right:23%; background:#9C4866; width:6px;height:6px;
  box-shadow:0 0 0 3px #fff8,0 0 24px #9c486677; animation:sparkFloat 9s ease-in-out -2s infinite; }
.hero-art .float-one { transform:translate3d(calc(var(--pointer-x) * .35),calc(var(--pointer-y) * .35),0); }
.hero-art .float-two { transform:translate3d(calc(var(--pointer-x) * -.45),calc(var(--pointer-y) * -.45),0); }
.hero-grid .hero-copy { position:relative; z-index:4; }

/* Animated network vignette: illustration is an external SVG, packet paths
   are small accessible decorative vectors and contain no made-up metrics. */
.network-section { padding:48px 0 84px; background:#fff; }
.network-card { position:relative; isolation:isolate; display:grid; grid-template-columns:41% 59%;
  min-height:440px; border-radius:28px; overflow:hidden;
  border:1px solid #d8ebef;
  background:linear-gradient(115deg,#f8fcfd 0%,#f2fbfb 53%,#e8f5f8 100%);
  box-shadow:0 24px 54px rgba(18,85,106,.075),inset 0 1px 0 #fff;
}
.network-card::before { content:""; position:absolute; inset:0; z-index:-1;
  background:radial-gradient(ellipse at 66% 30%,#b9eaf05a,transparent 65%); }
.network-copy { padding:63px 0 56px 62px; align-self:center; z-index:2; }
[dir="rtl"] .network-copy { padding:63px 62px 56px 0; }
.network-copy h2 { margin:19px 0 15px; line-height:1.33; font-size:clamp(29px,3vw,43px);
 letter-spacing:-.045em; font-weight:900; color:#15313d; }
.network-copy h2 em { font-style:normal; color:#087c82; }
.network-copy>p { max-width:455px; color:#607783; line-height:2; font-size:14px; }
.network-tags { display:flex; flex-wrap:wrap; gap:9px; margin-top:26px; }
.network-tags span { background:#fff9; border:1px solid #d4e6ea; color:#185366;
  border-radius:999px; padding:8px 12px; font-size:11px; font-weight:700;
  box-shadow:0 4px 14px #31768b0a; }
.network-scene { position:relative; display:grid; place-items:center; min-height:430px; overflow:hidden; }
.network-scene>img { width:min(111%,700px); height:auto; z-index:1;
  filter:drop-shadow(0 16px 28px #247c901f);
  animation:networkFloat 11s ease-in-out infinite; }
.network-halo { position:absolute; z-index:0; width:75%; height:64%; border-radius:50%;
  background:radial-gradient(ellipse,#b2e9eb95,transparent 70%);
  filter:blur(24px); animation:haloPulse 9s ease-in-out infinite alternate; }
.packet-lines { position:absolute; z-index:2; width:100%; height:100%; inset:0;
  pointer-events:none; filter:drop-shadow(0 0 5px #2cbac0); opacity:.92; }
.packet-route { stroke:#18b7bc; stroke-width:3; stroke-linecap:round;
  stroke-dasharray:2 25; animation:packetFlow 4.5s linear infinite; }
.packet-route.secondary { stroke:#64c9d3; stroke-width:2.6; animation-duration:7.2s; animation-direction:reverse; }
.packet-route.tertiary { stroke:#8b3c60; stroke-width:2; animation-duration:8.3s; opacity:.67; }
.network-floater { position:absolute; z-index:3; display:flex; align-items:center; gap:7px;
  background:#ffffffa8; border:1px solid #fff; border-radius:12px;
  box-shadow:0 8px 28px #277b8d20; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  padding:9px 12px; color:#136b79; font:800 10px Inter,Arial,sans-serif; letter-spacing:1.1px;
  animation:floaterBob 8s ease-in-out infinite; }
.network-floater svg { width:16px; height:16px; }
.floater-a { top:18%; right:9%; }
.floater-b { bottom:16%; left:12%; animation-delay:-4s; }

.product-card { position:relative; isolation:isolate; }
.product-card::after { content:""; position:absolute; z-index:0; pointer-events:none;
  top:-90px; left:-180px; width:140px; height:450px;
  background:linear-gradient(90deg,transparent,#fff9,transparent);
  transform:rotate(18deg); transition:transform .75s var(--motion-ease),left .75s var(--motion-ease); }
.product-card:hover::after { left:120%; }
.product-card-art { position:relative; overflow:hidden; }
.product-card-art::before { content:""; position:absolute; inset:0;
  background:radial-gradient(ellipse at 50% 86%,#bce9ea44,transparent 68%);
  opacity:0; transition:opacity .45s ease; }
.product-card:hover .product-card-art::before { opacity:1; }
.product-card-art img { transition:transform .68s var(--motion-ease),filter .68s ease;
  will-change:transform; }
.product-card:hover .product-card-art img {
  transform:translateY(-6px) scale(1.075) rotate(-1deg);
  filter:drop-shadow(0 15px 15px #21828e23);
}
.engineering-illustration::after { content:""; position:absolute; pointer-events:none;
  inset:16% 8%; border:1px solid #80c2cc2b; border-radius:50%;
  transform:rotate(-17deg); animation:orbitTilt 32s linear infinite; }
.customer-panel { position:relative; }
.customer-panel::after { content:""; position:absolute; pointer-events:none;
  inset:0; border-radius:inherit; background:linear-gradient(105deg,transparent 25%,#ffffff2e 49%,transparent 70%);
  background-size:200% 100%; animation:sheenWander 13s ease-in-out infinite alternate; }
.customer-content,.customer-art { position:relative; z-index:1; }

@keyframes ambientDrift { from{transform:translate(-25px,10px) scale(.9)}to{transform:translate(35px,-30px) scale(1.1)} }
@keyframes orbitTilt { from{transform:rotate(0)}to{transform:rotate(360deg)} }
@keyframes sparkFloat { 0%,100%{transform:translate(0,0);opacity:.4}50%{transform:translate(20px,-13px);opacity:1} }
@keyframes networkFloat { 0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)} }
@keyframes haloPulse { from{opacity:.6;transform:scale(.88)}to{opacity:1;transform:scale(1.13)} }
@keyframes packetFlow { to{stroke-dashoffset:-216} }
@keyframes floaterBob { 0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)} }
@keyframes sheenWander { from{background-position:0% 0%}to{background-position:100% 0%} }

/* Mobile: keep the emphasis on readable content, avoid expensive blurring. */
@media(max-width:1000px) {
 .network-copy { padding:36px 15px 32px 32px; }
 [dir="rtl"] .network-copy { padding:36px 32px 32px 15px; }
 .network-copy>p { font-size:12px; }
 .network-card { grid-template-columns:1fr 1.1fr; }
}
@media(max-width:720px) {
 .network-section { padding:14px 0 56px; }
 .network-card { grid-template-columns:1fr; min-height:0; border-radius:21px; }
 .network-copy,[dir="rtl"] .network-copy { padding:34px 25px 0; }
 .network-copy h2 { font-size:30px; }
 .network-tags { margin-top:16px; }
 .network-scene { min-height:285px; max-height:355px; }
 .network-scene>img { width:108%; }
 .network-floater { font-size:8px; padding:6px 9px; }
 .hero-orbit-b { display:none; }
 .hero-mesh { opacity:.35; }
 .hero-spark { display:none; }
 .product-card:hover .product-card-art img { transform:translateY(-2px) scale(1.03); }
}
@media(prefers-reduced-motion:reduce) {
 .hero-glow,.hero-orbit,.hero-spark,.network-scene>img,.network-halo,
 .packet-route,.network-floater,.customer-panel::after,.engineering-illustration::after {
   animation:none!important;
 }
 .product-card-art img,.product-card::after { transition:none!important; }
}
/* Shared product-page atmosphere and tactile UI response */
.inner-hero { position:relative; isolation:isolate; }
.inner-hero::before {
  content:""; position:absolute; z-index:-1; pointer-events:none;
  inset:0; background:radial-gradient(ellipse 40% 63% at 78% 40%,#a6e2e92c,transparent 74%);
}
.inner-art { perspective:950px; }
.inner-art img { transition:transform .8s var(--motion-ease),filter .8s ease; }
@media(hover:hover) and (pointer:fine) {
 .inner-art:hover img { transform:translateY(-10px) scale(1.025) rotate(-.6deg);
   filter:drop-shadow(0 26px 27px #15778827); }
 .detail-card,.pricing-card { transition:transform .35s var(--motion-ease),box-shadow .35s ease,border-color .35s ease; }
 .detail-card:hover,.pricing-card:hover { transform:translateY(-5px); box-shadow:0 18px 39px #1d70871b; border-color:#b5dbe3; }
}
@media(prefers-reduced-motion:reduce) {
 .inner-art img,.detail-card,.pricing-card { transition:none!important; }
}

/* Performance pass — preserve the same art direction, avoid off-screen paint. */
@supports (content-visibility:auto) {
  .products-section,.engineering-section,.customer-section,.faq-section,.closing-wrap,
  .details-section,.usecases-section,.about-values,.info-section {
    content-visibility:auto;
    contain-intrinsic-size:auto 680px;
  }
}
/* Pause decorative loops when their section isn't on screen. This never hides content. */
.motion-observe .hero:not(.motion-visible) .hero-glow,
.motion-observe .hero:not(.motion-visible) .hero-illustration,
.motion-observe .hero:not(.motion-visible) .hero-orbit,
.motion-observe .hero:not(.motion-visible) .hero-spark,
.motion-observe .hero:not(.motion-visible) .float-panel,
.motion-observe .network-section:not(.motion-visible) .packet-route,
.motion-observe .network-section:not(.motion-visible) .network-floater,
.motion-observe .network-section:not(.motion-visible) .network-halo,
.motion-observe .network-section:not(.motion-visible) .network-scene>img {
  animation-play-state:paused!important;
}
/* Mobile GPU budgets are smaller. Keep movement and glass appearance, but avoid
   continuously blurring large composited surfaces and repeated SVG drop shadows. */
@media (max-width:720px) {
  .site-header,.mobile-menu,.float-panel,.network-floater {
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .site-header {background:rgba(255,255,255,.97)}
  .float-panel,.network-floater {background:rgba(255,255,255,.94)}
  .mobile-menu {background:rgba(255,255,255,.98)}
  .hero-glow,.network-halo {filter:none;opacity:.5}
  .hero-illustration,.engineering-illustration img,.customer-art img,
  .product-card-art img,.network-scene>img {filter:none}
  .hero-illustration {animation-duration:14s}
  .network-scene>img {animation-duration:18s}
  .hero-orbit {animation-duration:40s}
  .packet-lines {filter:none}
}
@media (prefers-reduced-data:reduce) {
  .hero-glow,.hero-orbit,.hero-spark,.float-panel,.hero-illustration,
  .packet-route,.network-scene>img,.network-halo,.network-floater {animation:none!important}
}

/* DevOps-first showcase: crisp interface graphics, no image downloads or third-party JS. */
.devops-spotlight{background:linear-gradient(180deg,#f5fbfb,#fff);padding-top:76px}.devops-feature{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:45px;margin-bottom:33px}.devops-feature-copy h2{font-size:clamp(30px,3.3vw,47px);line-height:1.56;margin:20px 0}.devops-feature-copy h2 em{font-style:normal;color:var(--teal)}.devops-feature-copy>p{max-width:540px;color:var(--muted);font-size:14px;line-height:2.2}.devops-feature-art{position:relative;padding:24px 9px 32px}.preview-window{background:#fff;border:1px solid #d9eaec;border-radius:18px;box-shadow:0 28px 70px #135f6e20,0 0 0 9px #fff8;transform:perspective(1300px) rotateY(-6deg) rotateX(3deg);overflow:hidden;transition:transform .4s}.preview-window:hover{transform:none}.preview-top{height:42px;background:#f8fbfb;border-bottom:1px solid #e1eeee;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 15px;color:#7e9ba2;font:700 9px Arial;direction:ltr}.window-dots{letter-spacing:4px;color:#98c4cb}.preview-on{color:#0d949b}.preview-main{display:grid;grid-template-columns:50px 1fr;height:265px;direction:ltr}.preview-side{border-right:1px solid #e3eeee;background:#f9fcfc;display:flex;flex-direction:column;align-items:center;gap:15px;padding-top:18px}.preview-side span{background:#d3e8ea;border-radius:6px;width:18px;height:13px}.preview-side .preview-side-logo{background:#147781;height:20px;width:20px}.preview-body{padding:18px 22px}.preview-label{font-size:12px;font-weight:800;color:#28515c}.preview-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.preview-kpis>div{border:1px solid #e3edef;border-radius:9px;padding:12px;background:#fff}.preview-kpis small{display:block;color:#84999e;font:700 8px Arial}.preview-kpis strong{font:800 19px Arial;color:#0c5560;display:block;margin-top:8px}.preview-lines{height:100px;margin-top:8px;background:linear-gradient(180deg,#f7fbfc,white);border-radius:12px}.preview-lines svg{height:100%;width:100%}.preview-progress{display:flex;gap:8px;margin-top:6px}.preview-progress i{height:6px;display:block;flex:1;border-radius:9px;background:#d5ebed}.preview-progress i:first-child{background:#8fc7cf}.preview-progress i:last-child{background:#d8bdc9}.preview-float{position:absolute;bottom:10px;inset-inline-start:0;background:#fff;border:1px solid #d9e8e9;box-shadow:0 10px 29px #195b6b20;border-radius:12px;padding:13px 18px;font-weight:800;font-size:10px;color:var(--wine)}.devops-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.devops-service{display:flex;flex-direction:column;gap:20px;min-width:0;background:#fff;border:1px solid #dfebee;border-radius:18px;padding:22px;box-shadow:var(--shadow);transition:transform .24s,border-color .24s,box-shadow .24s}.devops-service:hover{transform:translateY(-5px);border-color:#8ebfc7;box-shadow:0 19px 42px #1f65731a}.devops-service-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;color:#0c8791;background:linear-gradient(145deg,#e2f5f6,#f5fbfb)}.devops-service-text{display:flex;flex-direction:column;gap:10px}.devops-service strong{font-size:14px}.devops-service small{font-size:11px;line-height:1.9;color:var(--muted)}.service-open{margin-top:auto;color:var(--teal);font-size:11px;font-weight:850}.devops-inner{background:linear-gradient(120deg,#f7fcfc,#edf8f9)}.highlight-demo-cta{border:1px solid #cfe6e8;border-radius:24px;padding:36px 45px;background:linear-gradient(115deg,#edf9fa,#fff);display:flex;justify-content:space-between;align-items:center;gap:25px}.highlight-demo-cta h2{font-size:30px;margin:13px 0}.highlight-demo-cta p{color:var(--muted);font-size:13px}.highlight-demo-cta .btn{flex-shrink:0}
/* Keep visual design; reduce compositing and GPU pressure only on handheld devices. */
@media(max-width:1100px){.devops-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.devops-feature{gap:22px}.desktop-nav{gap:13px}.desktop-nav a{font-size:11px}}
@media(max-width:860px){.devops-feature{grid-template-columns:1fr}.devops-feature-art{max-width:620px;margin:auto;width:100%}.devops-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.highlight-demo-cta{display:block}.highlight-demo-cta .btn{margin-top:17px}}
@media(max-width:550px){.devops-spotlight{padding:54px 0}.devops-feature-copy h2{font-size:28px}.devops-feature-copy>p{font-size:12px}.preview-window{transform:none}.devops-feature-art{padding:10px 0 20px}.preview-main{height:210px;grid-template-columns:34px 1fr}.preview-side{gap:12px}.preview-body{padding:12px}.preview-kpis{gap:5px}.preview-kpis>div{padding:7px}.preview-kpis strong{font-size:15px}.preview-lines{height:65px}.preview-float{bottom:0;font-size:9px}.devops-service-grid{gap:9px}.devops-service{padding:14px;gap:10px;border-radius:14px}.devops-service strong{font-size:12px}.devops-service small{font-size:10px}.devops-service-icon{width:37px;height:37px}.highlight-demo-cta{padding:23px}.highlight-demo-cta h2{font-size:23px}
 .hero-glow,.hero-orbit,.hero-spark,.hero-mesh{display:none!important}.hero-illustration{animation:none!important;will-change:auto;filter:none!important}.float-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#ffffffec;animation:none!important}.site-header,.mobile-menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff}.network-section .network-visual,.network-section .packet,.hero-art *{will-change:auto!important}.hero-art{perspective:none}.hero:after{display:none}.product-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.preview-window,.devops-service{transition:none!important}}

/* ===== WHYCLOUD / V3 · REFERENCE-APPROVED GLASS DESIGN ===== */
:root{--ice:#eff7fb;--dolphin-light:#e4f0f7;--glow-violet:#b1a5e7;--surface-glass:rgba(255,255,255,.69)}
body{background:linear-gradient(135deg,#eef6fa,#f8fbff 38%,#edf4fc 76%,#f7fafd);background-attachment:fixed}
.site-header{background:rgba(244,249,254,.76);border-bottom:1px solid rgba(255,255,255,.9);box-shadow:0 5px 35px rgba(56,93,136,.055)}
.hero{background:radial-gradient(ellipse 64% 92% at 84% 40%,rgba(143,187,229,.39),transparent 70%),radial-gradient(ellipse 54% 94% at 9% 89%,rgba(173,170,231,.21),transparent 72%),linear-gradient(130deg,#f4f9fd 0%,#edf6fa 52%,#eaf1fd 100%)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 65% 80%,transparent 0 42px,rgba(255,255,255,.5) 43px 44px,transparent 45px 87px);opacity:.35}
.hero-grid{min-height:680px}.hero-copy{padding:64px 0 86px}.hero-copy h1{font-size:clamp(49px,5.2vw,81px);line-height:1.43;letter-spacing:-.045em}.hero-art{height:660px}.hero-illustration{width:125%;filter:drop-shadow(0 24px 38px #1b647e22)}
.hero-intelligence{position:absolute;z-index:6;left:0;top:8%;width:295px;border:1px solid rgba(255,255,255,.95);border-radius:19px;padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(234,244,252,.65));box-shadow:0 20px 55px rgba(53,91,129,.18),inset 0 1px rgba(255,255,255,1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:airDrift 8s ease-in-out infinite}
.hero-ai-head{display:flex;gap:9px;align-items:center;color:#183f58;font-size:11px}.ai-symbol{display:grid;place-items:center;background:linear-gradient(130deg,#dce6fa,#eedcf4);color:#7660b5;border-radius:9px;width:29px;height:29px;font-size:16px}.hero-ai-demo{margin-inline-start:auto;background:#f5e7ef;color:#985875;border:1px solid #e6d0df;border-radius:7px;padding:2px 6px;font-size:9px}.hero-ai-row{border:1px solid rgba(227,237,246,.88);border-radius:11px;background:rgba(255,255,255,.76);display:flex;align-items:center;gap:9px;padding:11px 9px;margin-top:10px;color:#38556d;font-size:10px;line-height:1.65}.hero-ai-row>span:nth-child(2){flex:1}.ai-alert-dot,.ai-optim-dot{height:9px;width:9px;border-radius:50%;flex-shrink:0;background:#cb5b72;box-shadow:0 0 0 4px #fbeaf0}.ai-optim-dot{background:#27a0ac;box-shadow:0 0 0 4px #e1f5f6}.hero-ai-footer{margin-top:12px;color:#7192a4;font-size:9px;display:flex;gap:8px;align-items:center}.pulse-point{width:7px;height:7px;background:#0eaa97;border-radius:50%;box-shadow:0 0 0 3px #e4f7f2;animation:softPulse 2.4s ease infinite}
.hero-art:before{content:"";position:absolute;inset:3%;border:1px solid rgba(255,255,255,.5);border-radius:50%;transform:rotate(-16deg);pointer-events:none;animation:orbitSpin 38s linear infinite}.hero .float-panel{background:rgba(255,255,255,.66);border-color:rgba(255,255,255,.94);box-shadow:0 18px 35px rgba(51,89,120,.12)}
.hero .btn-primary,.nav-cta{background:linear-gradient(110deg,#075c73,#12879b);box-shadow:0 11px 25px rgba(15,110,142,.2)}.hero .btn-primary:hover,.nav-cta:hover{background:linear-gradient(110deg,#087587,#168e9f)}
.section{position:relative}.products-section,.devops-spotlight,.engineering-section{background:transparent}.product-card,.devops-service,.detail-card,.pricing-card{background:rgba(255,255,255,.66)!important;border-color:rgba(255,255,255,.93)!important;box-shadow:0 13px 39px rgba(40,88,125,.075),inset 0 1px 0 #fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.product-card:hover,.devops-service:hover,.pillar-card:hover{box-shadow:0 25px 60px rgba(28,100,136,.14);transform:translateY(-7px)}
.platform-pillars{padding:75px 0 54px;background:radial-gradient(ellipse at 85% 30%,rgba(148,201,226,.16),transparent 65%)}.pillar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:35px}.pillar-card{min-width:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:230px;padding:25px 19px;border:1px solid #fff;border-radius:22px;background:linear-gradient(155deg,#ffffffd9,#f0f5fbe5 55%,#e5edfad1);box-shadow:0 15px 40px #2c628313;overflow:hidden;transition:transform .35s,box-shadow .35s}.pillar-card:after{content:"";position:absolute;border-radius:50%;width:160px;height:160px;left:-72px;bottom:-85px;background:radial-gradient(circle,rgba(141,166,225,.33),transparent 69%);pointer-events:none}.pillar-symbol{width:48px;height:48px;border-radius:14px;background:#e5f5f8;color:#096a8b;display:grid;place-items:center;font-size:25px;box-shadow:inset 0 1px 0 #fff;margin-bottom:20px}.pillar-2 .pillar-symbol{background:#e9e7fb;color:#786db7}.pillar-3 .pillar-symbol{background:#f5e9f2;color:#925876}.pillar-card strong{font-size:14px;line-height:1.7}.pillar-card small{display:block;font-size:10px;color:#6b8494;line-height:1.7;margin-top:8px;direction:ltr;text-align:start}.pillar-explore{margin-top:auto;color:#0a7b90;font-size:11px;font-weight:750;padding-top:18px}
.intelligence-feature{padding:55px 0 85px}.intelligence-frame{display:grid;grid-template-columns:1.08fr .92fr;min-height:445px;border-radius:30px;padding:22px;align-items:center;gap:25px;border:1px solid #ffffffea;background:linear-gradient(120deg,rgba(232,245,252,.87),rgba(255,255,255,.74),rgba(226,239,253,.87));box-shadow:0 22px 70px rgba(61,104,140,.09)}.intelligence-scene{position:relative;min-width:0}.intelligence-scene img{width:100%;aspect-ratio:1050/560;object-fit:cover;border-radius:19px;box-shadow:0 22px 45px #1239612b}.map-floating{position:absolute;padding:9px 14px;border:1px solid #ffffffaa;border-radius:12px;background:rgba(238,247,255,.85);backdrop-filter:blur(12px);color:#15465f;font-size:10px;box-shadow:0 12px 25px #092e5040;animation:airDrift 7s ease-in-out infinite}.map-floating b{color:#087e98}.map-float-a{top:9%;right:7%}.map-float-b{bottom:8%;left:6%;animation-delay:-3s}.intelligence-copy{padding:28px}.intelligence-copy h2{font-size:clamp(28px,3vw,48px);line-height:1.6}.intelligence-copy p{margin:20px 0;color:#627d8e;font-size:14px;line-height:2}.intel-points{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px}.intel-points span{font-size:10px;background:#ffffffb9;padding:7px 11px;border:1px solid #fff;border-radius:10px;color:#246982}
.network-card,.customer-panel,.devops-feature{box-shadow:0 25px 65px rgba(44,94,138,.10);border:1px solid #fff;background:linear-gradient(128deg,#e5f2f9,#f9fbff 50%,#e3f1f8)}
@keyframes airDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}@keyframes softPulse{0%,100%{opacity:1;box-shadow:0 0 0 3px #e4f7f2}50%{opacity:.6;box-shadow:0 0 0 8px transparent}}@keyframes orbitSpin{to{transform:rotate(344deg)}}
@media(max-width:1200px){.hero-intelligence{left:-4%;top:5%;transform:scale(.9)}.pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pillar-card{min-height:185px}}
@media(max-width:860px){.hero-grid{min-height:0}.hero-copy{padding:62px 0 0}.hero-art{height:470px;min-height:430px}.hero-intelligence{left:0;top:3%;transform:none}.intelligence-frame{grid-template-columns:1fr}.intelligence-copy{padding:14px}.intelligence-scene{order:2}.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){body{background:#f1f7fb;background-image:linear-gradient(130deg,#edf7fb,#f6faff)}.hero-copy h1{font-size:clamp(36px,10vw,48px)}.hero-art{height:340px;min-height:340px;margin:0}.hero-illustration{width:118%}.hero-intelligence{top:4%;left:0;width:195px;padding:9px;border-radius:13px;animation:none;background:#f8fcffed;backdrop-filter:none}.hero-ai-head{font-size:8px}.hero-ai-row{font-size:8px;padding:6px;margin-top:6px}.hero-ai-footer{font-size:7px}.float-panel{display:none!important}.platform-pillars{padding:55px 0 30px}.pillar-grid{gap:9px;margin-top:22px}.pillar-card{padding:15px 12px;min-height:164px;border-radius:15px;backdrop-filter:none}.pillar-symbol{width:34px;height:34px;font-size:18px;margin-bottom:12px}.pillar-card strong{font-size:11px}.pillar-card small{font-size:8px}.pillar-explore{font-size:9px}.intelligence-feature{padding:32px 0 55px}.intelligence-frame{padding:11px;border-radius:20px;gap:6px}.intelligence-copy{padding:20px 14px}.intelligence-copy h2{font-size:26px}.intelligence-copy p{font-size:12px;margin:12px 0}.map-floating{font-size:7px;padding:5px 7px;backdrop-filter:none}.product-card,.devops-service,.detail-card{backdrop-filter:none!important}.hero-art:before{display:none}}
@media(prefers-reduced-motion:reduce){.hero-intelligence,.map-floating,.pulse-point,.hero-art:before{animation:none!important}}

/* Feature product pages complement the investor dashboard; no extra runtime JS. */
.platform-feature-illustration img{filter:drop-shadow(0 23px 27px rgba(30,82,120,.13));border-radius:24px}.platform-detail-features{grid-template-columns:repeat(4,minmax(0,1fr))}.platform-detail-features .detail-card{min-height:210px}@media(max-width:860px){.platform-detail-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.platform-feature-illustration{max-height:300px}.platform-detail-features .detail-card{min-height:160px}}

@media(max-width:860px){body{background-attachment:scroll}}


/* --- V4 polish: typography + homepage coherence --- */
@font-face{font-family:"Yekan Bakh";src:local("Yekan Bakh"),local("YekanBakh"),local("Yekan Bakh FaNum"),local("YekanBakhFaNum");font-display:swap}
body{font-family:"Yekan Bakh",Vazirmatn,Tahoma,"Segoe UI",sans-serif;background:linear-gradient(180deg,#fbfdfd 0%,#f5fafb 58%,#ffffff 100%)}
html[lang=en] body{font-family:Inter,"Segoe UI",Arial,sans-serif}
.site-header{background:rgba(255,255,255,.78);box-shadow:0 10px 32px rgba(18,67,82,.04)}
.hero-premium{padding-top:18px;background:radial-gradient(circle at 82% 12%,rgba(139,183,195,.18),transparent 24%),radial-gradient(circle at 8% 84%,rgba(132,60,90,.07),transparent 20%),linear-gradient(180deg,#fbfdfd 0%,#f4fafb 80%,#f8fcfc 100%)}
.hero-grid-premium{grid-template-columns:46% 54%;gap:28px;min-height:690px}
.hero-copy-premium{padding:72px 0 70px;max-width:610px}
.hero-copy-premium h1{font-size:clamp(42px,4.45vw,66px);line-height:1.28}
.hero-copy-premium .hero-intro{font-size:15px;line-height:2.12;color:#4e6670;max-width:560px}
.hero-mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;max-width:550px}
.hero-mini-metrics article{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(220,235,239,.95);box-shadow:0 12px 32px rgba(17,70,85,.06);backdrop-filter:blur(14px)}
.hero-mini-metrics strong{display:block;font-size:26px;line-height:1;color:#0f6873;font-weight:900}
.hero-mini-metrics span{display:block;margin-top:8px;font-size:11px;color:#68818a;line-height:1.8}
.hero-art-premium{height:650px;align-items:center;justify-content:flex-end}
.hero-console-card{position:absolute;top:88px;right:1.2%;width:min(380px,46%);padding:18px 18px 16px;border-radius:24px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.88);box-shadow:0 24px 50px rgba(15,76,92,.12);backdrop-filter:blur(18px);z-index:4;direction:rtl;text-align:start}
.hero-console-top{display:flex;justify-content:space-between;align-items:center;color:#70909b;font:800 10px Inter,Arial,sans-serif;letter-spacing:.08em}
.hero-console-live{padding:5px 10px;border-radius:999px;background:#edf6fb;color:#4580a8}
.hero-console-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.hero-console-kpis div{padding:14px 12px;border-radius:16px;background:linear-gradient(180deg,#fff,#f5fbfc);border:1px solid #e4eff1}
.hero-console-kpis small{display:block;font-size:10px;color:#7b8f99}
.hero-console-kpis strong{display:block;margin-top:6px;font-size:24px;line-height:1;color:#173d48;font-weight:900}
.hero-console-chart{display:flex;align-items:flex-end;gap:8px;height:72px;padding:14px 0 6px}
.hero-console-chart i{display:block;flex:1;border-radius:999px 999px 10px 10px;background:linear-gradient(180deg,#74bfd0,#0f7d88)}
.hero-console-chart i:nth-child(1){height:38%}.hero-console-chart i:nth-child(2){height:78%}.hero-console-chart i:nth-child(3){height:56%}.hero-console-chart i:nth-child(4){height:90%}
.hero-console-list{display:grid;gap:8px;font-size:10px;color:#49636d;line-height:1.9}
.hero-console-list span{padding:9px 10px;border-radius:12px;background:#fbfdfd;border:1px solid #e7eff1}
.hero-intelligence{right:0;bottom:48px;border-radius:22px;border-color:#edf5f5;box-shadow:0 18px 40px rgba(12,74,88,.12);background:rgba(255,255,255,.86)}
.platform-pillars .pillar-card,.devops-service,.detail-card,.pricing-card,.customer-panel,.network-card{backdrop-filter:blur(10px)}
@media (max-width:1100px){.hero-grid-premium{grid-template-columns:1fr;min-height:auto}.hero-art-premium{height:540px;justify-content:center}.hero-console-card{right:2%;width:min(420px,76%)}.hero-intelligence{left:0;right:auto}}
@media (max-width:760px){.hero-copy-premium{padding-top:48px}.hero-mini-metrics{grid-template-columns:1fr}.hero-art-premium{height:420px}.hero-console-card{position:relative;top:auto;right:auto;width:100%;margin:14px auto 0}.hero-console-kpis strong{font-size:21px}.hero-intelligence{position:relative;bottom:auto;right:auto;left:auto;margin-top:14px;width:100%}}

/* V6 public website — visual direction derived from the selected concept. */
body{background:linear-gradient(130deg,#eff6ff,#fbfdff 43%,#f1f5ff);color:#122b4f}
.site-header{background:rgba(248,252,255,.69)!important;backdrop-filter:blur(22px) saturate(1.2)!important;border-bottom:1px solid rgba(217,233,255,.8)}
.brand-link img{filter:drop-shadow(0 6px 12px rgba(20,97,195,.075))}
.hero-premium{position:relative;overflow:hidden;background:radial-gradient(ellipse 600px 430px at 23% 43%,rgba(148,192,250,.33) 0%,transparent 75%),radial-gradient(ellipse 530px 420px at 89% 0%,rgba(191,217,255,.52) 0%,transparent 80%),linear-gradient(124deg,#eef6ff,#f9fcff 56%,#e7f1ff)!important;min-height:720px}
.hero-premium:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(125deg,transparent 30%,rgba(255,255,255,.65) 52%,transparent 78%),radial-gradient(circle at 28% 52%,#d8e7ff 0,transparent 38%)}
.hero-grid-premium{grid-template-columns:45% 55%;min-height:730px;gap:10px;align-items:center;isolation:isolate}
.hero-copy-premium{padding-top:78px;padding-bottom:80px;max-width:650px;z-index:5}
.hero-copy-premium h1{font-size:clamp(44px,4.65vw,73px);line-height:1.35;color:#0b244e;font-weight:950;letter-spacing:-.035em;margin:22px 0}
.hero-copy-premium h1 span{color:#1269e4;background:linear-gradient(110deg,#0c55b8,#2b8cff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy-premium .hero-intro{font-size:16px;line-height:2.18;color:#435e82;font-weight:500}
.hero-copy-premium .eyebrow{background:rgba(236,247,255,.9);border-color:#cfe5ff;color:#185caa}
.hero-copy-premium .hero-actions .btn-primary,.hero-copy-premium .hero-actions a:first-child{background:linear-gradient(120deg,#1063cc,#1489f9)!important;border-color:#1376e3!important;box-shadow:0 15px 29px rgba(10,102,229,.22)}
.hero-mini-metrics{margin-top:37px;gap:9px}.hero-mini-metrics article{background:rgba(255,255,255,.70);border:1px solid rgba(220,236,255,.92);box-shadow:0 16px 33px rgba(26,91,160,.085);backdrop-filter:blur(22px);border-radius:20px}.hero-mini-metrics strong{color:#1c66b9}.hero-mini-metrics span{font-size:11px}
.hero-art-premium{position:relative;min-height:690px;height:710px;align-items:center;justify-content:center}
.hero-art-premium:after{content:"";position:absolute;inset:8% 5% 8% 0;pointer-events:none;background:radial-gradient(circle at 50% 65%,rgba(50,153,240,.22),transparent 64%);z-index:-1}
.hero-illustration-v6{position:absolute;z-index:1;width:min(100%,650px);height:630px;max-width:unset;object-fit:cover;object-position:center;right:-2%;left:auto;border-radius:36px;opacity:.94;transform:none;filter:drop-shadow(0 28px 50px rgba(33,105,192,.20));mask-image:radial-gradient(ellipse 81% 78% at 52% 50%,#000 59%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 81% 78% at 52% 50%,#000 59%,transparent 100%);animation:heroFloat 10s ease-in-out infinite}
.hero-intelligence{left:1%;right:auto;top:13%;bottom:auto;width:300px;background:rgba(250,253,255,.83)!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 22px 60px rgba(28,91,158,.21)!important;backdrop-filter:blur(22px) saturate(1.1)!important;border-radius:22px}
.hero-console-card{z-index:4;right:7%;left:auto;top:auto;bottom:9%;width:min(325px,48%);background:rgba(255,255,255,.83)!important;border:1px solid #fff!important;box-shadow:0 25px 55px rgba(33,95,168,.17)!important;backdrop-filter:blur(25px)!important;transform:rotate(1.8deg)}
.hero-console-kpis strong{color:#115cbe}.hero-console-chart i{background:linear-gradient(180deg,#9ad7ff,#1a84f2)}
.hero-glow{opacity:.36;filter:blur(36px)}.hero-orbit{border-color:rgba(103,166,240,.25)!important}
.v6-products-section{padding:88px 0 82px;background:radial-gradient(ellipse at 93% 14%,rgba(202,220,255,.28),transparent 36%),linear-gradient(180deg,rgba(246,251,255,.78),rgba(235,244,255,.56))}
.v6-product-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:36px}
.v6-category-card{position:relative;overflow:hidden;min-height:280px;padding:25px 23px 19px;border:1px solid rgba(218,232,255,.92);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(230,242,255,.60));box-shadow:0 20px 49px rgba(43,96,165,.07),inset 0 1px 0 rgba(255,255,255,.88);backdrop-filter:blur(20px);transition:transform .3s ease,box-shadow .3s ease}
.v6-category-card:hover{transform:translateY(-5px);box-shadow:0 32px 58px rgba(43,96,165,.15)}
.v6-category-card:after{content:"";position:absolute;pointer-events:none;top:-130px;right:-95px;width:280px;height:280px;background:radial-gradient(circle,var(--card-glow,#cee9ff),transparent 72%);opacity:.75}
.v6-category-0{--card-glow:#cfe5ff}.v6-category-1{--card-glow:#d8e6ff}.v6-category-2{--card-glow:#cbeffe}.v6-category-3{--card-glow:#dfe0ff}.v6-category-4{--card-glow:#d5e4ff}
.v6-category-art{position:relative;height:85px;margin-bottom:16px;display:flex;align-items:center;justify-content:start}.v6-category-art span{position:relative;z-index:2;width:69px;height:69px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.85);border-radius:22px;background:linear-gradient(145deg,#e9f5ff,#a5cefa);box-shadow:0 13px 25px rgba(25,101,183,.14),inset 0 2px 0 #fff;transform:rotate(-8deg)}.v6-category-art svg{height:34px;width:34px;color:#1473d1}.v6-category-art i{position:absolute;width:62px;height:62px;border-radius:19px;background:linear-gradient(145deg,#d7e7ff,#bdd4f4);box-shadow:0 11px 16px rgba(46,103,172,.07);transform:rotate(10deg);left:31px;top:11px}.v6-category-art i:last-child{left:62px;top:27px;opacity:.45}
.v6-category-eyebrow{display:block;font:800 10px/1.7 Inter,"Segoe UI",sans-serif;color:#4678b3;letter-spacing:.05em}.v6-category-card h3{font-size:18px;line-height:1.6;margin:5px 0 14px;color:#183763}.v6-category-links{position:relative;z-index:2;display:grid;gap:7px}.v6-category-links a{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid rgba(222,236,253,.85);border-radius:13px;background:rgba(255,255,255,.68);font-size:12px;font-weight:650;color:#335f97;transition:background .2s}.v6-category-links a:hover{background:#e6f3ff;color:#086bcf}.v6-category-links a span:last-child{margin-inline-start:auto}.v6-category-dot{width:7px;height:7px;border-radius:50%;background:#2493f7;box-shadow:0 0 0 4px #e2f1ff}
.platform-pillars,.products-section{background:linear-gradient(180deg,#f8fbff,#f0f7ff)!important}
.pillar-card,.devops-service,.detail-card,.product-card{background:rgba(255,255,255,.78)!important;border-color:rgba(224,237,254,.95)!important;box-shadow:0 19px 45px rgba(42,104,170,.06)!important}
.devops-feature,.intelligence-frame,.network-card,.customer-panel{border-color:rgba(223,235,255,.9)!important;box-shadow:0 26px 70px rgba(32,85,161,.08)!important}
@media(max-width:1160px){.hero-grid-premium{grid-template-columns:1fr}.hero-art-premium{height:570px;min-height:0}.hero-illustration-v6{right:9%;height:550px;width:78%;max-width:620px}.hero-intelligence{left:9%}.hero-console-card{right:11%}.v6-product-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.hero-copy-premium{padding:54px 0 8px}.hero-copy-premium h1{font-size:clamp(39px,7.4vw,58px)}.hero-art-premium{height:510px;min-height:0}.hero-illustration-v6{width:94%;right:3%;height:455px}.hero-intelligence{left:0%;width:255px;top:8%;background:#f9fcffed!important}.hero-console-card{right:2%;bottom:0%;width:240px}.v6-product-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.hero-premium{min-height:0}.hero-copy-premium{padding:38px 0 4px}.hero-copy-premium .hero-intro{font-size:13px;line-height:2}.hero-copy-premium h1{font-size:clamp(35px,10vw,46px)}.hero-mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hero-mini-metrics article{padding:10px 8px;border-radius:13px;backdrop-filter:none}.hero-mini-metrics strong{font-size:20px}.hero-mini-metrics span{font-size:9px}.hero-art-premium{height:410px;min-height:0}.hero-illustration-v6{width:115%;height:370px;right:-7%;animation:none;mask-image:radial-gradient(ellipse 86% 80% at 50% 50%,black 63%,transparent 100%)}.hero-intelligence{left:-2%;top:3%;width:195px;padding:11px;backdrop-filter:none!important}.hero-console-card{top:auto;bottom:0;right:0;width:190px;padding:9px;transform:none;backdrop-filter:none!important}.hero-console-kpis div{padding:7px}.hero-console-kpis strong{font-size:15px}.hero-console-list{font-size:8px}.hero-console-list span{padding:5px}.hero-console-chart{height:37px}.v6-products-section{padding:48px 0}.v6-product-categories{grid-template-columns:1fr;gap:11px}.v6-category-card{min-height:0;padding:17px;border-radius:19px;backdrop-filter:none}.v6-category-art{height:54px;margin-bottom:6px}.v6-category-art span{height:48px;width:48px;border-radius:15px}.v6-category-art span svg{width:26px}.v6-category-art i{height:42px;width:42px}.v6-category-card h3{font-size:15px}.v6-category-links{grid-template-columns:1fr 1fr;gap:5px}.v6-category-links a{font-size:10px;padding:8px 6px;gap:6px}.v6-category-links a:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.hero-illustration-v6{animation:none}.v6-category-card{transition:none}}

/* V7 visual refresh — rebuilt from the approved whycloud composition */
:root{--canvas:#f0f6ff;--cream:#f1f7ff;--ink:#0b2d59;--teal:#1976e8;--deep:#0a55b6;--dolphin:#89b7f3;--wine:#e25b78;--muted:#607fa5;--line:#d6e5fb;--glow:#deedff;--shadow:0 19px 49px rgba(21,83,159,.09)}
body{background:linear-gradient(180deg,#f2f8ff 0,#fafcff 42%,#eff6ff 100%);color:#13365f}
.site-header{background:rgba(248,252,255,.83)!important;border-bottom:1px solid rgba(216,232,255,.85)!important;backdrop-filter:blur(18px) saturate(1.2)!important;box-shadow:0 6px 25px rgba(46,106,188,.065)!important}
.site-nav a:hover,.site-footer a:hover{color:#1d74e8}.section-head h2,.engineering-section h2,.customer-content h2{color:#133766}.section-head em,.engineering-section em,.customer-content em{color:#2b81f4}
.hero-v7{overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 880px 620px at 70% 39%,rgba(121,171,245,.24),transparent 75%),radial-gradient(ellipse 460px 350px at 2% 88%,rgba(208,228,255,.73),transparent 70%),linear-gradient(125deg,#f6faff 0%,#edf5ff 52%,#e7f2ff 100%)!important;min-height:0;padding:50px 0 42px;position:relative}
.hero-v7-backdrop{position:absolute;inset:0;pointer-events:none;opacity:.65;background-image:linear-gradient(120deg,transparent 29%,rgba(255,255,255,.7) 43%,transparent 62%),radial-gradient(circle at 73% 18%,rgba(255,255,255,.85),transparent 26%);z-index:-1}
.hero-v7 .hero-grid-premium{direction:ltr;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:38px;min-height:580px;align-items:center;max-width:1350px}
.hero-v7 .hero-copy-premium{direction:rtl;text-align:right;padding:35px 0;max-width:none;min-width:0;z-index:7}.hero-v7 .hero-copy-premium h1{font-size:clamp(34px,3.9vw,56px)!important;line-height:1.52!important;font-weight:950!important;margin:20px 0 17px!important;letter-spacing:-.045em!important;color:#0f2c5a!important}.hero-v7 .hero-copy-premium h1 span{background:linear-gradient(105deg,#1255ba,#388efc)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent}
.hero-v7 .hero-copy-premium .hero-intro{max-width:560px;font-size:14px!important;line-height:2.18!important;color:#4b6890!important;font-weight:500}
.hero-v7-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid #d2e5ff;color:#3173c5;font:750 10px Inter,'Segoe UI',sans-serif;letter-spacing:.07em;box-shadow:0 6px 15px rgba(37,91,163,.04)}
.hero-v7-kicker-dot{width:8px;height:8px;background:#3c8efd;border-radius:50%;box-shadow:0 0 0 5px rgba(69,145,250,.12)}
.hero-v7 .hero-actions{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-v7 .hero-actions a{font-size:12px!important;padding:13px 23px!important;border-radius:13px!important}.hero-v7 .hero-actions a:first-child{background:linear-gradient(115deg,#0c64c8,#1b89f4)!important;border-color:#1178df!important;box-shadow:0 13px 25px rgba(20,116,233,.19)!important;color:#fff!important}.hero-v7 .hero-actions a:last-child{background:rgba(255,255,255,.82)!important;color:#1559ab!important;border:1px solid #d2e5ff!important}
.hero-v7-value-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px;padding-top:22px;border-top:1px solid rgba(177,205,240,.7)}
.hero-v7-value-row>div{padding:1px 12px;border-inline-start:1px solid #d8e7f9}.hero-v7-value-row>div:first-child{border-inline-start:0}.hero-v7-value-row b{display:block;font-size:15px;color:#133c7a;margin-bottom:2px}.hero-v7-value-row span{font-size:10px;line-height:1.75;color:#7c93b2}.hero-v7-customer{display:flex;gap:9px;align-items:center;margin-top:20px;font-size:11px;color:#6480a7}.hero-v7-customer span{font-size:17px;color:#448cf5}
.hero-v7 .hero-art-premium{direction:rtl;position:relative;width:100%;min-width:0;height:575px;min-height:0;display:block;overflow:visible;padding:0;margin:0;z-index:2}
.hero-v7-halo{position:absolute;inset:5% 3%;border-radius:50%;background:radial-gradient(ellipse at 54% 58%,rgba(44,126,247,.3),rgba(89,181,255,.13) 46%,transparent 70%);filter:blur(28px);pointer-events:none;animation:heroV7Halo 10s ease-in-out infinite alternate}
.hero-v7-globe{position:absolute;inset:33px 15px 26px 12px;border-radius:40px;overflow:hidden;background:radial-gradient(ellipse at 55% 75%,#3f84e4,#0b326a 72%);border:1px solid rgba(153,206,255,.7);box-shadow:0 36px 70px rgba(29,88,170,.18),inset 0 0 65px rgba(115,202,255,.17)}.hero-v7-globe img{width:100%;height:100%;object-fit:cover;filter:saturate(1.3) brightness(1.16);opacity:.9}.hero-v7-globe-shine{position:absolute;inset:0;background:radial-gradient(ellipse 88% 80% at 40% 105%,rgba(104,193,255,.34),transparent 72%),linear-gradient(145deg,rgba(232,247,255,.05),transparent 42%,rgba(9,31,82,.16));pointer-events:none}
.hero-v7-map-caption{position:absolute;inset:auto 20px 18px auto;display:flex;gap:8px;align-items:center;color:#b9ddff;font:800 9px Inter,Arial,sans-serif;letter-spacing:.07em}.hero-v7-map-caption strong{font-weight:900;border:1px solid rgba(188,220,255,.32);border-radius:5px;padding:3px 7px}.hero-v7-map-live{width:7px;height:7px;border-radius:50%;background:#65ccff;box-shadow:0 0 0 5px rgba(119,219,255,.12)}
.hero-v7-floating{position:absolute;background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(236,245,255,.89));border:1px solid rgba(255,255,255,.98);backdrop-filter:blur(21px) saturate(1.12);-webkit-backdrop-filter:blur(21px) saturate(1.12);box-shadow:0 22px 55px rgba(20,63,119,.18),inset 0 1px rgba(255,255,255,.98);border-radius:21px;color:#21416f;z-index:5;animation:heroV7Float 9s ease-in-out infinite}
.hero-v7-ai-panel{width:min(340px,60%);right:-9px;top:6px;padding:16px 16px 14px;animation-delay:-3s}.hero-v7-panel-head{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e4eefc;padding-bottom:11px;margin-bottom:7px;font:800 11px Inter,'Segoe UI',sans-serif}.hero-v7-panel-head b{flex:1}.hero-v7-spark{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;color:#367fe4;background:#e6f2ff;font-size:15px}.hero-v7-dots{color:#a3b8d5}
.hero-v7-message{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(222,234,251,.8);padding:9px 0;font-size:10px;line-height:1.55}.hero-v7-message:last-child{border-bottom:0}.hero-v7-message span{flex:1}.hero-v7-message i{flex:0 0 24px;height:24px;border-radius:8px;display:grid;place-items:center;font-style:normal;background:#e8f2ff;color:#3180ea;font-weight:900}.hero-v7-message i.critical{color:#d8526e;background:#ffecf0}.hero-v7-message i.warn{color:#c88735;background:#fff3e5}.hero-v7-message b{color:#9ab0cb;font-size:14px}
.hero-v7-traffic-card{left:-15px;bottom:47px;padding:15px 17px;min-width:180px;direction:ltr;text-align:left;animation-delay:-1s}.hero-v7-traffic-card>span{font:800 9px Inter,Arial,sans-serif;letter-spacing:.08em;color:#658db9}.hero-v7-traffic-card strong{display:block;font:900 27px Inter,Arial,sans-serif;color:#1a5faf;letter-spacing:-.06em;line-height:1.4}.hero-v7-traffic-card small{display:block;font:650 10px Inter,Arial,sans-serif;color:#8aa6c6}.hero-v7-traffic-card svg{width:135px;height:34px;margin-top:1px}
.hero-v7-cluster-card{display:flex;gap:10px;align-items:center;right:37px;bottom:49px;padding:13px 15px;animation-delay:-4s}.hero-v7-cluster-dot{width:34px;height:34px;background:#e3f2ff;color:#257ef0;display:grid;place-items:center;border-radius:12px;font-size:19px}.hero-v7-cluster-card small,.hero-v7-risk-card small{display:block;font:800 8px Inter,Arial,sans-serif;letter-spacing:.05em;color:#7798be}.hero-v7-cluster-card strong,.hero-v7-risk-card strong{font:850 20px Inter,Arial,sans-serif;color:#175ca9}.hero-v7-cluster-card strong span,.hero-v7-risk-card strong span{font-size:9px;color:#87a0bf;font-weight:700}
.hero-v7-risk-card{left:67px;bottom:181px;display:flex;gap:9px;align-items:center;padding:12px 14px;animation-delay:-2s}.hero-v7-risk-card>i{width:31px;height:31px;flex-shrink:0;border-radius:10px;background:#ffe9ef;color:#d84f69;font:900 20px Arial,sans-serif;display:grid;place-items:center;font-style:normal}.hero-v7-risk-card strong{font-size:15px;color:#b84460}
.v6-products-section{background:radial-gradient(ellipse at 86% 16%,rgba(162,201,255,.33),transparent 38%),linear-gradient(180deg,#edf6ff,#f7fbff)!important}
.v6-category-card{background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(237,247,255,.81))!important;border:1px solid rgba(210,227,251,.96)!important;box-shadow:0 17px 43px rgba(24,85,166,.075)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.v6-category-card:hover{box-shadow:0 28px 55px rgba(24,85,166,.13)!important}.v6-category-art span{background:linear-gradient(140deg,#eaf3ff,#d6e9ff)!important;color:#2c7de3!important}
.platform-pillars .pillar-card,.devops-service,.detail-card,.pricing-card,.network-card,.customer-panel{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(236,246,255,.75))!important;border-color:#d8e7fb!important;box-shadow:0 15px 45px rgba(37,91,166,.07)!important;backdrop-filter:blur(13px)}
@keyframes heroV7Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes heroV7Halo{from{opacity:.78;transform:scale(.98)}to{opacity:1;transform:scale(1.04)}}
@media(max-width:1130px){.hero-v7 .hero-grid-premium{grid-template-columns:1fr;gap:12px}.hero-v7 .hero-copy-premium{padding:40px 0 18px;max-width:730px}.hero-v7 .hero-art-premium{height:550px;max-width:790px;justify-self:center}.hero-v7 .hero-copy-premium h1{font-size:clamp(35px,5.5vw,54px)!important}}
@media(max-width:680px){.hero-v7{padding:17px 0 27px}.hero-v7 .hero-grid-premium{gap:12px}.hero-v7 .hero-copy-premium{padding:30px 0 0}.hero-v7 .hero-copy-premium h1{font-size:clamp(31px,8.1vw,45px)!important;line-height:1.53!important}.hero-v7 .hero-copy-premium .hero-intro{font-size:12px!important;line-height:2!important}.hero-v7-kicker{font-size:9px}.hero-v7 .hero-art-premium{height:430px}.hero-v7-globe{inset:20px 0 15px;border-radius:26px}.hero-v7-ai-panel{width:min(260px,75%);top:0;right:-5px;padding:9px 11px;border-radius:15px}.hero-v7-panel-head{font-size:9px;margin-bottom:3px;padding-bottom:6px}.hero-v7-message{font-size:8px;padding:6px 0}.hero-v7-message i{width:20px;height:20px;flex-basis:20px}.hero-v7-traffic-card{min-width:125px;left:0;bottom:22px;padding:9px 10px;border-radius:14px}.hero-v7-traffic-card strong{font-size:20px}.hero-v7-traffic-card svg{width:93px;height:22px}.hero-v7-traffic-card small{font-size:8px}.hero-v7-cluster-card{right:0;bottom:20px;padding:9px;border-radius:13px}.hero-v7-cluster-dot{width:24px;height:24px;font-size:15px}.hero-v7-cluster-card strong{font-size:15px}.hero-v7-risk-card{left:18px;bottom:132px;padding:8px;border-radius:11px}.hero-v7-risk-card strong{font-size:11px}.hero-v7-risk-card>i{width:23px;height:23px;font-size:15px}.hero-v7-value-row{margin-top:20px;gap:3px}.hero-v7-value-row>div{padding:0 7px}.hero-v7-value-row b{font-size:12px}.hero-v7-value-row span{font-size:9px}.hero-v7-customer{font-size:10px}.v6-product-categories{grid-template-columns:1fr}.v6-category-card{min-height:0}}
@media(max-width:420px){.hero-v7 .hero-art-premium{height:367px}.hero-v7-ai-panel{width:235px}.hero-v7-risk-card{bottom:116px;left:7px}}
@media(prefers-reduced-motion:reduce),(max-width:680px){.hero-v7-floating,.hero-v7-halo{animation:none!important}.hero-v7-floating{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
/* Final composition alignment: keep the Persian hero at two confident lines. */
@media(min-width:1131px){.hero-v7 .hero-grid-premium{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:23px}.hero-v7 .hero-copy-premium h1{font-size:clamp(36px,3.25vw,48px)!important;line-height:1.62!important}.hero-v7 .hero-copy-premium{padding-inline-start:12px}}
.site-header .nav-cta,.site-header .nav-action,.site-header a[href="/demo/"]{background:linear-gradient(110deg,#1268d2,#2390fa)!important;color:#fff!important;border-color:#1b7eeb!important;box-shadow:0 7px 16px rgba(40,110,210,.12)}