/* 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; }
}